/**
 * @version		$Id$
 * @author		Pham Minh Tuan
 * @package		Joomla.Plugin
 * @subpakage	Skyline.Menu.Accordion.jQuery
 * @copyright	Copyright (c) 2011 Skyline (http://www.vnskyline.com). All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

ul.accordion_mootools_black {
	list-style: none;
	margin: 0;
	padding: 0;

	border-top:solid 1px #AEAEAE;
	border-bottom:solid 1px #E4E4E4;
}

ul.accordion_mootools_black li {
	margin: 0;
	padding: 0;
	list-style: none;
	margin: 0 0 0px 0;
	
	
}

ul.accordion_mootools_black li a {
	display: block;
	padding: 5px 5px 5px 10px;
	line-height: 15px;
	font-size: 13px;
	cursor: pointer;
	color: #535353;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
	text-decoration: none;

	/*
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #777777;
	background: -moz-linear-gradient(top, #777777 0%, #555555 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(100%, #555555));
	background: -webkit-linear-gradient(top, #777777 0%, #555555 100%);
	background: -o-linear-gradient(top, #777777 0%, #555555 100%);
	background: -ms-linear-gradient(top, #777777 0%, #555555 100%);
	background: linear-gradient(top, #777777 0%, #555555 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#777777', endColorstr = '#555555', GradientType = 0);
	*/
	
	margin-left: 3px;
}

ul.accordion_mootools_black li.active {
	background-color:#eee;
	color:#333;
}

ul.accordion_mootools_black li.active a {
	/*
	background: #666666;
	background: -moz-linear-gradient(top, #666666 0%, #444444 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #444444));
	background: -webkit-linear-gradient(top, #666666 0%, #444444 100%);
	background: -o-linear-gradient(top, #666666 0%, #444444 100%);
	background: -ms-linear-gradient(top, #666666 0%, #444444 100%);
	background: linear-gradient(top, #666666 0%, #444444 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#666666', endColorstr = '#444444', GradientType = 0);
	*/
	
}

ul.accordion_mootools_black li:hover {
	color:#092769;
}

ul.accordion_mootools_black li a:hover,
ul.accordion_mootools_black li a:active,
ul.accordion_mootools_black li a:focus,
ul.accordion_mootools_black li.active a:hover,
ul.accordion_mootools_black li.active a:active,
ul.accordion_mootools_black li.active a:focus {
	color: #092769;
	/*
	background: #888888;
	background: -moz-linear-gradient(top, #888888 0%, #666666 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888888), color-stop(100%, #666666));
	background: -webkit-linear-gradient(top, #888888 0%, #666666 100%);
	background: -o-linear-gradient(top, #888888 0%, #666666 100%);
	background: -ms-linear-gradient(top, #888888 0%, #666666 100%);
	background: linear-gradient(top, #888888 0%, #666666 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#888888', endColorstr = '#666666', GradientType = 0);
	*/
}

ul.accordion_mootools_black li a span {
	display: block;
}
ul.accordion_mootools_black li.deeper{
	

}
ul.accordion_mootools_black li.deeper > a > span {

}

ul.accordion_mootools_black li.deeper > a.open > span {
	color:#000;
}

ul.accordion_mootools_black li ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
	background: transparent;
	overflow: hidden;
	left: auto;
}

ul.accordion_mootools_black li li,
ul.accordion_mootools_black li li:hover,
ul.accordion_mootools_black li li.active {
	background: none;
	color:#000
}

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

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

ul.accordion_mootools_black li.deeper li a {
	background: none !important;
	filter: none !important;

	xpadding: 0;
}

ul.accordion_mootools_black li.deeper li a:hover,
ul.accordion_mootools_black li.deeper li a:active,
ul.accordion_mootools_black li.deeper li a:focus {
	color: #007DAA;
	text-decoration: none;
}

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

ul.accordion_mootools_black li.deeper li.current a span {
	padding-left: 20px;
	background: url(../images/black/arrow3_hov.png) no-repeat left 2px;
}

