.dividerContainer, .childDividerContainer, .dividerButtons, .dividerVerticalMenuButton, .nodeButtons, .tabButtons, .searchContainer,.searchAndDividerButtonContainer { background-color: #; /*System BG Color*/ } .wizardHeader { background-color: #; } .wizardHeader h1, .wizardHeader h1 label, .wizardHeader h1 span, .wizardHeader h2, .wizardHeader h2 label, .wizardHeader h2 span, .wizardHeader h3, .wizardHeader h3 label, .wizardHeader h3 span, .empPaging { color:# } #companyLogo { display: list-item; list-style-image: url(../images/USHeaderLogo.png); list-style-position: inside; } /**** Primary Navigation *****/ .primary > a, ul.megamenu li.currentDivider > a { color:#; /*Divider text color*/ } /**** END Primary Navigation **/ /*** 2nd and 3rd Level Navigation **/ .nodeContainer, .tabContainer, .nodeButtons, .tabButtons { background-color:#404040;/*When color config is active make 2nd level background dark grey*/ } .nodes ul li{ /*changes tabs and sub-menu text color*/ background-color:#; border-top:1px solid #; } .nodes li.currentNode, .nodes li:hover { /*current 2nd level tab should be white with black text*/ } .nodes li.currentNode a, .nodes li.currentNode a:visited, li.currentTab a, li.currentTab a:visited{ color:black; font-weight:bold; } .nodes a:link, .nodes a:visited { color:#; } .nodes a:hover{ color:black; } /*** END 2nd and 3rd Level navigation **/ .poweredByLogo label, .poweredByLogo a /*this is only if custom system BG and text color is modified... */ { color:#000; } /*org chart styles*/ #sidebar #sidebar-header{ background-color: #!important; /*System BG Color*/ } #sidebar #sidebar-header-name, #sidebar span[id^="sidebar-H-"]{ color:#!important; /*text color*/ }