.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 {
	overflow: visible;
	position:			absolute;
	z-index:			100;
	visibility:			hidden;
	height: auto;
	width:				200px;
	background:			white;
	border:				1px outset #0030BF;
	padding:			1px;
	filter:				none;	-moz-opacity:		1;
	color: 				#090097;
}

.webfx-menu-empty {
	display:			block;
	font:				Menu;
	color:				MenuText;
	height:				18px;
	padding-left:		5px;
	padding-right:		5px;
}

.webfx-menu a {
	display:			block;

	width:				expression(constExpression(ieBox ? "150%" : "auto"));	/* should be ignored by mz and op */
	text-decoration:	none;
	color:				#090097;
	vertical-align:		center;	padding:			2px;
	padding-left:		3px;
	padding-right:		3px;
	cursor:				hand;
	font:				Menu;
	border:				0;
	height: 			18px;
	XXXoverflow:			hidden;
}

.webfx-menu a:visited {
	color:			#090097;
	border:			0;
	font-weight: 	normal;
}

.webfx-menu a:hover,
.webfx-menu a:visited:hover {
	color:			white;
	background:		#090097;
	font-weight: 	normal;
	border:			0;
	height: 		18px;
}

/* separtor */
.webfx-menu div {
	height:			0;
	width:			expression(constExpression(ieBox ? "150%" : "auto"));
	border-top:		1px solid #0030BF;
	overflow:		hidden;
	font-size:		0mm;
}

.webfx-menu-bar {
	background:		#090097;

	padding:		2px;

	font-family:	Verdana, Helvetica, Sans-Serif;
	font-size:		12px;

	/* IE5.0 has the wierdest box model for inline elements */
	padding:		expression(constExpression(ie50 ? "0px" : "2px"));
}

.webfx-menu-bar a,
.webfx-menu-bar a:visited,
.webfx-menu-bar a:visited:hover {
	color:				white;
	border:				1px solid #090097;
	background:			#090097;
	text-decoration:	none;
	padding:			1px;
	padding-left:		5px;
	padding-right:		5px;
	vertical-align: middle;
	/* IE5.0 Does not paint borders and padding on inline elements without a hieght/width */
	height:				expression(constExpression(ie50 ? "21px" : "21px"));
	white-space:	nowrap;
	width: 110;
}

.webfx-menu-bar a:hover {
	color:			#090097;
	background:		white;
	border-right:	1px solid #0030BF;
	border-bottom:	1px solid #0030BF;
	width: 110;
}

.webfx-menu-bar a:active, .webfx-menu-bar a:focus {
	-moz-outline:	none;
	outline:		none;
	/*
		ie does not support outline but ie55 can hide the outline using
		a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
	*/
	ie-dummy:		expression(this.hideFocus=true);
	border-left:	1px solid #0030BF;
	border-right:	1px solid ButtonHighlight;
	border-top:		1px solid #0030BF;
	border-bottom:	1px solid ButtonHighlight;
	width: 110;
}