@charset "UTF-8";

/**
 * @version		$Id: menu_rtl.css 18212 2010-07-22 06:02:54Z 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 menu for Accessible Administrator menu with RTL changes
 */

/**
 * Menu Styling
 */

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

#menu a {
	padding: 0.35em 2em 0.35em 2.5em;
	background-position: right 50%;
}

#menu li {
	float: right;
	border-left: 1px solid #e3e4ca;
}

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

#menu li.disabled a:hover,#menu li.disabled a:focus,#menu li.disabled a
	{
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#menu li ul { /* second-level lists */
	margin-right: -1000em;
	/* using right instead of display to hide menus because display: none isn't read by screen readers */
}

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

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

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

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

/**
 * Styling parents
 */

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

	/* 2 level - normal */

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

	/* 3 level - normal */

	/* 3 level - hover */
#menu li.sfhover li.sfhover li.sfhover a,#menu li li li a:focus {
	border-left: 1px solid #dddddd;
	border-right: 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-right: 0;
}

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

/* bring back the focus elements into view */
#menu li li a:focus {
	margin-right: 1000em;
	border-right: 1px solid #fafafa;
}

#menu li li li a:focus {
	margin-right: 2016em;
	border-right: 1px solid #fafafa;
}

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

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

/**
 * Submenu styling
 */


#submenu a, #submenu span.nolink {
	float: right;
	margin-left: 8px;
	padding: 2px 10px 2px 10px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
