/* Basic CSS for menus to be included by other CSS files */

/* LAYOUT CSS -- this part should not be altered! */

/* 
Collapsed Menu
--------------
div: zpMenu-top zpMenu
//a top menu item
div: zpMenu-lines-t zpMenu-item zpMenu-item-more zpMenu-item-collapsed
table: zpMenu-table
tr
td: tgb plus
td: .zpMenu-label

div: zpMenu zpMenu-lined
div: zpMenu-item-more zpMenu-item zpMenu-item-collapsed zpMenu-lines-c
div: zpMenu zpMenu-lined
...


Expanded Menu
-------------

div: zpMenu-item-expanded zpMenu-item-more zpMenu-item zpMenu-lines-t 
table zpMenu-table
tr
td tgb plus
td .zpMenu-label

zpMenu-item-selected

*/

/* This selector will activate on page load when the menue is displayed */
.zpMenu {
	float: left;
	position: relative;
	margin-left: 6px;
}

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

/* Anchor has NO style */
.zpMenu-top a:link {
	text-decoration: none;
	font-weight: bold;
}

.zpMenu-top a:visited {
	text-decoration: none;
	font-weight: bold;
}

/* All NON-Selected Labels font color black */
.zpMenu-top .zpMenu-label,
.zpMenu-top a:link {
	text-decoration: none;
	font-weight: bold;
}

/* .zpMenu-top .zpMenu-label,
.zpMenu-top a:visited {
	color: #000000;
	text-decoration: none;
} */

/* ALL Selected Labels font color */
.zpMenu-top .zpMenu-item-selected .zpMenu-label,
.zpMenu-top .zpMenu-item-selected a {
	color: #FFFFFF;
	/*font-weight: bold;*/
	text-decoration: none;
	background-color: #0000C6;
}

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

.zpMenu .zpMenu-item a:visited {
	/* color: #000000;*/
	float: left;
}

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

.zpMenu-vertical-mode .zpMenu-item-last {
	border-bottom: 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;
	border-left-color: #7B84C6;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #7B84C6;
	border-right-style: solid;
	border-right-width: 1px; */
}
/* 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 */
}

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

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


/* Menu containers */

.zpMenu-item table.zpMenu-table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}


.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,
.zpMenu .zpMenu .zpMenu-item .minus,
.zpMenu .zpMenu-item .plus, 
.zpMenu .zpMenu .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;
}
.zpHideOnLoad ul {
	display:none;
}

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

.zpMenu .zpMenu .zpMenu-item-hr hr {     
	display: none; 
} 


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

.zpMenu .zpMenu .zpMenu-item-hr hr * {      
	display: none; 
} 


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

/* 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: 188px;
	border-width: 1;
	border-style: solid;
	border-color: #A4D1FA;
}


/* General items that's not a top menu */
.zpMenu .zpMenu .zpMenu-item {
	float: left;
	width: 186px;
	background-color: #DBEDFD;
	border-style: solid;
	border-width: 1px;
	border-color: #DBEDFD;
}


/* Menu */


.zpMenu {
	font-family: Arial, Helvetica, sans-serif;
	border: 0px;
	font-size: 13px;
	font-weight: bold;	
	/* 	border: 0px solid #002C94; */
	/*	background: #ADCBF7; */
}

/* Top-level: The arrow that shows up when there's a sub-menu */
.zpMenu .zpMenu-item-collapsed {
	background: url(images/SubmenuArrowD.gif) no-repeat 0 50%;
	background-position: right;
	text-decoration: none;
}

/* Top-level: The arrow that shows up when there's a sub-menu and the item is hovered*/
.zpMenu .zpMenu-item-expanded {
	background: url(images/SubmenuArrowD.gif) no-repeat 0 50%;
	background-position: right;
	background-color: #0000C6;
	font-weight: bold;
	text-decoration: none;
}

/* Top-level: covers icons also */
.zpMenu .zpMenu-item-selected {
	background-color: #0000C6;
	background-position: right;
	font-weight: bold;
	text-decoration: none;
}

/* SUB Menu - NOT Top menu */
.zpMenu .zpMenu .zpMenu-item-selected,
.zpMenu .zpMenu .zpMenu-item-selected {
	background-color: #0000C6;
	border-style: solid;
	border-color: #0000C6;
	border-width: 1px;
	font-weight: bold;
	text-decoration: none;
}

/* The arrow that shows up when there's a sub-menu */
.zpMenu .zpMenu .zpMenu-item-collapsed .zpMenu-label {
	background: url(images/SubmenuArrow.gif) no-repeat 0 50%;
	background-position: right;
	background-color: #DBEDFD;
}

/* 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(images/SubmenuArrow.gif) no-repeat 0 50%;
	background-position: right;
	background-color: #0000C6;
}


/* Controls the behavior of ALL left icons 
.zpMenu .zpMenu  .icon {
	background: url(assets/zpmenu/themes/office_blue/bg_left.gif) #ADCBF7  repeat-y 0 50%;
}*/

/* Begin HR style */
/* Controls the behavior of <hr> in the menu 
Overide ALL element contained in a zpMenu-item-hr */
.zpMenu .zpMenu-item .zpMenu-item-hr,
.zpMenu .zpMenu-item-hr .zpMenu-item td,
.zpMenu .zpMenu-item-hr .zpMenu-item td .zpMenu-label,
.zpMenu .zpMenu-item-hr .zpMenu-item .tgb,
.zpMenu .zpMenu-item-hr .zpMenu-item .icon,
.zpMenu .zpMenu-item-hr {
	background-color: #A4D1FA;
/*	margin-top: 3px;
	height: 1px;
	margin-bottom: 3px; */
	margin: 0;
	padding: 0;
	border: 0;
	height: 2px;
}

/*
.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,
.zpMenu .zpMenu .zpMenu .zpMenu-item-hr {
	background-color: red;
	margin-top: 0px;
	height: 1px;
	margin-bottom: 0px;
*/

/* 2nd level HR */
.zpMenu .zpMenu .zpMenu-item-hr,
.zpMenu .zpMenu .zpMenu-item-hr,
.zpMenu .zpMenu .zpMenu .zpMenu-item-hr {
	margin:0;
	padding:0;
	border:none;
	background-color: #A4D1FA;
	height: 1px;
}

/* End HR style */