@charset "utf-8";
/* = Standard Form Styles ------------------------------ */

/* General Font styles */
.form label, .form input, .form textarea{ font-size:1.15em; text-align:left;color:#000; }
/* Fieldsets */
 .form fieldset{width:95%; padding:0.5em 1em; border:1px solid #CCC; margin-bottom:1em; position:relative; }
 .form fieldset.noborder{border:none;}

/* Legend */
 .form fieldset legend{font-size:140%; font-weight:bold; color:#000;}
	
.form div{
	clear: left;
	margin: 0;
	padding:0 0 .5em 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
}

.form label{
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	color:#000;
}

/* Smaller labels */
.form label.small{margin-left: -80px; width:70px;}
.form div.small{padding-left:80px;}

.form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 200px;
}

.form textarea{
	width: 250px;
	height: 125px;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}

.form iframe{margin-left:-160px;}

.form div .message{
	font-size:85%;
}
.form div.row, .form div.col{
	padding:0;
}
.form div.row.inline, .form div.col.inline{
	padding-left:150px;
}

.form div.row fieldset legend, .form div.col fieldset legend{margin-left:-20px;}
.form div.row fieldset.noborder, .form div.col fieldset.noborder{border:none;}
.form div.row fieldset legend, .form div.col fieldset legend{
	font-size:100%;
	font-weight:bold;
}

.form div label.lblCheckbox, .form div label.lblRadio {
  float: none;
  display: block;
  width: 300px;
  height: expression('1%');
  padding: 0;
  margin: 0 5px 0 145px;
  text-align: left;
  font-size:90%;
  font-weight:normal;
}
.form div.inline label.lblCheckbox, .form div.row label.lblRadio{
	margin:0 5px 0 0;
}

.form div.row label.lblCheckbox, .form div.row label.lblRadio {
  display:inline;
  width: auto;
  margin: 0 5px 0 0;
}

.form div.fieldinline fieldset{
	padding-left:160px;
}
.form div.fieldinline fieldset legend{
	margin-left:-160px;
}



/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .form .threepxfix{
margin-left: 3px;
}

/* field padding, colours + focus */
.form input, .form textarea, .form select{ border:1px solid #C9C9C5; background-color:#EEF1F1; padding:2px;}
.form input:focus, .form textarea:focus{background-color:#E5E5E5;}

/* buttons */ 
 .form input.submit{font-size:1em; width:auto; height:auto; cursor:pointer;  border:1px solid #587E9B; background-color:#8CB0CC; padding:0.2em 0.3em;}
.form .submit_img{border:none; padding:0; background:none;}
/* notes */
 .form .notes{position:absolute; padding:3px; width:250px; border:1px solid #CCC; background-color:#EEEEEE;}
 
/* line break */ 
 .form br {display : none;}


/* small and medium fields */
 .form input.med,  .form select.med{width:130px;}
 .form input.small,  .form select.small{width:90px;}
 .form input.vsmall,  .form select.vsmall{width:50px;}

/* Required stars */
 .form span{position:absolute; left:105%; top:3px; width:245px; text-align:right; color:#990000; font-size:140%; font-weight:bold;}
 .form span.med{position:absolute; width:145px;}
 .form span.small{position:absolute; width:105px;}