/* 

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;
}
/*size of pop ups*/
fieldset    { font-size: 0.9em; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; margin: 0; padding: 1em; border: solid 1px #ccc }
fieldset div br   { font-size: 0.85em; display: none }

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

legend   { color: #294193; font-size: 0.85em; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-weight: bold; margin: 0; padding: 0.5em }

label   { font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; line-height: 14px; }

#fm-submit    { text-align: left; padding-top: 1em; clear: both }
#fm-submit input  { color: #333; font-size: 100%; background: #fff; padding: 2px 4px; border: solid 1px }
input, textarea { color: black; font: 100% Tahoma, Verdana, "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; background: #f2f2f2; padding: 3px; border: solid 1px #000 }
input:hover, textarea:hover, input:active, textarea:active, input:focus, textarea:focus { color: #000; background: #fff; border-color: #c00 }
fieldset div  { margin: 0; padding: 0 }

	fieldset div.fm-optional   { display: block; margin-bottom: 1em }
/*here i set the space after most boxes to 1em*/
fieldset div input    { width: 100%; margin-bottom: 1em; padding: 1px; border: solid 1px #900  }
button { font-size: 0.9em; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-weight: bold; text-decoration: none; width: 80px; height: 22px }
/*size of text and padding in pop ups*/
fieldset div select      { font-size: 100%; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; padding: 1px; border: solid 1px #900 }
/* Optional fields. */

.fm-optional input  { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; border: solid 1px #ccc }
.85text   { color: gray; font-size: 0.85em; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif }