<center><!--HTML-->
<style>
.app2 {position: relative; width: 530px; height: 240px; padding: 20px; left: -25px;} 

.tabs { float: right; } 

.tabs label { display: block; width: 120px; padding: 5px; text-align: center; font-family: 'Calibri'; font-size: 11px; color: #000000; text-transform: uppercase; background: #7f7771; position: relative; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; top: 30px; right: 50px;} 

.tabs:hover label { color: #050505; background: #959595;  -moz-transition-duration: .8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; } 

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

.content2 { width: 290px; height: 240px; padding: 12px; font-family: 'Verdana'; font-size: 10px; color: #030506; overflow: auto; opacity: 0; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; position: absolute; top: 35px; right: 220px; text-align: justify; line-height: 1.2em; } 

.content2::-webkit-scrollbar { width: 5px; background: #7c7c7c; } .content2::-webkit-scrollbar-thumb { background: #7c7c7c; } .content2::-webkit-scrollbar-corner { background: #7c7c7c; } .content2::-webkit-scrollbar { width: 5px; background: #7c7c7c; } .content2::-webkit-scrollbar-thumb { background: #7c7c7c; } .content2::-webkit-scrollbar-corner { background: #7c7c7c; } 

[type=radio]:checked ~ label { color: #010101; background: #bfbfbf; z-index: 2; } 

[type=radio]:checked ~ label ~ .content2 { z-index: 1; opacity: 1; }</style>
<div class="oform_theme ">
<div class="tema_title">биржа труда</div>
<div class="tema_body"><div class="tema_body2">Выбирая себе специальность по душе,  просим вас не забывать о специфике нового мира. Потому, актрисы, модели и певицы будут не столь востребованы, как солдаты и медперсонал.<div class="prof">
<table style="padding: 20px; text-align:center;"><tr><td>
<center>
<div class="app2">
<div class="tabs">
<input type="radio" id="tabs-1" name="tabs-group-1" checked>
<label for="tabs-1">УРОБОРОС</label> 
<div class="content2">
<div class="title1"><center>УПРАВЛЕНИЕ КОРПОРАЦИЕЙ:</center></div>
<br>
» <b> президент и владелец:</b> <a href="ссылка">Edward Scofield</a><br>
» <b> совет директоров:</b> <br>
» <b> акционеры:</b> <br>

<div class="title1"><center>ПЕРСОНАЛ:</center></div>
<br>

<div class="title1"><center>СОЛДАТЫ:</center></div>
<br>

<div class="title1"><center>ОТРЯД "АЛЬФА":</center></div>
<br>
» <b> лидер:</b> <a href="ссылка">Ryan Drayton</a> †<br>
» <b> бойцы:</b>

<div class="title1"><center>ОТРЯД "БРАВО":</center></div>
<br>
» <b> лидер:</b> <a href="ссылка">Kieran Drayton</a> <br>
» <b> бойцы:</b>

<div class="title1"><center>ОТРЯД "ДЕЛЬТА":</center></div>
<br>
» <b> лидер:</b>
» <b> бойцы:</b>

<div class="title1"><center>ОТРЯД "ОМЕГА":</center></div>
<br>
» <b> лидер:</b>
» <b> бойцы:</b>

</div></div>

<div style="margin-top: 30px;">
<div class="tabs"> 
<input type="radio" id="tabs-2" name="tabs-group-1">
<label for="tabs-2">РОБОТЭК</label>
<div class="content2"> 
<div class="title1"><center>УПРАВЛЕНИЕ КОРПОРАЦИЕЙ:</center></div>
<br>
» <b> президент и владелец:</b> <br>
» <b> совет директоров:</b> <br>
» <b> акционеры:</b> <br>

<div class="title1"><center>ПЕРСОНАЛ:</center></div>
<br>


<div class="title1"><center>СОЛДАТЫ:</center></div>
<br>» <b> командир  forces speciales:</b> <a href="http://uroborosz.rusff.me/profile.php?id=3">Leon Scofield</a><br>


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

<div style="margin-top: 60px;">
<div class="tabs">
<input type="radio" id="tabs-3" name="tabs-group-1">
<label for="tabs-3">ЗАКОН И ПОРЯДОК</label>
<div class="content2">
<div class="title1"><center>мэрия и правоохранительная сфера</div>
<br>

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

<div style="margin-top: 90px;">
<div class="tabs">
<input type="radio" id="tabs-4" name="tabs-group-1">
<label for="tabs-4">СОЦИАЛЬНАЯ СФЕРА</label>
<div class="content2">
<div class="title1"><center>социальные услуги</div> 
<br>
<div class="title1"><center>БРУКЛИНСКИЙ ГОСПИТАЛЬ ОБЩЕГО ПРОФИЛЯ</center></div>
<br>
» <b> медсестра в отделении хирургии:</b> <a href="http://uroborosz.rusff.me/profile.php?id=5">Roxanne Drayton</a><br>

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

<div style="margin-top: 120px;">
<div class="tabs"> 
<input type="radio" id="tabs-5" name="tabs-group-1">
<label for="tabs-5">УСЛУГИ</label>
<div class="content2">
<div class="title1"><center>сфера услуг</div>
<br>

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

<br>
<div style="margin-top: 15px;">
<div class="tabs"> 
<input type="radio" id="tabs-8" name="tabs-group-1">
<label for="tabs-8">КРИМИНАЛ</label>
<div class="content2">
<div class="title1"><center>ПРЕСТУПНЫЙ МИР</div>
<br>

</div></div>

<br>
<div style="margin-top: 15px;">
<div class="tabs"> 
<input type="radio" id="tabs-9" name="tabs-group-1">
<label for="tabs-9">ПРОЧЕЕ</label>
<div class="content2">
<div class="title1"><center>ОСТАЛЬНОЕ</div>
<br>
» <b> инструктор по самообороне: </b> <a href="http://uroborosz.rusff.me/profile.php?id=12">trevor mitchell</a><br>
» <b> создатель и хозяин подпольного бойцовского клуба: </b> <a href="http://uroborosz.rusff.me/profile.php?id=12">trevor mitchell</a><br>

</div></div></div>
</center>
</td></tr></table></div></div></div></center>

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