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

/*CONTAINER*/
.form-box{
	background: #e7e7e7;
	border: 1px solid #d3dde8;
	/* Rounded Corners */
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

form {
	background: #e7e7e7;
	border: 1px solid #fff;
	/* Rounded Corners */
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
form.check-list {
	background: #fff;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
	padding:18px;
	border-bottom:1px solid #D1D1D1;
}

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

/* FIELD FORMATING
---------------------------------------- */
form ul {
	list-style: none;
}
.middleColumn {
 	display: block;
 	margin: 0px 0px 20px;
	background:none;
	padding: 0;
	width: 458px;
	clear: left;
}
	#Sidebar .middleColumn {
		margin: 0 0 0 4px;
		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
---------------------------------------- */

.typography input.text, .typography textarea, .typography select {
	padding: 6px;
	border: 1px solid #D9D9D9;
	color: #999;
	font-size: 13px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	width: 446px;
}

.typography textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input:focus span, textarea:focus span {
	border: 3px solid #09F;
}

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

.typography select {
	width: 462px;
}
.typography option {
	font-family:Arial, Helvetica, sans-serif;
	margin:2px 0;
}

/* LABELS
---------------------------------------- */
.typography label {
 	display: inline-block;
	margin: 0 0 5px 0;
	color: #777;
	font-size: 14px;
	text-transform:uppercase;
	font-family: 'DINMedium', Arial, Helvetica, sans-serif;
}

.typography .blue-field label {
	color: #39A5FF;
}

label.right {
	display:inline;
}

/* ACTIONS
---------------------------------------- */
.Actions{
	background:#DDDDDD;
	border-top:1px solid #FFF;
	padding:15px 18px;
	text-align:right;
}
.Actions input{

}
/*
.Actions input{
	border: 1px solid #2589E0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#fff;
	display:inline-block;
	float:left;
}
*/
.Actions input{
	font-family: 'DINRegular', arial, sans-serif;
	padding:6px 10px;
	border: 1px solid #2589E0;
	box-shadow: inset 1px 1px 0 0 #3ABAFF;
	text-shadow:1px 1px 1px #0A50BE;
	font-size:14px;
	margin-left: 5px;
	/* Rounded Corners */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/* Gradient background */
	background: #248AE1;
	color: #fff;
	text-transform: uppercase;
	background: -moz-linear-gradient(top, #2E9BF5, #248AE1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2E9BF5), to(#248AE1));
}
/*.Actions input:hover{
	border: 1px solid #248AE1;
}*/
.Actions input:hover{
	background: -moz-linear-gradient(top, #248AE1, #2E9BF5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#248AE1), to(#2E9BF5));
}

.Actions input#Form_FaultFinderForm_action_ClearAction,
.Actions input#Form_FaultFinderForm_action_ClearAction,
.Actions input#Form_WorksOrderFinderForm_action_ClearAction,
.Actions input#Form_ReportFinderForm_action_ClearAction,
.Actions input#Cancel,
.Actions  input#EmailOrderForm_EmailOrderForm_action_ClearAction,
.Actions  input#EmailReportForm_EmailReportForm_action_ClearAction {
	background: #c5c5c5;
	background: -moz-linear-gradient(top, #b8b8b8, #c5c5c5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8b8b8), to(#c5c5c5));
	border: 1px solid #adadad;
	box-shadow: inset 1px 1px 0 0 #d8d8d8;
	text-shadow: 1px 1px 1px #333;
}
.Actions input#Form_FaultFinderForm_action_ClearAction:hover,
.Actions input#Form_FaultFinderForm_action_ClearAction:hover,
.Actions input#Form_WorksOrderFinderForm_action_ClearAction:hover,
.Actions input#Form_ReportFinderForm_action_ClearAction:hover,
.Actions input#Cancel:hover,
.Actions input#EmailOrderForm_EmailOrderForm_action_ClearAction:hover,
.Actions input#EmailReportForm_EmailReportForm_action_ClearAction:hover {
	background: -moz-linear-gradient(top, #c5c5c5, #b8b8b8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c5c5), to(#b8b8b8));
}
.info-block {
	background: #fafafa;
	border: 1px solid #d3dde8;
    border-radius: 4px;
	clear: both;
	margin-bottom: 10px;
	overflow: auto;
	padding: 15px 15px;
}
.info-block.small {
	width: auto;
}
.info-block p,
.form-box form#MemberLoginForm_LostPasswordForm p.message,
.form-box form#MemberLoginForm_LoginForm p.message {
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 25px;
}
.form-box form#MemberLoginForm_LostPasswordForm p.message,
.form-box form#MemberLoginForm_LoginForm p.message {
	margin: 25px 0 0 18px;
}
.form-box form#MemberLoginForm_LostPasswordForm p.bad,
.form-box form#MemberLoginForm_LoginForm p.bad {
	color: #c00;
}
.info-block-heading {
	color: #777;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 3px 0;
}
.info-block-heading.success {
	color: #fab73e;
}
.info-block-heading.error {
	color: #c00;
}
.formbox-empty form {
	border: none;
}
.formbox-empty form#MemberLoginForm_LoginForm {
	background: none;
}
.formbox-empty form#MemberLoginForm_LoginForm fieldset {
	border: none;
	padding: 0;
}
.formbox-empty form#MemberLoginForm_LoginForm .Actions {
	background: none;
	border: none;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
}
.formbox-empty form#MemberLoginForm_LoginForm .Actions input {
	margin-left: 0;
}
.form-box #MemberLoginForm_LoginForm #Email,
.form-box #MemberLoginForm_LoginForm #Password {
	width: 220px;
	float: left;
}
.form-box #MemberLoginForm_LoginForm #Email input,
.form-box #MemberLoginForm_LoginForm #Password input {
	width: 200px;
}
.form-box #MemberLoginForm_LoginForm label {
	color: #003979;
    font-size: 13px;
    font-weight: normal;
    margin: 8px 10px 2px 5px;
}
.form-box #MemberLoginForm_LoginForm label.right {
	color: #999;
    font-size: 11px;
}
.form-box #MemberLoginForm_LoginForm #Remember {
	clear: both;
}
.Actions #ForgotPassword,
.Actions #InfoLink {
	background: #bbb;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    float: left;
    padding: 1px 6px;
}
.Actions #ForgotPassword a,
.Actions #ForgotPassword a:hover,
.Actions #InfoLink a,
.Actions #InfoLink a:hover {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

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

/* CHECKBOXES
---------------------------------------- */
ul.optionset {
	margin: 0;
	overflow: hidden;
}
	ul.optionset li {
		margin: 6px 0;
		clear: both;
	}
		ul.optionset li input {
			float: left;
			margin: 0 6px;
		}
		ul.optionset li label {
			margin: 0;
		}