.XulMenu {
    font-family: "MS Sans Serif", Arial, sans-serif;
    font-size: 10pt;
	font-weight: bold;
	border-color: #F3F2DE #CCC98C #CCC98C #F3F2DE;
    -moz-user-select: none;
    line-height: 2.1em;
    height: 2.1em;
}
.XulMenu .button,
.XulMenu .button:hover,
.XulMenu .button-active,
.XulMenu .button-active:hover {
    padding: 5px 6px 4px 6px;
    border: 1px solid #EAE8C2;
    color: #555A64;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    position: relative;
    display: block;
    line-height: 2.2em;
    height: 2.2em;
    padding: 0 0.5em;
}
.XulMenu .button:hover {
	border-color: #F3F2DE #CCC98C #CCC98C #F3F2DE;
}
.XulMenu span { height: 2em; line-height: 2em; }

.XulMenu .button-active,
.XulMenu .button-active:hover {
   border-color: #CCC98C #F3F2DE #F3F2DE #CCC98C;
}
.XulMenu .item,
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
    background: #EAE8C2;
    line-height: normal;
    padding: 3px 30px 3px 20px;
    color: #555A64;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: block;
    position: relative;
}
.XulMenu .item img { position: inline; }
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
    background: #F3F2DE;
    color: #555A64;
}
.XulMenu .section {
    background-color: #EAE8C2;
    border: 1px solid;
    border-color: #F3F2DE #CCC98C #CCC98C #F3F2DE;
    padding: 2px 1px 1px 2px;
    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 */