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


/* FIELDSETS
---------------------------------------- */
fieldset { border:0; }

/* ACTION BUTTONS
---------------------------------------- */
input.action { padding:2px; font-family:Verdana, Tahoma, Sans-serif; }

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

/* FIELD FORMATING
---------------------------------------- */
form ul { list-style:none; }

#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
---------------------------------------- */

input.text, textarea, select { padding:2px; border-top:2px solid #A7A7A7; border-right:none; border-bottom:1px solid #A7A7A7; border-left:2px solid #A7A7A7; color:#888888; font-size:11px; font-weight:bold; width:170px; height:15px; background-color:#f5f5f6; float:left; margin-left:40px; }

textarea { font-family:Verdana, Tahoma, sans-serif; font-size:1.2em; }

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

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

select { width:auto; }

#Form_InBlockSearch select { height:22px; margin-left: 0px; }

#Form_InBlockSearch #EngineManufacturer { width:200px; }

#Form_InBlockSearch #EngineModel { width:200px; display:none; }

#InBlockSearchResults h2 { clear:both; margin-bottom:10px; }

#InBlockSearchResults table { width:100%; margin-bottom:20px; }

#EngineManufacturer label, #EngineModel label { font-size:13px; line-height:17px; color:#f22600; text-transform:uppercase; display:block; margin-top:10px; margin-bottom:5px; }

/* LABELS
---------------------------------------- */
.typography label { display:block; margin:10px 0 -10px 0; color:#777; font-size:1em; }

label.right { display:inline; }

/* SEARCH BOX 
---------------------------------------- */
#searchbox { width:240px; float:right; margin:40px 0px 0px 125px; }

#SearchForm_SearchForm input { margin-left:10px;}

#Search { width:180px; float:left; }

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

#Sidebar input.action { float:right; padding:1px; margin:0px 10px 0 0; }

#SearchForm_SearchForm input.action { background-image:url(/site/images/buttonsearch.gif); background-position:right top; background-repeat:no-repeat; width:59px; height:32px;border:none; color:#ffffff; font-size:11px; padding-bottom:12px; padding-right:4px; margin-left:0px; float:left; }

/* LOGIN FORM 
---------------------------------------- */

#MemberLoginForm_LoginForm label { width:90px; float:left; text-align:right; font-size:13px; line-height:17px; color:#f22600; text-transform:uppercase; padding-top:4px; }

#MemberLoginForm_LoginForm label.right { width:300px; float:none; }

#MemberLoginForm_LoginForm Input.text { float:none; margin-left:10px; }

#MemberLoginForm_LoginForm fieldset div div input.text { border-right:#a7a7a7 1px solid; }

#MemberLoginForm_LoginForm #Password,
#MemberLoginForm_LoginForm #Remember { clear:both; margin-top:10px; }

#MemberLoginForm_LoginForm #Remember { margin-left:100px; }

#MemberLoginForm_LoginForm div.Actions { padding-left:100px; }

/* Fuel Consumption Calculator 
---------------------------------------- */

#Form_FuelConsumptionCalc { margin-top:0px;}

#Form_FuelConsumptionCalc label.left { width:355px; height:20px; font-size:12px; text-align:right; padding-top:3px; margin-right:0px;}

#Form_FuelConsumptionCalc div.middleColumn { float:right; margin-bottom:8px; }

#Form_FuelConsumptionCalc div.middleColumn input { width:40px; border-right:#a7a7a7 1px solid; margin-left:0px; margin-right:4px; }

#Form_FuelConsumptionCalc a { clear:both; display:block; font-size:11px; text-align:right; width:354px; height:14px;}

#Form_FuelConsumptionCalc p {width:380px; margin-left:4px; font-weight:bold;}

#Form_FuelConsumptionCalc div.Actions input { float:right; margin-top:10px; }

#Form_FuelConsumptionCalc fieldset {background-color:#F2F2F2; }
#Form_FuelConsumptionCalc div#weeksperyear { height:34px; padding-top:10px; background-color:#FFF;}
#Form_FuelConsumptionCalc div#fuelconsumed { height:26px; padding-top:10px;}
#Form_FuelConsumptionCalc div#fuelconsumed label {font-weight:bold; width:355px;}
#Form_FuelConsumptionCalc div#dollarspergallon { height:34px; padding-top:10px; background-color:#FFF;}
#CalculatorResults { display:none; position:absolute; top:410px; left:320px; background-color:#F2F2F2; padding:0px 10px 0px 10px;}
#CalculatorResults h2 { margin-top:6px; margin-bottom:6px;}