@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 */

/* Generals */
.uniForm fieldset{
  margin: 0;
  padding: 0;
}
.uniForm fieldset legend {
	display: block;
	color: #333; /* Reset IE */
	font-weight: bold; 
	font-size: .9em;
	padding: .5em 0 0 0;
	text-transform: uppercase;
}
.uniForm .ctrlHolder { /* This is the main unit that contains our form elements */
   padding: 3px 5px;
   margin-bottom: 1px;
}

.uniForm .buttonHolder{
  /* text-align: center; /* Recommended */
  margin: 1em auto;
}
.uniForm .focused{
  background:#f3f1f1; 
}

/* .inlineLabels */
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label{
  width:30%; /* Required property */
  font-size: .9em;
  font-weight: bold;
}

.uniForm .faded {
	color: #999;
}

.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload{
  width:65%; /* Required property */
}
.uniForm .inlineLabels .selectInput{
  width:65%; /* Required property */
}
.uniForm .inlineLabels textarea{
  /* width:65%; /* Required property */
  /* height: 12em; */
}

.uniForm .inlineLabels .blockLabel {
	display: block;
	width: 100%;
}

.uniForm .inlineLabels .formHint{
  padding: .5em 0;
  margin-left:32%; 
  font-size: .9em;
  color: #999;
}

/* .blockLabels */
.uniForm .blockLabels .textInput,
.uniForm .blockLabels .fileUpload{
  width:65%; /* Required property */
  border: 1px solid #666;
}

.uniForm .blockLabels .selectInput{
  display:block;
  width:65.5%; /* Required property */
}
.uniForm .blockLabels textarea{
  width:65%; /* Required property */
  height:12em; 
}
.uniForm .blockLabels .formHint{
  width:45%; /* Required property */
}

/* Columns */
.uniForm .col{
  width:47%; /* Required property */
  margin:0 2% 0 0; 
}
.uniForm .columnLeft{
  width:49%; /* Required property */
}
.uniForm .columnRight{
  width:49%; /* Required property */
}

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

.uniForm .error {
  background:#ffdfdf;
  border:1px solid #df7d7d; border-width: 0;
}

.uniForm #errorMsg dt, .uniForm #errorMsg h3 {
	margin:0 0 .5em 0;
	font-size:110%;
	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;
	text-align: center;
}

.uniForm label em, .uniForm .label em {
	display: block;
	float: left;
	left: 89%;
	background-image: url('../images/bullet_current.gif');
	width: 16px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	text-indent: -999px;
}

.required {
	left: 97%;
	line-height: 16px;
	color: #f5746e;
}