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

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

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


/* NORMALIZE AND RESET
--------------------------------------------------------------------------------------------------*/

/* obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic elements that we care about */
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }

/* Rails wraps error fields with divs */
div.fieldWithErrors { display:inline; margin:0; padding:0; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/

form.formtastic fieldset { }
form.formtastic fieldset.inputs { border-top:1px solid #eee; }
form.formtastic fieldset.buttons { padding:10px; }
form.formtastic fieldset ol { }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/

form.formtastic fieldset ol li { border-bottom:1px solid #eee; padding:5px; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required {  }
form.formtastic fieldset ol li.optional {  }
form.formtastic fieldset ol li.error { background:#FFCCCC; }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
  
form.formtastic fieldset ol li label { display:block; width:25%; float:left; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:red; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:red; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }

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

/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* BOOLEAN (CHECKBOX) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; 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 { }
form.formtastic fieldset ol li.radio fieldset legend { display:block; float:left; width:25%; position:relative; }
form.formtastic fieldset ol li.radio fieldset legend span { }
form.formtastic fieldset ol li.radio fieldset ol { float:left; width:74%; }
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; }


/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/

form.formtastic fieldset ol li.date fieldset,
form.formtastic fieldset ol li.time fieldset,
form.formtastic fieldset ol li.datetime fieldset {}

form.formtastic fieldset ol li.date fieldset legend,
form.formtastic fieldset ol li.time fieldset legend,
form.formtastic fieldset ol li.datetime fieldset legend,

form.formtastic fieldset ol li.date fieldset legend,
form.formtastic fieldset ol li.time fieldset legend,
form.formtastic fieldset ol li.datetime fieldset legend { display:block; float:left; width:25%; position:relative; }

form.formtastic fieldset ol li.date fieldset legend span,
form.formtastic fieldset ol li.time fieldset legend span,
form.formtastic fieldset ol li.datetime fieldset legend span {  }

form.formtastic fieldset ol li.date fieldset ol,
form.formtastic fieldset ol li.time fieldset ol,
form.formtastic fieldset ol li.datetime fieldset ol { float:left; width:74%; margin:0; padding:0; }

form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0; padding:0; border:0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }