@import url(//fonts.googleapis.com/css?family=Rokkitt:400,700);

/* Membercenter support */

#memberLoginInfo {
  padding-top: 16px;
  color: #737373;
  font-family: helvetica,arial sans-serif;
  width: 135px !important;
}

#memberLoginInfo a {
  color: #737373;
  font-weight: bold !important;
}

#memberLoginInfo a[data-reg-handler='signInHandler'] {
  float: right;
}

#memberLoginInfo [data-reg-handler="signInHandler"]:before {
  content: "Log In";
}

#memberLoginInfo [data-reg-role="navspace"]:before,
#memberLoginInfo [data-reg-handler="signUpHandler"]:before {
  content: "";
}

[data-reg-loggedin] #memberLoginInfo {
  padding-top: 14px;
}

[data-reg-loggedin] #memberLoginInfo [data-reg-role="navspace"]:before {
  content: "Hi, ";
}

[data-reg-loggedin] #memberLoginInfo [data-reg-role="navspace"] {
  display: inline;
  margin-left: 6px;
}

#memberLoginInfo [data-reg-handler="signUpHandler"] {
  background-image: url("http://www.latimes.com/images/subscribe-btn.png");
  margin: -9px 8px 0 1px;
  float: left;
  height: 26px;
  width: 86px;
}

#memberLoginInfo [data-reg-username]:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #CCCCCC transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 6px;
  content: "";
  display: inline;
  height: 0;
  margin-left: 2px;
  margin-top: 3px;
  position: absolute;
  width: 0;
}

#memberLoginInfo [data-reg-role="minimodal"] {
  background-color: #FFFFFF;
  border: 1px solid #797979;
  margin-top: 8px;
  width: 117px;
}

#memberLoginInfo [data-reg-role="minimodal"] li {
  padding: 5px 0 4px;
  text-align: center;
}

#memberLoginInfo [data-reg-role="minimodal"] a {
  color: #0099CC !important;
}

@import url(//fonts.googleapis.com/css?family=Rokkitt:400,700);


/*
  Modal
*/
  /* Background color */
    .flexible-registration-modal.dialog-wrapper,
    .flexible-registration-modal .undistinguished-content {
      background-color: #FFF !important;
    }
    .flexible-registration-modal.dialog-wrapper div.dialog-content {
      background-color: #FFF !important;
    }
    #trb_meteringService .distinguished-content {
      background: #DEDEDE;
    }
    .dialog-profile .txtWrp-lblOne,
    .dialog-profile .txtWrp-lblTwo,
    .dialog-profile .txtWrp-lblThree {
      background-color: #FFF !important;
      left: 108px;
      padding-right: 15px;
    }
  /* Font family */
    .flexible-registration-modal * {
      font-family: Rokkitt, Georgia, "Times New Roman", Times, serif !important;
    }
    .flexible-registration-modal input,
    .flexible-registration-modal button {
      font-family: Arial, Helvetica, sans-serif !important;
    }

  /* Font size */
  .signInLinks span, .signInLinks .forgetPassword,
  .signInSSO p, .aolSignInContainer p {
    font-size: 1em;
    line-height: 1.2em;
  }
  /* Font color */
  .flexible-registration-modal form#newsletterForm span#signon-cancel,
  .flexible-registration-modal a,
  .flexible-registration-modal span#signon-cancel,
  .flexible-registration-modal .signInLinks .link,
  .dialog-content label.label.freeTrial,
  .signInLinks .forgetPassword, .aolSignInContainer .cancel, .cancelButton,
  .newsletterInfoMore, .newsletterInfoLess,
  .flexible-registration-modal form#newsletterForm p.seeMore,
  .flexible-registration-modal ul.profile-menu a,
  .flexible-registration-modal .actions .edit {
    color: #9f8e53 !important;
  }
  #trb_meteringService_buttons a,
  body #trb_meteringService_matchAccount_a,
  #trb_meteringService_cancel_a,
  #trb_meteringService a {
    color:#9f8e53 !important;
    background: none !important;
  }
  .dialog-profile .social-disconnect-message .disconnect {
    color: #FFFFFF;
  }

  /* SignIn links */
  .flexible-registration-modal .dialog-content .signInLinks {
    padding-bottom: 10px;
  }
#trb_meteringService #trb_meteringService_body a,
#trb_meteringService #trb_meteringService a,
#trb_meteringService #trb_meteringService_switchAccount_a,
#trb_meteringService #trb_meteringService_cancel_a,
#trb_meteringService #trb_meteringService_international_a {
  color:#9f8e53 !important;
}
/*
  Buttons
*/
.flexible-registration-modal .dialog-content .signon-submit,
.flexible-registration-modal .dialog-content #signon-submit,
.flexible-registration-modal .dialog-content .submit,
.flexible-registration-modal .dialog-content span.subscribe-btn,
.flexible-registration-modal .dialog-content span.actions .save,
.dialog-profile .social-providers .social-disconnect-message .disconnect,
.dialog-profile .edit-email-panel .edit-email-actions .save {
  background: #c2b688; /* Old browsers */
  background: -moz-linear-gradient(top,  #c2b688 1%, #59543d 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c2b688), color-stop(100%,#59543d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #c2b688 1%,#59543d 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #c2b688 1%,#59543d 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #c2b688 1%,#59543d 100%); /* IE10+ */
  background: linear-gradient(top,  #c2b688 1%,#59543d 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2b688', endColorstr='#59543d',GradientType=0 ); /* IE6-9 */
  color: #FFF;
  font-weight: 500;
}
.default_extra_wide #trb_meteringService_matchAccount_a {
    font-family: Rokkitt, Georgia, "Times New Roman", Times, serif !important;
    color:#9f8e53;
}
.flexible-registration-modal .dialog-content span.actions .btn-disabled {
  background: #cccccc; /* Old browsers */
  background: -moz-linear-gradient(top, #CCCCCC 1%, #737485 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#CCCCCC), color-stop(100%,#737485)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #CCCCCC 1%,#737485 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #CCCCCC 1%,#737485 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #CCCCCC 1%,#737485 100%); /* IE10+ */
  background: linear-gradient(top,  #CCCCCC 1%,#737485 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#737485',GradientType=0 ); /* IE6-9 */
  color: #CCC;
  cursor: default;
}
/*
  Form fields
*/
.flexible-registration-modal.dialog-wrapper .dialog-content .textField,
.flexible-registration-modal.dialog-wrapper .dialog-content .password,
.flexible-registration-modal.dialog-wrapper .dialog-content .inputField {
  border:             1px solid #7A7464;
  -moz-box-shadow:    inset -2px 2px 7px 0 #D9D9D9;
  -webkit-box-shadow: inset -2px 2px 7px 0 #D9D9D9;
  box-shadow:         inset -2px 2px 7px 0 #D9D9D9;
  height:             3.5em;
}

.dialog-profile .subscribe-ico {
  background-color: #000000;
}

.dialog-profile .temp-msg-true {
  background: #dcd6c1;
}

.dialog-profile .profile-item-saved-success-msg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #dcd6c1;
  z-index: 3000;
  padding: 10px;
  text-align: center;
}

.dialog-profile .social-providers .social-disconnect-message
{
  background: #dcd6c1;
}

.dialog-profile [data-subscribed].temp-msg-true {
  background: #dcd6c1;
  -webkit-transition: background 50ms linear;
}

.dialog-profile [data-subscribed].temp-msg-false, .dialog-profile [data-subscribed].temp-msg-error {
  background: #e0e0e0;
  -webkit-transition: background 60ms linear;
}