@import url("basic.css");
/* top level, vertical and horizontal */
.zpMenu-horizontal-mode .zpMenu-level-1,
.zpMenu-vertical-mode .zpMenu-level-1 {
	height: 22px;
	width: 80px;
	padding: 0;
	background-color:#68737b;
	border:1;
}



/* Top Menu,Has SUB */
.zpMenuContainer .zpMenu-item-collapsed { background-color:#68737b; border: solid 1 #000000; }
/* Top Menu,Selected,No Sub */
.zpMenuContainer .zpMenu-item-selected { background-color:#576066; border: solid 1 #000000; }
/* Top Menu,selected,Has Sub */
.zpMenuContainer .zpMenu-item-expanded {  background-color:#68737b; border: solid 1 #000000;}

/* Top Menu,Selected,No Sub */
.zpMenu-horizontal-mode .zpMenu-level-1 {
	padding-left: 0px;
}

.zpMenu-vertical-mode .zpMenu-level-1 {
	padding-left: 0px;
	text-align:left;
	border:none;
}

.zpMenu-top .zpMenu-item-selected a,
.zpMenu-top .zpMenu-item-selected .zpMenu-label,
.zpMenuContainer a, 
.zpMenuContainer span, 
.zpMenuContainer .zpMenu-label,
.zpMenuContainer .zpMenuContainer a,
.zpMenuContainer .zpMenuContainer span,
.zpMenuContainer .zpMenuContainer .zpMenu-label {
	color: #FFFFFF;
	font-family: Arial, Verdana,   Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
}

.zpMenuContainer .zpMenuContainer {
	margin-top:1px;
	margin-left:0px;
	background:  transparent;
	min-width: 12em;
	padding-top:0px;
}



/* General items that's not a top menu */
.zpMenuContainer .zpMenuContainer .zpMenu-item,
.zpMenuContainer .zpMenuContainer {
	width: 150px;
	
}

.zpMenuContainer .zpMenuContainer .zpMenu-item {
	background-color:#68737b;
	margin-top:0px;
	padding-top: 0px;
	height: 22px;
	border: 1px solid rgb(235,235,235);
	margin-left:0px;	
	margin-bottom: 1px;
	background-position:right;
}


/* Current selected items in vertical menu*/
.zpMenuContainer .zpMenuContainer .zpMenu-item-selected {
	background-color:#576066;
}

.zpMenu-top .zpMenu-item-selected a,
.zpMenu-top .zpMenu-item-selected .zpMenu-label,
.zpMenuContainer .zpMenuContainer .zpMenu-item-selected a,
.zpMenuContainer .zpMenuContainer .zpMenu-item-selected .zpMenu-label {
	font-weight: bold;
}


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

/* 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("../images/arrow_dark.gif")  no-repeat center right;
}

.zpMenuContainer .zpMenuContainer .icon {
	padding-left: 3px;
}

/* Controls the behavior of <hr>  it the menu */
.zpMenuContainer .zpMenuContainer .zpMenu-item-hr {
	border:none;
	margin:0;
	background:#000000;
	height:6px;
	padding:0px 0px 0px 0px;
	margin-left:0px;
	width:100px;
}