#content {
  margin-top: 30px; }
  #content .login {
    text-align: left;
    border-style: solid;
    border-width: 2px;
    border-color: #CCC; }

.validationMsg .field-validation-error {
  background-repeat: no-repeat;
  width: auto;
  background-image: url(../../Images/Icon_Notification_RED.png);
  color: red;
  font-size: 12px;
  padding-left: 22px; }
  .validationMsg .field-validation-error span {
    display: inline !important; }

@media screen and (max-width: 600px) {
  #page-body .instructions {
    font-size: 0.9em; } }
@media screen and (max-width: 310px) {
  #page-body .instructions {
    font-size: 0.7em;
    text-align: left; } }
@media screen and (max-width: 310px) {
  #page-body h2 {
    font-size: 1.5em; }
    #page-body h2 .highlight-foreground {
      font-size: 1.5em; }

  #Form .loginField input {
    font-size: 0.9em; }
  #Form #loginButton .action {
    width: 65%; } }
.loginField {
  margin: 10px 0px 10px 0px; }
  .loginField input {
    border-style: solid;
    border-width: 2px;
    border-color: #CCC;
    padding: 1px 0px 1px 1px;
    font-size: 18px; }

#loginButton .action {
  width: 86%;
  min-width: 170px; }
  #loginButton .action span {
    display: block; }

.LoyaltyLoginCentered {
  max-width: 235px;
  margin: auto; }

.instructions {
  color: #443E3B;
  display: block;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 550px;
  text-align: center;
  font-size: 18px; }

#footer {
  margin-top: 30px;
  margin-bottom: 10px; }
  #footer .footerLink {
    margin: 10px 0px 10px 0px; }

.text-link {
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
  color: #666;
  padding-bottom: 2px;
  border-bottom: 1px solid #666;
  text-decoration: none; }

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