/* body setup.  not sure what the other crap is about */
body {
	background:#fff;
	margin:0;
	padding:0;
	color:#000;
	font:x-small/1.5em Verdana;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:small;
} html>body {font-size:small;}

FORM
{	MARGIN: 0PX;
}


IMG.sorted
{	VERTICAL-ALIGN:bottom;
	MARGIN-LEFT:2px;
}
TD.data
{	VERTICAL-ALIGN: top;
	TEXT-ALIGN: left;
	FONT: 9pt Verdana,Arial;
	FONT-WEIGHT: bold;
}
TR.fields
{	FONT-FAMILY: Verdana;
	FONT-SIZE: 7pt;
	BACKGROUND-COLOR: #BBBBBB;
	COLOR: black
}
TD.label
{	VERTICAL-ALIGN: top;
	TEXT-ALIGN: right;
	FONT: 7pt Verdana,Arial;
}
TD.header
{	FONT-FAMILY: Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	COLOR: white;
	BACKGROUND-COLOR: #336699;
}

TD.clsTab
{	FONT-FAMILY: verdana;
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none;
	HEIGHT: 23px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	WIDTH: 10%;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #BBBBAF;
	BORDER-LEFT: #ffffff 1px solid;
	BORDER-RIGHT: #BBBBAF 1px solid;
	BORDER-BOTTOM: #DBDBBF 2px inset;
	CURSOR: pointer;
}
TD.TabShow
{	FONT-FAMILY: verdana;
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none;
	HEIGHT: 23px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	WIDTH: 10%;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	FONT-WEIGHT: bold;
	COLOR: #336699;
	BACKGROUND-COLOR: #DBDBBF;
	BORDER-LEFT: #DBDBBF 2px outset;
	BORDER-RIGHT: #DBDBBF 2px outset;
	BORDER-TOP: #DBDBBF 2px outset;
	CURSOR: pointer;
}
TD.TabHide
{	FONT-FAMILY: verdana;
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none;
	HEIGHT: 23px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	WIDTH: 10%;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	CURSOR: default;
	BORDER-BOTTOM: #DBDBBF 2px inset;
}
TD.tabPanelOptionStrip
{	background-color: #EBEBCF;
	border-left:#DBDBBF 2px outset;
	border-right:#DBDBBF 2px outset;
	FONT-SIZE: 8pt;
}

DIV.tabPanelOptionStrip
{	background-color: #EBEBCF;
	margin: 0px;
	padding: 4px;
	font-family: verdana;
	font-size: 7pt;
	color: #9B9B7F;
	text-align: right;
}
DIV.tabPanelOptionStrip A
{	color: #7B7B5F;
}
TD.tabPanel
{	BORDER-LEFT: #DBDBBF 2px outset;
	BORDER-RIGHT: #DBDBBF 2px outset;
	BORDER-BOTTOM: #DBDBBF 2px outset;
	PADDING: 0px;
}

TABLE.panelList
{	MARGIN: 0px;
	WIDTH: 100%;

}
TH.panelList
{	FONT-FAMILY: verdana;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	BORDER: 1px solid #DBDBBF;
	BACKGROUND-COLOR: #DBE1D3;
	PADDING-BOTTOM: 2px;
	COLOR: #000000;
	VERTICAL-ALIGN: bottom;
}

/** a panelist that sorts the data.  same as panel list, but displays the hand cursor, and the sort icon is off
*/
TH.panelList_sort_off
{	FONT-FAMILY: verdana;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	BORDER: 1px solid #DBDBBF;
	BACKGROUND-COLOR: #DBE1D3;
	PADDING-BOTTOM: 2px;
	PADDING-RIGHT: 15px;
	COLOR: #000000;
	VERTICAL-ALIGN: bottom;
	cursor : pointer;
	background-image:url("/images/sort_off.gif");
	background-repeat: no-repeat;
	background-position: right center;
}

