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

/* FORMS
---------------------------------------- */
form {
	clear:both;
	margin:15px 0;
}


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

/* ACTION BUTTONS
---------------------------------------- */
input.action {
	padding:5px;
	font-size:1.3em;
	text-transform:uppercase;
	margin-left:140px;
}
input.action:hover,
input.action:focus {
	cursor:pointer;
}

/* FIELD FORMATING
---------------------------------------- */
form ul {
	list-style:none;
}
.field {
	float:left;
	display:block;
	clear:both;
	margin-bottom:7px;
	width:590px;
}
.middleColumn {
	margin:0 0 5px;
 	display:inline;
}
	#Sidebar .middleColumn {
		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 BOXS
---------------------------------------- */

input.text,
textarea,
select {
	padding:2px;
	border:1px solid #666;
	color:#111;
	font-size:14px;
	font-weight:bold;
	width:300px;
}

textarea {
	font-size:1.3em;
}
input:focus span,
textarea:focus span {
	border:3px solid #000;
}

.typography fieldset h2 {
	clear:both;
	line-height:2;
	margin-bottom:5px;
}

/*	CHECKBOXES	*/
.checkbox input {
	float:left;
	clear:left;
	margin-left:140px;
}
.typography p.checkbox label {
	margin-right:10px;
	float:left;
	text-align:left;
}
.typography p.checkbox input {
	margin-top:3px;
	margin-right:5px;
}
.checkboxset {
	clear:both;
}
.checkboxset li {
	clear:left;
}
	.checkboxset li > input {
		float:left;
		margin-top:3px;
		margin-right:5px;
	}

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

select {
	width:auto;
}

/* LABELS
---------------------------------------- */
.typography label {
 	display:block;
	color:#444;
	font-size:14px;
	float:left;
	width:140px;
	line-height:22px;
}
	.typography .checkboxset > label {
		font-weight:bold;
		width:300px;
	}
		.typography .checkboxset li > label {
			width:500px;
		}

label.right {
	display:inline;
	width:400px;
	margin:0;
}
/* SEARCH BOX 
---------------------------------------- */
#Search {
	width:105px;
}
	input#Search_Form_SearchForm_Search {
		width:110px;
		padding:3px;
		font-size:1.2em;
	}
#Sidebar input.action {
	font-size:1.3em;
	padding:1px;
	margin:0 0 0 140px;
}



/* RECAPTCHA
---------------------------------------- */
.typography #recaptcha_area {
	margin-left:140px;
}
.typography .recaptcha_input_area label {
	float:none;
}
.typography #recaptcha_response_field{
	margin-left:0;
}