legend {
  padding: 2px 12px;
  background-color: #F2F2F2;
  border: 1px solid #878787;
  font-weight: bold;
  font-size: 12px
}

label {
  display: block;
  padding: 2px 0px;
}

label .field {
  float: left;
  width: 125px;
  margin-right: 4px;
  padding-top: 2px;
  text-align: left;
  font-weight: bold;
}

fieldset {
  margin: 0px;
  padding: 10px;
}

/* error and message text color and font weight */
.error    { font-weight: bold; color: #FF0000; }
.message  { font-weight: bold; color: #33CC33; }

.missing { font-weight: bold; color: #FF0000; }
.invalid { font-weight: bold; color: #FF9900; }
input.missing { border: 2px solid #FF0000; background-color: #FFCCCC; color: #333; font-weight: normal; }
input.invalid { border: 2px solid #FF9900; background-color: #FFE6CC; color: #333; font-weight: normal; }
select.missing { border: 2px solid #FF0000; background-color: #FFCCCC; color: #333; font-weight: normal; }
select.invalid { border: 2px solid #FF9900; background-color: #FFE6CC; color: #333; font-weight: normal; }