/*----------------------------------------------*/
/*         Login and pre-auth styles            */
/*----------------------------------------------*/

/* Styles for login, pre-auth, and security q&a */

#login h2,
#mya-overview h2 {
  margin-bottom: 15px;
}

/*---------------------------------------------*/
/*                    maintenance              */
/*---------------------------------------------*/

#maintenance {
  margin: 0px 0px 0px 15px;
  border: none;
}
@media (min-width: 768px) {
  #maintenance {
    margin: 0px 0px 15px 15px;
    padding: 15px;
    width:50%;
    display:inline-block;
    border: 1px solid #ccc;
    float: left;
  }
  #maintenanceAnchor {
  	text-decoration: underline;
  }
}

#sidebar.maintenance-sidebar {
  border-top: 1px dashed #999;
  font-size: 12px;
  padding: 15px;
  width: auto;
}

@media (min-width: 768px) {
  #sidebar.maintenance-sidebar {
    border: 1px solid #ccc;
    margin: 0 0 15px;
    padding: 15px;
    display:inline-block;
    float: right;
  }
}
/*---------------------------------------------*/
/*                    Login                    */
/*---------------------------------------------*/

#login {
  margin: 0;
  padding-top: 0;
}

@media (min-width: 768px) {
  #login {
    margin: 0px 0px 15px 0px;
    padding-top: 15px;
  }
}

#login form {
  margin: 0 auto;
}

@media (min-width: 768px) {
  #login form {
    margin: 0 auto 25px;
  }
}

#login form table {
  border-collapse: collapse;
  empty-cells: show;
  width: 100%;
  margin-top: 10px;
}

#login form td,
#login form th {
  vertical-align: top;
  text-align: left;
  padding: 0 20px 10px 0;
}

#login form td.left {
  text-align: left;
}

#login form .inputFields input {
  width: 150px;
}

#login form .submitFields td {
  text-align: right;
}

#login tbody.alert td {
  font-weight: bold;
  color: #c00;
}

#login .formRow {
  margin-bottom: 8px;
  position: relative;
}

#securityQuestion {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  #securityQuestion {
    font-size: 12px;
    font-weight: 400;
  }
}

#login .errorContainer {
  background: url("/static/images/error_icon.png") no-repeat 6px 0;
  margin: 15px 0px;
  color: #c00;
  font-size: 12px;
  font-weight: bold;
  padding-left: 45px;
}

#login .errorContainer p,
.errorContainer a {
  margin: 15px 0;
  font-size: 12px;
  font-weight: bold;
}

#loginErrMsg {
  display: none;
}

#passwdErrMsg {
  display: none;
}

#login .outside {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 6px;
}

#login .inside p,
#login .formerroricon p {
  margin-top: 0;
  margin-bottom: 10px;
}

#new-to-my-account {
  border-top: 1px solid #aeaeae;
  margin-top: 1em;
  padding-top: 24px;
}

@media (min-width: 992px) {
  #new-to-my-account {
    width: 415px;
  }
}

#USER { float: left; }


/*---------------------------------------------*/
/*               Forgot Password               */
/*---------------------------------------------*/

#forgotUserIdForm #emailAddress,
#forgot-user-email-label {
  display: block;
}

#forgotUserIdForm #emailAddress {
  box-sizing: border-box;
  width: 100%;
}

@media (min-width: 992px) {
  #forgotUserIdForm #emailAddress {
    width: 250px;
  }
}

#forgot-user-email-label {
  margin: 0 0 10px;
}

@media (min-width: 768px;) {
  #forgot-user-email-label {
    color: #000;
  }
}

.forgot-username-confirm h4 {
  color: #666;
  font-size: 14px;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .forgot-username-confirm h4 {
    font-size: 12px;
    margin-bottom: 0;
  }
}

.forgot-username-confirm p {
  line-height: 1.25;
  margin: 0 0 1em;
}

#neverGotEmailContent h4 {
  margin: 0;
}

#password-guidelines {
  padding-left: 15px;
}

#password-guidelines li {
  line-height: 1.375;
}
#newPassword,
#confirmPassword,
#oldPassword,
#userId {
  margin-bottom: 8px;
}
#enterNewPasswordForm #error-messaging-wrapper,
#enterNewPasswordForm .alert {
  display: none;
}

#enterNewPasswordForm #error-messaging-wrapper {
  margin-bottom: 10px;
}


/*---------------------------------------------*/
/*                 Right Sidebar               */
/*---------------------------------------------*/

#sidebar.pre-login-sidebar {
  border-top: 1px dashed #999;
  float: none;
  font-size: 12px;
  padding: 25px 0 0;
  /*width: auto !important;*/
  width: auto;
}

