title, script{
    font-size:1em;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    padding: 0px !important;
    margin: 0px !important;
    /*font-size: 13px !important;*/
    font-size:16px !important;
    direction: ltr !important;
}

#login-box {
    width: 333px;
    height: 352px;
    padding: 58px 76px 0 76px;
    color: #ebebeb;
    font-family: 'Open Sans','Segoe UI Symbol',Helvetica;
    background: url('../Image/login-box-backg.png') no-repeat left top;
}

    #login-box img {
        border: none;
    }

    #login-box h2 {
        padding: 0;
        margin: 0;
        color: #ebebeb;
        font: bold 44px "Calibri", Arial;
    }


.login-box-name {
    float: left;
    display: inline;
    width: 80px;
    text-align: right;
    margin: 0 0 7px 0;
    font-weight: bold;
    padding-right: 10px;
}

#login-box-field {
    float: left;
    display: inline;
    width: 230px;
    margin: 0;
    margin: 0 0 7px 0;
}


.form-login {
    width: 205px;
    padding: 10px 4px 6px 3px;
    border: 1px solid #0d2c52;
    background-color: #1e4f8a;
    font-size: 1em;
    color: #ebebeb;
}


/*#UserName, #Password {
    padding: 7px;
    border: 1px solid #333333;
    width: 200px;
    height: 15px;
    background: -moz-linear-gradient(center top, #FFFFFF, #eeead7 1px, #FFFFFF 20px);
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeead7', endColorstr='#FFFFFF');
    font-family: "Lucida Sans Unicode","Lucida Grande",arial,helvetica,sans-serif;
    font-size: 14px;
    color: #333;
    margin-top: 4px;
}*/

/*#UserName:hover, #Password:hover {
        border: 1px solid #f7cd83;
    }

    #UserName:focus, #Password:focus {
        box-shadow: 0 0 2px #ffba00;
    }*/




.login-box-options {
    clear: both;
    font-size: 0.938em;
    font-family: Arial;
    color: #333333;
}

    .login-box-options a {
        color: #ebebeb;
        font-size: 11px;
    }


.ReqInfo {
    color: red !important;
    padding-left: 3px;
}

.btnLogin {
    border-width: 0;
    padding: 7px 14px;
    font-size: 0.875em;
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    text-shadow: none;
    margin-top: 10px;
    min-width: 72px;
}

.btnagree {
    background: url("../Images/arrow-grey.jpg") no-repeat 13px center #ddd;
    padding-left: 30px;
}

.btndisagree, .btncontinue {
    background: url("../Images/arrow-red.jpg") no-repeat 90% center;
    padding-right: 30px;
}

.btnLogin.red {
    color: white;
    text-shadow: none;
    background-color: #DF3226 !important;
}

.btndisagree.red:hover {
    background: url("../Images/arrow-red-hover.jpg") no-repeat 90% center #8E1F10;
    color: #fff !important;
    outline: none !important;
}

 .btnagree:focus {
        color: #000 !important;
        font-weight: bold;
    }

/*..........................*/
h2 {
    color: #333;
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Open Sans','Segoe UI Symbol',Helvetica;
    padding: 5px 3px 0px 4px;
}

.LoginBg {
    clear: none;
    height: auto;
}

*::-moz-selection {
    background: none repeat scroll 0 0 #F69034;
    color: #FFFEFF;
    text-shadow: none;
}

.logheader {
    background-color: #193658;
    width: 100%;
    height: 60px;
}

