.XulMenu {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	}

.XulMenu .button,
.XulMenu .button:hover,
.XulMenu .button-active,
.XulMenu .button-active:hover {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	height: 15px;
	text-decoration: none;
    white-space: nowrap;
    display: inline;
    position: relative;
	cursor: pointer;
	text-transform: uppercase;
	color: #505050;
	border-right: 1px solid white;
	}

.XulMenu .button:hover,
.XulMenu .button-active,
.XulMenu .button-active:hover {
	cursor: pointer;
	background-color: #FEFEFE;
	}

.XulMenu .item,
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
	color: #505050;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 3px;
	text-decoration: none;
    white-space: nowrap;
    display: block;
    position: relative;
	cursor: pointer;
	border-top: 1px solid #FEFEFE;
	border-left: 1px solid #FEFEFE;
	}

.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
	cursor: pointer;
	background-color: #C7C7C7;
	color: #FEFEFE;
	}

.XulMenu .section {
	background-image: url(/images/section-tile.png);
	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 */


/* menu2 */
.XulMenu2 {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 12px;
	}

.XulMenu2 .button,
.XulMenu2 .button:hover,
.XulMenu2 .button-active,
.XulMenu2 .button-active:hover {
	font-size: 12px;
	margin: 0px 0px 4px 0px;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
    white-space: nowrap;
    display: block;
    position: relative;
	cursor: pointer;
	color: #505050;
	border: 1px solid #D1D1D1;
	width: 125px; 
	}

.XulMenu2 .button:hover,
.XulMenu2 .button-active,
.XulMenu2 .button-active:hover {
	cursor: pointer;
	color: #DD0000;
	}

.XulMenu2 .item,
.XulMenu2 .item:hover,
.XulMenu2 .item-active,
.XulMenu2 .item-active:hover {
    white-space: nowrap;
    display: block;
    position: relative;
	cursor: pointer;
	text-decoration: none;
	font-size: 12px;
	margin: 0px 0px 4px 4px;
	padding-left: 4px;
	padding-right: 4px;
	text-transform: capitalize;
	color: #505050;
	border: 1px solid #D1D1D1;
	width: 125px; 
	background-color: #D1D1D1;	
	}

.XulMenu2 .item:hover,
.XulMenu2 .item-active,
.XulMenu2 .item-active:hover {
	cursor: pointer;
	background-color: white;
	color: #DD0000;
	}

.XulMenu2 .section {
    position: absolute;
    visibility: hidden; 
    z-index: -1;
	}

.XulMenu2 .arrow {
    position: absolute;
    top: 7px;
    right: 8px;
    border: 0;
	}

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