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


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

/* ACTION BUTTONS
---------------------------------------- */
input.action {
  font-family:Verdana,Tahoma,Sans-serif;
  font-size:12px;
  font-weight:bold;
  padding:2px;
}
input.action:hover,
input.action:focus {
	cursor: pointer;
}

/* FIELD FORMATING
---------------------------------------- */
form ul {
	list-style: none;
}
.middleColumn {
 	display: block;
 	margin: 0;
  	padding: 4px;
	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 BOXS
---------------------------------------- */

input.text, textarea, select {
	padding: 4px;
	border: 1px solid #7f604f;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	width: 300px;
  margin:0 0 10px;
}

textarea {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 12px;
}
input:focus span, textarea:focus span {
	border: 3px solid #000;
}

ul#Form_Form_EditableRadioField9 li {
  float:left;
  height:30px;
  margin:10px 0 15px -23px;
  width:75px;
  list-style-type: none;
  }
ul#Form_Form_EditableRadioField9 li input.radio, ul#Form_Form_EditableRadioField9 li label {
  float: left;
  margin: 0;
  }
ul#Form_Form_EditableRadioField9 li label {
  padding: 0 0 0 5px;
  } 
/* SELECT DROPDOWN
---------------------------------------- */

select {
	width: auto;
}

/* LABELS
---------------------------------------- */
.typography label {
 	display: block;
	margin: 0;
	color: #7f604f;
	font-size: 11px;
}

label.right {
	display:inline;
}

.typography .required {
  color: #a43b4f;
  margin: 5px 0 5px 0;
  font-size: 11px;
  }
  
.radio {
  float:left;
  left:-15px;
  margin:0;
  position:relative;
  top:3px;
  }

li.valFemale, li.valMale {
margin: 0 0 20px 0;
list-style-type:none;
  }
label.left {
  font-weight: bold;
  }