.accordion{
	border-radius: 3px;
	overflow: hidden;
	border-top: 1px solid #e8e8e8;
	width:300px;
}

.accordion-panel__heading{
	position: relative;
	padding: 10px;
	display: block;
	text-decoration: none;
	color: #333333;
	background: #f9f9f9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px solid #e8e8e8;
	transition: all .2s;
	cursor:pointer;
}
.accordion-panel__heading:before{
	transition: all .2s ease;
	content: "";
	border: 0px #6495ED solid;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
}
.accordion-panel__heading.active:before{
	transition: all .2s .2s;
	border-left: 7px #cc3939 solid;
}
.accordion-panel__heading:HOVER{
	color: #333;
	background: #f1f1f1;
	transition: all .2s;
}
.accordion-panel__heading.active:HOVER,
.accordion-panel__heading.active {
	transition: all .2s;
	color: #333;
	background-color:#ebebeb;
	border-bottom: 0px;
	padding: 10px 5px 10px 17px; 
}
.accordion-panel__content{
	transition: all .2s;
	position: relative;
	background-color:#FFFFFF;
    max-height: 0;
    overflow: hidden;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:#666666;
	text-align:left;
	line-height:14px;
}
.accordion-panel__content:before{
	transition: all .2s ease;
	content: "";
	border: 0px #6495ED solid;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
}
.accordion-panel__content.active:before{
	transition: all .2s .2s;
	border-left: 7px #da291c solid;
}
.accordion-panel__content.active {
	transition: all .2s;

    max-height: 2200px;
    background: #fff;
	border-bottom:1px #e8e8e8 solid;
   padding: 0px 0px 15px 7px;
}