/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {list-style-type:none; padding:0; margin:0; width:198px; position:relative; top:0px; left:0; border:1px solid #fff; border-width:0 1px 1px; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0; width:198px; text-align: left;}
#menu li {float:left; position:relative; border-top:1px solid #fff; text-transform: none;}

#menu li.sub {text-align: left; text-transform: uppercase; padding-left: 0px; background: #C0C0C0;}

#menu li, #menu li a {display:block; color:#000000; font-family:arial, sans-serif; font-size:11px; 
line-height:24px; width:198px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px; text-align: left;}


#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none}

#menu ul.active_menu { display: block; background: white; }
#menu ul.active_menu li {display:block; background: white;}
#menu ul.active_menu .hover {background: #DDDDDD; }


#menu li.hover {color:#202020; z-index:500;}
#menu li.click {color:#505050}

#menu li.click ul {display:block}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:160px; top:-1px; border:1px solid #fff; border-width:0 1px 1px;}

#menu li.click ul li.fly {background:#cccccc}
#menu li.sub.hover {background: #d0d0d0}
#menu li.click ul li {background:#ffffff}
#menu li.click ul li.hover {background:#d0d0d0}

#menu li.click ul li.hover ul {background:#ffffff; display: block; border: 1px solid #000000;}
#menu li.click ul li.hover ul li {background:#ffffff;}
#menu li.click ul li.hover ul li.hover ul li {z-index:500;}

#menu li.click ul li.hover ul li.fly {background: #d0d0d0}
#menu li.click ul li.hover ul li.hover {z-index:500; background:#d0d0d0;}
#menu li.click ul li.hover ul li.hover a {color:#000;}

#menu li.click ul li.hover ul li.hover ul {border: 1px solid #000000;}
#menu li.click ul li.hover ul li.hover ul li.hover {background:#d0d0d0;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#000000;}