.loginband {
    background: #2b506f;
    font-family: 'Open Sans','Segoe UI Symbol',Helvetica;
    background-image: url("../images/login_box_bg.png") repeat left top;
    margin: 0;
    color: #fff;
    padding: 0;
    width: 100%;
    height: 370px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.logbox {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 990px;
}

    .logbox .divizlogo {
        width: 400px;
        position: relative;
        height: 330px;
        float: left;
        margin-top: 20px;
        background: url("../Images/logo.png") no-repeat center center;
        padding-right: 100px;
        border-right: 1px solid #FFFFFF;
    }

    .logbox .logscreen {
        position: relative;
        margin-top: 20px;
        margin-left: 20px;
        float: left;
    }

.logerror {
    font-size: 0.688em;
    font-family: verdana;
    color: red;
}

.footer {
    bottom: 0px;
    height: 100%;
    margin: 0 auto;
    display: block;
    float: left;
    width: 100%;
    font-family: 'Lucida Sans Unicode','Lucida Grande',arial,helvetica,sans-serif;
    font-size: 0.875em;
    color: #333;
}


.login-wrapper {
    /*width: 600px;
    height: auto;
    margin: 0px auto 0px auto;*/
}

.offline-error .login-wrapper {
    width: 700px;
}

.offline-error .login-logo {
    background: url("../Images/login-logo.png") no-repeat 8px center;
}


.login-logo {
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 60px;
    padding: 15px;
    text-align: center;
}

    .login-logo img {
        width: 250px;
        /*position: relative;
        top: 40px;
        left: 20px;*/
    }

.login-contents {
    /*background: #fff;
    padding-bottom: 10px;
    
    min-height: 200px;
    font-family: 'Segoe UI';
    font-size: 13px;*/
}

.offline-error .login-contents {
    width: 700px;
    height: 300px;
}

.login-inner-wrapper {
    width: 525px;
    margin: 0px auto;
    padding-top: 30px;
}

.error-inner-wrapper {
    width: 550px;
    height: 200px;
    margin: 0px auto;
    padding-top: 30px;
}

.login-footer {
    text-align: center;
    font-family: 'Segoe UI';
    font-weight: normal;
    font-size: 0.875em;
    color: #111111;
    margin-top: 20px;
}

.error-inner-wrapper p {
    font-family: 'Segoe UI';
    font-weight: normal;
    font-size: 0.875em;
    color: #111111;
}

    .error-inner-wrapper p:first-child {
        font-size: 1.125em;
    }

.login-caption {
    width: 195px;
    padding-left: 15px;
    height: 30px;
    font-family: Arial;
    font-weight: bold;
    font-size: 0.875em;
    line-height: 30px;
    float: left;
    color: #000000;
    text-align: right;
    padding-right: 10px;
}

.login-textboxes {
    width: 285px;
    float: left;
}

.remember-me {
    margin-bottom: 10px;
}

::-webkit-input-placeholder {
    color: #888888 !important;
    font-size: 14px !important;
}

:-moz-placeholder {
    color: #888888 !important;
    font-size: 0.875em !important;
}

::-moz-placeholder {
    color: #888888 !important;
    font-size: 0.875em !important;
}

:-ms-input-placeholder {
    color: #888888 !important;
    font-size: 0.875em !important;
}

.search-member {
    display: inline;
    width: 28px;
    height: 28px;
    border: none;
    background: url('../CSS/member-search.png') no-repeat #9b2e33 center;
    color: #9b2e33;
    border: 1px solid #FFFFFF;
}

.select-textbox input[type="text"] {
    padding: 5px 0px;
    margin: 5px 0px 0px 5px;
    border: 1px solid #878788;
    background: #FFFFFF;
}

.select-contact-note {
    width: 100%;
    color: #000000;
    text-align: center;
    font-size: 0.875em;
    margin-top: 20px;
}

.login-row {
    width: 100%;
    float: left;
}


.login-link {
    display: block;
    margin-top: 10px;
    font-family: Arial;
    font-size: 0.875em;
}

.login-link:focus, .continuReg:focus, #ancLearnMore:focus {
        outline: 2px solid #333;

}
.mutual-authentication-page {
    width: 480px;
    margin: 0px auto;
}

    .mutual-authentication-page .btnLogin {
        margin-top: 0px;
    }

#SAuserdetails .btnLogin {
    margin-top: 0px !important;
}


.login-row-form {
    width: 100%;
    float: left;
    padding: 5px 0px;
}

.login-captiondiv {
    width: 200px;
    float: left;
    color: #333;
    padding: 0.1px;
    text-align: right;
    padding-right: 5px;
    box-sizing: border-box;
    font-size: 0.875em;
}


.login-inputdiv {
    float: left;
}

.login-steps-wrapper {
    width: 90%;
    margin: 0px auto;
    padding-top: 10px;
}

    .login-steps-wrapper p {
        font-size: 0.875em;
        margin-bottom: 5px;
    }

.step-1-rules {
    width: 315px !important;
}


.step-number {
    font-weight: bold;
    color: #333;
}

.marg-left-200 {
    margin-left: 200px;
}

.displayed-block {
    display: block;
}


.select-img-wrapper {
    width: 90%;
    margin: 0px auto;
}


.image-selection-caption {
    width: 54%;
    float: left;
    margin: 5px 0px;
}

.image-selection-input {
    width: 46%;
    float: left;
    margin: 5px 0px;
}

.select-img-button {
    margin-left: 54%;
    float: left;
}

.challenge-qa-caption {
    width: 20%;
    float: left;
    text-align: right;
    font-size: 0.875em;
    height: 25px;
    line-height: 25px;
}



.challenge-qa-input {
    width: 80%;
    float: left;
    text-align: left;
    height: 25px;
    line-height: 25px;
}

    .challenge-qa-input input[type='text'] {
        padding: 3px;
        width: 400px;
        margin-left: 5px;
        border: 1px solid #888888;
    }


    .challenge-qa-input select {
        padding: 3px;
        width: 410px;
        margin-left: 5px;
    }


.challenge-qa-divider {
    width: 100%;
    float: left;
    height: 10px;
}

.challenge-qa-button {
    width: 100%;
    margin-left: 20%;
    padding-left: 5px;
    float: left;
}


.reg-and-finsihed-wrapper {
    width: 90%;
    margin: 0px auto;
}

.reg-and-finsihed-button {
    width: 100%;
    float: left;
    text-align: center;
}

.login-page-wrapper {
    width: 90%;
    margin: 0px auto;
}


.security-img-btn {
    float: left;
    margin-left: 22%;
    width: 100%;
}


