/** 
* SilverStripe Black Candy Theme
* http://www.silverstripe.com
*
* Form Styling
*/


/* FIELDSETS
---------------------------------------- */

fieldset { border:0; }

/* ACTION BUTTONS
---------------------------------------- */

input.action { padding:2px; font-size:11px; font-family:Verdana, Tahoma, Sans-serif; }

input#PageCommentInterface_Form_PostCommentForm_action_postcomment { padding:2px 6px 2px 6px; }

input.action:hover,
input.action:focus { cursor:pointer; }

/* FIELD FORMATING
---------------------------------------- */

form ul { list-style:none; }

form#PageCommentInterface_Form_PostCommentForm { padding-bottom:15px; margin-bottom:15px; }

.middleColumn { display:block; margin:0px; padding:0px; width:306px; clear:left; }

#Sidebar .middleColumn { margin:0 0 0 8px; 	display:inline; }

div.tab .field .middleColumn { clear:none !important; margin:0 !important; width:auto; }

.middleColumn .middleColumn { margin-left:0; margin-right:0; padding:0; }

.middleColumn .message { margin:0; }

/* INPUT BOXES
---------------------------------------- */

#emailOptIn { width:175px; margin-left:30px; }

#emailOptIn p.header { font-size:12px; line-height:17px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#b8b5a1; }
#emailOptIn p.header span.highlight { color:#ffffff; font-size:12px; }

.required { font-size:10px; color:#d96e00; }

p.required.left { float:left; }
p.vr, p.vr a { clear:both; font-size:10px;  color:#b8b5a1; }

input { background-color:#8aa498; color:#ffffff; border:#ffffff 1px solid; font-weight:normal; }

.middleColumn input { background-color:#ffffff; color:#422818; border:#ffffff 1px solid; font-weight:normal; }

input.submit { width:60px; height:38px; color:#b8b5a1; background-color:transparent; background-image:url(../images/interior/submitbutton.gif); background-position:-6px top; background-repeat:no-repeat; border:none; font-size:10px; line-height:8px; text-transform:uppercase; font-weight:bold; cursor:pointer; float:left; }

input.submit:hover { background-position:-6px bottom; color:#ffffff; }

input#PageCommentInterface_Form_PostCommentForm_action_postcomment { width:60px; height:38px; background-color:transparent; background-image:url(../images/interior/postbutton.gif); background-position:-6px -2px; background-repeat:no-repeat; border:none; font-size:10px; line-height:8px; text-transform:uppercase; font-weight:bold; cursor:pointer; }

input#PageCommentInterface_Form_PostCommentForm_action_postcomment:hover { background-position:-6px -78px; }

 
input.text, textarea, select { padding:2px; border:1px solid #A7A7A7; color:#000; font-size:12px; width:300px; }

textarea { font-family:Verdana, Tahoma, sans-serif; font-size:12px; }

input:focus span, textarea:focus span { border:3px solid #000; }

/* SELECT DROPDOWN
---------------------------------------- */

select { width:auto; }

/* LABELS
---------------------------------------- */

label { display:block; font-size:10px; line-height:17px; color:#87573B; }

label.right { display:inline; }

#Name label, #CommenterURL label, #Comment label { color:#422818; font-size:12px; margin:6px 0px 2px 0px; }

/* SEARCH BOX 
---------------------------------------- */

#Search { width:105px; }

input#Search_Form_SearchForm_Search { width:110px; 	padding:3px; 	margin-left:-4px; font-size:12px; }

#Sidebar input.action { font-size:12px; float:right; padding:1px; margin:-22px 10px 0 0; }