body {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.4;
  margin: 0;
  color: #4f4f4f;
  background-color: #fff;
  overflow-y: scroll; }
  @media (min-width: 1152px) {
    body {
      font-size: 14px; } }
  @media (min-width: 1366px) {
    body {
      font-size: 16px; } }
  @media (min-width: 1920px) {
    body {
      font-size: 18px; } }

h1 {
  text-transform: none;
  font-weight: 300; }

a {
  text-decoration: none;
  color: #3169a5; }
  a:visited {
    color: inherit; }
  a:hover {
    cursor: pointer; }

.logo {
  display: block;
  margin: 1.5em auto; }

.banner {
  height: 15em;
  text-align: center;
  margin: 1.5em auto; }
  .banner img {
    height: 100%; }

.content {
  width: 52em;
  margin: 0 auto; }
  .content .message-row {
    height: 4em; }
  .content .content-row {
    height: 18em; }
  .content .message {
    position: relative;
    width: 27em;
    font-size: 1.5em;
    margin: 0 auto;
    padding: 0.2em 0 0.2em 1.8em;
    text-align: center;
    background: #fff;
    color: #50aa37;
    border: 1px solid #E6E6E6;
    -moz-box-shadow: 0.2em 0.2em 0.4em rgba(0, 0, 0, 0.2);
    /* FF3.5+ */
    -webkit-box-shadow: 0.2em 0.2em 0.4em rgba(0, 0, 0, 0.2);
    /* Saf3.0+, Chrome */
    box-shadow: 0.2em 0.2em 0.4em rgba(0, 0, 0, 0.2);
    /* Opera 10.5, IE9, Chrome 10+ */ }
    .content .message > div {
      position: absolute;
      width: 1.5em;
      font-size: 1.2em;
      padding-top: 0.1em;
      top: 0;
      left: 0;
      background: #50aa37;
      color: #fff; }
  .content .error {
    color: #f7931e; }
    .content .error > div {
      background: #f7931e; }
  .content .error-link {
    display: block;
    text-align: center;
    margin-top: 1em; }
  .content .login {
    float: left;
    background: #fff;
    width: 25em;
    height: 18em;
    border: 1px solid #E6E6E6;
    -moz-box-shadow: 0.2em 0.2em 0.4em rgba(0, 0, 0, 0.2);
    /* FF3.5+ */
    -webkit-box-shadow: 0.2em 0.2em 0.4em rgba(0, 0, 0, 0.2);
    /* Saf3.0+, Chrome */
    box-shadow: 0.2em 0.2em 0.4em rgba(0, 0, 0, 0.2);
    /* Opera 10.5, IE9, Chrome 10+ */ }
    .content .login h1 {
      position: relative;
      margin: 0 0 0.5em 0;
      padding: 0;
      height: 1.6em;
      border-bottom: 1px solid #E6E6E6; }
      .content .login h1.text {
        padding: 0.1em 0 0 0.4em;
        height: 1.5em; }
      .content .login h1 img {
        width: 6em;
        padding: 0.3em; }
      .content .login h1 > div {
        position: absolute;
        font-size: 1.8em;
        bottom: -0.37em;
        right: 0.3em; }
    .content .login h2 {
      font-size: 1em;
      font-weight: 400;
      padding: 0 0.7em;
      margin: 0; }
    .content .login p {
      font-size: 0.8em;
      padding: 0.6em 1em;
      margin: 0; }
    .content .login ul {
      font-size: 0.8em;
      padding: 0.6em 1em 0.6em 2.5em;
      margin: 0; }
    .content .login .field {
      padding: 0.6em 1em;
      overflow: hidden;
      font-size: 0.9em; }
      .content .login .field label {
        float: left;
        font-weight: 400; }
      .content .login .field input {
        float: right;
        font-family: "Roboto", sans-serif;
        font-size: 0.9em;
        font-weight: 300;
        width: 21em;
        padding: .2em;
        margin: 0;
        border: 1px solid #E6E6E6; }
    .content .login .field-check {
      padding: 0.6em 1em 0.6em 0;
      float: right;
      text-align: right;
      width: 18.9em;
      font-size: 0.9em;
      overflow: hidden; }
      .content .login .field-check label {
        font-size: 0.9em; }
    .content .login .buttons {
      font-size: 0.9em;
      padding: 0.6em 1em 0.6em 0;
      text-align: right;
      clear: both; }
      .content .login .buttons .button {
        display: inline-block;
        font-size: 1.1em;
        padding: .4em 2em;
        background: #0092BC;
        color: #fff;
        border: 1px solid #017495; }
        .content .login .buttons .button:hover {
          background: #017495; }
    .content .login .links {
      font-size: 0.8em;
      padding: 0 1.2em 0 0;
      text-align: right; }

/*# sourceMappingURL=login.css.map */
