@charset "UTF-8";

/**
 * @version		$Id: menu_hc.css 18886 2010-09-14 08:30:57Z infograf768 $
 * @package		Joomla.Administrator
 * @subpackage	templates.hathor
 * @copyright	Copyright (C) 2005 - 2010 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 * @since		1.6
 *
 * CSS file for Accessible Admin Menu and Alternative Menu for High Contrast colors
 */

/**
 * MENU
 *
 * Standard Link
 * #1b3f7c  Link Background
 * #ffffff	Text
 * #10254a	Border
 *
 * Pressed Link
 * #163365	Text background
 * #ffffff	Highlighted Text
 * #000000	Left & Top Border
 * #1b3f7c	Right & Bottom Border
 *
 * Background behind the links
 * #163365	Background
 * #122b56	Border
 *
 * Inactive (Disabled)
 * #cccccc	Text
 *
 * SUBMENU
 * #163365	Active Tab Background
 * #fcff20	Active Tab Text color
 * #10254a	Hover background
 * #10254a	Border
 * #1b3f7c	"off" Tab Background
 * #ffffff	"off" Tab Text color
 *
 * #1c4181	Color behind the tabs
 *
 */

/**
 * Menu Styling
 */
#menu { /* this is on the main ul */
	color: #ffffff;
}

#menu ul { /* all lists */
	background-color: #163365;
	color: #ffffff;
}

#menu ul li.node {
	background: #163365 url(../images/j_arrow.png) no-repeat right 50%;
}

#menu a {
	color: #ffffff;
	background-color: #1b3f7c;
}

#menu li { /* all list items */
	background-color: #163365;
	border-right: 1px solid #000000;
}

#menu li a {
	border: 1px solid #10254a;
}

#menu li li a {
	border: 1px solid #10254a;
}

#menu li a:hover, #menu li a:active, #menu li a:focus {
	background-color: #163365;
	border-top: 1px solid #000000;
	border-right: 1px solid #1b3f7c;
	border-bottom: 1px solid #1b3f7c;
	border-left: 1px solid #000000;
	color: #ffffff;
}

#menu li.disabled a:hover, #menu li.disabled a:focus, #menu li.disabled a
	{
	color: #cccccc;
	background-color: #1b3f7c;
	border-top: 1px solid #163365;
	border-right: 1px solid #10254a;
	border-bottom: 1px solid #163365;
	border-left: 1px solid #10254a;
}

#menu li ul { /* second-level lists */
	border-top: 1px solid #10254a;
	border-bottom: 2px solid #10254a;
}

#menu li li { /* second-level row */
	background-color: #163365;
}

#menu li:hover ul,#menu li.sfhover ul {
	/* lists nested under hovered list items */
	margin-left: 0;
	border-left: 1px solid #122b56;
	border-right: 1px solid #122b56;
}

#menu li li:hover ul,#menu li li.sfhover ul {
	border-left: 1px solid #122b56;
	border-right: 1px solid #122b56;
}

/**
 * Styling parents
 */

 	/* 1 level - sfhover */
#menu li.sfhover a {
	background-color: #163365;
	border-top: 1px solid #000000;
	border-right: 1px solid #1b3f7c;
	border-bottom: 1px solid #1b3f7c;
	border-left: 1px solid #000000;
	color: #fcff20;
}

	/* 2 level - normal */
#menu li.sfhover li a { /* background-color: #f0f0f0; */
	background-color: #1b3f7c;
	border: 1px solid #10254a;
	color: #ffffff;
}

	/* 2 level - hover */
#menu li.sfhover li.sfhover a,#menu li li a:focus {
	background-color: #163365;
	border-top: 1px solid #000000;
	border-right: 1px solid #1b3f7c;
	border-bottom: 1px solid #1b3f7c;
	border-left: 1px solid #000000;
	color: #fcff20;
}

	/* 3 level - normal */
#menu li.sfhover li.sfhover li a { /* background-color: #f0f0f0; */
	background-color: #1b3f7c;
	border: 1px solid #10254a;
	color: #ffffff;
}

	/* 3 level - hover */
#menu li.sfhover li.sfhover li.sfhover a {
	background-color: #163365;
	border-top: 1px solid #000000;
	border-right: 1px solid #1b3f7c;
	border-bottom: 1px solid #1b3f7c;
	border-left: 1px solid #000000;
	color: #fcff20;
}


/* bring back the focus elements into view */
#menu li li a:focus, #menu li li li a:focus {
	background-color: #163365;
	border-top: 1px solid #000000;
	border-right: 1px solid #1b3f7c;
	border-bottom: 1px solid #1b3f7c;
	border-left: 1px solid #000000;
	color: #ffffff;
}

#menu li li li a:focus {
	background-color: #163365;
	border-top: 1px solid #000000;
	border-right: 1px solid #1b3f7c;
	border-bottom: 1px solid #1b3f7c;
	border-left: 1px solid #000000;
	color: #ffffff;
}

/**
 * Submenu styling
 */
#submenu {
	border-bottom: 1px solid #10254a;
	background: #1c4181;
}

#submenu a,#submenu span.nolink {
	background: #1b3f7c;
	border: 1px solid #10254a;
	color: #ffffff;
	text-decoration: none;
}

#submenu a:hover {
	background-color: #10254a;
}

#submenu a.active,#submenu span.nolink.active {
	background: #163365;
	border-bottom: 1px solid #163365;
	color: #fcff20;
}