.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;
}

.webfx-menu {
	line-height:		16px;
	margin-top:			0px;
	position:				absolute;
	padding:				none;
	z-index:				100;
	visibility:			hidden;
	width:					170px;
	margin-left:		-1px;
	border:					none;
	filter:					alpha(Opacity=85);
	-moz-opacity:		0.9;
}

.webfx-menu-empty {
	display:				block;
	border:					1px solid white;
	padding:				2px 10px 2px 10px;
	font-size:			10px;
	font-family:		Tahoma, Verdana, Helvetica, Sans-Serif;
	color:					black;
}

.webfx-menu a {
	display:				block;
	width:					100%;
	/*width:				expression(constExpression(ieBox ? "116px": "116px"));	/* should be ignored by mozilla and opera */
	/*height:				expression(constExpression("1px"));*/
	overflow:				visible;
	padding:				2px 10px 2px 10px;
	font-size:			11px;
	font-family:		Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration:none;
	vertical-align:	center;
	color:					white;
	background:			#00567f;
	border-right:		1px solid #202020;
	border-left:		1px solid #c4c4c4;
	border-bottom:	1px solid #c4c4c4;
}	

.webfx-menu a:visited,
.webfx-menu a:visited:hover {
	color:	white;
}

.webfx-menu a:hover {
	color:					white;
	background-color:	#0070a5;
	text-decoration:none;
	
	
}	

.arrow {
	float: 					right;
	margin-top: 		3px;
} 

/* separator */

.webfx-menu div {
	height:					1px;
	/*height:				expression(constExpression(ieBox ? "2px" : "0"));*/
	border-top:			1px solid #000;
	border-bottom:	1px solid #000;
	overflow:				hidden;
	margin:					2px 0px 2px 0px;
	font-size:			0mm;
}