.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:				200px;
	padding:			1px;
	filter:				progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4)
						alpha(Opacity=90);
	-moz-opacity:		0.9;
	background: 		#EEE; 
}

.webfx-menu-empty {
	display:			block;
	font-size:			11px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;
	color:				black;
	border:				1px solid white;
	height:				16px;
	height:				expression(18);	/* should be ignored by mz and op */
	padding-left:		5px;
	padding-right:		5px;
}

.webfx-menu a {
	display:			block;
	font:  				12px/22px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:	none;
	height: 			auto !important; 
	height: 			1%; /*For IE*/ 
	vertical-align:		center;
	padding: 			2px 10px 0 10px; 
	overflow:			hidden;
	border: 			1px solid #FFF; 
	border-right-color: #CCC; 
	border-bottom-color: #CCC; 
	text-align: 		center;
	background: 		#eee; 
	color: #666;
}	


.webfx-menu a:visited:hover,
.webfx-menu a:hover {
	float: none; 
	color: #eee; 
	text-decoration: none;
	background: #999;
}	

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

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

.webfx-menu-bar {
	background: 	#fff; 
	height: 		30px;
	padding-top:	4px;
}

.webfx-menu-bar a{
	border: 			1px solid #fff; 
	border-bottom-color: #ccc;
	font:  				12px/22px Verdana, Arial, Helvetica, sans-serif; 
	padding: 			5px 16px 3px 16px; 
	color: 				#000; 
	background: 		inherit;
	text-decoration: 	none;
}
.webfx-menu-bar a:visited {
	color:				black;
}

.webfx-menu-bar a:hover {
	color:			#000;
	background: 	#eee;
	text-decoration:none;
}

.webfx-menu-bar a .arrow {
	border:			0;
	float:			none;
	display: 		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);
}