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

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#new_contact {
  width: 27em;
  float: left;
  margin: 1.5em 0 1.5em 2em;
  display: inline;
}

form#new_contact input[type="text"], form#new_contact textarea, form#new_contact select {
  border: solid thin #CCC;
  float: left;
  width: auto;
  clear: both;
}

form#new_contact input:hover[type="text"], form#new_contact textarea:hover, form#new_contact select:hover {
  background: #FFFFCC;
  border: solid thin #99CCFF;
}

form#new_contact input[type="checkbox"] {
  float: left;
  display: block;
}

form#new_contact input[type="submit"] {
  float:left;
  margin: 0;
}

form#new_contact ol li {
  margin: 0.6em 0 0.8em 0;
}

form#new_contact p {
  clear: both;
  margin-left: 0;
  float: left;
  margin-top: 0.2em;
  font-size: 80%;
  font-style: italic;
}

form#new_contact label {
  display: block;
  clear: both;
  width: 10em;
  float: left;
  margin: 0;
  text-align: left;
  padding: 0;
}