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

#Form {
padding-top: 0;
width: 445px;
}

/* FORM ELEMENTS
---------------------------------------- */
.formWrapper {
  padding: 0;
}
form {
background: transparent;
padding: 20px 0 10px 60px;
}
legend {
height: 0;
line-height: 0;
font-size: 0px;
padding: 0;
margin: 0;
}
fieldset {
margin-bottom: 1px;
border: 0;
font-size: 12px;
}
.formWrapper #msgRequired  {
color: #59535f;
padding-left: 60px;
}


/* ACTION BUTTONS
---------------------------------------- */

.field {
padding-bottom: 14px;
}

.Actions {
}

input.action {
font-family: Verdana, Tahoma, Sans-serif;
font-size: 12px;
font-weight: bold;
padding: 2px 8px;
background-color: #e85a98;
color: #fff;
border: none;
cursor: pointer;
}
input.action:hover,
input.action:focus {
cursor: pointer;
}

.Actions #ForgotPassword {
padding: 20px 0 0 0;
margin: 0;
}

p.field  {
  padding: 6px 0 16px 0;
  margin: 0;
}

/* FIELD FORMATTING
---------------------------------------- */



.middleColumn {
display: block;
clear: left;      /* in case we float */
}
.middleColumn .message {
margin: 0;
font-weight: bold;
color: #222;
}

/* INPUT BOXES
---------------------------------------- */

input.text, textarea, select {
font-family: Verdana, Tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
padding: 3px 2px;
color: #444;
border: 1px solid #b4bdc3;
width: 298px;
margin: 0;
}
textarea {
  height: 100px;
}
input:focus span,
textarea:focus span {
	border: 3px solid #000;
}

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

select {
width: auto;
}

/* LABELS
---------------------------------------- */
label {
padding: 0;
margin: 0;
display: block;
font-size: 12px;
color: #666;
}
.requiredField label {
font-weight: bold;
}
label.required,
span.required, 
span.validation{
color: #fc328a;
font-weight: normal; 
}

/* ??????????? */
form ul {
list-style: none;
}
div.tab .field .middleColumn {
clear: none !important;
margin: 0 !important;
width: auto;
}
.middleColumn .middleColumn {
margin: 0;
padding: 0;
}

.checkbox Label {
  display: inline;
}


/* SEARCH BOX
---------------------------------------- */
#Search {
	width: 105px;
}
	input#Search_Form_SearchForm_Search {
		width: 110px;
		padding: 3px;
		margin-left: -4px;
		font-size: 1.2em;
	}
#sidebarLeft input.action,
#sidebarRight input.action {
	font-size: 1.2em;
	float: right;
	padding: 1px;
	margin: -22px 10px 0 0;
}