/*
** -------------------------------------------------
** 
**   Menu.css, XulMenu
**
**   Modified by: Michael F. S. Christensen
**
**   Valid CSS2 stylesheet (www.w3c.org)
**
** -------------------------------------------------
*/
.XulMenu {
	font-family: Arial;
	font-size: 12px; //
	background-image: url(../images/menu_org.png);
	background-repeat: repeat-x;
}

.XulMenu .button,.XulMenu .button:hover,.XulMenu .button-active,.XulMenu .button-active:hover
	{
	line-height: normal;
	padding: 5px 1px 5px 1px;
	border-left: 1px solid #8F8F85;
	margin: 0px;
	color: #444444;
	text-decoration: none;
	text-align: center;
	cursor: default;
	white-space: nowrap;
	display: block;
	position: relative;
	background-image: url(../images/menu_org.png);
	background-repeat: repeat-x;
}

.XulMenu .button:hover {
	margin: 0px;
	/*
    border: 0px solid #8F8F85;
	*/
	background: #EFECDE;
	background-image: url(../images/menu_pressed.png);
	background-repeat: repeat-x;
}

.XulMenu .button-active,.XulMenu .button-active:hover {
	margin: 0px;
	/*
    border: 0px solid #8F8F85;    
	*/
	border-bottom: none;
	background: #C9D5E5;
	background-image: url(../images/menu_pressed.png);
	background-repeat: repeat-x;
}

.XulMenu .item,.XulMenu .item:hover,.XulMenu .item-active,.XulMenu .item-active:hover
	{
	border: 1px solid #FDFDF9;
	background: #FDFDF9;
	line-height: normal;
	padding: 3px 10px 3px 20px;
	color: black;
	text-decoration: none;
	cursor: default;
	white-space: nowrap;
	display: block;
	position: relative;
	/*-moz-border-radius: 20px;*/
	border-radius: 20px;
}

.XulMenu .item:hover,.XulMenu .item-active,.XulMenu .item-active:hover {
	border: 1px solid #316BC6;
	background: #C9D5E5;
	color: black;
}

/*
.XulMenu .item {
    margin:1px;
    background: #ffffff;
    padding: 3px 30px 3px 20px;
}
.XulMenu .item,
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
    line-height: normal;
    
    color: #000000;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    position: relative;
    display: block;        
}
.XulMenu .item:hover, 
.XulMenu .item-active,
.XulMenu .item-active:hover {
    margin:0px;
    border:1px solid #316BC6;   
    background: #C9D5E5;     
    padding: 2px 30px 2px 20px;
}
*/
.XulMenu .section {
	background: #FCFCF8;
	border: 1px solid;
	border-color: #F1EFE2 #716F64 #716F64 #F1EFE2;
	padding: 2px 3px 1px 2px; /* top right bottom left */
	position: absolute;
	visibility: hidden;
	z-index: -1;
}

.XulMenu .arrow {
	position: absolute;
	top: 7px;
	right: 5px;
	border: 0;
}

.XulMenu .itembtn,.XulMenu .itembtn:hover,.XulMenu .itembtn-active,.XulMenu .itembtn-active:hover
	{
	line-height: normal;
	padding: 1px 3px 3px 3px;
	color: #000000;
	text-decoration: none;
	cursor: default;
	white-space: nowrap;
	position: relative;
}

.XulMenu .itembtn:hover,.XulMenu .itembtn-active,.XulMenu .itembtn-active:hover
	{
	background: #C9D5E5;
	border: 1px solid;
	border-color: #316BC6;
	color: black;
	padding: 1px 2px 3px 2px;
}