/* BODY */
body { position: relative; }

/* PANEL */
#panel.left {
	position: absolute;
	left: -240px;
	width: 240px;
	top: 0;
	bottom: 0;
	background-color: #5a4099;
	z-index: 99999999999;
	-webkit-box-shadow: inset -10px 0px 32px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset -10px 0px 32px 0px rgba(0,0,0,0.75);
	box-shadow: inset -10px 0px 32px 0px rgba(0,0,0,0.75);
	margin-top:-10px;
	margin-bottom:-10px;
	padding-top:10px;
}
a.panel_button.close {
	min-width:240px;
	font-weight:bold;
	display:block;
	background-color: #412f6e;
	-webkit-box-shadow: inset -10px 0px 32px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset -10px 0px 32px 0px rgba(0,0,0,0.75);
	box-shadow: inset -10px 0px 32px 0px rgba(0,0,0,0.75);
	padding-left: 30px;
	margin-top: -3px;
	background-image: url(../images/close-icon.png);
	background-repeat: no-repeat;
	background-position: 210px center;
}
#panel a {
	color:#FFF;
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	line-height:2.5;
	width:100%;
	display:block;

}
.button-group > * {
	float:none;
}
.button-group li {
	list-style:none;
}
#panel > ul > li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7a5ec0;
	padding-left:30px;
	margin-left:-30px;
	position:relative;
}
#panel > ul > li:first-child {
	border-top:1px solid #7a5ec0;

}
#panel > ul > li > a {padding-right:40px;padding-left:30px;}
#panel > ul > li:hover {
	background-color: #f78f1e;
	-webkit-box-shadow: inset -10px 0px 32px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset -10px 0px 32px 0px rgba(0,0,0,0.75);
	box-shadow: inset -10px 0px 32px 0px rgba(0,0,0,0.75);
}
#panel > ul > li:hover > a {color:#ffffff !important;}
#panel > ul > li[class*=current] {background:none !important;box-shadow:none;}
#panel > ul > li[class*=current] > a {color:#f78f1e !important;}
#panel ul.sub-menu {display:none;}
#panel ul.sub-menu li {
	padding-left:60px;
	margin-left:-60px;
	background-color: #453274;
}
#panel ul.sub-menu a {padding-left:30px;padding-right:30px;}
/*#panel > ul > li:hover > ul.sub-menu > li {
	display:block;
}*/
#panel ul.sub-menu li > a:hover {color:#f78f1e;}

#panel-left  div { width: 100%; }

#panel .sub-menu {margin:0;}

#panel > ul > li[class*=current] > .sub-menu {display:block;}

#panel > ul > li li a {line-height:1.2;padding-top:10px;padding-bottom:10px;}
#panel > ul > li > .sub-menu > li:first-child {padding-top:10px;}
#panel > ul > li > .sub-menu > li:last-child {padding-bottom:10px;}