.XulMenu {
    font-family: verdana, arial;
    font-size: 11px;
    -moz-user-select: none;
}
.XulMenu .button,
.XulMenu .button:hover,
.XulMenu .button-active,
.XulMenu .button-active:hover {
    
    padding: 15px 10px 0px 10px;
    border: 0px;
    color: #666666;
    text-decoration: none;
    cursor: default;
    white-space: normal;
    display: block;
    position: relative;
    background-color: #a0a0a0;
    font-weight: bolder;
    font-variant: small-caps;
    text-align: center;
    vertical-align: bottom;
    height: 27px;
    cursor: pointer
}
.XulMenu .button:hover {
    /*border-color: #ffffff #ACA899 #ACA899 #ffffff;*/
}
.XulMenu .button-active,
.XulMenu .button-active:hover {
    /*border-color: #ACA899 #ffffff #ffffff #ACA899;*/
}
.XulMenu .item,
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
    line-height: normal;
    padding: 3px 8px 4px 8px;
    color: #d8d8d8;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: block;
    position: relative;
    z-index: 500;
    font-weight: bolder;
    font-size: 12px;
    background-color: #666666;
    text-align: left;
    cursor: pointer
}

.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
    background: #888888;
    /*color: #ffffff;*/
}
.XulMenu .section {
		font-family: verdana, arial;
		background-color: #666666;
    font-size: 11px;
    background: #888888;
    color: #d8d8d8;
    font-weight: bolder;
    border: 0px;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}
.XulMenu .arrow {
    position: absolute;
    top: 7px;
    right: 8px;
    border: 0;
}

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