/*--- NAVMENU 1st Tier Properties ---*/
#usermenu{
	z-index:1000; /* puts menu on top of everything, so that pulldowns can be sen on other content */
	position: relative;
	width: 100%; height: 30px;
	margin: 0px; padding: 0px;
	list-style: none;
	font-weight: normal; font-size: 11px;
	text-align: left;
	background-color: #003366; background-image: url('menuback-bw.png'); /* menu 1st tier background */
	background-repeat: repeat-x; background-position: center center; /* menu 1st tier background properties */
	background-size: auto 100%;
}
#usermenu>li{
	display: inline-block; position:relative;
	height: 30px; line-height: 30px;
	margin: 0px; padding: 0px;
	text-align: left; vertical-align: text-top;
}
#usermenu>li a, #usermenu>li span{
	display: block;
	margin: 0px;
	padding: 0px 15px 0px 10px;
	border: none;
	color: #dddddd; text-decoration: none;
	font: inherit;
}
#usermenu>li span{
	cursor: default; /* Unlinked menu items' hover mouse icon */
}
#usermenu>li:hover{
	background-color: #0099cc; /* mouse hover color for menu items */
}
#usermenu>li:hover ul{
	text-align: left;
}
#usermenu>li>ul>li{
	height: 25px; line-height: 25px;
}
#usermenu>li>ul>li ul li{
	height: 25px; line-height: 25px;
}
#usermenu>li ul{
	-webkit-transition: visibility 0.3s linear, opacity 0.2s linear;
	-moz-transition: visibility 0.3s linear, opacity 0.2s linear;
	-o-transition: visibility 0.3s linear, opacity 0.2s linear;
	transition: visibility 0.3s linear, opacity 0.2s linear;
}
/* --- Menu dropwon (2nd tier) properties --- */
#usermenu>li>ul{
	visibility: hidden; /* Hiding submenus */
	opacity: 0;
	position:absolute;
	left: 0px; 
	padding: 0px;
	margin-top: 1px;
	list-style: none;
}
#usermenu ul a, #usermenu ul span{
	white-space: nowrap; /* Prevent 2 lined items */
}
#usermenu li:hover>ul{ 
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}
#usermenu>li:hover>ul li{
	position: relative;
	padding-right: 1px;
	overflow: visible;
	background-repeat: repeat;
}
#usermenu li:hover ul li:hover > a, #usermenu li:hover ul li:hover > span{
	background: #0099cc;
}
#usermenu > li > ul a{
/*	background-color: #0066cc; /* If you want different background color for menu items with a link, enable this style and disable below lines*/
	background-image: url('menuback-bw.png'); /* background for submenu items with a link */
	background-repeat: repeat-x; background-position: center center; /* background properties*/
	background-size: auto 100%;
}
#usermenu > li > ul span{
/*	background-color: #666666; /* If you want different background color for menu items without a link, enable this style and disable below lines*/
	background-image: url('menuback-bw.png'); /* background for submenu items without a link */
	background-repeat: repeat-x; background-position: center center; /* background properties*/
	background-size: auto 100%;
}
/*--- DROPDOWN tier2,3,... ---*/
#usermenu>li>ul ul{
	visibility: hidden; /* Hiding submenus */
	opacity: 0;
	position: absolute;
	left: 100%;
	top: 0px;
	margin: 0px; padding: 0px;
	list-style: none;
}
/* --------------------------------- */
#usermenu li:before{
	content: attr(data-submenu);
	position: absolute;
	right: 3px;
	color: #ffffff;
	font-size: 10px; font-weight: normal;
}