/* remove all list stylings */
.menu ul
{
	margin: 				0;
	padding: 				0;
	border: 				0;
	list-style-type: 		none;
	display: 				block;
}

.menu li 
{
	position: 				relative;	/* position each LI, thus creating potential IE.win overlap problem */
	float: 					left;		/* move all main list items into one row, by floating them */
	display: 				block;
	margin: 				0;
	padding: 				0;
	border: 				0;
	
	z-index: 				5;			/* thus we need to apply explicit z-index here... */
}

.menu li:hover 
{
	white-space: 			normal;		/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
										see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
	z-index: 				10000;		/* ...and here. this makes sure active item is always above anything else in the menu */
}

.menu li li 
{
	float: 					none;		/* items of the nested menus are kept on separate lines */
}

.menu ul 
{
	position: 				absolute;
	visibility: 			hidden;		/* initially hide all submenus. */
	
	left: 					0;			/* while hidden, always keep them at the top left corner, */
	top: 					0;			/* to avoid scrollbars as much as possible */
	z-index: 				10;
}

.menu li:hover>ul 
{
	visibility: 			visible;	/* display submenu them on hover */
	top: 					100%;		/* 1st level go below their parent item */
}

.menu li li:hover>ul 
{										/* 2nd+ levels go on the right side of the parent item */
	top: 					0;
	left: 					100%;
}

/* -- float.clear --
force containment of floated LIs inside of UL */
.menu:after, .menu ul:after 
{
	display: 				block;
	visibility: 			hidden;
	overflow: 				hidden;
	clear: 					both;
	content: 				".";
	height: 				0;
}
.menu, .menu ul 
{							/* IE7 float clear: */
							min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul 
{
	background-image: 		url('\manager\images\empty.gif');	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 				10px 30px 30px 30px;
	margin: 				-10px 0 0 -30px;
	/*background: .f00;*/			/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul 
{
	padding: 				30px 30px 30px 10px;
	margin: 				-30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */