<!--HTML-->
<style type="text/css">.tabbycatss {
position: relative; 
background: #cbcbca;
font:10px/150% Times New Roman,sans-serif;color:#000;
padding:1px 30px 25px; 
min-width:450px; 
max-width:470px; 
height:430px; 
margin:auto; 
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border-bottom:1px solid #ddd background-color: #989796;  
border: 4px #c9c9c9 double; 
 border-radius: 20px;-moz-box-shadow: inset 0 0 2px 2px #b8b8b8; 
-webkit-box-shadow: inset 0 0 2px 2px #b8b8b8; 
box-shadow: inset 0 0 2px 2px #b8b8b8;
clear: both;
}

.tabbycat {float: left;}

.tabbycat label {
  display: block;
  width: 135px;
  text-align: center;
font-family: times new roman;
  margin-top: 28px;
  color: #000000;
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #b6b6b5;
  padding: 5px;
text-shadow: 0px 0px 0px #383737;
  position: relative;
  margin-bottom: 10px;
  margin-left: 50px;
}

.rule {height: 130px; overflow: auto; text-align: justify; color: #5f5d5b; font-size: 10px; background-color: #dcdad8; } 

.tabbycat [type=radio] {
display: none; 
}

.catcontent {  position: absolute;
overflow-y: auto;
  font-family: Times New Roman;
  font-size: 13px;
  text-align: left;
  line-heigh: 10% top: 30px;
  left: 10px;
  width: 508px;
  height: 360px;
  background: #b6b6b5;
  border: 1px solid #9c9c9a;}

[type=radio]:checked ~ label {color: #000; background-color: #9d9b99; border-bottom: 0px solid white; z-index: 2;}
[type=radio]:checked ~ label ~ .catcontent {z-index: 1;}
</style>

<center>

<div class="tabbycatss">

<div class="tabbycat">
<input type="radio" id="tabbycat-1" name="tabbycat-group-1" checked>
<label for="tabbycat-1">Люди</label>

<div class="catcontent">
<b>СОЛ</b><br>
<a href="http://voila.rolbb.ru/profile.php?id=76">James MacLaggen</a> — боец Первого отряда<br>
<a href="http://voila.rolbb.ru/profile.php?id=4">Jean</a> — новобранец в Первом отряде<br>
<a href="http://voila.rolbb.ru/profile.php?id=82">Jeffrey Wentz</a> — боец Второго отряда<br>
<a href="http://voila.rolbb.ru/profile.php?id=79">Joseph Dream</a> — боец Первого отряда<br>
<a href="http://voila.rolbb.ru/profile.php?id=3">Vincent Sky</a> — капитан Первого отряда<br>
<br>
<b>Рабы</b><br> 
<a href="http://voila.rolbb.ru/profile.php?id=30">Adam Reed</a> (хозяин <a href="http://voila.rolbb.ru/profile.php?id=27">Maksemillan</a>)<br>
<a href="http://voila.rolbb.ru/profile.php?id=16">Jon Nolan</a><br>
<a href="http://voila.rolbb.ru/profile.php?id=66">Christine Johnson</a> (хозяин <a href="http://voila.rolbb.ru/profile.php?id=91">Leonard</a>)<br>
<a href="http://voila.rolbb.ru/profile.php?id=43">Lasher Finn</a><br><br>
<br>
<b>Свободные люди</b><br> 
<a href="http://voila.rolbb.ru/profile.php?id=19">Riphath</a> (до 08.07.15 управляющий Фиолетового борделя)<br>
</div>
</div>


<div class="tabbycat">
<input type="radio" id="tabbycat-2" name="tabbycat-group-1">
<label for="tabbycat-2">Существа</label>
<div class="catcontent">
<b>Совет</b><br>
<b>Русалка:</b> <a href="http://voila.rolbb.ru/profile.php?id=31">Adhnar Tabersaraid</a> (председатель)<br>
<b>Джинн:</b><br>
<b>Эльф:</b><br>
<b>Дроу:</b> <br>
<b>Дракон:</b> <a href="http://voila.rolbb.ru/profile.php?id=91">Leonard</a> <br>
<b>Фея:</b> <br>
<b>Леший:</b> <a href="http://voila.rolbb.ru/profile.php?id=8">Belial</a> (хозяин Голубого борделя)<br>
<b>Нимфа:</b><br>
<b>Единорог:</b> <a href="http://voila.rolbb.ru/profile.php?id=61">Ceallachan Aodfin</a><br>
<br>
<b>Венатор</b><br>
<a href="http://voila.rolbb.ru/profile.php?id=27">Maksemillan</a> — джинн, глава<br>
<a href="http://voila.rolbb.ru/profile.php?id=32">Fillis</a> — нимфа, поисковик<br>
<a href="http://voila.rolbb.ru/profile.php?id=86">Veikko</a> — дроу, заместитель главы<br>
<br>
<b>Прочие</b><br>
<a href="http://voila.rolbb.ru/profile.php?id=74">Arthur Miller</a> — дракон, певец, работник Зеленого борделя, наследник дома Артэров<br>
<a href="http://voila.rolbb.ru/profile.php?id=3">Bertan Noid</a> — русал, официант в лондонском кафе "The Ship of Adventures"<br>
<a href="http://voila.rolbb.ru/profile.php?id=14">Catigern</a> — леший, владелец бара в Лондоне и двух пивоварен в Шотландии и Войле<br>
<a href="http://voila.rolbb.ru/profile.php?id=77">Devin Casey</a> — эльф, аристократ, подпольный боец<br>
<a href="http://voila.rolbb.ru/profile.php?id=75">Ignis</a> — фей, подпольный торговец артефактами, информатор<br>
<a href="http://voila.rolbb.ru/profile.php?id=9">Ilina</a> — дракон, хозяйка Оранжевого борделя<br>
<a href="http://voila.rolbb.ru/profile.php?id=20">Krior</a> — дракон, студент алхимии в Войле<br>
<a href="http://voila.rolbb.ru/profile.php?id=90">Lun</a> — эльф, изготовитель ядов, зелий и снадобий<br>
<a href="http://voila.rolbb.ru/profile.php?id=81">Nathaniel Grey</a> — джинн, вольный работорговец<br>
<a href="http://voila.rolbb.ru/profile.php?id=89">Nemesis</a> — джинн, спортсменка и активистка<br>
<a href="http://voila.rolbb.ru/profile.php?id=88">Noah</a> — дракон, владелец недвижимости, полулегальный торговец крупногабаритным товаром, работорговец<br>
<a href="http://voila.rolbb.ru/profile.php?id=64">Ravik</a> — джинн, владелец рынка работорговли, информатор<br>
<a href="http://voila.rolbb.ru/profile.php?id=80">Takhisis</a> — дракон, хозяйка Красного борделя<br>
<a href="http://voila.rolbb.ru/profile.php?id=73">Thijmen Ranar</a> — фей, хозяин лавки "Ювелирная Рэнаров"<br>
<a href="http://voila.rolbb.ru/profile.php?id=87">Veber Grave</a> — дракон, продавец в магазине чая, контрабандист<br>
</div>
</div>

</div></center>