.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 {
	position:absolute;
	z-index:100;
	visibility:hidden;
	width:	100px;	border:				1px solid black;
	padding:1px;
	background:white;
	filter:	progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4)
	alpha(Opacity=90);
	-moz-opacity:	0.9;
}

.webfx-menu-empty {
	display:block;
	border:	1px solid white;padding:2px 5px 2px 5px;
	font-size:11px;
	font-family:Arial, Verdan, Helvetica, Sans-Serfif;
        font-weight:bold;
	color:	black;
}

.webfx-menu a {
	display:block;
	width:	expression(constExpression(ieBox ? "100%": "auto"));	/* should be ignored by mz and op */	height:				expression(constExpression("1px"));
	overflow:visible;padding:2px 0px 2px 5px;
	font-size:11px;
        font-weight:bold;
	font-family:Arial, Verdan, Helvetica, Sans-Serfif;
	text-decoration:none;
	vertical-align:	center;
	color:	black;
	border:	1px solid white;}	

.webfx-menu a:visited,
.webfx-menu a:visited:hover {
	color:	black;
}

.webfx-menu a:hover {
	color:	black;
	background:rgb(255,0,0);/*#ffeedd;*/
	border:	1px solid rgb(255,255,255);/*#ff8800;*/
}	

.webfx-menu a .arrow {
	float:	right;
        font-weight:bold;
	border:	0;
	width:	3px;
	margin-right:	3px;	margin-top:		4px;}

/* separtor */
.webfx-menu div {
	height:	0;
	height:	expression(constExpression(ieBox ? "2px" : "0"));
	border-top:1px solid rgb(120,172,255);
	border-bottom:1px solid rgb(234,242,255);
	overflow:hidden;
	margin:	2px 0px 2px 0px;
	font-size:0mm;
        font-weight:bold;
}

.webfx-menu-bar {
	background:rgb(30,67,155);/*rgb(255,128,0);*/
	padding:2px;
	font-family:	Verdana, Helvetica, Sans-Serif;
	font-size:11px;
        font-weight:bold;
        width:490px; 	 ### BAR WIDTH
	/* 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 {
	border:	1px solid rgb(120,172,255);/*rgb(255,128,0);*/
	padding:1px 5px 1px 5px;color:	white;
	text-decoration:	none;

	/* IE5.0 Does not paint borders and padding on inline elements without a height/width */
	height:	expression(constExpression(ie50 ? "17px" : "auto"));
}

.webfx-menu-bar a:hover {
	color:	black;
	background:	rgb(255,0,0);	
	border-left:	1px solid rgb(234,242,255);
	border-right:	1px solid rgb(0,66,174);
	border-top:	1px solid rgb(234,242,255);
	border-bottom:	1px solid rgb(0,66,174);
}

.webfx-menu-bar a .arrow {
	border:	0;
	float:	none;
}

.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 rgb(0,66,174);
	border-right:	1px solid rgb(234,242,255);
	border-top:		1px solid rgb(0,66,174);
	border-bottom:	1px solid rgb(234,242,255);}