/* 

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.remove div.fm_optional {
  display: none;
}

form 	{
margin : 0;
padding : 0;
}

input,select,textarea
{
	background-color: #EBF1FA;
	color: #222222;
}

input:focus, 
select:focus, 
textarea:focus 
{
	background-color: #ffffff;
}

fieldset {
margin : 0;
padding : 1em;
border : 1px solid #999;
}

	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;
}

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

	#submit input {
	border: 1px solid #333;
	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 */
	border : 1px solid black;
	padding : 1px;
	font-family : Verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	}

	fieldset div textarea 
	{
	font-family : Verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	}
	
	fieldset input.fontformat {
	font-family : Verdana, arial, helvetica, sans-serif;
	border: 1px solid #333;
	padding: 0px 0px;
	background: #fff;
	color: #333;
	font-size: 100%;
	}

	fieldset div select
	{
	font-family : Verdana, arial, helvetica, sans-serif;
	font-size : 100%;
	width: 53px; /* Width for modern browsers */
	}

/* Optional fields. */

.fm_optional input {
border : 1px solid #ccc;
}



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

body 	{
font-family : Verdana, arial, helvetica, sans-serif;
font-size : 70%;
color : #333;
padding : 0;
margin : 0;
text-align : center;
}

/* select { background : #ffffff url(images/bg.gif);   color : #000; } */

#container {
margin : 0 auto;
padding : 0;
width : 280px;
text-align : left;
}

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

	p	{
	padding : 0.5em 1em;
	margin : 0;
	font-size : 100%;
	}
	
		p#intro	{
		padding : 0.5em 1em;
		border-bottom : 1px solid #ccc;
		}

	a	{
	color : #3333CC;
	text-decoration : underline;
	}