@charset "UTF-8";

/**
 * @version		$Id: menu.css 16708 2010-05-03 20:00:47Z eddieajau $
 * @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
 * based on Matt Carrolls' son of suckerfish
 * with javascript by Bill Tomczak
 */

	/* Note: set up the font-size on the id and used 100% on the elements.
	If ul/li/a are different ems, then the shifting back via non-js keyboard
	doesn't work properly */

/**
 * Menu Styling
 */
#menu { /* this is on the main ul */
	position: relative;
	z-index: 100;
	padding: 0;
	margin: 0;
	width: 100%;
	list-style: none;
	color: #2c2c2c;
	font-size: 1.2em;
	font-weight: bold;
}

#menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	background: #ffffff;
	color: #2c2c2c;
	font-size: 100%;
}

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

#menu ul li.separator {
	margin-bottom: 1em;
}

#menu a {
	padding: 0.35em 2.5em 0.35em 2em;
	vertical-align: middle;
	display: block;
	/* width: 10em; */
	text-decoration: none;
	color: #054993;
	font-size: 100%;
	background-repeat: no-repeat;
	background-position: left 50%;
}

#menu li { /* all list items */
	float: left;
	/* width: 12em;  width needed or else Opera goes nuts */
	background: #ffffff;
	border-right: 1px solid #e3e4ca;
	font-size: 100%;
}

#menu ul a { /* line-height: 1.2em; */

}

#menu li a {
	border: 1px solid #ffffff;
	white-space: nowrap;
}

#menu li li a {
	border: 1px solid #dddddd;
	margin-bottom: 1px;
	margin-top: 1px;
	width: 10em;
}

#menu li a:hover,#menu li a:focus {
	background-color: #c7c8b2;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
}

#menu li.disabled a:hover,#menu li.disabled a:focus,#menu li.disabled a
	{
	color: #cccccc;
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #dddddd;
	cursor: default;
}

#menu li ul { /* second-level lists */
	position: absolute;
	width: 16em;
	margin-left: -1000em;
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: .1em solid #cccccc;
}

#menu li li { /* second-level row */ /* background: #f0f0f0; */
	background: #ffffff;
	border: none;
	width: 16em;
}

#menu li ul ul { /* third-and-above-level lists */
	margin: -2.3em 0 0 -1000em;
	/* top margin is equal to parent line height+bottom padding */
}

#menu li:hover ul ul,#menu li.sfhover ul ul {
	margin-left: -1000em;
}

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

#menu li li:hover ul,#menu li li.sfhover ul {
	margin-left: 16em;
	border-left: 1px solid #6D9D2E;
	border-right: 1px solid #6D9D2E;
}

/**
 * Styling parents
 */

 	/* 1 level - sfhover */
#menu li.sfhover a {
	background-color: #e3e4ca;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
}

	/* 2 level - normal */
#menu li.sfhover li a {
	background-color: transparent;
	border: 1px solid #dddddd;
}

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

	/* 3 level - normal */
#menu li.sfhover li.sfhover li a {
	background-color: transparent;
	border: 1px solid #dddddd;
}

	/* 3 level - hover */
#menu li.sfhover li.sfhover li.sfhover a,#menu li li li a:focus {
	background-color: #e3e4ca;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
}

/**
 * Extra positioning rules for limited noscript keyboard accessibility
 * need the backgrounds here to keep the background as the nav background
 * since it is overlaying other content.
 * Using margin-left instead of left so that can move back without javascript
 * display downlevel ul
 */
#menu li a:focus+ul {
	margin-left: 0;
}

#menu li li a:focus+ul {
	margin-left: 1016em;
}

/* bring back the focus elements into view */
#menu li li a:focus {
	margin-left: 1000em;
	width: 10em;
	background-color: #c7c8b2;
	border-left: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
}

#menu li li li a:focus {
	margin-left: 2016em;
	width: 10em;
	background-color: #cccccc;
	border-left: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
}

#menu li:hover a:focus,#menu li.sfhover a.sffocus {
	margin-left: 0;
}

#menu li li:hover a:focus+ul,#menu li li.sfhover a.sffocus+ul {
	margin-left: 16em;
}

/**
 * Submenu styling
 */
#submenu {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #c7c8b2;
	/* this plus padding-bottom is the technique */
	padding-bottom: 2.5em;
	line-height: 2em;
	/* This is the background befind the tabs */
	background: #ffffff;
}

#submenu ul,#submenu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#submenu a, #submenu span.nolink {
	background: #f9fade;
	border: 1px solid #c7c8b2;
	color: #054993;
	float: left;
	font-weight: bold;
	margin-right: 8px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	cursor: pointer;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
}

#submenu span.nolink {
	color: #999;
}

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

#submenu a.active, #submenu span.nolink.active
	{
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
	cursor: default;
	text-decoration: none;
}