@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.shinybuttons.css 1043 2011-08-12 06:59:27Z 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
 *
 */

/**
 * Optional: Import YAML stylesheet nav_shinybuttons.css as base
 * @import url(../../../libraries/jyaml/yaml/navigation/nav_shinybuttons.css);
 */

@media all
{
	.hlist {
		/* containing floats in IE */
		width:100%;
		overflow:hidden;
		/* containing floats in all other browsers */
		float:left;
		display:inline;
		/* Bugfix:IE - collapsing horizontal margins */
		position:relative;
		/* Repeat the main color from the image */
		background:#F2F2F0 url(../images/navigation/shiny_buttons/bg.jpg) repeat-x bottom right;
		border-top:1px #fbfbf9 solid;
		border-bottom:1px #f90400 solid;
		line-height:0;

		font-size: 150%;
	}

	.hlist ul {
		margin:0;
		padding:0;
		/* Bugfix:IE - Doubled Float Margin Bug */
		display:block;
		width: 100%;
		float:left; /* LTR */
	}

	.hlist ul li {
			border: 0;
		/* Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */
		font-size:1.0em;
		line-height:1em;
		list-style-type:none;
		margin:0;
		padding:0;

		width: 16.6667%;
	}

	.hlist ul li a,
	.hlist ul li strong {
		background:transparent;
		color:#333c8c;
		display:block;
		font-size: 1em;
		font-weight:bold;
		margin:0;
		padding: 14px 0 12px 25px;
		text-decoration:none;
		width:auto;
		border-right: 1px solid #fbfbf9;
	}
	.hlist ul li.item-last a,
	.hlist ul li.item-item strong {
		border-right: 0;
	}

	.hlist ul li a:focus,
	.hlist ul li a:hover,
	.hlist ul li a:active  { background:#eee; color:#333; text-decoration:none; outline: 0 none; }

	.hlist ul li.active {
		/* Repeat the main color from the image */
		background:#272727 url(../images/navigation/shiny_buttons/background_active.png) repeat-x center right;
	}

	.hlist ul li.active strong,
	.hlist ul li.active a:focus,
	.hlist ul li.active a:hover,
	.hlist ul li.active a:active { background:transparent; color:#fff; text-decoration:none; }

	/*
	 * Subtitle support. Split menu title (defaults with ##).
	 * You can change the separator value in the template params by menu options
	 */
	* html .hlist ul li a {
		position: relative; /* IE5+6 hover fix need with subtitles */
	}

	.hlist ul li a span, .hlist ul li strong span {
		display: block;
	}

	.hlist ul 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: #444;
	}
	/* .hlist ul li span.subtitle-empty { display: none; } */

	.hlist ul li.active span { color:#fff; }
	.hlist ul li.active span.subtitle {
		color: #ccc;
		font-weight: normal;
	}
}