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

.zpMenu {
	margin: 0px 0px 0px 0px;
	width: 150px;
	text-align: left;
	background: none;
}

.zpMenu .zpMenu {
	/*margin-top:2px;*/
	background:#679998;
}

/* properties a drop down menu */
.zpMenu-vertical-mode .zpMenu-level-1, 
.zpMenuVertical {
	padding: 3px 3px 3px 3px;
	text-align: left;	
	background: url("icon/3dots.gif")  no-repeat; 
	background-position:left;	
}

.zpMenu .zpMenu .zpMenu-item {
	margin: 0px 0px 0px 0px;

}
/* General items that's not a top menu */
x.zpMenu .zpMenu .zpMenu-item {
	text-align: left;
	margin: 0px 0px 0px 0px;
}

.zpMenu .zpMenu .zpMenu-item {
	margin-left:4px;
	margin-top:2px;
	margin-bottom:2px;
	background: url("icon/3dots.gif")  no-repeat; 
	background-position:left;
	text-indent:10px;	
}

/* Current selected items in top horizontal menu*/
.zpMenu .zpMenu-item-selected {
	background: url("icon/3dots_over.gif")  no-repeat; 
	background-position:left;	
	/* background: #ffffff; */
}

/* Current selected items in vertical menu*/
.zpMenu .zpMenu .zpMenu-item-selected {
	/* background: #E7E7E7; */
	color: #ffffff;
	text-decoration: none;
	background: url("icon/3dots_over.gif")  no-repeat; 
	background-position:left;
}

/* 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") 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") no-repeat 0 50%; 
	background-position:right;
	
	
}