.required { color:red; }
.requiredlegend { color:#006 }

 

form { background-color:#ccf; color:#006; width:35em; padding-bottom:0.5em;  } 
div.mainform {  width:35em; padding:0; text-align:center; }
div.form { background-color:#ccf; color:#006; width:35em; padding-bottom:0.5em;  } 
#content>div.mainform {} /* IE ignores */
div.formrow { background-color:#ccf; border-bottom:1px solid white; text-align:right; padding:5px; }

div.formrow a, div.formrow a:visited { color:#006 }

form.singlebutton       { display:inline; width:auto; background-color:transparent; }
form.cancel             { float:left; position:relative; top:-1em; margin-left:5px }
form.cancel input       { position:relative; top:-3em;  }
div>form.cancel input   { position:relative; top:1em; } /* IE ignores */
form.abandon            { position:relative; top:-1em; }
form.abandon input      { position:relative; top:-3em; }
div>form.abandon input  { position:relative; top:1em; } /* IE ignores */

div.searchAddAbstractClass     { height:20px; padding:2px 2px 0 2px;  }
div.searchAddAbstractClass img { float:left }

/* Form input fields and labels */

span.radiohelp          { display:block; font-size:smaller; margin:0 0 0.5em 2em; } /* for radio buttons and checkboxes in a fieldset */
span.formhelp           { display:block; font-size:smaller; margin:0.2em 0 0.5em 19em; } /* for selects, text boxes, not in a fieldset */

label, div.label, span.label { float:left; color:#006 }
label a.helpIcon, div.label a.helpIcon        { color:#006; cursor:help; border-bottom:1px dotted #006; text-decoration: none; }
label>a.helpIcon, div.label a.helpIcon        { text-decoration:none; border-bottom:1px dotted #006; cursor:help; }

input.submit            { float:right; width:auto; margin:5px; }
textarea,select         { width:22.5em; }
input.text              { width:22.5em; } /*need class="text" and this rule because IE doesn't recognise [type="text"] selector */
input.radio             { width:auto; }
input.checkbox          { width:auto; }
input[type="text"]      { width:22.5em; }
input[type="radio"]	    { width:auto; }
input[type="checkbox"]  { width:auto; }
input.divide            { width:6em; }


textarea[readonly="readonly"]
						{ color:black; border:0; background-color:transparent;}
textarea.readonly		/* because ie doesn't support attributes */
						{ color:black; border:0; background-color:transparent;}

.invalidformfield       { background-color:#faa; }
			   
/*******/

form.collapsibleBox_search {  
				  width:20em; padding:0.5em; 
				  text-align:right; background-color:transparent; }
form.collapsibleBox_search table { text-align:left; width:100%; padding-bottom:0.5em; }
form.collapsibleBox_search td input { float:right; width:11em } 
form.collapsibleBox_search select { width:10.7em; float:right; } 

form.searchform {  
				  width:20em; padding:0.5em; 
				  text-align:right }
form.searchform table { text-align:left; width:100%; padding-bottom:0.5em; }
form.searchform td input { float:right; width:11em } 
form.searchform select { width:10.7em; float:right; } 

/*SPOT forms*/
form#frmStep2choice { width:47em; }
form#frmStep2choice td.radio, form#frmStep2choice td.tm, form#frmStep2choice td.length { text-align:center; } 
form#frmStep2choice th.primers {font-size:larger;}
form#dnaConStep3 tr.addNew  { display:none; }
div.addNew { display:none; }

/* Form item blocks - can be used in two-column layout */
div.formitemblock { position:relative;top:0; width:30em; height:2.5em; 
                    text-align:right; padding:0.25em 0.5em;
                    background-color:transparent;	
                  }
div.formblock_height2 { height:5em; }
div.formblock_height3 { height:8.5em; }
div.formitemblock span.example { font-size:smaller; font-family:arial,helvetica,sans-serif; }
div.formitemblock span.label { float:left; display:block;width:35%; text-align:left; font-family:arial,helvetica,sans-serif; }
div.formitemblock div.formcontent { width:60%; position:absolute; right:3%; text-align:left; padding:0; }
div.formitemblock input.text,div.formitemblock input.file,div.formitemblock select  { width:100%; margin:0; }
div.formitemblock input.submit { margin:0; width:auto; }
div.formitemblock textarea { width:100%; height:8em }

/* Two column grid for standard form layout - also need class "gridheight*" */
div.twocolumngrid { position:relative;top:0; padding:0 0 0 0; width:90%; background-color:transparent; }
div.twocolumngrid div.formitemblock { position:absolute; width:48%; }
div.twocolumngrid .col0 {position:absolute; left:0%; }
div.twocolumngrid .col1 {position:absolute; right:0%; }
div.twocolumngrid .row0 { top:0em; }
div.twocolumngrid .row1 { top:3em; }
div.twocolumngrid .row2 { top:6em; }
div.twocolumngrid .row3 { top:9em; }
div.twocolumngrid .row4 { top:12em; }
div.twocolumngrid .row5 { top:15em; }
div.twocolumngrid .row6 { top:18em; }
div.twocolumngrid .row7 { top:21em; }
div.twocolumngrid .row8 { top:24em; }
div.twocolumngrid .row9 { top:27em; }

/* set the height of a two-column grid box */
div.gridheight1  { height:3em;  }
div.gridheight2  { height:6em;  }
div.gridheight3  { height:9em;  }
div.gridheight4  { height:12em; }
div.gridheight5  { height:15em; }
div.gridheight6  { height:18em; }
div.gridheight7  { height:21em; }
div.gridheight8  { height:24em; }
div.gridheight9  { height:27em; }
div.gridheight10 { height:30em; }

div.slimline_forms div.formitemblock     { height:1.5em; }
div.slimline_forms div.formblock_height2 { height:3.5em; }
div.slimline_forms div.formblock_height3 { height:5.5em; }
div.slimline_forms textarea 	{ height:6em }
div.slimline_forms span.example { display:none; }
div.slimline_forms div.twocolumngrid .row0 { top:0em; }
div.slimline_forms div.twocolumngrid .row1 { top:2em; }
div.slimline_forms div.twocolumngrid .row2 { top:4em; }
div.slimline_forms div.twocolumngrid .row3 { top:6em; }
div.slimline_forms div.twocolumngrid .row4 { top:8em; }
div.slimline_forms div.twocolumngrid .row5 { top:10em; }
div.slimline_forms div.twocolumngrid .row6 { top:12em; }
div.slimline_forms div.twocolumngrid .row7 { top:14em; }
div.slimline_forms div.twocolumngrid .row8 { top:16em; }
div.slimline_forms div.twocolumngrid .row9 { top:18em; }
div.slimline_forms div.gridheight1  { height:2em; }
div.slimline_forms div.gridheight2  { height:4em; }
div.slimline_forms div.gridheight3  { height:6em; }
div.slimline_forms div.gridheight4  { height:8em; }
div.slimline_forms div.gridheight5  { height:10em; }
div.slimline_forms div.gridheight6  { height:12em; }
div.slimline_forms div.gridheight7  { height:14em; }
div.slimline_forms div.gridheight8  { height:16em; }
div.slimline_forms div.gridheight9  { height:18em; }
div.slimline_forms div.gridheight10 { height:20em; }


/* Unwreak header bar havoc caused by re-introduction of this stylesheet */
form#perspective { background-color:#006; width:auto; color:white; padding-bottom:0; }