/* 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 : 0;
padding : 0;
}

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

	fieldset div br {
	display : none;
	}

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

legend {
font-weight : bold;
color : #333;
margin : 0;
padding : 0.5em;
}

label {
display : block;
}

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

/* Add the double border effect. */

fieldset div {
width : 196px; /* Width for modern browsers */
border-top : 1px solid #ccb7b5;
border-right : 1px solid #a99897;
border-bottom : 1px solid #716665;
border-left : 1px solid #a99897;
margin : 0;
padding : 1px;
}

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

fieldset div input {
width: 192px; /* 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 : 1px;
}
						
	* html fieldset div input {
	width: 196px; /* Width for IE5 */
	w\idth: 192px; /* Width for IE6 */
	}
	

/* Mandatory fields. */

.fm-required {
border-top : 1px solid #f05d49;
border-right : 1px solid #f48677;
border-bottom : 1px solid #f7aea4;
border-left : 1px solid #f48677;
}

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

body 	{
font-family : "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
font-size : 70%;
color : #333;
background : #fff;
padding : 0;
margin : 0;
text-align : center;
}

	h1	{
	padding : 0.5em 1em;
	margin : 0;
	font-weight : bold;
	font-size : 120%;
	}

	p	{
	padding : 0.5em 1em;
	margin : 0;
	font-size : 100%;
	}

	a	{
	color : #900;
	text-decoration : underline;
	}
	
#container {
margin : 0 auto;
padding : 0;
width : 770px;
text-align : left;
}