/* START OF THE FORM diagnostic */


#formcontainer {width:100%;}
#formcontainer p { color: #000000;font-size:0.8em;margin: 0em 0 0.4em 0; } 
 
/*the form wrap----*/
#formcontainer form {border: 3px solid #CCC; background-color:#ffffff;}

#formcontainer div.line { padding:20px 0px; vertical-align:top;} 
#formcontainer div.clearfix {border-top: 1px solid #000; padding:10px 0px; vertical-align:top;} 
/* adds the line above each section and provides vertical spacing */

/* the form label---*/
#formcontainer form label {width:50%; float:left;font-size:1em; color: #003366;   
margin:0px 5px 0 10px;} 
#formcontainer form label.small {width:30%; float:left;font-size:1em; color: #003366;   
margin:0px 0px 0 10px;}/* this is the text label on the left of each input */
#formcontainer form label.bis {width:100%; float:left;font-size:1em; color: #003366;   margin:0 10px;} 
#formcontainer form label.medium {width:40%; float:left;font-size:1em; color: #003366;   
margin:0px 0px 0 10px;}

/* the select button-----*/
#formcontainer form select {margin:0 20px;}	
#formcontainer form Cancel {margin:0 20px;}
#formcontainer form input[type="Cancel"]{margin:0 20px;}
/* button submit */
#formcontainer form [type="submit"] {margin:0 20px;}	
#formcontainer form submit {margin:0 20px;}	


#formcontainer div.buttongroup {float:left; border:0 ; padding:0px 0 0  10px;} 
/* a container for a groups of buttons - suppresses the clearfix div top border on the divs around the radio buttons/checkboxes */
#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 */
#formcontainer div.buttongroup input {margin-right:5px;} /* set the distance between button and its label text */

#formcontainer form textarea {width:70%;margin:0 0 0 10px;}

/* 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 */
.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 */