<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>

<STYLE>
#tabcontainer {
background: #EBD7A5; width: 400px; height: 500px; margin: auto; padding: 10px; border: solid 20px #a17c5d; }
.tabs { position: relative;  width: 400px; clear: both; margin: 25px 0;font-family: 'lobster'; font-size: 15px; }
.tab { float: left; }
.tab label { background: #6C4844; padding: 10px; margin: .6px;
position: relative; color: #EBD7A5; }
.tab [type=radio] { display: none;  baseline-tab-shift: true, retrieve;}
.content { position: absolute; top: 28px; bottom: 0px; left: 0px; right: 0px; background: #efefef;
padding: 15px; color: #6C4844; font-family: arial, sans-serif; text-transform: none; font-size: 13px;
text-align: justify; height: 320px; overflow: auto; line-height: 13px; }
[type=radio]:checked ~ label { background: #BB5C4B; z-index: 2; }
[type=radio]:checked ~ label ~ .content { z-index: 1;}
.name{width: 350px; height:60px; background:#a17c5d; font-family: 'lobster', cursive; font-size: 35px; font-align:center; padding: 20px; opacity:0.0; transition-duration: 0.7s;-moz-transition-duration: 0.7s;-webkit-transition-duration: 0.7s;-o-transition-duration: 0.7s; text-decoration: none; color: #EBD7A5;}
.name:hover {opacity:.9}
</STYLE>

<center><div id="tabcontainer"><div style="width: 390px; height: 100px; background-image: url('http://savepic.su/5354054.gif'); background-position: center right;"><div class="name">Занятые внешности</div></div><div class="tabs"><div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">
Придержанные внешности
</label><div class="content"><center>
<br>до 10.04 включительно <br><br>
<b>Clara Alonso</b> придержан за <b>медок</b><br>
<b>Leonardo DiCaprio</b> придержан за <b>Jordan Brave</b><br>
<br>до 11.04 включительно <br><br>
<b>Chris Pratt</b> придержан за <b>Феликс</b><br>
<b>Emilia Clarke</b> придержан за <b>Айсис</b><br>
<b>hannah murray</b> придержан за <b>вишну</b><br>
</center></div></div><div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2">
Информация о ролевой
</label><div class="content"><center>
<center>
<b>Название ролевой</b>: FrankFm<br>
<b>Дата открытия:</b> вечер 21 марта 2015<br>
<b>Место действия:</b> Сан-Франциско, США<br>
<b>Время в игре</b>: реальное<br>
<b>Система игры</b>: эпизодическая<br>
<b>Рейтинг игры</b>: НЦ21 или 18+ (СНГ)<br>
<b>Внешности придерживаем</b>: на три дня<br>

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

<b>Имя внешности на англ.</b> придержан за <b>ваш ник</b><br>