/* START OF THE FORM CSS */
div#formcontainer {width:328px; margin-left:0;}
div#formcontainer h3 {margin:20px 0 0 10px; font-weight:bold; font-size:.8em;}
/* adjust top margin for your context */
div#formcontainer h4 { margin:0 0 5px 10px; font-weight:normal; font-size:0.7em; font-family: arial;;}
div#formcontainer form  { order-top-style: solid; }
/* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */
div#formcontainer div.clearfix { padding:10px 0; vertical-align:top; border-top: 1px dotted #900; border-right-style: solid; border-right-width: 0; border-bottom-style: solid; border-bottom-width: 0; border-left-style: solid; border-left-width: 0; }
/* adds the line above each section and provides vertical spacing */
div#formcontainer form label { width:100px; float:left; font-size:0.65em; color: #008000; font-family: arial; 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#formcontainer 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#formcontainer 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#formcontainer 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#formcontainer input[type="submit"] {display:block; margin-left:auto; margin-right:10px;}
/* END OF THE FORMS CSS*/
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}
/* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */