<!--HTML-->

<center><div class="formitem">Список занятых внешностей</div></center>

<div class="tabs"><div class="fon">
<div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">ЖЕНСКИЕ</label>  
<div class="content"><br>

<center><div class="naz"><b>A, B, C</b></div></center><br>
<b>Astrid Berges-Frisbey</b> <a href="http://timedest.f-rpg.ru/profile.php?id=20">[Hestia Jones]</a><br>
<b>Britt Robertson</b> <a href="http://timedest.f-rpg.ru/profile.php?id=22">[Alexis Wilson]</a><br>
<br>
<center><div class="naz"><b>D, E, F</b></div></center><br>
-
<br>
<center><div class="naz"><b>G, H, I</b></div></center><br>
<b>Hannah Reid</b> <a href="http://timedest.f-rpg.ru/profile.php?id=11">[Marlene McKinnon]</a><br>
<br>
<center><div class="naz"><b>J, K, L</b></div></center><br>
<b>Karen Gillan</b> <a href="http://timedest.f-rpg.ru/profile.php?id=5">[Lily Evans]</a><br>
<b>Katheryn Winnick</b> <a href="http://timedest.f-rpg.ru/profile.php?id=7">[Narcissa Black]</a><br>
<b>Kaya Scodelario</b> <a href="http://timedest.f-rpg.ru/profile.php?id=30">[Mary McDonald]</a><br>
<b>Lily Collins</b> <a href="http://timedest.f-rpg.ru/profile.php?id=8">[Amelia Bones]</a><br>
<br>
<center><div class="naz"><b>M, N, O</b></div></center><br>
-
<br>
<center><div class="naz"><b>P, Q, R</b></div></center><br>
-
<br>
<center><div class="naz"><b>S, T</b></div></center><br>
-
<br>
<center><div class="naz"><b>U, V, W</b></div></center><br>
-
<br>
<center><div class="naz"><b>X, Y, Z</b></div></center><br>
-
<br>
</div> 
</div>
    
<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2">МУЖСКИЕ</label>
<div class="content"><br>

<center><div class="naz"><b>A, B, C</b></div></center><br>
<b>Aaron Taylor-Johnson</b> <a href="http://timedest.f-rpg.ru/profile.php?id=3">[James Potter]</a><br>
<b>Alexander Ludwig</b> <a href="http://timedest.f-rpg.ru/profile.php?id=6">[Lucius Malfoy]</a><br>
<b>Caleb Landry Jones</b> <a href="http://timedest.f-rpg.ru/profile.php?id=24">[Fabian Prewett]</a><br>
<b>Caleb Landry Jones</b> <a href="http://timedest.f-rpg.ru/profile.php?id=23">[Gideon Prewett]</a><br>
<br>
<center><div class="naz"><b>D, E, F</b></div></center><br>
-
<br>
<center><div class="naz"><b>G, H, I</b></div></center><br>
-
<br>
<center><div class="naz"><b>J, K, L</b></div></center><br>
<b>Lucky Blue Smith</b> <a href="http://timedest.f-rpg.ru/profile.php?id=27">[Arthur Wilkes]</a><br>
<br>
<center><div class="naz"><b>M, N, O</b></div></center><br>
-
<br>
<center><div class="naz"><b>P, Q, R</b></div></center><br>
-
<br>
<center><div class="naz"><b>S, T</b></div></center><br>
<b>Tom Hardy</b> <a href="сhttp://timedest.f-rpg.ru/profile.php?id=29">[Antonin Dolohov]</a><br>
<br>
<center><div class="naz"><b>U, V, W</b></div></center><br>
<b>William Moseley</b> <a href="http://timedest.f-rpg.ru/profile.php?id=31">[Remus Lupin]</a><br>
<br>
<center><div class="naz"><b>X, Y, Z</b></div></center><br>
-
<br>
</div> 
</div>

</div>

<br><br>

<style type="text/css">
.naz {text-align:center; font-size:14px; font-family: kelly slab; color: #0f0603; line-height:100%; text-transform: uppercase;}
.tabs {margin:0 auto; padding: 23px; width:500px; height: 340px;}
.fon {position: relative; width: 500px; height: 340px;}
.tab {float: left;}
.tab label {display: block; width: 170px; text-align: center; font-family: kelly slab; margin-right: 5px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; background-image: url(http://forumstatic.ru/files/0019/04/41/28001.jpg); padding: 5px; border: 2px solid black; position: relative; top: -15px; left: 59px; color: #674913; text-shadow: 0px 0px 1px #2f2a2a;}
.tab [type=radio] {display: none;}
.content {background-color: #bfb7a5; position: absolute; color: #fff; border: solid #bdb7ab 1px; padding: 10px; box-shadow: 0px 0px 12px #4c2b27; text-align: justify; top: 25px; left: -2px; width: 500px; height: 310px; overflow: auto; line-height:100%; font-family: 'times new roman', serif; font-size: 12px; color: #000; line-height: 13px; text-align: center; letter-spacing: 1px;}
[type=radio]:checked ~ label {background-image: url(http://forumstatic.ru/files/0019/c6/ce/13939.jpg); border-bottom: 2px solid black; font-family: kelly slab; font-size: 11.5px; z-index: 2; color: #674913; text-shadow: 0px 0px 1px #2f2a2a;}
[type=radio]:checked ~ label ~ .content {z-index: 1;}
</style>

<b>Имя знаменитости на англ.</b> <a href="ссылка на профиль">[Имя персонажа на англ.]</a><br>