/**
 * Xtreme One
 *
 * @copyright       Copyright 2010-2012, dynamicinternet GmbH
 * @license         see http://xtreme-theme.com/licence/
 * @link            http://xtreme-theme.com
 * @package         xtreme-one
 */

@media all
{
	.xf-fullpage.shinybuttons { background: #cfcfcf }
	.shinybuttons .hlist {
		/* (en) containing floats in IE */
		/* (de) Einfassen der Floats im IE */
		width: 100%;
		/* (en) containing floats in all other browsers */
		/* (de) Einfassen der Floats in allen anderen Browsern */
		float: left;
		display: inline;
		/* (en|de) Bugfix:IE - collapsing horizontal margins */
		position: relative;
		background: #cfcfcf;
		line-height: 0
	}
	.shinybuttons .hlist ul {
		margin: 0;
		padding: 0;
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display: inline;
		position: relative;
		float: left /* LTR */
	}
	.shinybuttons .hlist ul li {
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display: inline;
		float: left; /* LTR */
		font-size: 1em;
		line-height: 1.5em;
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: relative;
		width: auto
	}
	.shinybuttons .hlist ul li a {
		background: transparent;
		color: #444;
		display: block;
		position: relative;
		font-weight: bold;
		margin: 0;
		padding: 0.5em 0.8em;
		text-decoration: none;
		width: auto
	}
	.shinybuttons .hlist ul li a:focus,
	.shinybuttons .hlist ul li a:hover,
	.shinybuttons .hlist ul li a:active  { background: #eee; color: #333; text-decoration: none; outline: 0 none}

	.shinybuttons .hlist ul li.current_page_item a,
	.shinybuttons .hlist ul li.current-menu-item a,
	.shinybuttons .hlist ul li.current-cat a { background: #272727; color: #fff }

	.shinybuttons .hlist .sf-menu ul {
		position: absolute;
		top: -999em;
		width: 12em; /* left offset of submenus need to match (see below) */
		margin: 0;
		padding: 0
	}

	.shinybuttons .hlist .sf-menu li:hover ul,
	.shinybuttons .hlist .sf-menu li.sfHover ul {
		left: 0;
		top: 2.5em; /* match top ul list item height */
		z-index: 9999;
		border-left: 1px solid #888;
		border-right: 1px solid #888;
		background: #b8b8b8
	}
	.shinybuttons .hlist .sf-menu ul li {
		float: left;
		position: relative;
		border-bottom: 1px solid #888;
		background: #efefef;
		width: 12em
	}
	.shinybuttons .hlist .sf-menu li:hover li ul,
	.shinybuttons .hlist .sf-menul li.sfHover li ul {
		top: -999em
	}
	.shinybuttons .hlist .sf-menu li li:hover ul,
	.shinybuttons .hlist .sf-menu li li.sfHover ul {
		left: 12em; /* match ul width */
		top: 0
	}
	.shinybuttons .hlist .sf-menu li li:hover li ul,
	.shinybuttons .hlist .sf-menu li li.sfHover li ul {
		top: -999em
	}
	.shinybuttons .hlist .sf-menu li li li:hover ul,
	.shinybuttons .hlist .sf-menu li li li.sfHover ul {
		left: 12em; /* match ul width */
		top: 0
	}
	/*** arrows **/
	.shinybuttons .hlist .sf-menu a.sf-with-ul {
		padding-right: 2.25em;
		min-width: 1px /* trigger IE7 hasLayout so spans position accurately */
	}
	.shinybuttons .sf-sub-indicator {
		position: absolute;
		display: block;
		right: .75em;
		top: 1.05em; /* IE6 only */
		width: 10px;
		height: 10px;
		text-indent: -999em;
		overflow: hidden;
		background: url('../../images/arrows-ffffff.png') no-repeat -10px -100px /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
	.shinybuttons a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top: .8em;
		background-position: 0 -100px /* use translucent arrow for modern browsers*/
	}
	/* apply hovers to modern browsers */
	.shinybuttons a:focus > .sf-sub-indicator,
	.shinybuttons a:hover > .sf-sub-indicator,
	.shinybuttons a:active > .sf-sub-indicator,
	.shinybuttons li:hover > a > .sf-sub-indicator,
	.shinybuttons li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px /* arrow hovers for modern browsers*/
	}
	/* point right for anchors in subs */
	.shinybuttons .hlist .sf-menu ul .sf-sub-indicator { background-position:  -10px 0 }
	.shinybuttons .hlist .sf-menu ul a > .sf-sub-indicator { background-position:  0 0 }
	/* apply hovers to modern browsers */
	.shinybuttons .hlist .sf-menu ul a:focus > .sf-sub-indicator,
	.shinybuttons .hlist .sf-menu ul a:hover > .sf-sub-indicator,
	.shinybuttons .hlist .sf-menu ul a:active > .sf-sub-indicator,
	.shinybuttons .hlist .sf-menu ul li:hover > a > .sf-sub-indicator,
	.shinybuttons .hlist .sf-menu ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0 /* arrow hovers for modern browsers*/
	}

	/*** shadows for all but IE6 ***/
	/*.sf-shadow ul {
	background:	url('../../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	}*/

	.shinybuttons .sf-shadow ul.sf-shadow-off {
		background: transparent
	}
	.shinybuttons .hlist ul.nav_search {
		float: right
	}
	.shinybuttons .hlist ul li.navsearch { padding: .25em 0 }
	/** Menu with description **/
	.shinybuttons .desc a { font-weight: bold }
	.shinybuttons .desc a span {font-weight: normal ; display:block }
}