/*
 * PureDOMExplorer Demo styles
 * written by Chris Heilmann
 * More at http://onlinetools.org/tools/puredom/
 */

/*	.pde{
	background: url(../../media/image/bas01.gif) 0px 0px no-repeat;
 	background-position: left bottom;
	border:	1px solid #999999;
	height: expression( this.scrollHeight < document.getElementById("application").scrollHeight ? document.getElementById("application").scrollHeight : "auto");
	}*/

	ul.pde a{
	display:		block;
	width:			100%;
	cursor:			pointer;
	font-size:		medium;
	color:			#474747;
	text-decoration:	none;
	font-weight:		normal;
	text-align:		left;
	margin-left:		10px;
	padding-top:		8px;
	float:			left;
	}


	ul.pde a:link,
	ul.pde a:visited,
	ul.pde a:hover,
	ul.pde a:active{
		text-decoration:none;
	}

	ul.pde a:hover{
 	color:			#BA007C;
 	}

	ul.pde, ul.pde li{
		display:block;
		margin:0;
		padding:0;
		list-style:none;
		float:	left;
		width:	205px;
		margin-top:7px;
		vertical-align:top;
	}

	ul.pde{
	display:block;
	margin-top:	15px;
	left:		0px;
	}

	ul.pde img{
	display:none;
/* 	overflow: hidden; */
	}

	ul.pde .Navigation, ul.pde .NavigationSelected{
		display:block;
		width:	100%;
/*		background:url(../../media/image/picto_petit.gif) 0px 0px no-repeat;
		background-position: right top;*/
		border-top:1px solid #999999;
		vertical-align:top;
		top:0;
	}

	ul.pde .Navigation:hover, ul.pde .NavigationSelected{
		display:block;
		width:	100%;
/*		background:url(../../media/image/picto_orange.gif) 0px 0px no-repeat;
		background-position: right top;*/
		color:#BA007C;
		font-size:		medium;
		font-weight:		normal;
/* 		border-top:1px solid #999999; */
	}

	ul.pde ul.pde .NavigationSelected a, ul.pde .Navigation a{
		width:	100%;
		vertical-align:top;
		top:0;
	}

	ul.pde .NavigationSelected a strong, ul.pde .Navigation a strong{
		font-size:		medium;
		font-weight:		bold;
		color:			#BA007C;
		margin-left:		-2px;
	}

/* dynamically added to LIs with nested ULs and STRONG elements in them */

	ul.pde .selected a, ul.pde .selected a strong{
		display:block;
		font-size:		small;
		text-decoration:	none;
		font-weight:		bold;
		text-align:		left;
		color:			#BA007C;
		background:		none;
		width:			100%;
		margin-left:		6px;
	}


/* The class to hide nested ULs */
       .hide{
       	       width:  100%;
               position:absolute;
               top:0;
               left:-6000px;
               display:none;
               overflow: hidden;
       }
/* The class to show nested ULs */
       .show{
       		width:  100%;
               	position:static;
               	display: block;
               	top:0;
       }

       ul.pde .none{
	display:block;
	width:	100%;
	text-align:left;
       }

       ul.pde .none a{
	font-size:		small;
	text-decoration:	none;
	font-weight:		bold;
	text-align:		left;
	color:			#999999;
	background:		none;
 	width:	100%;
       }

       ul.pde .none a:hover{
	color:			#BA007C;
       }