<!--HTML--><style>
.facetopic {width: 550px; padding: 0; background: url(http://s6.uploads.ru/ZC8Rw.png) no-repeat; height: 620px; margin-top: 10px!important; margin-left: 40px;}
.facenote {position: absolute; text-align: justify; font-size: 15px; font-family: Tahoma; line-height: 92%; color:#373759; width: 485px; height: 125px; overflow: auto; margin-top: 55px!important; margin-left: 35px;}
.facehead {position: absolute; color: #b6a8c6!important; font-family: 'Airport'; font-size: 20px; text-align: center; margin-top: 10px; margin-bottom: 5px; margin-left: 220px; font-weight: 700; text-shadow: 1px 1px 0px #333251;}
.facecont {position: absolute; margin-top: 242px; margin-left: 32px;}
</style>

<style>
.container1 {width: 485px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    width: 440px;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 0px;
border-top: 0px dotted #000000;
    border-bottom: 0px dotted #000000;
        border-right: 0px dotted #000000;
        border-left: 0px dotted #000000;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 5px;
    background: url();
    outline: none;


font-family: 'Airport';
font-size: 18px;
   width: 160px;
text-align: center;
}

ul.tabs li a:hover {
       background: url();
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  
}    

html ul.tabs li.active  {
    background: url();    
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;   
}  

html ul.tabs li.active a:hover  {
        background: url();
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    clear: both;
    float: left; 
    width: 485px;
    height: 290px;
   overflow: auto;
    background-image : url();   
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  

    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>

<div class="facetopic"> 
<div class="facehead">персонажи</div>
<div class="facenote">
Код для заполнения занятой внешности - внешность (англ) | <*a href="ссылка на профиль">ваш ник</a*> (не забудьте убрать звёздочки и заключить всё в код (!) Имена и фамилии канонов автоматически вносятся в списки занятых, для неканонов предлагается выкупать их, если вы не хотите повторения. 
</div>

<div class="facecont"> 
<div class="container">
    <div class="html-box">

<ul class="tabs">
    <li class="active"><a href="#tab1">мистик фоллс</a></li>
    <li><a href="#tab2">новый орлеан</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<table> <tr><td><center><b>К А Н О Н Ы</b><br>
<b>Вампиры</b><br>
Аларик Зальцман | Alaric Saltzman
<br><b>Деймон Сальваторе | <a href="http://deliriumtvd.rusff.me/profile.php?id=280">Damon Salvatore</a></b>
<br><b>Елена Гилберт | <a href="http://deliriumtvd.rusff.me/profile.php?id=5">Elena Gilbert</a></b>
<br><b>Кэролайн Форбс | <a href="http://deliriumtvd.rusff.me/profile.php?id=186">Caroline Forbes</a></b>
<br><b>Кэтрин Пирс | <a href="http://deliriumtvd.rusff.me/profile.php?id=432">Katherine Pierce</a></b>
<br><b>Кол Майклсон | <a href="http://deliriumtvd.rusff.me/profile.php?id=408">Kol Mikaelson</a></b>
<br>Лили Сальваторе | Lily Salvatore
<br>Лоренцо Ст. Джон | Lorenzo St. John 
<br>Надя Петрова | Nadia Petrova 
<br><b>Ребекка Майклсон | <a href="http://deliriumtvd.rusff.me/profile.php?id=9">Rebekah Mikaelson</a></b>
<br><b>Стефан Сальваторе | <a href="http://deliriumtvd.rusff.me/profile.php?id=400">Stefan Salvatore</a></b></center>
<br><center><b>Гибриды</b><br>
Тайлер Локвуд | Tyler Lockwood </center>
<br><center><b>Ведьмы и колдуны</b><br>
<b>Бонни Беннетт | <a href="http://deliriumtvd.rusff.me/profile.php?id=287">Bonnie Bennett</a></b>
<br><s>Далия | Dahlia</s>
<br>Кай Паркер | Kai Parker
<br><s>Фрейя Майклсон | Freya Mikaelson</s></center>
<br><center><b>Люди</b><br>
Джереми Гилберт | Jeremy Gilbert (охотник братства пяти)
<br>Мэтт Донованн | Matt Donovan</center>
<br><br>
</td>
<td>
<center><b>Н Е К А Н О Н Ы</b><br>
<b>Вампиры</b><br>
<b>Бьянка Бенефичи | <a href="http://deliriumtvd.rusff.me/profile.php?id=35>Bianca Benefici</a></b>
<br><b>Ирма Уэбб | <a href="http://deliriumtvd.rusff.me/profile.php?id=421>Irma Webb</a></b>
<br><b>Ричард Эттвуд | <a href="http://deliriumtvd.rusff.me/profile.php?id=34>Richard Attwood</a></b>
<br>
<b>Оборотни</b><br>
<b><s>Вивьен Спэйс | Vivien Space</s>
<br><s>Джонатан Бишоп | Jonathan Bishop</s>
<br><b>Фредерика Нойманн | <a href="http://deliriumtvd.rusff.me/profile.php?id=399>Frederica Neumann</a></b>
<br>
<b>Ведьмы и колдуны</b><br>
Вероник Марсо | Veronique Marceau
<br><b>Кристель Леру | <a href="http://deliriumtvd.rusff.me/profile.php?id=240>Chrystelle Leroux</a></b>
<br><b>Синтия Риверс | <a href="http://deliriumtvd.rusff.me/profile.php?id=439>Cynthia Rivers</a></b>
<br><b>Темзин Эберле | <a href="http://deliriumtvd.rusff.me/profile.php?id=420>Tamzin Eberle</a></b>
<br>
<b>Люди</b><br>
<s>Алек Крэйн | Alec Crane (охотник)</s>
<br><b>Мирела М. Хантингтон | <a href="http://deliriumtvd.rusff.me/profile.php?id=410>Mirela Huntington</a></b> (охотница)
<br><b>Элис Остин | <a href="http://deliriumtvd.rusff.me/profile.php?id=329>Alice Austin</a></b> (охотница)
<br><br>
 </td>
</tr></table>
</div>

<div style="display: none;" id="tab2" class="tab_content">
<table> <tr>
<td>
<center><b>Н Е К А Н О Н Ы</b><br>
<b>Вампиры</b><br>
<b>Пандора Бодлер| <a href="http://deliriumtvd.rusff.me/profile.php?id=126>Pandora Bodler</a></b>
<br>
<b>Оборотни</b><br>
<b>Кассандра Браун | <a href="http://deliriumtvd.rusff.me/profile.php?id=431>Cassandra Brown</a></b>
<br>
<b>Ведьмы и колдуны</b><br>
<b>Андреа Хейз | <a href="http://deliriumtvd.rusff.me/profile.php?id=427>Andrea Hayes</a></b>
<br>
<b>Гибриды</b><br>
<b>Эмилайн Барнз | <a href="http://deliriumtvd.rusff.me/profile.php?id=316>Amyline Barns</a></b>
<br><br>
</td>
<td>
<center><b>К А Н О Н Ы</b><br>
<b>Вампиры</b><br>
Аврора де Мартел | Aurora de Martel
<br>Элайджа Майклсон | Elijah Mikaelson</center>
<br><center><b>Гибриды</b><br>
<b>Никлаус Майклсон  | <a href="http://deliriumtvd.rusff.me/profile.php?id=389">Niklaus Mikaelson</a></b>
<br><b>Хейли Маршалл | <a href="http://deliriumtvd.rusff.me/profile.php?id=423">Hayley Marshall</a></b></center>
<br><center><b>Ведьмы и колдуны</b><br>
Давина Клэр | Davina Claire</center>
<br><br>
</td>
</tr>
</table>
</div>


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

</div>