/*
** -------------------------------------------------
** 
**   Menu.css, XulMenu
**
**   Modified by: Michael F. S. Christensen
**
**   Valid CSS2 stylesheet (www.w3c.org)
**
** -------------------------------------------------
*/

.XulMenu {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
	 font-weight: bold;
}
.XulMenu .button,
.XulMenu .button:hover,
.XulMenu .button-active,
.XulMenu .button-active:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	padding: 5px 6px 4px 6px;
	margin: 0px;
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	display: block;
	position: relative;
	border: 1px solid #ffffff;
	background-image: url(../images/nav_hg.gif);
	border-bottom-style: solid;
	border-bottom: solid;
	border-bottom-color: #999999;
}
.XulMenu .button:hover {
    margin: 0px;
    border: 1px solid #ffffff;
    background-image: url(../images/nav_hg.gif);
	 
	 		border-bottom-style: solid;
			border-bottom: solid;
			border-bottom-color: #99cc00;
}
.XulMenu .button-active,
.XulMenu .button-active:hover {    
    margin: 0px;
    border: 1px solid #ffffff;    
    border-bottom:none;
    background-image: url(../images/nav_hg.gif);
	 
	 		border-bottom-style: solid;
			border-bottom: solid;
			border-bottom-color: #99cc00;
}



.XulMenu .item,
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    border:1px solid #ffffff;
    background: #ffffff;
    line-height: normal;
    padding: 3px 30px 3px 2px;
    color: black;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    display: block;
    position: relative;

}
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
    border:1px solid #ffffff;
    background: #ffffff;
    color: #99cc00;
}

/*
.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: #ffffff;
    border: 1px solid;
    border-color: #99cc00 #99cc00 #99cc00 #99cc00;
    padding: 2px 1px 1px 2px; /* top right bottom left */
    position: absolute;
    visibility: hidden;
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);*/
    z-index: -1;  
	 margin-top: 5px;
	     
}
.XulMenu .arrow {
    position: absolute;
    top: 7px;
    right: 8px;
    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: pointer;
    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;
}

* html .XulMenu td { position: relative; } /* ie 5.0 fix */