/* Standard Form Style */
.standard-form .form-contents { border: 1px solid #d7d7d7; margin: 10px 5px; padding: 7px 7px 0; }
.standard-form.collapse { position: relative; right: 50%; float: right; }
.standard-form.collapse .form-contents { position: relative; right: -50%; }
.standard-form h1 { border-bottom: 1px solid #DDD; background: #ecf8fe; font-weight: bold; margin: -7px -7px 7px; padding: 7px; font-size: 1.2em; }
.standard-form .form-note { margin: -7px 25px 7px; padding: 7px; width: auto; background: #FFFFE0; border: 1px solid #AAA; font-size: 12px; border-top: none; }
.standard-form .row { display: block; border-top: 1px dashed #DDD; padding: 5px 0; }
.standard-form .row.first { border: none; }

.standard-form .row label, 
.standard-form .row .label, 
.standard-form .row .value { 
	display: block;
	float: left; 
	margin-right: 5px;
	margin-bottom: 2px; 
}
.standard-form .row .value.headless {
	margin-left: 150px;
}

.standard-form .row .errors { clear: left; color: red; font-size: 12px; text-align: right; }

.standard-form input.short { width: 150px; }
.standard-form input.medium { width: 300px; }
.standard-form input.long { width: 460px; }
.standard-form textarea.tiny { height: 90px; width: 320px; }
.standard-form textarea.small { height: 100px; width: 350px; }
.standard-form textarea.medium { height: 150px; width: 400px; }
.standard-form textarea.big { height: 200px; width: 460px; }
.standard-form textarea.nowrap { overflow: scroll; white-space: nowrap; }

/* TODO: these values work for 800x600, but they make so many forms so skinny...
.standard-form input.short { width: 125px; }
.standard-form input.medium { width: 250px; }
.standard-form input.long { width: 325px; }
.standard-form textarea.small { height: 100px; width: 200px; }
.standard-form textarea.medium { height: 150px; width: 275px; }
.standard-form textarea.big { height: 200px; width: 325px; }
*/

.standard-form .row > .label, .standard-form .row > label { width: 140px; text-align: right; margin-right: 10px; }
.standard-form .required { font-weight: bold; }
.standard-form .required:before { content: "*"; }

.standard-form .hint { font-style: italic; display: block; clear: left; max-width: 95%; margin-bottom: 5px; }
.standard-form .hint blockquote { font-style: normal; margin-top: 2px; margin-bottom: 2px; }

.standard-form input.checkbox, .standard-form input.radio { 
	display: inline; margin: -2px 3px 0px 1em; vertical-align: middle;
}

.standard-form table.checkboxes-container,
.standard-form table.radiobuttons-container { border: 1px solid #CCC; margin: 0 3em; }
.standard-form table.checkboxes-container td, 
.standard-form table.radiobuttons-container td { vertical-align: top; text-indent: -30px; padding: 0px 4px 0px 30px; font-size: 9pt; }
.standard-form table.checkboxes-container td input,
.standard-form table.radiobuttons-container td input { margin: 3px !important; }

.standard-form label small, .standard-form .label small { font-style: italic; display: block; }
.standard-form .row.buttons { padding: 7px; padding-left: 157px; margin: 0 -7px; background: #F0F0F0; }
.standard-form .row.buttons1 { padding: 7px; padding-left: 131px; margin: 0 -7px; background: #F0F0F0; }
.standard-form fieldset { margin: 0.2em 0; border: 1px solid #d7d7d7; padding: 5px 20px; width: auto;}

.standard-form table.rows tr.row { border: none; display: table-row; }
.standard-form table.rows tr.row td { border-top: 1px dashed #DDD; vertical-align: top; padding: 5px 0; }
.standard-form table.rows tr.row.first td { border: none; }
.standard-form table.rows tr.row td.label { float: none; display: table-cell; }  
.standard-form table.rows tr.row td.label label { display: inline; float: none; }
.standard-form .error_target { color: red; }