/* ***************  FORMS  ************************ */

div.frm {
background-color: rgb(244, 244, 244) /* light gray background */
}

table.inp {
width: 100%;
}

table.inp th {
width: 30%;
vertical-align: top; /* labels are aligned to top */
text-align: right;
padding-top: 0.5em; /* helps align label with input field */
}

table.inp td {
vertical-align: bottom; /* input fields are aligned to bottom */
padding-left: 1em;
}

table.inp tr.toppad th, table.inp tr.toppad td {
border-top: solid transparent 1em; /* only way to get a consistent gap above a targeted row */
}

div.lblNote { /* floats right inside inpLabel div */
margin-top: 1em;
margin-bottom: 0.5em;
text-align: left;
width: 10.5em; /* less than inpLabel width */
float: right;
}

.LabelReq { 
font-weight: bold;
color: rgb(196, 38, 29); /*WV Red */
}
.ExplText {
font-size: 75%;
font-weight: normal;
font-style: italic;
color: rgb(0, 0, 0);
}

input { /* IE and FF do not render form elements the same... */
margin: 0;
/* padding: 3px;
border: solid black 1px; /* not actually followed, but causes similar rendering for both */
}

select {
margin: 0;
/* padding: 3px;
border: solid black 1px;*/
}

textarea {
font-size: 83%; /* otherwise FF has text too big and IE has too small*/
font-family: Helvetica, Univers, sans-serif; /* textarea uses a non-proportional font by default */
overflow: auto; /* to keep IE from always display scrollbar */
}

.SelectWide { width: 25em; /* fudge to get drop-down close to same width as input box */
}
.InputWide { width: 24em; /* IE and FF not exactly the same, inspite of input rules... */
}
.InputInter { width: 17em;
}
.InputMed { width: 10em;
}
.InputSmall { width: 5em;
}

div#MultiSubmit {
margin-top: 1.5em;
text-align: center;
}