.security-img-msg {
    display: block;
    margin: 5px 0px;
}

.security-img-error-msg {
    color: red;
    font-size: 0.813em;
    display: block;
    display: block;
}



.question-response-caption {
    width: 55%;
    float: left;
    text-align: right;
    height: 25px;
    line-height: 25px;
}



.question-response-input {
    width: 45%;
    float: left;
    text-align: left;
    height: 25px;
    line-height: 25px;
}

.question-response-btn {
    margin-left: 55%;
}



.fleft {
    float: left;
}


.select-agency-caption {
    width: 20%;
    float: left;
    text-align: right;
    font-size: 0.875em;
    height: 25px;
    line-height: 25px;
}



.select-agency-input {
    width: 50%;
    float: left;
    text-align: left;
    height: 25px;
    line-height: 25px;
    padding-left: 6px;
}

.select-agency-button {
    margin-left: 20%;
}


.select-agency-button {
    display: block;
    color: red;
    margin-top: 5px;
}


.mutual-authentication-caption {
    width: 40%;
    float: left;
    text-align: right;
    font-size: 0.875em;
    height: 25px;
    line-height: 25px;
    padding-right: 5px;
    box-sizing: border-box;
}

.mutual-authentication-caption-small {
    width: 20%;
    float: left;
    text-align: right;
    font-size: 0.875em;
    height: 25px;
    line-height: 25px;
    padding-right: 5px;
    box-sizing: border-box;
}



.mutual-authentication-input {
    width: 60%;
    float: left;
    text-align: left;
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    padding-right: 5px;
}


.mutual-authentication-button {
    margin-left: 40%;
    float: left;
    margin-top: 10px;
}

.mutual-authentication-wrapper {
    width: 400px;
    float: left;
    margin-top: 10px;
}

.mutual-authentication-input input {
    width: 70%;
    height: 25px;
}


.login-page-wrapper input[type='text'], .login-page-wrapper input[type='password'], .login-steps-wrapper input[type='password'], .login-steps-wrapper input[type='text'] {
    text-indent: 5px;
    box-sizing: border-box;
}


*.textboxes {
    padding: 5px;
    border: 1px solid #333333;
    width: 200px;
    height: 15px;
    background: -moz-linear-gradient(center top, #FFFFFF, #eeead7 1px, #FFFFFF 20px);
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeead7', endColorstr='#FFFFFF');
    font-family: "Lucida Sans Unicode","Lucida Grande",arial,helvetica,sans-serif;
    font-size: 0.875em;
    color: #333;
    margin-top: 4px;
}

.textboxes:hover {
    border: 1px solid #f7cd83;
}

.textboxes:focus {
    box-shadow: 0 0 2px #ffba00;
}

.marg-top-20 {
    margin-top: 20px;
}

.no-marg {
    margin: 0px !important;
}

.login-parent {
    width: 100%;
    float: left;
}

.login-footer-links {
    width: 100%;
    float: left;
    margin: 20px 0px;
    text-align: center;
}

    .login-footer-links a {
        font-family: 'Segoe UI';
        border-right: 1px solid #555555;
        padding-right: 8px;
        margin-right: 8px;
    }

        .login-footer-links a:last-child {
            border-right: 0px;
        }


* {
    padding: 0px;
    margin: 0px;
}

.wrapper {
    width: 900px;
    height: auto;
    margin: 0px auto;
    position: relative;
    top: 60px;
}

.panel-head {
    position: relative;
    width: 100%;
    height: 90px;
    background: url('../../Images/header-bg.png');
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.panel-body {
    float: left;
    background: #f0f0f0;
    width: 100%;
    height: auto;
    border: solid 1px #c0c4c7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.logoleft {
    background: url('../../Images/logo.png') no-repeat;
    width: 33%;
    height: 60px;
    display: inline-block;
    margin: 15px;
}


.logoright {
    display: inline-block;
    float: right;
    margin-top: 30px;
    margin-right: 20px;
    color: #fff;
    font-family: 'Segoe UI';
    font-size: 1.875em;
}

.content { 
    width: 100%;
    height: auto;
    background: #f0f0f0;
}

/*input[type="button"] {
    display: block;
    padding: 7px;
    font-size: 15px;
    text-align: center;
    font-family: verdana;
    color: #fff;
    border: solid 1px #9A9292;
    border-radius: 5px;
    width: 90px;
    background: #4c9fdf; 
    background: -moz-linear-gradient(top, #4c9fdf 0%, #1a639b 100%); 
    background: -webkit-linear-gradient(top, #4c9fdf 0%,#1a639b 100%);
    background: linear-gradient(to bottom, #4c9fdf 0%,#1a639b 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c9fdf', endColorstr='#1a639b',GradientType=0 );
    }

input[type="text"]:focus {
    outline: none;
}

input[type="button"]:focus {
    outline: none;
}*/





/* Mutual Authentication   style */

.link {
    width: 100%;
    height: 40px;
    position: relative;
    border-bottom: 1px solid #888888;
}

    .link ul {
        position: relative;
        padding: 10px;
    }

        .link ul li {
            list-style-type: none;
            float: left;
            margin-right: 20px;
            border-right: solid 1px #837B7B;
            padding-right: 10px;
        }

    .link li a {
        display: block;
        width: 100%;
        text-decoration: none;
        color: #555555;
        font-size: 1em;
        font-family: Segoe UI;
        font-weight: bold;
    }


.securemsg {
    margin: 10px 0px;
}


    .securemsg p {
        padding: 2px 0px;
        font-size: 0.813em;
        font-family: Segoe UI;
        /*margin-left: 20px;*/
    }

.secure {
    color: #333;
    font-size: 0.938em !important;
    position: relative;
    font-weight: bold;
    /*padding: 10px 0px 0px 10px !important;*/
}

.captcha {
    width: 170px;
    height: 160px;
    display: inline-block;
}

    .captcha img {
        width: 130px !important;
        height: 130px !important;
        margin: 10px 20px 0px 10px;
        border: solid 1px #9A9595;
    }


.captcha-name {
    width: 130px;
    height: 20px;
    border: solid 1px #9A9595;
    margin-left: 10px;
}


#captchalabel {
    margin-left: 20px;
}

.captchalabel {
    margin-left: 30px;
}


.rules {
    float: right;
    font-family: Segoe UI;
    color: #333;
    width: 300px;
}

    .rules h2 {
        text-decoration: underline;
        font-size: 1em;
    }

.rulelist ul {
    list-style: none;
    position: relative;
    top: 5px;
}

.rulelist li {
    line-height: 22px;
    color: #000;
    padding-left: 10px;
}


/*.userdetails {
    position: relative;
    top: 25px;
    display: inline-block;
    left: 30px;
    width: 560px;
    height: auto;
}*/

.loginTxtBox {
    height: 25px;
    width: 180px;
}




.star {
    color: red;
    position: relative;
    top: 4px;
}

.userdata {
    float: left;
    /*width: 170px;
    text-align: right;
    line-height: 40px;
    font-size: 15px;
    font-family: segoe UI;*/
}

.uservalue {
    float: left;
    margin-left: 5px;
}


    .uservalue input[type="text"] {
        width: 200px;
        height: 25px;
        margin-left: 4px;
        border: solid 1px #C4CBCD;
        text-indent: 15px;
        margin-right: 10px;
    }

#mutuala-uthenitication-btn {
    position: relative;
    top: 35px;
    margin: 0px auto;
}

