@import url("3d.css");

.balmenu {
    height: 246px;
}

/* top menu has outside border */
.zpMenuContainer {
    width: 210px;
    position: absolute;
    cursor: pointer;
}

/* vertical menu has width based on widest element */
.zpMenu-vertical-mode .zpMenu-level-1 {
    margin: 3px;
    padding: 9px;
    padding-left: 50px;
}

.zpMenu-vertical-mode .zpMenu-level-1 a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    /*color: #115E85;*/
    color: #A3B107;	
}

.zpMenu-vertical-mode .zpMenu-level-1 a:hover {
    /*color: #FF9D2A;*/
    color: #A3B107;
}

/* sub-menu has NO border */
.zpMenuContainer .zpMenuContainer {
    /*background-color: #D9EBFF;*/
    background-color: #F0F0F0;
    /*border: 2px solid #115E85;*/
    border: 2px solid #A3B107;
    /*border-bottom: 1px solid #115E85;*/
    border-bottom: 1px solid #A3B107;
    border-top: none;
    margin-top: -1px;
    margin-left: 0px;
    cursor: pointer;
}

/* General items that's not a top menu */
.zpMenuContainer .zpMenuContainer .zpMenu-item {
	width: 190px;
	/*height: 14px;*/
    padding: 10px;
    border: none;
    /*border-top: 1px solid #115E85;*/
    border-top: 1px solid #A3B107;
    margin: none;
}

.zpMenuContainer .zpMenuContainer .zpMenu-item a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: normal;
    /*color: #115E85;*/
    color: #A3B107;
}

.zpMenuContainer .zpMenuContainer .zpMenu-item a:hover {
    /*color: #FB9F2E;*/
    color: #7E6E63;
}

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

.zpMenu .zpMenu-item-selected a {
	/*color: #FF9D2A;*/
       color: #7E6E63;
}

/* Current selected items in vertical menu*/
.zpMenuContainer .zpMenuContainer .zpMenu-item-selected {
/*
	margin-top:0px;
	background-position:top left;	
*/
	/*background-color: #EEF7FF;*/	
}

.zpMenuContainer .zpMenuContainer .zpMenu-item-selected a {
    /*color: #FB9F2E;*/
}

/* The arrow that shows up when there's a sub-menu */
.zpMenuContainer .zpMenuContainer .zpMenu-item-expanded .zpMenu-label,
.zpMenuContainer .zpMenuContainer .zpMenu-item-collapsed .zpMenu-label {
	
}
/* Override previously defined background defined in this css for HR */
.zpMenuContainer .zpMenuContainer .zpMenu-item-hr {
	border:none;
}