/* -------------------------------------------------------------------------------------------- */
/* Some rights reserved - http: //creativecommons.org/licenses/by-sa/2.5/                       */
/* -------------------------------------------------------------------------------------------- */
/* If you want to use Uni-Form all you need to do is keep the copyright intact, you don't need  */
/* to link to Uni-Form, although it would be swell if you did.                                  */
/* -------------------------------------------------------------------------------------------- */
/* Do not edit this file directly, make your changes to uni-form.css in the same folder         */
/* Keep in mind that wherever you see 'Required property' it means that the property must exist */
/* -------------------------------------------------------------------------------------------- */

.uniForm{ margin: 0 1px; padding: 10px; background: #F2FAFF; position: relative; z-index: 1; border: 1px solid #DFF3FF; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; } /* reset stuff */

/* Some generals and more resets */
.uniForm fieldset{ border: none; margin: 0; padding: 0; }
.uniForm fieldset legend{ margin: 0; padding: 3px; width: 99.4%; background: #EEE; border: 1px solid #BBB; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* This is the main unit that contains our form elements */
.uniForm .ctrlHolder,
.uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; }

/* Clear all floats */ 
.uniForm:after,
.uniForm .buttonHolder:after, 
.uniForm .ctrlHolder:after, 
.uniForm .ctrlHolder .multiField:after,
.uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

/* A class to be used on a label that contains a checkbox or a radio button */
.uniForm .inlineLabel,
.uniForm .inlineLabels .inlineLabel,
.uniForm .blockLabels .inlineLabel{ width: auto; float: none; margin: 0; display: block; }
/* IE shows borders & padding on checkboxes and radio buttons if they are declared on an input element, remove them */
/* Legacy/Inheritance fix */
.uniForm .inlineLabel input,
.uniForm .inlineLabels .inlineLabel input,
.uniForm .blockLabels .inlineLabel input{ border: none; padding: 0; margin: 0; }

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

/* Styles for form controls where labels are above the input elements */
/* Set the class of the parent (preferably to a fieldset) to .blockLabels */

.uniForm label,
.uniForm .label,
.uniForm .blockLabels label,
.uniForm .blockLabels .label{ display: block; float: none; padding: 0; line-height: 100%; width: auto; cursor: pointer; }
.uniForm button{ cursor: pointer; }

/* Float the input elements */
.uniForm .textInput,
.uniForm .blockLabels .textInput,
.uniForm .blockLabels .fileUpload,
.uniForm .selectInput,
.uniForm .blockLabels .selectInput,
.uniForm .blockLabels select,
.uniForm textarea,
.uniForm .blockLabels textarea{ float: left; }

/* Postition the hints */
.uniForm .formHint,
.uniForm .blockLabels .formHint{ float: right; margin: 0; clear: none; }

/* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */
.uniForm ul{ float: left; width: 99%; margin: 0; padding: 0; }
.uniForm ul li{ margin: 0 0 .2em 0; list-style: none; }
.uniForm ul li label{ margin: 0; float: none; display: block; overflow: visible; }
/* Alternate layout */
.uniForm ul.alternate li{ float: left; width: 30%; margin-right: .6em; }
.uniForm ul.alternate li label{ float: none; display: block; width: 98%; }
.uniForm ul .textInput,
.uniForm ul .selectInput,
.uniForm ul select,
.uniForm ul input,
.uniForm ul.alternate .textInput,
.uniForm ul.alternate .selectInput,
.uniForm ul.alternate select{ width: 98%; margin-top: .3em; display: block; float: none; }

/* Position the elements inside combo boxes (multiple selects/checkboxes/radio buttons per unit) */
.uniForm .multiField,
.uniForm .blockLabels .multiField{ width: auto; float: left; }
.uniForm .multiField .inlineLabel,
.uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
.uniForm .multiField .blockLabel,
.uniForm .blockLabels .multiField .blockLabel{ float: left; width: auto; margin: 0; }
.uniForm .multiField .blockLabel .textInput,
.uniForm .multiField .blockLabel .selectInput,
.uniForm .multiField .blockLabel select,
.uniForm .blockLabels .multiField .blockLabel .textInput,
.uniForm .blockLabels .multiField .blockLabel .selectInput,
.uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: 0; }

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

