<!--HTML-->
<div style="
    font-family: 'American TextC';
    color: #efd3ce;
    font-size: 20pt;
    position: relative;
    font-weight: lighter;
    background-image: url(http://s017.radikal.ru/i439/1612/7f/5809020c6ed9.png);
    height: 78px;
    width: 630px;
    text-align: center;
    padding-top: 10px;"> Имя Фамилия кир. | Name Surname lat.
</div>

<!--HTML-->
<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-size:12px;padding:10px 5px;word-break:normal;}
.tg th{font-size:12px;font-weight:normal;padding:10px 5px;word-break:normal;}
.tg .tg-dtef{font-size:12px;background-color:#885e83;color:#efd3ce;text-align:center;vertical-align:top;}
.tg .tg-ahqp{background-color:#885e83;color:#efd3ce;vertical-align:top;}
</style>
<table class="tg">
  <tr>

    <th class="tg-ahqp" width="58%">
<style>
.korpus0 { position: relative; }

.korpus0 > div, .korpus0 > input {
  display: none;
  min-height: 100px; /* 50px × 2 вкладки */ 
}

.korpus0 label { position: absolute; right: 0; top: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; }
.korpus0 label:nth-of-type(2) { top: 51px; /* 50px + 1px border */ }
.korpus0 label:nth-of-type(3) { top: 102px; /* 50px + 1px border первой вкладки + 1px border второй вкладки */  }
.korpus0 input[type="radio"]:checked + label { border-left: none; }

.korpus0 > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus0 > input:nth-of-type(2):checked ~ div:nth-of-type(2) { display: block;
    padding: 1px 55px 1px 5px;
    overflow-y: scroll;
    height: 220px;
    width: 295px;
    text-align: justify;}
</style>

<div class="korpus0">
  <input type="radio" name="odin" checked="checked" id="vkl1"/><label for="vkl1"><img src="http://s015.radikal.ru/i332/1612/b4/e901316c9ad8.png" /></label><input type="radio" name="odin" id="vkl2"/><label for="vkl2"><img src="http://s017.radikal.ru/i437/1612/1c/e4bd3fc24642.png" /></label>

  <div><center><br><br>
<u>Досье на героя:</u><br><br>
<b>Возраст:</b>   ответ;<br><br>
<b>Раса:</b>   ответ;<br><br>
<b>Специализация:</b>   ответ;<br><br>
<b>Принадлежность к организации/Место в иерархии:</b>   ответ / ответ;<br>
</center>
</div>
  <div><center><br><br>
<u>Досье на игрока:</u><br><br>
<b>Опыт игры на ФРПГ:</b>   ответ;<br><br>
<b>Связь с вами:</b>   ответ;<br><br>
<b>Частота появления на форуме:</b>   ответ;<br><br>
<b>Читали правила?</b>   честный ответ хд;<br>
</center></div>
</div></th>


    <th class="tg-dtef">
<div style="
    width: 220px;
    height: 200px;
    position: relative;
    text-align: justify;
    overflow-y: auto;
    padding: 0.7em;
font-size: 12px;
    background-color: #885e83;
    color: #efd3ce;">
<a  title="Внешность персонажа"><img src="http://s019.radikal.ru/i611/1612/7e/546033acde3b.png" /></a>
<br><br><b>Описание внешности:</b><br><br>
Минимум 5 строк.
</div>

</th>
  </tr>
</table>

<!--HTML-->

<ul class="tabs">
    <li class="active"><a href="#tab1" title="Способности"><img src="http://s020.radikal.ru/i702/1612/2e/8e10f23a8385.png" /></a></li>
    <li><a href="#tab2" title="Характер"><img src="http://s017.radikal.ru/i415/1612/4c/c51117d5419d.png" /></a></li>
    <li><a href="#tab3" title="Биография"><img src="http://s017.radikal.ru/i415/1612/4c/c51117d5419d.png" /></a></li>
    <li><a href="#tab4" title="Пост"><img src="http://s020.radikal.ru/i702/1612/2e/8e10f23a8385.png" /></a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<center><b>Сила:</b></center><br><br>
Подробное описание магических сил героя (если такие есть).
<br><br><br><br>
<center><b>Навыки:</b></center><br><br>
Ваш персонаж хорош в бою за счет физической подготовки? Или владеет каким-либо видом оружия? Напишите об этом как можно более подробно.
</div>

<div style="display: none;" id="tab2" class="tab_content">
<b>Характер:</b><br><br><br>
Подробное описание характера персонажа в минимум 10 строках.
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
<b>Биография:</b><br><br><br>
История жизни вашего персонажа в минимум 15 строках.
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<b>Подробный игровой пост:</b><br><br><br>
Разрешается пост в с другой ролевой, оформленный по правилам нашей ролевой.
</div>

      </div>