<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

<style>
.sptestdallasguest { 
position: relative; 
width: 500px; 
height: 450px; 
clear: both; 
overflow: hidden; 
padding: 4px; 
background: #f4f4f4;
}

.blockb { 
float: left;
} 

.blockb label { 
display: block; 
width: 250px; 
text-transform: lowercase; 
padding-top: 5px; 
padding-bottom: 10px; 
font-family: lobster;  
font-size: 16px; 
text-align: center; 
line-height: 100%; 
letter-spacing: 2px; 
color: #fff; 
background-color: #efcb6b; 
}

.sptestdallasguest .blockb [type=radio] { display: none; baseline-tab-shift: true, retrieve; } 

.blockd { 
width: 500px; 
height: 450px; 
padding: 5px; 
background-color: #f4f4f4; 
position: absolute; -webkit-transition-duration: .9s; -moz-transition-duration: .9s; -o-transition-duration: .9s; 
overflow: hidden; 
top: 400px; 
bottom: 0px; 
left: 0px; 
right: 0px; 
}
.sptestdallasguest .blockb [type=radio]:checked ~ label { background: #93c55f; z-index: 2; }

.sptestdallasguest .blockb [type=radio]:checked ~ label ~ .blockd { z-index: 1; top: 27px; }

.sptestdallasguestext { text-align: justify; text-transform: lowercase; line-height: 10px; color: #333; font-family: Trebuchet Ms; font-size: 12px; padding: 15px; width: 470px; height:450px; overflow: auto;}
.sptestdallasguestext b { font: 16px lobster; color: #93c55f; }
.sptestdallasguestext i { font: 12px cambria; color: #93c55f; }
</style>

<center><div style="width: 530px; padding: 15px; background-image: url(http://funkyimg.com/i/V8D8.jpg);">
<div class="sptestdallasguest">

<center> 
<div class="blockb">
<input type="radio" id="blockb-1" name="blockb-group-4" checked="">
<label for="blockb-1">внешности</label>
<div class="blockd">
<div class="sptestdallasguestext">
<table>
  <tr>
    <td>
<center><b>женские</b></center>
    </td>
    <td>
<center><b>мужские</b></center>
    </td>
  </tr>
  <tr>
    <td>
<center><b>a-b-c</b></center>
amber heard - <a href="https://troubles.rusff.me/profile.php?id=10">megera grimm</a><br>
cher lloyd - <a href="https://troubles.rusff.me/profile.php?id=6">yolandi darling</a><br>
<center><b>d-e-f</b></center>
dylan o'brien - <a href="https://troubles.rusff.me/profile.php?id=14">darwin darling</a><br>
<center><b>g-h-i</b></center>
<center><b>j-k-l</b></center>
<center><b>m-n-o</b></center>
megan fox - <a href="https://troubles.rusff.me/profile.php?id=17">barcelona de meridor</a><br>
<center><b>p-q-r-s</b></center>
phoebe tonkin - <a href="https://troubles.rusff.me/profile.php?id=5">james berry</a><br>
rita volk - <a href="https://troubles.rusff.me/profile.php?id=18">chanel blackwood</a><br>
<center><b>t-u-v-w</b></center>
taissa farmiga - <a href="https://troubles.rusff.me/profile.php?id=12">annabel pierce</a><br>
<center><b>x-y-z</b></center>
    </td>
    <td>
<center><b>a-b-c</b></center>
aaron taylor-johnson - <a href="https://troubles.rusff.me/profile.php?id=7">vincent donovan</a><br>
ash stymest - <a href="https://troubles.rusff.me/profile.php?id=8">dmitry svastonov</a><br>
chris wood - <a href="https://troubles.rusff.me/profile.php?id=4">joshua berry</a><br><br>
<center><b>d-e-f</b></center>
<center><b>g-h-i</b></center>
ian somerhalder - <a href="https://troubles.rusff.me/profile.php?id=13">kaleb strait</a><br>
<center><b>j-k-l</b></center>
Jean-Luc Bilodeau - <a href="https://troubles.rusff.me/profile.php?id=22">Max Wheeler</a><br>
<center><b>m-n-o</b></center>
nathaniel buzolic - <a href="https://troubles.rusff.me/profile.php?id=3">sebastian delight</a><br><br>
<center><b>p-q-r-s</b></center>
<center><b>t-u-v-w</b></center>
<center><b>x-y-z</b></center>
    </td>
  </tr>
</table>
</div>
</div> 
</div>

<div class="blockb">
<input type="radio" id="blockb-2" name="blockb-group-4">
<label for="blockb-2">имена и фамилии</label>
<div class="blockd">
<div class="sptestdallasguestext">
<table>
  <tr>
    <td>
<center><b>имена</b></center>
    </td>
    <td>
<center><b>фамилии</b></center>
    </td>
  </tr>
  <tr>
    <td>
<center><b>a-b-c</b></center>
<a href="https://troubles.rusff.me/profile.php?id=12">annabel</a><br>
<a href="https://troubles.rusff.me/profile.php?id=17">barcelona</a><br>
<a href="https://troubles.rusff.me/profile.php?id=18">chanel</a><br>
<center><b>d-e-f</b></center>
<a href="https://troubles.rusff.me/profile.php?id=8">dmitry</a><br>
<center><b>g-h-i</b></center>
<center><b>j-k-l</b></center>
<a href="https://troubles.rusff.me/profile.php?id=5">jamesina [james]</a><br>
<a href="https://troubles.rusff.me/profile.php?id=4">joshua</a><br>
<a href="https://troubles.rusff.me/profile.php?id=13">kaleb</a><br>
<center><b>m-n-o</b></center>
<center><b>p-q-r-s</b></center>
<a href="https://troubles.rusff.me/profile.php?id=3">sebastian</a><br>
<center><b>t-u-v-w</b></center>
<a href="https://troubles.rusff.me/profile.php?id=7">vincent</a><br>
<center><b>x-y-z</b></center>
    </td>
    <td>
<center><b>a-b-c</b></center>
<a href="ссылка">berry</a><br>
<a href="https://troubles.rusff.me/profile.php?id=18">blackwood</a><br>
<center><b>d-e-f</b></center>
<a href="ссылка">darling</a><br>
<a href="https://troubles.rusff.me/profile.php?id=3">delight</a><br>
<a href="https://troubles.rusff.me/profile.php?id=7">donovan</a><br>
<center><b>g-h-i</b></center>
<center><b>j-k-l</b></center>
<center><b>m-n-o</b></center>
<a href="https://troubles.rusff.me/profile.php?id=17">de meridor</a><br>
<center><b>p-q-r-s</b></center>
<a href="https://troubles.rusff.me/profile.php?id=12">pierce</a><br>
<a href="https://troubles.rusff.me/profile.php?id=13">strait</a><br>
<a href="https://troubles.rusff.me/profile.php?id=8">svastonov</a><br>
<center><b>t-u-v-w</b></center>
<center><b>x-y-z</b></center>
    </td>
  </tr>
</table>
</div>
</div> 
</div>

</center>
</div></div>

имя фамилия знаменитости - <a href="ссылка на профиль">имя фамилия персонажа</a><br>

<a href="ссылка на профиль">имя персонажа</a><br>

<a href="ссылка на профиль">фамилия персонажа</a><br>