﻿#dnnMenu{
	display: inline-block;
	}
	
#dnnMenu .topLevel{
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

#dnnMenu .topLevel li{
	float:left;
	margin:0;
	list-style-type:none;
	position:relative;
	margin-right: 18px;
	margin-top: 0px;
	}

#dnnMenu .topLevel li:last-of-type{
	margin-right: 0px;
	}

#dnnMenu .topLevel li a{
	display:block;
	color:#414042;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	padding: 10px 18px;
	box-sizing: border-box;
	}

	
#dnnMenu .topLevel li:hover a, #dnnMenu .topLevel li a:hover{
	color:#ffffff;
	background:#4a878f;
	text-decoration:none;
	}


/*li.selected a, li.selected {
	color:#ffffff !important;
	background:#4a878f;
	text-decoration:none;
}*/


#dnnMenu .topLevel li a div{
	display:block;
	background:none;
	margin:0 0px 0 0;
	padding:0px 0px 0px 0px;
	}
	


#dnnMenu .topLevel li.hover a div, #dnnMenu .topLevel li a:hover div{
	background:none;
	}

#dnnMenu .subLevel{
	display:none;
	position:absolute;
	/*width:300px;*/
	margin:0;
	padding:0;
	z-index:5000;
	background:#ffffff !important;
	-webkit-box-shadow: 0px 12px 10px -5px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 12px 10px -5px rgba(0,0,0,0.65);
	box-shadow: 0px 12px 10px -5px rgba(0,0,0,0.65);
	}
	
	
#dnnMenu .topLevel li.hover .subLevel{
	display:block;
	
	white-space:nowrap;
	}
	
#dnnMenu .subLevel ul{
	margin:0;
	padding:0;
	position:relative;
	z-index:1200;
	}
	
#dnnMenu .subLevel li{
	float:none;
	clear:both;
	margin-right: 0px;
	}


#dnnMenu .subLevel li.item a{
	background-image:none;
	padding:10px 0px 10px 20px;
	}

#dnnMenu .subLevel li.item a{
	background-image:none;
	padding:10px 0px 10px 20px;
	}

#dnnMenu .subLevel li.item a i {
	color:#ffffff;
	}


#dnnMenu .subLevel li.item a {
	display:inline-block;
	color:#414042;
	padding:15px 20px; 
	text-align: left;
	background-image:none;
	background-color:#ffffff;
	border:0px;
	font-size:16px;
	font-weight: 400;
	text-transform: none;
	width:100%;
	}

#dnnMenu .subLevel li.item a:hover {
	color:#ffffff;
	background-color:#4a878f;
	font-weight: 800;
}

#dnnMenu .subLevel li.item a::before {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

/*#dnnMenu .subLevel li.first > a{background-image:none;}

#dnnMenu .subLevel li.first > a div{background-image:none;line-height:24px;padding:0px 0 0 8px;}

#dnnMenu .subLevel li.last > a{background-image:none;}

#dnnMenu .subLevel li.last > a div{background-image:none;line-height:24px;padding:0 0 6px 8px;}

#dnnMenu .subLevel li.first.last > a{background-image:none;}

#dnnMenu .subLevel li.first.last > a div{display:block;background-image:none;line-height:30px;padding:0px 0 0 8px;}*/




#dnnMenu .subLevelRight{display:none;position:absolute;left:100%;top:0px;width:300px;margin:0 0 0 0px;}

#dnnMenu .subLevel li.first > .subLevelRight{top:0px;}

#dnnMenu .subLevel li.first.last > .subLevelRight{top:2px;}

#dnnMenu .subLevel li.hover > .subLevelRight{display:none;}

#dnnMenu .subLevel li.first > .subLevelRight li.first > .subLevelRight {top:0px;}

#dnnMenu .subLevelRight ul{display:block;}

#dnnMenu .subLevelRight ul li{position:relative;}

#dnnMenu .subLevelRight ul li a{display:block;}

#dnnMenu .subLevelRight ul li a div{display:block;white-space:nowrap;}

#dnnMenu .subLevelRight ul li.first > a{background-image:none;}

#dnnMenu .subLevelRight ul li.first > a div{background-image:none;}

#dnnMenu .subLevelRight ul li.first.last > a div{background-image:none;}
