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

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 label { display:block; width:100%; font-weight:bold; color:#080;line-height:1.5em;padding:0;}
form.formtastic fieldset.inputs {border:none;margin-top:1em;}
form.formtastic fieldset.inputs legend {font-weight:bold;font-size:120%;margin-bottom:0.5em;}
form.formtastic fieldset.inputs ol li { border:none; width:95%;}
form.formtastic fieldset ol li p.inline-errors { color:#C33; font-weight:bold; margin:0.5em 0 0 0; }
form.formtastic fieldset ol li.error { background:#FFDDDD;border:2px solid #C33;margin-bottom:1em;}
form.formtastic fieldset ol li label .required {font-weight:normal;margin-left:0.25em;color:#C33;position:relative;top:-1px;font-size:90%;}

/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:99%; }
form.formtastic fieldset ol li.numeric input { width:99%; }

/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:100%; }
form.formtastic fieldset ol li.text p.inline-errors {margin-top:2.5em;}

/* BOOLEAN (CHECKBOX) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:0; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }

/* BELONGS_TO (RADIO) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio fieldset legend { display:block; width:100%; position:relative; }
form.formtastic fieldset ol li.radio fieldset ol { float:left; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li { padding:0; border:0; margin-bottom:.2em; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.5em; }

form.formtastic fieldset.buttons {clear:both;border-top:1px solid #777;width:95%;}
form.formtastic fieldset.buttons li {float:right;}

/* ERROR EXPLANATION
--------------------------------------------------------------------------------------------------*/
.errorExplanation {background:#FFDDDD;border:2px solid #C33;margin-bottom:1em;padding:0.5em;color:#C33;width:95%;}
.errorExplanation h2 {font-weight:bold;font-size:120%;color:#C33;margin-bottom:0.25em;}
.errorExplanation p {margin-bottom:0.25em;}
.errorExplanation ul li {margin-bottom:0.25em;list-style:square;}


#existing_images li {float:left;margin:1em;width:100px;}