/**
 * @copyright	Copyright (c) 2013 Skyline (http://extstore.com). All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

ul.accordion_jqmenu_modern {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;

	/** CSS3 */
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .73), 0px 0px 18px 0px rgba(0, 0, 0, .13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .73), 0px 0px 18px 0px rgba(0, 0, 0, .13);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .73), 0px 0px 18px 0px rgba(0, 0, 0, .13);
}

ul.accordion_jqmenu_modern li {
	margin: 0;
	padding: 0;
	list-style: none;
	margin: 0;
	background: url(../images/modern/bg.png) no-repeat left top;
	position: relative;
	z-index: 1;
	overflow: hidden;

	border-bottom: 1px solid #33373D;
}

ul.accordion_jqmenu_modern li a,
ul.accordion_jqmenu_modern li.deeper > a.trigger.has_link {
	display: block;
	padding: 0 5px 0 10px;
	line-height: 35px;
	min-height: 35px;
	cursor: pointer;
	color: #fff;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
	text-decoration: none;

	background: url(../images/modern/bg.png) no-repeat right -105px;
	margin-left: 20px;
	position: relative;
	width: auto;
}

ul.accordion_jqmenu_modern li.deeper > a.trigger.has_link {
	margin-left: 0;
}

ul.accordion_jqmenu_modern li.deeper > a.trigger.has_link > span {
	margin-left: 0;
}

ul.accordion_jqmenu_modern li.active {
	background: url(../images/modern/bg.png) no-repeat left -70px;
}

ul.accordion_jqmenu_modern li.active a {
	background: url(../images/modern/bg.png) no-repeat right -175px;
}

ul.accordion_jqmenu_modern li:hover {
	background: url(../images/modern/bg.png) no-repeat left -35px;
}

ul.accordion_jqmenu_modern li a.trigger:hover + a,
ul.accordion_jqmenu_modern li a:hover,
ul.accordion_jqmenu_modern li.active a:hover,
ul.accordion_jqmenu_modern li:hover a,
ul.accordion_jqmenu_modern li.deeper:hover > a.trigger.has_link {
	background: url(../images/modern/bg.png) no-repeat right -140px;
}

ul.accordion_jqmenu_modern li a span {
	display: block;
	margin-left: -20px;
}

ul.accordion_jqmenu_modern li.deeper > a > span {
	background: url(../images/modern/arrow1.png) no-repeat scroll -5px center transparent;
	padding-left: 20px;
}

ul.accordion_jqmenu_modern li.deeper > a.trigger.has_link.open > span {
	background-image: url(../images/modern/arrow1_hover.png);
}

ul.accordion_jqmenu_modern li.deeper > a.trigger.open + a > span {
	background-image: url(../images/modern/arrow1_hover.png);
}

ul.accordion_jqmenu_modern li.deeper > a.trigger {
	background: none;
	width: 20px;
	height: 35px;
	padding: 0;
	position: absolute;
	left: 0;
	z-index: 2;
	margin-left: 0;
}

ul.accordion_jqmenu_modern > li.deeper > a.trigger {
	padding: 0 3px;
}

ul.accordion_jqmenu_modern li ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
	background-color: #FFFFFF;
	overflow: hidden;
	left: auto;
	display: none;
}

ul.accordion_jqmenu_modern li li,
ul.accordion_jqmenu_modern li li:hover,
ul.accordion_jqmenu_modern li li.active {
	background: none;
}

ul.accordion_jqmenu_modern li li.first {
	border-top: none;
}

ul.accordion_jqmenu_modern li li,
ul.accordion_jqmenu_modern li li li.first {
	border-top: 1px dotted #E6E6E6;
	border-bottom: none;
	margin: 0;
}

ul.accordion_jqmenu_modern li.deeper li a,
ul.accordion_jqmenu_modern li.deeper li a.trigger.has_link {
	background: none !important;
	filter: none !important;
	color: #878D95;
	padding: 0;
	font-weight: 400!important;
}

ul.accordion_jqmenu_modern li.deeper li a.trigger:hover + a,
ul.accordion_jqmenu_modern li.deeper li a.trigger.has_link:hover,
ul.accordion_jqmenu_modern li.deeper li a:hover,
ul.accordion_jqmenu_modern li.deeper li a:active,
ul.accordion_jqmenu_modern li.deeper li a:focus {
	color: #32373D;
}

ul.accordion_jqmenu_modern li.deeper li a span {
	padding-left: 20px;
	background: url(../images/modern/arrow3.png) no-repeat left center;
}

ul.accordion_jqmenu_modern li.deeper li a.trigger.has_link.open > span {
	background-image: url(../images/modern/arrow3_hover.png);
}

ul.accordion_jqmenu_modern li.deeper li a.trigger.open + a > span {
	padding-left: 20px;
	background-image: url(../images/modern/arrow3_hover.png);
}

ul.accordion_jqmenu_modern li.deeper li.deeper > a span {
	background-image: url(../images/modern/arrow2.png);
}

ul.accordion_jqmenu_modern li.deeper li.deeper > a.trigger.open + a > span {
	background-image: url(../images/modern/arrow2_hover.png);
}

ul.accordion_jqmenu_modern li.deeper li.deeper > a.trigger.has_link.open > span {
	background-image: url(../images/modern/arrow2_hover.png);
}