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

.zpMenu {
	border: 1px solid #002C94;
	background-color: #DEDBE7;
}


/* TOP Menu */
.zpMenu .zpMenu-item-selected {
	background: url("office_gray/bg_top_on.gif") repeat 100% 100%; 
}

/* SUB Menu - NOT Top menu */
.zpMenu .zpMenu .zpMenu-item-selected .zpMenu-label,
.zpMenu .zpMenu .zpMenu-item-selected .tgb {
	background: #D193C6; 
}

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


/* Controls the behavior of ALL left icons */
.zpMenu .zpMenu  .icon {
	background: url("office_gray/bg_left.gif") #DEDBE7  repeat-y 0 50%;
}