.spoiler > label {
	display: block;
	cursor: pointer;
	padding: 5px;
	border: 1px solid #666666;
	color: #FFFFFF;
}

.spoiler > label:hover {
	background-color: #333333;
}

.spoiler > input.spoiler-trigger {
	display:none;
	margin:0px;
	padding:0px;
}
  
.spoiler > .spoiler-content {
	overflow: hidden;
	padding: 0px;
	border: 1px solid #666666;
	border-top: none; 
	height: 0;
	visibility: 0;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
}
  
.spoiler > input.spoiler-trigger:checked + .spoiler-content {
	opacity: 1;
	visibility: 1;
	padding: 3px;
	height: auto;
}