@charset "UTF-8";

/**
 * JYAML - Template Framework includes YAML for Joomla!
 *
 * All rights reserved. The JYAML project is a template to manage and
 * configure Joomla!-Templates with the YAML XHTML/CSS Framework
 * - http://www.yaml.de
 *
 * -----------------------------------------------------------------------------
 *
 * @version       $Id: navigation.dropdown.css 1197 2012-03-01 10:20:28Z hieblmedia $
 *
 * @author        Reinhard Hiebl
 * @copyright     Copyright (C) 2006-2011, Reinhard Hiebl, HieblMedia
 * @license       Creative Commons Attribution 3.0 Unported License
 *                  > http://www.jyaml.de/en/license-conditions.html
 * @link          http://www.jyaml.de
 * @package       JYAML
 * @subpackage    JYAML.Stylesheet
 *
 */

/**
 * Note:
 * For consistent CSS styling with and without javascript
 * by nested lists follow these instructions.
 *
 * Ok, but don't work if javascript enabled
 *  .dropdown li {}
 *  .dropdown li li {}
 *
 * Use for nested li-tag's the class viewLevel[n]
 *  .dropdown li.viewLevel0 {} - corresponds li
 *  .dropdown li.viewLevel1 {} - corresponds li li
 *  .dropdown li.viewLevel2 {} - corresponds li li li
 *
 * Use for nested ul-tag's the class dropitemLevel[n]
 *  .dropdown ul.dropitemLevel0 {} - corresponds ul
 *  .dropdown ul.dropitemLevel1 {} - corresponds ul ul
 *
 */

@import url(../../../libraries/jyaml/html/css/accessible_dropdown_base.css);

@media all
{
	/**
	 * Level class note:
	 * li.level is the menuitem level in database
	 * li.viewLevel is the optical level in the list
	 */

	.dropdown,
	.dropdown ul,
	.dropdown li,
	.dropdown a {
		background-color: transparent;
		/* Fixes some hover issues for all browsers */
		background-image: url(../images/blank.gif);
	}

	.dropdown .dropitem ul {
		background-color: #2EB4EE;
		padding:15px;
		width: 270px;
	}

	.dropdown .dropitem li {
	    width: 270px;
	}

	.js .dropdown .dropitem a,
	.js .dropdown .dropitem span {
		white-space: nowrap; /* rescrict word-wrap - better auto-width calculation for menu script */
	}

	.dropdown li a {
		text-decoration: none;
		text-transform:uppercase;
		font-weight:normal;
	}

	.dropdown li a:hover,
	.dropdown li a:focus,
	.dropdown li.hover a.hover,
	.dropdown .active_link,
	.dropdown .current_link {
		background: transparent url(../images/navigation/nav_hover_bg.jpg) no-repeat center top !important;
		color: #fff !important;
		text-decoration: none;
	}
	.dropdown li:hover > a {
		background: transparent url(../images/navigation/nav_hover_bg.jpg) no-repeat center top !important;
		color: #fff !important;
		text-decoration: none;
	}

	.dropitem .menuitem-content { overflow: hidden; }

	/*
	 * IE7 needs fixed width's for complex contents (menuitem content)
	 *
	 * @workaround
	 * @affected   IE7
	 * @valid      yes
	 */
	*+html .dropdown .menuitem-content {
		min-width: 200px;
	}

	.dropdown-horizontal {
		background:transparent;
	}

	.dropdown-horizontal .dropitem {
		/* @optional: fix width for submenus (not compatible with linear mode) */
		/* width: 175px !important; */
	}
	.dropdown-vertical .dropitem {
		/* @optional: fix width for submenus (not compatible with linear mode) */
		/* width: 175px !important; */
	}

	.dropdown-horizontal li.viewLevel0 {
		margin-right: 1px;
	}

	.dropdown-horizontal li.viewLevel1 {
		margin-bottom: 0px;
	}

	.dropdown-horizontal li a {
		background: transparent;
		color:#fff;
		padding:0;
		text-decoration:none;
	}

	.dropdown-horizontal li a span {
		display: block;
		/* white-space: nowrap; */
	}
	.dropdown-horizontal li span.item-title {
		padding:24px 24px;
	}
	.dropdown-horizontal li.viewLevel1 span.item-title {
		padding: 6px 10px 6px 10px;
	}

	.dropdown-horizontal li span.subtitle {
		/* You can use .maintitle, .subtitle-1, .subtitle-2, .subtitle-3, etc. to adjust the maintitle or each subtitle line */
		display: block;
		font-size: smaller;
		font-weight: normal;
		color: #fff;
	}

	.dropdown-horizontal li.viewLevel0 a {
		background: transparent;
		font-size:14px;
	}

	.dropdown-horizontal li.viewLevel1 a {
		background: transparent url(../images/navigation/nav_level1_bg.jpg) 100% 0%; /* fallback: disabled javascript */
		line-height:12px;
	}

	.dropdown-horizontal li.viewLevel1 a:hover,
	.dropdown-horizontal li.viewLevel1 a:focus,
	.dropdown-horizontal li.viewLevel1 a.hover,
	.dropdown-horizontal li.viewLevel1 .active_link,
	.dropdown-horizontal li.viewLevel1 .current_link {
		background: transparent url(../images/navigation/nav_level1_bg.jpg) 100% 100% !important; /* fallback: disabled javascript */
	}

	.dropdown-horizontal li.viewLevel1 a.separator {
		color:#444 !important;
		background: transparent url(../images/navigation/nav_level1_bg.jpg) 100% 0% !important;
		cursor:text;
	}

	.dropdown-horizontal li.viewLevel1 {
		margin-right:0; /* fallback: disabled javascript */
	}

	.dropdown-linear ul {
		width: 100%;
		background:#eee;
	}
	.dropdown-linear .dropitem ul {
		background: #f9f9f9;
	}
	.dropdown-linear .dropitem li { width: auto; }

	.dropdown-linear .dropitem li.item-once {
		/* important in webkit browsers (e.g. safari and chrome) to strech contents on a menuitem content to 100% */
		width: 100%;
	}

	.dropdown-horizontal li.viewLevel1 span.subtitle-empty { display: none; }
	.dropdown-linear li.viewLevel1 span.subtitle-empty { display: block; }

	/**
	 * Example for special positioning on level 0.
	 */
	/*
	.dropdown .dropitemLevel0,
	.js .dropdown .dropitemLevel0-Helper {
		margin-left:-10px;
	}
	.js .dropdown .dropitemLevel0 { margin-left: 0; }
	*/


}