/* http://fecklessmind.com/2009/01/23/how-to-reliable-css-forms */

/* First, some basic resets, body styles, etc. */
fieldset, form, label, legend
{border: 0; margin: 0; outline: 0; padding: 0; background: transparent; vertical-align: baseline;}

/* Here's our form stuff */
fieldset {border: 1px solid #ccc; padding: 6px;} 
legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

form .field {clear: both; margin: 0 0 1.5em;}
label.form_error { float: right; color: red; padding-left: .5em; vertical-align: top; }
form .buttons {clear: both; margin: 2em 0 1.5em; text-align: center;}
form .field label {display: block;}
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}
input.text, input.password, textarea, select {margin: 0; font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline;}
input.text, input.password, textarea {border: 1px solid #444; padding: 2px;}

/* horizontal layout */
form.horizontal .field {padding-left: 150px;}
form.horizontal .short {padding-left: 70px;}
form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px;}

/* results & errors */
form #results {border: 1px solid #ccc; background: #009fc2; color: white; font-weight: bold; display: none;padding: 10px;}
select.form_error, input.form_error {border:2px solid #009fc2; color:#009fc2;}





/* source: http://www.sitepoint.com/article/fancy-form-design-css */
/* usage example: http://devweb/product_marketing/rate_enhancement/request.asp */


div.forms2 fieldset {  
	margin: 1.5em 0 0 0;  
	padding: 6px 10px 6px 6px;
}

div.forms2 fieldset.compact {  
	margin: 4px;  
	padding: 2px 0;
}

div.forms2 legend {  
	margin-left: 1em;  
	color: #009FC2;  
	font-weight: bold;
	padding-bottom: 0;
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif
}

div.forms2 fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none;
}

div.forms2 fieldset ol li {  
	padding: 0 0 10px;
}

div.forms2 fieldset ol li.inline {  
	padding: 0 0 10px;
	display: inline;
}

div.forms2 fieldset.submit {  
	border-style: none;
}

div.forms2 input.text, div.forms2 textarea {
	border: 2px inset #ccc;
}

div.forms2 label {  
	display: block;
	float: none;
	padding: 0;
	margin: 0;
	text-align: left;
	width: auto;
	font-weight: bold;
}

div.forms2 span.secondary {
	font-weight: normal;
	font-style: italic;
}

div.forms2 fieldset.milestone {
	background: #DFFAFF;
	border: 2px solid #ccc;
}

div.forms2 #results, div.forms2 .results {
	border: 2px solid #CC3333; 
	background: #DFFAFF; 
	color: black; 
	display: none;
	padding: 10px; 
	font-size:1.5em;
}