/** 
* SilverStripe Black Candy Theme
* http://www.silverstripe.com
*
* Form Styling
*/
/* FIELDSETS
---------------------------------------- */
div.form{background:#333;padding-bottom:5px;}
fieldset{border:0;color:#fff;padding:10px;margin:0;}

#Search{width:105px;}
input#Search_Form_SearchForm_Search{width:110px;padding:3px;margin-left:-4px;font-size:1.2em;}


form{/* set width in form,not fieldset (still takes up more room w/ fieldset width */
font:100% verdana,arial,sans-serif;margin:0;padding:0;}
form fieldset legend{font-size:1.1em;/* bump up legend font size,not too large or it'll overwrite border on left */
/* be careful with padding,it'll shift the nice offset on top of border */}
form label{display:block;/* block float the labels to left column,set a width */
float:left;width:80px;padding:0;margin:5px 0 0;/* set top margin same as form input - textarea etc. elements */
text-align:right;}
form fieldset label:first-letter{/* use first-letter pseudo-class to underline accesskey,note that */
text-decoration:underline;/* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
/* pseudo-class on legend elements,but do support it on label elements */
/* we instead underline first letter on each label element and accesskey */
/* each input. doing only legends would lessens cognitive load */
/* opera breaks after first letter underlined legends but not labels */}
form input,form textarea{/* display:inline;inline display must not be set or will hide submit buttons in IE 5x mac */
width:auto;/* set width of form elements to auto-size,otherwise watch for wrap on resize */
margin:5px 0 0 10px;/* set margin on left of form elements rather than right of
label aligns textarea better in IE */}
form input#reset{margin-left:0px;/* set margin-left back to zero on reset button (set above) */}
textarea{overflow:auto;}
form small{display:block;margin:0 0 5px 160px;/* instructions/comments left margin set to align w/ right column inputs */
padding:1px 3px;font-size:88%;}
form .required{font-weight:bold;}
/* uses class instead of div,more efficient */
form br{clear:left;/* setting clear on inputs didn't work consistently,so brs added for degrade */}
.required{color:red;}