/** a panelist that sorts the data.  same as panel list, but displays the hand cursor, and the sort icon is on
*/
TH.panelList_sort_on
{	FONT-FAMILY: verdana;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	BORDER: 1px solid #DBDBBF;
	BACKGROUND-COLOR: #DBE1D3;
	PADDING-BOTTOM: 2px;
	PADDING-RIGHT: 15px;
	COLOR: #000000;
	VERTICAL-ALIGN: bottom;
	cursor:pointer;
	background-image:url("/images/sort_on.gif");
	background-repeat: no-repeat;
	background-position: right center;
}

TH.tabList
{  	FONT-FAMILY: verdana;
	FONT-SIZE: 7pt;
	FONT-WEIGHT: normal;	
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: right;
	BACKGROUND-COLOR: #DBE1D3;
}

TD.panelList
{	PADDING: 2px;
	FONT-SIZE: 8pt;
}
TH.panelListHeader
{	BACKGROUND-COLOR:#AAAAAA;
	COLOR:#FFFFFF;
	PADDING: 2px;
	FONT-SIZE: 8pt;
	FONT-WEIGHT:bold;
}

TD.tabList
{  	FONT-FAMILY: verdana;
	FONT-SIZE: 7pt;
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: left;
}

TD.tabListRight
{  	FONT-FAMILY: verdana;
	FONT-SIZE: 7pt;
	VERTICAL-ALIGN: top;
	text-align: right;
}

TD.tl
{  	FONT-SIZE: 7pt;
	VERTICAL-ALIGN: top;
	TEXT-ALIGN : right;
}

IMG.clsMoreImg
{
	MARGIN-TOP: 5px
}


TR
{	FONT: 9pt Verdana;
}

TR.shaded
{	BACKGROUND-COLOR: #DDDDDD;
}

A
{	color: #336699;
}

A.left
{	text-decoration: none;
}
A:hover
{	text-decoration: underline;
}

A.srchForm
{	color: #ffffff;
}

A.srchForm:visited
{	color: #ffffff;
}

A.location
{	font-family:verdana;
	font-size:7pt;
	color:#006699;
}
IMG.clsImgButton
{
	CURSOR: pointer;
	MARGIN-TOP: 2px
}

.clsTocHead
{	FONT: 10pt verdana;
	COLOR: #003399;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: bold;
}

DIV.clsTocHead DIV
{
	FONT-FAMILY: Verdana;
	FONT-SIZE: 10pt;
	TEXT-TRANSFORM: uppercase
}
A.clsTocHead
{	Text-decoration: none;
}
DIV.clsTocItem A
{	COLOR: #336699;
	FONT: 8pt Verdana;
	text-decoration: none;
	PADDING-TOP: 10px;
}
DIV.clsTocItem DIV
{	padding-top: 3pt;
}

DIV.recent
{	font-family: Verdana;
	font-size: 7.5pt;
}

DIV.err
{	border: 1px solid black;
	margin-top: 10px;
	margin-left: 160px;
	margin-bottom:10px;
	margin-right:10px;
	padding: 5px;
	background-color: #dddddd;
	color:#990000;
	font:10pt verdana;
	font-weight:bold;
}
SPAN.err
{	color:#990000;
	font:10pt verdana;
	font-weight:bold;
}

TD.btmTabShow
{	FONT-FAMILY: verdana;
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none;
	HEIGHT: 23px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	WIDTH: 10%;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	FONT-WEIGHT: normal;
	COLOR: #336699;
	BACKGROUND-COLOR: #DBDBBF;
	BORDER-LEFT: #DBDBBF 2px outset;
	BORDER-RIGHT: #DBDBBF 2px outset;
	BORDER-BOTTOM: #DBDBBF 2px outset;
	CURSOR: pointer;
}

