/*
    Document   : login
    Created on : Jul 25, 2012, 12:46:06 PM
    Author     : OM
    Description:
    Purpose of the stylesheet follows.
*/

body{font-size:14px;margin:0;color:#333}
body,input{font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size:14px;}
a{color:#333;text-decoration:underline}
a:hover{color:#000}
.formFields label{width:100px;display:inline-block;text-align:right;}
.formFields input[type=text]{padding:7px 10px;width:220px}
h1,h2,h3{margin:0;padding:0}
h3{font-size: 16px;}
.wrapper{margin:0 auto;min-width:400px;max-width:1000px}

.innerHeader{background:url(/auth/webstore/images/newAccountLogo.png) no-repeat right top;height:100px;position:relative;padding-top:30px;}
.innerHeader:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background: url('/auth/webstore/images/newAccountLogoLeft.png') no-repeat left top;}
.innerHeader .dividerLine{width:600px; padding: 0; margin: 0; position: relative;  height:61px;border-bottom:#b9b9b9 2px solid; }

.header{background:url('/auth/webstore/images/loginLogo.png') no-repeat right top;height:230px;position:relative;}
.header:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:url('/auth/webstore/images/loginLogoLeft.png?abc') no-repeat left 30px}
.header .dividerLine{width:784px;height:164px;border-bottom:#b9b9b9 2px solid }
.header1{clear: both;}
.header1:before{background: none !important;}
.leftSection{width:570px;float:left}
.leftSection ul{padding:20px 10px 1px 16px;margin:0}
.leftSection ul li{margin:10px;font-size:14px;}
.introText{font-family: Trebuchet MS,Tahoma,Geneva;font-size:19px;margin-top:-8px;color:#4b4b4b;}

.rightSection{float:right;width:400px;margin-right:10px;}
.loginBox, .signUpBox{background-color:#f5f6e6;box-shadow:0px 0px 12px #ccc;-moz-box-shadow:0px 0px 12px #ccc;-webkit-box-shadow:0px 0px 12px #ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:10px 20px;border:solid 1px #789b28;}
.loginBox h2{font-size:24px;font-weight:400;text-align:center}
.formFields{padding:10px 0}
.formFields label{font-size:14px}
.formFields label{width:100px;display:inline-block;padding:10px 0;text-align:right;}
.formFields input[type=text],
.formFields input[type=password]{padding:10px;width:220px}
.actionSection{margin-left:100px}

.signUpBox h2{font-size:24px;font-weight:400;text-align:center}
.signUpBox .formFields label{width:130px;padding:5px 0}
.signUpBox .formFields input[type=text],.signUpBox .formFields input[type=password]{width:182px;padding:5px}
.signUpBox .actionSection{margin-left:134px}
.cBoth{clear:both}

.normalButton{padding: 0 10px 0 10px;
    margin: 0 10px 0 0;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    outline: none;
    font-size: 16px;
    min-width: 100px;
    box-sizing: border-box;
    height: 35px;
	color: #fff;
    background: #8bc500;
    border: 1px solid transparent;}
.normalButton:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}.finishButton{width: 130px !important; height: 35px !important; font-size: 14px !important;}
.footer{margin:20px auto 0;border-top:1px solid #ccc;padding:0px;line-height:24px;font-size:12px;color:#999;width:810px;}

.captchaText{width:235px;display:inline-block;}

.success { background-color:#EAF8E4; border:4px solid #8DC478; color:#333333; overflow:hidden; padding:14px; width: 700px; font-size:14px; margin:10% auto}
.emailSuccess { background-color:#EAF8E4; border:4px solid #8DC478; color:#333333; overflow:hidden; padding:5px; font-size:14px; text-align: center;}
.error{background-color:#fff2f2;border:4px solid #cc0000;color:#33333;font-size:14px;margin:10% auto;overflow:hidden;padding:14px;width: 700px;}

/* For Smartbox beta Agreement Page */
.betaMessageHeader {font-size:22px;}
.betaMessagebody {font-size:14px; border: 1px solid #ccc; padding: 6px;}
.errorField{border: 1px solid red;background-color: #FFFAFA;}


/* For new signup page */

.loginBox, .signUpBox1{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:10px 20px;border:solid 1px #ccc; width: 770px; margin: 0 auto; margin-top: 20px; position: relative;background: #f9f9f9;}
.loginBox h2{font-size:24px;font-weight:400;text-align:center}
.formFields1{padding:10px 0}
.formFields1 label{font-size:14px}
.formFields1 label{width:100px;display:inline-block;padding:10px 0;text-align:right;}
.formFields2{padding:10px 0}
.formFields2 label{font-size:14px}
.formFields2 label{width:180px;display:inline-block;padding:10px 0;text-align:right;}
 .formFields1 input[type=text],
.formFields1 input[type=password]{padding:10px;width:220px}
.actionSection{margin-left:100px}

.signUpBox1 h2{font-size:24px;font-weight:400;text-align:center}
.signUpBox1 .formFields1 label{width:165px;padding:5px 0}
.signUpBox1 .formFields1 input[type=text],.signUpBox1 .formFields1 input[type=password]{width:182px;padding:7px 10px; height:20px;}
.signUpBox1 .formFields1 select,.signUpBox1 .formFields1 select {width:206px;padding:7px 10px; height:40px;}

.signUpBox1 .actionSection{margin-left:134px}


/* For Password instructions */

.pswdinst{text-align: left; background-color: #E7E7E7; width:250px; border: solid 1px #999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0 10px 10px 0 !important; position: absolute; top: 450px; right:100px;}

.pswdinst h2{font-size: 14px; text-align: left;}

.pswdinst ol{padding: 10px 0 0 10px; margin: 0 0 0 20px;}

.pswdinst ol li{padding: 10px 0 0 0px; margin: 0; text-align: left;}

.instructions{position: absolute; top: 0; right: 0; width: 250px; height: auto;}
.smartBoxDisc{padding:5px;}
.horizontalLine {height: 1px;background-color: #dbdbdb;margin:2px 0 13px; }
p {margin: 5px 0px 5px 30px;}
.FS_16px{font-size:16px}
.creditCardInfo {border-radius: 5px; border:1px solid #cccccc; padding: 5px;position: absolute;right: 10px;font-size: 12px; }
.secureCode{background: url(/auth/webstore/images/cvv.png); width:100px; height: 100px;display: inline-block;height: 26px;position: relative; top:8px;width: 40px;}
.paymentInfo {border-radius: 5px; padding: 5px;right: 10px; margin-left:100px;margin-top:10px; }
.paymentInfo tr td {font-size: 14px;padding:3px 6px}

/*custom alert */
.alt_topsection{height:31px;overflow:hidden;border-bottom: 1px solid #c87f29;}
.alt_topbgline{border-radius:5px 5px 0 0; -moz-user-select:none;height:31px;padding:0 9px;position:relative;text-align:left;background: -webkit-gradient(linear, left top, left bottom, from(#f8d39c), to(#fff4ec));background: -moz-linear-gradient(top,  #f8d39c,  #fff4ec);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8d39c', endColorstr='#fff4ec');}
.alt_content .Download_ali{padding:10px 2px 15px;line-height:20px;text-align:left;font-size:14px}
.alt_topbgline h2{font-size:14px;font-weight:700;padding-top:8px;margin:0}
.customTopDiv {height: 100%;width: 100%;background-color: #000;opacity:0.5;filter:alpha(opacity=50);position: absolute;z-index: 1; }
.customInnerDiv{position:absolute;width:420px; z-index:2;margin: auto;top:0;right:0;left:0;bottom: 0; overflow: hidden;height:140px;}
.FRight {float: right;margin-top: 4px;}
.clearBoth {clear: both}
.partnersHeader {border-bottom:1px solid #bbbbbb;margin:15px 0px 25px;}
.partnersLeftLogo{float: left; padding: 0px 0px 5px 0;width: 220px;height: 70px;}

/* End of custom alert */

.signupButtonMain {width:350px; margin:10px auto 0;}
.signupButtonMain input {height:50px; width:100%; font-size: 18px;}


                      
/* ----------------------------------Enterprise CSS start------------------------ */
.responsiveMainEnterprise .success { background-color:#EAF8E4; border:4px solid #8DC478; color:#333333; overflow:hidden; padding:14px; max-width: 700px; font-size:14px; margin:10% auto;width:auto;}
.responsiveMainEnterprise .loginBox, .signUpBox1{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:10px 20px;border:solid 1px #ccc; width:auto;max-width: 770px; margin: 0 auto; margin-top: 20px; position: relative;background: #f9f9f9;}
.responsiveMainEnterprise .FS_13px {font-size: 13px}
.responsiveMainEnterprise .FRight {    float: right;max-width: 220px;max-height: 70px;width: 100%;height: auto;}
.responsiveMainEnterprise .noOfUsers{top: -10px;position:relative;}
.responsiveMainEnterprise .tearmsplans{margin-left: 125px;}
.responsiveMainEnterprise .sb_terms{width: 13px;margin-left: 200px;}
.responsiveMainEnterprise .partnersHeader{display:flex;align-items:center;justify-content:space-between;width:100%;}
.responsiveMainEnterprise .partnersLeftLogo{float: left; padding: 0px 0px 5px 0;max-width: 220px;max-height: 70px;width:100%;height:auto;}
.responsiveMainEnterprise .bottom_50px{bottom:50px;}
.responsiveMainEnterprise .noOfUsr{top:0;right:220px;}
.responsiveMainEnterprise .cpachaNew{width: 374px; margin: 0 auto;}
.responsiveMainEnterprise .signupButtonMain {width:374px;}
.responsiveMainEnterprise .billingAddress{margin-left: 80px;margin-top: 0;}
@media screen and (max-width:850px){
body, input {font-size: 16px;}
.responsiveMainEnterprise .wrapper{margin:0 auto;min-width:100%;max-width:100%;}
.responsiveMainEnterprise .loginBox, .signUpBox1{margin: 0 auto;padding: 10px;}
.responsiveMainEnterprise .signUpBox1 .formFields1 input[type=text], .signUpBox1 .formFields1 input[type=password]{width:99%;padding:10px 0;}
.responsiveMainEnterprise .mobView {display: flex;flex-direction: column;margin-left:0;margin-right:0;}
.responsiveMainEnterprise h3{font-size:18px;}
.responsiveMainEnterprise .FS_13px{font-size:14px;}
.responsiveMainEnterprise .formFields1 label{font-size:16px;}
.responsiveMainEnterprise .bodySection{padding:0 5px;margin-bottom:10px;}
.responsiveMainEnterprise .actionSection{padding:0 5px;}
.responsiveMainEnterprise .mobView label{text-align:left;}
.responsiveMainEnterprise .creditCardInfo{max-width:340px; position: relative;margin-left:10px;}
.responsiveMainEnterprise .noOfUsers{top:0;}
.responsiveMainEnterprise .tearmsplans{margin-left:0}
.responsiveMainEnterprise .w_0px{width:0px !important;}
.responsiveMainEnterprise .sb_terms{margin-left:0;}
.responsiveMainEnterprise .partnersLeftLogo{display:none;}
.responsiveMainEnterprise .signupButtonMain{width:100%;}
.responsiveMainEnterprise .footer{width:auto;}
.responsiveMainEnterprise .signupButtonMain input{margin:0;}
.responsiveMainEnterprise .mtb_5px{margin:5px 0;}
.responsiveMainEnterprise .capchamain{margin-left:0;}
.responsiveMainEnterprise .pswdinst{position:relative;top:0;right:0;}
.responsiveMainEnterprise .bottom_50px{bottom:0;}
.responsiveMainEnterprise .noOfUsr{top:5px;right:0;}
.responsiveMainEnterprise .partnersHeader{text-align:center;justify-content:center;align-items:center;}
.responsiveMainEnterprise .cpachaNew{width: auto; margin: 0;}
.responsiveMainEnterprise .serityOptions{display:flex;}
.responsiveMainEnterprise .serityOptions input{margin-right: 5px;}
.responsiveMainEnterprise .billingAddress{margin-left:0;margin-top: 5px;}
.responsiveMainEnterprise .expiryInfo select{margin: 4px 0;}
}                     
/* ----------------------------------Enterprise CSS End------------------------ */