@media (min-width: 768px) {
  #sidebar.pre-login-sidebar {
    border: 1px solid #ccc;
    margin: 0 0 15px;
    padding: 15px;
  }
}


/*---------------------------------------------*/
/*          Right Sidebar: Need Help?          */
/*---------------------------------------------*/

body #sidebar .help ul {
  margin: 10px 0 0;
  padding-left: 12px;
}

@media (min-width: 768px) {
  body #sidebar .help ul {
    margin: 0 0 25px;
    padding-left: 15px;
  }
}

body #sidebar .help li {
  margin: 0 0 0.75em;
}

@media (min-width: 768px) {
  body #sidebar .help li {
    margin: 0 0 0.5em;
  }
}

body #sidebar .help ul a {
  font-size: 14px;
  padding: 2px 0;
}

@media (min-width: 992px) {
  body #sidebar .help ul a {
    font-size: 12px;
    padding: 0;
  }
}

#sidebar .help h4 {
  color: #00853f;
  font-size: 16px;
  margin: 0 0 15px;
}

@media (min-width: 768px) {
  #sidebar .help h4 {
    color: #999;
  }
}

#sidebar .promo { margin-bottom: 11px; }
#sidebar .alert { border: 1px solid #cacaca; padding: 20px 24px; margin-bottom: 11px; color: #c00; }
#sidebar .alert .target { padding-left: 20px; background: url("/static/images/arrowLandingMenu.gif") no-repeat; }

#sidebar .help ul {margin: 0; padding-left: 15px; margin-bottom:25px; list-style-image: url("/static/images/arrowTargetLink.gif");}
#sidebar .help li {margin: 0 0 0.5em; padding: 0;}


/* Error messaging */

#loginErrMsg { clear: left; }


/*---------------------------------------------*/
/*         Security Question and Answer        */
/*---------------------------------------------*/

.security-question-and-answer #form-error {
  background-position: -1px 50%;
  border: 0;
  display: none;
  padding-left: 35px;
}

#login.security-question-and-answer p {
  margin: 15px 0 10px;
}

#login.security-question-and-answer input[type="text"],
#login.security-question-and-answer label {
  display: block;
}

#login.security-question-and-answer input#securityQuestion {
  margin-bottom: 15px;
}

#login.security-question-and-answer label {
  font-size: 14px;
  margin-bottom: 2px;
  text-align: left;
  width: auto;
}

@media (min-width: 992px) {
  #security-question-and-answer-form #securityQuestion,
  #security-question-and-answer-form #securityAnswer {
    width: 220px;
  }
}

#counter-wrapper {
  line-height: 1.25;
  margin: 5px 0 15px;
}

#security-question-and-answer-form {
  margin: 25px 0;
}

#security-question-and-answer-form #cancelButton {
  margin-left: 10px;
  text-decoration: underline;
}

#hidden-validation-values,
#hidden-question-value,
#hidden-answer-value,
.form-error {
  display: none;
}

.question-mark {
  background: url('/static/images/question-mark.png') no-repeat;
  min-height: 30px;
  padding-left: 40px;
}

#security-question-setup-tips ul {
  list-style: none;
  margin: 5px 0 15px;
  padding: 0;
}

#security-question-setup-tips ul li {
  line-height: 1.25;
}

#security-question-setup-tips {
  line-height: 1.25;
}

#security-question-setup-tips h3 {
  color: #999;
}

#security-question-setup-tips h4 {
  font-style: italic;
}

.security-question-and-answer h3 {
  margin-bottom: 10px;
}


/* Workaround styles to prevent browser autocomplete */
/* ------------------------------------------------- */

#bunk-user-input,
#bunk-password-input {
  /*display: none !important;*/
  display: none;
  
}


/*---------------------------------------------*/
/*            New Registration Flow            */
/*---------------------------------------------*/

.new-registration-flow #progress-indicator-bar {
  margin: 0 0 10px;
}

.new-registration-flow #progress-indicator-bar .progress-step {
  text-align: left;
}

#main-content.new-registration-flow #progress-indicator-bar .progress-step .step-copy {
  padding-left: 40px;
  position: static;
}

#main-content.new-registration-flow #progress-indicator-bar #step-1 .step-copy {
  padding-left: 35px;
}

.new-registration-flow input.ctlButton {
  min-width: 120px;
}

.new-registration-flow #progress-indicator-bar .step-numbering {
  height: 37px;
}


/* Progress Bar: Step 1 */
.new-registration-flow #progress-indicator-bar.step-1 #step-1 .step-numbering {
  background-position: -33px -151px;
}

