/* And all that Malarkey // Stylish, accessible forms

Please feel free to use this CSS file in any way that you like, although
a link back to http://www.stuffandnonsense.co.uk/archives/stylish_accessible_forms.html
would always be appreciated.

If you come up with a stunning design based on this technique, it would be really nice
if you would post a comment containing a URL on 
http://www.stuffandnonsense.co.uk/archives/stylish_accessible_forms.html#Comments */

/* Set up the basic layout and remove unsemantic br tags. */

form {
margin-left : 15px;
padding : 0;
}

fieldset {
float : left;
margin : 0 1em 0 0;
padding : 1em;
border : 1px solid #ccb7b5;

}

	fieldset div br {
	display : none;
	}

/* Style the legend, labels and the div containing the submit button. */

.legend {
font:12px/20px trebuchet ms, arial, helvetica, sans-serif;
font-weight : bold;
color : #333;


}


.please {
font:11px/20px trebuchet ms, arial, helvetica, sans-serif;
font-weight : bold;
color : #333;
margin-left: 0px;
margin-top: 8px;
margin-bottom: 8px;
}

label {
font:10px/20px trebuchet ms, arial, helvetica, sans-serif;
display : block;
float: left;
width: 26em;
margin-right: 1em;
}


div.brochures label {
font:10px/20px trebuchet ms, arial, helvetica, sans-serif;
display : block;
float: left;
width: 42em;
margin-right: 1em;
}






#fm-submit {
clear : both;
padding-top : 0.5em;
}



	* html fieldset div {
	width: 180px; /* Width for IE5 */
	w\idth: 180px; /* Width for IE6 */
	}

fieldset div input {
font:10px/20px trebuchet ms, arial, helvetica, sans-serif;
width: 180px; /* Width for modern browsers */
border-top : 1px solid #e2cbc9;
border-right : 1px solid #e9d8d7;
border-bottom : 1px solid #f0e5e4;
border-left : 1px solid #e9d8d7;
padding : 0px;
}
						
	* html fieldset div input {
	width: 180px; /* Width for IE5 */
	w\idth: 180px; /* Width for IE6 */
	}
	



/* Basic page styling, not part of the form example */