@import url(uni-form-generic.css);
/*Keep in mind that wherever you see 'Required property' it means that the property must exist
------------------------------------------------------------------------------
Generals*/
.uniForm FIELDSET
{
}
.uniForm FIELDSET 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: 6px;
}
.uniForm .buttonHolder
{
	text-align: right;
}
.uniForm .resetButton
{
	float: left;
}
.uniForm .primaryAction
{
	font-weight: bold;
}
/*This class gets added to div.ctrlHolder to highlight the row*/
.uniForm .focused
{
	background-color: #333;
}
/*.inlineLabel is used for inputs within labels - checkboxes and radio buttons*/
.uniForm .inlineLabel INPUT, .uniForm .inlineLabels .inlineLabel INPUT, .uniForm .blockLabels .inlineLabel INPUT
{
	float: left;
	margin: 0 0.4em 0 0;
}
.uniForm .inlineLabel SPAN
{
	float: left;
	width: 90%;
}
/*------------------------------------------------------------------------------
.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 0.5em;
}
.uniForm .textInput, .uniForm .blockLabels .textInput, .uniForm .blockLabels .fileUpload
{
	width: 100%;
/*<- Required property*/
}
.uniForm .selectInput, .uniForm SELECT, .uniForm .blockLabels .selectInput, .uniForm .blockLabels SELECT
{
	width: 100%;
/*<- Required property*/
}
.uniForm TEXTAREA, .uniForm .blockLabels TEXTAREA
{
	width: 100%;
/*<- Required property*/
	height: 12em;
}
.uniForm .formHint, .uniForm .blockLabels .formHint
{
	width: 45%;
/*<- Required property*/
	font-size: 0.9em;
	color: #777;
	position: relative;
	top: -0.5em;
}
.uniForm .multiField, .uniForm .blockLabels .multiField
{
	width: 100%;
}
.uniForm .multiField .inlineLabel, .uniForm .blockLabels .multiField .inlineLabel
{
	display: block;
	margin: 0 0 0.5em;
}
.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: 0.3em 0 0;
}
/*------------------------------------------------------------------------------
.inlineLabels*/
.uniForm .inlineLabels .ctrlHolder
{
}
.uniForm .inlineLabels LABEL, .uniForm .inlineLabels .label
{
	width: 45%;
/*<- Required property*/
	margin: 0.3em 2% 0 0;
/*<- Required property*/
}
.uniForm .inlineLabels .textInput, .uniForm .inlineLabels .fileUpload
{
	width: 45%;
/*<- Required property*/
}
.uniForm .inlineLabels .selectInput, .uniForm .inlineLabels SELECT
{
	width: 45%;
/*<- Required property*/
}
.uniForm .inlineLabels TEXTAREA
{
	width: 45%;
/*<- Required property*/
	height: 12em;
}
.uniForm .inlineLabels .formHint
{
	margin-top: 0;
	margin-left: 47%;
	font-size: 0.9em;
	color: #777;
	position: static;
}
.uniForm .inlineLabels .multiField
{
	width: 45%;
/*<- Required property*/
	margin: 0 0 0.3em;
}
.uniForm .inlineLabels .multiField .inlineLabel
{
	display: block;
	margin: 0 0 0.5em;
}
.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: 0.3em 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;
	padding: 7px;
}
.uniForm .error
{
	background: #FFDFDF;
	border: 1px solid #DF7D7D;
	border-width: 1px 0;
}
.uniForm #errorMsg DT, .uniForm #errorMsg H3
{
	margin: 0 0 0.5em;
	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;
	padding: 4px;
	background: #FFBFBF;
}
.uniForm #OKMsg
{
	background: #C8FFBF;
	border: 1px solid #A2EF95;
	border-width: 1px 0;
	margin: 0 0 1.5em;
	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...

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

