.nav-menu {
	display: block;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 15;
}
/* a top level navigation item in the mega menu */
.nav-item {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
}
/* first descendant link within a top level navigation item */
.nav-item > a {
	position: relative;
	display: inline-block;
	padding: 0.5em 1em;
	margin: 0 0 -1px 0;
	border: 1px solid transparent;
}
/* focus/open states of first descendant link within a top level navigation item */
.nav-item > a:focus, .nav-item > a.open {
	border: 1px solid #d0ccc9;
}
/* open state of first descendant link within a top level navigation item */
.nav-item > a.open {
	background-color: #fafafa;
	border-bottom: none;
	z-index: 1;
}
/* sub-navigation panel */
.sub-nav {
	position: absolute;
	display: none;
	top: 3.44em;
	margin-top: -1px;
	padding: 0.7em 1em 0.7em 0;
	border: 1px solid #d0ccc9;
	background-color: #fafafa;
	/* Size the panel to its content. Without this the panel is width:auto and,
	   as an absolutely-positioned box, shrink-to-fits to its containing block
	   (.nav-menu — the right-floated top menubar, ~500px). Four floated
	   sub-nav-group columns (e.g. Actions: Search/Add/Import-Export/General)
	   exceed that, so the last column wraps to a second row. */
	width: max-content;
}
.sub-nav:first-of-type {
	padding-left: 0;
}
/* sub-navigation panel open state */
.sub-nav.open {
	display: flex;
	width: max-content;
}
/* list of items within sub-navigation panel */
.sub-nav ul {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0 0 0 1em;
}
/* list item within sub-navigation panel */
.sub-nav li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.nav-menu > a {
	color: #000000;
	text-decoration: none;
}

#mainMenu {
	float: right;
	color: #fafafa;
	font-size: 1em;
	margin: 1em 0 0;
	background: transparent;
	border: none;
	padding-top: .5em;
}
.page-header-row, .page-menu-panel {
	overflow: visible;
}
#mainMenu a.menu-top {
	font-size: 1.3em;
}
.nav-item a {
	color: #1C4257;
	text-decoration: none;
}
.sub-nav-group {
	float: left;
	padding-right: 1em;
	flex-shrink: 0;
}
.sn1 {
	left: -1000px;
}
.sn2 {
	left: -1000px;
}
.sub-nav-group li {
	font-size: 1.2em;
	padding-bottom: 3px;
	border-left: 1px solid #cccccc;
}
ul.sub-nav-group {
	margin: 3px 0 3px 0;
}
ul.sub-nav-group:first-of-type li {
	border-left: none;
}
li.header, li.iheader {
	font-size: 1.2em;
	font-weight: bold;
	color: #1C4257;
	margin-bottom: 5px;
	border-left: 1px solid transparent;
	padding: 0.3em 0.5em;
}
li.iheader {
	color: transparent;
}
.sub-nav-group a {
	color: black;
	padding: 0.3em 0.5em;
	outline: none;
}
.sub-nav-group a.hover, .sub-nav-group a.focus {
	background-color: #dff0ff;
}
.menu-hr {
	margin: 0.5em 1em;
	border: 0;
	border-bottom: 1px solid #cccccc;
}
/* from project.css */
.ui-menubar .ui-menu {
    width: 250px;
}
#mainMenu li.ui-menubar-item span.ui-button-text {
	padding-top: 0.25em;
	font-size: 1.1em;
}