/*
	dataobjects dataform 2-column style sheet
	
	This style sheet uses CSS to format form labels and fields into a traditional
	2-column tabular layout, without the use of tables. Each "line" of the form is
	arranged as follows in a XHTML-compliant format:
	
	<label for="myfield">My Field</label>
	<input name="myfield" type="text" /><br />
	
	Fundamentally, the label is fixed-width and floated left. The field is also 
	floated left and rests against the label. The <br /> tag clears both floats
	and starts a new line.
	
	The nice thing about this system is that even a stupid browser will render a
	recognizable <label><input><br> form. For more info on the technique see:
	
	http://www.quirksmode.org/css/forms.html

*/

.dataform{float:left;width:100%;font:11px "arial";margin:0;padding:0;}
.dataformerrors{font:11px "arial";color:red;}
.dataform br{display:block;clear:left;}
.dataform div.space{clear:left;height:8px;}
.dataform fieldset{border:1px solid silver;margin:10px 20px 10px 0px;padding:10px 0px;}
.dataform fieldset.buttons{border:1px transparent;}
.dataform hr{clear:left;border:1px solid silver;color:silver;height:1px;}
.dataform label{display:block;float:left;width:85px;color:#111;font:11px "arial";text-align:right;margin:4px 10px 0 3px;padding:1px;}
.dataform label.inline{width:auto;}
.dataform input.button,.dataform input.reset,.dataform input.submit{width:85px;margin:0 10px 0 0;}
.dataform input.checkbox,.dataform input.radio{margin:1px 5px 1px 0;padding:1px;}
.dataform legend{background-color:#fff;color:#111;font-size:16px;font-weight:700;margin:0 10px 5px;}
.dataform span{display:block;float:left;color:#111;margin:3px 3px 0;padding:1px;}
.dataform input,.dataform select,.dataform textarea{display:block;float:left;font:11px "arial";margin:2px 0;padding:1px;}
.dataform button, .dataform input.submit, .dataform input[type=submit] { background-color:#CC0000; color:#ffffff; font-size:12px; border:1px solid; border-color: #F00 #600 #600 #F00; padding:2px 8px; }
.dataform button:hover, .dataform input.submit:hover, .dataform input[type=submit]:hover { background-color:#990000; border-color: #C00 #300 #300 #C00; cursor:pointer; }