/*
 * PureDOMExplorer Demo styles 
 * written by Chris Heilmann 
 * More at http://onlinetools.org/tools/puredom/
 */
	ul.pde a:link,
	ul.pde a:visited,
	ul.pde a:hover,
	ul.pde a:active{
		text-decoration:none;
		color:#000;
	}
	ul.pde,ul.pde li{
		margin:0;
		padding:0;
		list-style:none;
	}
	ul.pde{
		text-align:left;
		/*margin:.5em auto;*/
		background:#eee;
		width:100%;
		font-family: Arial, Helvetica, sans-serif;
		border-right: 1px solid #ccc;
	}
	/*first submenus ul-set*/
	ul.pde ul{
		margin:0 0 0 1.1em;
		padding:0;
	}
	ul.pde li{
		line-height: 1.3em;
		padding: 0;
	}
	ul.pde li li{
		font-size: 1em;
		line-height: 1em;
		padding: 4px 2px 4px 8px;
		border-bottom: 1px dashed #ffffff; 
		
	}
/* dynamically added to LIs with nested ULs */
	ul.pde li.parent{
		padding-left:0;
	}
	ul.pde li.parent img{
		border: none;
	}
/* dynamically added to LIs with nested ULs and SPAN elements in them */
	ul.pde li.current li{
		padding-left: 8px;
		border-left: 1px dashed #ffffff;
		background: #CCCCFF;
	}
/* The class to hide nested ULs */
       .hide{
			   display: none;
       }
/* The class to show nested ULs */
       .show{
               position:relative;
               display: table;
               top: 0px;
               left: 2px;
       }
	   
		   
/*############TN TEST########*/
#MenuContainer {position:relative; z-index:1}

/*//TN span style for when menu is selected*/	   
ul.pde span {
	font-weight: bold;
	color: #000;
	padding: 0px 0px 0px 0px !important;
}
/*//TN added class for when menu contains image instead of text (button vs.)*/   
ul.pde li.parent img.menuimg{
	border: none;
	cursor: pointer;
}
/*//TN class for expand/minimize img */
ul.pde li img.expandminimize {
	border: none; cursor: default; padding-top: 7px; padding-bottom: 6px; padding-right: 2px;
}
/*The Link style for top-level menuitems and is read by all browsers*/
ul.pde li a.menudepth0 {
	color: #ffffff;
	font-size: 1.1em;
}
/*The Link style for top-level menuitems hidden from Netscape 4*/
ul.pde li a.menudepth0 {
	/*/*/display: block;
	height: 30px;
	color: #ffffff;
	text-decoration: none;
	background: #eeeeee url("../../images/pde_button_bg.gif") bottom left repeat-x;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	vertical-align: middle;
	 /* */
}
ul.pde li a.menudepth0:visited {
	color: #ffffff;
}
ul.pde li a.menudepth0:hover {
	color: #99FFCC;
	background: #cccccc url("../../images/pde_button_bg_hover.gif") bottom left repeat-x;
}
ul.pde li a.menudepth0:active {
	color: #ffffff;
}