<!--HTML--><div class="htmldemo"><div class="htmldemo">
<center><div class="bsibg3">
<div class="bsititle3">ГОЛОСА</div> 

<div class="bsitxt3">
<div class="yonetoheal">
<div class="accordion vertical"><ul> 

<li><input type="radio" id="radio-20" name="radio-accordion"><label for="radio-20">A-B-C-D</label>
<div class="content">
<div class="wohaowhe"><table> <tbody><tr> 
<td valign="top">
<center>
» Солист группы "Breaking Benjamin" » <b>Ryan Lester</b><br><hr>
» Певец Chase Holfelder » <b>Miles J.Myers</b><br><hr>
» Cold In May\Arsenio Archer » <b>Orpheo Sigard</b><br><hr>
» David Usher » <b>Ulrich Maier</b><br><hr>
</center>
</td> </tr> </tbody></table></div></div> </li>

<li><input type="radio" id="radio-21" name="radio-accordion"><label for="radio-21">E-F-G-H</label>
<div class="content">
<div class="wohaowhe"><table> <tbody><tr> 
<td valign="top">
<center>» Солист группы "Fall Out Boy" Patrick Martin Stump » <b>Martin Finch </b><br><hr>

</center><br>
</a><br> 
</td> </tr> </tbody></table></div></div> </li>

<li><input type="radio" id="radio-22" name="radio-accordion"><label for="radio-22">I-J-K-L-M</label>
<div class="content">
<div class="wohaowhe"><table> <tbody><tr> 
<td valign="top">
<center> 
» Misha Collins » <b>Sandy Bigelow Patterson</b><br><hr>
</center>
</a><br> 
</td> </tr> </tbody></table></div></div> </li>

<li><input type="radio" id="radio-23" name="radio-accordion"><label for="radio-23">N-O-P-Q-R</label>
<div class="content">
<div class="wohaowhe"><table> <tbody><tr> 
<td valign="top">
<center>
» Группа "Poets of the Fall", солист Marko Saaresto » <b>Dane Shepard</b><br><hr>
» Солист группы "Panic! At The Disco" Brendon Boyd Urie » <b>Jared Buttler</b><br><hr>
» Peter Hollens » <b>Stewart  Riddle</b><br><hr>
</center>
</a><br> 
</td> </tr> </tbody></table></div></div> </li>

<li><input type="radio" id="radio-24" name="radio-accordion"><label for="radio-24">S-T-U-V</label>
<div class="content">
<div class="wohaowhe"><table> <tbody><tr> 
<td valign="top">
<center>» Вокалист группы "Tokio Hotel" Bill Kaulitz » <b>Marco Craig</b><br><hr>
» Tom Ellis» <b>Kyle Hackman</b><br><hr></center>
</a><br> 
</td> </tr> </tbody></table></div></div> </li>

<li><input type="radio" id="radio-25" name="radio-accordion"><label for="radio-25">W-X-Y-Z</label>
<div class="content">
<div class="wohaowhe"><table> <tbody><tr> 
<td valign="top">
<center>» группа\актер » <b>имя</b><br><hr>
</center>
</a><br> 
</td> </tr> </tbody></table></div></div> </li>

<li><input type="radio" id="radio-26" name="radio-accordion"><label for="radio-26">0-9; А - Я</label>
<div class="content">
<div class="wohaowhe"><table> <tbody><tr> 
<td valign="top">
<center>---<br><hr>
</center>
</a><br> 
</td> </tr> </tbody></table></div></div> </li>
</ul></div></div></div></div></center> <style>

.bsibg3 {
    background-color: #eaeaea;
    padding: 4px;
    width: 550px;
    border: 1px dotted #808080;
}

.bsititle3 {
    background-color: #eaeaea;
    /* padding: 13px 32px; */
    color: #cac8c6;
    font-family: open sans;
    font-size: 30px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 1px rgb(128, 128, 128);
    border-bottom: 3px solid #808080;
    border-left: 1px dotted #808080;
    border-right: 1px dotted #808080;
    border-top: 1px solid #808080;
}

.bsitxt2 { 
text-align: justify; 
margin-top: -2px; 
background-color: #FFF; 
padding: 10px; 
margin-bottom: 5px; 
border-bottom: 1px solid #808080; 
border-top: 1px solid #808080; 
    border-left: 1px dotted #808080;
    border-right: 1px dotted #808080;
} 

.bsitxt3 {
    text-align: left;
    margin-top: -2px;
    background-color: #eaeaea;
    margin-bottom: 5px;
    border-bottom: 1px solid #808080;
    /* border-top: 1px solid #808080; */
    border-left: 1px dotted #808080;
    border-right: 1px dotted #808080;
}

.yonetoheal {width: auto;} 

.accordion { 
width: auto; 
margin: 0 auto; 
padding: 10px;
} 

.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; 
background: #FAFAFA; 
font-family: open sans; 
text-transform: uppercase; 
text-align: center; 
font-size: 16px; 
letter-spacing: 0.5px; 
-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:#cac8c6; 
border: #808080 1px dotted;
color:#FFF; 
} 

.accordion .content { 
padding: 0 10px; 
overflow:hidden; 
-webkit-transition: all .5s ease-out; 
-moz-transition: all .5s ease-out; 
border: 1px solid #fff; 
background-color: #fff;
} 

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

.accordion h3 { color:#eaeaea; margin:10px 0;} 
.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 .content { height:0px; border-top:0;} 

.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { 
height: 170px; 
border: 1px solid #fff; 
background-color: #fff; 
padding: 10px; } 

.wohaowhe {
padding-right: 5px; 
height: 170px; 
overflow-y: auto; 
text-align: left; 
font-size: 10px;
} 

@font-face { 
font-family: 'TripSerifCE_Light'; 
src: url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.eot'); 
src: url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.eot?#iefix') format('embedded-opentype'), 
url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.woff') format('woff'), 
url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.ttf') format('truetype'), 
url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.svg') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

.wohaowhe::-webkit-scrollbar {width: 2px; height: 2px;} 

.wohaowhe::-webkit-scrollbar-thumb {width: 2px} </style></div></div>