/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */
/* ############### SIDENAVIGATION ############### */


#sidenav{
	font-size: 115%;
}
#sidenav ul{	margin: 30px 0 0 0;}	

#sidenav ul ul{	margin: 0;}

/* @group Level 1
 */

/* ############### LEVEL 1 ############### */	
#sidenav ul li{
	list-style-type: none !important;
	color: #0071b9;
	font-weight: bold; 
	margin-bottom: 0 !important;
	}

#sidenav ul li a:link, #sidenav ul li a:visited{
	display: block;
	padding: 6px 20px 6px 0;
	text-decoration: none;
	text-transform: uppercase;
	color: #0071b9;
	font-weight: bold;	
	width: 180px;/* for IE6*/
	font-size: 0.7em;
	text-align: right;
	background: url(/websites/18/uploads/gfx/basics/sidenav.divider.gif) repeat-x 0 bottom;
}
	
#sidenav ul li a:hover, #sidenav ul li a:active{ background-color: #0071b9;	color: #fff;}

#sidenav ul li a.selected:link{ background-color: #0071b9;	color: #fff;}
#sidenav ul li a.selected:visited{ background-color: #0071b9;	color: #fff;}
#sidenav ul li a.selected:hover{ background-color: #0071b9;	color: #fff;}
#sidenav ul li a.selected:active{ background-color: #0071b9;	color: #fff;}

/* @end */


/* @group Level 2 */


/* ############### LEVEL 2 ############### */


#sidenav ul ul{
	/*background: url(/websites/18/uploads/gfx/basics/sidenav.divider.gif) repeat-x 0 bottom;*/
	padding: 5px 0 5px 0;
	display: block;}

#sidenav ul ul li{}
#sidenav ul ul li a:link{
	display: block;
	padding: 5px 30px 5px 8px;
	text-decoration: none;
	width: 170px;/* for IE6*/
	/*font-size: 0.6em !important;*/
	margin-bottom: 0;
}
#sidenav ul ul li a:link, #sidenav ul ul li a:visited{
	color: #707173;
	background-image: none;
	}
	
#sidenav ul ul li a:hover, #sidenav ul ul li a:active{ background-color: #494949 ;color: #fff;}

	#sidenav ul ul li a.selected{ background-color: #494949 !important; color: #fff !important;}
	
	#sidenav ul ul li a.selected:link{ font-weight: bold; color: #fff;}
	#sidenav ul ul li a.selected:visited{ font-weight: bold; color: #fff;}
	#sidenav ul ul li a.selected:hover{ font-weight: bold; /*background-color: #0071b9 !important; color: #fff !important;*/}
	#sidenav ul ul li a.selected:active{ font-weight: bold;/* background-color: #0071b9; color: #FFC600;*/}
/* @end */

/* @group Level 3 */
#sidenav ul ul ul{
	margin-top: -5px;
	margin-bottom: -5px;
}
#sidenav ul ul ul li{
	background-color: #fff;
	background-image: url(/websites/18/uploads/gfx/framework-gfx/dotted.darkgray.3space.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}


#sidenav ul ul ul li a{
}


#sidenav ul ul ul li a:link, #sidenav ul ul ul li a:visited{
	display: block;
	padding: 5px 30px 5px 8px;
	text-decoration: none;
	color: #797979 !important;
	background-image: none;
	width: 170px;/* for IE6*/
	font-size: 0.6em !important;
	font-weight: normal !important;
	}
	
#sidenav ul ul ul li a:hover, #sidenav ul ul ul li a:active{ background-color: #838383; color: #fff !important;}
#sidenav ul ul ul li a.selected{ background-color: transparent !important;font-weight: bold !important;}
	
#sidenav ul ul ul li a.selected:link{ font-weight: bold; color: #fff;}
#sidenav ul ul ul li a.selected:visited{ font-weight: bold; color: #fff;}
#sidenav ul ul ul li a.selected:hover{ font-weight: bold;background-color: #838383 !important;  color: #fff !important;}
#sidenav ul ul ul li a.selected:active{ font-weight: bold;background-color: #838383 !important;  color: #FFC600;}

/* @end */