/*************************************************************************/
/** Generic Form styling - DarkShades theme 0.1 (sean@silverstripe.com) **/
/*************************************************************************/
form * {
	font-size:12px;
}
	form fieldset {
		border: none;
	}
		.message {
			color: #fff !important;
			background: #444 !important;
			padding: 5px;
			margin: 10px 0;
			border: 1px dotted #666 !important;
		}
			.message a {
				text-decoration: underline;
				color: #fff;
			}
			.message.good {
				border: 1px dotted #9ce80b !important;
				color: #9ce80b !important;
			}
				.message.good a {
					color: #9ce80b !important;
				}
			.message.bad {
				border: 1px dotted #f26026 !important;
				color: #f26026 !important;
			}
				.message.bad a {
					color: #f26026 !important;
				}
			.message.warn,
			.message.warning {
				border: 1px dotted #de984b !important;
				color: #de984b !important;
			}
				.message.warn a,
				.message.warning a {
					color: #de984b !important;
				}
		span.message {
			width: 300px;
		}
		form div.field {
			margin-top: 15px;
			width: 100%;
			clear: left;
		}
		form label {
			color: #626262;
		}
			form label.left {
				float: left;
				width: 10em;
				padding: 3px;
			}
		form .FormHeading {
			font-size: 18px;
			color: #fff;
		}
		form input.text,
		form textarea,
		form select,
		form .numeric,
		.calendardate input {
			color: #333;
			background: #f8f8f8;
			border: 1px solid #444;
			padding: 3px;
			width: 250px;
		}
			form .numeric {
				width: 25px;
				margin-right: 3px;
			}
			form input.year {
				width: 35px;
			}
		.checkboxsetfield span {
			display: block;
		}
		/* wont margin the label properly without the extra .05 */
		.checkboxset .optionset {
			padding-left: 10.05em;
		}
			.optionset li {
				list-style-type: none !important;
			}
		.dmycalendardate {
			color: #ccc;
		}
			.dmycalendardate span {
				display: block;
			}
		p.checkbox {
			padding: 10px 3px 0 10.5em;
		}
		form .Actions {
			width: 335px;
			margin: 10px 0;
			text-align: right;
    	}
			#Sidebar form .Actions {
				width: 98%;
			}
			form .Actions input {
				padding: 2px 3px;
				margin: 0 2px;
			}