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

.webfx-menu {
	position:			absolute;
	z-index:			100;
	visibility:			hidden;
	width:				100px;
	background:			#FCFBD2;
	border:				2px inset #F0EE89;
	padding:			1px;
	filter:				none;
	-moz-opacity:		1;
	height:				30px;
}

.webfx-canal-box{
	background:			#FCFBD2;
	border:				2px inset #F0EE89;
}

.webfx-canal-header{
	background:			#FCFBD2;
	border:				1px solid #FCFBD2;
	font:				Menu;
	color:				#000000;
	height:				16px;
}

/* ITEM EM OUTROS CANAIS*/
.webfx-canal-item{
	background:			#FCFBD2;
	border:				1px inset #F0EE89;
	cursor: 			hand;
	font:				Menu;
	color:				#FFFFFF;
	height:				16px;
}


.webfx-menu-empty {
	display:			block;
	font:				Menu;
	color:				MenuText;
	height:				16px;
	padding-left:		5px;
	padding-right:		5px;
}

.webfx-menu a {
	display:			block;
	width:				expression(constExpression(ieBox ? "100%" : "auto"));	/* should be ignored by mz and op */
	text-decoration:	none;
	color:				#000000;
	height:				expression(constExpression("1px"));
	vertical-align:		center;
	padding:			2px;
	padding-left:		3px;
	padding-right:		3px;
	cursor:				default;
	font-size:   		10px;
	border:				0;
	XXXoverflow:		hidden;
}	

.webfx-menu a:visited {
	color:			#000000;
	border:			0;
}

.webfx-menu a:hover,
.webfx-menu a:visited:hover {
	color:			#000000;
	background:		#F0EE89;
	border:			1;
}	

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

/* separtor */
.webfx-menu div {
	height:			0;
	height:			expression(constExpression(ieBox ? 2 : 0));
	border-top:		1px solid ButtonShadow;
	border-bottom:	1px solid ButtonHighlight;
	overflow:		hidden;
	margin:			0;
	margin-top:		1px;
	margin-bottom:	1px;
	font-size:   	10px;
}

.webfx-menu-bar {
	background:		#FCFBD2;
	padding:		2px;
	font-family:	Verdana, Helvetica;
	font-size:  	10px;
	color:			#000000;
	/* 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,
.webfx-menu-bar a:visited:hover {
	color:				#000000;
	border:				1px solid #FFFFFF; /* aqui linhas do menu principal  */
	text-decoration:	none;
	padding:			1px;
	padding-left:		5px;
	padding-right:		5px;
	width:				165px;
	height:				22px;
	/* IE5.0 Does not paint borders and padding on inline elements without a hieght/width 
	height:		expression(constExpression(ie50 ? "17px" : "auto"));
	white-space:	nowrap;*/
}

.webfx-menu-bar a:hover {
	background:		#F0EE89;
	color: 			#000000;
/*	color:			ButtonText;
	background:		ButtonFace;
	border-left:	1px solid ButtonHighlight;
	border-right:	1px solid ButtonShadow;
	border-top:		1px solid ButtonHighlight;
	border-bottom:	1px solid ButtonShadow; 
*/

}

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

.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-left:	1px solid ButtonShadow;
	border-right:	1px solid ButtonHighlight;
	border-top:		1px solid ButtonShadow;
	border-bottom:	1px solid ButtonHighlight;
}