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

.tabs { float: right; } 

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

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

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

.content2 { width: 290px; height: 280px; padding: 12px; font-family: 'Verdana'; font-size: 10px; color: #072531; 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: #123d5a; } .content2::-webkit-scrollbar-thumb { background: #123d5a; } .content2::-webkit-scrollbar-corner { background: #123d5a; } .content2::-webkit-scrollbar { width: 5px; background: #123d5a; } .content2::-webkit-scrollbar-thumb { background: #123d5a; } .content2::-webkit-scrollbar-corner { background: #123d5a; } 

[type=radio]:checked ~ label { color: #09222c; background: #8db0be; 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">Выбирая себе специальность по душе,  просим вас не забывать о логике. Ведь не может 15-летний подросток быть наркобароном, а 23-летний человек стать хирургом мирового класса. Так просто не бывает. К тому же, вы всегда можете обратиться к <a href="https://commentout.rusff.me/viewtopic.php?id=40"><b>теме помощи</b></a>, что расскажет про самые основные направления, в которых чаще всего и возникают сомнения. Также не забывайте перед кодом указывать <b>cферу деятельности</b> вашего персонажа.<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="https://commentout.rusff.me/profile.php?id=79">ashley dean</a><br>
» <b> начальник мужской центральной тюрьмы</b> – <a href="https://commentout.rusff.me/profile.php?id=5">John Wayne</a><br>
» <b> партнер в адвокатской конторе "akerman llp"</b> – <a href="https://commentout.rusff.me/profile.php?id=82">margareta hale</a><br>
</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>СОЦИАЛЬНЫЕ УСЛУГИ</div>
<br>
» <b> пожарный</b> – <a href="https://commentout.rusff.me/profile.php?id=50">kieran boerhs</a><br>
» <b> преподаватель математики в колледже</b> – <a href="https://commentout.rusff.me/profile.php?id=65">Wilma Constantine</a><br>
» <b> профессор английского языка и литературы</b> – <a href="https://commentout.rusff.me/profile.php?id=35">mark reeves</a><br>
» <b> студент</b> – <a href="https://commentout.rusff.me/profile.php?id=27">arthur hale</a><br>
» <b> студент</b> – <a href="https://commentout.rusff.me/profile.php?id=7">nathan shaw</a><br>
» <b> студент</b> – <a href="https://commentout.rusff.me/profile.php?id=46">noah adderly</a><br>
» <b> студент</b> – <a href="https://commentout.rusff.me/profile.php?id=91">thomas mandre</a><br>
» <b> студентка</b> – <a href="https://commentout.rusff.me/profile.php?id=90">clementine wayne</a><br>
» <b> студентка</b> – <a href="https://commentout.rusff.me/profile.php?id=100">feyre archeron</a><br>
» <b> студентка</b> – <a href="https://commentout.rusff.me/profile.php?id=45">freja lind</a><br>
» <b> студентка</b> – <a href="https://commentout.rusff.me/profile.php?id=4">lolita wine</a><br>
» <b> студентка</b> – <a href="https://commentout.rusff.me/profile.php?id=36">romee lingard</a><br>
» <b> студентка</b> – <a href="https://commentout.rusff.me/profile.php?id=48">victoria leclerq</a><br>
» <b> ученик старших классов</b> – <a href="https://commentout.rusff.me/profile.php?id=23">oliver reeves</a><br>
» <b> физик-теоретик в кол.техе</b> – <a href="https://commentout.rusff.me/profile.php?id=64">samantha jones</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>
» <b> оператор порно фильмов</b> – <a href="https://commentout.rusff.me/profile.php?id=48">victoria leclerq</a><br>
» <b> порноактриса</b> – <a href="https://commentout.rusff.me/profile.php?id=69">eona corvere</a><br>
» <b> порнорежиссер</b> – <a href="https://commentout.rusff.me/profile.php?id=37">kevin o`rourke</a><br>
» <b> режиссер реалити-шоу</b> – <a href="https://commentout.rusff.me/profile.php?id=60">Hal Сramer</a><br>
» <b> скрипт-супервайзер</b> – <a href="https://commentout.rusff.me/profile.php?id=55">diamond newsome</a><br>
» <b> фотограф, галерист</b> – <a href="https://commentout.rusff.me/profile.php?id=13">jaskier khan</a><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>
» <b> автомеханик и владелец автомастерской "джонс и сын"</b> – <a href="https://commentout.rusff.me/profile.php?id=64">samantha jones</a><br>
» <b> бармен</b> – <a href="https://commentout.rusff.me/profile.php?id=108">eli maxwell</a><br>
» <b> помощник автомеханика</b> – <a href="https://commentout.rusff.me/profile.php?id=47">simon grimes</a><br>
» <b> работник кинотеатра</b> – <a href="https://commentout.rusff.me/profile.php?id=23">oliver reeves</a><br>
» <b> эскорт-модель</b> – <a href="https://commentout.rusff.me/profile.php?id=29">sasha steshina</a><br>
» <b>шеф-повар</b> – <a href="https://commentout.rusff.me/profile.php?id=98">jamie sherman</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>
» <b> редактор теленовостей</b> – <a href="https://commentout.rusff.me/profile.php?id=11">bianca leclerq</a><br>
» <b> помощник продюсера на реалити-шоу</b> – <a href="https://commentout.rusff.me/profile.php?id=16">theon larsen</a><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>
» <b> босс мафии</b> – <a href="https://commentout.rusff.me/profile.php?id=58">Roberto Mariotti</a><br>
» <b> владелица подпольного казино "ICON"</b> – <a href="https://commentout.rusff.me/profile.php?id=123">Tasha Zapata</a><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="https://commentout.rusff.me/profile.php?id=27">arthur hale</a><br>
» <b> гонщик</b> – <a href="https://commentout.rusff.me/profile.php?id=76">william bassett</a><br>
</div></div></div>
</center>
</td></tr></table></div></div></div></center>

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