.uservalue a {
    text-decoration: none;
    color: #FF5E00;
    font-family: verdana;
    font-size: 0.813em;
    display: block;
    margin: 5px 0px;
}


.lnkbtn {
    text-decoration: none;
    color: #FF5E00;
    font-family: verdana;
    font-size: 0.813em;
}

/* Mutual Authentication style */

#MAuserdetails {
    top: 40px !important;
}

#MArules {
    display: inline-block;
    top: -110px !important;
    left: 33px;
}

.MAcontinue {
    top: 100px !important;
    left: 200px !important;
}


.MAbtn {
    top: 50px !important;
    margin: 0px auto;
    margin-bottom: 60px;
    left: 230px;
}




.ErrorMessage {
    color: red;
    font-family: segoe ui;
    font-size: 0.938em;
    margin-left: 210px;
    position: relative;
}


/* ChallengeQA style*/

#QAuserdetails {
    top: 0px !important;
    width: 100%;
    left: 100px !important;
}


#QApanelbody {
    height: 720px;
}

#QAcontinuebtn {
    position: relative;
    top: 20px;
    margin: 0px auto;
    left: 25px;
}

.QRuserdetails {
    width: 250px !important;
    height: 20px;
    margin: 2px;
}


#QAuserdetails input[type='text'] {
    width: 550px !important;
}


.QAlbl {
    margin-right: 5px;
    position: relative;
    margin-top: 5px;
}

.QAuserdata {
    display: inline-block;
    width: 580px;
    text-align: right;
    line-height: 40px;
    font-size: 0.938em;
    font-family: segoe UI;
}

.QAbtn {
    top: 10px !important;
    margin-bottom: 50px;
    left: 250px;
}


.QAErrorMessage {
    color: red;
    font-family: segoe ui;
    font-size: 0.875em;
    display: block;
    margin-top: 5px;
}


.QRbtn {
}


.QRErrorMessage {
    display: block;
    font-size: 0.813em;
    margin: 3px 0px;
    color: red;
}



select {
    border: solid 1px #888888;
    margin-right: 10px;
}

.Dropdown {
    text-indent: 15px;
}

select:focus {
    outline: 2px solid #333 !important;
}


/* Select Agency style*/

#SAselct {
    width: 250px !important;
}


.SAselect {
    width: 250px !important;
    padding: 5px;
}

#SApanelbody {
    height: 500px !important;
}

#SAcontent {
    height: 400px !important;
}

#SAuserdetails {
    width: 600px;
    margin: 10px auto 0px auto;
    font-family: Arial;
}



