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

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 {
	width: 800px;
	margin-bottom: 20px;
	padding: 20px;
	background: #eee;
	border: 1px solid #b1b1b1;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

form.formtastic fieldset ol li p.inline-hints {
	font-size: 12px;
	font-style: italic;
}

form.formtastic legend, legend {
	font-size: 18px;
	font-weight: bold;
	color: #222;
}

form.formtastic input[type="submit"], input[type="submit"] {
	background: #749a02 url(/images/button-overlay.png) repeat-x;
	display: inline-block;
	border: none;
	padding: 8px 19px 9px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

form.formtastic input[type="submit"]:hover, input[type="submit"]:hover {
	background-color: #91bd09;
}

abbr {
	color: red;
}