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

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; }

HINT:
The following style may be *conditionally* included for improved support on older versions of IE(<8)
form.formtastic fieldset ol li fieldset legend { margin-left: -6px;}

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





/* INPUT OVERRIDES
--------------------------------------------------------------------------------------------------
form.formtastic input, form.formtastic textarea, form.formtastic select { border:1px inset #ddd; background:white; color:#333; }*/
form.formtastic input { border:none; }
form.formtastic input[type="text"], form.formtastic input[type="password"], form.formtastic textarea { border:#999 inset 1px; }
form.formtastic input[disabled='disabled'], form.formtastic select[disabled='disabled'] { background:#eee; }




/* LABELS
--------------------------------------------------------------------------------------------------
form.formtastic fieldset > ol > li label { width:100%; font-weight:normal; }*/
form.formtastic fieldset ol li label { font-weight:normal; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.required > label { font-weight:bold; }
form.formtastic fieldset > ol li.required label abbr { color:red; margin-left:0.2em; }
form.formtastic fieldset > ol > li.error input, form.formtastic fieldset > ol > li.error textarea, form.formtastic fieldset > ol > li.error select  { border:#ae1b1b solid 0.2em; background:#ffded3; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.boolean label { width:75%; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------
form.formtastic fieldset > ol > li p.inline-hints { margin:0; font-size:0.9em; font-style:italic; }*/
form.formtastic fieldset > ol > li p.inline-hints { font-size:0.9em; font-style:italic; }


/* SEMANTIC ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic ul.errors { font-weight:bold; list-style:none; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li p.inline-errors { font-weight:bold; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------
form.formtastic fieldset > ol > li.text textarea { width:100%; }*/
form.formtastic fieldset > ol > li.text textarea { height:100px; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------
form.formtastic fieldset.inputs { margin-bottom:1.5em; }
form.formtastic fieldset.buttons { padding-left:0; }*/
form.formtastic fieldset.buttons input { padding:0.3em 1.5em; font-weight:bold; }


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > legend { font-size:1.4em; padding-bottom:5px; }
form.formtastic fieldset > ol > li > fieldset legend { color:#333; font-size:1em; }
form.formtastic fieldset.inputs { margin-bottom:25px; }
form.formtastic fieldset > ol > li.required > fieldset legend label { font-weight:bold; }