﻿/* Generic Styles for Contact Us page */

form.contact-form { clear: both;
  width: 450px;
  font-size: .85em;
  font-style: normal;
  color: #111;
}
form.contact-form fieldset {
  margin-bottom: 20px;
  border: 1px solid #145192;
  border-bottom: none;
	background: url("fieldset-bg250.gif") repeat-x left bottom;
}
form.contact-form fieldset.bg100 { background: url('fieldset-bg100.gif') repeat-x left bottom; }
form.contact-form fieldset.bg150 { background: url('fieldset-bg150.gif') repeat-x left bottom; }
form.contact-form fieldset.bg200 { background: url('fieldset-bg200.gif') repeat-x left bottom; }
form.contact-form fieldset.bg250 { background: url('fieldset-bg250.gif') repeat-x left bottom; }
form.contact-form fieldset.bg300 { background: url('fieldset-bg300.gif') repeat-x left bottom; }

form.contact-form fieldset legend { color: #145192; }
form.contact-form legend {
  padding: 0 2px;
  font-weight: bold;
  color: #111;
}
form.contact-form label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color: #111;
}
/* #content required for specificity, see http://www.w3.org/TR/CSS2/cascade.html#cascading-order, needs permanent fix */
#content form.contact-form fieldset ol { 
  margin: 0; 
  padding: 0;
}
form.contact-form fieldset li {
  list-style: none;
	padding: 5px 10px 7px 10px;
  margin: 0;
	background: url('fieldset-divider.gif') repeat-x left bottom; }
form.contact-form fieldset li.hfvis { visibility: hidden; display: none; }
form.contact-form fieldset fieldset {
  background: none;
  border: none;
  margin: 3px 0 0;
}
form.contact-form fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.contact-form fieldset fieldset label {
  display: block;
  width: auto;
}
form.contact-form em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.contact-form label {
  width: 120px; /* Width of labels */
}
form.contact-form fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
form.contact-form input.check-box { width: 20px; color: #222;  }
form.contact-form label.check-box { width: 250px;  }
form.contact-form input { width: 250px; color: #222;  }
form.contact-form select { width: 250px; color: #222;  }
form.contact-form textarea { width: 425px; color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .95em; }
form.contact-form input[type=reset] { width: 75px; color: #111; }
form.contact-form input[type=submit] { width: 75px; color: #111; }
form.contact-form p { margin-left: 10px; }

