/* -------------------------------------------------------------------------------------------------

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset ol li p.inline-hints { color:#333; }

--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li {
	margin: 0 0 .8em;
}

form.formtastic fieldset ol li label {
	width: 40%;
	margin: 4px 0 0;
}

form.formtastic fieldset ol li.string input,
form.formtastic fieldset ol li.text textarea {
	color: #555;
	padding: 2px;
	font-weight: normal;
	width: 58%;
	font-size: 18px;
	border: 1px solid #ccc;
}

form.formtastic fieldset.buttons {
	padding-left: 40%;
}

	#errorExplanation {
		padding: 8px;
		border: 1px solid #ff0000;
		background: #ffd8d8;
		color: #333;
		margin-bottom: 10px;
	}
	
		#errorExplanation h2 {
			margin-bottom: 5px;
		}
	
		#errorExplanation p {
			margin-bottom: 5px;
		}
		
		#errorExplanation ul {
			list-style: outside;
			margin-left: 20px;
		}
		
		form.formtastic li.error input,
		form.formtastic li.error textarea {
			border: 1px solid #ff0000 !important;
		}
		
		form.formtastic li.error p.inline-errors {
			margin-left: 40%;
			color: #000;
		}