.SAcontinuebtn {
    margin: 0px auto;
    left: 300px !important;
    top: -10px !important;
}



/* MachineRegAndFinished style*/

input[type="radio"] {
    width: 18px;
    height: 18px;
    position: relative;
    top: 5px;
    margin-left: 10px;
    margin-right: 10px!important;
}


#MFuserdetails {
    position: relative;
    top: -30px;
    display: inline-block;
    left: 300px;
    width: 530px;
    height: auto;
}



/* select image and phrase style*/


#IPpanelbody {
    height: 720px;
}

#IPuserdetails {
    width: 220px;
    top: -50px;
    margin-left: 150px;
}

#IPcaptcha {
    width: 170px;
    height: 190px;
    display: inline-block;
    position: relative;
    top: 10px;
    left: 0px;
}

#phrase {
    top: 55px;
    position: relative;
    width: 197px;
}

#image {
    width: 197px;
}

#cpt {
    top: -2px;
}

.captachaset {
    border: solid 1px #BFAAAA;
}



    .captachaset img {
        width: 60px;
        height: 50px;
        background: #3F7A90;
        border: solid 1px grey;
    }


.SEcaptcha {
    width: 170px;
    height: 160px;
    display: inline-block;
    position: relative;
    top: 10px;
}

.SEcaptchaimg {
    /*width: 130px !important;*/
    /*height: 130px !important;*/
    border: solid 1px #9A9595;
    font-size:0.875em;
}

.SEloginTxtBox {
    width: 129px;
    height: 19px;
}


#selectImage {
    display: inline-block;
    text-align: right;
    line-height: 40px;
    font-size: 0.938em;
    font-family: segoe UI;
    width: 369px;
    position: relative;
    top: 20px;
    margin-left: 5px;
}





#IPcontinuebtn {
    position: relative;
    top: 35px;
    margin: 0px auto;
    left: -20px;
}

