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

/* General Font styles */
label, input, textarea{ font-size:100%; text-align:left; }

/* Fieldsets */
 .form fieldset{width:90%; padding:0.5em 1em; margin-bottom:1em; position:relative; }
 .form fieldset.noborder{border:none;}

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

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

/* 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:100%;
	font-family:Arial, Helvetica, sans-serif;
}

.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 .threepxfix{
margin-left: 3px;
}

/* field padding, colours + focus */
.form input, .form textarea, .form select{ border:1px solid #f9a636; background-color:#fff; padding:2px;}
.form input:focus, .form textarea:focus{background-color:#FFE19D; border:1px solid #FF6600;}
s
/* buttons */ 
 .form .submit{font-size:100%; width:auto; color:#00; padding:3px 10px;border:1px solid #000; background-color:#F9A636; cursor:pointer; text-align:center;}
 .form .submit:hover, .form .submit:focus{background-color:#FF9900; color:#000; border:1px solid #000;}
  
/* 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,  select.med{width:130px;}
 .form input.small,  select.small{width:90px;}
 .form input.vsmall,  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;}