/*
	This stylesheet controls the positioning of the popup menus. Please apply visual styling via the tool specific stylesheet.
	Also note that there is an IE6 extension to this stylesheet (msPopupMenu-ie6.css)
*/
ul.msPopupMenu,
ul.msPopupMenu ul {
	margin-bottom:0;
}

ul.msPopupMenu li {
	position:relative;
	float:left;
}
ul.msPopupMenu li a,
ul.msPopupMenu li span {
	display:block;
}
ul.msPopupMenu ul li {
	float:none;
	display:block;
	width:100%;
}

/*
	Positions the first popup menu directly below the root menu
	To make it appear to the right switch the left and top values
*/
ul.msPopupMenu li ul {
	position:absolute;
	left:0;
	top:100%;
	visibility:hidden;
	z-index:10;
}
/*
	Positions the second popup menu to the right of the first popup menu
	To make it appear directly below switch the left and top values
*/
ul.msPopupMenu li ul ul {
	left:100%;
	top:0;
	z-index:20;
}

/*
	Controls the visibilty of the popup menus based on the :hover property
	(Or, for IE6, via the hover class (see msPopupMenu-ie6.css) - which is applied by javascript)
*/
ul.msPopupMenu li:hover ul {
	visibility:visible;
}
ul.msPopupMenu li:hover ul ul {
	visibility:hidden;
}
ul.msPopupMenu li:hover ul li:hover ul {
	visibility:visible;
}