.zpMenu {
    float: left; /* IE fix */
    position: relative;
    color: #ffffff;
    border-color: #EEEEE6 #B0B098 #B0B098 #EEEEE6;
    height: 30px;
}

/* properties a drop down menu */
.zpMenuVertical {
    float: left;
    padding-top:2px;
    padding-bottom:1px;
    padding-left:1em;
    padding-right:2em;
    height: 17px;
    background: none;
}

/* Anchor has NO style */
.zpMenu-top a{
    text-decoration:none;
    background: none;
}

/* All NON-Selected Labels font color black */
.zpMenu-top .zpMenu-label, .zpMenu-top a{
    color: #ffffff;
    font-weight: bold;
    font-family: verdana;
    letter-spacing: 1pt;
    background: none;
}

/* ALL Selected Labels font color black */
.zpMenu-top .zpMenu-item-selected .zpMenu-label,
.zpMenu-top .zpMenu-item-selected a {
    color: #ffffff;
    font-weight: bold;
    font-family: verdana;
    letter-spacing: 1pt;
    background: none;
}

/* This selector will activate when the menue is displayed and represent the items in the top menu */
.zpMenu .zpMenu-item {
    float: left;
    background: none;
}

/* Vertical: true */
.zpMenu-vertical-mode .zpMenu-level-1 {
    width: 10em;
    position:relative;
    /* override float:left in basic.css */
    float:none;
    margin:0;
    padding-left: 5px;    /* Label 5px in */
    border-bottom:1px solid black;
    background: none;
}

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

/* What to do if the LI has NO icon
by default show NO icons
-you css can override this
*/
.zpMenu-level-1  {
    background: none;
}

/* This selector will activate when mouse over one top menu item and the collapsed menu is displayed */
.zpMenu .zpMenu .zpMenu-item {
    float: none; /* Specifies no alignment for the content of those items in the collapsed menu */
    background: none;
}

/* This selector will activate when mouse over one top menu item */
.zpMenu .zpMenu .zpMenu-item table.zpMenu-table {
    width: 100%;
    background: none;
}

/* FORMATTING CSS -- can be altered. */


/* Menu containers */

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

.zpMenu-item {
    cursor: pointer;
    background: none;
}

/* Hide expansion indicators */

/* These are indicators for items that have sub-menus, and are hidden cause they generate a
   blank space in front of the content of those items */

.zpMenu .zpMenu-item .minus,
.zpMenu .zpMenu .zpMenu-item .minus,
.zpMenu .zpMenu-item .plus,
.zpMenu .zpMenu .zpMenu-item .plus {
    display: none;
    background: none;
}

/* Helper classes to hide the menu onload */
/* ??? I guess these are to be used on low Internet connection to display nothing befor all the needed things for the menu are loaded*/
.zpHideOnLoad {
    background: url("images/menuLoad.gif") no-repeat 100% 100%;
    display:none;
    background: none;
}

.zpHideOnLoad ul {
    display:none;
    background: none;
}

/* Begin HR style */
/* Controls the behavior of <hr>  it the menu
Overide ALL element contained in a zpMenu-item-hr */
.zpMenu .zpMenu .zpMenu-item .zpMenu-item-hr,
.zpMenu .zpMenu .zpMenu-item-hr .zpMenu-item td,
.zpMenu .zpMenu .zpMenu-item-hr .zpMenu-item td .zpMenu-label,
.zpMenu .zpMenu .zpMenu-item-hr .zpMenu-item .tgb,
.zpMenu .zpMenu .zpMenu-item-hr .zpMenu-item .icon,
.zpMenu .zpMenu .zpMenu-item-hr {
    margin:0;
    padding:0;
    border-color:black;
    background-color:black;
    background: none;
}

.zpMenu .zpMenu .zpMenu-item-hr hr {    /* for CSS1 browsers */
    display: none;
    background: none;
}

.zpMenu .zpMenu .zpMenu-item-hr hr * {     /* for CSS2 browsers */
    display: none;
    background: none;
}

/* End HR style */

/* Start - ICON Alignment */
/* Controls the behavior of ALL left icons */
.zpMenu .zpMenu .icon {
    background: none;
    width: 32px;
}

/* If you have an icon column and you want the Label to be left aligned, where the
   icon would start, then uncomment this section
.zpMenu .zpMenu  .zpMenu-noicon {
    background: none;
    width: 0px;
}
*/
/* End - ICON Alignment */

/* Sub-menu */
.zpMenu .zpMenu {
    position: absolute;
    width: 10em;
    background: none;
}

/* General items that's not a top menu */
.zpMenu .zpMenu .zpMenu-item {
    float: left;
    width: 10em;
    padding:0em;
    background: none;
}






/* Menu */

.zpMenu .zpMenu {
	margin-top:2px;
    background: none;
}

.zpMenu .zpMenu .zpMenu-item,
.zpMenu-vertical-mode .zpMenu-level-1,
.zpMenu-level-1 {
	border-color: #EEEEE6 #B0B098 #B0B098 #EEEEE6;
	padding-top: 1px;
    background: none;
}

/* All labels, top and sub */
.zpMenu-top .zpMenu-label,
.zpMenu-top a{
    background: none;
}

/* General items that's not a top menu */
.zpMenu .zpMenu .zpMenu-item {
	margin-top:0px;
	width: 15em;
    background: none;
}

/* Current selected items */
.zpMenu .zpMenu-item-selected,
.zpMenu .zpMenu .zpMenu-item-selected {
    background: none;
}

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