.btn {
    position: relative;
    border-radius: 5px;
    padding: 7px;
    font-size: 0.938em;
    text-align: center;
    font-family: verdana;
    color: #fff;
    border: solid 1px #9A9292;
    border-radius: 5px;
    background: #4c9fdf;
    background: -moz-linear-gradient(top, #4c9fdf 0%, #1a639b 100%);
    background: -webkit-linear-gradient(top, #4c9fdf 0%,#1a639b 100%);
    background: linear-gradient(to bottom, #4c9fdf 0%,#1a639b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c9fdf', endColorstr='#1a639b',GradientType=0 );
}


.ErrorMessage {
}

/* create password style*/



.CPinnerwrapper {
    position: relative;
    margin: 0px auto;
}

.CPuserdetails {
    display: inline-block;
    width: 400px;
    height: auto;
}

#CPrules {
    top: -110px !important;
    left: 100px;
}


.CPbtn {
    margin: 0px auto;
    margin-top: 20px;
    left: 140px;
}

.CPErrorMessage {
    color: red;
    font-family: segoe ui;
    font-size: 0.938em;
    margin-left: 210px;
    position: absolute;
    margin-top: 50px;
    width: 450px;
}


.MASbtn {
    top: 0px;
    margin: 0px auto;
    margin-bottom: 20px;
}

.MASErrorMessage {
    color: red;
    font-family: segoe ui;
    font-size: 0.938em;
    position: relative;
    width: 100%;
    display: block;
    margin: 5px 0px;
}

.clear {
    clear: both;
}

.internal_msg {
    display: block;
    text-align: center;
}

.formdata {
    margin-top: 20px;
}

.loginContentInner {
    /*width: 90%;
    margin: 20px auto;
    overflow:hidden;*/
}

.login-step-wrapper {
    width: 100%;
    float: left;
    border-bottom: 1px solid #888888;
    padding-bottom: 10px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
}

.login-step-title {
    float: left;
}


.login-step-number {
    float: right;
}

/*.login-terms {
    width: 100%;
    float: left;
    height: 400px;
    overflow: auto;
}*/

.login-center-button {
    width: 100%;
    float: left;
    text-align: center;
}

.agreement-privacy-link {
    width: 100%;
    float: left;
    text-align: center;
}


.login-register-now-wrapper .login-captiondiv {
    width: 30% !important;
    text-align: left !important;
}

.login-register-now-wrapper .login-inputdiv {
    width: 70%;
}

.login-inputdiv input[type='text'] {
    padding: 2px 3px;
}

.month-txtbox {
    width: 25% !important;
}

.date-txtbox {
    width: 25% !important;
}

.year-txtbox {
    width: 25% !important;
}

.register-login-button {
    margin-left: 30%;
}

.create-userid-login-button {
    margin-left: 200px;
}

.login-create-password-wrap {
    width: 100%;
    float: left;
}

.login-create-password-left {
    width: 60%;
    float: left;
}

.login-create-password-right {
    width: 40%;
    float: left;
}

.login-create-password-wrap input[type='text'] {
    padding: 3px 2px;
}

.login-create-password-wrap table td {
    padding: 3px;
}

.login-img-selection-wrap {
    width: 100%;
    float: left;
}

    .login-img-selection-wrap table {
        width: 100%;
    }

        .login-img-selection-wrap table td {
            padding: 3px;
        }

.authenticationImageList {
    width: 135px;
    height: 100px;
}

    .authenticationImageList.hover {
        z-index: 9999;
        position: relative;
    }


.login-challenge-qa-wrap td {
    padding: 3px;
}

    .login-challenge-qa-wrap td input[type='text'] {
        padding: 2px 3px;
        width: 80% !important;
    }

    .login-challenge-qa-wrap td select {
        padding: 2px 3px;
        width: 82% !important;
    }

.login-personal-info-wrap {
    width: 100%;
    margin:0 auto;
    padding:20px;
}
    .login-personal-info-wrap .form-group {
    
    width:100%;
    }

    .login-personal-info-wrap table td {
        padding: 3px;
    }

        .login-personal-info-wrap table td input[type='text'] {
            padding: 2px 3px;
        }

.mutual-authentication-password-rules {
    padding-top: 0;
    margin-top: 0px;
    vertical-align: top;
    padding-left: 20px;
}

.mutual-authentication-password-img td {
    padding: 3px;
    border-collapse: collapse;
}

.mutual-authentication-password-img-border {
    border: 1px solid #666666;
}

.mutual-authentication-password-img input[type='password'] {
    padding: 2px 3px;
}

.verticaly-top {
    vertical-align: top;
}

.login-question-response-table td {
    padding: 3px;
}

    .login-question-response-table td input[type='text'] {
        padding: 2px 3px;
    }


.mutual-authentication-msg span {
    margin-left: 80px;
    display: block;
    width: 50%;
}


.login .content {
    width: 1000px !important;
}

    .login .content h3 {
        color: #000 !important;
        text-align: left !important;
        /*font-size: 24px !important;*/
        font-size:1.500em !important;
    }


    .login .content .form-control {
        background-color: #FFFFFF !important;
        height: 34px !important;
        border: 1px solid #737373 !important;
        color: #555555 !important;
    }

    .login .content .form-actions input.btn {
        padding: 7px 28px 7px 14px !important;
        font-weight: normal !important;
       background-color: #DF3226 !important;
    }

.ext-login-btn {
    position: relative;
}

    .ext-login-btn:before {
        content: " ";
        position: absolute;
        width: 14px;
        height: 14px;
        background-image: url(../assets-new/syncfusion-icons-white.png) !important;
        background-position: -27px -10px;
        display: block;
        right: 10px;
        top: 11px;
        z-index: 99;
    }


.login .content .form-actions {
    padding: 0px 0px 25px 30px !important;
    margin: 0 !important;
    float: left;
    width: 100%;
}


.login .content .forget-password {
    float: none !important;
    margin-top: 25px !important;
    font-size:inherit!important;
}


.login .content .create-account {
    margin: 15px 0px 0px 0px !important;
    padding: 10px 0px 0px 0px !important;
    border-top: 1px dotted #eee;
    background: none !important;
    text-align: left !important;
}


    .login .content .create-account p a {
        font-weight: normal !important;
        color: #0d638f !important;
    }



.forget-password p {
    margin: 0px 0px 10px 0px !important;
}


.enroll-link {
    background: none !important;
    border: 0 !important;
    color: #0d638f !important;
    /*font-size: 14px;*/
}

    .enroll-link:hover {
        text-decoration: underline;
    }


body.login {
    background-color: #444444 !important;
}

.login .content {
    margin: 0 auto !important;
}


.login .copyright {
    color: #ffffff !important;
    font-size:0.813em!important;
}


.logo img {
    width: 300px;
}

.login .logo {
    margin-top: 40px !important;
}

.login-bg {
    background: #444 !important;
}

.login-bg_errorPage {
    background: #000000 !important;
}

label {
    font-weight: 400;
    font-size: 0.875em;
}

.control-label {
    margin-top: 2px;
    font-weight: normal;
    font-size:0.875em;
}

.login-contents h3, .login-contents h1 {
    font-weight: normal;
    color: #000;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1.500em!important;
   
}


.login-contents .col-md-3 h3 label u, .login-contents .col-md-3 h3 span u, .login-contents .col-md-3 h3 span  {
    font-size:0.667em!important;
}

.login-contents .form-actions {
    background-color: #fff;
    clear: both;
    border: 0px;
    /*border-bottom: 1px solid #eee;*/
    padding: 0px 30px 25px 30px;
    margin-left: -30px;
    margin-right: -30px;
}

.login-contents p {
    color: #000000;
    font-size:0.813em;
    padding-left: 15px;
}

.login-bg .copyright {
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    color: #ffffff !important;
    font-size: 0.813em;
}

.login-bg .input-icon {
    border-left: 2px solid #f4f4f4 !important;
}

.input-icon {
    position: relative;
}

    .input-icon input {
        padding-left: 33px !important;
    }

    .input-icon i {
        color: #ccc;
        display: block;
        position: absolute;
        margin: 8px 2px 4px 10px;
        width: 16px;
        height: 16px;
        font-size: 1em;
        text-align: center;
    }

.bdate-field .col-md-3 {
    padding: 0 0 0 15px !important;
}

.login-bg .forget-password {
    margin-top: 25px;
}

.login-bg .login-contents h4 {
    color: #555;
}

.display-none, .display-hide {
    display: none;
}

.form-control {
    font-size: 0.875em;
    font-weight: normal;
    color: #333333;
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.radio-list label {
    margin-right: 20px;
    margin-left: 5px;
    font-weight: 400;
}

.page-mainpanel {
    background: #fff !important;
    margin: 0 auto;
    max-width: 600px;
    padding: 30px 30px;
    display: flow-root;
}

.page-mainpanel-SQ {
    background: #fff;
    margin: 0 auto;
    max-width: 1050px !important;
    padding: 30px 30px;
    display: flow-root;
}

.mss-forgotUserID-table {
    border-collapse: collapse;
    border-collapse: separate; 
    margin-left: -15px
}

.mss-forgotUserID-table-data {
    padding-bottom: 25px;
}

.page-mainpanel.customwid-authc {
    max-width: 360px;
}

.page-mainpanel.customwid-verify {
    max-width: 500px;
}

.phrase-panel {
    background: #fff;
    max-width: 1000px;
    overflow: hidden;
    padding: 30px;
    margin: 0 auto;
}

.page-mainpanel.acc-login {
    max-width: 360px;
}

h3.form-title {
    color: #000;
}

.input-group-addon {
    border-color: #e5e5e5;
    background: #e5e5e5;
    min-width: 39px;
}

    .input-group-addon > i {
        color: #999;
    }

.margin-top-10 {
    margin-top: 10px !important;
}

.login-error-page span {
    display: block;
    color: #999999;
    font-size: 2.125em;
    margin-bottom: 60px;
}

    .login-error-page span:first-child {
        margin-top: 90px;
        color: #e03c31;
    }

.login-error-page {
    text-align: center;
}


.calstrs-red {
    color: #e03c31;
    display: inline !important;
}


.login-wrapper .autocompleteIndicator {
    position: absolute;
    margin-left: -34px;
    z-index: 9;
}


.selectsearch {
    width: 25px;
    height: 25px;
    background: url('../Images/login-search.jpg') no-repeat center;
    margin-left: 5px;
}

span.asterisk, p.asterisk {
    color: #8E1F10 !important;
    font-size:0.875em!important;
}



.radio-btn-wrapper input[type='radio'] {
    margin-right: 5px;
}

.radio-btn-wrapper label {
    margin-right: 25px;
}



@media (max-width:991px) {
    .login .content {
        width: 80% !important;
    }

    .page-mainpanel {
        width: 90% !important;
        max-width: initial;
    }
}


.agreement-terms
{
    border-color: #e9e9e9;
    background-color: White;
    border-style: solid;
    border-width: 1px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 400px;
    max-height: 400px;
    padding-left: 8px;
    padding-right: 20px;
}


.thousand-width
{
    width:1000px;
    max-width:initial;
}
.button {
 font-family: 'Open Sans', sans-serif !important;
  display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 10px 15px;
    font-size: 0.875em;
    line-height: 1.25;
    color:#fff;
    background: #e03c31;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.loginContentMid  {
text-align:center !important;
}
.btnbackto_login {
background-image:url("../Images/arrow-red-prev.jpg");
padding-left:25px !important;
 background-repeat:no-repeat !important;
    background-position:7px center !important;
}
.btnbackto_login:hover {
background-image:url("../Images/arrow-red-prev-hover.jpg") !important;
background-color:#bb2413 !important;

 background-repeat:no-repeat !important;
    background-position:7px center !important;
}
.page-mainpanel-personal-info {
    background: #fff;
    margin: 0 auto;
    max-width: 1000px;
}


.page-mainpanel-personal-info .login-personal-info-wrap
{
    float:none;
}
.login-personal-info-wrap input[type="text"],
.login-personal-info-wrap select{
    display: block;
    width: 100%;
    height: 2.429em !important;
    padding: 6px 12px;
    font-size: 0.875em;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.personal-zip-code input,
.personal-zip-code span {
float:left;
margin-right:5px;
}
.personal-zip-code input {
width:5.000em !important;
}
.personal-zip-code span {
line-height:30px;
}
.country-list select {
width:50% !important;
}
.login-personal-info-wrap input[type="text"],
.login-personal-info-wrap select {
    width:230px;
    margin-top:3px;
    margin-bottom:3px;
}
.margin-left-10 {
margin-left:10px;
}
.address-verification label {
margin-left:5px;
}
/*----------Generic Error Page-----------------*/

.generic-err-header{

    background:#212121;
    padding:5px 0 0 10px;
    text-align:left;
    border-top-right-radius:8px;
    border-top-left-radius:8px;
}

.generic-err-header img{
    width:30%;
    margin-bottom:-22px;
}

.generic-err-content{
    background:#3d3d3d;
    text-align:center;
    padding:100px 0;
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
}


.generic-err-content p{
    color:#fff;
    font-size:1.250em;
    margin:0;
    font-family: 'Roboto', sans-serif;
}

.errorbg{
    background:#efefef;
}

.Error-wrapper{
    width:700px;
    margin:0px auto;
    transform:translateY(50%);
}
.labelORD{
    font-size: 1em !important;
    font-weight:400 !important;
}
.hideControl {
    display: none;
}

.content p, ul.pricing-content li {
    font-size: 0.813em !important;
    margin-left: 5px !important;
}

.formfooter{
     font-size:0.813em!important;
     margin-bottom:5px;
}

.font13{
    font-size:0.813em;
}

.loginErrorH1{
    font-size:13px !important;
}


.login-contents h4{
    font-size:1.125em!important;
}


.login .content h4{
    font-size:1.125em!important;
}

.login .content h3 strong{
    font-size:inherit !important;
}

.mutual-authentication-password-rules{
    font-size:0.875em!important;
}

b, optgroup, strong{
    font-size:inherit;
}

#cphCenterMiddle_btnPrintSave .fa-print{
    font-size:0.875em!important;
}

.login-create-password-wrap b, .login-create-password-wrap span{
    font-size:0.875em!important;
}

.login-personal-info-wrap span{
    font-size:0.875em;
}

.login-contents h3 u{
    font-size:inherit;
}

.formfooter span{
    color:#8E1F10 !important;
}

.btnPrintSave{
   background: none;
   border: none;
   color: #337ab7 !important;
   font-size:0.875em!important; 
}

.printSaveText {
    font-size: 0.875em !important;
    color: #337ab7 !important;
}
 
.btnPrintSave:hover{
   color:#23527c !important;   
}

.Login-H1{
    font-size:24px !important;
    font-weight:400 !important; 
}

.Login-H2{
     font-size:24px !important;
    font-weight:400 !important; 
}

.Login-H3{
    font-size:18px !important;
    font-weight:300 !important;    
}

.login-error-page .loginErrorH1 span{
    font-size: inherit !important;
}

.authH1{
    font-size:24px !important;
    font-weight:400;
}

.authH2{
    font-size:18px !important;
    font-weight:500;
}

#cphCenterMiddle_lblExternalMessage:focus {
    outline: 1px solid #8E1F10 !important;
    padding: 2px !important;
}

#lblError, #lblExternalMessage, #cphCenterMiddle_ltdExternalMessage, #cphCenterMiddle_Span1 {
    color: #8E1F10 !important;
}
#lblError:focus {
    outline: 1px solid #8E1F10 !important;
    padding: 2px !important;
}

