/************************************ 
 * Forms
 *
 ************************************/

form { margin: 1em 0; color: #555459;}
form h2 {margin-bottom: 16px; }
fieldset { display: block; position: relative; clear: both; border:0; margin: 1em 0; padding: 1em 1.5em; background-color: #eee; border: 1px solid #999; width: 75%;}
fieldset.blank { border: 0; background-color: white; padding-top: 0; margin-top: 0; }
legend { font-weight: bold; font-size: 14px; padding: 0 1em 0 0;}
option { border: 0; padding: 1px 1em 1px 2px; }
select { border: 1px solid #ccc; padding: 0; }
label {	display: block; width: 190px; text-align: right; color: #555459; font-weight: normal; font-size: 11px; line-height: 1.5; padding-right: 1em; }
input.field, textarea {
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding: 1px 2px; border: 1px solid #ccc;
	margin-right: 0.5em;
}
textarea { width: 280px; height: 8em; }
input.field { width: 200px; }
input.short-field { width: 100px; }

div.checkbox-container, div.radio-container {
	font-size: 11px;
}

div.form-row { margin-bottom: 0.6em; clear: both; }
div.form-row-left { float: left;}
div.form-row-right { float: left; font-size: 11px;}
div.form-row-right-col1 { margin-right: 0.5em;}
div.form-row-right-col1,
div.form-row-right-col2{ float: left; width: 108px; padding: 0 2px; }

div.form-submit-button {
	padding-top: 1.2em;
}
fieldset.blank { }
input.button { }

div.errors, 
div.required, 
span.required {	margin: 1em 0; color: #a00000; font-weight: bold; }
span.required { font-size: 1em; }
div.errors {
	width: 60%; margin-bottom: 2em;	padding: 1em;
	background-color: #f0f0f0; font-size: 0.75em; border: 1px solid #ccc;
}