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

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.

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

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

form.formtastic fieldset > ol > li { margin-bottom:0; margin-top:0 }

form.formtastic fieldset > ol > li label { color:#4C4C4C; float:none }
form.formtastic fieldset > ol > li textarea { height:100px }
form.formtastic fieldset > ol > li select { min-width:200px }

form.formtastic fieldset > ol > li input,
form.formtastic fieldset > ol > li textarea,
form.formtastic fieldset > ol > li select { float:left; padding:3px }

form.formtastic fieldset > ol > li.string input,
form.formtastic fieldset > ol > li.password input,
form.formtastic fieldset > ol > li.email input,
form.formtastic fieldset > ol > li.url input,
form.formtastic fieldset > ol > li.phone input,
form.formtastic fieldset > ol > li.search input,
form.formtastic fieldset > ol > li.text textarea { width:400px }
form.formtastic fieldset > ol > li.date input,
form.formtastic fieldset > ol > li.datetime input,
form.formtastic fieldset > ol > li.numeric input { width:200px }

form.formtastic fieldset > ol > li p.inline-hints  { color:#AAAAAA; margin:0 0 0 450px }
form.formtastic fieldset > ol > li p.inline-errors { margin:0; clear:left }
form.formtastic fieldset > ol > li p.inline-example  { color:#AAAAAA; margin-left:50px; float:left }

form.formtastic fieldset.buttons { padding:20px 0 }
form.formtastic fieldset.buttons > ol > li a { line-height:27px }
form.formtastic fieldset.buttons > ol > li input {
  background-image: url('../images/button-background.png');
  border: 1px solid #C3C4BA;
  border-radius: 2px;
  display: block;
  padding: 5px 10px;
}
form.formtastic legend {
  border-bottom:solid 1px #AAAAAA;
  font-size:150%;
  font-weight:normal;
  margin-bottom:20px;
  padding-top:20px;
  width:100%;
}