#signup .error, #login .error {
  border: 1px solid gray;
  background: #FBE3E4;
  color: #96151b;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 20px;
}

#signup .error a, #login .error a {
  color: #6a0f13;
}

#signup .error a:hover, #login .error a:hover {
  color: #110203;
}

#signup .notice, #login .notice {
  background: #FFF6BF;
  color: #8c7800;
  font-weight: bold;
}

#signup .notice a, #login .notice a {
  color: #594c00;
}

#signup .notice a:hover, #login .notice a:hover {
  color: black;
}

#signup .success, #login .success {
  background: #E6EFC2;
  color: #56651a;
  font-weight: bold;
}

#signup .success a, #login .success a {
  color: #333c10;
}

#signup .success a:hover, #login .success a:hover {
  color: black;
}

.form input {
  padding-left: 40px;
}

.form input[name=username] {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 5px 4px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .form input[name=username] {
  }
}

.form input[name=password], .form input[name=password_confirmation] {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 11px 4px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .form input[name=password], .form input[name=password_confirmation] {
  }
}

.form input[name=email] {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 10px 10px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .form input[name=email] {
  }
}

#signup, #login {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}

#signup h2, #login h2 {
  text-align: center;
  border-bottom: 1px solid gray;
  padding-bottom: 12px;
  margin-bottom: 20px;
}

@media screen and (max-width: 420px) {
  #signup, #login {
    width: 100%;
  }
}

#signup .form, #login .form {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 300px) {
  #signup .form, #login .form {
    width: 100%;
  }
}

#signup .form .submit {
  display: block;
}

#login .form .help {
  display: inline-block;
  width: 60%;
}

#login .form .help a {
  display: block;
}

#login .form .submit {
  display: inline-block;
  padding-left: 12px;
  width: 40%;
}

#eam-content-wrapper {
  background-color: #eeeeee;
  margin: 0 auto;
  width: 600px;
}