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

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.inputs {
  margin-bottom: 20px;
}

form.formtastic fieldset {
  display: block;
}

form.formtastic legend {
  font-size: 1.5em;
  color: #ff0000;
}

form.formtastic fieldset ol li {
  padding: 0px 5px 3px 0;
  display: block;
  margin-bottom: 0.5em;
}

form.formtastic fieldset ol li.password input,
form.formtastic fieldset ol li.string input,
form.formtastic fieldset ol li.numeric input
form.formtastic fieldset ol li.date input,
form.formtastic fieldset ol li.select select,
form.formtastic fieldset ol li.text textarea {
  width: 300px;
  padding: 3px;
  margin-left: 15%;
}

form.formtastic fieldset ol li.date legend  {
  color: #000;
  font-size: 12px;
}

form.formtastic fieldset ol li.date legend span {
  display: block;
  width: 70px;
}

form.formtastic fieldset ol li.date ol {
  width: 300px;
  padding:0 0 0 30%;
}

form.formtastic fieldset ol li label {
  width: 15%;
}

form.formtastic fieldset ol li.error {
  border:none;
  background: none;
}

form.formtastic fieldset ol li.boolean label {
  width: 360px;
}

form.formtastic fieldset ol li.error input {
  border-color: red;
}

form.formtastic fieldset.buttons {
  border-top: 1px dotted #999;
  padding-left: 30%;
}

form.formtastic fieldset ol li.text textarea {
  width: 300px;
  height: 100px;
  padding: 3px;
}

form.formtastic fieldset ol li p.inline-hints {
  margin-left: 30%;
}

form.formtastic fieldset ol li p.inline-errors {
  margin: 0.5em 0 0 30%;
}

form.formtastic fieldset ol li.boolean label input {
  margin: 0 2em 0 0.2em;
}