/* Menu */

.zpMenu-osx .zpMenu-top .zpMenu-label,
.zpMenu-osx .zpMenu-top a {
	color: #BAC2DC;
	line-height: 12px;
	text-decoration: none;
	font-family: Verdana, 宋体;
	font-size: 12px;
	font-weight:normal;
	padding:1px;
}

.zpMenu-osx .zpMenu {
	/*background: url("osx/gray_bg.gif");*/
/*	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: red green orange blue;*/
	background-color: #1D547F; /* TOP MENU STANDARD BLUE BACKGROUND COLOR */
	padding: 0px;
	line-height: 12px;
	}

.zpMenu-osx .zpMenuContainer .zpMenuContainer .zpMenu {
	/*opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);*/
	opacity: 100;
	-moz-opacity: 100;
	filter: alpha(opacity=100);
	border-bottom: 1px solid #768EA7;
}

/* Current selected items in top horizontal menu*/
.zpMenu-osx .zpMenu-top .zpMenu-item-selected .zpMenu-label,
.zpMenu-osx .zpMenu-top .zpMenu-item-selected a {
	color: #FFFFFF; /* TOP MENU SELECTED TEXT COLOR */
	padding: 0px;
	text-decoration: none;
	line-height: 12px;
	padding:1px;
}


/* Sub menu */
.zpMenuContainer .zpMenuContainer .zpMenu-item {
	color: #FFFFFF;
	margin-top:0px;
	padding-top: 0px;
	background: #557E9F; /* SUB MENU BACKGROUND COLOR */
	border-top: 1px solid #768EA7;
	border-left: 5px solid #768EA7;
	padding:5px;
}

/* Sub menu link */
.zpMenuContainer .zpMenuContainer .zpMenu-item a {
	color: #FFFFFF;
	text-decoration: none;
}

/* Sub menu selected */
.zpMenuContainer .zpMenuContainer .zpMenu-item-selected {
	color: #FFFFFF;
	margin-top:0px;
	padding-top: 0px;
	background: #557E9F; /* SUB MENU BACKGROUND COLOR */
	border-top: 1px solid #768EA7;
	border-left: 5px solid #87c3ff;
	padding:5px;
}
	

.zpMenu-osx .zpMenu .zpMenu-item-selected {
	border-right: 1px solid #768EA7;
	background-color: #557E9F; /* TOP MENU SELECTED BACKGROUND COLOR */
	color: #FF9900;
	}

/* Current selected items in vertical menu*/
.zpMenu-osx .zpMenuContainer .zpMenuContainer .zpMenu-item-selected {
	padding: 5px;
	border-right: 1px solid #768EA7;
	background-color: #00325a; /* SUB MENU SELECTED BACKGROUND COLOR */
}

/* The arrow that shows up when there's a sub-menu */
.zpMenu-osx .zpMenuContainer .zpMenuContainer .zpMenu-item-collapsed .zpMenu-label {
	background: url("osx/arrow_gray.gif") no-repeat right center;
}

/* The arrow that shows up when there's a sub-menu and the item is hovered*/
.zpMenu-osx .zpMenuContainer .zpMenuContainer .zpMenu-item-expanded .zpMenu-label {
	background: url("osx/arrow_white.gif") #2465B3 no-repeat right center;
}

/* Override previously defined background defined in this css for HR */
.zpMenu-osx .zpMenuContainer .zpMenu-item-hr,
.zpMenu-osx .zpMenuContainer .zpMenuContainer .zpMenu-item-hr {
	padding:0;
	margin:0;
	border:none;
	background:black;
}

/* This selector will activate on page load when the menue is displayed */
.zpMenuContainer, .zpMenu {
	float: left; /* IE fix */
	position: relative;
	color: #000000;
	top: 0px;
	/*top: 50px;*/
}


/* Top menu, horizontal */
.zpMenu-horizontal-mode .zpMenu-level-1 {
	float: left;
	padding-left:0px;
	padding-right:0px;
	height: 37px;
	border-right: 1px solid #768EA7;
 	/*border-right-color: #003300;
	border-right: 1;*/
}

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

}

/* All NON-Selected Labels font color black */
.zpMenu-top .zpMenu-label,
.zpMenu-top a{
	color: #FFFFFF;
	
}

/* ALL Selected Labels font color black */
.zpMenu-top .zpMenu-item-selected .zpMenu-label,
.zpMenu-top .zpMenu-item-selected a {
	color: #FFFFFF;
	
}

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

}

/* Vertical: true */
/* 
class="zpMenu-top zpMenuContainer zpMenu-vertical-mode" 
class="zpMenu-item-odd zpMenu-level-1 zpMenu-item zpMenu-item-first zpMenu-lines-c"
*/
.zpMenu-vertical-mode  .zpMenu-level-1 {
	width: 10em;
	position:relative;
	/* override float:left in basic.css */
	float:none;
	margin:0;
	padding-left: 0px;	/* Label 5px in */
	/* If border then make sure HR css renders correctly 
	border-bottom:1px solid black;
	*/
 }

