body  {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
H2 {color:black; font-size: 1.8em}
H3 {color:black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; margin-top: 0.5em; margin-bottom: 0.5em;}
H4 {color:black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 0.5em; margin-bottom: 0.5em;}
H5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; margin-top: auto; margin-bottom: auto;}
p {font-family: verdana, geneva, sans-serif; font-size: 11px}
td {font-family: verdana, geneva, sans-serif; font-size: 0.7em; height: 22px}
th {font-family: verdana, geneva, sans-serif; font-size: 0.7em; height: 22px}
input {font-family: verdana, geneva, sans-serif; font-size: 1em}
select {font-family: verdana, geneva, sans-serif; font-size: 1em; width: 200px}
textarea {font-family: verdana, geneva, sans-serif; font-size: 1em;}

a.listSortCol { text-decoration: none; font-size: 11px;}
a.listSortCol:link { color: rgb(0, 0, 0) }  		/* for unvisited links */
a.listSortCol:visited { color: rgb(0, 0, 96) } 		/* for visited links */
a.listSortCol:active { color: rgb(0, 0, 96) } 		/* when link is clicked */
a.listSortCol:hover { color: rgb(0, 96, 0); text-decoration: underline; } 		/* when mouse is over link */

a.listRow { text-decoration: none; font-size: 0.7em;}
a.listRow:link { color: rgb(0, 0, 0) }  			/* for unvisited links */
a.listRow:visited { color: rgb(0, 0, 0) } 			/* for visited links */
a.listRow:active { color: rgb(0, 0, 96) } 			/* when link is clicked */
a.listRow:hover { color: rgb(0, 0, 96); text-decoration: underline; } 			/* when mouse is over link */

/* Left td in the form table */
td.left_area {padding-right: 5px; padding-left: 5px; color:black; font-weight:bold; background-color:#DCDCDC; white-space: nowrap; width: 140px; height: 22px}
/* Right td in the form table */
td.main_area {padding-right: 10px; padding-left: 10px; background-color:#F5F5F5;  width: 400px; height: 22px}
textarea.main_area {background-color:#F0F0F0}  /* Same background color as td.main_area */

/* Left td in the form hight filler table */
/* These are used in a table to fill out the height below the form in the main table */
td.left_area_height_filler {padding-right: 5px; padding-left: 5px; background-color:#DCDCDC; width: 140px; height: 1px}
/* Right td in the form hight filler table */
td.main_area_height_filler {padding-right: 10px; padding-left: 10px; background-color:#F5F5F5; width: 400px; height: 1px}

/* TD's in the outer table (that with 3 td's */
td.main_table {padding-right: 0px; padding-left: 0px; background-color:#F5F5F5}
td.change_trace_table {padding-right: 3px; font-size: 0.6em; white-space: nowrap; height: 18px}

td.orderFormBg {padding: 5px; background-color:#DCDCDC}
td.orderFormLbl {padding-right: 3px; padding-left: 3px;  background-color:#F5F5F5}
td.orderFormData {padding-right: 3px; padding-left: 3px;  background-color:#FFFFFF}

td.top_menu {color: #000000; 
                font-family: Verdana, Arial, Helvetica; 
                text-decoration:none; 
                font-size: 10px;
                font-weight: bold;
}

a.top_menu { text-decoration: none; font-size: 1em; }
a.top_menu:link { color: rgb(0, 0, 96) }  /* for unvisited links */
a.top_menu:visited { color: rgb(0, 0, 96) } /* for visited links */
a.top_menu:active { color: rgb(0, 0, 96) } /* when link is clicked */
a.top_menu:hover { color: rgb(0, 96, 255) } /* when mouse is over link */

a.plain { text-decoration: none; font-size: 0.7em;}
a.plain:link { color: rgb(0, 0, 96) }  /* for unvisited links */
a.plain:visited { color: rgb(0, 0, 96) } /* for visited links */
a.plain:active { color: rgb(0, 0, 96) } /* when link is clicked */
a.plain:hover { color: rgb(0, 96, 255) } /* when mouse is over link */