

.webfx-menu, .webfx-menu * {
	/*
	Set the box sizing to content box
	in the future when IE6 supports box-sizing
	there will be an issue to fix the sizes

	There is probably an issue with IE5 mac now
	because IE5 uses content-box but the script
	assumes all versions of IE uses border-box.

	At the time of this writing mozilla did not support
	box-sizing for absolute positioned element.

	Opera only supports content-box
	*/
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}

div.webfx-menu {
	position: absolute;
	z-index: 100;
	visibility: hidden;
	width: 100px;
	border-style: solid;
	border-color: #999;
	border-width: 0 0 1px 0;
	padding: 0;
	background: white;
	filter: alpha(Opacity=90);
	-moz-opacity: 0.9;
}

.webfx-menu.empty, .webfx-menu-empty {
	display: none;
}

div.webfx-menu a,
div.webfx-menu a:hover,
div.webfx-menu a:active,
div.webfx-menu a:visited {
	display: block;
	/*width: expression(constExpression(ieBox ? "100%": "auto"));	/* should be ignored by mz and op */
	/*height: expression(constExpression("1px"));*/
	width: 100%;
	overflow: visible;
	padding: 6px 10px 6px;
	font-size: 9px;
	text-decoration: none;
	color: black;
	background-color: #ccc;
	border-style: solid;
	border-color: #999;
	border-width: 1px 1px 0 1px;
	filter: alpha(Opacity=90);
	-moz-opacity: 0.9;
}

html>body div.webfx-menu a,
html>body div.webfx-menu a:hover,
html>body div.webfx-menu a:active,
html>body div.webfx-menu a:visited {
	width: auto;
}

div.webfx-menu a:hover {
	color: #fff;
	background-color: #000;
}

div.webfx-menu a.with_children {
	background-image: url("/mm1/site/system/modules/com.gridnine.opencms.mm/resources/pics/vert_menu_arrow.gif");
	background-position: right center;
	background-repeat: no-repeat;
}

div.webfx-menu a.with_children:hover {
	background-image: url("/mm1/site/system/modules/com.gridnine.opencms.mm/resources/pics/vert_menu_arrow_hov.gif");
	background-position: right center;
	background-repeat: no-repeat;
}

.webfx-menu-bar {}

.webfx-menu-bar a,
.webfx-menu-bar a:hover,
.webfx-menu-bar a:active,
.webfx-menu-bar a:visited {
	display: block;
	float: left;
	line-height: 21px;
	text-transform: uppercase !important;
	font-size: 10px;
	color: #000;
}