.LoginErrorFont{
    font-size:36px !important;
}
.login-personal-info-wrap .input-icon i {
    color: #ccc;
    display: block;
    position: absolute;
    /* margin: 8px 2px 4px 10px; */
    width: 16px;
    height: 16px;
    font-size: 1em;
    text-align: center;
    background: #e8e8e8;
    width: 30px;
    height: 32px;
    top: 4px;
    margin: 0px;
    display: flex;
    justify-items: center;
    left: 17px;
}
.login-personal-info-wrap .fa-envelope:before, .login-personal-info-wrap .fa-phone:before {
    align-self: center;
    width: 100%;
}
.font-weight-normal {
    font-weight:normal !important;
}
.form-control:focus, input:focus {
    outline: 2px solid #333 !important;
}
.hidden-radio {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}
.selectable-image {
    cursor: pointer;
    width: 200px;
    height: 100px;
    display: block;
}
.login-personal-info-wrap input[type=checkbox], .login-personal-info-wrap input[type=radio] {
    margin: 0px 10px 0 5px !important;
}
.login-personal-info-wrap input[type=radio] + label {
        margin-right: 10px !important;
        margin-bottom: 0 !important;
    }
.loginUpdate .content {
    background: #fff !important;
    margin: 0 auto;
    max-width: 600px;
    padding: 30px 30px;
    display: flow-root;
}
.form-control, .custom-border {
    border: 1px solid #737373 !important;
}
.login-link, .enroll-link, .continuReg, #ancLearnMore, .forget-password p a, #lnkBtnResend_Click, #cphCenterMiddle_lnkBtnResend {
    text-decoration: underline;
    color: #0d638f !important;
}
input[name="authRadio"]:focus + .selectable-image {
    outline: 2px solid black;
}
.login-personal-info-wrap .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 15px;
}
@media screen and (max-width: 845px) {
    .login-personal-info-wrap .input-icon i.fa-envelope {
        height: 30px;
        top: 2px;
    }
    .login-personal-info-wrap input[type="text"], .login-personal-info-wrap select {
        width: 100%;
        margin-top: 3px;
        margin-bottom: 3px;
    }
    .respfaIcon i {
        height:30px !important;
        top: 2px !important;
    }
}
ul.pricing-content li {
    font-size: 0.813em !important;
    margin-left: 20px !important;
}

.LoginMsgDiv {
    background-color: #FCEFAD !important;
    padding: 0.1px !important;
    font-weight: bold;
}