<!--
body {margin:0px; background:url(img/bg_top.gif) 0 -13px repeat-x #c0c0c0;border:0;font:14px Arial, Helvetica, sans-serif;color:#808080;min-width:1024px;}

ul{margin:0px; padding:0px; }
ul li { line-height:22px; vertical-align:middle;}
ul li a{color:#434b4e; padding-left:5px; font-weight:normal}

.button1 {text-decoration: none;color:white;display:inline-block;font-size:22px;padding:0 18px;background:#5f870e;height:45px;line-height:44px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;letter-spacing:0px;margin-top:-4px}
.button1 a {color:white; font-size:15px;}
.button1:hover {background:#090909;color:#fff}
.box1 {text-decoration: none;color:white;display:inline-block;font-size:15px;padding:0 18px;background:#6e9c11;line-height:25px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;letter-spacing:0px;margin-top:-8px}
.box1 p {color:white; font-size:12px;}
.box1 ul li a {text-decoration:none; color:white; line-height:35px;font-size:15px;}
.box1 a:hover {color:black;}

.main { 
   width:100%; margin:0px; 
   background-color: #c0c0c0; 
}
.main_1 {  
   width:100%; margin:0px; 
}
.main_2 
{
 background-color: #ffffff;
 width:1024px; 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
{
border: 2px solid #acdd4a; background: #6eac2c url(img/ui-bg_highlight-soft_60_6eac2c_1x100.png) 50% 50% repeat-x;
padding: 2px;
font-family: arial, Helvetica, sans-serif;
font-size: 10pt;
color: white; 
text-decoration: none; 
font-weight: bold; 
}

#idbuttonbig
{
border: 2px solid #acdd4a; background: #6eac2c url(img/ui-bg_highlight-soft_60_6eac2c_1x100.png) 50% 50% repeat-x;
padding: 2px;
font-family: arial, Arial, Helvetica, sans-serif;
font-size: 12pt;
color: white; 
text-decoration: none; 
font-weight: bold; 
}

#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: black; font-size: 10pt; color: white; text-decoration: none; vertical-align: middle; padding-bottom: 2px; padding-top: 2px;
}

#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;
}

#idmainmenumac
{
 background: #212021;  font-size: 9pt; color: white; text-decoration: none; vertical-align: middle;
}

#idmenulink
{
 font-size: 10pt; color: black; text-decoration: none; font-weight: bold;
}

#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:middle;
}

.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:middle;
   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:middle;
   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-size: 9pt; border: 1px solid #030303; background: #2f3537 url(img/ui-bg_highlight-soft_50_343833_1x100.png) 50% 50% repeat-x; color: white; font-weight: bold; text-align: left; }

.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;
}

-->