/* Styles for form controls where labels are in line with the input elements */
/* Set the class of the parent (preferably to a fieldset) to .inlineLabels */
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label{ float: left; margin: 0; padding: 0; line-height: 100%; position: relative; }

/* Float the input elements */
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload,        
.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select,
.uniForm .inlineLabels textarea{ float: left; }

/* Postition the hints */
.uniForm .inlineLabels .formHint{ clear: both; float: none; }
.uniForm .inlineLabels .multiField{ float: left; }
.uniForm .inlineLabels .multiField .inlineLabel{}
.uniForm .inlineLabels .multiField .blockLabel{}
.uniForm .inlineLabels .multiField .blockLabel .textInput,
.uniForm .inlineLabels .multiField .blockLabel .selectInput,
.uniForm .inlineLabels .multiField .blockLabel select{ display: block; width: 100%; float: none; }
.uniForm .inlineLabels .multiField select{ float: left; }

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

/* Required fields asterisk styling for .blockLabels */
.uniForm label em,
.uniForm .label em,
.uniForm .blockLabels label em,
.uniForm .blockLabels .label em{ float: left; width: 10px; margin: 0 0 0 -10px; }

/* Required fields asterisk styling for .inlineLabels */
.uniForm .inlineLabels label em,
.uniForm .inlineLabels .label em{ display: block; float: none; margin: 0; position: absolute; right: 0; font-style: normal; font-weight: bold; }

.uniForm .inlineLabel em,
.uniForm .blockLabels .inlineLabel em,
.uniForm .inlineLabels .inlineLabel em{ float: left; width: 10px; margin: 0 0 0 -27px; }

.uniForm label small{ font-size: .75em; color: #777; }

.uniForm .inlineLabels .noLabel .inlineLabel{ margin-left: 34%; /* <- Match to width of label + gap to field */ }

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

/* Messages */
.uniForm #errorMsg,
.uniForm .error{
}
.uniForm #errorMsg dt,
.uniForm #errorMsg h3{
}
.uniForm #errorMsg dd{
}
.uniForm #errorMsg ol{
}
.uniForm #errorMsg ol li{
}
.uniForm .errorField{
}

.uniForm #OKMsg{
}

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

/* Columns */

.uniForm .col{ float: left; }
.uniForm .col.first{}
.uniForm .col.last{}

/* ------------------------------------------------------------------------------ */
/* ########################## On to the styling ################################# */
/* ------------------------------------------------------------------------------ */

