@import "uni-form-generic.css";
/* Your styles below */
/* Keep in mind that wherever you see "Required property" it means that the property must exist, adjust it's value to your liking */



/****************** >     FORM WRAPPERS      < ******************/
.uniForm {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	background: transparent;
	text-align: left;
}

.uniForm fieldset {
	margin: 0;
	/*padding: 20px 10px 4px 20px;
	border: 1px #c7ba9c solid;*/
	border: 0;
}

.uniForm fieldset legend {
	color: #000; /* Reset IE */
	color: #982f4b;
	font-size: 18px;
	font-weight: normal;
	display: none;
	padding-top: 10px;
}

.uniForm .ctrlHolder { /* This is the main unit that contains our form elements */
	padding: 2px;
	background: none;
	position: relative;
}



/****************** >     LABELS      < ******************/
.uniForm .ctrlHolder label, 
.uniForm .label {
	width: 138px; /* Required property */
	text-align: right;
	padding-top: 2px;
	padding-right: 2px;
	display: block;
	/*position: relative;*/
	color: #5f5f5f;
	font-weight: bold;
}
	/* Required symbol (*) */
	.uniForm label em,
	.uniForm .label em {
		position: absolute;
		right: 0;
		top: 0;
	}

.uniForm .blockLabels .ctrlHolder label, 
.uniForm .blockLabels .label {
	width: auto;
	text-align: left;
	float: none;
	margin-right: 0px;
}

.uniForm .blockLabels .clearfix .left {
	padding-right: 10px;
	padding-bottom: 6px;
}




/****************** >     INPUT, SELECT, TEXTAREA FIELDS      < ******************/
.uniForm .textarea, 
.uniForm .selectInput, 
.uniForm .textInput,
.uniForm .fileUpload {
	background: #FFFFFF;
	border: 1px solid #dbdbdb;
	padding: 3px 2px 2px 2px;
	width: 170px;
	/*position: relative;*/
	font-size: 11px;
}
.uniForm .blockLabels .textarea, 
.uniForm .blockLabels .selectInput, 
.uniForm .blockLabels .textInput,
.uniForm .blockLabels .fileUpload {
	float: none;
}

.uniForm .selectInput {
	width: 182px;
	padding: 2px 1px 1px 1px;
}
	.uniForm .selectInput option {
		padding: 1px 3px 1px 3px;
	}
	.uniForm .selectInput optgroup {
		padding: 1px 3px 1px 3px;
		font-style: normal;
		font-weight: bold;
		margin-top: 0.5em;
	}

.uniForm .textarea {
	width: 300px; /* Required property */
}




/****************** >     CHECKBOX, RADIO FIELDS      < ******************/
.uniForm .checkbox-wrapper {
	padding-left: 110px;
}
.uniForm .blockLabels .checkbox-wrapper {
	padding-left: 0px;
}
	.uniForm .checkbox-wrapper .checkbox {
		margin: 0;
		padding: 0;
		float: left;
		margin-right: 4px;
		margin-top: 2px;
		display: inline;
		width: 15px;
	}
		.uniForm .checkbox-wrapper .checkbox-label {
			float: left;
			display: inline;
			/*width: 200px;*/
			text-align: left;
			cursor: pointer;
			padding-top: 2px;
		}



.uniForm .textInput:focus,
.uniForm select:focus,
.uniForm textarea:focus {
	background: #f6fcfe;
	border: 1px solid #019bce;
}

.uniForm .inlineLabels .formHint {
	margin-top: 0;
	padding-left: 110px; 
}



/****************** >     BUTTONS      < ******************/
.uniForm .buttonHolder {
	text-align: left; /* Recommended */
	padding: 3px 0 0 155px;
}
.uniForm .blockLabels .buttonHolder {
	text-align: left; /* Recommended */
	margin-top: 6px;
	padding: 0;
}



/****************** >     FORM HEADINGS      < ******************/
.form-heading {
	background: #d9c5a7;
	padding: 8px 12px;
	margin-bottom: 1em;
	margin-top: 20px;
	position: relative;
}
	.form-heading h2 {
		color: White;
		text-transform: uppercase;
	}
	.form-heading span {
		position: absolute;
		right: 12px;
		top: 18px;
		color: #f5efe7;
		font-size: 10px;
	}



