/*   CSSJSMENUDHTML ---------------------------------------------------------------------------------------------------------------
use xb settings to make ul/li appear the 
same in mozilla, ie and opera
*/

ul.nde-menu-system, ul.nde-menu-system ul {
	display: block;
	margin: 0;
	padding: 0;
	background-color: var(--prm-color);
}

ul.nde-menu-system li.submenu {
	margin: 0;
}

/* 
top level items in ul are inline to display horizontally 
across page
*/

ul.nde-menu-system li.submenu {
	display: inline;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

/* 
nested lists inside of the top level items are initially 
not displayed
*/
ul.nde-menu-system li.submenu ul {
	margin: 0px;
	padding: 0px;
	width: 18em;
	display: block;
	position: absolute;
	left: 0px;
	top: 14px;
	visibility: hidden;
	z-index: 1000;
	background-color: var(--prm-color);
	border:none;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	font-size: 0.85em;
}

/*
fix up the submenu items
voice-family lines screen correct CSS values from browsers that
improperly lay out block-level boxes and have broken CSS parsers
(IE5.5/Win)
*/
ul.nde-menu-system li.submenu ul li {
	margin: 0px;
	padding: 5px 1px 5px 0px;
	display: block;
	voice-family: "\";
}\"";
	voice-family: inherit;
	z-index: 1000;
}

ul.nde-menu-system li.submenu ul li a {
	display: block;
	margin: 0;
	padding: 0;
	voice-family: "\";
	left: 0px;
	bottom: 8px;
	top: 3px;
}\"";
	voice-family: inherit;
	width: 95%;
}

/* needed to keep IE from bubbling events
from items that are not contained but only
covered. */
ul.nde-menu-system {
	background-color: var(--prm-color);
	margin: 0px;
	padding: 0px;
}


/* CSSJSMENUHOVER ----------------------------------------------------------------------------------------------------------
for css based versions extend the li
below the menu so that the mouse will
stay over the li and keep the hover active
*/

ul.nde-menu-system li.submenu:hover ul {
	left: 0;
	top: 22px;
	visibility: visible;
	background-color: var(--prm-color);
	display: block;
}

ul.nde-menu-system li.submenu:hover ul li {
	display: block;
	list-style-type: none;
	text-indent: -0.6em;
	padding-left: 10px;
	border-bottom: 1px solid #dfdfdf;
}

/*  CSSJSMENUSTYLE -------------------------------------------------------------------------------------------------- */


ul.nde-menu-system * {
	margin: 0px;
	padding: 0px;
}

ul.nde-menu-system li.submenu a {
	margin: 0px;
	padding: 0px;
	display: inline;
	color: #020248;
	line-height: 16px;
	text-decoration: none;
}

ul.nde-menu-system li.submenu ul a {
	padding: 0px;
	margin: 0px;
}

ul.nde-menu-system li.submenu ul a:hover {
	color: #FFFFFF!important;
}


/******** STYLE FOR TAB MENU ***********/
#navbar ul.nde-menu-system {
	list-style-type: block;
	margin:0;
	padding:0;
}

#navbar ul.nde-menu-system li.submenu a {
	float:left;
	margin:0;
	padding:0;
}

#navbar ul.nde-menu-system li.submenu ul li a {
	float: none;
	padding: 0 0 0 8px;
}

#navbar ul.nde-menu-system li.submenu a span {
	display: block;
	padding: 3px 10px;
	text-decoration: none;
}

#navbar ul.nde-menu-system li.submenu a span {
	float: none;
}

#navbar ul.nde-menu-system li.submenu a:hover span {
	text-decoration: none;
}

#navbar ul.nde-menu-system li.submenu a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

#navbar ul.nde-menu-system li.submenu a:hover span {
	text-decoration: none;
}

#navbar ul.nde-menu-system li.submenu ul li {
	display: block;
}

#navbar ul.nde-menu-system li.submenu ul li a {
	color: #4F4A4A;
	background-image: none;
}

#navbar ul.nde-menu-system li.submenu ul li:hover {
	color: #4F4A4A;
	background-color: var(--sec-color);
	/* background-color: #16972B; */
}

#navbar ul.nde-menu-system li.submenu ul li a:link, 
#navbar ul.nde-menu-system li.submenu ul li a:visited, 
#navbar ul.nde-menu-system li.submenu ul li a:active {
	color: #FFFFFF;
}

#navbar ul.nde-menu-system li.submenu ul li a:hover {
	color: #FFFFFF;
	background-color: var(--sec-color);
	/* background-color: #16972B; */
}

#navbar ul.nde-menu-system li.submenu ul {
	background-color: var(--prm-color);
	display: block;
}

#navbar ul.nde-menu-system li:hover {
	background-color: var(--sec-color);
	/* background-color: #16972B; */
}

/* button styles */
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
    background: var(--sec-color);
}

.ui-button {
    background-color: var(--prm-color);
    border-radius: 4px;
    color: #FFFFFF;
}

/* .ui-button:active { */
/*     background: var(--prm-color); */
/*     border-radius: 4px; */
/*     color: #FFFFFF; */
/* } */

/* .ui-button.ui-state-active:hover { */
/*     background: var(--sec-color); */
/* } */

.ui-button:hover {
    background-color: var(--prm-color-hov);
    color: #FFFFFF;
    text-decoration: underline;
}

.ui-button:focus {
    background-color: var(--prm-color);
    color: #FFFFFF;
}

.ui-icon-closethick {
    background-color: var(--prm-color);
}

.ui-checkboxradio-checked {
    background-color: var(--sec-color);
    color: #FFFFFF;
    margin-left: 0px;
    border: 3px solid var(--prm-color) !important;
}

/* tabs styles */

.ui-tabs-active {
    background-color: var(--prm-color) !important;
    border: 2px solid var(--sec-color) !important;
}

.ui-state-focus, a.ui-state-focus, .ui-visual-focus {
    border: 1px solid var(--sec-color) !important;
    box shadow: 0 0 3px 1px var(--sec-color)
}

.ui-visual-focus {
    box-shadow: none;
    border: 3px solid var(--prm-color) !important;
}

/* table styles */
thead {
    background: var(--prm-color);
    color: #FFFFFF;
}