/**
 * @file
 * The CSS file for misc graphical adjustments.
 *
 */


/**********
*  LOGIN  *
**********/

form#user-login {
  margin: 0 auto 20px;
  width: 944px;
}

  form#user-login .form-item,
  form#user-login .form-actions {
    padding: 10px;
    text-align: center;
  }

  form#user-login .description {
    display: none;
  }

  form#user-login .form-type-password {
    margin-right: -5px;
  }

  form#user-login input[type=text],
  form#user-login input[type=password] {
    border: 1px solid #a8a8a8;
    color: #01224D;
    font-family: "Georgia",Times New Roman,Times,serif;
    font-size: 16px;
    font-style: italic;
    margin: 0 0 0 16px;
    padding: 16px 10px;
    width: 300px;
  }

  form#user-login label {
    color: #01224D;
  }

  form#user-login input[type=submit] {
    background: #01224D;
    border: none;
    color: #FFF;
    cursor: pointer;
    font-size: 1em;
    height: 50px;
    margin: 0 0 0 16px;
    width: 150px;
  }

  form#user-login input[type=submit]:hover {
    background: #012F6B;
  }

@media all and (max-width: 1023px) and (min-width: 710px) {

}

@media all and (max-width: 709px) {
form#user-login {
  width: 100%;
}

  form#user-login input[type=text],
  form#user-login input[type=password],
  form#user-login input[type=submit] {
    width: 100%;
  }
}

/**********************
*  ARTICLE EDIT TABS  *
**********************/

ul.tabs {
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
}

  ul.tabs li {
    background: #01224D;
    padding: 5px 10px 5px;
    margin: 2px 0;
  }

  ul.tabs li.view-active-tab {
    display: none;
  }

  ul.tabs li:hover {
    background: #012F6B;
  }

  ul.tabs li.create-new-account,
  ul.tabs li.create-new-account-active-tab {
    display: none;
  }

    ul.tabs li a {
      color: #FFF;
      letter-spacing: 0.1em;
    }

@media all and (max-width: 709px) {
  ul.tabs {
    display: none;
  }
}