.new-registration-flow #progress-indicator-bar.step-1 #step-2 .step-numbering {
  background-position: -89px -151px;
}

.new-registration-flow #progress-indicator-bar.step-1 #step-3 .step-numbering {
  background-position: -133px -150px;
}

.new-registration-flow #progress-indicator-bar.step-1 #step-2,
.new-registration-flow #progress-indicator-bar.step-1 #step-3,
.new-registration-flow #progress-indicator-bar.step-1 #step-3:after {
  background: #E6E6E6;
}

.new-registration-flow #progress-indicator-bar.step-1 #step-2:after {
  border-left-color: #E6E6E6;
}


/* Progress Bar: Step 2 */

.new-registration-flow #progress-indicator-bar.step-2 #step-1 {
  background: #b0d77d;
}

.new-registration-flow #progress-indicator-bar.step-2 #step-1:after {
  border-left-color: #b0d77d;
}

.new-registration-flow #progress-indicator-bar.step-2 #step-1 .step-numbering {
  background-position: -33px -215px;
}

.new-registration-flow #progress-indicator-bar.step-2 #step-2 {
  background: #d3e7b8;
}

.new-registration-flow #progress-indicator-bar.step-2 #step-2 .step-numbering {
  background-position: -89px -151px;
}

.new-registration-flow #progress-indicator-bar.step-2 #step-2:after {
  border-left-color: #d3e7b8;
}

.new-registration-flow #progress-indicator-bar.step-2 #step-2 {
  background: #d3e7b8;
}

.new-registration-flow #progress-indicator-bar.step-2 #step-3,
.new-registration-flow #progress-indicator-bar.step-2 #step-3:after {
  background: #E6E6E6;
}

.new-registration-flow #progress-indicator-bar.step-2 #step-3 .step-numbering {
  background-position: -133px -150px;
}


/* Step 2: UI */

.new-registration-flow h3 {
  border-bottom: 1px solid;
}

.new-registration-flow h3 {
  border-bottom: 1px solid;
  margin-bottom: 5px;
}

.new-registration-flow p,
.new-registration-flow a,
.new-registration-flow .account-info,
#authentication-security-code-label {
  font-size: 14px;
}

.new-registration-flow .account-info {
  margin-bottom: 15px;
}

#registration-account-number,
#registration-security-code-hint {
  font-weight: 700;
}

#registration-security-code-hint {
  display: block;
}

#registration-content label {
  font-size: 14px;
  font-weight: 400;
}

.new-registration-flow .content-section {
  padding: 0 15px 15px 15px;
}

@media (min-width: 992px) {
  .new-registration-flow input:not([type=checkbox]) {
    width: 250px;
  }

  .new-registration-flow .content-section {
    padding: 0 0 15px 15px;
  }
}

#profile-info-wrapper .content-section {
  padding-top: 15px;
}

#registration-content input[type="checkbox"] {
  display: inline-block;
  vertical-align: top;
}

#registration-content label[for="emailAsUserName"],
#registration-content label[for="readTermsandConditions"] {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  width: 90%;
}

.shell-profile#registration-content label[for="readTermsandConditions"] {
  font-weight: 700;
}

.new-registration-flow #cancelRegistration { 
  line-height: 30px;
  margin: 0 15px;
  vertical-align: top;
}

.new-registration-flow input#submitButton {
  width: auto;
}

#terms-and-conditions-wrapper a {
  display: block;
  margin-left: 15px;
  text-decoration: underline;
}

#terms-and-conditions-wrapper a:first-of-type {
  display: block;
  margin-bottom: 5px;
}

#security-question-help-link ul {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}

#security-question-help-link h3 {
  border: none;
  margin-bottom: 5px;
}

#website-user-agreement-link:after,
#payment-agreement-link:after {
  content: "\f08e";
  font-family: FontAwesome;
  padding-left: 5px;
}

.new-registration-flow h3.green-checkmark-round-icon {
  border: none;
}

@media (min-width: 992px) {
  #email-input-wrapper {
    position: relative;
    width: 252px;
  }
}

.new-registration-flow .margin-info.yellow-info-icon {
  box-sizing: border-box;
  color: #666;
  font-style: italic;
  left: 100%;
  margin-left: 25px;
  padding-left: 40px;
  padding-right: 15px;
  position: absolute;
  top: 0;
  width: 310px;
}

.shell-profile#registration-content #password-validation-error {
  color: #c00;
  display: none;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 15px;
}

.shell-profile#registration-content .validation-failed {
  border-color: #c00;
}

@media (max-width: 768px) {
  #login .resetPasswordButton {
    width: 80%;
  }
}
.noScriptText{
background:#FF8B19;
color:white;
font-size:16px;
padding:18px;
}