/**
 * @file
 * Form Styling
 */
.form-item {
  /* Wrapper for a form element (or group of form elements) and its label */
  margin: 1.5em 0; }
  .form-item input {
    border: 1px solid #4a4a4a;
    padding: 4px; }
    .form-item input:focus {
      background-color: #ECECEC; }
  .form-item input.error,
  .form-item textarea.error,
  .form-item select.error {
    /* Highlight the form elements that caused a form submission error */
    border: 1px solid #c00; }
  .form-item label {
    /* The label for a form element */
    display: block;
    font-weight: bold; }
  .form-item label.option {
    /* The label for a radio button or checkbox */
    display: inline;
    font-weight: normal; }
  .form-item .form-required {
    /* The part of the label that indicates a required field */
    color: #c00; }
  .form-item .description {
    /* The descriptive help text (separate from the label) */
    font-size: 0.85em; }
  .form-checkboxes .form-item, .form-radios .form-item {
    /* Pack groups of checkboxes and radio buttons closer together */
    margin: 0;
    /* Drupal core uses "0.4em 0" */ }

.container-inline div,
.container-inline label {
  /* Inline labels and form divs */
  display: inline; }

.tips {
  /* Tips for Drupal's input formats */ }

/*
 * Forms in page header (login, search)
 */
header form .form-submit {
  float: right;
  margin: 1px 0 0 2px; }
header form .form-item {
  display: block;
  margin: 0;
  overflow: hidden; }
  header form .form-item input {
    width: 100%; }

html.js input.form-autocomplete {
  background-position: 100% 7px; }
html.js input.throbbing {
  background-position: 100% -13px;
  /* LTR */ }

#main form, #main form * {
  box-sizing: content-box; }
#main form .button, #main form input[type="submit"] {
  background-color: #6CA8CB;
  border-color: #6CA8CB; }
  #main form .button:hover, #main form .button:focus, #main form input[type="submit"]:hover, #main form input[type="submit"]:focus {
    background-color: #c56828;
    border-color: #c56828; }
  #main form .button:active, #main form input[type="submit"]:active {
    background-color: #666;
    border-color: #555; }
#main form .form-actions input {
  background-color: #005aab;
  border-color: #005aab;
  padding: 4px 8px; }

.area-pa #main form .button:hover, .area-pa #main form .button:focus, .area-pa #main form input[type="submit"]:hover, .area-pa #main form input[type="submit"]:focus {
  background-color: #E1CA00;
  border-color: #E1CA00; }
.area-pa .form-submit, .area-pa .button, .area-pa .action-links a {
  /* Various buttons */ }
  .area-pa .form-submit:hover, .area-pa .form-submit:focus, .area-pa .button:hover, .area-pa .button:focus, .area-pa .action-links a:hover, .area-pa .action-links a:focus {
    background-color: #E1CA00;
    border-color: #E1CA00; }

.area-pa #views-exposed-form-projects-page-2 {
  background-color: #ECECEC;
  margin: 0px -10px -5px -10px;
  padding: 0px 10px 5px 10px; }

.form-submit, .button, .action-links a, .field-registration a {
  /* Various buttons */
  background-color: #005aab;
  border: 1px solid #005aab;
  color: white;
  cursor: pointer; }
  .form-submit:hover, .form-submit:focus, .button:hover, .button:focus, .action-links a:hover, .action-links a:focus, .field-registration a:hover, .field-registration a:focus {
    background-color: #c56828;
    border-color: #c56828; }
  .form-submit:link, .form-submit:visited, .form-submit:hover, .button:link, .button:visited, .button:hover, .action-links a:link, .action-links a:visited, .action-links a:hover, .field-registration a:link, .field-registration a:visited, .field-registration a:hover {
    text-decoration: none;
    color: white; }
  .form-submit:active, .button:active, .action-links a:active, .field-registration a:active {
    background: #666;
    border-color: #555;
    text-shadow: #222 0px -1px 0px; }

.form-submit, .button, .field-registration a {
  margin-right: .5em;
  padding: 4px; }

/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0; }

/*
 * Drupal's default login form block
 */
#user-login-form {
  text-align: left;
  /* LTR */
  /*
   * OpenID
   *
   * The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */ }
  #user-login-form ul {
    /* OpenID creates a new ul above the login form's links. */
    margin-bottom: 0;
    /* Position OpenID's ul next to the rest of the links. */ }
  html.js #user-login-form li.openid-link,
  #user-login-form li.openid-link {
    /* The "Log in using OpenID" link. */
    margin-top: 1.5em;
    margin-left: -20px;
    /* LTR */
    /* Un-do some of the padding on the ul list. */ }
  #user-login-form li.user-link {
    /* The "Cancel OpenID login" link. */
    margin-top: 1.5em; }

#user-login ul {
  margin: 1.5em 0; }

.form-item-legal-accept {
  margin-bottom: 0; }

/*
 * Drupal admin tables
 *
 * We overrode these styles in normalize.css, but restore them for the admin
 * section of the site.
 */
form th {
  text-align: left;
  /* LTR */
  padding-right: 1em;
  /* LTR */
  border-bottom: 3px solid #ccc; }
form tbody {
  border-top: 1px solid #ccc; }
form tr.even {
  background-color: #fff; }
form table .item-list ul {
  margin: 0; }

/*
 * Drupal core wrongly puts this in system.menus.css. Since we override that, add it back.
 */
td.menu-disabled {
  background: #ccc; }

/*
 * TinyMCE overwrites
 */
.filter-wrapper .form-item {
  margin-top: 0; }

.filter-guidelines {
  display: none; }

/*
 * Selected projects filter form
 */
#views-exposed-form-projects-page-1 input, #views-exposed-form-projects-page-1 select {
  width: 195px; }
#views-exposed-form-projects-page-1 #edit-reset {
  background-color: #6CA8CB;
  border-color: #6CA8CB; }
  #views-exposed-form-projects-page-1 #edit-reset:hover {
    background-color: #c56828;
    border-color: #c56828; }

/*
 * LoginTobbogan
 */
.toboggan-unified #login-links {
  text-align: left;
  font-size: 1.2em;
  line-height: 1.2em;
  margin-top: 1em; }
  .toboggan-unified #login-links a {
    color: white;
    background-color: #005aab; }
  .toboggan-unified #login-links a.lt-active, .toboggan-unified #login-links a.lt-active:hover {
    color: black;
    background-color: #ECECEC; }
