/* ------------------------------------------------------------------------------
   
   UNI-FORM DEFAULT by DRAGAN BABIC                         (v2) | Wed, 31 Mar 10
   
   ------------------------------------------------------------------------------ */

.uniForm{}
    
    .uniForm legend{ font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; }
  
    .uniForm .ctrlHolder{ padding: 1em; border-bottom: 0px solid #efefef; }
    .uniForm .ctrlHolder.focused{ background: #fffcdf; }
    
    .uniForm .inlineLabels .noLabel{}
    
    .uniForm .buttonHolder{ background: #efefef; text-align: right; margin: 1.5em 0 0 0; padding: 1.5em;
                            /* CSS3 */
                            border-radius:         4px;
                            -webkit-border-radius: 4px;
                            -moz-border-radius:    4px;
                            -o-border-radius:      4px;
                            -khtml-border-radius:  4px;
                          }
    .uniForm .buttonHolder .primaryAction,
    .uniForm input.primaryAction { padding: 2px 10px !important; line-height: 1; background: #f00; border: none; text-transform: uppercase; font-size: 14px; font-family: 'UnitOTThin', Arial, Helvetica, sans-serif; color: #fff;
                                             /* CSS3 */
                                             border-radius:         4px;
                                             -webkit-border-radius: 4px;
                                             -moz-border-radius:    4px;
                                             -o-border-radius:      4px;
                                             -khtml-border-radius:  4px;
                                           }
      .uniForm .buttonHolder .primaryAction:active{ position: relative; top: 1px; }
      .uniForm .secondaryAction            { text-align: left; }
      .uniForm button.secondaryAction      { background: transparent; border: none; color: #777; margin: 1.25em 0 0 0; padding: 0; }
      
        .uniForm .inlineLabels label em,
        .uniForm .inlineLabels .label em{ font-style: normal; font-weight: bold; }
        .uniForm label small{ font-size: .75em; color: #222; }
        
      .uniForm .textInput,
      .uniForm textarea    { padding: 4px 2px; border: 1px solid #ccc; background: #fff; }
      .uniForm textarea    { height: 12em; }
      .uniForm select      {}
      .uniForm .fileUpload {}
      
      .uniForm ul{}
        .uniForm li{}
          .uniForm ul li label{ font-size: .85em; }
            
            .uniForm .small {}
            .uniForm .medium{}
            .uniForm .large {} /* Large is default and should match the value you set for .textInput, textarea or select */
            .uniForm .auto  {}
            .uniForm .small,
            .uniForm .medium,
            .uniForm .auto{}
      
      /* Get rid of the 'glow' effect in WebKit, optional */
      .uniForm .ctrlHolder .textInput:focus,
      .uniForm .ctrlHolder textarea:focus{ outline: none; }
      
      .uniForm .formHint                    { font-size: .85em; color: #777; }
      .uniForm .inlineLabels .formHint      { padding-top: .5em; }
      .uniForm .ctrlHolder.focused .formHint{ color: #333; }
      
/* ----------------------------------------------------------------------------- */
/* ############################### Messages #################################### */
/* ----------------------------------------------------------------------------- */

  /* Error message at the top of the form */
  .uniForm #errorMsg{ background: #fdd; border: 1px solid #fbb; margin: 0 0 1.5em 0; padding: 0 1.5em;
                      /* CSS3 */
                      border-radius:         4px;
                      -webkit-border-radius: 4px;
                      -moz-border-radius:    4px;
                      -o-border-radius:      4px;
                      -khtml-border-radius:  4px;
                    }
    .uniForm #errorMsg h3{} /* Feel free to use a heading level suitable to your page structure */
    .uniForm #errorMsg ol{ margin: 0; padding: 0; }
      .uniForm #errorMsg ol li{ margin: 0; padding: 7px; position: relative; }
  
  .uniForm .ctrlHolder.error,
  .uniForm .ctrlHolder.focused.error{ background: #ffdfdf; border: 1px solid #f3afb5;
                                      /* CSS3 */
                                      border-radius:         4px;
                                      -webkit-border-radius: 4px;
                                      -moz-border-radius:    4px;
                                      -o-border-radius:      4px;
                                      -khtml-border-radius:  4px;
                                    }
    .uniForm .ctrlHolder.error input.error,
    .uniForm .ctrlHolder.error select.error,
    .uniForm .ctrlHolder.error textarea.error{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; }
  
  /* Success messages at the top of the form */
  .uniForm #okMsg{ background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 1.5em 0; padding: 0 1.5em; text-align: center;
                   /* CSS3 */
                   border-radius:         4px;
                   -webkit-border-radius: 4px;
                   -moz-border-radius:    4px;
                   -o-border-radius:      4px;
                   -khtml-border-radius:  4px;
                 }
    .uniForm #OKMsg p{ margin: 0; }

/* ----------------------------------------------------------------------------- */
/* ############################### Columns ##################################### */
/* ----------------------------------------------------------------------------- */
    /* Columns */
    .uniForm .formColumn{ float: left; }
    .uniForm .formColumn{ width: 50%; }
    
    .uniForm .formColumn{}
    .uniForm .formColumn.first{}
    .uniForm .formColumn.last{}
    .uniForm .formColumn{ margin-bottom: 1.5em; }
    /* Use .first and .last classes to control the layout/spacing of your columns */
    .uniForm .formColumn.first{ width: 49%; float: left; clear: none;                   }
    .uniForm .formColumn.last { width: 49%; float: right; clear: none; margin-right: 0;}
    
/* OVERRIDES */
.uniForm .buttonHolder {
    background: none;
    padding: 10px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.uniForm label { padding:0px 10px 0px 0px; color: #222; }

.uniForm select {
    padding:5px; width:290px;height:28px;border:1px solid #d0d7da;
}
input[type="radio"], input[type="checkbox"] {
    margin: 0;
    vertical-align: baseline;
    /*padding:5px;*/
    /*height:26px;*/
    /*border:1px solid #d0d7da;*/
}
.uniForm .formColumn.quarters input[type=file] {
    width:146px;
}
.uniForm textarea {
    width: 713px;
    height: 70px;
    color: #888;
    padding: 5px;
    margin: 10px 0 0;
    border: 1px solid #C5C5C5;
    background: url(../img/grad80r.png) 0 0 repeat-x;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top-left-radius: 3px 3px;
    border-top-right-radius: 3px 3px;
    border-bottom-right-radius: 3px 3px;
    border-bottom-left-radius: 3px 3px;
}
.uniForm textarea.narrow {
    width: 576px;
}
.uniForm textarea.incontainer {
    width: 636px;
}

.uniForm .ctrlHolder { padding: 0.8em 0em 0.8em 0em; }
.uniForm .formColumn { margin-bottom: 0px; position: relative; }
.uniForm .ctrlHolder.focused{ background: #FFFFFF; }
.uniForm .formHint{ float: left; display: block; clear: both; width:  90%; }
.uniForm .ctrlHolder .errorField {
    color: #222 !important;
    border: 0;
    clear: both;
    padding: 0 0 5px 0;
}
.uniForm .ctrlHolder .errorField span {
    display: inline;
    background: #ad0009;
    padding: 4px 5px;
    border-radius: 4px;
}

.uniForm .formRow { padding: 0.8em 0em 0.8em 0em;  float: left; width: 100%; }
.uniForm .formRow .ctrlHolder { padding: 0.8em 0em 0.8em 0em; border-bottom: none; }

  /* Float the input elements */
  .uniForm .inlineLabels input.textInput,
  .uniForm .inlineLabels input.fileUpload,
  .uniForm .inlineLabels input.selectInput,
  .uniForm .inlineLabels .textInput input,
  .uniForm .inlineLabels .fileUpload input,
  .uniForm .inlineLabels .selectInput input,
  .uniForm .inlineLabels select,
  .uniForm .inlineLabels textarea { float: left; width: 63%; background: #fff; border: 1px solid #ccc; color: #222; }