/* 

And all that Malarkey // Trimming form elements

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/trimming_form_fields.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/trimming_form_fields.html#Comments 

Thanks to Brothercake (http://www.brothercake.com/) for his help with the Javascript.
His fantastic UDM 4 fully-featured and accessible website menu system is a must!
(http://www.udm4.com/)

*/






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

form 	{
margin : 0;
padding : 0;
border: 0;
}

fieldset {
	border: 0;
}

	fieldset div br {
	display : none;
	}

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


label {
	text-decoration: none;
	font-size: 1.2em;
	padding-bottom : 1.6em;
	color: #333333;
}

#fm-submit {
clear : both;
padding-top : 1.6em;
text-align : center;
}

	#fm-submit input {
	padding: 2px 4px;
	background: #fff;
	color: #333;
	font-size: 100%;
	}

fieldset div {
margin : 0;
padding : 0;
}

	fieldset div.fm-optional {
	display : block;
	}

	fieldset div input {
	width: 200px; /* Width for modern browsers */
	padding : 1px;
	}
	
	fieldset div select {
	font-family : "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	font-size : 100%;
	width: 200px; /* Width for modern browsers */
	padding : 1px;
	}
						
	fieldset div label:before {
	content: "* ";
	}

		fieldset div.fm-optional label:before {
		content: "";
		}
	
/* Optional fields. */

.fm-optional input {
}