/* ------ MENU ------ */

ul.menu {
	list-style:none;
	width:100%;
	display:table;
	clear:both;
	margin:0;
	padding:0;
}

.menu li	{
	position:relative;
	float:left;
	margin-left:5px;
}

.menu li:first-child	{
	margin:0;
}

.menu li .menu li	{
	float:none;
	margin:0;
	
}


	
.menu li .menu {
	position:absolute;
	display:none;
	width:auto;
	min-width:200px;
	margin:5px 0 0 0;
	z-index:10;
	right:0;
}	

.menu li .menu button,
.menu li .menu a	{
	margin-top:-1px;
	text-align:left;
}
.menu button,
.menu a, 
.menu .menuGroupLabel	{
	color:#000000;
	background-color:#F9F9F9;
	display:block;
	padding:5px 10px;
	cursor:pointer;
	border:#e0e0e0 solid 1px;
	font-size:inherit;
	width:100%;

}
.menu button:hover,
.menu a:hover, 
.menu .menuGroupLabel:hover	{
	background-color:#f0f0f0;
}

.menu button.primary,
.menu  a.primary	{
	border:#000000 solid 1px;
	background-color:#444444;
	color:#ffffff;
}

.menu button.primary:hover,
.menu a.primary:hover	{
	background-color:#000000;
}



.menu {
   margin-left:-2px;
}

.menu li:first-child,
.menu li {
   margin-left:2px;
   margin-bottom:2px;
}

.menu a, .menu .menuGroupLabel {
   padding:5px 15px;
   z-index:0;
   position:relative;
}

.menu a:hover,
.menu .menuGroupLabel:hover   {
   border: black solid 1px;
   z-index:2;
}