.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*/
}
.modernized.node.is-selected::after {
    border:  3px solid #!important;	/*Initial BG Color*/
}