/* ------------------------------------------------------------
 * PROJECT        : FHSC Interface Standard
 * FILENAME       : forms.css
 * ------------------------------------------------------------
 * DATE CREATED   : 07 Sep 2006
 * LAST UPDATED   : 06 May 2008
 * ------------------------------------------------------------
 * AUTHOR(S)      : Kevin Scholl (http://www.ksscholl.com/)
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 *  REDEFINE HTML TAGS FOR 2-COLUMN FORMS
 * ------------------------------------------------------------ */

fieldset {
	margin: 0;
	border: 1px solid #407BC1;
	border-bottom: 0;
	padding: 0;
  }

fieldset legend {
	margin: 0 0 0 -5px;
	background: transparent;
	padding: 0 5px;
	font: normal 11px/17px verdana,arial,helvetica,sans-serif;
	color: #666;
	vertical-align: top;
	}

fieldset p {
	margin: 10px;
	padding: 0;
	font: normal 11px/15px verdana,arial,helvetica,sans-serif;
	color: #333;
	vertical-align: top;
  }

p.moduleTitle {
	margin: 0;
	border: 0;
	background: #ECF2F9;
	padding: 10px;
	font: normal 11px/15px verdana,arial,helvetica,sans-serif;
	color: #333;
	vertical-align: top;
  }

p.moduleTitle span {
	font: bold 100% verdana,arial,helvetica,sans-serif;
	color: #000;
	text-transform: uppercase;
  }

fieldset ol {
	margin: 10px 10px 0 10px;
	border-top: 1px solid #CFDEEF;
	padding: 0 0 10px 0;
	list-style: none;
  }
fieldset ol.actionBtns {
	border-top: 1px solid #00A429;
  }
fieldset ol.actionBtns li {
	border-bottom: 1px solid #00A429;
	background: #E5F6E9;
  }
table.infoTable tr.actionBtns td {
	border-top: 1px solid #00A429;
	border-bottom: 1px solid #00A429;
	background: #E5F6E9;
  }
	
fieldset ol li {
	margin: 0;	
	border-bottom: 1px solid #CFDEEF;
	padding: 5px 0 5px 220px;
	font: normal 11px/19px verdana,arial,helvetica,sans-serif;
	color: #000;
  }
fieldset ol li.radioCheck {
	padding: 5px 0 5px 240px;
	}
fieldset ol li span.msgLevelError,
fieldset ol li span.msgLevelFatal,
fieldset ol li span.msgLevelWarn {
  display: block;
	margin: 5px 0 2px 0;
	font: bold 10px/10px verdana,arial,helvetica,sans-serif;
  }
fieldset ol li span.dollarsign {
  padding: 0 1px;
	font: bold 13px/13px "times new roman",times,serif;
	color: #00A429;
  }
fieldset ol li span.counter {
  display: block;
	color: #999;
  }
fieldset ol li span.example {
	color: #999;
  }
fieldset ol li span.leadtxt {
  display: block;
	margin: 2px 0 7px 0;
	line-height: 15px;
  }
	
fieldset ol.login {
	border-top: 0;
	}
fieldset ol.login li {
	border-bottom: 0;
	}

fieldset ol li label {
	float: left;
	margin: 0 0 0 -220px;
	background: transparent;
	padding-right: 15px;
	width: 200px;
	font: bold 11px/19px verdana,arial,helvetica,sans-serif;
	color: #000;
	text-align: right;
  }	
fieldset ol.actionBtns li label {
	margin: 2px 0 0 -220px;
	font-weight: normal;
  }	
fieldset ol li.radioCheck label {
	margin: 0 0 0 -240px;
	}
fieldset ol li label.required {
	background: transparent url(../images/icon_required.gif) right center no-repeat;
  }
fieldset ol li label.valid {
	background: transparent url(../images/icon_valid.gif) right center no-repeat;
  }

/* ------------------------------------------------------------
 * FORM FIELDS
 * ------------------------------------------------------------ */

input,
select,
textarea {
	padding: 2px 3px 1px 3px;
	font: normal 100% arial,helvetica,sans-serif;
  }
select {
	padding: 1px;
  }
input.actionBtn {
	padding: 2px 4px;
	font: bold 100% arial,helvetica,sans-serif;
	color: #333;
	text-transform: uppercase;
	letter-spacing: normal;
	vertical-align: middle;
	}
input.radioBtn,
input.checkBox {
  margin: 0 2px 0 0;
	padding: 0;
	vertical-align: text-top;
  }
li.radioCheck input.radioBtn,
li.radioCheck input.checkBox {
  margin-left: -20px;
	}
	
fieldset ol li img {
	vertical-align: top;
  }

fieldset ul {
	margin: 10px 10px 0 30px;
	padding: 0 0 10px 0;
	list-style-type: square;
	}
	
fieldset ul li {
	margin: 0;	
	padding: 0;
	font: normal 11px/15px verdana,arial,helvetica,sans-serif;
	color: #000;
	}

/* ------------------------------------------------------------
 * ERROR/FATAL/WARNING
 * ------------------------------------------------------------ */

p.msgLevelError {
	color: #C33;
  }
p.msgLevelWarn {
	color: #F93;
  }
.errorRow {
	background: #FAEAEA;
	}
.warningRow {
	background: #FFF3E5;
	}