.widget.menu {
	width:200px;/* test value. over-ride this in portlet css file */
	float:right;/* test value. over-ride this in portlet css file */
	position:relative;
	margin-bottom:5px;
	/* the following styles are to over-ride styles in the filterable document portlet */
	background-color: transparent;
	border-bottom: none;
}
.widget.menu .label {
	float:left;
	padding-right: 10px;
	padding-top: 5px;
	
	color:#666;
	font-weight:bold;
	font-size:11px;
}
.widget.menu .menu-header{
	background-image:url("../../images/filter-background.png");
	background-repeat:repeat-x;
	border:1px solid #AE9E94;
	color:#716F63;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 10px;
	overflow:hidden;
	*zoom:1;
}
.widget.menu .menu-text{
	line-height:20px;/* N.B. control the height of the menu header here and below */
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right:35px;
	_width: 70%;
}
.widget.menu .menu-button {
	background-position:center center;
	border-left:1px solid #AE9E94;
	width:30px;
	height:20px;/* N.B. control the height of the menu header here and above */
	float:right;
}
.widget.menu .open .menu-button{
	background-image:url("../../images/aero_mer_up.png");
}
.widget.menu .menu-items{
	border:1px dotted #AE9E94;
	border-top:0;
	background-color:#FFFCEF;
	position:absolute;
	left:0;
	right:0;
	display:none;
}
.widget.menu .menu-items li{
	cursor:pointer;
	border-top:1px dotted #AE9E94;
	padding:5px 10px;
	color:#A29B7F;
	font-size:10px;
	font-weight:bold;
	/* the following styles are to over-ride styles in the filterable document portlet */
	height:auto;
	line-height:normal;
	float:none;
}
.widget.menu .menu-items li:hover{
	background-color: #808080;
	color: #fff;
}

/* styles specific to checkboxes+radios in menu */
.widget.menu .menu-items form li{
	padding:0;
}
.widget.menu .menu-items form label.radio,
.widget.menu .menu-items form label.checkbox{
	display:block;
	padding:5px 10px 5px 20px;
	background-image: url("../../images/checkbox-unchecked.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	
	_background-image: none; /* ie6 doesn't use background image */
	_padding: 5px 10px; /* ie6 doesn't use background image */
	overflow: hidden;
}
.widget.menu .menu-items form label.radio.checked,
.widget.menu .menu-items form label.checkbox.checked{
	background-image: url("../../images/checked_box.png");
	
	_background-image: none; /* ie6 doesn't use background image */
}
.widget.menu .menu-items form label.radio input,
.widget.menu .menu-items form label.checkbox input{
	display: none;
	
	/* ie6,7,8 hacks below */
	display: inline\9; /* hidden checkboxes don't work in ie, so move them off page instead */
	position: absolute\9;
	left: -10000px\9;
	_position: static; /* ie6 doesn't use background image */
	_top: auto; /* ie6 doesn't use background image */
}