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

.zpMenu {
	border-top:    1px solid #CFD8E1;
	border-right:  2px solid #6889AD;
	border-bottom: 2px solid #6889AD;
	border-left:   1px solid #CFD8E1;
	background: #FFFFFF;
}

.zpMenu .zpMenu {
	margin-top:1px;
}

/* properties a drop down menu */
.zpMenu-vertical-mode .zpMenu-level-1, 
.zpMenuVertical {
	background: #FFFFFF;
	border-top:    1px solid #CFD8E1;
	border-right:  1px solid #CFD8E1;
	border-bottom: 0px solid #CFD8E1;
	border-left:   1px solid #CFD8E1; /* Match the border when selected */
}


.zpMenu .zpMenu .zpMenu-item {
	background: #FFFFFF;
}
/* General items that's not a top menu */
x.zpMenu .zpMenu .zpMenu-item {
	padding-top:1px;
	padding-bottom:1px;
}


/* Current selected items in top horizontal menu*/
.zpMenu .zpMenu-item-selected {
	border-top:   1px solid #6889AD;
	border-right: 1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:  1px solid #6889AD;
	background: #EBEFF3;
}

/* Current selected items in vertical menu*/
.zpMenu .zpMenu .zpMenu-item-selected {
	background: #EBEFF3; 
	color: #FFFFFF;
	border-top:   1px solid #6889AD;
	border-right: 1px solid #CFD8E1;
	border-bottom:1px solid #CFD8E1;
	border-left:  1px solid #6889AD;
}

/* The arrow that shows up when there's a sub-menu */
.zpMenu .zpMenu .zpMenu-item-collapsed .zpMenu-label {
	background: url("icon/arrow_right_black.gif") #ffffff  no-repeat 0 50%; 
	background-position:right;
}

/* The arrow that shows up when there's a sub-menu and the item is hovered*/
.zpMenu .zpMenu .zpMenu-item-expanded .zpMenu-label {
	background: url("icon/arrow_right_black.gif") #EBEFF3 no-repeat 0 50%; 
	background-position:right;
}