/****************** >     ERRORS      < ******************/
.errorValidation {
	background: url(../images/backend/required-forms/ico-error-form.png) no-repeat 0px 0px;
	color: #e3001b;
	padding: 1px 2px 2px 24px;
	margin-top: 2px;
	margin-bottom: 5px;
	font-weight: normal;
}

/* List of errors above the form */
.errorMsg div {
	background: url(../images/backend/required-forms/ico-error-form.png) no-repeat 6px 6px;
	color: #e3001b;
	padding: 8px 8px 8px 35px;
	margin-top: 10px;
	margin-bottom: 5px;
	position: relative;
	border: 1px #e3001b dashed;
	font-weight: bold;
}
	.errorMsg div h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
		text-transform: uppercase;
	}
	.errorMsg div a:link, .errorMsg div a:visited {
		color: #ffffff;
		text-decoration: underline;
	}
	.errorMsg div a:hover {
		color: #ffffff;
		text-decoration: none;
	}
.errorMsg ol {
	margin-left: 35px;
	margin-bottom: 20px;
	padding: 0;
}
	.errorMsg ol li {
		margin: 0;
		list-style-position: outside;
		/*border-bottom:1px dotted #f8b3a0;*/
		position: relative;
		color: #e3001b;
		padding: 0;
		line-height: 16px;
		float: left;
		margin-right: 3em;
		font-weight: bold;
	}
	.errorMsg ol li span {
		font-weight: normal;
	}



/* errors for input elements displayed INLINE (same line as input, after it) */
.errorMsg-inline {
	float: left;
	margin-left: 10px;
	
	display: block;
	padding: 0 7px 0 0;
	background: url(../images/backend/required-forms/error-label-right.gif) right 50% no-repeat; 
	text-decoration: none;
}
.errorMsg-inline strong {
	font-size: 10px;
	font-weight: bold;
	color: White;
	
	position: relative; 
	display: block; 
	height: 20px;
	white-space: nowrap; 
	padding: 0 0 0 28px;
	line-height: 20px;
	background: url(../images/backend/required-forms/error-label-left.gif) left 50% no-repeat;
}

* html .errorMsg-inline {
	width: 1%;
}
* html .errorMsg-inline strong {
}


.uniForm .error .textInput,
.uniForm .error .textarea, 
.uniForm .error .selectInput {
	background: #fff2f2;
	border: 1px solid #e9a4a4;
}



/****************** >     SUCCESS      < ******************/
.successMsg {
	background: url(../images/backend/required-forms/ico-msg-success.png) no-repeat 8px 8px #78c059;
	border: 1px #0ca400 solid;
	font-weight: normal;
	color: #ffffff;
	padding: 8px 8px 8px 35px;
	margin-top: 10px;
	margin-bottom: 5px;
	position: relative;
}
	.successMsg h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
		text-transform: uppercase;
	}
	.successMsg a:link, .successMsg a:visited {
		font-weight: bold;
		color: #ffffff;
	}



/****************** >     WARNING      < ******************/
.warningMsg {
	background: url(../images/backend/required-forms/ico-msg-warning.png) no-repeat 14px 6px #ffe777;
	border: 1px #efd000 solid;
	font-weight: normal;
	color: #3b3b3b;
	padding: 8px 8px 8px 35px;
	margin-top: 10px;
	margin-bottom: 5px;
	position: relative;
}
	.warningMsg h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #3b3b3b;
		text-transform: uppercase;
	}



/****************** >     CAPTCHA      < ******************/
#captcha-block {
	float: left;
}
	#captcha-block img {
		float: left;
		clear: both;
		padding: 0.5em 0;
		display: block;
	}
	#captcha-block #reload {
		font-size: 9px;
		float: left;
		display: block;
		margin: 35px 0 0 10px;
	}



/****************** >     SPAM CHECK      < ******************/
.email_2 {
	display: none;
}
