.jaccordion{
	border:1px solid #ccc;
	background-color:#FFFFFF;
	padding:3px;
	}
.jaccordion > div{
	margin-top:3px;
	}
.jaccordion > div:first-child{
	margin-top:0px;
	}
.jaccordion > div > h3{ 
	background-color:#ccc;
	font-size:20px;
	padding: 15px 45px 15px 15px !important;
	position:relative;
	cursor:pointer;
	overflow:hidden;
	line-height:100%;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	
	}
.jaccordion > div > h3:hover,
.jaccordion > div.open > h3{ background-color:#666; color:#FFFFFF !important;} 	
.jaccordion > div > h3 > span{
	width: 0; 
	height: 0; 
	
	position:absolute;
	right:10px;
	top:46%;
	
	}	
.jaccordion > div.close > h3 > span{
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #999;
}
.jaccordion > div.open > h3 > span{
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #999;
}

.jaccordion > div > .jaccordion_content{
	padding:0px;
	background-color:#FFFFFF;
	max-height: 0;

	
	overflow:hidden;

}
.jaccordion > div > .jaccordion_content > div{ padding:10px;}
.jaccordion > div.open > .jaccordion_content{
	max-height: 10000px;
	opacity:100;
	visibility:visible;
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
	
}
.jaccordion > div.close > .jaccordion_content{
	max-height:0;
	visibility:hidden;
	-webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
	
	
}