/******************************************************************
  Cтиль к скрипту: 
 "Всплываюшая таблица с вкладками, в топике, с инфой о персонаже"
******************************************************************/
/*Стиль иконки в мини-профиле*/
img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
  /*border-radius:50%;*/
  position:absolute;
  text-align:left!important;
}
/* Затемняющий фон */
#pre-wrap {
 margin:0;
 top:0;bottom:0;
 left:0;right:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:20000;
 background: rgba(0,0,0,.65);
}
/* Корневой таб(UL) */
.my-tabs{
 display:block;
 z-index:30000;
 position:absolute;
 max-height:700px;  /*максимальная высота таблички*/
}
/* Стиль "Ушка" вкладок */
.my-tabs>span {
    opacity: 0.55;
    cursor: pointer;
    display: none!important;
    position: relative;
    z-index: 12;
    padding: 4px;
    margin-right: 2px;
    margin-left: -1px;
    margin-bottom: -4px!important;
    color: #222222bf;
    box-shadow: aqua so 1px;
    padding-right: 6px;
    font: normal 800 13px "arial black";
    float: left;
    text-transform: uppercase;
    padding: 5px 5px 5px 5px;
    margin-right: -1px!important;
    top: 43px;
    width: 150px;
    text-align: center;
    margin-left: 24px !important;
    margin-bottom: 7px!important;
}
/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
 margin-left: 8px;
}
/* Активное "Ушко" */
.my-tabs>span.selected{
 opacity:1;
 border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: none;
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content {
    margin-top: 5em;
    margin-left: 15px;
    text-align: center;
    display: inline-block;
}