/*
 * Note: This file is shared by both ASP and PHP - AEK
 */

/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 *  <div id="nav">
 *    <ul class="nav">
 *      <li class="NavBar current"><a href="#" class="parent"><span>level 1</span></a>
 *        <ul>
 *          <li><a href="#" class="parent"><span>level 2</span></a>
 *            <ul><li><a href="#"><span>level 3</span></a></li></ul>
 *          </li>
 *        </ul>
 *      </li>
 *      <li class="NavBar last"><a href="#"><span>level 1</span></a></li>
 *    </ul>
 *  </div>
 *********************************************
 *
 * Modifications are Copyright (c) 2011, Algin Technology LLC.
 * Re-use without written consent is prohibited.
 *
 * Re-engineer level1 to use inline-block instead of floats in order
 * to expand/contract nicely if the window is resized.  Degrade nicely
 * if JavaScript is turned off.
 */

/* nav::base */
div.nav-horiz {
	clear: both;
	height: 41px;
	/*background:url(images/menu2-bg.png) repeat-x; Removed AEK 2019 */
	background-color: rgb(45,45,45); /* Use flat background AEK 2019 */
	margin: auto;
	padding: 0; /*default for div*/
	text-align: center;
}

div.nav-horiz ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
div.nav-horiz ul.navbar { /*navbar*/
	position: relative; /*reset origin for child absolute pos*/
	/*padding-left: 30px;*/
	float: none; /*AEK*/
	margin: auto;
	padding: 0; /*default for div*/
	text-align: center;
}
div.nav-horiz li { /*submenus*/
	position: relative; /*reset origin for child absolute pos*/
	z-index: 12;
	margin: 0;
	padding: 0 5px 0 0;
	display: block;
	float: left;
	white-space: nowrap;
}
div.nav-horiz li.NavBar {/*Override the above for level1 (IE6 has no '>' selector)*/
	float: none;
	display: inline-block;
	vertical-align: baseline; /* default is baseline, not inherited */
	list-style: none; /* Required, inherited */
	line-height: 1.2; /* Inherited */
	text-align: center;
	white-space: nowrap;
	margin: auto;
	padding: 0;
	/*width: 13.8%; /* 13.8% for seven menu items (16% for six) - HACK */
	width: 16%; /* 16% for six menu items (13.8% for seven) - HACK */
}

div.nav-horiz li.NavBar a:focus {
	outline: 1px dashed white; /* required for keyboard-tab accessibility */
}

/*Mobile view -- cannot fit seven menu items*/
@media only screen and ( max-width: 767px ) {
	div.nav-horiz li.Optional {
		/* Remove the interior 'News' menu item when the screen is too narrow (not used currently) */
		display: none;
	}
	body div.nav-horiz ul a {
		/*font-size: 9pt;  Not needed*/
	}
}

div.nav-horiz li:hover>ul {
	left: -2px;/*This hack triggers display of the popup submenu when JavaScript is turned off.  Works on IE7-9 but not IE6.*/
}
div.nav-horiz li ul:focus-within { /*Not in IE11. For keyboard-only users (tabbbing) AEK 2019*/
	left: -2px;/*This hack triggers display of the popup submenu when JavaScript is turned off.*/
}

