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


.zpMenu {
	border-top: 1px solid #DC3431;
		border-bottom: 1px solid #DC3431;
	background: #FF9999;
}

/* TOP Menu - covers icons also */
.zpMenu .zpMenu-item-selected {
	background: url("office_red/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: #FFC6C6; 
}

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


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