/* Flexnav ZK adjusted Styles */
.flexnav * {
    box-sizing: content-box;
}

.flexnav, .flexnav ul {
    box-sizing: content-box;
    padding-left: 0;
}
  
@media all and (min-width: 720px) {
    .flexnav li {
      display: inline-block;
      float: none;
	}
}

/* top nav bar specific */

.topNavBar {
	vertical-align: top;
	line-height: 28px;
	position: relative;
}

.topNavBar .z-label,
.topNavBar > ul.flexnav,
.topNavBar > ul.flexnav li,
.topNavBar > ul.flexnav a {
	background-color: inherit;
	color: inherit;
}

.topNavBar > ul {
	max-height: initial;
}

.topNavBar > ul.flexnav.opacity {
	position: absolute;
	pointer-events: none;
}
.topNavBar > ul.flexnav.flexnav-show {
	position: relative;
	pointer-events: all;
}

@media (min-width: 720px) {
	.topNavBar > ul.flexnav.opacity {
		position: relative;
		pointer-events: all;
	}
}

.topNavBar > ul.flexnav > li {
	width: auto;
	width: initial;
}

.topNavBar > ul.flexnav > li a {
	display: initial;
}
.topNavBar > ul.flexnav > li a:before {
	content: '|';
	padding: 0 8px;
	cursor: default;
	pointer-events: none;
}

.topNavBar > ul.flexnav > li:first-child a:before {
	display: none;
}

.topNavBar > ul.flexnav a {
	text-decoration: none;
    font-family: arial;
    font-size: 13px;
    line-height: 29px;
	text-decoration: none;
	padding: inherit;
	border: none;
}

.topNavBar .topNavButton {
	display: none;	
}

.topNav {
	display: inline-block;
	width: 65%;
}

.userNav {
	display: inline-block;
	text-align: right;
	width: 35%;
}
.userNav ul.flexnav {
	margin-left: 5px;
	display: inline-block;
	width: initial;
}


@media all and (max-width: 719px) {
	.topNavBar .topNavButton {
		display: inline-block;	
	}
	.topNavBar > ul.flexnav > li a:before {
		display: none;
	}

	.topNav {
		width: 25%;
	}

	.userNav {
		width: 75%;
	}
	
	.topNavBar,
	.topNavBar ul.flexnav,
	.topNavBar ul.flexnav > li,
	.topNavBar ul.flexnav > li a{
		overflow: visible;
	}

	.topNavBar ul.flexnav > li {
		list-style-type: none;
	}
	.topNavBar ul.flexnav > li a{
		white-space: nowrap;
	}
	
	.userNav ul.flexnav {
		display: block;
	}
}

.topNavBar .topNavButton .touch-button {
	display: none;
}