div.nav-horiz ul a { /*level1*/
	position: static; /*Important!*/
	text-align: center;
	margin: auto;
	height: 41px;
	display: inline;
	float: none;
	line-height: 41px;
	text-decoration: none;
	font-weight: normal;
	font-size: 11pt; /*13px (was 9pt=12px, then 10pt=13px)*/
	/*font-family: 'Droid Sans', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;*/
	/*font: normal 12px Trebuchet MS;*/
}
div.nav-horiz ul ul a { /*level2 overrides of above*/
	/* Turn off any color transition timers inherted from styles.css */
	-webkit-transition: color 0s;
	-moz-transition: color 0s;
	transition: color 0s;
	position: relative;
	z-index: 15;
	height: 41px;
	display: block;
	float: left;
	line-height: 41px;
	text-align: left;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	font-size: 10pt; /*13px (was 9pt=12px)*/
	font-family: 'Droid Sans', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	/*font: normal 12px Trebuchet MS;*/
}
div.nav-horiz a:hover, div.nav-horiz a:hover span { color: #fff; }

div.nav-horiz li.current a { color: #f0f0f0; } /*AEK - highlight default choice*/

div.nav-horiz span {
	display: inline; /*req for level1*/
	background-repeat: no-repeat;
	background-position: 95% 0;
	cursor: pointer;
	_cursor: hand;/*_ hack is for IE6 only*/
	/* Enable color transitions by default */
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	transition: color .5s;
}
div.nav-horiz ul ul span {
	display: block;
	/* Turn off any transitions inherited from the above */
	-webkit-transition: color 0s;
	-moz-transition: color 0s;
	transition: color 0s;
}
div.nav-horiz ul ul a.parent span {
	display: block;
	background-position:95% 3px;
	background-image: url(images/menu-item-pointer.gif);
}
div.nav-horiz ul ul a.parent:hover span {
	background-image: url(images/menu-item-pointer-mover.gif);
}

/* nav::level1 */
div.nav-horiz a {
	/*padding: 0 10px 0 10px;*/
	padding: 0 2px 0 1px;
	line-height: 33px; /*was 30px for 9pt font*/
	color: #e0e0e0;
}
div.nav-horiz span {
	margin-top: 5px;
}/**@replace#1*/
div.nav-horiz li {
	/*background: url(images/menu2-delimiter.gif) right 4px no-repeat;*/
	background: url(images/menu3-delimiter.gif) right 4px no-repeat;
}
div.nav-horiz li.last { background: none; }

/* nav::level2 */
div.nav-horiz ul ul li {
	background: none;
	position: relative;
	z-index: 14;
}
div.nav-horiz ul ul {
	position: absolute;
	top: 38px;
	left: -999em;
	z-index: 13;
	width: 258px; /*was 250px*/
	padding: 5px 0 0 0;
	background: rgb(45,45,45);
	margin-top: 1px; /* BUG: margins are transparent because abs positioned */
	/*padding-bottom: 0; /*9pt*/
	padding-bottom: 5px; /*10pt*/
}
div.nav-horiz ul ul a {
	/*padding: 4px 0 4px 15px; /* 9pt: 4px+16px=20px total line height */
	padding: 5px 0 5px 15px; /* 10pt: 5px+16px=21px total line height */
	height: auto;
	float: none;
	display: block;
	line-height: 16px;
	color: rgb(169,169,169);
}
div.nav-horiz ul ul span {
	margin-top: 0;
	color: rgb(169,169,169);
	padding-right: 15px;
	_padding-right: 20px; /*_ hack for IE6*/
}
div.nav-horiz ul ul a:hover span {
	color: #fff;
}
div.nav-horiz ul ul li {
	width: 100%;
}

/* nav::level3 */
div.nav-horiz ul ul ul {
	padding: 0;
	width: 130px;
	margin: -38px 0 0 250px !important;
	margin-left: 255px; /*250+5 for IE6*/
}

/* colors */
div.nav-horiz ul ul ul { background: rgb(41,41,41); }
div.nav-horiz ul ul ul ul { background: rgb(38,38,38); }

/* lava lamp */
div.nav-horiz li.back {
	background: url(images/lava.png) no-repeat right -44px !important;
	background-image: url(images/lava.gif); /* Hack: important trumps on good browsers */
	width: 13px;
	height: 44px;
	z-index: 10;
	position: absolute;
	top: 0px; /*AEK*/
	margin: -1px 0 0 -5px;
}
/* sliding door */
div.nav-horiz li.back .left {
	background: url(images/lava.png) no-repeat top left !important;
	background-image: url(images/lava.gif); /*IE6 hack: important trumps on good browsers */
	height: 44px;
	margin-right: 8px;
}

/* ---------------------------------------------------------------- */

/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  padding: 7px 0.625em 7px 0.625em;
  padding-top: 4px; /*AEK*/
  padding-bottom: 4px; /*AEK*/
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.contains-help .slicknav_btn {/*AEK*/
}

.slicknav_menu {
  line-height: 1.2;/*AEK*/ }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    /*line-height: 1.188em;*/
    line-height: 1.1;/*AEK*/
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #4c4c4c;
  padding: 5px;
  height: 40px; /*30px interior + 5px padding top + 5px padding bottom*/ }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
	font-size: 12pt;/*AEK*/
    /*font-weight: bold;*/
    font-weight: normal;/*AEK*/
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  background-color: #222; }

.slicknav_nav {
  color: #fff;
  background: #4c4c4c;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      border-radius: 6px;
      background: #ccc;
      color: #222; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

/* ----- AEK slickNav ---- */

div.slicknav_menu {
	text-align: left;
}

ul.slicknav_nav {
	/*position: absolute;
	z-index: 12*/;
}

.slicknav_btn {
	/*margin: 5px 5px 6px;*/
	margin: 2px 2px 2px;
	margin-left: 5px;
	/*margin-left: 50%; removed AEK 2019*/
	/*margin-left: calc(50% - 19px); /* 1/2 width of naked btn - AEK 2021 */
	/*margin-left: calc(50% - 43px); /* 1/2 width of "Menu" btn - AEK 2021 */
	/*margin-right: auto;*/
	/*float: left; /* always required! */

	float: right; /* AEK */
}

.slicknav_btn:focus,
.slicknav_item:focus,
.slicknav_menu a:focus
{
	outline: 1px dashed white; /* required for keyboard-tab accessibility */
}

.contains-help .slicknav_btn { /* Default for slicknav Help button */
	/*margin-left: calc(50% - 50px); /*1/2 width of btn "Help =" */
}

.contains-help .slicknav-umove-button { /* Button "U-Move Help =" */
	/*margin-left: calc(50% - 74px); /*1/2 width of btn "U-Move Help =" */
}

.contains-help .slicknav-urecover-button { /* Button "U-Recover Help =" */
	/*margin-left: calc(50% - 78px); /*1/2 width of btn "U-Recover Help =" */
}

.slicknav_menu .slicknav_menutxt {
    /*line-height: 1.1em;*/
}

.slicknav_nav a {
    /*padding: 5px 10px;*/
    padding: 2px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff;
}

.slicknav_nav .help-node a, .slicknav_nav .slick-main-li a {
	padding-top: 0;
	padding-bottom: 0;
}

.slicknav_menu ul li {
	margin-bottom: 6pt;
}
.slicknav_menu ul li:last-child { /*BUG: margins wont collapse. Force it here */
	margin-bottom: 0;
}
ul.slicknav_nav { /* Outermost. Required due to the last-child hack above. */
	padding-bottom: 4pt;
}

.slicknav_nav li.slicknav_txtnode {
	color: #fff;
}

.slicknav_nav .main-nested-item {
	color: #a9a9a9;
}

body .slicknav_nav li.help-active-node > a,
body .slicknav_nav li.help-active-node.slicknav_txtnode {
	font-weight: bold;
}

body a span {
	/* BUG: Apple Safari WebKit ignores taps if the <a> contains <span> */
	/* WORKAROUND: See http://stackoverflow.com/questions/10780702/span-inside-anchor-tag-blocks-tap-event-for-safari-on-iphone */
	/*pointer-events: none; /* WebKit BUGFIX */
}

body .menu-right-slicknav-link {
	display: none;
}

/* ----- Main mobile menu ---- */

#header-slickNav {
	display: none; /* hide unless screen is narrow */
}

/* Switch to slicknav for Help below 767 pixels */
@media only screen and ( max-width: 767px ) {

	.js body .menu-right-slicknav-link { /* Show _Menu_ on right in case the user misses the hamburder menu at top */
		display: inline-block;
		float: right;
		margin-left: auto;
		padding: 3px 6px 3px 3px;
		font-size: 10pt;
	}

	.js .contains-help div.nav-horiz {
		display: none;
	}
	.js .contains-help #header-slickNav {
		display: block;
		position: fixed;
		z-index: 100000;
		width: 100%;
		max-width: 100vw; /* BUG: Chrome fails to use container width */
		top: 0;
	}
	.js body .contains-help {
		margin-top: 40px; /*slide down everything to make room for slicknav bar*/
	}
	.js .contains-help {
		border-top-width: 0; /*Remove the top border*/
	}
}

/* Switch to slicknav below 600 pixels (same as 767px for help) */
@media only screen and ( max-width: 600px ) {
	.js div.nav-horiz {
		display: none;
	}
	.js #header-slickNav {
		display: block;
		position: fixed;
		z-index: 100000;
		width: 100%;
		max-width: 100vw; /* BUG: Chrome fails to use container width */
		top: 0;
	}
	.js body .content-container,
	.js body #container {
		margin-top: 40px; /*slide down everything to make room for slicknav bar*/
	}
	.js .content-container {
		border-top-width: 0; /*Remove the top border*/
	}
}

/* Hide position:fixed when printing otherwise it will appear on _all_ pages*/
@media print {
	.js #header-slickNav {
		display: none;
		position: static;
	}
	.js body .content-container,
	.js body #container {
		margin-top: 0;
	}
}