/*
	TOPMENU
*/
#top_menu_div {
	margin: 0; padding: 0;
	position: absolute; top: 0; left: 0;
	display: block;
	width: auto;
	width: 100%;
}
#top_menu_div img {
	position: absolute; top: 5px; left: 5px;
}
/* LEVEL 0 */
#top_menu_div ul.menu-level-0 {
	clear: both;
	margin: 0; padding: 0;
	position: relative;
	display: block;
	height: 58px;
	width: 100%;
	list-style-type: none;
	background: transparent top repeat-x;
}
#top_menu_div ul.menu-level-0 li {
	margin: 0; padding: 0;
	display: block;
	float: left;
	height: inherit;
	margin-left: 1px;
	border-right: 1px solid #363636;
	background: transparent top repeat-x;
	text-align: center;
}
#top_menu_div ul.menu-level-0 li.opened {
	background: transparent top repeat-x;
}
#top_menu_div ul.menu-level-0 li.active {
	background: transparent top repeat-x;
}
#top_menu_div ul.menu-level-0 li:hover {
	background: transparent top repeat-x;
}
#top_menu_div ul.menu-level-0 li a {
	display: block;
	position: relative;
	padding: 42px 5px 5px; /* allocate space for icon, 5px+32px+5px */
	min-width: 42px;
	text-transform: uppercase;
	font-size: 0.875em;
	font-weight: bold;
	background: transparent center 7px no-repeat;
}
#top_menu_div ul.menu-level-0 li a:link,
#top_menu_div ul.menu-level-0 li a:visited {
	text-decoration: none;
	color: #fafafa;
}
#top_menu_div ul.menu-level-0 li a:active,
#top_menu_div ul.menu-level-0 li a:hover {
	text-decoration: none;
	color: #fff;
}
#top_menu_div ul.menu-level-0 li.active a {
	background-position: center -125px;
}
#top_menu_div ul.menu-level-0>li>a>img {
	display: none; /* don't display images in main menu */
}
#top_menu_div ul.menu-level-0>li>a.admin-link:link,
#top_menu_div ul.menu-level-0>li>a.admin-link:visited {
	text-decoration: underline;
}
/* LEVEL 1 */
#top_menu_div ul.menu-level-1 {
	clear: both;
	margin: 0; padding: 0;
	display: none;
	position: absolute; top: inherit; left: 0;
	height: auto;
	width: 100%;
	border-bottom: 1px solid #dedede;
	list-style-type: none;
	background: #eee top repeat-x;
}
#top_menu_div ul.menu-level-1 li {
	margin: 0; padding: 0;
	display: block;
	float: left;
	border: 1px solid #dedede; border-width: 0 1px 0 0;
	background: none;
}
#top_menu_div ul.menu-level-1 li.alt-group {
	background-color: #e4e4e4;
}
#top_menu_div ul.menu-level-1 li.menu-hr {
	display: none;
}
#top_menu_div ul.menu-level-1 li.menu-hr + li {
	border-left: 3px solid #dedede;
}
#top_menu_div ul.menu-level-1 li:hover {
	background: #fff;
}
#top_menu_div ul.menu-level-1 li.opened {
	background: #fff;
}
#top_menu_div ul.menu-level-1 li a {
	position: relative;
	padding: 5px;
	background: none;
	font-weight: normal;
}
#top_menu_div ul.menu-level-1 li a:link,
#top_menu_div ul.menu-level-1 li a:visited {
	color: #101010;
}
#top_menu_div ul.menu-level-1 li a:active,
#top_menu_div ul.menu-level-1 li a:hover {
	color: #09f;
}
#top_menu_div ul.menu-level-1 li a.menu-continue {
	/* This adds arrow to the right side of the link, if menu has submenu */
	padding-right: 20px;
	background-position: 95% center;
	background-repeat: no-repeat;
}
#top_menu_div ul.menu-level-1 li.active {
	background: #6cf;
}
#top_menu_div ul.menu-level-1 li.active>a {
	font-weight: bold;
	color: #fff;
}
#top_menu_div ul.menu-level-1 li a.icon-link {
	padding-left: 20px;
}
/* LEVEL 2 */
#top_menu_div ul.menu-level-2 {
	clear: both;
	margin: 0; padding: 0;
	display: none;
	position: absolute; top: inherit; left: 0;
	border-bottom: 1px solid #efefef;
	height: auto;
	width: 100%;
	margin-top: 1px; /* Leave room for upper menu's bottom-border */
	list-style-type: none;
	background: #fff;
}
#top_menu_div ul.menu-level-2 li {
	margin: 0; padding: 0;
	display: block;
	float: left;
	background: none;
}
#top_menu_div ul.menu-level-2 li:hover {
	background: none;
}
#top_menu_div ul.menu-level-2 li.opened {
	background: none;
}
#top_menu_div ul.menu-level-2 li.active {
	background: none;
}
#top_menu_div ul.menu-level-2 li a {
	position: relative;
	padding: 5px;
	background: none;
}
#top_menu_div ul.menu-level-2 li a:link,
#top_menu_div ul.menu-level-2 li a:visited {
	color: #09f;
}
#top_menu_div ul.menu-level-2 li a:active,
#top_menu_div ul.menu-level-2 li a:hover {
	color: #101010;
}
#top_menu_div ul.menu-level-2 li.active a:link,
#top_menu_div ul.menu-level-2 li.active a:visited {
	color: #101010;
}
/* LEVELS UNDER LEVEL 2 */
#top_menu_div ul.menu-level-2 li ul {
	clear: both;
	margin: 0; padding: 0;
	display: none;
	position: absolute; top: inherit; left: 0;
	border-bottom: 1px solid #efefef;
	height: auto;
	width: 100%;
	margin-top: 1px; /* Leave room for upper menu's bottom-border */
	list-style-type: none;
	background: #fff;
}
#top_menu_div ul.menu-level-2 li ul li {
	margin: 0; padding: 0;
	display: block;
	float: left;
	background: none;
}