.zpMenu-vertical-mode .zpMenu-level-1 .zpMenu-item-last {
	border-bottom: none;

}

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


/* Menu containers */

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


.zpMenu-item {
	cursor: pointer;
}


/* 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,
.zpMenuContainer .zpMenuContainer .zpMenu-item .minus,
.zpMenu .zpMenu-item .plus,
.zpMenuContainer .zpMenuContainer .zpMenu-item .plus {
	display: 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-color:#1d547f;
	font-weight:bold;
}
.zpHideOnLoad ul {
	display:none;
	font-size:7px;
}

/*
<div style="-moz-user-select: none;" class="zpMenu-item-even zpMenu-item zpMenu-level-1 zpMenu-item-hr zpMenu-lines-c">
  <table cellspacing="0" cellpadding="0" style="-moz-user-select: none;" class="zpMenu-table">
    <tbody style="-moz-user-select: none;">
      <tr style="-moz-user-select: none;">
        <td style="-moz-user-select: none;" class="zpMenu-label">
          <hr>
          </hr>
        </td>
      </tr>
    </tbody>
  </table>
</div>
*/
/* Begin HR style */
/* Controls the behavior of <hr>  it the menu
Overide ALL element contained in a zpMenu-item-hr */
/* zpMenu-item and zpMenu-item-hr are in same class level */

.zpMenuContainer .zpMenu-item-hr,
.zpMenuContainer .zpMenuContainer .zpMenu-item-hr {
	margin:0;
	padding:0;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid blue;
	background:red;
	/* note: width of 100% breaks in IE */
	/* If you take out width:auto then FireFox does not pad right properly */
	width:auto;
}

/* for CSS2 browsers */
.zpMenuContainer .zpMenu-item-hr hr *,
.zpMenuContainer .zpMenuContainer .zpMenu-item-hr hr *,
/* for CSS1 browsers */
.zpMenuContainer .zpMenu-item-hr hr,
.zpMenuContainer .zpMenuContainer .zpMenu-item-hr hr {
	xbackground:none;
	display: none;
}



/* End HR style */

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

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

/* Sub-menu */
.zpMenuContainer .zpMenuContainer {
	position: absolute;
	width: 180px;
}

/* General items that's not a top menu */
.zpMenuContainer .zpMenuContainer .zpMenu-item {
	/*width: 10em;*/
	padding:5px
}

/* TOP Menu - Set vertical align to center table */
.zpMenu-vertical-mode .zpMenu-level-1,
.zpMenu-horizontal-mode .zpMenu-level-1 {
	vertical-align:middle;
	border-bottom-width: 1px;
	border-bottom-color: #99CC33;
}

/* TOP Menu - Have table use 100% of DIV so it can be vertical-align: middle */
.zpMenu-horizontal-mode .zpMenu-level-1 .zpMenu-table {
	height:100%;
}

.zpMenuContainer .zpMenuContainer  .zpMenu-label {
	/* This scenario is needed when an Arrow image is over a menu item image */
	/* Make the Menu label FILL the td so the Arrow will be right aligned */
	/* zpMenu-item-collapsed, zpMenu-item-expanded */
	width:1000px; 
}


/* Must include this CSS for Animation and Special Effects.  Fixes IE problems */
.zpMenuContainer .zpMenuContainer .zpMenu {
	filter: alpha(opacity=100);
}

.zpMenuDisabled {
	cursor: default !important;
}

.zpMenuDisabled .zpMenu-table .zpMenu-label,
.zpMenuDisabled .zpMenu-table .zpMenu-label a
{
	color: #aaa !important;
	cursor: default !important;
	
}

.zpMenuPath,
.zpMenuPath td,
.zpMenuPath a
{
	background: green !important;
}

.zpMenuScrollUpActive {
	height: 10px;
	margin: 0px !important;
	padding: 0px !important;
	background: url(../images/scroll_up_active.gif) no-repeat center top;
}

.zpMenuScrollUpInactive {
	height: 10px;
	margin: 0px !important;
	padding: 0px !important;
	background: url(../images/scroll_up_inactive.gif) no-repeat center top;
}

.zpMenuScrollDownActive {
	height: 10px;
	margin: 0px !important;
	padding: 0px !important;
	background: url(../images/scroll_down_active.gif) no-repeat center bottom;
}

.zpMenuScrollDownInactive {
	height: 10px;
	margin: 0px !important;
	padding: 0px !important;
	background: url(../images/scroll_down_inactive.gif) no-repeat center bottom;
}