/* ### Uni-Form by Dragan Babic  - http://dnevnikeklektika.com/ ### */ 
/* ### Some rights reserved - http://creativecommons.org/licenses/by-sa/2.5/ ### */

/* Uni-Form styles are embeded here for viewing convenience */
/* Edit below "user prefs" comment only for each selector */

.uniForm{
margin:0; padding:0;
position:relative;
width:100%;
/* user prefs */
padding:10px 0;
}

/* Some generals */
.uniForm fieldset{
  border:none;
  margin:0; padding:0;
  /* user prefs */
  margin:0 0 7px 0; padding:0 0 10px 0;
}
  .uniForm fieldset legend{
	color:#000; /* Reset IE */
	margin:0; padding:0;
	/* user prefs */
	margin:0 0 .5em 0;
	font:bold 100%/100% Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	color:#aaa;
  }

  .ctrlHolder{ /* This is the main unit that contains our form "modules" */
	overflow:hidden;
	margin:0; padding:0;
	clear:both;
	/* user prefs */
	margin:0; padding:7px 4px;
  }

  .buttonHolder{
	overflow:hidden;
	clear:both;
	/* user prefs */
	background:#f9f9f9;
	border:1px solid #ccc; border-width:1px 0;
	margin:10px 0 0 0; padding:10px;
	text-align:right;
  }
	.resetButton{
	}
	.submitButton{
	}

  .uniForm .inlineLabel{
	width:auto;
	float:none;
	display:inline;
	/* user prefs */
	margin:0 2em 0 0;
	font-weight:normal;
  }
	.uniForm .inlineLabel input{
	}
  
  /* Highlighting the rows on input focus */
  .focused{
	background:#FFFCDF url(img/uf_focused.png);
	border:1px solid #EFE795; border-width:1px 0;
	padding:6px 4px;
  }


  /* Styles for form controls where labels are in line with the input elements */
  /* Set the class to the parent to .inlineLabels */
  .inlineLabels .ctrlHolder{
  }
	  .inlineLabels label,
	  .inlineLabels .label{
		float:left;
		margin:.3em 0 0 0; padding:0;
		line-height:100%;
		/* user prefs */
		width:30%; 
		font-weight:bold;
	  }

	  .inlineLabels .textInput,
	  .inlineLabels .fileUpload{
		float:left;
		/* user prefs */
		width:68%;
		border:2px solid #dfdfdf;
	  }
	  .inlineLabels .fileUpload > input{
	  }
	  
	  .inlineLabels .selectInput{
		float:left;
		/* user prefs */
		width:69%;
		border:2px solid #dfdfdf;
	  }

	  .inlineLabels textarea{
		float:left;
		width:68%;
		/* user prefs */
		border:2px solid #dfdfdf;
		height:12em;
	  }

	.inlineLabels .formHint{
	  clear:both;
	  /* user prefs */
	  color:#999;
	  margin:.5em 0 0 30%; padding:3px 0;
	  font-size:70%;
	}

	  /* inlineLabels esthetics */
	  .inlineLabels .formHint strong{
		padding:0 0 0 14px; 
		background:url(img/icon_alert.png) 0 0 no-repeat;
		display:inline-block;
	  }


  /* ########################################################################## */

  /* Styles for form controls where labels are above the input elements */
  /* Set the class to the parent to .blockLabels */
  .blockLabels .ctrlHolder{
  }

	  .blockLabels label,
	  .blockLabels .label{
		display:block;
		float:none;
		margin:.3em 0; padding:0;
		line-height:100%;
		width:60%;
		/* user prefs */
		font-weight:bold;
		width:auto;
	  }
	  .blockLabels .label{
		float:left;
		margin-right:3em;
	  }

	  .blockLabels .textInput{
		float:left;
		width:60%;
		/* user prefs */
		border:2px solid #dfdfdf;
	  }
	  
	  .blockLabels .selectInput{
		float:left;
		width:60%;
		/* user prefs */
		border:2px solid #dfdfdf;
		
	  }

	  .blockLabels textarea{
		display:block;
		float:left;
		width:60%;
		/* user prefs */
		border:2px solid #dfdfdf;
		height:12em;
	  }

	.blockLabels .formHint{
	  float:right;
	  margin:0;
	  width:38%;
	  clear:none;
	  /* user prefs */
	  color:#999;
	  font-size:70%;
	}

	/* blockLabels esthetics */
	.blockLabels .ctrlHolder{
	  border:1px solid #dfdfdf; border-width:1px 0;
	  margin-top:-1px;
	}

	.blockLabels .focused{
	  padding:7px 4px;
	}

  /* ########################################################################## */

  /* Focus pseudoclasses */
  .ctrlHolder .textInput:focus{
	border-color:#DFD77D;
  }
  div.focused .textInput:focus{
  }
  div.focused .formHint{
	color:#000;
  }

  /* Required asterisk styling, use if needed */
  label em,
  .label em{
	display:block;
	position:absolute; left:28%;
	font-style:normal;
	font-weight:bold;
  }
  .blockLabels label em,
  .blockLabels .label em{
	position:static;
	display:inline;
  }

  /* Messages */
  .uniForm #errorMsg{
	background:#ffdfdf url(img/uf_error.png);
	border:1px solid #df7d7d; border-width:1px 0;
	margin:0 0 1em 0; padding:1em;
  }
  .uniForm .error,
  .uniForm .blockLabels.ctrlHolder.error{
	background:#ffdfdf url(img/uf_error.png);
	border:1px solid #df7d7d; border-width:1px 0;
	position:relative;
  }
	.uniForm #errorMsg dt,
	.uniForm #errorMsg h3{
	  margin:0 0 .5em 0;
	  font-size:110%;
	  line-height:100%;
	  font-weight:bold;
	  color:#000;
	  padding:2px 0 2px 18px;
	  background:url(img/icon-error.png) 0 0 no-repeat;
	}
	.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{
		margin:0 0 3px 0;
	  }
	  .uniForm .inlineLabels .errorField{
		margin-left:30%;
	  }
		.uniForm .errorField strong{
		  background:#FFE2E2;
		  padding:1px 3px 3px 3px;
		  }
	 .ctrlHolder.error input,
	 .ctrlHolder.error input:focus{
	   border-color:#DF7D7D;
	 }
	 .ctrlHolder.error.focused{
	   padding:7px 4px;
	 }

  #uniFormContact{
    display: block;
    width: 700px;
    float: left;
    margin: 1em 0;
  }