<!--
BODY
{
   background-color: #c0c0c0; 
   font-size: 9pt; font-family: arial;
   text-align:center;
   margin: 0 auto;
   margin-left:auto;
   margin-right:auto;
}

ul{margin:0px; padding:0px; list-style:none}
ul li { line-height:22px; vertical-align:middle;}
ul li a{text-decoration:none; color:#434b4e; background:url(marker_list1.gif) no-repeat 9px 4px; padding-left:26px; font-weight:normal}
ul li a:hover{ background:none; color:#3c9604}

.main { 
   width:100%; margin:0px; 
   background-color: #c0c0c0; 
}
.main_1 {  
   width:100%; margin:0px; 
}
.main_2 
{
 background-color: #ffffff;
 width:766px; margin:0px; text-align:left; color:#353A3E;
 border-width: 1px; border-style: solid; border-color: black;   
}

#idimage
{ 
 background-color: white; border-style: solid;
 border-color: #7E838F #7E838F #7E838F #7E838F;
 border-top-width: 2pt; border-right-width: 0pt;
 border-bottom-width: 2pt; border-left-width: 0pt;
} 

#idhomebox
{
 color: black; text-decoration: none;
 font-family: Arial; 
 font-size: 9pt; 
}

#idhomeboxtext
{
 color: white; text-decoration: none;
 font-family: Arial; 
 font-size: 9pt; 
}

#idHeaderText
{ 
 color: #338004;
 font-size: 15pt; font-family: arial; 
 font-weight: bold; text-decoration: none;
} 

#idSubHeaderText
{ 
 color: #338004;
 font-size: 12pt; font-family: arial; 
 font-weight: bold; text-decoration: none;
} 

#idhomeback
{
 background: black; color: white; font-size: 8pt; font-family: arial; 
 font-weight: bold; text-decoration: none;
}

#idbutton
{
font-family: arial, Helvetica, sans-serif;
font-size: 8pt;
border-color: #FFFFFF #666666 #666666 #FFFFFF;
background-color: #A3D87E; border-style: solid;
border-top-width: 0pt; border-right-width: 1pt;
border-bottom-width: 1pt; border-left-width: 0pt;
background: #A3D87E;  
color: black; 
text-decoration: none; 
font-weight: bold; 
vertical-align: middle;
}

#idbuttonbig
{
font-family: arial, Arial, Helvetica, sans-serif;
font-size: 12pt; font-weight: bold;
border-color: #FFFFFF #666666 #666666 #FFFFFF;
background-color: #A3D87E; border-style: solid;
border-top-width: 0pt; border-right-width: 1pt;
border-bottom-width: 1pt; border-left-width: 0pt;
background: #A3D87E;  
color: black; 
text-decoration: none; 
font-weight: bold; 
vertical-align: middle;
}

#idhomeboxtitle
{
 font-family: Arial;
 color: white; font-size: 10pt; text-decoration: none; font-weight: bold;
}


#idpagestitle
{
 background: #EAEAEA; color: black; font-size: 9pt; font-family: arial; font-weight: bold;
}

#idpagesmenulink
{
 font-size: 18pt; color: black; font-family: arial; 
 font-weight: bold; text-decoration: none;
}

#idmainmenu
{
 background: #575c60;  font-size: 9pt; color: white; text-decoration: none; vertical-align: middle;
}

#idmainmenuweb
{
 background: #575c60;  font-size: 9pt; color: white; text-decoration: none; vertical-align: middle;
}


#idmainmenuselected
{
 background: #212021;  font-size: 9pt; color: white; text-decoration: none; vertical-align: middle;
}

#idmainmenupc
{
 background: #212021;  font-size: 9pt; color: white; text-decoration: none; vertical-align: middle;
}

#idmenulink 
{
 background: #A3D87E;  font-size: 9pt; color: black; text-decoration: none; font-weight: bold; vertical-align: middle;
}

#idgreen
{
 background: #A3D87E; color: white; font-size: 9pt; font-family: arial;
}

.clsmenulink 
{
 background: #A3D87E;  font-size: 9pt; color: black; text-decoration: none; font-weight: bold;
}

#idmenulinksmall
{
 font-size: 7pt; color: white; text-decoration: none; font-weight: bold;
}

#idinactive
{
 background: #ADA4AE; font-size: 9pt; color: black; text-decoration: none; font-weight: bold;
}

#idinactivesmall
{
 background: #ADA4AE; font-size: 7pt; color: black; text-decoration: none; font-weight: bold;
}

#idpageinact
{
 color: #ADA4AE;
}

#idverbar 
{
 background: #8F8A81; color: white;
}

#idred
{
  font-family: arial; color: #E60520;
}

#iderror
{
  font-family: arial; 
  font-size:8pt; 
  color: #E60520;
}

#idthcenter
{
   font-family: arial; 
   color:black; 
   font-size:9pt; 
   font-weight: bold;
   background-color:#EAEAEA; 
   text-align:center;
   vertical-align:center;
}

.clsT1fShadedTable
{
   font-family: arial;
   color:black;
   font-size:9pt;
   background-color:#EAEAEA;
   text-align:left;
   vertical-align:bottom;
   border-color: gray gray gray gray;
   border-style: solid;
   border-top-width: 1pt; border-right-width: 1pt;
   border-bottom-width: 1pt; border-left-width: 1pt;
}

TD
{
 font-size: 9pt; font-family: arial;
}

P
{
 font-size: 9pt; font-family: arial;
}

A:link {font-size: 9pt; color: black;}   /* unvisited link */
A:visited {font-size: 9pt; color: black;}    /* visited links  */
A:active {font-size: 9pt; color: gray;}  /* active links   */

INPUT {font-size: 9pt; font-family:arial;}

TEXTAREA {font-size: 9pt; font-family:arial;}

SELECT {font-size: 9pt; font-family:arial;}

.clsGreenBox
{ 
 vertical-align: middle; color: black;
 background-color: white;
 border-left:dotted 4px #A3D87E; 
 border-top:dotted 4px #A3D87E;
 border-right:dotted 4px #A3D87E; 
 border-bottom:dotted 4px #A3D87E; 
} 

.clsDisplayFlat
{
  font-family:Arial, sans-serif;
  font-weight:bold;
  color:black;
  font-size:9pt;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  background-color: transparent;
  text-align: center;
}

.clsDisplayFlatRed
{
  font-family:Arial, sans-serif;
  font-weight:bold;
  color:red;
  font-size:9pt;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  background-color: transparent;
  text-align: center;
}

.clsFstiTable
{
   font-family: arial;
   color:black;
   font-size:8pt;
   background-color:white;
   border-color: gray gray gray gray;
   border-style: solid;
   border-top-width: 1pt; border-right-width: 1pt;
   border-bottom-width: 0pt; border-left-width: 0pt;
}

.clsFstiTable TH
{
   font-family: arial;
   color:black;
   font-size:8pt;
   font-weight: bold;
   background-color:#EAEAEA;
   text-align:center;
   vertical-align:center;
   border-color: gray gray gray gray;
   border-style: solid;
   border-top-width: 0pt; border-right-width: 0pt;
   border-bottom-width: 1pt; border-left-width: 1pt;
}

.clsFstiTable TD
{
   font-family: arial;
   color:black;
   font-size:8pt;
   background-color:white;
   text-align:left;
   vertical-align:center;
   border-color: gray gray gray gray;
   border-style: solid;
   border-top-width: 0pt; border-right-width: 0pt;
   border-bottom-width: 1pt; border-left-width: 1pt;
}

/* Start - Shaded Table stuff */

.clsGridTable
{
  border-top: 1pt solid gray;
  border-left: 1pt solid gray;
  border-right: 1pt solid gray;
  border-bottom: 1pt solid gray;
}

.clsGridHeader
{
   font-family: arial; 
   color:black; 
   font-size:9pt; 
   font-weight: bold;
   background-color: #EAEAEA; 
   text-align:center;
   vertical-align:bottom;
}

.clsGridHeaderMultiple
{
   font-family: arial; 
   color:black; 
   font-size:9pt; 
   font-weight: bold;
   background-color: #EAEAEA; 
   text-align:left;
   vertical-align:bottom;
   border-left: 1pt solid gray;
   border-right: 1pt solid gray;
}

.clsGridHeaderAll
{
   font-family: arial; 
   color:black; 
   font-size:9pt; 
   font-weight: bold;
   background-color: #EAEAEA; 
   text-align:center;
   vertical-align:bottom;
   border-color: gray gray gray gray;
   border-style: solid;
   border-top-width: 1pt; border-right-width: 1pt;
   border-bottom-width: 1pt; border-left-width: 1pt;
}

.clsGridLabel 
{
  font-family:Arial, sans-serif;
  color:black;
  font-size:9pt;
  font-weight: normal;
  text-align: left;
  background-color: #F5F6F6;
  border-top-color: #CFD0D1;
  border-top-style: solid;
  border-top-width: 1pt;
}

.clsGridCell
{ 
  border-top-color: #CFD0D1;
  border-top-style: solid;
  border-top-width: 1pt;
  font-family:Arial, sans-serif;
  color:black;
  font-size:9pt;
  font-weight: normal;
}

.clsGridCellRight
{ 
  border-top-color: #CFD0D1;
  border-top-style: solid;
  border-top-width: 1pt;
  border-right-color: #CFD0D1;
  border-right-style: solid;
  border-right-width: 1pt;
  font-family:Arial, sans-serif;
  color:black;
  font-size:9pt;
  font-weight: normal;
}

.clsGridCellBoth
{ 
  border-top-color: #CFD0D1;
  border-top-style: solid;
  border-top-width: 1pt;
  border-left-color: #CFD0D1;
  border-left-style: solid;
  border-left-width: 1pt;
  border-right-color: #CFD0D1;
  border-right-style: solid;
  border-right-width: 1pt;
  font-family:Arial, sans-serif;
  color:black;
  font-size:9pt;
  font-weight: normal;
}

.clsGridCellLeft
{ 
  border-top-color: #CFD0D1;
  border-top-style: solid;
  border-top-width: 1pt;
  border-left-color: #CFD0D1;
  border-left-style: solid;
  border-left-width: 1pt;
  font-family:Arial, sans-serif;
  color:black;
  font-size:9pt;
  font-weight: normal;
}

/* END - Shaded Table stuff */

/*
** This controls the attributes of the BODY portion of the title frame.
*/ 

.clsTitleBody
{
   font-family: arial;
   color:#FFFFFF;
   font-size:15pt;
   font-weight: bold;
   background-color:#336699;
}

/*
*  This controls the attributes for the BODY tag within the application. All JSP pages designate
*  the BODY tag as having this CSS class name.
*/
.clsContentsBody
{
   font-family: arial;
   font-size:10pt;
   font-weight: bold;
   background-color:#6699CC;
}

.clsContentsBody A:link    { text-decoration: none; font-weight: bold; color: #FFFFFF; }
.clsContentsBody A:active  { text-decoration: none; font-weight: bold; color: #EFEFEF; }
.clsContentsBody A:visited { text-decoration: none; font-weight: bold; color: #FFFFFF; }
.clsContentsBody A:hover   { text-decoration: none; font-weight: bold; background: #CCCCCC; }


/*
** This controls the TD within the View Record Form.
*/

.clsViewCurrentRecord .vrTableRow TD
{
   font-family: arial;
   color:black;
   font-size:8pt;
   font-weight: bold;
   background-color:#6699CC;
   text-align:left;
   vertical-align:bottom;
}


/*
** This controls the edit fields within the row edit form generated by the Edit Current Record Data Web Bean.
*/
.clsViewCurrentRecord .vrTableRow .clsFieldValue
{
   font-family: arial;
   color:black;
   font-size:8pt;
   font-weight: bold;
   background-color:white;
   text-align:left;
   vertical-align:bottom;
}

/*
** This controls the look of all table detail cells generated by the HTML generation framework.
*/

.vrTableRow TD
{
   font-family: arial; 
   color:black; 
   font-size:8pt; 
   font-weight: bold;
   background-color:white; 
   text-align:left;
   vertical-align:bottom;
}

.clsTableRow TD
{
   font-family: arial; 
   color:#000000; 
   font-size:8pt; 
   font-weight: bold;
   background-color:#FFFFFF; 
   text-align:left;
   vertical-align:bottom;
}

.clsTableRow TH
{
   font-family: arial; 
   color:black; 
   font-size:8pt; 
   font-weight: bold;
   background-color:#EAEAEA; 
   text-align:left;
   vertical-align:bottom;
}

.clsViewCurrentRecord .clsTableRow TD
{
   font-family: arial; 
   color:#FFFFFF; 
   font-size:8pt; 
   font-weight: bold;
   background-color:#6699CC; 
   text-align:right;
   vertical-align:bottom; 
}

.clsViewCurrentRecord .clsTableRow .clsFieldValue
{
   font-family: arial;
   color:black;
   font-size:8pt;
   font-weight: bold;
   background-color:white;
   text-align:left;
   vertical-align:bottom;
}


.clsTableRow A:link    { text-decoration: none; color: #336699; }
.clsTableRow A:active  { text-decoration: none; color: #EFEFEF; }
.clsTableRow A:visited { text-decoration: none; color: #336699; }
.clsTableRow A:hover   { text-decoration: none; background: #CCCCCC; }



/*
** When you enable the alternating colors feature for the HTML Table Control, this class controls the attributes of the odd row.
*/

.clsOddTableRow TD
{
   font-family: arial; 
   color:black; 
   font-size:8pt; 
   font-weight: bold;
   background-color:white; 
   text-align:left;
   vertical-align:bottom;
}

/*
** When you enable the alternating colors feature for the HTML Table Control, this class controls the attributes of the even row.
*/

.clsEvenTableRow TD
{
   font-family: arial; 
   color:black; 
   font-size:8pt; 
   font-weight: bold;
   background-color:#EDEDED; 
   text-align:left;
   vertical-align:bottom;
}

/*
** This class controls the attributes of the current row.
*/

.clsCurrentTableRow TD
{
   font-family: arial; 
   font-size:8pt; 
   font-weight: bold;
   background:cyan; 
   text-align:left;
   vertical-align:bottom;
}

.clsCurrentTableRow A:link    { text-decoration: none; color: #336699; }
.clsCurrentTableRow A:active  { text-decoration: none; color: #EFEFEF; }
.clsCurrentTableRow A:visited { text-decoration: none; color: #336699; }
.clsCurrentTableRow A:hover   { text-decoration: none; background: #CCCCCC; }

/*
** Controls attributes of all table headers generated by the HTML generation framework.
*/

.vrTableHeader
{
   font-family: arial; 
   color:#FFFFFF; 
   font-size:8pt; 
   font-weight: bold;
   background-color:#6699CC; 
   text-align:left;
   vertical-align:bottom; 
}

.clsTableHeader
{
   font-family: arial; 
   color:black; 
   font-size:8pt; 
   font-weight: bold;
   background-color:#EAEAEA; 
   text-align:left;
   vertical-align:bottom; 
}

.clsToolBarButton
{
   font-family:Arial, Helvetica, Geneva, sans-serif; 
   color:#EFEFEF;
   font-size:13PT;
   font-weight:bold;
   background-color:#CCCCCC;
}
.clsToolBarButton A:link    { text-decoration: none; color: #336699; }
.clsToolBarButton A:active  { text-decoration: none; color: white; }
.clsToolBarButton A:visited { text-decoration: none; color: #336699; }
.clsToolBarButton A:hover   { text-decoration: none; color: white; }

.clsScroller
{
   font-family:Arial, Helvetica, Geneva, sans-serif; 
   color:#000000;
   font-size:8PT;
}

.clsScroller A:link    { text-decoration: none; color: #E60520; }
.clsScroller A:active  { text-decoration: none; color: #E60520; }
.clsScroller A:visited { text-decoration: none; color: #E60520; }
.clsScroller A:hover   { text-decoration: none; color: white; background: #E60520; }

.clsScroller .clsScrollerPager
{
   color:#6699CC;
   background-color:white;
}

/*
** controls the panel that contains the rounded corder table control. Please look at the HTML Table Control for more information.
*/

.PANEL, clsTable
{
   background-color:#EFEFEF 
}

/*
** These are reserved for future use
*/

.COLOR1 {
	background-color: #000000 }
.COLOR2 {
	background-color: #003366 }
.COLOR3 {
	background-color: #336699 }
.COLOR4 {
	background-color: #6699cc }
.COLOR5 {
	background-color: #99ccff }
.COLOR6 {
	background-color: #ffffff }
.COLORG2 {
	background-color: #333333 }
.COLORG3 {
	background-color: #666666 }
.COLORG4 {
	background-color: #999999 }
.COLORG5 {
	background-color: #cccccc }
.APPSWINDOW {
	background-color:#336699; }
.BISWINDOW {
	background-color:#FFFFFF }
.PRINTWINDOW {
	background-color:#FFFFFF }
.HOMEWINDOW {
	background-color:#FFFFFF }
.HIGHLIGHT {
	background-color:#FFFFFF }
.SHADOW {
	background-color:666666 }
.DARKSHADOW {
	background-color:333333 }

.CalendarTitle 
{
   font-family:Arial, Helvetica, Geneva, sans-serif;
   font-size:11pt;
   text-align:center;
   background-color:#cccccc;
   color:#336699;
}

.CalendarHeader
{  
   font-family:Arial, Helvetica, Geneva, sans-serif;
   font-size:8pt;
   font-weight:bold;
   text-align:center;
   padding:2pt;
   background-color:#6699CC;
   color:#FFFFFF;
}
.CalendarEnabled
{  
   font-family:Arial, Helvetica, Geneva, sans-serif;
   font-size:8pt;
   text-align:center;
   background-color:white;
   color:black;
   padding:2pt;
   line-height:1.5;   
   text-decoration:none;
}
.CalendarDisabled
{  
   font-family:Arial, Helvetica, Geneva, sans-serif;
   font-size:8pt;
   text-align:center;
   background-color:white;
   color:#999999;
   padding:2pt;
   line-height:1.5;
   text-decoration:none;
}
.CalendarSelected
{  
   font-family:Arial, Helvetica, Geneva, sans-serif;
   font-size:8pt;
   text-align:center;
   background-color:#336699;
   color:white;
   line-height:1.5;
   padding:2pt;
}

-->