/* 

Silverstripe PaddyGreen Theme
Styles related to forms markup

Forms markup adopeted from http://nidahas.com/sandbox/form_template.html
Created by Prabhath Sirisena(http://www.nidahas.com) 

*/

/* FAQ WIDGET SEARCH FORM 
-----------------------------------------------*/
html #Layout #SearchForm_SearchFaqsFormWidget .middleColumn {
	float: left;
	width: 130px;
	margin: 0 5px 0 0;
	padding:0;
}
html #SearchForm_SearchFaqsFormWidget .middleColumn input.text {
	width: 125px;
}
html #SearchForm_SearchFaqsFormWidget #SearchForm_SearchForm_action_results {
	float: left;
	margin-top: 2px;
}

/* FAQ SEARCH FORM 
-----------------------------------------------*/
html #Layout #SearchForm_SearchFaqsForm #Search{
	width: 270px;
}

html #Layout #SearchForm_SearchFaqsForm_Search{
	width:180px;
}

html #Layout #SearchForm_SearchFaqsForm_action_FaqsResults{
	float:left;
}

html #Layout #SearchForm_SearchFaqsForm .left{
	width:50px;
}

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

#Layout form p { margin: 0; }
#Layout form p.note, #Layout form span.required { margin-left: 85px; font-size: 90%; color: #C00; }
#Layout form span.validation { margin-left: 170px; font-size: 70%; color: #C00; }
#Layout form fieldset { padding: 10px; border: #DDD 1px solid; }
#Layout form legend { font-weight: bold; color: #666; }
#Layout form fieldset div .middleColumn { padding: 0.8em 0; }
#Layout label, 
#Layout span.label { margin-right: 10px; padding-right: 10px; width: 200px; display: block; float: left; text-align: right; position: relative; }
#Layout label.error, 
#Layout span.error { color: #C00; }
#Layout label em, 
#Layout span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
#Layout input.error { border-color: #C00; background-color: #FEF; }
#Layout input:focus,
#Layout input.error:focus, 
#Layout textarea:focus {	background-color: #FFC; border-color: #FC6; }
#Layout div.controlset label, 
#Layout p.field label,
#Layout div.controlset input{ display: inline; float: none; }
#Layout div.controlset div, #Layout ul.optionset { margin-left: 170px; }
#Layout li input{display:inline;float:none;}
#Layout ul label{display:inline; float:none;text-align:left; width:100px; padding-left: 5px;}
#Layout div.buttonrow, #Layout p.Actions { margin-left:180px; }
#RecaptchaField { float:left; margin-left:215px; }