@import url("../global-min.css");
body,
button,
input,
select,
textarea {
    /*font-size-adjust: 0.47;*/
}

fieldset {
    padding: 15px 0 0;
}

.fieldHolder {
    display: none;
}

.loginContainer {
    padding-top: 30px;
    text-align: center;
}

.loginContainer #error {
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
}

.loginBox {
    background: none repeat scroll 0 0 #275374 !important;
    padding: 5px 5px 30px;
    width: 400px;
    margin: 0 auto;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin-bottom: 50px;
}

.loginBox label {
    color: #fff;
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 11px;
}

.loginLinksWrapper {
    width: 100%;
    text-align: center;
}

.loginLinksWrapper .link {
    display: inline-block;
    color: #275374;
    font-size: 16px;
}

.loginLinksWrapper .link img {
    margin-right: 6px;
    margin-bottom: -5px;
}

.loginLinksWrapper div.loginRegister {
    /*display:none;  */
}

.loginLinksWrapper div.loginRegister {
    text-align: center;
    margin: 25px auto 0 auto;
    font-size: 15px;
    color: #275374;
}

/* START NEW CSS */

/* fluid full width content */

.fullWidthContent {
    margin-top: 12px;
}

.fullWidthContent #header>span {
    color: #FF4106;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 43px;
    padding: 12px;
}

.fullWidthContent .btn {
    float: right;
    margin-right: 12px;
    color: #5c5a5c;
}

.fullWidthContent #formHeader {
    margin: 15px;
    border-bottom: 1px solid #FF4106;
    padding-bottom: 6px;
}

.fullWidthContent #formHeader>span {
    color: #0F142B;
    font-size: 27px;
}

/* button */

.btn33x300 {
    border: 1px solid #ccc;
    background: url(../../img/site/buttons/btn-fade-31px.jpg) top left repeat-x;
    padding: 0 11px 0 8px;
    height: 31px;
    line-height: 31px;
    display: block;
}

/*  FORM  */

.formDataDisplay {
    color: #004777;
    font-size: 20px;
    margin: 0 0 5px 0;
}

.formNote {
    font-size: 16px;
    color: #888;
    /*#004777;/*#c5cdd4 #ff4000;  */
    /*font-weight: bold;*/
}

.loginDisabledMessage {
    margin: 15px;
    min-height: 254px;
    color: #fff;
    font-size: 1.4em;
}

.loginDisabledMessage a {
    color: #fff;
}

#formWrapper {
    margin: 15px;
}

#formWrapper p {
    color: #004777;
    font-size: 18px;
    margin: 0;
    padding-top: 15px;
}

.formFooter {
    display: table;
    margin-top: 12px;
}

.formFooter .item {
    display: table-cell;
}

#formWrapper #formSubmitButton.greyedOut,
#formWrapper #secondFormSubmitButton.greyedOut {
    background: url(../../img/site/login/greyBG.jpg) top left repeat-x;
    /* background: url(../../img/site/login/greyBG.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}

#formWrapper #formSubmitButton,
#formWrapper #successButton,
#formWrapper #secondFormSubmitButton {
    background: url(../../img/site/login/orangeBG.jpg) top left repeat-x;
    /* background: url(../../img/site/login/login-btn-bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    color: #FFF;
    font-size: 18px;
    /* background-color: #FF4106;*/
    /*padding:12px;*/
    padding: 0.5em;
    width: 350px;
    text-align: center;
}

.loginBox #formSubmitButton,
.loginBox #successButton {
    margin-top: 18px;
}

.loginBox label.error,
.loginBox label.valid {
    padding-left: 0px;
    margin-left: 0px;
    color: #FFF;
}

#formWrapper #formSubmitButton>span {
    /**/
}

/*.formFooter #right
{
    border-bottom: 1px solid #FF4106;
}*/

#field {
    margin-left: 1em;
    /* float: left; */
}

#field,
label,
.psuedoFormLabel {
    font-size: 18px;
    color: #0f142b;
}

.psuedoFormLabel span {
    display: block;
}

::-webkit-input-placeholder {
    color: #C5CDD4;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #C5CDD4;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #C5CDD4;
}

:-ms-input-placeholder {
    color: #C5CDD4;
}

