/* 

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;

}

div.container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html div.container {height: 1%;}
/* End hide from IE-mac */


div.container fieldset {
margin : 1em;
padding : 1em;
border : 1px solid #ccc;
display: block; 
float: left;
}

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;
font-size: 10pt;
}

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

	#fm-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 #7291B7;
	padding : 1px;
	}
	
fieldset div input.radio {
	width: 1em; /* Width for modern browsers */
	padding : 1px;
	border: none;
}

fieldset div input.checkbox {
width: auto;
border: none;
}

fieldset hr {
background-color: #efefef;
color: #efefef;
width: 80%;
height: 1px;
border: 1px solid #efefef;
}

fieldset div.container {
margin: 0.25em 0;
clear:both;
}

fieldset div.container input.checkbox, fieldset div.container input.radio {
display: block;
float: left;

}

fieldset div.container label {
display: block;
float: left;
width: 16em;
margin-left: 1em;
}

.insideLabel {
display: inline;
float: none;
width: 500px;
margin-left: 1em;
}







fieldset#choice label, div#maillist label {
	display: inline;
}

div#maillist {

	margin: 1em 0;

}

	fieldset div select {
	font-family : "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	font-size: 10pt;
	width: 200px; /* Width for modern browsers */
	border : 1px solid #7291B7;
	padding : 1px;
	}
						
	

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

.fm-optional input {
border : 1px solid #ccc;
}

table.details tr th.right {
font-weight: bold;
}

span.toggle a:link, span.toggle a:visited, span.toggle a:focus, span.toggle a:hover, span.toggle a:active {
color: #0000FF;
text-decoration: underline;
font-size: 10pt;
font-style: italic;
margin-left: 1em;
}


table.details {
width: 90%;
font-size: 0.9em;
}

table.details td, table.details, table.details tr {
border: 1px solid #ccc;
border-collapse: collapse;
}
table.details tr td {
padding: 0.25em;
vertical-align: top;
}


div.suppdesc {
display: none;
height: 0;
}

div.show {
display: block;
height: auto;
/*width: 600px;*/
border: 1px solid #ccc;
background-color: #fff;
margin: 0 0.5em 0 0.5em;
padding: 0 0.5em 0 0.5em;
}

p.hide {
display: none;
height: 0;
width: 0;
overflow: hidden;
}

input#btnSubmit {
margin: 0 1em;
}

fieldset#choice {
width: 80%;
}

fieldset#choice label {
width: 70%;
}

div#workshops hr {
width: 90%;
color: #999;
background-color: #999;
height: 1px;
}


#registration-form fieldset {
	width: 40%;
	padding: 10px;
	margin: 10px 0 10px 10px;
	border: 1px solid #CCC;
}

* html #registration-form fieldset {
	width: 40%;
}

#registration-form fieldset label {
	margin-top: 5px;
}

#registration-form fieldset p {
	margin: 10px 0;
	padding: 0;
}

#registration-form fieldset textarea {
	width: 98%;
	margin-top: 5px;
}

#registration-form fieldset#personal, #registration-form fieldset#contact {
	clear:both;
	float: left;
}
#registration-form fieldset#address, #registration-form fieldset#needs { clear: right; float: right; color:#000; font-size:10pt; text-align:left; margin-right:10px;}

#registration-form fieldset#choices { width: 91%; clear: both; }

#registration-form hr { border: 1px solid #FFF; }