.login-container .remember-me-label,
.login-container .forgot-password-link,
.login-container .register-panel-link, .register-container .return-to-login-link,
.register-step-two-container .return-to-login-link {
  font-size: .909em; }

.color-line {
  width: 100%;
  height: 4px; }

.special-text-link, .pages-container a {
  color: #7CC5E3; }
  .special-text-link:hover, .pages-container a:hover {
    color: #91cee7; }
  .special-text-link:active, .pages-container a:active {
    color: #a6d8ec; }

.login-page-container {
  margin: 60px auto 0 auto;
  width: 610px; }

.loading-bar {
  background: url("../shared/images/progress-indicators/bars/horiz-blue-bar-3-dots.gif") no-repeat;
  width: 43px;
  height: 11px; }

.alerts-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 1em auto;
  background: #DC9926;
  border: 2px solid #AE781C;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  padding: .5em;
  display: none;
  z-index: 30; }

.pages-container {
  margin-bottom: 1em; }
  .pages-container a {
    text-decoration: none; }
    .pages-container a:hover {
      text-decoration: underline; }

.password-strength-indicator-column-container {
  float: left;
  padding-left: 16px;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .password-strength-indicator-column-container .strength-meter-container {
    padding-top: 0em; }
    .password-strength-indicator-column-container .strength-meter-container.stretched {
      padding-top: 3em; }
  .password-strength-indicator-column-container .strength-title {
    display: block; }
  .password-strength-indicator-column-container .strength-meter {
    background: url("../images/glyphs/strength-gradient.jpg") 0 0 no-repeat;
    width: 100px;
    height: 13px;
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle; }
  .password-strength-indicator-column-container .strength-status {
    font-size: 1.090em;
    vertical-align: middle; }
  .password-strength-indicator-column-container .help-box {
    background: #EEEEEE;
    border: 1px solid #DBDBDB;
    color: #000000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: .5em;
    margin-bottom: 1.5em;
    line-height: 13px; }
    .password-strength-indicator-column-container .help-box p {
      margin: .6em; }
  .password-strength-indicator-column-container .password-strength-box p {
    color: #000;
    font-size: inherit;
    line-height: inherit; }

.is-invalid-input,
.is-invalid {
  background-color: pink; }

.state-indicating-input,
.state-indicating {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px; }

.state-indicating-input.is-loading,
.state-indicating.is-loading {
  background-image: url("../images/glyphs/spinnerbw.gif"); }

.state-indicating-input.is-unique, .state-indicating-input.is-matching,
.state-indicating.is-unique, .state-indicating.is-matching {
  background-image: url("../images/glyphs/check.png"); }

.state-indicating-input.not-unique, .state-indicating-input.not-matching,
.state-indicating.not-unique, .state-indicating.not-matching {
  background-color: pink;
  border: 1px solid #F08888;
  background-image: url("../images/glyphs/alert.png"); }

.login-page {
  overflow: hidden;
  max-width: 610px; }

.login-container,
.image-container {
  width: 49.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.login-page.login-panel-only .login-container {
  margin: auto;
  float: none; }
.login-page.login-panel-only .image-container {
  display: none; }

.login-container {
  float: left; }

.image-container {
  float: right; }

.login-container {
  background: url("../images/background/login-narrow.jpg") no-repeat;
  min-height: 400px;
  *height: 400px;
  padding: 8.9em 1.3em 0 1.3em;
  color: #7CC5E3; }
  .login-container label {
    color: #FFFFFF; }
  .login-container input[type="text"],
  .login-container input[type="password"] {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.090em;
    padding: 0;
    margin-bottom: 1em; }
  .login-container .forgot-password-link,
  .login-container .register-panel-link {
    clear: both;
    float: right;
    text-align: right; }
  .login-container .remember-me-label {
    color: #7CC5E3; }

.submit-and-loader {
  margin-top: 3em;
  margin-right: .6em; }

.loading-bar,
#login-button {
  float: right; }

.loading-bar {
  margin: 5px 10px 0 0; }

#login-button {
  background: url("../images/buttons/login.png") no-repeat;
  width: 140px;
  height: 22px;
  border: 0;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.submit-and-loader-wrapper:before, .submit-and-loader-wrapper:after {
  content: " ";
  display: table;
  border-collapse: collapse; }
.submit-and-loader-wrapper:after {
  clear: both; }

.under-button-links {
  margin-top: .8em;
  clear: both;
  width: 140px;
  float: right; }
  .under-button-links:before, .under-button-links:after {
    content: " ";
    display: table;
    border-collapse: collapse; }
  .under-button-links:after {
    clear: both; }
  .under-button-links .under-button-link {
    line-height: 1.2;
    margin-bottom: 1em; }

#universal-login-text {
  position: relative; !important;
  float: left !important;
  color: white;
  font-size: 11px;
  margin-top: 20px;
  text-align: center;
}
#universal-login-text a {
  color: white;
  text-decoration: underline;
}

.forgot-password-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../images/background/login-narrow.jpg") no-repeat;
  min-height: 400px;
  width: 300px;
  margin: auto;
  color: #FFFFFF;
  padding: 7.5em 1.2em 0 1.2em; }
  .forgot-password-container h2 {
    font-size: 1.454em; }
  .forgot-password-container p {
    font-size: 1.090em;
    color: #fff; }
  .forgot-password-container form {
    overflow: hidden;
    margin-top: 1em;
    margin-bottom: 1em; }
  .forgot-password-container .return-to-login-link {
    font-size: 0.909em; }
  .forgot-password-container input[type="text"] {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.090em;
    padding: 0;
    margin-bottom: 2em;
    *min-width: 274px; }
  .forgot-password-container #send-password-instructions-button,
  .forgot-password-container .return-to-login-link {
    float: right;
    clear: both; }
  .forgot-password-container div {
    overflow: hidden; }
  .forgot-password-container #send-password-instructions-button {
    background: url("../images/buttons/send-instructions.png") no-repeat;
    width: 180px;
    height: 24px;
    border: 0;
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .forgot-password-container .loading-bar {
    display: inline-block;
    zoom: 1;
    *display: inline; }

.change-password-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../images/background/login-wide.png") no-repeat;
  width: 550px;
  height: 370px;
  margin: auto;
  padding: 1em 2em 1em 1em;
  color: #FFFFFF; }
  .change-password-container h2 {
    font-size: 1.636em;
    font-weight: normal;
    margin: 0; }
  .change-password-container form {
    margin-top: 2em;
    overflow: hidden; }
    .change-password-container form:before, .change-password-container form:after {
      content: " ";
      display: table;
      border-collapse: collapse; }
    .change-password-container form:after {
      clear: both; }
    .change-password-container form label {
      display: block; }
    .change-password-container form input[type="text"],
    .change-password-container form input[type="password"] {
      display: block;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 1.090em;
      padding: 0;
      margin-bottom: .3em; }
  .change-password-container .columns {
    margin-left: -16px;
    clear: both; }
    .change-password-container .columns:before, .change-password-container .columns:after {
      content: " ";
      display: table;
      border-collapse: collapse; }
    .change-password-container .columns:after {
      clear: both; }
  .change-password-container .form-column {
    float: left;
    padding-left: 16px;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .change-password-container #submit-password-change-button {
    background: url("../images/buttons/save-changes.png") no-repeat;
    width: 144px;
    height: 24px;
    border: 0;
    float: right;
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .change-password-container .loading-bar {
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .change-password-container .change-password-form-skip-link {
    float: right;
    padding: .2em; }

.change-email-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../images/background/short-wide-background-blue.png") no-repeat;
  width: 610px;
  height: 266px;
  margin: auto;
  padding: 1em;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: normal; }
  .change-email-container .contents {
    margin-top: 55px; }
  .change-email-container h2 {
    font-weight: normal; }
  .change-email-container form {
    margin-top: 2em;
    overflow: hidden; }
    .change-email-container form:before, .change-email-container form:after {
      content: " ";
      display: table;
      border-collapse: collapse; }
    .change-email-container form:after {
      clear: both; }
    .change-email-container form label {
      display: block; }
    .change-email-container form input[type="text"],
    .change-email-container form input[type="password"] {
      display: block;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 1.090em;
      margin-bottom: .3em; }
  .change-email-container .form-column {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .change-email-container .submit-column {
    margin-top: 15px; }
  .change-email-container input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .change-email-container #submit-email-change-button {
    background: url("../images/buttons/save-changes.png") no-repeat;
    width: 144px;
    height: 24px;
    border: 0;
    float: right;
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .change-email-container #skip-change-email {
    clear: both;
    float: right;
    margin-top: 5px; }

.email-providers {
  margin-top: 15px;
  width: 610px;
  height: 225px;
  background: url("../images/background/short-wide-background-gray.png") no-repeat;
  font-size: 11px; }
  .email-providers .contents {
    padding: 2px 10px; }
  .email-providers .logos {
    margin-top: 1em; }
    .email-providers .logos div {
      display: inline-block;
      zoom: 1;
      *display: inline;
      font-size: 9px;
      text-align: center;
      margin-right: 25px;
      color: #BCBCBC; }
    .email-providers .logos img {
      display: block;
      margin-bottom: .5em; }

.register-container,
.register-step-two-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../images/background/login-wide.png") no-repeat;
  width: 550px;
  height: 370px;
  margin: auto;
  padding: 1em 2em 1em 1em;
  color: #FFFFFF;
  line-height: 1.1899; }
  .register-container h2,
  .register-step-two-container h2 {
    font-size: 1.636em;
    font-weight: normal;
    margin: 0; }
  .register-container form,
  .register-step-two-container form {
    margin-top: 1em;
    overflow: hidden; }
    .register-container form:before, .register-container form:after,
    .register-step-two-container form:before,
    .register-step-two-container form:after {
      content: " ";
      display: table;
      border-collapse: collapse; }
    .register-container form:after,
    .register-step-two-container form:after {
      clear: both; }
    .register-container form label,
    .register-step-two-container form label {
      display: block; }
    .register-container form input[type="text"],
    .register-container form input[type="password"],
    .register-step-two-container form input[type="text"],
    .register-step-two-container form input[type="password"] {
      display: block;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 1.090em;
      margin-bottom: .3em; }
  .register-container .columns,
  .register-step-two-container .columns {
    margin-left: -16px;
    clear: both; }
    .register-container .columns:before, .register-container .columns:after,
    .register-step-two-container .columns:before,
    .register-step-two-container .columns:after {
      content: " ";
      display: table;
      border-collapse: collapse; }
    .register-container .columns:after,
    .register-step-two-container .columns:after {
      clear: both; }
  .register-container .form-column,
  .register-step-two-container .form-column {
    float: left;
    padding-left: 16px;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .register-container .form-column label,
    .register-container .form-column input,
    .register-step-two-container .form-column label,
    .register-step-two-container .form-column input {
      border-width: 1px; }
  .register-container #submit-register-button,
  .register-step-two-container #submit-register-button {
    background: url("../images/buttons/save-changes.png") no-repeat;
    width: 144px;
    height: 24px;
    border: 0;
    float: right;
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    top: -2em; }
  .register-container .loading-bar,
  .register-step-two-container .loading-bar {
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .register-container .register-step-two-instructions,
  .register-step-two-container .register-step-two-instructions {
    margin-top: 9em;
    font-size: 1.2em;
    width: 66%;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
  .register-container .registered-email-address-label,
  .register-step-two-container .registered-email-address-label {
    font-weight: bold; }
  .register-container .form-column,
  .register-step-two-container .form-column {
    font-size: 95%; }
  .register-container label,
  .register-step-two-container label {
    font-size: 90%; }

/* ----------- iPhone 4 and up ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  .image-container {
    display: none; }

  .login-container {
    margin: 0 auto;
    float: none; }

  .login-page-container {
    max-width: 350px; }

  .login-container, .image-container {
    width: 300px; }

  .forgot-password-container p {
    color: #fff; }

  .password-strength-indicator-column-container {
    float: none;
    width: 100%; }

  .change-password-container .form-column {
    float: none;
    width: 100%; }

  .change-password-container {
    width: 100%;
    background-color: #23749F;
    height: 420px; }

  .help-box p {
    font-size: 12px; } }

/*# sourceMappingURL=index.css.map */