.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 
{
    min-width:138px;
    width:138px;
	position:			absolute;
	z-index:			200;
	visibility:			hidden;
	padding:			3px;
	border:1px solid #000;
	background:#b4d2fc;/*#7fa7d3;*/
	FILTER:  progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#b4d2fc, endColorstr=#8db1e2);
	vertical-align:middle;
}

.webfx-menu-empty {
	display:			block;
	border:				1px solid white;
	padding:			2px 5px 2px 5px;
	font-size:			11px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;
	color:				#000;
	vertical-align:middle;
}

.webfx-menu a {
	display:			block;
	width:				131px;/*expression(constExpression(ieBox ? "100%": "auto"));	*/
	height:				expression(constExpression(ie7 ? "auto" : "1px"));
	overflow:			visible;
	padding:			2px 0px 2px 5px;
	font-size:			11px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;
	text-decoration:	none;
	vertical-align:		middle;
	color:				#000;
	border-bottom:		1px solid FFF;
	border-top:         1px solid #DEF;
	font-weight:normal;
	float:left;
	text-align : left;
	/*background-color:#FFF;*/
	}

.webfx-menu a:visited
{
    color:	#000;
	vertical-align:middle;
	}

.webfx-menu a:visited:hover {
	color:	#FFF;
	vertical-align:middle;
}

.webfx-menu a:hover {
	color:			#FFF;
	background:		#000;
	border:			1px solid #FFF;
	text-align : left;
	vertical-align:middle;	
	FILTER:  progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#000000, endColorstr=#336699);
}

.webfx-menu a .arrow {
	float:			right;
	border:			0;
	width:			7px;
	height:         11px;
	margin-right:	3px;
	margin-top:		4px;
	
}

/* separtor */
.webfx-menu div {
	height:			0;
	height:			expression(constExpression(ieBox ? "2px" : "0"));
	overflow:		hidden;
	margin:			2px 0px 2px 0px;
	font-size:		0mm;
}

.webfx-menu-bar {
	background:		transparent;
	padding:		2px;

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

	/* 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:0px;
	padding:			1px 5px 1px 5px;
	color:				#FFF;
	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:			#F90;
	background:		transparent;
	border:0px;
}

.webfx-menu-bar a .arrow {
	border:			0px;
	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:0px;
	background-color:#7fa7d3;
	color:#FFF;
}