/* CSS Document */
/* overwritten element tags */
body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; background-color:#ffffff; background-image:url(../images/bgPattern.jpg); background-position:center; background-repeat:repeat-y; margin-top:0px}
h1{ font-size:24px; padding:8px 4px 0px 4px; color: #FF6600}
h2{ font-size:20px; padding:8px 4px 0px 4px; color: #FF6600}
h3{ font-size:18px; padding:8px 4px 0px 4px; color: #FF6600}
h4{ font-size:16px; padding:8px 4px 0px 4px; color: #FF6600}
h5{ font-size:11px; padding:8px 4px 0px 4px; color: #FF6600}
h6{ font-size:9px; padding:8px 4px 0px 4px; color: #FF6600}
th{ text-align:left;}
a{color:#660000; font-size:12px; text-decoration:none; font-weight:300}

/* custom styles for text  all custom for static update are denoted by an underscore */
._black_1{ font-size:9px; color:#000000}
._black_2{ font-size:11px; color:#000000}
._black_3{ font-size:13px; color:#000000}
._black_4{ font-size:15px; color:#000000}
._black_5{ font-size:17px; color:#000000}

._blue_1{ font-size:9px; color:#0033FF}
._blue_2{ font-size:11px; color:#0033FF}
._blue_3{ font-size:13px; color:#0033FF}
._blue_4{ font-size:15px; color:#0033FF}
._blue_5{ font-size:17px; color:#0033FF}

._red_1{ font-size:9px; color:#CC0000}
._red_2{ font-size:11px; color:#CC0000}
._red_3{ font-size:13px; color:#CC0000}
._red_4{ font-size:15px; color:#CC0000}
._red_5{ font-size:17px; color:#CC0000}

._maroon_1{ font-size:9px; color:#800000}
._maroon_2{ font-size:11px; color:#800000}
._maroon_3{ font-size:13px; color:#800000}
._maroon_4{ font-size:15px; color:#800000}
._maroon_5{ font-size:17px; color:#800000}

._green_1{ font-size:9px; color:#00CC00}
._green_2{ font-size:11px; color:#00CC00}
._green_3{ font-size:13px; color:#00CC00}
._green_4{ font-size:15px; color:#00CC00}
._green_5{ font-size:17px; color:#00CC00}

._pink_1{ font-size:9px; color:#FF99CC}
._pink_2{ font-size:11px; color:#FF99CC}
._pink_3{ font-size:13px; color:#FF99CC}
._pink_4{ font-size:15px; color:#FF99CC}
._pink_5{ font-size:17px; color:#FF99CC}

._purple_1{ font-size:9px; color:#993366}
._purple_2{ font-size:11px; color:#993366}

._yellow_2{ font-size:11px; color:#FFCC00}

._subHeading_1 {font-size:9px; color:#CC6633; font-weight:600;}
._subHeading_2 {font-size:11px; color:#CC6633; font-weight:600;}
._subHeading_3 {font-size:12px; color:#CC6633; font-weight:600;}
._subHeading_4 {font-size:16px; color:#CC6633; font-weight:600;}


/* general layout styles */
table.main{ padding:0px 0px 0px 0px; width:976px; border-width:0px;}
.scrollable{OVERFLOW:auto; WIDTH: 100%; max-HEIGHT: 200px}
.accentBox{background-color:#438DCD;    filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; border:1px solid #000000; padding:2px 2px 2px 2px; color:#FFFFFF; font-weight:300; font-size:12px}
.accentBoxLoginBox{background-color:#438DCD;    filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; border:1px solid #000000; padding:0px 0px 0px 0px; color:#FFFFFF; font-weight:300; font-size:12px}
td.whiteCell{ background-color:#daebf3; width:848px;
border:1px solid #000000; color:#000000; height:450px; vertical-align:top; padding:2px 2px 2px 2px; vertical-align:top} 

/* left navigation changes */
td.navCell{color:#FFFFFF; vertical-align:top; color:#000000; font-weight:300; width:120px;  height:600px;}
td.navCell4Flash{color:#FFFFFF; vertical-align:top; color:#000000; font-weight:300; width:120px;  height:200px;}
td.navCell a{ padding-left:4px; padding-right:4px; color:#000000; padding-top:2px; padding-bottom:2px; padding-right:0px; font-size:8pt}
td.navCell4Flash a{ padding-left:4px; padding-right:4px; color:#000000; padding-top:2px; padding-bottom:2px; padding-right:0px; font-size:8pt}

.leftNavTitles{ padding-left:4px; padding-right:4px; color:#FFFFFF; padding-top:2px; padding-bottom:2px; padding-right:0px; font-size:10px}
/*a.leftNavTitles{ padding-left:4px; padding-right:4px; color:#FFFFFF; padding-top:2px; padding-bottom:2px; padding-right:0px; font-size:10px}*/

td.totalsDiv{ text-align:right }


/* topnav cell and link styles */
td.topBannerCell{color:#FFFFFF; vertical-align:top; color:#FF9900; font-weight:600; height:120px}
/*td.topNavCell a{text-decoration:none; color:#FFFFFF; }*/
td.topNavCell a:hover{text-decoration:none; color:#FF9900}
td.topNavCell{height:20px; background-color:#438DCD; border:1px solid #000000; padding:2px 2px 2px 2px; color:#FFFFFF; font-weight:300; vertical-align:middle; }

/* footer cell and link styles */
td.footerCell{color:#FFFFFF; vertical-align:top; color:#FF9900; font-weight:300; height:25px}
td.footerCell a{text-decoration:none; color:#000000; font-size:10px}
td.footerCell a:hover{text-decoration:none; color:#660000; font-size:10px}

img.imgBorder{border:1px solid #000000;}
.imgBorder{border:1px solid #000000;}

/* inputs - aka buttons textboxes etc */
.smTxtBox{ font-size:10px;}
.smButton{font-size:10px;}
.subHeading {color:#CC6633; font-weight:600;}
.accentText {color:#CC6633; }


/* unordered lists */
ul{ list-style-image:url(../images/bulletImgBbg.jpg); }

/* gridview styles in main/white cell area background-color:#e0d9ca;*/
td.whiteCell .grdRow {background-color:#FFFFFF; border:1px solid #cccccc; padding:3px 2px 3px 2px; }
td.whiteCell .grdRowAlt {background-color: #FFFFFF; border:1px solid #cccccc; padding:3px 2px 3px 2px; }
td.whiteCell .grdRowHdr {background-color: #82aacc; color:#000000; font-weight:600; border:1px solid #cccccc; padding:3px 2px 3px 2px; }
td.whiteCell .grdRowHdrR {background-color: #82aacc; color:#000000; font-weight:600; border:1px solid #cccccc; padding:3px 2px 3px 2px; text-align:right }
td.whiteCell .grdRowHdrDetailR {text-align:right }

/* gridview styles everywhere else */
td .grdRow{background-color: #eee3b5; color:#333300; border:1px solid #7d6a1c; padding:3px 2px 3px 2px; font-size:8pt}
td .grdRowAlt {background-color: #FFF8DC; color:#333300; border:1px solid #7d6a1c; padding:3px 2px 3px 2px; font-size:8pt}
td .grdRowHdr {background-color: #82aacc; color:#ffffff; font-weight:600; border:1px solid #7d6a1c; padding:3px 2px 3px 2px; font-size:8pt}

/* acct summary cells  e4e8e9 d2dee1 */
 td.acctSummary{background-color: #cbdbe8; color:#000000; border:1px solid #555555; padding:3px 2px 3px 2px; }
 table.acctSummary{background-color: #82aacc; border:1px solid #555555; }

/* navigation */
.topNavTitles{ padding-left:4px; padding-right:4px; color:#ffffff;}
.topNavDropDown{ z-index:999;  }
.topNavDropDownTitles{text-align:left; border:1px solid #316796; padding:4px 4px 4px 4px; background-color:#E6F0F5;  filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;  }
.footerTitles{ padding-left:4px; padding-right:4px; font-size:8px; color:#FFFFFF}
.pagerText{font-weight:600; color:Maroon}

/* links */
td.whiteCell a{ color:#FF6600; text-decoration:underline;}
td.greyCell a{ color:#ffffff;}
.accentBox a{color:#FFFFFF;}

.logoutBtn{ padding-left:8px; padding-right:4px; color:#000000; padding-top:2px; padding-bottom:2px}

/* Calender Extender Styles */
.Calendar .ajax__calendar_container {background-color: #739fc4; color:#000000; border: solid 1px #cccccc; margin: 0px 0px 0px 0px; padding: 4px 1px 0px 1px;}
.Calendar .ajax__calendar_header {background-color: #739fc4; color:#000000; border: 0px none; font-weight:600; vertical-align: middle; margin-top: 6px; padding: 0px 0px 0px 0px;}
.Calendar .ajax__calendar_footer {display: none;}
.Calendar .ajax__calendar_days div {margin: 0px 0px 0px 0px; text-align: center; vertical-align:top; padding: 0px 2px 0px 3px;}
.Calendar .ajax__calendar_days {padding:  0px 0px 0px 0px; text-align: center;}
.Calendar .ajax__calendar_days table {border-collapse: collapse; border-left: solid 1px #cccccc;  border-top: solid 1px #cccccc; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.Calendar .ajax__calendar_dayname {background-color: #739fc4; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; color:#000000; text-align: center;}
.Calendar .ajax__calendar_year, .Calendar .ajax__calendar_month, .Calendar .ajax__calendar_day {background-color: white; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; color: #000000; margin: 1px 0px 1px 0px;}
.Calendar .ajax__calendar_other .ajax__calendar_day, .Calendar .ajax__calendar_other .ajax__calendar_year {background-color: #d2dee1;}
.Calendar .ajax__calendar_hover .ajax__calendar_day, .Calendar .ajax__calendar_hover .ajax__calendar_month, .Calendar .ajax__calendar_hover .ajax__calendar_year {background-color: #afc6de; font-weight: bold; color: black;}
.Calendar .ajax__calendar_active .ajax__calendar_day, .Calendar .ajax__calendar_active .ajax__calendar_month, .Calendar .ajax__calendar_active .ajax__calendar_year {background-color: #ffffff; color: #000000; font-weight: 600;}


/* Calendar Control */
.cal {background-color:#ffffff; color: #000000; border:solid 1px #bbbbbb; text-align: left;}
.calDay {width:75px; height:50px; text-decoration:underline; border:1px solid #cccccc; text-align:left; vertical-align:top}
.calDaySm {text-decoration:underline; border:1px solid #cccccc; text-align:left; vertical-align:top}
.calDayHdr {background-color:#438DCD; border:solid 1px #bbbbbb; color:#ffffff;}
.calTitleHdr {background-color:#438DCD; color:#ffffff; text-decoration:none; height:20px; font-size:14px; font-weight:600}
.calTitleHdr tr td a {text-decoration: none;}
.calTitleHdrSm {background-color:#438DCD; border: none 0px; color:#ffffff; text-decoration:none; font-weight:600 }
.calTitleHdrSm tr td a {text-decoration: none;}
.calDayOther {background-color: #eeeeee; width:75px; height:50px; border:1px solid #cccccc; text-align:left; vertical-align:top}
.calDayOtherSm {background-color: #eeeeee; border:1px solid #cccccc; text-align:left; vertical-align:top}
.hide {display:none;}
td.whiteCell a.closeBtn {color: #ffffff; border: solid 1px #ffffff; display: inline-block; font-weight: 600; padding: 2px 2px 2px 2px; text-decoration:none;}
td.whiteCell a.calLink {display: inline-block; font-size:10px; margin: 4px 0px 0px 2px;}