@import url("layout/basic.css");

/* First level border */
.zpMenu-horizontal-mode .zpMenu-item,
.zpMenu-vertical-mode .zpMenu-item,
.zpMenuContainer .zpMenuContainer .zpMenu-item {
	
}



.zpMenu-vertical-mode .zpMenu-item {
	border-bottom: none;
}

/* first level border */
.zpMenu-vertical-mode .zpMenu-item-last {
	
}

/* Top horizontal - clip right border so left/right 2px not formed */
.zpMenu-horizontal-mode .zpMenu-item {
	border-right:none;
}
/* Top horizontal - add right most border */
.zpMenu-horizontal-mode .zpMenu-item-last {
	
}




/* Sub level borders left and right */
.zpMenuContainer .zpMenuContainer .zpMenu-item {
	border-top:none;
	height:auto;
	width:auto;
	background: rgb(142,154,185);
	
}

/* Sub level borders First item - define TOP border */
.zpMenuContainer .zpMenuContainer .zpMenu-item-first {
	
}

/* Default Background Color of ALL menu items */
.zpMenuContainer .zpMenu-item {
	
	
}

/* Current selected items in top horizontal menu*/
.zpMenuContainer .zpMenuContainer .zpMenu-item-selected{

background: #9EACB9;

}
/* Top Menu,Selected,No Sub */
.zpMenuContainer .zpMenu-item-selected {
   background: url("lightblue/blank.gif")   no-repeat right center;
}
/* Top Menu,Has SUB */
.zpMenuContainer .zpMenu-item-collapsed {
 background: url("lightblue/arrow_white.gif")   no-repeat right center;
   color:#99CC00;

}
/* Top Menu,selected,Has Sub */
.zpMenuContainer .zpMenu-item-expanded { 
	background: url("lightblue/arrow_white_d.gif")   no-repeat right center;
   color:#99CC00;
	 }

 .zpMenuContainer .zpMenu-item-selected .zpMenu-label { color:#8F1111; }
 .zpMenuContainer .zpMenu-item-selected a { color:#8F1111; }
 .zpMenuContainer .zpMenuContainer .zpMenu-item-selected .zpMenu-label { color:#8F1111;}
 .zpMenuContainer .zpMenuContainer .zpMenu-item-selected a { color:#8F1111; }

/* All hrefs in the Menu color black */
.zpMenu-top .zpMenu-label, 
.zpMenu-top a{
	color:#ffffff;
}


.zpMenu-item table.zpMenu-table {
	font: 12px "Arial", "Verdana", sans-serif;
	
}

/* The arrow that shows up when there's a sub-menu */
.zpMenuContainer .zpMenuContainer .zpMenu-item-collapsed  {
	
}

/* The arrow that shows up when there's a sub-menu and the item is hovered*/
.zpMenuContainer .zpMenuContainer .zpMenu-item-expanded  {

}
.zpMenuContainer .zpMenuCust1 {
   height:24px;
  }
.zpMenuContainer .zpMenuCust1 .zpMenu-label {
   
   font-size:12px;
   
}