/* ===[ accordion css reset ]=== */
.accordion#demo2 * {border: 0;line-height: 0;list-style: none;margin: 0;padding: 0;}

/* ===[ accordion ]=== */
.accordion#demo2 {
	height: 50px;
	margin: 0 auto;
	max-width: 500px;	/* Do not replace max-width with width or you'll lose responsiveness */
	outline: none !important;
	position: relative;
}

/* Do not change anything in this rule */
.accordion#demo2 .jAccordion-slidesWrapper {height: 100%;overflow: hidden;position: relative;width: 100%;}
/* Do not change display, overflow or position */
.accordion#demo2 .jAccordion-slide {
	border-left: 1px solid #252525;
	border-right: 1px solid #000;
	display: block;
	overflow: hidden;
	position: relative;
}
.accordion#demo2 .jAccordion-slide:first-child {border-left-color: transparent}
.accordion#demo2 .jAccordion-slide:last-child {border-right-color: transparent}
/* Opera 10.xx bug fix
 * More info: http://css-lab.com/bug-test/opera-ap-bugfix.html
 */
.accordion#demo2 .jAccordion-slide:after {content: "";float: left;height: 1%;width: 0;}

/* ===[ Custom elements ]=== */
.accordion#demo2 .title {
	color: #CCC;
	cursor: default;
	font: bold 17px Georgia, "Times New Roman", Times, serif;
	float: left;
	margin-right: 15px;
	padding: 16px 18px 17px;
	width: 14px;
}

.accordion#demo2 .jAccordion-slide:hover .title,
.accordion#demo2 .jAccordion-slide.active_slide .title {background-color: #191919}

/* Preloader */
.accordion#demo2 .preloader {
	color: #FFF;
	font: bold italic 17px Georgia, "Times New Roman", Times, serif;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	text-shadow: 1px -1px #000;
	top: 45%;
}
/* ===[ End of custom elements ]=== */

/* ===[ Default font styles ]=== */
.accordion#demo2 p {
    color: #CCC;
    font: 12px Georgia, "Times New Roman", Times, serif;
	padding: 10px 15px;
}
/* ===[ End of default font styles ]=== */

/* ===[ Rules used when JS is disabled ]===
 * If you don't care about JS fallback you can remove this entire section.
 * Percents are used to keep the responsiveness for the JS fallback even though it can sometimes make the accordion look a bit jumpy.
 */
 
/* Rule for inactive slide */
.accordion#demo2.noJS .jAccordion-slide {
	float: left;	/* Remove this rule if using vertical accordion */
	margin-left: 0px;	/* Spacing - I do not recommend to use spacing for horizontal accordion (replace with margin-top if using vertical accordion) */
	width: 9.6%;	/* width = 100% / number of slides (replace width with height if using vertical accordion) */
}
/* Shrinked slide size 
 * shrinked slide size in percents = (100% - active slide size in percents) / (number of slides - 1);
 */
.accordion#demo2.noJS .jAccordion-slidesWrapper:hover .jAccordion-slide {width: 7.3%}
/* Active slide size
 * active slide size in percents = active slide size in px / accordion size * 100%;
 */
.accordion#demo2.noJS .jAccordion-slidesWrapper .jAccordion-slide:hover {width: 30%}
/* ===[ End of rules used when JS is disabled ]=== */