#form-wrapper a:link, #form-wrapper a:visited {
  color: #666;
  border-bottom: 1px dotted #888;
  text-decoration: none;
}

#form-wrapper a:hover {
  color: #333;
  border-color: #333;
  text-decoration: none;
}

.loading {
  background: url('graphics/loading.gif') center center no-repeat;
  height: 16px;
  margin: 5px 0 10px 0;
}

#form-result { text-align: center }

.success {
  background: #F3FFE5;
  color: #529900;
  border-top: 1px solid #ACFF4D;
  border-bottom: 1px solid #ACFF4D;
  padding: 5px;
  margin-bottom: 10px;
}

.failure {
  background: #FFE5E5;
  color: #DB0000;
  border-top: 1px solid #FF6666;
  border-bottom: 1px solid #FF6666;
  padding: 5px;
  margin-bottom: 10px;
}

#contact-form { padding: 0; margin: 0 }

#form-wrapper {
  background: url(../graphics/contact.gif) bottom no-repeat;
  width: 361px;
  padding: 10px;
  border: 1px solid #ddd;
  margin: auto;
  font-family: Arial, Sans-serif;
  font-size: 12px;
  color: #969696;
}

.leftcol, .rightcol { float: left; }

.leftcol {
  width: 186px;
}

.rightcol {
  width: 175px;
}

.col { clear: both; width: 100%; margin: 0px 0; }
.clear { clear: both; margin: 0; padding: 0; }

.section_break { 
  border-bottom: 2px dotted #CCC; 
  padding-top: 10px; 
  margin-bottom: 10px; 
  clear: both;
}

span.required { color: red; }

input, .f_checkbox, .f_radio, textarea {

  font-size: 11px;
  font-family: Arial, Sans-serif;
  border: none;
}

textarea {
  padding: 5px;
  margin-bottom: 5px;
  width: 351px;
  height: 81px;
  background: url('graphics/text-area.jpg') no-repeat;
}

input.text { 
  width: 163px;
  height: 14px;
  padding: 6px;
  background: url('graphics/text-field.jpg') no-repeat;
  margin-bottom: 6px;
}

input.textlong { 
  width: 348px;
  height: 14px;
  padding: 6px;
  background: url('graphics/text-field-long.jpg') no-repeat;
  margin-bottom: 6px;
}

input.textcal { 
  width: 163px;
  height: 14px;
  padding: 6px;
  background: url('graphics/text-cal.jpg') no-repeat;
  margin-bottom: 6px;
}

.f_checkbox, .f_radio {
  width: 329px;
  height: 14px;
  padding: 6px 6px 6px 26px;
  background-repeat: no-repeat;
  margin: 0px 0px 4px 0px;
  display: block;
  cursor: pointer;
}

.leftcol .f_checkbox, .leftcol .f_radio {
  width: 143px;
  height: 14px;
  padding: 6px 6px 6px 26px;
  background-repeat: no-repeat;
  margin: 0px 0px 4px 0px;
  display: block;
  cursor: pointer;
}

.rightcol .f_checkbox, .rightcol .f_radio {
  width: 143px;
  height: 14px;
  padding: 6px 6px 6px 26px;
  background-repeat: no-repeat;
  margin: 0px 0px 4px 0px;
  display: block;
  cursor: pointer;
}

.f_checkbox input {
  position: absolute; left: -9999px
}

.leftcol .unchecked {
  background-image: url('graphics/checkboxsm-off.jpg');
    color:#969696;
}

.leftcol .checked {
  background-image: url('graphics/checkboxsm-on.jpg');
    color: #363636;
}

.rightcol .unchecked {
  background-image: url('graphics/checkboxsm-off.jpg');
    color:#969696;
}

.rightcol .checked {
  background-image: url('graphics/checkboxsm-on.jpg');
    color: #363636;
}

.unchecked {
  background-image: url('graphics/checkbox-off.jpg');
    color:#969696;
}

.checked {
  background-image: url('graphics/checkbox-on.jpg');
    color: #363636;
}

.f_checkbox input, .f_radio input {
  position: absolute; left: -9999px
}

.selected {
  background-image: url('graphics/radiobutton-on.jpg');
}

.unselected {
  background-image: url('graphics/radiobutton-off.jpg');
}

#form-submit {
  margin-top: 10px;
  height: 35px;
  width: 186px;
  float: right;
  background: url('graphics/submit.gif') top no-repeat;
  cursor: pointer;
  clear: both;
}

#form-submit:hover {
  background-position: 0% 100%;
}