TD.btmClsTab
{	FONT-FAMILY: verdana;
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none;
	HEIGHT: 23px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	WIDTH: 10%;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #BBBBAF;
	BORDER-LEFT: #ffffff 1px solid;
	BORDER-RIGHT: #BBBBAF 1px solid;
	BORDER-TOP: #DBDBBF 2px inset;
	CURSOR: pointer;
}

TD.btmTabHide
{	FONT-FAMILY: verdana;
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none;
	HEIGHT: 23px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	WIDTH: 10%;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	CURSOR: default;
	BORDER-TOP: #DBDBBF 2px inset;
}

/* START - these are styles for the help/faq boxes, part of help taglib */
.helpBox {
	width 			: 99%;
	border			: 2px solid #DDDDDD;
	background-color	: #F5F5F5;
	margin-bottom		: 10px;
}
.helpButton {
	width			: 20px;
	text-align 		: center;
	vertical-align		: bottom;
}
.helpTitle {
	font-size		: 9pt;
}
.helpText {
	padding-left		: 10px;
	font-size		: 8pt;
	border-top		: 1px dotted;
	background-color	: #FFFFEF;
}
/* END - these are styles for the help/faq boxes, part of help taglib */

/* START - these are the styles for the filter setup - this is the input textbox and the paging numbers */
div.clsFilters,  div.clsFilters * {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.clsFilters input.clsButton {
	background-color: #D0D0D0;
	color: #102132;
}
/* END - these are the styles for the filter setup  */

/* just a generic button style */
input.clsBtn {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #D0D0D0;
	color: #102132;
	margin-left: 12px;
	margin-top: 3px;
	margin-bottom: 2px;
}
input.clsBtn[disabled]{
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #D0D0D0;
	color: #FFFFFF;
	margin-left: 12px;
	margin-top: 3px;
	margin-bottom: 2px;
}

/* box coding */
/* overall box outline */
div.clsBox {
	border: outset 2px black;
}

/* box caption/header */
div.clsBox div[caption=true] {
	padding: 2px;
	background-color: #7288AC;
	color:white;
    font: normal bold 10pt Verdana, Tahoma, Serif;
}

/** content - to left of dashboard - always exists */
div.clsBox table td[content=true] {
	border-right:1px solid black;
	vertical-align:top;
}

/** content of box - this is the display box */
div.clsBox div[content=true] {
	padding: 5px;
	background-color:white;
    font: normal bold 12pt Verdana, Tahoma, Serif;
}

/** dashboard withing the box - if it exists */
div.clsBox table td[dashboard=true] {
	border-right:1px solid black;
	padding:5px;
	background-color: #E9E7D7;
	vertical-align:top;
}

/** START - links inside dashboard */
div.clsBox table td[dashboard=true] * {
	font: normal 8pt Verdana, Tahoma, Serif;
}

div.clsBox table td[dashboard=true] div {
	padding: 2px;
	width:100%;
}
div.clsBox table td[dashboard=true] div[hl]:hover {
	background-color: Grey;
}
div.clsBox table td[dashboard=true] a:link    {
	color: DarkSlateGray; 
	text-decoration: none;
}
div.clsBox table td[dashboard=true] a:visited {
	color: DarkSlateGray; 
	text-decoration: none;
}
div.clsBox table td[dashboard=true] a:active  {
	color: black; 
	text-decoration: none;
}
div.clsBox table td[dashboard=true] a:hover   {
	color: black;
	text-decoration: none;
}
/** END - links inside dashboard */

/** "info" content - this is displayed text w/in a div that shound't contain anythihg else */
div.info {
	font-family: Verdana;
	font-size: 8pt;
	color: black;
	background-color: #FEE8D6;
	border:2px solid #8B7765;
	padding:5px;
}

/** "error" content - this is displayed text w/in a div that shound't contain anythihg else */
div.error {
	font-family: Verdana;
	font-size: 8pt;
	color: black;
	background-color: #FFFFCC;
	border:2px solid RED;
	padding:5px;
}