/* 
Do a "FIND" and "REPLACE ALL" with each term below.  The "term" is the text before the " - " and description.

BaseText1 - First base color (eg. "blue").  This is the color you will want to use for the banner.
BaseValue1 - RGB value of Basetext1 (eg. "0000ff"). 
ltbv1 - light RGB value of BaseValue1 (eg. "0000ee"). Used as the background color of container1.

BaseText2 - Second base color (eg. "red").  This will be the color you want to use for hovering and also is the color of your inactive tabs. 
BaseValue2 - RGB value of Basetext2 (eg. "ff0000"). 
ltbv2 - Light RGB value of BaseValue2 (eg. "ee0000"). Used as the background color of container2.

BaseText3 - Third base color (eg. "green").  This is the color you will use for the footer. 
BaseValue3 - RGB value of Basetext3 (eg. "00ff00").
ltbv3 - Light RGB value of BaseValue3 (eg. "00ee00"). Used as the background color of container3.

BaseText4  - Fourth base color (eg. "grey").  This is the color you will use for the background behind the tabs and in the right pane. This should be the lightest of your base colors.
BaseValue4 - RGB value of basetext4 (eg. "999999")
ltbv4 - Light RGB value of BaseValue4 (eg. "eeeeee". Used in container and text box 4.

SiteBckgrnd - Background color of website page behind ALL content.

ThemeName - this will be the name of the theme folder that will have the tabs images in it (eg. "autumn/tabmenu.jpg"). 
*/

