@import url("layout/3d.css");

.zpMenuContainer {
	background: url("wood/button_bg.gif")  100% 100%;
	border:1px solid #000000;
}

.zpMenu-vertical-mode .zpMenu-level-1 {
	border-color: #000000;
}

/* All hrefs in the tree color black */
.zpMenu-top .zpMenu-label,
.zpMenu-top a{
	color:#FFFFFF;
	
}

.zpMenu-item table.zpMenu-table {
	font-family: Tahoma;
	font-size: 12px;
}

.zpMenuContainer .zpMenuContainer {
	margin-top:2px;
	background: rgb(189,172,160);
	border: 1px #000000;
	min-width: 11px;
	padding-top:0px;
}

/* General items that's not a top menu */
.zpMenuContainer .zpMenuContainer .zpMenu-item {
	margin-top:0px;
	padding-top: 0px;
	background: url("wood/button_bg.gif")  100% 100%;
	width: 13em;
	border-bottom: 1px solid rgb(189,172,160);
	padding:3px;
}

/* Current selected items in top horizontal menu*/
.zpMenuContainer .zpMenu-item-selected {
	background: url("wood/over_bg_color.gif");
}

/* Current selected items in vertical menu*/
.zpMenuContainer .zpMenuContainer .zpMenu-item-selected {
	background: url("wood/over_bg_color.gif")  100% 100%;
}

/* The arrow that shows up when there's a sub-menu */
.zpMenuContainer .zpMenuContainer .zpMenu-item-collapsed .zpMenu-label {
	background: url("wood/arrow_right_black.gif")  no-repeat right center; 
}

/* The arrow that shows up when there's a sub-menu and the item is hovered*/
.zpMenuContainer .zpMenuContainer .zpMenu-item-expanded .zpMenu-label {
	background: url("wood/arrow_right_black.gif")  no-repeat right center; 
}


/* Override previously defined background defined in this css for HR */
.zpMenuContainer .zpMenu-item-hr,
.zpMenuContainer .zpMenuContainer .zpMenu-item-hr {
	padding:0;
	margin:0;
	border:none;
	background:black;
}