Код:
<!--HTML-->
<style>
.prof {width: 570px; height: auto; padding: 5px; background: url("http://i.imgur.com/Vg2A3Qr.png") no-repeat center top, url("http://i.imgur.com/cy6uNqb.png") no-repeat center bottom, url("http://i.imgur.com/LKS6A8D.png") repeat-y center;}
.app2 { position: relative; width: 490px; height: 340px; padding: 20px; } 

.tabs { float: right; } 

.tabs label { display: block; width: 110px; padding: 5px; text-align: center; font-family: 'Calibri'; font-size: 11px; color: #553689; text-transform: uppercase; background: #c79ee7; 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: #e8c6fc; background: #621493;  -moz-transition-duration: .8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; } 

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

.content2 { width: 240px; height: 280px; padding: 12px; font-family: 'Verdana'; font-size: 10px; color: #6719c8; 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: #591190; } .content2::-webkit-scrollbar-thumb { background: #633689; } .content2::-webkit-scrollbar-corner { background: #633689; } .content2::-webkit-scrollbar { width: 5px; background: #591190; } .content2::-webkit-scrollbar-thumb { background: #633689; } .content2::-webkit-scrollbar-corner { background: #633689; } 

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

[type=radio]:checked ~ label ~ .content2 { z-index: 1; opacity: 1; }

.title1 { font-family: 'cuprum'; font-size: 18px; text-transform: uppercase; } 

.shortfact { width: 230px; padding: 3px; background: #633689; font-family: 'Verdana'; font-size: 12px; color: #c29ee7; text-transform: uppercase; margin: auto; text-align: center; } 

.shortfacta { width: 230px; padding: 3px; background: #424530; font-family: 'Verdana'; font-size: 7px; color: #c29ee7; text-transform: uppercase; letter-spacing: 2px; margin: auto; text-align: center; } 

.shortfact a:link { color: #c8a419; font-weight: normal; text-shadow: none; text-decoration: none;  }

.profn { width: 290px; height: 12px; padding: 3px; background-color: #893636;color: #591190; font-family: 'Cuprum';font-size: 14px; text-align: center;text-transform: uppercase;}
</style>

<div class="prof">
<table style="padding: 20px; text-align:center;"><tr><td>
<center><div style="border: 3px solid #591190; text-align: center; width: 430px;padding: 10px; margin-top: 85px; color: #591190;">
Убедительная просьба руководствоваться логикой и доводами рассудка, при выборе профессии для персонажа. Помните, что не все – магнаты и наследники империй. <br>
<b>[*code]» <*b>должность и место работы с мал. буквы<*/b> – <*a href="ссылка на профиль">Имя Фамилия вашего персонажа на англ.<*/a><*br> [*/code]</b></div></center>

<center>
<div class="app2">
<div class="tabs">
<input type="radio" id="tabs-1" name="tabs-group-1" checked>
<label for="tabs-1">Law & Order</label> 
<div class="content2">
<div class="title1"><center>Правоохранительная сфера</center></div>
<br>
» <b>агент фбр</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=341">Caleb Quinn</a><br>
» <b>агент цру</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=343">Jacqueline Malino</a><br>
» <b>генеральный прокурор штата</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=43">Christian Rose</a><br>
» <b>детектив полиции</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=155">Samantha Holden</a><br>
» <b>помощник адвоката</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=336">Avice Harper</a><br>
» <b>стажер в полицейском участке</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=363">Whitney Braxto</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">Health & Education</label>
<div class="content2"> 
<div class="title1">Социальная сфера</div>
<br>
» <b>врач-терапевт</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=70">Jeremy Newman</a><br> 
» <b>врач неотложной помощи</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=43">Christian Rose</a><br>
» <b>врач неотложной помощи</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=297">Brooke Murphy</a><br>
» <b>пластический хирург, глава клиники AllegriaPlastic</b> – <a href="http://ddonuts.rusff.ru/viewtopic.php?id=842#p43871">Gemma Hardman</a><br>
» <b>преподаватель музыки в школе и частный преподаватель игры на фортепиано</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=362">	Loreley Faber</a><br>
» <b>психолог в частной клинике</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=330">Alan Richards</a><br> 
» <b>эпидемиолог в науч.центре</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=13">Edem Walsch</a><br>
» <b>социальный работник</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=332">andy foster</a><br>
» <b>старшеклассница, школа</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=340">elsa stoker</a><br>
» <b>студентка</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=7"> Abigail Coleman</a><br>
» <b>студентка факультета менеджмента</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=365">Aurora Soler</a><br>
» <b>студентка филфака</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=296">Raven Gray</a><br>
» <b>студентка филологического факультета</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=361">Debbie Halbig</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">Arts & Crafts</label>
<div class="content2">
<div class="title1">Сфера искусства</div>
<br>
» <b>актриса</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=21">Chenault DeLuna</a><br>
» <b>клавишница в музыкальной группе</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=45">Daniella Carter</a><br>
» <b>актриса театра</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=357">Elizabeth Richards</a><br>
» <b>разработчик комп. игр, композитор, звукорежиссёр, продюсер</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=321">Randall Crowley</a><br>
» <b>фотограф в глянцевом журнале</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=339">Hall Geller .</a><br>
» <b>художник-оформитель, дизайнер интерьеров</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=280">Eva Selwyn</a><br>
» <b>актриса вторых ролей</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=45">Daniella Carter</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">Commerce</label>
<div class="content2">
<div class="title1">Сфера услуг</div> 
<br>
» <b>бариста в кофейне “handsome” :</b> <a href="http://ddonuts.rusff.ru/profile.php?id=7"> Abigail Coleman</a><br>
» <b>вице-президент строительной компании “luxor”</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=5">	Dexter Salvatore</a><br>
» <b>владелец магазина «PRO BOARDSHOP»</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=346">Zayn Kennedy</a><br>
» <b>владелец аукционов и сети автосалонов "Манхейм"</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=117">Trevor Shatner</a><br>
» <b>владелец "Hardman's Restorants Group</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=44"> Richard Hardman</a><br>
» <b>дизайнер интерьеров</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=305">Seth Hardman</a><br>
» <b>шеф повар в ресторане Le Bec-Fin </b> – <a href="http://ddonuts.rusff.ru/profile.php?id=40">Tigris Salvatore</a><br> 
» <b>юрист в строительной компании “luxor”</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=31">Casey Maxwell</a><br>
» <b>со-владелец алмазной компании "De Beers"</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=89">Daniel Mikaelson</a><br>
» <b>со-владелец алмазной компании "De Beers"</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=121">Damien Mikaelson</a><br>
» <b>продавец в лавке восточных сладостей и специй</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=344">Amala Basu</a><br>
» <b>проститутка в борделе "Paradise"</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=161"> Anika Staton</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">Mass Media</label>
<div class="content2">
<div class="title1">Сфера СМИ</div>
<br>
» <b>главный редактор журнала Vanity Fair</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=355">Chloe Shatner</a><br>
» <b>журналистка в The Dallas Review</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=76">Chloe Rafferty</a><br> 
» <b>журналист dallas business journal</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=334">Gloria Brooks</a><br>
</div></div></div>

<div style="margin-top: 150px;">
<div class="tabs">
<input type="radio" id="tabs-6" name="tabs-group-1">
<label for="tabs-6">Work & Travel</label>
<div class="content2">
<div class="title1">Сфера туризма</div> 
<br>
</div></div></div>
<br>
<div style="margin-top: 15px;">
<div class="tabs"> 
<input type="radio" id="tabs-7" name="tabs-group-1">
<label for="tabs-7">Fun & Games</label>
<div class="content2">
<div class="title1">Сфера развлечений</div>
<br>
» <b>совладелец казино Windsor</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=28">Sybill V. Windsor</a></br>
» <b>негласный владелец караоке бара (стрип-клуба)</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=5">Dexter Salvatore</a>
</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">Criminal</label>
<div class="content2">
<div class="title1">Криминал</div>
<br>
» <b>аферистка</b> <a href="http://ddonuts.rusff.ru/profile.php?id=21">Chenault DeLuna</a><br>
» <b>глава мультиэтнической англо-ирландской преступной группировки</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=92">Edmund Windsor</a><br>
» <b>киллер-снайпер</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=347">"Headshot"</a><br>
» <b>организатор нелегальной трансплантации и продажи органов</b> - <a href="http://ddonuts.rusff.ru/profile.php?id=44">Richard Hardman</a><br>
» <b>проститут и немного вор, бордель</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=47">Merlin Sunfate</a><br>
» <b>импорт наркотиков.</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=5">Dexter Salvatore</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">Other</label>
<div class="content2">
<div class="title1">Прочее</div>
<br>
» <b>виолончелистка</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=345">AnnaLynne Nate</a><br>
» <b>сенатор</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=61">Frederic Burgess [республиканская партия]</a><br>
» <b>дизайнер одежды в доме мод</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=10">Сatherine Kennedy</a> <br>
» <b>дизайнер одежды в доме мод "Blackthorne"</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=57">Octavia Blackthorne</a><br>
» <b>глава "McFarlin Inc"</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=338"> John McFarlin</a><br>
» <b>модель</b> – <a href=http://ddonuts.rusff.ru/profile.php?id=360>Kate Kane</a><br>
» <b>разработчик искусственного интеллекта, глава фирмы Creative Itellegence Inc.</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=152">Richard Brenson</a><br>
» <b>светская львица</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=9">Rhiannon Gallagher</a><br>
» <b>сисадмин в юридической фирме «B&B»</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=11">Nicolas Moore</a><br>
» <b>it-специалист компании Google </b> – <a href="http://ddonuts.rusff.ru/profile.php?id=170">Juliette Flatley</a><br>
» <b>частный детектив</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=83">Sharon Waters</a><br>
» <b>инженер-архитектор</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=329">Ronan Nate</a><br>
» <b>программист в компании Google</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=131">Everett Newman</a><br>
» <b>программист, хакер</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=178">Annie Cresta</a><br>
» <b>программист Google Inc.</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=171">Nevada James</a><br>
» <b>продавец-консультант в музыкальном магазине "Πολυύμνια"</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=342">Cailin Milagres</a><br>
» <b>пожарный-доброволец, пожарная служба Далласа</b> – <a href="http://ddonuts.rusff.ru/profile.php?id=321">Randall Crowley</a><br>
</div></div></div>

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