
/******************************************************************************/
/*	                      copyright 2007 oxtalsolutions inc.                  */
/*	                          Last modifications 2007:01:08                   */
/******************************************************************************/


div#form_container {
	width:430px; 
	margin-left:2px;
}
div#form_container h3 {
	margin:20px 0 5px 10px; 
	font-size:1.2em;
} /* adjust top margin for your context */
div#form_container h4 {
	margin:10px 0 5px 10px;
	font-weight:normal;
	font-size:.75em;
}
 /*div#form_container form  {border-top: 2px solid #CCC; border-bottom: 3px solid #CCC;} the top border is visually 1 px thicker because it touches the div.clearfix bordertop */
div#form_container div.clearfix {
	border-bottom: 1px solid #CCC; 
	padding:10px 0px; 
	vertical-align:top;
} /* adds the line above each section and provides vertical spacing */
div#form_container label {
	width:200px; 
	float:left;
	font-size:1em;    
	margin:0 10px;} /* this is the text label on the left of each input */
/*some extra styles for the checkbox and radio button sets*/	
div#form_container div.buttongroup {
	float:left; 
	margin:0px; 
	padding:0px;
} /* a container for a groups of buttons - suppresses the clearfix div top border on the divs around the radio buttons/checkboxes */

div#form_container div.buttongroup div {
	margin-bottom:5px; 
	font-size:.75em;
} /* wrapper for the INPUT and its text - margin-bottom sets the vertical distance between buttons */
div#form_container div.buttongroup input {
	margin-right:5px;
} /* set the distance between button and its label text */
/* postions the submit button by selecting a div with attribute type SUBMIT - IDWIMIE */
div#form_container input[type="submit"] {
	display:block; 
	margin-left:auto; 
	margin-right:10px;
}
div#form_container input[type="text"] {
	width:200px;
}
div#form_container select {
	width:200px;
}

div#form_container ul{
	clear:both;
}
div#form_container ul li{
	clear:both;
	margin-top:15px;
	margin-bottom:5px;
}

div#form_container textarea{
	margin-left:20px;
	margin-top:3px;
	width:400px;
}
div#form_container select {
	/*margin:5px 0px;*/
	border: 1px solid #5190B9;	

}

/* END OF THE FORMS CSS*/

