#mainrow #formDiv
{
  text-align: left;
  margin: 8px auto;
  width: 606px;
  background-color: #E3E3E3;
  border: 2px solid #44568F;
  padding: 4px;
}

/*
 * Form
 */
#mainrow form
{
  text-align: left;
  border: 1px solid #999999;
  padding: 5px 0px;
  margin: 0px;
  background-color: #F2F2F2;
}

#mainrow form label
{
  display: block;
  font-weight: bold;
  clear: both;
  float: left;
  width: 180px;
  text-align: right;
  margin-right: 5px;
  margin-left: 5px;
  padding-top: 3px;
}

#mainrow form em
{
  font-style: italic;
  font-weight: normal;
  color: #666666;
}

#mainrow .sectionTitle
{
  font-size: 1.2em;
  margin: 9px;
  font-weight: bold;
  padding: 3px;
  width: 572px;
  text-align: left;
  background-color: #44568F;
  color: #FFFFFF;
  border: 2px solid #999;
}

#mainrow .reviewTitle
{
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  color: #773333;
}

#mainrow form p, #mainrow form h4
{
  margin: 1em 12px !important;
  width: 572px;
}

#mainrow .formElement
{
  margin-top: 2px;
  margin-bottom: 2px;
}

form textarea
{
  font-family: Arial,Helvetica,sans-serif;
}

#mainrow input, #mainrow input.okay, #mainrow input.error
{
  /*
  border: 1px solid #999999;
  background-color: #FFFFFF;
  padding: 2px 2px 2px 2px;
  */
  float: left;
  margin-right: 5px;
}

#mainrow select, #mainrow select.okay, #mainrow select.error
{
  border: 1px solid #999999;
  background-color: #FFFFFF;
  float: left;
  margin-right: 5px;
}

#mainrow textarea, #mainrow textarea.okay, #mainrow textarea.error
{
  border: 1px solid #999999;
  background-color: #FFFFFF;
  padding: 2px;
  float: left;
  margin-right: 5px;
  font-size: 1em;
  /*
  margin-left: 190px;
  */
  /*
  breaks in IE
  margin-top: -24px !important;
  */
  /*margin-left: 5px;*/
}

.okay, .error, .radio_error label
{
  border: 1px solid #999999;
}

.okay
{
  background-color: #BBFFBB;
}

.error, .error label, .radio_error label
{
  background-color: #FFFF77;
}

.requiredMarker, .requiredMarkerCheckbox, .requiredMarker_textArea, .requiredMarker_radio
{
  float: left;
  color: #FF0000;
  font-size: 1.2em;
}

.requiredMarkerCheckbox
{
}

/* already defined
.clear
{
  clear: both;
  height: 0px;
}
*/

.fieldRadio
{
  margin-bottom: 5px;
  margin-left: 202px;
}

.fieldText, .fieldLabel
{
  display: inline;
  float: left;
}

.fieldTextArea
{
  margin-left: 25px;
}

.fieldButton
{
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
  width: 110px;
}

.fieldCheckbox
{
  display: inline;
  float: left;
  margin-left: 168px;
  background-color: transparent;
}

.fieldRadio_button
{
  display: inline;
  float: left;
  width: 23px;
}

.fieldLabelCheckbox
{
  float: left;
}

.fieldLabelRadio
{
  clear: none !important;
  display: inline !important;
  float: left;
  text-align: left;
  width: auto;
}

.fieldLabel_textArea label
{
  display: inline;
  width: auto;
  text-align: left;
  margin-left: 25px;
  margin-top: 8px;
}

.fieldLabelCheckbox label
{
  width: 190px;
  text-align: left;
}

.fieldLabel_radio label
{
}

.fieldRadio_row
{
  width: 380px;
  float: left;
  display: inline;
}

.fieldRadio_row input
{
  /*
  margin: 0px;
  padding: 0px;
  */
}

.fieldRadio_row label
{
  display: inline;
  clear: none;
  float: left;
  text-align: left;

  margin-left: 0px;

  width: 340px;
  font-weight: normal;
}

.hidden
{
  display: none;
}

.notHidden
{
  display: block;
}

.note3
{
  border: 1px solid #999999;
  background-color: #DDDDDD;
  padding: 2px;
  margin: 8px auto;
  text-align: center;
  width: 200px;
  color: #AA5500;
}

.textNote
{
  margin-left: 5px;
  margin-top: 3px;
  float: left;
  color: #770000;
}

.textAreaWarning
{
  margin-left: 50px;
  margin-right: 50px;
  width: 504px;
  color: #770000;
}

.indentNote
{
  margin: 4px 5px 12px 190px;
  width: 359px;
  color: #770000;
}

.textAreaWarning .indentNote
{
  margin: 2px 5px 0px 140px;
}

.fieldLabelSelect
{
  display: inline;
  float: left;
  width: 190px;
}

/*

this may not be needed...causing weird display in IE

.fieldLabelSelect label
{
  clear: none;
  display: inline;
}
*/

.fieldLabelSelect .textAreaWarning
{
  display: inline;
  /*
  clear: both;
  */
  clear: left;
  float: left;
  width: 180px;
  text-align: right;

  margin-right: 5px;
  margin-left: 5px;
  padding-top: 3px;
}

.reviewPage .hideOnReview, .reviewPage .textNote, .reviewPage .textAreaWarning, .reviewPage .indentNote,
.successPage .hideOnReview, .successPage .textNote, .successPage .textAreaWarning, .successPage .indentNote
{
  display: none;
}

/*
 * Messages
 */
#messages
{
  margin-top: 8px;
}

.errorsNotPresent, .errorsPresent
{
  border: 4px solid #00AA00;
  background-color: #DDFFDD;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  padding: 4px;
}

.errorsPresent
{
  border: 4px solid #DD0000;
  background-color: #FFFF77;
}

.msgImage, .msgLabel, .msgDescription
{
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.msgDescription
{
  width: 560px;
}

.msgLabel
{
  font-weight: bold;
}

.msgTitle
{
  font-weight: bold;
  font-size: 1.2em;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
}

/*
 * Buttons
 */
#reviewButton, #editButton, #submitButton
{
  width: 100px;
  float: left;
  display: inline;
}

#reviewButton, #editButton, #submitButton
{
  border: 1px solid #999999;
  background-color: #FFFFFF;
  padding: 2px 2px 2px 2px;
  margin: 0px;
  margin-bottom: 1em;
  border-bottom: 2px outset #333333;
  border-right: 2px outset #333333;
  font-weight: bold;
  color: #3333FF;
}

/* fix for IE display issue on review form -- Holly Hack */
.formElement, .fieldLabel, .fieldText
{
  height: 1%;
}