/* stylesAll4x                    */
/* OK for all browsers            */


/* background color:use tint of second color (b1)  */
body {background-color:#ffffff; margin:5px 10px;}
.navbar {background-color:#C2FAAB;}

/* body class with no margins */
.nomarginbody {margin:0px 0px 0px;}

/* Default typeface & type size spec */
TD,TH,BODY,P,A,UL,LI,UL:UL,DIV {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; }

DD {margin:4px 0px 4px 12px;}

/* All form elements (e.g. keeps text entry boxes reasonable size in Netscape) */
INPUT,TEXTAREA {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;}
SELECT {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; background-color:#f8f8f8;}
.readonly {background-color:#f8f8f8;}

/* action buttons */
A.action:link, A.action:visited, A.action:active
{text-decoration:underline;}

A.bc:link, A.bc:visited, A.bc:active
{text-decoration:underline;}

/* regular links */
/* color: a5 */
/*A {color:#2d2680; text-decoration:none;} */
A {color:black; text-decoration:none;}

/* regular links */
/* color: a5 */
/*A {color:#2d2680; text-decoration:none;} */
A:hover {color:#FF9900; text-decoration:none;}


/* underline */
.underline {text-decoration:underline;}

/* remove extra space around form objects */
FORM
{
  margin:0px; padding:0px;
}

A.HeaderNote{
  color:#800000 !important;
  text-decoration:none !important;
  font-size:9px;
}
/*A {color:#2d2680; text-decoration:none;} */
TD.HeaderNote A:hover {color:#ffffcc;}


tr.BannerHeader1 td, tr.BannerHeader1 th, .BannerHeader1 {
  color:black !important;
  text-decoration:none !important;
  font-weight:bold !important;
  font-size:18px;
}

tr.BannerHeader2 td, tr.BannerHeader2 th, .BannerHeader2 {
  color:black !important;
  text-decoration:none !important;
  font-weight:bold !important;
  font-size:14px;
}

tr.BannerHeader3 td, tr.BannerHeader3 th, .BannerHeader3 {
  color:green !important;
  text-decoration:none !important;
  font-weight:bold !important;
  font-size:12px;
}

.hometable {
  background-color:#E8E5db; 
  border-left:0px solid #999;
  border-top:0px solid #999; 
  border-right:2px solid #888;
  border-bottom:2px solid #888;
}

.rightnavtable {
  background-color:#E8E5db; 
  border-left:0px solid #76672b;
  border-top:0px solid #76672b; 
  border-right:0px solid #888;
  border-bottom:0px solid #888;
}

.leftnavtable {
  background-color:#E8E5db; 
  border-left:0px solid #888;
  border-top:0px solid #76672b; 
  border-right:0px solid #76672b;
  border-bottom:0px solid #888;
}

.maintable {
  background-color:#E8E5db; 
  border-left:1px solid #999;
  border-top:0px solid #ffffff; 
  border-right:0px solid #888;
  border-bottom:2px solid #888;
}

/* table header styles */
TH {font-weight:bold; text-align:left;}
TH A {font-weight:bold; text-decoration:none;color:black;}

/* make sure sort links in table headers are right color */

TR.footer TD A,TR.footer TD A:link,TR.footer TD A:visited {color:#6f5f20;}
TR.footer TH A,TR.footer TH A:link,TR.footer TH A:visited {color:black;}

TR.sidenav TD A,TR.sidenav TD A:link,TR.sidenav TD A:visited {color:#6f5f20;}
TR.sidenav TH A,TR.sidenav TH A:link,TR.sidenav TH A:visited {color:black;}

TR.NextPagelinkformat TD A,TR.NextPagelinkformat TD A:link,TR.NextPagelinkformat TD A:visited {color:#0f8a09;}
TR.NextPagelinkformat TH A,TR.NextPagelinkformat TH A:link,TR.NextPagelinkformat TH A:visited {color:black;}

TR.menu TD A,TR.menu TD A:link,TR.menu TD A:visited {color:#6f5f20;}
TR.menu TH A,TR.menu TH A:link,TR.menu TH A:visited {color:black;}

TR.sidenavselected TD A,TR.sidenavselected TD A:link,TR.sidenavselected TD A:visited {color:#0f8a09;}
TR.sidenavselected TH A,TR.sidenavselected TH A:link,TR.sidenavselected TH A:visited {color:black;}

TR.menuselected TD A,TR.menuselected TD A:link,TR.menuselected TD A:visited {color:#0f8a09;}
TR.menuselected TH A,TR.menuselected TH A:link,TR.menuselected TH A:visited {color:black;}

TR.footer TD A:hover {color:#0f8a09;}
TR.menu   TD A:hover {color:#0f8a09;}
TR.sidenav TD A:hover {color:#0f8a09;}





/* We will let the browser automatically left align (or right for rtl langs)
 * table cells by not stating any alignment by default.  For opposite
 * alignment cells we will use class=opposite and let the stylesheet handle
 * that.
 */
.opposite {text-align:right;}
.centered {text-align:center;}

/* data table row styles (should these colors be fixed or be customizable?) */
/* color: fixed? */
tr.headcell td, tr.headcell th, .headcell {
  border-left:1px solid #fff !important; 
  border-top:1px solid #fff !important;
  color:#394859 !important;
  background-color:#D3D3D3     !important;
  /* #BBFB9F */
  font-weight:bold !important;
  text-decoration:none !important;
}

tr.headcell2 td, tr.headcell2 th, .headcell2 {
  border-left:1px solid #fff !important; 
  border-top:1px solid #fff !important;
  color:#394859 !important;
  background-color:#F5F5F5     !important;
  /* #BBFB9F */
  font-weight:bold !important;
  text-decoration:none !important;
}

/* data table row styles (should these colors be fixed or be customizable?) */
/* color: fixed? */
tr.totalcell td, tr.totalcell th, .totalcell {
  border-left:1px solid #fff !important; 
  border-top:1px solid #fff !important;
  color:white !important;
  background-color:#087300     !important;
  /* #BBFB9F #394859 */
  font-weight:bold !important;
  text-decoration:none !important;
}

/* color: white (fixed) */
tr.oddRow td, tr.oddRow th, .oddRow {
  border-left:1px solid #ffffff;
  background-color:#fff; 
  font-weight:normal; 
  color:black; 
  text-decoration:none
}

/* color: gray (fixed?) */
tr.evenRow td, tr.evenRow th, .evenRow {
  border-left:1px solid #ffffff;
  background-color:#F5F5F5; 
  font-weight:normal; 
  color:black; 
  text-decoration:none
}

/* bold elements: used for bold button link, eg. compose message */
.boldme {font-weight:bold !important;}

.shrinkme {
	font-size:9px !important;
}


tr.subHeading td, subHeading th, .subHeading {
  border-bottom:1px solid #b4b4b4;
  background-color:#efefef;
  vertical-align:middle;
  font-weight:normal;
  color:#4b4b4b;
  text-decoration:none;
  background-image:url(/web-ct/en/img/grey_check.gif);
}

tr.subHeading2 td, subHeading2 th, .subHeading2 {
  border-bottom:1px solid #b4b4b4;
  background-color:#c6c9ca;
  vertical-align:middle;
  font-weight:normal;
  color:#4b4b4b;
  text-decoration:none;
  background-image:url(/web-ct/en/img/grey_check.gif);
}


tr.asubtop td, tr.asubtop th, .asubtop {
  background-color:#ffffff;
  vertical-align:middle;
  font-weight:normal;
  color:black;
  text-decoration:none; 
}

tr.aframetop td, tr.aframetop th, .aframetop {
  border: 1px solid #d4d4d4;
  background-color:#f6f6f6;
}
td.highlight, .highlight {
  border-left:1px solid #e4eaef;
  border-top:1px solid #e4eaef;
  background-color:#ffffcc;
  vertical-align:top;
  color:black;
  text-decoration:none;
}


/*FL REPORT*/

/*EMAIL Address*/
/* make sure sort links in table headers are right color */
TR.emailadd TD A,TR.emailadd TD A:link,TR.emailadd TD A:visited {
  color:black !important;
  font-size:9px;
}
TR.emailadd TD A:hover {color:#ffffcc;}


/*Address*/
tr.address td, tr.address th, .address {
  color:black !important;
  text-decoration:none !important;
  font-size:9px;
}

/*FOOTERS*/
tr.Footer td, tr.Footer th, .Footer {
  color:black !important;
  text-decoration:itailc !important;
  font-size:9px;
}

/*smallbody*/
tr.smallbody td, tr.smallbody th, .smallbody {
  color:black !important;
  text-decoration:itailc !important;
  font-size:10px;
}

/* TOOL TIP */
/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#dee7f7; border:1px solid #336; 
  width:250px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
}
/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 { font-size:12px; color:#336; font-style:italic }
div.tp2 { font-weight:bolder; color:#337; padding-top:4px }

/* NEW CODE FOR THE FLSI WEBSITE*/

tr.menu td, tr.menu th, .menu {
  border-left:1px solid #fff !important; 
  border-top:1px solid #fff !important;
  color:#6f5f20 !important;
  background-color:#E8E5db     !important;
  font-size:10px;
  font-weight:bold !important;
  text-decoration:none !important;
}

tr.menuselected td, tr.menuselected th, .menuselected {
  color:#0f8a09 !important;
  background-color:#E8E5db     !important;
  font-size:10px;
  font-weight:bold !important;
  text-decoration:none !important;
}

tr.footer td, tr.footer th, .footer {
  border-left:1px solid #fff !important;
  border-right:1px solid #fff !important; 
  border-top:1px solid #fff !important;
  color:#6f5f20 !important;
  background-color:#E8E5db     !important;
}
tr.sidenav td, tr.sidenav th, .sidenav {
  border-left:0px solid #fff !important; 
  border-top:0px solid #fff !important;
  color:#6f5f20 !important;
  background-color:#ffffff     !important;
  text-decoration:none !important;
}

.sidenav a:hover{
 TEXT-DECORATION: none !important;
 font-weight:bold !important;
}

tr.sidenavselected td, tr.sidenavselected th, .sidenavselected {
  border-left:0px solid #fff !important; 
  border-top:0px solid #fff !important;
  color:#0f8a09 !important;
  background-color:#ffffff     !important;
  text-decoration:none !important;
  font-weight:bold !important;
}


tr.navHeading td, tr.navHeading th, .navHeading {
  border-bottom:0px solid #b4b4b4;
  background-color:#ffffff;
  vertical-align:middle;
  font-weight:bold !important;
  color:#ffffff;
  text-decoration:none;
}

A.footerlinkformat{
  font-size:9px;
  
}

A.sidenavlinkformat{
  font-size:10px;

}

A.menulinkformat{
  font-size:10px;
}

.title{
  color:#6f5f20 !important;
  font-size:13px;
  font-weight:bold !important;
}

.boldme{
font-weight:bold !important;
}

tr.Italicme td, tr.Italicme th, .Italicme {
  text-decoration:itailc !important;
}

tr.graphheading td, tr.graphheading th, .graphheading {
  color:#6f5f20 !important;
  background-color:#E8E5db     !important;
  font-size:9px;
  font-weight:bold !important;
  text-decoration:none !important;
}

tr.graphevendata td, tr.graphevendata th, .graphevendata {
  color:#6f5f20 !important;
  font-size:9px;
  text-decoration:none !important;
}

tr.graphodddata td, tr.graphodddata th, .graphodddata {
  color:#6f5f20 !important;
  font-size:9px;
  background-color:#E8E5db     !important;
  text-decoration:none !important;
}

tr.graphtable td, tr.graphtable th, .graphtable {
  background-color:#ffffff; 
  border-left:1px solid #999;
  border-top:1px solid #999; 
  border-right:2px solid #888;
  border-bottom:2px solid #888;
}

tr.note td, tr.note th, .note {
  font-size:9px;
  text-decoration:none !important;
}

.datatable {
	text-align:justify;
}