/* in appBlock – e001MENU – the menu is called within a DIV the properties are set in the following style – its main purpose is the width in where the menu is to be displayed as most properties will be overide by the real menu styles below */

#menu {
	width:150px;
   height:auto;
	margin:0;
	padding:0;
	background-color:none;
	border: 0px solid #0019A9;
}

/* margin is the space outside of the element, whereas padding is the space inside the element */
/*==========================================================*/

/* treeIndent */
/*=========*/
/* all text properties are set here */
#tree a {
	font: 12 verdana;
	color: blue;
  	text-decoration:none; 
}

#tree a:hover {
	font: 12 verdana;
	color: red;
	background-color:silver;
  	text-decoration:none; 
}

/* if properties for visited are used the default and hover after once clicked will have now effect anymore that why visted has no properties */
#tree a:visited { 
}

/*========================================================*/

/* treeMenuHorizontal */
/*================*/

/* margin-left is the position of the default Menu distance within the webEditPage DIV, TABLE, TD what ever the <?APPBLOCK ID=”MENU”> is placed in etc */
#nav {
	list-style: none; 
	margin-top:10;
	margin-left:10;
}

/* these are the std menubox properties – width etc can be added but is mostly not visible all properties are mostly set in li */
 #nav ul { 
	padding: 0;
	margin:0;
	list-style: none;
    	width:200;
    	z-index:99;
   	position:relative;
    	overflow:visible;  
   }

/* here most of the display properties are set */
/* here most of the display properties are set */
#nav li { 
	width: 200;
   	height:25;
	background-color:darkblue;
	border: 1px solid blue;
	margin:0;
	float:left;
	position: relative;
   	display:block;
	overflow:visible;  
}

/* all text properties are set here */
#nav a {
	width: 200;
   	height:25;
	font: 12 arial;
	color:white;
	padding: 0;  
 	margin: 5;
  	text-decoration:none; 
  	display:block;
}

/* if submenu’s need different color,  border etc add properties here*/
#nav ul li{ background-color:blue;}

/* properties for mouseover the menu text */
#nav a:hover{
	width:200px;				 /*helps IE with hover */
	font: 12 arial;
	color:yellow;
	padding: 0;  
 	margin: 5; 
}

#nav ul{
    display:none;   
}

/* the position of the 2nd submenu group */
#nav ul ul, #nav ul ul ul{
    display:none; 
    position:absolute; 
    margin-top:-20; 
    margin-left:195;
}

/* non-IE browsers see this */
 #nav ul li>ul, #nav ul ul li>ul{
    margin-top:-15; 
 }

 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}
li>ul { top: auto; left: auto; }


/*==============================================================*/

/* treeMenuVertical */
/*==============*/
/* margin-left is the position of the default Menu distance within the webEditPage DIV, TABLE etc */
#vertnav {
	list-style: none; 
	margin-top:10;
	margin-left:10;
}

/* these are the std menubox properties – width and background can be added but is not visible all properties are set in li */
#vertnav ul {    
	padding:0;
	margin:0;
	list-style: none;
   	z-index:99;
   	overflow:visible;
  	position:absolute; 
}

/* here most of the display properties are set */
#vertnav li { 
	width: 165;
	background-color:#0019A9;
	border: 1px solid white;
	margin:0;
	padding:3;
	position: relative;
   	display:block;
}

/* all text properties are set here */
#vertnav a {
	font: 12 verdana;
	color:white;
	padding: 0;  
 	margin: 5;			 	/*helps Opera with hover */
  	text-decoration:none; 
}

/* if submenu’s need different color */
#vertnav ul li{ background-color:#0019A9;}

/* properties for mouseover the menu text */
#vertnav a:hover{
	font: 12 verdana;
	color:#63BDF3;
	padding: 0;  
 	margin: 5; 
}

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul{
    	display:none; 
    	position:absolute; 
   	top:0; 
    	left:210;		/* distance for submneu from left side menubox */
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul{ display:none;}
#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul{display:block;}
li>ul { top: auto; left: auto;}


./*for the tree TOC*/
.toc_raised{
  border-top: 1px solid buttonhighlight;
  border-left: 1px solid buttonhighlight;
  border-bottom: 1px solid buttonshadow;
  border-right: 1px solid buttonshadow;
  background: buttonface;
  margin: 1;
}
.toc_pressed{
  border-top: 1px solid buttonshadow;
  border-left: 1px solid buttonshadow;
  border-bottom: 1px solid buttonhighlight;
  border-right: 1px solid buttonhighlight;
  background: buttonface;
  margin: 1;
}

#tocm{ font-family:verdana,Arial;font-size: 8pt;}
.tocParent 		{ textOverflow:scroll;font-size: 8pt;}
.tocChildItemHide { textOverflow:scroll; position:relative; left:20px; display:none;font-family:verdana,Arial;font-size: 8pt;}
.tocChildItemShow { textOverflow:scroll; position:relative; left:20px; display:block;font-family:verdana,Arial;font-size: 8pt;}

body, td {

font-family: verdana;
font-size: 10pt;}