/* Generals */
.uniForm fieldset{}
.uniForm legend{ color: #333; font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; }

/* This is the main unit that contains our form elements */
.uniForm .ctrlHolder{ padding: 3px; border-bottom: 1px solid #c3d7e6; }

.uniForm .buttonHolder{ text-align: right; margin: .6em 0 0 0; }
.uniForm .primaryAction{ font-weight: bold; }
.uniForm .resetButton, .uniForm .secondaryAction{ float: left; text-align: left; background-color: yellow; }
.uniForm button.secondaryAction{ background: transparent; border: none; color: #006280; /* Match the color of your links */ margin: 0; padding: 0; text-decoration: underline; }


/* This class gets added to div.ctrlHolder to highlight the row */
.uniForm .focused{ background: #fffcdf; }

/* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */
.uniForm .inlineLabel input,
.uniForm .inlineLabels .inlineLabel input,
.uniForm .blockLabels .inlineLabel input{ float: none; display: inline; margin: 0; }
.uniForm .inlineLabel span{ float: left; width: 90%; }

/* .inlineLabel within .buttonHolder (useful for TOS checkboxes) */
.uniForm .buttonHolder .inlineLabel{ float: left; margin: .25em 0 0 0; text-align: left; }

/* Classes to control the widths of the fields */
.uniForm .small { width: 30% !important; }
.uniForm .medium{ width: 45% !important; }
.uniForm .large {  } /* Large is default and should match the value you set for .textInput, textarea or select */
.uniForm .auto  { width: auto !important; }

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

/* .blockLabels (default style, will be applied even if you don't class the parent element) */
.uniForm .blockLabels .ctrlHolder{}

.uniForm label,
.uniForm .blockLabels label,
.uniForm .blockLabels .label{ margin: 0 0 .5em 0; }

.uniForm .textInput,
.uniForm .blockLabels .textInput,
.uniForm .blockLabels .fileUpload{ width: 53%; /* <- Required property */ }

.uniForm .selectInput,
.uniForm select,
.uniForm .blockLabels .selectInput,
.uniForm .blockLabels select{ width: 53.5%; /* <- Required property */ }
.uniForm textarea,
.uniForm .blockLabels textarea{ width: 53%; /* <- Required property */ }

.uniForm .formHint,
.uniForm .blockLabels .formHint{ width: 45%; /* <- Required property */ font-size: .9em; color: #777; }

.uniForm .multiField,
.uniForm .blockLabels .multiField{ width: 53%; }
/* Inline labels within multifields contain radios and checkboxes */
.uniForm .multiField .inlineLabel,
.uniForm .blockLabels .multiField .inlineLabel{ display: block; clear: both; float: none; margin: 0 12px .5em 0; }
.uniForm .multiField .inlineLabel input,
.uniForm .blockLabels .multiField .inlineLabel input{ float: left; margin: 0 .5em 0 0; }
/* Block labels within multifields contain selects and text inputs */
.uniForm .multiField .blockLabel,
.uniForm .blockLabels .multiField .blockLabel{ width: 30%; margin: 0 10px 0 0; }
.uniForm .multiField .blockLabel .textInput,
.uniForm .multiField .blockLabel .selectInput,
.uniForm .multiField .blockLabel select,
.uniForm .blockLabels .multiField .blockLabel .textInput,
.uniForm .blockLabels .multiField .blockLabel .selectInput,
.uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }

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

/* .inlineLabels */
.uniForm .inlineLabels .ctrlHolder{}

.uniForm .inlineLabels .ctrlHolder .multiField.phoneNum .blockLabel{ width: auto; }
.uniForm .inlineLabels .ctrlHolder .multiField .blockLabel #phone_ccode.textInput,
.uniForm .inlineLabels .ctrlHolder .multiField .blockLabel #phone_area.textInput{ width: 4em; }

.uniForm .inlineLabels label,
.uniForm .inlineLabels .label{ width: 31%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ }

.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload,
.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select,
.uniForm .inlineLabels textarea{ width: 64%; /* <- Required property */ }

.uniForm .inlineLabels .formHint{ width: auto; /* <- Required property */ margin-top: 0; margin-left: 34%; font-size: .9em; color: #777; position: static; }

.uniForm .inlineLabels .multiField{ width: 66%; /* <- Required property */ margin: 0 0 .3em 0; }
.uniForm .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
.uniForm .inlineLabels .multiField .inlineLabel input{ float: left; margin: 0 .5em 0 0; }
.uniForm .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; }
.uniForm .inlineLabels .multiField .blockLabel .textInput,
.uniForm .inlineLabels .multiField .blockLabel .selectInput,
.uniForm .inlineLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }

/* Focus pseudoclasses */
.uniForm .ctrlHolder .textInput:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ }
.uniForm .ctrlHolder textarea:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ }
.uniForm div.focused .formHint{ color: #333; }

/* Columns (they are floated left by default) */
.uniForm .col{ width: 47.9%; /* <- Required property */ margin: 0 2% 20px 0; }
/* Use .first and .last classes to control the layout/spacing of your columns */
.uniForm .col.first{ width: 49%; /* <- Required property */ float: left; clear: none; }
.uniForm .col.last{ width: 49%; /* <- Required property */ float: right; clear: none; margin-right: 0; }

/* Messages */
.uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
.uniForm .error{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; }

.uniForm #errorMsg dt, .uniForm #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; }
.uniForm #errorMsg dd{ margin: 0; padding: 0; }
.uniForm #errorMsg ol{ margin: 0; padding: 0; }
.uniForm #errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; }
.uniForm .errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; }

.uniForm #OKMsg{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
.uniForm #OKMsg p{ margin: 0; }

/*
IT IS STRONGLY ADVISED TO MAKE YOUR CHANGES AFTER THIS COMMENT BY REPEATING (COPYING) THE SELECTOR FROM ABOVE, 
AND MODIFYING IT WITH YOUR OWN PROPERTIES/VALUES. THIS IS RECOMMENDED BECAUSE IF YOU HAPPEN TO RUN INTO TROUBLE, 
YOU CAN VERY EASILY REVERT TO A GENERIC STYLE OF UNI-FORM. BEST OF LUCK... 
*/

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