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


.zpMenu {
	/*border: 1px solid #002C94;*/
	/*background: #ADCBF7;*/
	background: #CCCCCC;
}

/* TOP Menu - covers icons also */

.zpMenu .zpMenu-item-selected {
	background: url("../cre/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: #FFEFC6; */
	background: #000000
}

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


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