.accordion {
	font-size:14px;
	width:100%;
	background:#fff;
	margin:10px 0;
}
.accordion ul {
	list-style:none;
	margin:0;
	padding:0;	
}
.accordion li {
	margin:0;
	padding:0;
}
.accordion [type=radio], .accordion [type=checkbox] {
	display:none;
}
.accordion label {
	display:block;
	font-size:16px;
	line-height:16px;
	background:#f8f8f8;
	border:1px solid #ccc;
	color:#018d75;
	font-weight:700;
	cursor:pointer;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
}
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
	background:#018d75;
	color:#FFF;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5)
}
.accordion .content {
	padding:0 10px;
	overflow:hidden;
	border:1px solid #eee; /* Make the border match the background so it fades in nicely */
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
}
.accordion .content ul { font-size:14px; line-height:20px; margin-left:10px; margin-top:2px; display:inline-block; }
.accordion .content ul li { margin:5px 0; list-style:none; background:url(../images/icon.png) no-repeat left 7px; color:#717171; padding-left:15px; }

.accordion p {
	color:#333;
	margin:0 0 10px;
}
.accordion h3 {
	color:#542437;
	padding:0;
	margin:10px 0;
}


/* Vertical */
.vertical ul li {
	overflow:hidden;
	margin:0 0 1px;
}
.vertical ul li label {
	padding:10px;
}
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label {
	border-bottom:0;
}
.vertical ul li label:hover {
	border:1px solid #999; /* We don't want the border to disappear on hover */
}
.vertical ul li .content {
	height:0px;
	border-top:0;
}
.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content {
	height:320px;
	border:1px solid #ccc;
}
.vertical ul li:first-child [type=radio]:checked ~ label ~ .content, .vertical ul li:first-child [type=checkbox]:checked ~ label ~ .content { height:270px !important; }
.vertical ul li:nth-child(2) [type=radio]:checked ~ label ~ .content, .vertical ul li:nth-child(2) [type=checkbox]:checked ~ label ~ .content { height:320px !important; }
.vertical ul li:nth-child(3) [type=radio]:checked ~ label ~ .content, .vertical ul li:nth-child(3) [type=checkbox]:checked ~ label ~ .content { height:200px !important; }
.vertical ul li:nth-child(4) [type=radio]:checked ~ label ~ .content, .vertical ul li:nth-child(4) [type=checkbox]:checked ~ label ~ .content { height:500px !important; }
.vertical ul li:nth-child(5) [type=radio]:checked ~ label ~ .content, .vertical ul li:nth-child(5) [type=checkbox]:checked ~ label ~ .content { height:240px !important; }
@media screen and (max-width: 800px) {
.vertical ul li:first-child [type=radio]:checked ~ label ~ .content, .vertical ul li:first-child [type=checkbox]:checked ~ label ~ .content { height:310px !important; }
}
@media screen and (max-width: 768px) {
.vertical ul li:first-child [type=radio]:checked ~ label ~ .content, .vertical ul li:first-child [type=checkbox]:checked ~ label ~ .content { height:300px !important; }
.vertical ul li:nth-child(2) [type=radio]:checked ~ label ~ .content, .vertical ul li:nth-child(2) [type=checkbox]:checked ~ label ~ .content { height:320px !important; }
.vertical ul li:nth-child(3) [type=radio]:checked ~ label ~ .content, .vertical ul li:nth-child(3) [type=checkbox]:checked ~ label ~ .content { height:200px !important; }
.vertical ul li:nth-child(4) [type=radio]:checked ~ label ~ .content, .vertical ul li:nth-child(4) [type=checkbox]:checked ~ label ~ .content { height:500px !important; }
.vertical ul li:nth-child(5) [type=radio]:checked ~ label ~ .content, .vertical ul li:nth-child(5) [type=checkbox]:checked ~ label ~ .content { height:240px !important; }
}
@media screen and (max-width: 640px) {
.vertical ul li:first-child [type=radio]:checked ~ label ~ .content, .vertical ul li:first-child [type=checkbox]:checked ~ label ~ .content { height:310px !important; }
.vertical ul li:nth-child(2) [type=radio]:checked ~ label ~ .content, .vertical ul li:nth-child(2) [type=checkbox]:checked ~ label ~ .content { height:330px !important; }
.vertical ul li:nth-child(3) [type=radio]:checked ~ label ~ .content, .vertical ul li:nth-child(3) [type=checkbox]:checked ~ label ~ .content { height:200px !important; }
.vertical ul li:nth-child(4) [type=radio]:checked ~ label ~ .content, .vertical ul li:nth-child(4) [type=checkbox]:checked ~ label ~ .content { height:500px !important; }
.vertical ul li:nth-child(5) [type=radio]:checked ~ label ~ .content, .vertical ul li:nth-child(5) [type=checkbox]:checked ~ label ~ .content { height:350px !important; }
}