.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;
	border:				0px solid black;
	padding:			1px;

	background:			#52576c ; /*Lighter color of the menu*/

	/*filter:				progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=10)
						alpha(Opacity=99);*/
	/*-moz-opacity:		0.9;*/
}

.webfx-menu-empty {
	display:			block;
	border:				1px solid white;
	padding:			2px 5px 2px 5px;

	font-size:			8px;
	font-family:		centry gothic,arial,technical;

	color:				black;
}

.webfx-menu a {
	display:			block;
	width:				expression(constExpression(ieBox ? "100%": "auto"));	/* should be ignored by mz and op */
	
	overflow:			visible;	
	padding:			2px 5px 2px 5px;
	font: bold 13px centry gothic,arial,technical;
	text-decoration:	none;
	vertical-align:		center;
	color:				#ffffff;
	border:				1px solid #424d5f;
}	

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

.webfx-menu a:hover {
	color:			#ffffff;
	background:		#4e81b2;/*Darker Color*/
	border:			1px solid #020c34;/*#ff8800;*/
	text-decoration:	none;
	font-size:			11px;
	font: bold 13px centry gothic,arial,technical;
 
}	

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

/* 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:		rgb(120,172,255);rgb(255,128,0);*/

	padding:		0px;
	
	color: #333333;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 9px;
	   border:0;
	   border-left:0;
	   
	/* 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-left:				0px solid #8b8f9e ;/* rgb(120,172,255);rgb(255,128,0);*/
	border-bottom:	0px ;
	border-top:		0px;
	padding:			5px 5px 0px 2px;
	vertical-align:middle;
	color: #888888;
    font: bold 13px  Verdana, Geneva, Arial, Helvetica, sans-serif; 
  	text-decoration:	none;
	letter-spacing:-0.02 em;
	/* IE5.0 Does not paint borders and padding on inline elements without a height/width */
	height:		expression(constExpression(ie50 ? "25px" : "25px"));
}

.webfx-menu-bar a:hover,
.webfx-menu-bar a:active,
.webfx-menu-bar a:focus
 { 
	
	/*background:		rgb(120,172,255);		font-weight: bold;*/
	color: #0068ad;

    font:  bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif; 
    
	
	text-decoration:	none;
	-moz-outline:	none;
	outline:		none;
  }


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


.webfx-menu-button{
	display: inline;
}