/**
 * @file
 * Form Styling
 */


.form-item { /* Wrapper for a form element (or group of form elements) and its label */
  margin: 1.5em 0;
}

input.form-text, select.form-select, textarea.form-textarea {
  border: 1px solid #ccc;
  border-radius: 0;
  background: #fff;
  padding: 10px;
}

.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-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" */
}

.form-submit, a.button {
  background: #000;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-family: "Droid Sans",sans-serif;
  padding: 10px 20px;
  -moz-transition: background-color ease .2s;
  -webkit-transition: background-color ease .2s;
  transition: background-color ease .2s;
}

.form-submit:hover, a.button:hover {
  background-color: #333;
}

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

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

/*
 * Password confirmation
 */

.password-parent,
.confirm-parent {
  margin: 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;
}

.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
  border-bottom: 1px solid #ccc; /* IE doesn't display borders on table rows */
}

/*
 * Drupal core wrongly puts this in system.menus.css. Since we override that, add it back.
 */

td.menu-disabled {
  background: #ccc;
}


/**
 * Signup Form
*/
.signup-fields .form-item {
  margin: 10px 0;
}
.signup-fields .form-text, .signup-fields .form-submit {
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .signup-fields {
    padding-right: 100px;
    margin-top: 30px;
  }
  .signup-fields .form-item {
    float: left;
    width: 50%;
    padding-right: 10px;
    margin: 0;
  }
  .signup-fields .form-submit {
    width: 100px;
    position: absolute;
    right: 0;
    top: 0;
  }
}