.formCheckboxItem2 {
    /*   border-top: solid 1px #FF4000;*/
    padding-top: 10px;
    /*   margin-top: 10px;*/
}

.formCheckboxItem2 #checkboxWrapper {
    width: 350px;
    padding: 0.5em;
    border: 1px solid #C5CDD4;
    display: inline-block;
}

.formCheckboxItem2 #checkboxWrapper.error {
    /**/
}

.formCheckboxItem2 #checkboxWrapper.valid {
    /**/
}

.formCheckboxItem2 .checkboxNote {
    display: block;
    width: 315px;
    float: right;
    color: #888888;
    font-size: 16px;
}

.formCheckboxItem3 #checkboxWrapper {
    display: inline-block;
}

.formCheckboxItem3 #checkboxWrapper #emailConfirm {
    margin-left: 20px;
    top: 0px;
}

.formCheckboxItem2 .checkboxNote #terms {
    color: #004777;
    cursor: pointer;
}

.formCheckboxItem2 #checkboxError,
.formCheckboxItem3 #confirmCheckboxError {
    display: inline-block;
}

.inputWrapper {
    display: block;
    margin: 0.3em 0 0.5em 0;
}

input,
select {
    border: 1px solid/*#A6B6C3*/
    #c5cdd4;
    margin-bottom: .5em;
    font-size: 18px;
    color: #004777;
    font-weight: bold;
    padding: .5em;
    min-width: 350px;
}

input {
    width: 350px;
}

#formWrapper div:focus,
input:focus,
input[type="checkbox"]:focus {
    outline: #004777 3px solid;
}

.loginBox input:focus {
    outline: #ec6b06 3px solid;
}

.loginBox div:focus {
    /*border-color: #ec6b06;   /* light orange */
    outline: #EEE 3px solid !important;
}

.radioWrapper {
    padding: 6px;
}

.radioWrapper label {
    margin-right: 20px;
}

input[type="radio"] {
    min-width: 10px;
    width: auto;
}

input.error,
select.error {
    border: 1px solid #CC1502;
}

input.ieDisabled {
    background-color: #EBEBE4;
}

input[type=checkbox] {
    width: 13px !important;
    margin: 0;
    padding: 0;
    position: relative;
    top: 3px;
    min-width: 13px;
    *overflow: hidden;
}

label#checkBoxLabel {
    display: block;
    width: 350px;
}

label.error {
    display: block;
    color: #CC1502;
}

label.valid {
    display: inline;
    padding-left: 16px;
    margin-left: .3em;
    color: #3EC402;
}

label.inputDisabled {
    color: #888888;
}

.optionalFormElement {
    /*padding: 1px;*/
    width: 360px;
    min-height: 34px;
    padding: 1px 10px 1px 1px;
    margin: 15px 0;
    background: url(../../img/site/login/orangeBG.jpg) top left repeat-x;
}

.optionalFormElement .icon {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    padding: 5px;
}

.optionalFormElement#changeQuestion .icon {
    background: url(../../img/site/login/change-question.png) center center no-repeat
}

.optionalFormElement#changePassword .icon {
    background: url(../../img/site/login/change-password.png) center center no-repeat
}

.optionalFormElement#changeEmail .icon {
    background: url(../../img/site/login/change-email.png) center center no-repeat
}

.optionalFormElement span {
    display: block;
    padding: 7px 10px;
    color: #fff;
    font-size: 16px;
    margin-left: 30px;
}

.closed span {
    background: url(../../img/site/login/arrowDown.png) center right no-repeat;
}

.open span {
    background: url(../../img/site/login/arrowUp.png) center right no-repeat;
}

#functionLoginMessageWrapper {
    width: 100%;
    /*padding-bottom: 10px;*/
}

#functionLoginMessageWrapper #functionLoginMessage {
    font-size: 16px;
    text-align: center;
    font-style: italic;
    color: #EC6B06;
    background: none repeat scroll 0 0 #FFF !important;
    padding: 5px 5px;
    width: 400px;
    margin: 0 auto;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin-bottom: 20px;
    border: solid 2px #EC6B06;
}

/*
.quickLinks{
    font-size: 14px;
    text-align: center;
}
.quickLinks ul{
   display: block;
}
.quickLinks ul li{
    display: inline-block;
    margin: 5px 10px;
}*/