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

.zpMenu-vertical-mode .zpMenu-level-1 {
	width:100px;
	border: 1px solid gray;
	background-color: #B6B18F;
}

/* ALL Anchors have NO decorations, all menu item font color */
.zpMenu-top a, .zpMenu-top .zpMenu-label {
	text-decoration:none;
	font-size: 9pt;
	font-family: Arial;
	color: #000000;
}

/* Top menu LABEL */
.zpMenuContainer .zpMenu-label {
	font-weight: bold;
}

/* SUB menu LABEL */
.zpMenuContainer .zpMenuContainer .zpMenu-label {
	font-weight: bold;
}

/* All menu items in the tree */
.zpMenuContainer .zpMenu-item {
	color: #000000;
	font-family: Arial;
	font-size: 1em;
	padding-left:0em;
	padding-right:0em;
	margin-left: 0px;
}


.zpMenuContainer .zpMenuContainer .zpMenu-item, 
.zpMenuContainer .zpMenuContainer {
	/* override top menu padding and margin */
	width: 250px;
}

/* properties in drop down menu top */
.zpMenu-horizontal-mode .zpMenu-level-1 {
	float: left;
	border: 0px solid gray;
	padding-top: 0px;
	margin-left:5px;
}

/* General items that's not a top menu */
.zpMenuContainer .zpMenuContainer .zpMenu-item {
	float: left;
  background: #B6B18F;
	padding-top: 0px;
	margin-left:0px;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom:0px;
	height:18px;
	border: 1px solid #000000;
}

/* ALL Selected font color */
.zpMenu .zpMenu-item-selected .zpMenu-label, 
.zpMenu .zpMenu-item-selected a {
	color: #9B0707;
}

/* Current selected items in top horizontal menu*/
.zpMenuContainer .zpMenu-item-selected {
	border: 0px solid gray;
	color: #9B0707;
}


/* SUB menu selected items, labels (no anchor), anchor */
.zpMenuContainer .zpMenuContainer .zpMenu-item-selected,
.zpMenuContainer .zpMenuContainer .zpMenu-item-selected .zpMenu-label, 
.zpMenuContainer .zpMenuContainer .zpMenu-item-selected a {
	color: #9B0707;
	background-color: #B6B18F;
}

/* The arrow that shows up when there's a sub-menu */
.zpMenuContainer .zpMenuContainer .zpMenu-item-collapsed .zpMenu-label {
	background: url("pink_blocks/arrow_right.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("pink_blocks/arrow_right.gif")  no-repeat right center;
}

.zpMenuContainer .zpMenu-item-hr,
.zpMenuContainer .zpMenuContainer .zpMenu-item-hr {
	background: #B6B18F;
	height:3px;
}
.zpMenuContainer .zpMenu-item-hr {
	width: 100px;
}
.zpMenuContainer .zpMenuContainer .zpMenu-item-hr {
	width: 200px;
}