/* CORE SETTINGS */
.uniForm{ margin: 0px; padding: 0px; position: relative; z-index: 1; }
.uniForm fieldset{ border: none; margin: 0px; padding: 0px; }
.uniForm fieldset legend{ margin: 0px; padding: 0px; }
.uniForm .ctrlHolder,
.uniForm .buttonHolder{ margin: 0px; padding: 0px; clear: both; }
.uniForm:after,
.uniForm .buttonHolder:after,
.uniForm .ctrlHolder:after,
.uniForm .ctrlHolder .multiField:after,
.uniForm .inlineLabel:after{ content: "."; display: block; height: 0px; line-height: 0px; font-size: 0px; clear: both; min-height: 0px; visibility: hidden; }
.uniForm label,
.uniForm button{ cursor: pointer; }
.uniForm label,
.uniForm .label{ display: block; float: none; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; line-height: 100%; width: auto; }
.uniForm .ctrlHolder em{ }
.uniForm .textInput,
.uniForm .fileUpload,
.uniForm .selectInput{ float: left; width: 98.5%; margin: 0px 0px 5px 0px; }

.uniForm .w40 { float: left; width: 47.5%; margin: 0px 5px 5px 0px; }
.uniForm .w10 { float: left; width: 10%; margin: 0px 0px 5px 0px; }
.uniForm .w12 { float: left; width: 15%; margin: 0px 15px 5px 0px; }
.uniForm .w20 { float: left; width: 7%; margin: 0px 10px 5px 0px; }

.uniForm select{ float: left; width: 100%; margin: 0px 0px 5px 0px; height: 25px; padding: 2px 0px 2px 0px; }
.uniForm textarea{ float: left; width: 100%; margin: 0px 0px 5px 0px; }  
.uniForm .formHint{ float: right; width: 43%; margin: 0px; clear: none; } 
.uniForm ul{ float: left; width: 53%; margin: 0px; padding: 0px; }
.uniForm ul li{ margin: 0px 0px 5px 0px; list-style: none; }
.uniForm ul li label{ margin: 0px; float: none; display: block; overflow: visible; }
/* Alternate layout */
.uniForm ul.alternate li{ float: left; width: 30%; margin-right: 3%; }
.uniForm ul.alternate li label{ float: none; display: block; width: 100%; }
.uniForm ul .textInput,
.uniForm ul .selectInput,
.uniForm ul select,
.uniForm ul.alternate .textInput,
.uniForm ul.alternate .selectInput,
.uniForm ul.alternate select{ width: 100%; margin-top: 5px; display: block; float: none; }
.uniForm label em,
.uniForm .label em{ float: left; width: 10px; margin: 0px 0px 0px 10px; }
.uniForm legend{ color: inherit; }   
.uniForm .secondaryAction{ float: left; }  
/* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */
.uniForm .inlineLabel input,
.uniForm .inlineLabels .inlineLabel input,
.uniForm .blockLabels .inlineLabel input,
/* class .inlineLabel is depreciated */
.uniForm label input{ float: none; display: inline; margin: 0px; padding: 0px; border: none; }           
.uniForm .buttonHolder .inlineLabel,
.uniForm .buttonHolder label{ float: left; margin: 5px 0px 0px 0px; width: auto; max-width: 60%; text-align: left; }    
/* When you don't want to use a label */
.uniForm .inlineLabels .noLabel ul{ margin-left: 34%; /* Match to width of label + gap to field */ }   
/* Classes for control of 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; }
.uniForm .small,
.uniForm .medium,
.uniForm .auto{ margin-right: 4px; }
/* Columns */
.uniForm .col{ float: left; }
.uniForm .col{ width: 50%; }
/* THEME */
.uniForm{
	padding: 0px;
	margin-top: 0px;
	border-radius:         3px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	-o-border-radius:      3px;
	-khtml-border-radius:  3px;
	}
.uniForm legend{ font-weight: bold; font-size: 100%; margin: 0; padding: 0px 0px 0px 0px; }
.uniForm .ctrlHolder{ padding: 0px 0px 0px 0px; border-bottom: 0px solid #c4ced1; }
.uniForm .ctrlHolder.focused{ background: #d2e3fc; }
.uniForm .buttonHolder{
	text-align: left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border-radius:         4px;
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	-o-border-radius:      4px;
	-khtml-border-radius:  4px;
	}
.uniForm .buttonHolder .primaryAction{
	padding: 10px 22px;
	line-height: 1;
	background: red;
	border: 1px solid #777;
	font-size: 12px;
	font-weight: bold;
	color: white;
	border-radius:         4px;
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	-o-border-radius:      4px;
	-khtml-border-radius:  4px;
	box-shadow: 1px 1px 0 #d5e2e7;
	-webkit-box-shadow: 1px 1px 0 #d5e2e7;
	-moz-box-shadow: 1px 1px 0 #d5e2e7;
	text-shadow: -1px -1px 0 rgba(0,0,0,.25);
	margin: 0px;
	}
.uniForm .buttonHolder .primaryAction:active{ position: relative; top: 1px; }
.uniForm .secondaryAction            { text-align: left; }
.uniForm button.secondaryAction      { background: transparent; border: none; color: #777; margin: 10px 0px 0px 0px; padding: 0px; }
.uniForm .inlineLabels label em,
.uniForm .inlineLabels .label em{ font-style: normal; font-weight: bold; }
.uniForm label small{ font-size: 12px; color: #777; }
.uniForm .textInput,
.uniForm textarea {
	padding: 4px 2px;
	border: 1px solid #b2babe;
	background-color: #fff;
	color: #000;
	border-radius:         3px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	-o-border-radius:      3px;
	-khtml-border-radius:  3px;
	}
.uniForm textarea { height: 120px; }
.uniForm .h40 { height: 40px; }
.uniForm .ctrlHolder ul li label{ font-size: 12px; }
.uniForm .ctrlHolder .textInput:focus,
.uniForm .ctrlHolder textarea:focus{ outline: none; }
.uniForm .formHint                    { font-size: 12px; color: #777; }
.uniForm .inlineLabels .formHint      { padding-top: 5px; }
.uniForm .ctrlHolder.focused .formHint{ color: #333; }
.uniForm .col{ margin-bottom: 10px; }
/* 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; }
input {
    background-color: white;
}