/*
	The outer style of the entire menu system.
	(almost) full width, and removed from the flow of the 
	document, but with no explicit location, so it stays in 
	the flow location.
*/
.UM_MenuBarOuter
{
	margin-top:10pt;
	margin-bottom:10pt;
	width:630px;
	position:absolute;
	z-index:2;
	background-color:Transparent;
}

/* 
	A background for the menu bar.
	Full width, absolute position, (so that the next element overlays it)
	and whatever colour the menu background should be.
*/
.UM_MenuBarBackground
{
	position:absolute; 
	background-color:#ccccff; 
	width:630px;
	height:14pt;
}

/* 
	The foreground of the menu bar.
*/
.UM_MenuBarForeground
{
	position:absolute;
	z-index:100;
}

.UM_menubar
{
	z-index:200;
	position:absolute;
}

.UM_Submenu
{
	/*
	border-style:solid;
	border-width:1px;
	margin:3px,3px,3px,3px;
	background-color:#808080;
	z-index:1;
	*/
	display:none;
}

.UM_SubmenuActive
{
	display:block;
	border-style:solid;
	border-width:1px;
	margin:3px,3px,3px,3px;
	background-color:#ccccff;
	width:auto;
}

.UM_MenuItem
{
	background-color:transparent;
	color:Black;
	border-color:#ccccff;
	border-style:solid;
	border-width:1px;
	cursor:hand;
	width:auto;
}

.UM_MenuItemSelected
{
	background-color:white;
	color:Black;
	border-style:solid;
	border-width:1px;
	cursor:hand;
	width:auto;
}


.UM_SubmenuActive > .UM_MenuItem
{
	background-color:#ccccff;
	color:Black;
	border-style:solid;
	border-width:1px;
	cursor:hand;	
	display:block;
}

.UM_SubmenuActive > .UM_MenuItemSelected
{
	background-color:white;
	color:Black;
	border-style:solid;
	border-width:1px;
	cursor:hand;
	display:block;
}