/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * yacCMS - yet another crazy Content Management System
 * Homepage: http://yaccms.fanciless.de
 * (c) 2007 Andreas Dietzel
 * see docs/license.txt for license details 
 *
 * navigation.css - CSS-Stylesheet for the sidebar navigation
 * 
 * Design: yaccms
 * Author: Andreas Dietzel
 * Last changed: 2007-11-07
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#AdminPanel,
#navigation
{
	/*background: url('../img/bg_nav_top.png') no-repeat 12px 0px;
	padding-top:15px;
	padding-bottom: 1.5em;*/
}
#AdminPanel .nbottom,
#navigation .nbottom
{
	/*background: url('../img/bg_nav_bottom.png') no-repeat 12px 0px;
	height: 20px;*/
}


#AdminPanel ul,
#navigation ul
{
	font-size: 0.80em;
	width: 180px;
	overflow: hidden;
	list-style-type: none;
	background: url('../img/bg_nav_middle.png') repeat-y 0px 0px;
	border: 1px solid #DADADA;
	padding: 5px 0px;
	margin-left: 12px;
	margin-bottom: 20px;
	margin-top: 5px;
}

#AdminPanel a, 
#navigation a
{
	display:block; 
	text-decoration: none; 
}
#AdminPanel ul li, 
#navigation ul li
{
	float:left;
	width: 100%;
	margin:0;
	padding: 0;
	
}

#AdminPanel ul li span,
#navigation ul li span
{
	display:block;
	width: 90%;
	padding: 3px 0px 3px 10px;
	color: #444;
	font-weight: bold;
}

#AdminPanel ul li a,
#navigation ul li a
{
	width: 90%;
	padding: 3px 0px 3px 10px;
	color: #444;
}
#AdminPanel ul li a:hover,
#navigation ul li a:hover
{
	color: #f63;
}

#AdminPanel ul li.active,
#navigation ul li.active
{
	font-weight: bold;
}

/* navigation level 2 */
#navigation ul li.active ul
{
	font-size: 0.90em;
	list-style-type: none;
	margin:0;
	padding: 0;
	background: none;
}
#navigation ul li.active ul li
{
	font-weight:normal;
	float:left;
	width: 100%;
	margin:0;
	padding:0;
}
#navigation ul li.active ul li a
{
	width: 80%;
	padding: 3px 0px 3px 20%;
	color: #666;
}

#navigation ul li.active ul li a:hover
{
	color: #f63;
}

#navigation ul li.active ul li.active a
{
	color: #000;
	font-weight: bold;
}

/* navigation level 3 */
#navigation ul li.active ul li.active ul
{
	font-size: 0.9em;
	list-style-type: none;
	margin:0;
	padding: 0;
	background: none;
}
#navigation ul li.active ul li.active ul li
{
	font-weight:normal;
	float:left;
	width: 100%;
	margin:0;
	padding:0;
}
#navigation ul li.active ul li.active ul li a
{
	font-weight:normal;
	width: 70%;
	padding: 3px 0px 3px 30%;
	color: #777;
}

#navigation ul li ul li ul li a:hover
{
	color: #f63;
}
#navigation ul li.active ul li.active ul li.active a
{
	font-weight: bold;
	color: #000;
}
#navigation ul li.active ul li.active ul li a:hover
{
	color: #f63;
}

/*-------------------------------------*/
/*--- styles for topline navigation ---*/

#topnav
{
	font-size: 0.80em;
	/*background: url('../img/bg_nav_topline.png') no-repeat 5px 0px;*/
	
	/*margin: 0px 15px ;*/
}

#topnav a
{
	display:block; 
	text-decoration: none; 
}


#topnav ul li
{
	padding:4px 5px;
	float: left;
	border-right: 1px solid #ccc;
	height: 16px;
	min-width:40px;
	text-align: center;
}

#topnav ul li a
{
	color: #444;
}
#topnav ul li a:hover
{
	color: #f63;
}
#topnav ul li.active
{
	background: url('../img/bg_nav_lev0b_pressed.jpg') repeat-x 0px 0px #ff0000;
	font-weight: bold;
}

/* 1st level styles */
#topnav ul.tn_lvl0, 
#topnav ul.tn_lvl1,
#topnav ul.tn_lvl2
{
	list-style-type: none;
	clear:both;
	/*width: auto;*/
	/*border-bottom: 1px solid #ccc;*/
	height: 24px;

}

/* 1st level styles */
#topnav ul.tn_lvl0
{
	background: url('../img/bg_nav_lev0b.png') repeat-x;
	border: 1px solid #DADADA;
	padding: 0px;
	margin: 0px 18px 0px 12px;
	vertical-align:middle;
}

/* 2nd level styles */
#topnav ul.tn_lvl1
{
	background: #F5F5F5;
	/*border: 1px solid #DADADA;*/
	padding: 0px;
	margin: 0px 18px 0px 12px;
}

#topnav ul.tn_lvl1 li.active
{
	background: #EAEAEA;
	font-weight: bold;
}

/* 3rd level styles */
#topnav ul.tn_lvl2
{
	background: #FAFAFA;
	border-top: 1px solid #DADADA;
	padding: 0px;
	margin: 0px 18px 0px 12px;
	font-size: 0.8em;
	height: 18px;
}

#topnav ul.tn_lvl2 li
{
	padding:2px 5px;
	height:14px;

}


#topnav ul.tn_lvl2 li.active
{
	background: #F0F0F0;
	font-weight: bold;
}