html, body {margin-top:0px; background-image: URL('wintergreen/bckgrnd.jpg'); background-attachment:fixed} /* Background of entire site */
table.wrapper{border-top: 1px solid #E1E3E7; border-right:solid 1px #E1E3E7;border-left:solid 1px #E1E3E7;background:#E1E3E7} /* Background controls the entire BaseValue1 section, including the area of the tabs.   The background color will also show in the bottom above the footer.*/

/* Header || Banner */
.header{border-bottom:solid 2px #FDF5DE;background:#51944F} /* Background controls the background area of the banner.*/
.logo {color:#fff}
.title {color:#fff}
.description {color:#fff}

/* Site Search */
#search {color:#003366}
#search a:link {color:#fff}
#dnn_dnnSEARCH_txtSearch{background:#fff;}
.searchCmd {background: url('images/go_blue.gif') no-repeat}

/* Root Menu */
.rootMenu_Item .rootMenu_Icon {background:#fff;text-decoration:none}
.rootMenu_Item {color:#fff;text-decoration:none} 
.rootMenu_ItemHover {color:#003366;xborder-bottom: solid 1px #ff0000; xborder-top:solid 2px #FDF5DE; text-decoration:none}
.rootMenu_SubMenu{background:#E1E3E7; border-right: solid 1px #FDF5DE; border-bottom: solid 1px #FDF5DE; border-left: solid 1px #FDF5DE}
.rootMenu_SubItemHover .rootMenu_Icon {}
.rootMenu_SubMenu .rootMenu_Item {color:#000;background:transparent}
.rootMenu_SubItemHover {color:#000;background:#FDF5DE}
.rootMenu_Separator {background:transparent}

/* Bottom Root Menu */
.rootMenu_bot_Item .rootMenu_bot_Icon {background:#fff;text-decoration:none}
.rootMenu_bot_Item {color:#fff;text-decoration:none} 
.rootMenu_bot_ItemHover {color:#003366;text-decoration:none}
.rootMenu_bot_SubMenu{background:#567C8E; border-right: solid 1px #FDF5DE; border-bottom: solid 1px #FDF5DE; border-left: solid 1px #FDF5DE}
.rootMenu_bot_SubItemHover .rootMenu_bot_Icon {}
.rootMenu_bot_SubMenu .rootMenu_bot_Item {color:#000;background:#FDF5DE}
.rootMenu_bot_SubItemHover {color:#000;background:#51944F}
.rootMenu_bot_Separator {background:transparent}

.MainMenu_MenuBreak {background:transparent;color:#fff}

/* Content Area */
.contentwrapper{background:#fff}
.contentpane {background:#fff} /*Background controls color of entire content area */
.pagetitle {}
.toppane {}
.leftpanewrapper {}
.innerpane {background:#fff}
.rightpane {background: #E1E3E7;border-left:solid 1px #E1E3E7}
.bottompane {}

/* TAB MENU */
.tabMenu_Item TD {}
.tabMenu_Item TD DIV {color:#fff;background-image:url("wintergreen/tabmenu.jpg"); background-position:0px 0px}
.tabMenu_Item TD DIV DIV{color:#fff;background-image:url("wintergreen/tabmenu.jpg"); background-position:100% 0px}
.tabMenu_ItemHover TD, .tabMenu_ItemActive TD {color:#fff}
.tabMenu_ItemHover TD DIV, .tabMenu_ItemActive TD DIV {color:#003366;background-image:url("wintergreen/tabmenu.jpg"); background-position:0px -105px}
.tabMenu_ItemHover TD DIV DIV, .tabMenu_ItemActive TD DIV DIV {color:#009966;background-image:url("wintergreen/tabmenu.jpg"); background-position:100% -105px}
div.menubreak{background:#fff} /* This is the area below the tabs */

/* Sub Menu - Left Pane */
.subMenu_Container {background:#fff;border-right:solid 1px #E1E3E7}
.subMenu_Item TD {color:#003366;background:#fff}
.subMenu_ItemHover TD, .subMenu_ItemActive TD {color:#E1E3E7; background:#009966}
.subMenu_SubMenu , .subMenu_SubItemActive{background:#E1E3E7}

.subMenu_SubMenu {border:solid 2px #ccc; color:#000; background:#ccc}
.subMenu_SubMenu .subMenu_Item {color:#000;background:#ccc}
.subMenu_SubMenu .subMenu_ItemHover {color:#000;background:#ccc}

/* Collection Cart */
.checkout {}
.checkout .lftpanel .section {color:#E1E3E7} /*Controls font of "Pay With" and "Total Amount" labels. */
.checkout .lftpanel .body ul li.selected {color:#000} /*Controls attributes of selected area */
.checkout .lftpanel div.title {} /* Visibility is set in skin.css */
.checkout .lftpanel {color:#E1E3E7;background:#003366} /*Controls font and background of the collection cart w/ exception to the "Pay With" and "Total Amount" labels. */
.checkout .rgtpanel {}
.checkout .rgtpanel label {}
.checkout .rgtpanel div.title {color:#000}

.receiptbody .listheader td {background:#003366;color:#E1E3E7;font-weight:bold}
.receiptheader td {}
.receiptheader .label {}
.receiptbody {}
.receiptbody td {}
.receiptbody .subtotal {}
.receiptbody .convfee {}
.receiptbody .transtotal {}

/* Refunds */
.refund {}
.refund .lftpanel .section {color:#E1E3E7}
.refund .lftpanel .body ul li.selected {color:#000}
.refund .lftpanel div.title {}
.refund .lftpanel {color:#E1E3E7;background:#003366}
.refund .rgtpanel {}
.refund .rgtpanel label {}
.refund .rgtpanel div.title {color:#000}

/* Footer */
.footer {background:#567C8E; border-top:2px solid #567C8E}
.footer a:link, .000 a:visited {color:#fff}
.footer a:hover, .000 a:active {color:#FFFF99}
.copyright {color:#fff}

/* DNN Global Settings */
.Normal {color:#000}

/* FCK Editor */
.fckBody {background-color:#fff}

/* headings */
h1 {color:#999}
h2 {color:#660000}
h3 {color:#000}

/* List Tables */
div.searchbar {padding:5px}
.listheader, .listheader td {border-bottom: solid 1px #E1E3E7;padding:5px; color:#fff; background-color:#003366}  /* This is the header on the list screen. Commonly used on the tax tab results list. */
.listheader td a, td.listheader {color:#fff}
.listtable .topLeft {background-image:none;background-repeat:no-repeat}
.listtable .topRight {background-image:none;background-repeat:no-repeat}
.listtable .btmLeft {background-image:none;background-repeat:no-repeat}
.listtable .btmRight {background-image:none;background-repeat:no-repeat}
.listtable .rowlink {background:#AADDCC} /* This is the bar highlighting the list results on hover */
.listtable .listrow, .listtable .listaltrow {border-bottom:solid 5px #fff} 
.listsubheader, .listsubheader td {font-weight:bold;border-bottom: solid 1px #D1D1D1;padding:5px;}


/* jQuery Tabs */
ul.tabs li a{background-image:url("wintergreen/tabmenu_page.jpg"); background-position:0px -105px;padding-left:5px} /* Setting ht ebackground controls the color of the non-active tabs on the tax page */
ul.tabs li a .topRight {color:#fff;background-image:url("wintergreen/tabmenu_page.jpg"); background-position:100% -105px;padding-right:5px;cursor:pointer} /* Setting ht ebackground controls the color of the non-active tabs on the tax page */

ul.tabs li a:hover {color:#fff;background-image:url("wintergreen/tabmenu_page.jpg"); background-position:0px -2px;padding-left:5px}
ul.tabs li a:hover .topRight {background-image:url("wintergreen/tabmenu_page.jpg"); background-position:100% -2px;padding-right:5px}

ul.tabs li a.selected {background-image:url("wintergreen/tabmenu_page.jpg"); background-position:0px -2px;padding-left:5px}
ul.tabs li a.selected .topRight {color:#fff;background-image:url("wintergreen/tabmenu_page.jpg"); background-position:100% -2px;padding-right:5px}


/* GRM */
#tabInstall_c .listtable .detailtable:first-child td,
#tabDelinq_c .listtable .detailtable:first-child td,
#tabPayHist_c .listtable .detailtable:first-child td,
#tabTaxValueData_c .listtable .detailtable:first-child td,
#tabTaxBillValue_c .listtable .detailtable:first-child td,
#tabAssess_c .listtable .detailtable:first-child td {background:#003366;color:#fff} /*Header section of the table below tabs on the tax page */
#tabInstall_c .listheader td,
#tabAssess_c .listheader td {background:#fff;font-weight:bold;color:#003366} /* Data headers on tax page*/
#tabAssess_c .listrow, #tabAssess_c .listaltrow {border:0px}
#tabDelinq_c .listtable .listheader td{background:#003366}
#tabPayHist_c .listtable .listheader td{background:#003366}
#tabTaxBillValue_c .listtable .listheader td{background:#003366}
#tabTaxValueData_c .listtable .listheader td{background:#003366}

.detailtable b {color:#003366}/* Data headers on tax page*/

/* Tax Bill Values */
.taxvalues {width:100%;font-family: Verdana, Helvetica;font-size: 100%; /* always use percentages */}
.taxvalues .headlist  {background:#003366;color:#fff}
.taxvalues th {background:#003366;color:#fff;/*Title Tax Year Bill Number*/}
.taxvalues .subheading th{background:#ffffff;color:#000000;font-weight: bold;/*Title of columns */ }
.taxvalues td {border:0px;font-family: Verdana, Helvetica;font-size:  10pt;font-weight: normal;color:#333333;}  
.taxvalues .subtotal td { color:#003366;font-weight: bold;/*Net Tax Total */}
.taxyearselect  {background:#003366;color:#fff}

/* Tax Assessment Table */
#tabAssess_c div .listtable tr td {border:0px}
#tabAssess_c .listtable .listrow td:first-child {color: #005C85; text-decoration: underline}
#tabAssess_c .listtable .listaltrow td:first-child {color: #005C85; text-decoration: underline}
#tabAssess_c .listtable .listsubtable {border-top:7px solid #fff; border-right:10px solid #fff; border-bottom: 20px solid #fff; border-left: 10px solid #fff; background-color:#E8F6F1;/*Value Color*/}
#tabAssess_c .listtable .listsubtable .listsubheader {background-color: #AADDCC;/*Header Color - List Row Link*/}


/* Container section ******************************************************/

/*Dark Blue text*/
.txt1 .box_top td {color:#003366}
.txt1 .box_top .box_title .Head {color:#003366}

/*Green text*/
.txt2 .box_top td {color: #FFFFCC}
.txt2 .box_top .box_title .Head {color:#FFFFCC}

/*Light Green text*/
.txt3 .box_top td {color: #000}
.txt3 .box_top .box_title .Head {color:#000}

/*Light Blue text*/
.txt4 .box_top td {color: #FDF5DE}
.txt4 .box_top .box_title .Head {color:#FDF5DE}

/*Dark Blue box*/
.color1 .box_top td {color: #fff; background-color: #003366; background-image: none; font-weight: bold; vertical-align:middle; x-margin:0px 0px 5px 0px; x-padding: 6px 6px 6px 10px}
.color1 .box_top .box_title .Head {color:#fff; font-family:verdana, arial, tahoma; font-size:1em; font-weight: bold;text-transform: none;}
.color1 .box_content {border-top:solid 3px #fff; background:#D5DDE6}
.rightpane .color1 .box_top td {color: #fff; border-left: 1px solid #003366}
.rightpane .color1 .box_content {border: solid 1px #999999; padding-left:8px}

/* Green box */
.color2 .box_top td {color: #fff; background-color: #567C8E; background-image: none; font-weight: bold; vertical-align: middle;  x-margin:0px 0px 5px 0px; x-padding: 6px 6px 6px 10px}
.color2 .box_top .box_title .Head {color:#fff; font-family:verdana, arial, tahoma; font-size:1em; font-weight: bold; text-transform: none;}
.color2 .box_content {border-top:solid 3px #fff; background:#C7D3D9}
.rightpane .color2 .box_top td {color: #fff; border-left: 1px solid #567C8E}
.rightpane .color2 .box_content {border: solid 1px #999999; padding-left:8px}

/* Light Green box */
.color3 .box_top td {color: #fff; background-color: #009966; background-image: none; font-weight: bold; vertical-align:middle; x-margin:0px 0px 5px 0px; x-padding: 6px 6px 6px 10px}
.color3 .box_top .box_title .Head {color:#fff; font-family:verdana, arial, tahoma; font-size:1em; font-weight: bold; text-transform: none;}
.color3 .box_content {border-top:solid 3px #fff; background:#AADDCC}
.rightpane .color3 .box_top td {color: #fff; border-left: 1px solid #009966}
.rightpane .color3 .box_content {border: solid 1px #999999; padding-left:8px}

/* Banner Green box */
.color4 .box_top td {color: #fff; background-color: #51944F; background-image: none; font-weight: bold; vertical-align:middle; x-margin:0px 0px 5px 0px; x-padding: 6px 6px 6px 10px}
.color4 .box_top .box_title .Head {color:#fff; font-family:verdana, arial, tahoma; font-size:1em; font-weight: bold; text-transform: none;}
.color4 .box_content {border-top:solid 3px #fff; background:#D0E2CF}
.rightpane .color4 .box_top td {color: #fff; border-left: 1px solid #51944F}
.rightpane .color4 .box_content {border: solid 1px #999999; padding-left:8px}
