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

/* Customized by Matt 
-----------------------------------------*/
.FormHeading {
     float: left;
     border-bottom: solid 1px #ccc;
     width: 100%;
        font-size: 22px;
        color: #2f4b6f;

}

form {
	margin-left: 30px;
	font-family: Arial, Sans-serif;
}

.required {color: red; font-size: 11px;
clear:both;
float:left;
}
.middleColumn label {width: 100%;}
.literalFieldArea {font-size: 12px;}
.literalFieldArea p {color:gray;font-size:12px;line-height:13px;margin:0;padding:2px 0;text-align:left;
}
.message {width: 307px; padding-left: 46%;display:block;}
.validation {color: red; font-size: 13px;}
form h2 {padding-left:0;margin-left:-20px;font-size:25px;}
form h1 {padding-left:0;margin-left:-9px;font-size:20px !important;padding-top:5px;}
#Form_Form_EditableFileField60 {width: 200px;}

/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
	font-size: 1.2em;
	text-transform: capitalize;
}

/* ACTION BUTTONS
---------------------------------------- */
	input.action {
	font-family:Arial,Sans-serif;
	font-size:1.4em;
	height:41px;
	letter-spacing:4px;
	margin-bottom:10px;
	margin-left:46%;
	margin-top:10px;
	padding:16px;
	width:307px;
/*	padding: 2px;
	margin-top: 10px;
	margin-left: 183px;
	font-size: 1em;
	font-family: Arial, Sans-serif;
*/
}
input.action:hover,
input.action:focus {
	cursor: pointer;
}

/* FIELD FORMATING
---------------------------------------- */
form ul {
	list-style: none;
	margin: 0;
}
    form li{
	background-position:45px 20px !important;
	display:inline;
	float:left;
	font-size:12px;
	width:50%;
/*        display: inline;
        white-space:nowrap;
	margin-left: -40px;
	background-position:45px 20px !important;
*/
    }
        form li label {
		clear:none;
		display:inline-table;
		float:none;
		vertical-align:text-bottom;
		width:88% !important;
/*            display:inline;
            clear:none;
            float:none;
            width:auto;
*/            
        }
.inlineFollow .middleColumn {
 	display: block;
 	float: left;
 	margin: 0px 0px 0px 0;
	background: #E9E9E9;
	padding: 2px;
	width:131px;
}
.inline .middleColumn {
 	display: block;
 	float: left;
 	margin: 0px 0px 0px 0;
	background: #E9E9E9;
	padding: 2px;
	width:171px;
}

.middleColumn {
 	display: block;
 	float: left;
 	margin: 0px 0px 0px 0;
	padding: 2px;
	width: 306px;
}
	#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;
	}
	
	p.checkbox input {
	margin-left: 286px;
	margin-top: 9px;
	}
	/*   clear:both; */
	
/* INPUT BOXS
---------------------------------------- */
.inlineFollow input.text, textarea, select, {
	padding: 2px;
	border: 1px solid #A7A7A7;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	width: 125px;
}
.inline input.text, textarea, select {
	padding: 2px;
	border: 1px solid #A7A7A7;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	width: 125px;
}

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

textarea {
	font-family: Arial, sans-serif;
	font-size: 1.2em;
}
input:focus span, textarea:focus span {
	border: 3px solid #000;
}

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

select {
	width: auto;
}

/* LABELS
---------------------------------------- */
.inlineFollow label {
 	display: block;
 	float: left;
 	clear: none;
 	width: 40px;
	margin: 5px 0px 0px -40px;
	color: #777;
	font-size: 1em;
	text-align:center;
}
.inline label {
 	display: block;
 	float: left;
 	clear: both;
 	width: 183px;
	margin: 5px 0 0px 0;
	color: #777;
	font-size: 1em;
}

label {
 	display: block;
 	float: left;
 	clear: both;
 	width: 46%;
	margin: 5px 0 0px 0;
	color: #777;
	font-size: 1em;
	min-height: 28px;
}

label.right {
    clear:none;
    display:inline;
    text-align:left !important;
   /* width:90px;*/
}
/* SEARCH BOX 
---------------------------------------- */
#Search {
}
	input#Search_Form_SearchForm_Search {

	}
#Sidebar input.action {
}