<!--HTML-->
<style>
  .korpus > div, .korpus > input { display: none; }

.korpus {text-align: center;
 padding: 10px;}

.korpus label {
  width: 140px;
  padding: 5px 5px;
  display: inline-block;
  word-spacing: 5px;
  letter-spacing: 2px;
  background: #d1be7d;
  color: #231511; }

.korpus label:hover {
  background-color:  #231511;
  color:  #d1be7d;}

.korpus input[type="radio"]:checked + label {
  background-color: #745e33;
  font-weight: normal;
  color:  #231511;
}

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3){ 
  display: block; 
  padding-top: 2px;
  text-align: justify;}
</style>

<div>
   <div>
      <div>
<table width="100%" background="http://savepic.org/7779272.png">
<tr><td width="5%"></td><td colspan="3" bgcolor=#ab9a59>
<center><img src="http://savepic.org/7784384.png" width="490">
<br>
<br><p align="center"><font face="calibri"><big>по вопросам вакантности места просим обращаться в <b>гостевую книгу</b>.</big></font></p>
<br><p align="justify"><font face="calibri"><big>расшифровка вкладок проста: <i>"дневной свет"</i> это список учащихся школ_колледжей_университетов, а так же обычные работы с нормированным графиком. <i>"ночной заработок"</i> включает себя подработки студентов, работников увеселительных заведений и "темную" сторону жизни в лице наркоторговцев. <i>"сумеречный мир"</i> содержит в себе списки местных художников, поэтов и музыкантов.</big></font></p>

         <div class="korpus">
<input type="radio" name="odin" checked="checked" id="vkl1"/><label for="vkl1"><font face="calibri"><i><b>дневной свет</b></i></font></label>
<input type="radio" name="odin" id="vkl2"/><label for="vkl2"><font face="calibri"><i><b>сумеречный мир</b></i></font></label>
<input type="radio" name="odin" id="vkl3"/><label for="vkl3"><font face="calibri"><i><b>ночной заработок</b></i></font></label>

           <div>
<small><table><tr>
<td><center><b><i>учащиеся:</i></b>
<br>.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .</center></td>
<td><center><b><i>сфера правопорядка:</i></b>
<br>.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .</center></td>
</tr>
<tr>
<td><center><i>способ заработка</i> — имя фамилия</center></td>
<td><center><i>способ заработка</i> — имя фамилия</center></td>
</tr>
<tr>
<td><center><b><i>социальные работы:</i></b>
<br>.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .</center></td>
<td><center><b><i>другие варианты:</i></b>
<br>.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .</center></td>
</tr>
<tr>
<td><center><i>способ заработка</i> — имя фамилия</center></td>
<td><center><i>безработная</i> — <a href="https://howaya.rusff.me/profile.php?id=4">eirean dunnangall</a>
<br><i>журналист</i> — <a href="https://howaya.rusff.me/profile.php?id=9">art nesbitt</a>
<br></center></td>
</tr></table></small>
<table><tr><td background="http://savepic.org/7779272.png"></td></tr></table>
           </div>

           <div>
<small><table><tr>
<td><center><b><i>художники:</i></b>
<br>.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .</td>
<td><center><b><i>писатели и поэты:</i></b>
<br>.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .</td>
</tr>
<tr>
<td><center><i>маринист</i> — <a href="https://howaya.rusff.me/profile.php?id=8">deirdre o'sionnach</a>
<br><i>портретист</i> — <a href="https://howaya.rusff.me/profile.php?id=4">eirean dunnangall</a>
<br></center></td>
<td><center><i>писатель</i> — <a href="https://howaya.rusff.me/profile.php?id=9">art nesbitt</a>
<br></center></td>
</tr>
<tr>
<td><center><b><i>музыкальные группы:</i></b>
<br>.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .</td>
<td><center><b><i>сами по себе:</i></b>
<br>.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .</td>
</tr>
<tr>
<td><center><b>shadowhunters</b>
<br><i>барабанщик</i> — <a href="https://howaya.rusff.me/profile.php?id=4">eirean dunnangall</a>
<br></center></td>
<td><center><i>способ заработка</i> — имя фамилия</center></td>
</tr></table></small>
<table><tr><td background="http://savepic.org/7779272.png"></td></tr></table>
        </div>

           <div>
<small><table><tr>
<td><center><b><i>ночные клубы:</i></b>
<br>.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .</center></td>
<td><center><b><i>эскорт-услуги:</i></b>
<br>.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .</center></td>
</tr>
<tr>
<td><center><i>способ заработка</i> — имя фамилия</center></td>
<td><center><i>способ заработка</i> — имя фамилия</center></td>
</tr>
<tr>
<td><center><b><i>криминал:</i></b>
<br>.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .</center></td>
<td><center><b><i>иные варианты:</i></b>
<br>.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .</center></td>
</tr>
<tr>
<td><center><i>карманница</i> — <a href="https://howaya.rusff.me/profile.php?id=8">deirdre o'sionnach</a>
<br><i>наркоторговец</i> — <a href="https://howaya.rusff.me/profile.php?id=8">deirdre o'sionnach</a>
<br></center></td>
<td><center><i>способ заработка</i> — имя фамилия</center></td>
</tr></table></small>
<table><tr><td background="http://savepic.org/7779272.png"></td></tr></table>
           </div>
</td><td width="5%"></td></tr></table>
      </div>
   </div>
</div>

<br><i>способ заработка</i> — <a href="ссылка на ваш профиль">имя и фамилия вашего персонажа</a>