.webfx-menu, .webfx-menu * {
	box-sizing:	 content-box;	-moz-box-sizing:	content-box;
}

.webfx-menu {
	font: 11px/12px Arial, Helvetica, sans-serif;
	position:			absolute;
	z-index:			100;
	visibility:			hidden;
	width:				100px;
	background:		#e4e4e4;

/*	border-top: 1px solid #E6EFF8;
	border-right: 1px solid #164396;
	border-bottom: 1px solid #164396;
	border-left: 1px solid #E6EFF8;*/
/*	border: 1px solid #164396;*/
	border: 1px solid black;
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;

}

.webfx-menu-empty {
	display:			block;
	font: 11px/12px Arial, Helvetica, sans-serif;
	color:				buttontext;
	height:				13px;
	padding-left:		5px;
	padding-right:		5px;
}

.webfx-menu a {
	display:			block;
	color:				#0061AC;
	height:				13px;
	width:				expression("100%");	/* should be ignored by mz and op */
	text-decoration:	none;
	vertical-align:		center;
	padding: 1px 0px 0px 5px;
	cursor:				hand;
	border:				0;
}	
.webfx-menu a,
.webfx-menu a:active:visted {
	color:				#0061AC;
	background: transparent;
	border:			0;
}

.webfx-menu a:hover{
	color: #000;
	background : #9cbee4;
	border:			0;
}	

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

/* separtor */
.webfx-menu div {
	z-index:			100;
	height:			1;
	height:			expression(2);
/*	border-top:		1px solid buttonshadow;
	border-bottom:	1px solid buttonhighlight; */
	border-top:		1px solid #E6EFF8;
	border-bottom:	1px solid #164396; 
	overflow:		hidden;
	margin:			0;
	margin-top:		2px;
	margin-bottom:	2px;
}

.webfx-menu-bar {
	font: bold 11px/13px Verdana, Helvetica, Sans-Serif;
	background:		transparent;
	padding: 3px 15px 0px 15px;
	/* IE5.0 has the wierdest box model for inline elements */
	padding:		expression(/MSIE 5\.0/.test(navigator.userAgent) ? "0px" : "3px");
	width: 100%;
}
/*#panel>.webfx-menu-bar {position:absolute;left:400px;top:100px;}*/

.webfx-menu-bar a,
.webfx-menu-bar a:visited,
.webfx-menu-bar a:visited:hover {
	color:				#eee;
	background:		transparent;
	border:				0px solid buttonface;
	text-decoration:	none;
	padding:			1px;
/*	padding-left:		38px;
	padding-right:		38px;*/
	width: 140px;
	float: left;
	display: block;
	text-align: center;
	
	/* IE5.0 Does not paint borders and padding on inline elements without a hieght/width */
	height:		expression(/MSIE 5\.0/.test(navigator.userAgent) ? "13px" : "auto");
}

.webfx-menu-bar a:hover {
/*	color:				buttontext;*/ /*	color:				#eee;*/
/*	background:		buttonface;*/ /*	background:		#0061AC;*/
	color:				#9cbee4;
	background:		transparent;
	border-left:	0px solid buttonhighlight;
	border-right:	0px solid buttonshadow;
	border-top:		0px solid buttonhighlight;
	border-bottom:	0px solid buttonshadow;
}

.webfx-menu-bar a .arrow {
	border:			0;
	float:			none;
/*	float:			right;
	width:			6px;
	height:			16px;
	margin-right:	2px;
	background: red;
*/
}

.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);
}