mattvanhorn/BJJLife

/* ----- SimpleForm Styles ----- */

.simple_form div.input {
  margin-bottom: 10px;
}

.simple_form label {
  float: left;
  width: grid-width(2);
  text-align: right;
  margin: 2px 10px;
}

div.boolean, .simple_form input[type='submit'] {
  margin-left: grid-width(2) + $gw-gutter;
}

div.boolean label, label.collection_radio_buttons {
  float: none;
  margin: 0;
}

label.collection_radio_buttons {
  margin-right: 10px;
  vertical-align: -2px;
  margin-left: 2px;
}

.field_with_errors,
.errors_on_base {
  background-color: $error-red;
}
.errors_on_base {
  margin: auto grid-width(1) 20px;
  padding: 10px $gw-gutter;
}
.simple_form .error {
  display: inline;
  margin-left: 10px;
  font-size: 12px;
}

.simple_form .hint {
  width: 300px;
  clear: left;
  margin-left: grid-width(2) + $gw-gutter;
  font-size: 12px;
  color: #555;
  display: block;
  font-style: italic;
}

input.radio {
  margin-right: 5px;
  vertical-align: -3px;
}

input.check_boxes {
  margin-left: 3px;
  vertical-align: -3px;
}

label.collection_check_boxes {
  float: none;
  margin: 0;
  vertical-align: -2px;
  margin-left: 2px;
}

input.btn {
  @include button(shiny, #00A859);
}

.text textarea {
  height: 100px;
  width: grid-width(3);
}

fieldset {
  padding-top: 40px;
  background: tint($default-bg, 10%);
  border: none;
  legend {
    position: relative;
    top: 20px;
    font-family: ChunkFiveRegular;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
}