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

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

#login h2,
#mya-overview h2 {
  margin-bottom: 12px;
  color: black;
}

/*---------------------------------------------*/
/*                    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 black;
  font-size: 14px;
  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: #d0021b;
}

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

#login .formRow .formLeft label {
  margin-bottom: 0px !important;
}

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

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

#login .errorContainer {
  background: url("/static/images/svg/global-alert-icon-2.svg") no-repeat 6px 0;
  margin: 15px 0px;
  color: #d0021b;
  font-size: 14px;
  font-weight: bold;
  padding-left: 45px;
}

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

#loginErrMsg {
  display: none;
}

#passwdErrMsg {
  display: none;
}

#login .outside {
  border-radius: 6px;
}

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

.content-box-inner .forgot-password-wrapper div.formerroricon {
  background-size: 27px 29px !important;
}

/* #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%;
}

#forgotUserIdForm #emailAddress:focus {
  border-bottom: 1px solid #48d597;
}

@media (min-width: 992px) {
  #forgotUserIdForm #emailAddress {
    width: 350px;
    border: none;
    border-bottom: 1px solid #666666;
    outline: none;
  }
}

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

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

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

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

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

.security-login-page {
  background-color: #fff;
  padding: 0 70px;
}

#continueButton {
  display: inline-block;
}

#continueButton:hover, #continueButton:focus {
    outline: none;
    color: black;
    background: white;
    border-color: #48d597;
}

#securityQuestion, #securityAnswer {
  outline: none;
  border: none;
  font-size: 14px;
  border-bottom: 1px solid #666666;
}

#securityQuestion:focus, #securityAnswer:focus {
  border-bottom: 1px solid #48d597;
}

#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;
}

#forgot-pw-enter-security-answer-back-button {
  width: 170px !important;
}

input#forgot-pw-enter-security-answer-next-button.ctlButton {
  width: 170px !important;
}

.ctlButton.resetPasswordButton {
  padding: 5px 30px !important;
}

#reset-password {
  padding: 14px 30px !important;
  margin-bottom: 12px !important;
}

#request-user-name {
  line-height: 20px !important;
  margin-bottom: 12px !important;
}

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

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

#sidebar .help h2{
  margin-bottom: 15px;
  color: black;
}



@media (min-width: 768px) {
  #sidebar.pre-login-sidebar {
    /* border: 1px solid #ccc; */
    margin: 0 0 40px;
    padding: 15px;
  }
  .login-email {
    margin-bottom: 40px;
  }
  .login-email h2{
    margin-bottom: 12px;
}
}


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

body #sidebar .help ul {
  margin: 10px 0 0;
  padding-left: 0 !important;
  list-style-image: none;
  list-style-type: none;
}

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

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: 14px;
    padding: 0;
  }
}

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

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

#sidebar .promo { margin-bottom: 11px; }
#sidebar .alert { border: 1px solid #cacaca; padding: 20px 24px; margin-bottom: 11px; color: #d0021b; }
#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 0;
}

#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;
  background-position: 0 10px;
}

#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: black;
}

#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 {
  position: static;
}

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

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

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


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

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

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

/*.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: -28px -140px;
}

/*.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: -28px -140px;
}

.new-registration-flow #progress-indicator-bar.step-2 #step-2:after {
  border-left-color: #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: -28px -140px;
}


/* Step 2: UI */

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

.new-registration-flow h3 {
  margin-bottom: 5px;
  color: black;
}

.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: 20px;
}

#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 20px 0;
}

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

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

#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: 8px 0;
  vertical-align: top;
}

.new-registration-flow input#submitButton {
  width: auto;
  background-color: #48d597;
	background: #48d597;
	color: #000;
	padding: 8px 30px;
  width: 200px;
  height: 50px;
	border: 1px solid #48d597;
	box-shadow: none;
}

.new-registration-flow input#submitButton:hover, .new-registration-flow input#submitButton:focus{
    background-color: #fff;
}

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

#terms-and-conditions-wrapper a:hover {
  text-decoration: underline;
}

#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 {
  background: url("/static/images/edit-pencil.svg");
  content: "";
  width: 12px;
  height: 14px;
  display: inline-block;
  margin-left: 6px;
} */

.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: black;
  font-style: italic;
  left: 140%;
  padding-right: 15px;
  position: absolute;
  top: 0;
  width: 350px;
}

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

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

@media (max-width: 991px) {
  .new-registration-flow #progress-indicator-bar .progress-step {
    text-align: center;
  }
}

@media (max-width: 768px) {
  #login .resetPasswordButton {
    max-width: 200px;
  }
  #new-to-my-account {
    margin-top: 30px;
  }
}
.noScriptText{
background:#FF8B19;
color:white;
font-size:16px;
padding:18px;
}