/**
* @version      $Id: navigation.css 26 2007-09-26 13:33:01Z spook.68 $
* @package      Joomla!
* @subpackage   68portal
* @copyright    Copyright (c)2007 Axel Wehner. All rights reserved.
* @license      GNU/GPL
**/

/*********************************************************************************************************
	top navigation
*********************************************************************************************************/
/* why they are using the old markup from J! 1.0.x? whatever.. the css works with both menu markups ;) */
div#boxHeader ul
{ position: absolute; bottom: 0px; right: 10px; z-index: 10; margin: 0; padding: 0; }

	div#boxHeader ul li
	{ list-style: none; padding: 0; margin: 0; font-size: 11px; float: left; }

		div#boxHeader ul li a:link, div#boxHeader ul li a:active, div#boxHeader ul li a:visited
		{ float: left; /* ie 6 */ color: #fff; height: 1%; display: block; margin: 0 1px; padding: 12px 7px;
		text-transform: uppercase; font-weight: bold; text-decoration: none; outline: 0; }

		div#boxHeader ul li a:hover
		{ color: #b00; background: url(../images/menu/white.gif) #fff; }

		div#boxHeader ul li a#active_menu-nav, div#boxHeader ul li.active a:link, div#boxHeader ul li.active a:visited, 
		div#boxHeader ul li.active a:active, div#boxHeader ul li.active a:focus 
		{ color: #b00; background: #fff; }
		
		div#boxHeader ul li #active_menu
		{ color: #b00; background: #fff; }

/*********************************************************************************************************
	left navigation
*********************************************************************************************************/

/* first level
*************************/
div#boxLeft ul.menu
{ color: #fff; margin: 0; padding: 0; list-style: none; }

div#boxLeft div.noheading ul.menu
{ margin-top: -1px; }

div#boxLeft div.heading ul.menu
{ margin: 0; border: 0; }

	div#boxLeft ul.menu li
	{ padding: 0; margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #B0B0B0; }

		div#boxLeft ul.menu li a:link, div#boxLeft ul.menu li a:active, div#boxLeft ul.menu li a:visited
		{ padding: 4px 0 4px 10px; display: block; height: 1%; background: url(../images/menu/menu.png) left center no-repeat; color: #000; font-size: 11px; text-decoration: none; text-transform: uppercase; outline: 0; }
			
		div#boxLeft ul.menu li a:hover
		{ background: url(../images/menu/menu_hover.png) left center no-repeat; color: #000; }
			
		div#boxLeft ul.menu li.active { border-bottom: 0; } 
		
		div#boxLeft ul.menu li.active a:link, div#boxLeft ul.menu li.active a:visited
		{ background: url(../images/menu/menu_active.png) left center no-repeat; color: #fff; }		
		
		div#boxLeft ul.user li a:link, div#boxLeft ul.user li a:active, div#boxLeft ul.user li a:visited
		{ background: url(../images/menu/menu2.png) left center no-repeat; }
		
		div#boxLeft ul.user li a:hover
		{ background: url(../images/menu/menu2_hover.png) left center no-repeat; color: #000; }
		
		div#boxLeft ul.user li.active a:link, div#boxLeft ul.user li.active a:visited
		{ background: url(../images/menu/menu2_active.png) left center no-repeat; color: #000; }

/* second level
*************************/
div#boxLeft ul.menu ul
{ margin: 0; list-style: none; }

	div#boxLeft ul.menu li li
	{ padding: 0; }
	
	  div#boxLeft ul.menu li.active li.active { border-bottom: 1px solid #B0B0B0; }
	
		div#boxLeft ul.menu li.active li a:link, div#boxLeft ul.menu li.active li a:active, 
		div#boxLeft ul.menu li.active li a:visited
		{ padding: 2px 0 2px 10px; background: url(../images/menu/submenu.png) left center no-repeat; color: #000; font-size: 11px; text-transform: none; outline: 0; }
		
		div#boxLeft ul.menu li.active li a:hover
		{ background: url(../images/menu/submenu_hover.png) left center no-repeat; color: #000; }
						
		div#boxLeft ul.menu li.active li.active a:link, div#boxLeft ul.menu li.active li.active a:visited
		{ background: url(../images/menu/submenu_active.png) left center no-repeat; color: #fff; }


/* third level
*************************/
div#boxLeft ul.menu li.active li.active li.last
{ border-bottom: 0 }

	div#boxLeft ul.menu li li li
	{ padding: 0; }
		
		div#boxLeft ul.menu li.active li.active li a:link, div#boxLeft ul.menu li.active li.active li a:active, 
		div#boxLeft ul.menu li.active li.active li a:visited
		{ padding: 2px 0 2px 35px; background: url(../images/menu/submenu2.png) left center no-repeat; color: #000; font-size: 11px; text-transform: none; outline: 0; }
		
		div#boxLeft ul.menu li.active li.active li a:hover
		{ background: url(../images/menu/submenu2_hover.png) left center no-repeat; color: #000; }
						
		div#boxLeft ul.menu li.active li.active li.active a:link, div#boxLeft ul.menu li.active li.active li.active a:visited
		{ background: url(../images/menu/submenu2_active.png) left center no-repeat; color: #fff; }
		
	
/*********************************************************************************************************
	bottom navigation
*********************************************************************************************************/
/* why they are using the old markup from J! 1.0.x? whatever.. the css works with both menu markups ;) */
div#boxFooter ul
{ position: absolute; bottom: 0px; left: 240px; z-index: 10; margin: 0; padding: 0; }

	div#boxFooter ul li
	{ list-style: none; padding: 0; margin: 0; font-size: 11px; float: left; }

		div#boxFooter ul li a:link, div#boxFooter ul li a:active, div#boxFooter ul li a:visited
		{ float: left; /* ie 6 */ color: #fff; height: 1%; display: block; margin: 0 1px; padding: 12px 7px;
		text-transform: uppercase; font-weight: bold; text-decoration: none; outline: 0; }

		div#boxFooter ul li a:hover
		{ color: #b00; background: url(../images/menu/white.gif) #fff; }

		div#boxFooter ul li a#active_menu-nav, div#boxFooter ul li.active a:link, div#boxFooter ul li.active a:visited, 
		div#boxFooter ul li.active a:active, div#boxFooter ul li.active a:focus 
		{ color: #b00; background: #fff; }
		
		div#boxFooter ul li #active_menu
		{ color: #b00; background: #fff; }