html, body {background:#f8f8f8} /* Background of entire site */
table.wrapper{border-right:solid 1px #fff;border-left:solid 1px #fff;background:#c8c8c8} /* 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 #fff;background:#686868} /* Background controls the background area of the banner.*/
.logo {color:#fff}
.title {color:#fff}
.description {color:#fff}

/* Site Search */
#search {color:#686868}
#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:#a8a8a8;background:#686868;text-decoration:none}
.rootMenu_SubMenu{background:#c8c8c8; border: solid 1px #686868}
.rootMenu_SubItemHover .rootMenu_Icon {}
.rootMenu_SubMenu .rootMenu_Item {color:#686868;background:transparent}
.rootMenu_SubItemHover {color:#c8c8c8;background:#686868}
.rootMenu_Separator {background:transparent}
.MainMenu_MenuBreak {background:transparent;color:#c8c8c8}

/* Content Area */
.contentwrapper{background:#fff}
.contentpane {background:#fff} /*Background controls color of entire content area */
.pagetitle {}
.toppane {}
.leftpanewrapper {}
.innerpane {background:#fff}
.rightpane {background: #c8c8c8;border-left:solid 1px #c8c8c8}
.bottompane {}

/* TAB MENU */
.tabMenu_Item TD {padding-top:10px} /*  */
.tabMenu_Item TD DIV {color:#000;background:#888888} /* This controls the attributes of the actual tab*/
.tabMenu_ItemHover TD, .tabMenu_ItemActive TD {padding-top:10px;color:#fff} /* */
.tabMenu_ItemHover TD DIV, .tabMenu_ItemActive TD DIV {color:#000;background:#fff} /* This controls the attributes of the actual tab*/
div.menubreak{background:#fff} /* This is the area below the tabs */

/* Sub Menu - Left Pane */
.subMenu_Container {background:#fff;border-right:solid 1px #c8c8c8}
.subMenu_Item TD {color:#686868;background:#fff}
.subMenu_ItemHover TD, .subMenu_ItemActive TD {color:#c8c8c8; background:#686868}
.subMenu_SubMenu , .subMenu_SubItemActive{background:#c8c8c8}

.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:#c8c8c8} /*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:#c8c8c8;background:#686868} /*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:#686868;color:#c8c8c8;font-weight:bold}
.receiptheader td {}
.receiptheader .label {}
.receiptbody {}
.receiptbody td {}
.receiptbody .subtotal {}
.receiptbody .convfee {}
.receiptbody .transtotal {}

/* Refunds */
.refund {}
.refund .lftpanel .section {color:#c8c8c8}
.refund .lftpanel .body ul li.selected {color:#000}
.refund .lftpanel div.title {}
.refund .lftpanel {color:#c8c8c8;background:#686868}
.refund .rgtpanel {}
.refund .rgtpanel label {}
.refund .rgtpanel div.title {color:#000}

/* Footer */
.footer {background:#888888}
.footer a:link, .888888 a:visited {color:#fff}
.footer a:hover, .888888 a:active {color:#a8a8a8}
.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 #c8c8c8;padding:5px; color:#fff; background-color:#686868}  /* 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:#a8a8a8} /* This is the bar highlighting the list results on hover */
.listtable .listrow, .listtable .listaltrow {border-bottom:solid 5px #fff} 


/* jQuery Tabs */
ul.tabs li a {color:#000;background-color:#c8c8c8;cursor:pointer} /* Setting ht ebackground controls the color of the non-active tabs on the tax page */
ul.tabs li a:hover {color:#000; background-color:#888888}
ul.tabs li a.selected {color:#000; background-color:#888888; position:relative}


/* GRM */
#tabInstall_c .listtable .detailtable:first-child td,
#tabAssess_c .listtable .detailtable:first-child td {background:#686868;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:#686868} /* Data headers on tax page*/
#tabAssess_c .listrow, #tabAssess_c .listaltrow {border:0px}
#tabDelinq_c .listtable .listheader td{background:#686868}
#tabPayHist_c .listtable .listheader td{background:#686868}

.detailtable b {color:#686868}/* Data headers on tax page*/

/* Container section ******************************************************/

/*DkGrey text*/
.txt1 .box_top td {color:#686868}
.txt1 .box_top .box_title .Head {color:#686868}

/*MdGrey text*/
.txt2 .box_top td {color: #a8a8a8}
.txt2 .box_top .box_title .Head {color:#a8a8a8}

/*ltgrey text*/
.txt3 .box_top td {color: #888888}
.txt3 .box_top .box_title .Head {color:#888888}

/*light text*/
.txt4 .box_top td {color: #c8c8c8}
.txt4 .box_top .box_title .Head {color:#c8c8c8}

/*DkGrey box*/
.color1 .box_top td {color: #fff; background-color: #686868; background-image: none; font-weight: bold; vertical-align:middle; text-transform: uppercase; x-margin:0px 0px 5px 0px; x-padding: 6px 6px 6px 10px}
.color1 .box_top .box_title .Head {color:#fff}
.color1 .box_content {border-top:solid 3px #fff; background:#e8e8e8}
.rightpane .color1 .box_top td {color: #fff; border-left: 1px solid #686868}
.rightpane .color1 .box_content {border: solid 1px #fff; padding-left:8px}

/* MedGrey box */
.color2 .box_top td {color: #fff; background-color: #a8a8a8; background-image: none; font-weight: bold; vertical-align: middle; text-transform: uppercase;  x-margin:0px 0px 5px 0px; x-padding: 6px 6px 6px 10px}
.color2 .box_top .box_title .Head {color:#fff}
.color2 .box_content {border-top:solid 3px #fff; background:#e8e8e8}
.rightpane .color2 .box_top td {color: #fff; border-left: 1px solid #a8a8a8}
.rightpane .color2 .box_content {border: solid 1px #fff; padding-left:8px}

/* ltgrey box */
.color3 .box_top td {color: #fff; background-color: #888888; background-image: none; font-weight: bold; vertical-align:middle; text-transform: uppercase; x-margin:0px 0px 5px 0px; x-padding: 6px 6px 6px 10px}
.color3 .box_top .box_title .Head {color:#ffffff}
.color3 .box_content {border-top:solid 3px #fff; background:#e8e8e8}
.rightpane .color3 .box_top td {color: #fff; border-left: 1px solid #888888}
.rightpane .color3 .box_content {border: solid 1px #fff; padding-left:8px}

/* light box */
.color4 .box_top td {color: #fff; background-color: #c8c8c8; background-image: none; font-weight: bold; vertical-align:middle; text-transform: uppercase; x-margin:0px 0px 5px 0px; x-padding: 6px 6px 6px 10px}
.color4 .box_top .box_title .Head {color:#fff}
.color4 .box_content {border-top:solid 3px #fff; background:#e8e8e8}
.rightpane .color4 .box_top td {color: #fff; border-left: 1px solid #c8c8c8}
.rightpane .color4 .box_content {border: solid 1px #fff; padding-left:8px}