/*------------------------------------*    FORMS
\*------------------------------------*/
input[type="checkbox"] {
  vertical-align: middle; }

/**
 * Group pairs of related label/fields.
 * Ensures consistent spacing between form items.
 * 
   <form>
       <div class="form-line">
           <label /><input />
       </div>
       <div class="form-line">
           <label /><select />
       </div>
       <div class="form-line">
           <label /><input />
       </div>
       <div class="form-line">
           <input type="checkbox" /><label />
       </div>
   </form>
 * 
 */
.form-line {
  min-height: 25px; }
  .form-line label, .form-line .label {
    display: inline-block;
    font-size: 13px;
    color: #ffffff; }
  .form-line label + input,
  .form-line label + select {
    margin-left: 5px; }
  .form-line .text-area-label,
  .form-line textarea {
    display: block; }
  .form-line textarea {
    resize: vertical; }
  .form-line .text-area-label {
    margin-bottom: 10px; }
    .form-line .text-area-label:after {
      content: ':'; }
  .form-line .checkbox-list {
    margin-right: 3px; }