/* ------------------------------------------------------------------------------

   UNI-FORM CUSTOM by James Allen / Will Swain                        Leiths 2012

   ------------------------------------------------------------------------------ */

.uniForm{ color:#555555; }

    .uniForm legend{ font-weight: bold; font-size: 1.3em; margin:0; padding: 1.5em 0; }

    .uniForm .ctrlHolder{ padding: 1em; border-bottom: 1px solid #efefef; }
    .uniForm .ctrlHolder.focused{ background: #fffcdf; }

	.uniForm .inlineLabels { margin:0 0 10px 0; position:relative; }
    .uniForm .inlineLabels .noLabel{}

    .uniForm .buttonHolder{ background: #e5e5e5; text-align: right; margin: 1.5em 0 0 0; padding: 1.5em;
                            /* CSS3 */
                            border-radius:         6px;
                            -webkit-border-radius: 6px;
                            -moz-border-radius:    6px;
                            -o-border-radius:      6px;
                            -khtml-border-radius:  6px;
							position:relative;
                          }
      /*.uniForm .buttonHolder .primaryAction,.secondaryAction { padding: 10px 22px; line-height: 1; font-size: 12px; font-weight: bold; color: #fff !important;
                                             border-radius:         6px;
                                             -webkit-border-radius: 6px;
                                             -moz-border-radius:    6px;
                                             -o-border-radius:      6px;
                                             -khtml-border-radius:  6px;
                                             box-shadow: 1px 1px 0 #fff;
                                             -webkit-box-shadow: 1px 1px 0 #fff;
                                             -moz-box-shadow: 1px 1px 0 #fff;
											 position:relative;
                                           }*/

		.green .primaryAction,.green .secondaryAction { background: #bebc00; border: 1px solid #bebc00; }
		.red .primaryAction,.red .secondaryAction { background: #ad0040; border: 1px solid #ad0040; }

      .uniForm .buttonHolder .primaryAction:active,secondaryAction: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: #777; }

		.uniForm .inlineLabels .value { float: none; width: auto; margin-left: 34%; position: static; margin-top:5px; }

      .uniForm .textInput,
      .uniForm textarea    { padding: 4px 2px; border: 1px solid #aaa; background: #fff; }
      .uniForm textarea    { height: 9em; }
      .uniForm select      { color:#555555; }
      .uniForm .fileUpload {}


      .uniForm ul{}
        .uniForm li{}
          .uniForm ul li label{ font-size: 1em; }

            .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; padding-bottom: 0px }
      .field_dietaryrequirements .formHint {color:red;font-size: 1em;}
      .uniForm .inlineLabels .formHint      { padding-top: .5em; }
      .uniForm .ctrlHolder.focused .formHint{ color: #333; }

/* ----------------------------------------------------------------------------- */
/* ############################### Messages #################################### */
/* ----------------------------------------------------------------------------- */

  /* Error message at the top of the form */
  .uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #f3afb5; margin: 0 0 1.5em 0; padding: 0 1.5em;
                      /* CSS3 */
                      border-radius:         6px;
                      -webkit-border-radius: 6px;
                      -moz-border-radius:    6px;
                      -o-border-radius:      6px;
                      -khtml-border-radius:  6px;
					  position:relative;
                    }

	#errorMsg a { text-decoration:underline; !important; }

	.uniForm #errorMsg h3{ padding:10px 0 5px 0; } /* Feel free to use a heading level suitable to your page structure */
    .uniForm #errorMsg ol{ margin: 0 0 1.5em 0; padding: 0; }
      .uniForm #errorMsg ol li,
      .uniForm p.errorField /* cfUniForm */{ margin: 0 0 10px 1.5em; padding: 7px; background: #f6bec1; position: relative; font-size: 1em; line-height:1.5em;
                                /* CSS3 */
                                border-radius:         6px;
                                -webkit-border-radius: 6px;
                                -moz-border-radius:    6px;
                                -o-border-radius:      6px;
                                -khtml-border-radius:  6px;
								position:relative;
                              }

  .uniForm .ctrlHolder.error,
  .uniForm .ctrlHolder.focused.error{ background: #ffdfdf; border: 1px solid #f3afb5;
                                      /* CSS3 */
                                      border-radius:         6px;
                                      -webkit-border-radius: 6px;
                                      -moz-border-radius:    6px;
                                      -o-border-radius:      6px;
                                      -khtml-border-radius:  6px;
									   position:relative;
                                    }
    .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 { margin: 0 0 10px 0; padding:10px 0 0 0; text-align: center;
                   /* CSS3 */
                   border-radius:         6px;
                   -webkit-border-radius: 6px;
                   -moz-border-radius:    6px;
                   -o-border-radius:      6px;
                   -khtml-border-radius:  6px;
				   position:relative;
                 }

	.uniForm #OKMsg { background-color: #E6E6E6; }

    .uniForm #OKMsg p{ margin: 8px 0 0 0; color:#000; font-weight:bold; }

/* ----------------------------------------------------------------------------- */
/* ############################### Columns ##################################### */
/* ----------------------------------------------------------------------------- */

    .uniForm .col{}
    .uniForm .col.first{}
    .uniForm .col.last{}
    .uniForm .col{ margin-bottom: 1.5em; }
    /* Use .first and .last classes to control the layout/spacing of your columns */
    .uniForm .col.first{ width: 49%; float: left; clear: none;                   }
    .uniForm .col.last { width: 49%; float: right; clear: none; margin-right: 0; }

/* ----------------------------------------------------------------------------- */
/* ########################### cfUniForm Stuff ################################ */
/* ----------------------------------------------------------------------------- */
	/* initial p.errorField rule added above (~Line 118) ... override margin here */
.uniForm p.errorField{ margin-left: 0 }
/*.uniForm #OKMsg p{ padding-left: 20px; background: #c8ffbf url(../images/uni-form/icon-success.gif) no-repeat; }*/


/* ----------------------------------------------------------------------------- */
/* ########################### CUSTOM Stuff ################################ */
/* ----------------------------------------------------------------------------- */

 .uniForm .htmlEditor {height:350px}