ul.accordion_mootools_black li.deeper li a.open span {
	padding-left: 20px;
	background-image: url(../images/black/arrow3_hover.png);
}

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

ul.accordion_mootools_black li.deeper li.deeper > a.open span {
	background-image: url(../images/black/arrow2_hover.png);
}


ul.accordion_mootools_black li.active a.color1, ul.accordion_mootools_black li.active a.color2, ul.accordion_mootools_black li.active a.color3, ul.accordion_mootools_black li.active a.color4, ul.accordion_mootools_black li.active a.color5, ul.accordion_mootools_black li.active a.color6, ul.accordion_mootools_black li.active a.color7 {
	background-color:#555;
	color:#fff;
}

ul.accordion_mootools_black li.active.deeper.parent > a > span {
	color:#fff;
}
ul.accordion_mootools_black li li.active.deeper.parent > a > span {
	color:#000;
}

ul.accordion_mootools_black a.color1{
	background: url(../images/black/color1.png) right 26px no-repeat;
	font-size: 15px;
	xfont-family: 'MyriadProSemibold';
	font-family: "Trebuchet MS";
	font-weight:bold;
	padding: 6px 22px 6px 21px;
	height:33px;
	border-bottom:solid 1px #AEAEAE;
	border-top:solid 1px #E4E4E4;
}
ul.accordion_mootools_black a.color2{
	background: url(../images/black/color2.png) right 26px no-repeat;
	font-size: 15px;
	xfont-family: 'MyriadProSemibold';
	font-family: "Trebuchet MS";
	font-weight:bold;
	padding: 6px 22px 6px 21px;
	height:33px;
	border-bottom:solid 1px #AEAEAE;
	border-top:solid 1px #E4E4E4;
}
ul.accordion_mootools_black a.color3{
	background: url(../images/black/color3.png) right 26px no-repeat;
	font-size: 15px;
	xfont-family: 'MyriadProSemibold';
	font-family: "Trebuchet MS";
	font-weight:bold;
	padding: 6px 22px 6px 21px;
	height:33px;
	line-height:17px;
	border-bottom:solid 1px #AEAEAE;
	border-top:solid 1px #E4E4E4;
}
ul.accordion_mootools_black a.color4{
	background: url(../images/black/color4.png) right 26px no-repeat;
	font-size: 15px;
	xfont-family: 'MyriadProSemibold';
	font-family: "Trebuchet MS";
	font-weight:bold;
	padding: 6px 22px 6px 21px;
	height:33px;
	border-bottom:solid 1px #AEAEAE;
	border-top:solid 1px #E4E4E4;
}
ul.accordion_mootools_black a.color5{
	background: url(../images/black/color5.png) right 26px no-repeat;
	font-size: 15px;
	xfont-family: 'MyriadProSemibold';
	font-family: "Trebuchet MS";
	font-weight:bold;
	padding: 6px 22px 6px 21px;
	height:33px;
	border-bottom:solid 1px #AEAEAE;
	border-top:solid 1px #E4E4E4;
}
ul.accordion_mootools_black a.color6{
	background: url(../images/black/color6.png) right 26px no-repeat;
	font-size: 15px;
	xfont-family: 'MyriadProSemibold';
	font-family: "Trebuchet MS";
	font-weight:bold;
	padding: 6px 22px 6px 21px;
	height:33px;
	border-bottom:solid 1px #AEAEAE;
	border-top:solid 1px #E4E4E4;
}
ul.accordion_mootools_black a.color7{
	background: url(../images/black/color7.png) right 26px no-repeat;
	font-size: 15px;
	xfont-family: 'MyriadProSemibold';
	font-family: "Trebuchet MS";
	font-weight:bold;
	padding: 6px 22px 6px 21px;
	height:33px;
	border-bottom:solid 1px #AEAEAE;
	border-top:solid 1px #E4E4E4;
}
ul.accordion_mootools_black li.current.active a span{
color:#000;
	
}