
.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;
	
	border:				1px solid #854200;
	padding:			1px;

	background:			#FFDCBA;

	filter:				progid:DXImageTransform.Microsoft.Shadow(color="#ffffff", Direction=135, Strength=0)
						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, Helvetica, Sans-Serfif;

	color:				#845B33;
}

.webfx-menu a, .webfx-menu a:link {
	display:			block;
	overflow:			visible;	
	padding:			2px 0px 2px 5px;
	width: 				150px;
		
	font-size:			11px;
	font-family:		Arial, Helvetica, Sans-Serfif;
	text-decoration:	none;
	vertical-align:		center;
	text-align:  left;
	
	color:				#845B33;
	border:				1px solid white;
}	

.webfx-menu a:visited,
.webfx-menu a:visited:hover {
	color:	#845B33;
}

.webfx-menu a:hover {
	color:			#5C2E00;
	background:		#FFC68E;
	border:			1px solid #transparent;
}	

.webfx-menu a .arrow {
	float:			right;
	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;
}

.webfx-menu-bar {
	background:		transparent;
	padding:		5px 0px 6px 0px;
	font-family:	Arial, Helvetica, Sans-Serif;
	font-size:		11px;
	font-weight: 	none;
	
}

.webfx-menu-bar a, .webfx-menu-bar a:link,
.webfx-menu-bar a:visited {
	border-left:	1px solid #FFCB99;
	border-right:	1px solid #854200;
	border-top:		1px solid #FFCB99;
	border-bottom:	1px solid #854200;
	margin:			0px 1px 0px 1px;
	padding:		4px 5px 5px 5px;
	background: 	#FF9B3A;
	
	color:				#ffffff;
	text-decoration:	none;
	
	

}

.webfx-menu-bar a:hover {
	color:			#ffffff;
	background:  	#FEA957;
	border-left:	1px solid #FFDCBA;
	border-right:	1px solid #AE5600;
	border-top:		1px solid #FFDCBA;
	border-bottom:	1px solid #AE5600;
}

.webfx-menu-bar a .arrow {
	border:			0;
	float:			none;
	color: 			#ffffff;
}

.webfx-menu-bar a:active, .webfx-menu-bar a:focus {
	color:			#ffffff;
	background: 	#FF9B3A;
	border-left:	1px solid #FFDCBA;
	border-right:	1px solid #AE5600;
	border-top:		1px solid #FFDCBA;
	border-bottom:	1px solid #AE5600;
}