form.grid { padding:0.5em 0; font-family:verdana,arial,helvetica,sans-serif; font-size:90%; width:auto; background-color:transparent}
div.formblock 	{ width:98%; padding:0 1%; position:relative;top:0; }
div.formblock div.column1 	{ float:left;  width:48%;  }
div.formblock div.column2 	{ float:right; width:48%;  }
div.formblock div.shim		{ clear:both; font-size:0pt; background-color:transparent; height:0px; }

/* Apply "viewonly" or "editonly" to things you only want to see in one mode */
form.grid .viewonly { visibility:hidden;  }
form.grid .editonly { visibility:visible; }

/* Style all labels with title attributes, to indicate tooltips */
div.formblock label[title] { color:#009; border-bottom:1px dotted #009; cursor:help }

form.grid div.formitem { min-height:2em; overflow:hidden; }

form.grid div.fieldname { float:left; width:12em; font-weight:bold; margin-top:0.2em; color:#009; }
form.grid div.formfield { margin-left:12.5em; margin-right:0em; }
form.grid div.formfield input[type=text] { width:99% }
form.grid div.formfield input[type=password] { width:99% }
form.grid div.formfield select { width:99% }
form.grid div.formfield textarea { width:99% }

form.grid div.formfield input.amount { width:50%; float:left; }
form.grid div.formfield select.unit { width:49%;}
form.grid div.formfield span.amountUnit { display:none; }

form.grid div.formfield input.date[type=text] { padding-left:20px; width:82%; background:url(../images/icons/types/small/date.gif) 2px 2px no-repeat; }
form.grid div.formfield span.date { display:none }
form.grid div.formfield img.editdate { float:right; cursor:pointer; }


form.grid div.toggleview { text-align:right; }
form.grid div.toggleview .editlink { display:none; }
form.grid div.toggleview .editlink span { font-weight:bold; color:#006; cursor:pointer; }
form.grid div.toggleview .editlink img { position:relative; top:0.2em; }
form.grid div.toggleview .savebutton { display:block; }
form.grid span.canceledit { color:#006; font-size:smaller; cursor:pointer; float:left;}


/*
 * Width overrides, to align one- and two-column fields. 
 * Not pixel-perfect, but close enough.
 */
form.grid div.column1 div.formfield input[type=text],
form.grid div.column2 div.formfield input[type=text] 		{ width:97% }
form.grid div.column1 div.formfield input[type=password],
form.grid div.column2 div.formfield input[type=password] 	{ width:97% }
form.grid div.column1 div.formfield textarea,
form.grid div.column2 div.formfield textarea 			{ width:97% }
form.grid div.column1 div.formfield select,
form.grid div.column2 div.formfield select 			{ width:98% }
form.grid div.column1 div.formfield input.date[type=text],
form.grid div.column2 div.formfield input.date[type=text] { width:85%; }

form.grid div.formfield span.inputnoedit,
form.grid div.formfield span.urlnoedit,
form.grid div.formfield span.selectnoedit 		{ display:none;position:relative;top:0.2em }

form.grid div.submitCreate { text-align:right; }

/* table forms */
form.grid table .viewonly { display:none;  }
form.grid table .editonly { display:inline; }
form.grid table .amount { width:4em;  }
form.grid table .units  { width:6em; }

/* experiment-specific CSS */
form.grid table .amountheader  { width:10em;border:1px solid #999; }



/******
 * Overrides to grid form styles, to make a view 
 ******/
form.viewing div.hyperlink input,
form.viewing div.formfield select 			{display:none; }

form.viewing div.formfield span.urlnoedit,
form.viewing div.formfield span.inputnoedit,
form.viewing div.formfield span.selectnoedit 	{display:inline; }
form.viewing input[type=text],
form.viewing input[type=password] 	{ display:none; border:0; background:transparent; font-family:verdana,arial,helvetica,sans-serif; padding-top:0.25em }
form.viewing textarea 			{ border:0; background:transparent; overflow:auto; padding-top:0.25em }

form.viewing div.radio div.formfield label {color:#999; }
form.viewing div.radio div.formfield input[type=radio] {visibility:hidden}
form.viewing div.radio div.formfield input[type=radio].checked {visibility:visible}
form.viewing div.radio div.formfield input[type=radio].checked+span.radiolabel {color:black; }

form.viewing div.formfield input.amount { display:none; }
form.viewing div.formfield select.unit { display:none; }
form.viewing div.formfield span.amountUnit { display:inline; }

form.viewing div.formfield input.date { display:none; }
form.viewing div.formfield span.date { display:inline; }
form.viewing div.formfield img.editdate { display:none; }

form.viewing div.toggleview .editlink   { display:block; }
form.viewing div.toggleview .savebutton { display:none; }

form.viewing .viewonly { visibility:visible;  }
form.viewing .editonly { visibility:hidden; }
form.viewing table .viewonly { display:inline;  }
form.viewing table .editonly { display:none; }


/* Other form-related styles */
form.filesform { width:auto;padding:0;background-color:white;margin:0;
                 font-family:verdana,arial,helvetica,sans-serif }
form.filesform table { width:auto; }
form.filesform table td, form.filesform table th { width:auto;font-size:80% }