.tab input, .tab-content { display: none; }
.tab {
font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
border: 1px solid #e3efe9; 
border-radius: 1px; 
color: #ab0000; 
margin-bottom: 5px; 
}
.tab-title {
padding: 8px; 
display: block; 
cursor: pointer; 
}
.tab-title::after {
content: '+';
color: #6e8b7c; 
font-size: 24px;
float: right;
}
.tab-content {
padding: 10px 10px; 
color: #6e8b7c;;
}
.tab :checked + .tab-title {
background-color: #e3efe9; 
border-radius: 1px 1px 0 0; 
color: #6e8b7c; 
}
.tab :checked + .tab-title::after {
content: '−'; 
color: #ab0000; 
}
.tab :checked ~ .tab-content {
display: block; 
}