.chat::before {
    position: absolute;
    top: 50px;
    left: 15px;
    width: 0px;
    height: 0px;
    content: '';
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-image: url(https://www.gifki.org/data/media/1064/rozhdestvenskiy-kolokolchik-animatsionnaya-kartinka-0154.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 35px;
    z-index: 102;
}

/* chaTemplate star icon */
.chatUserSex2,
.chatUserSex1 {
    position: relative;
}

.chatUserSex2 b::before,
.chatUserSex1 b::before {
    position: absolute;
    top: 12px;
    left: -10px;
    width: 30px;
    height: 30px;
    content: '';
    background-color: transparent;
    background-image: url(https://s7.uploads.ru/0qlDY.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 25px;
}
/* end chaTemplate star icon */

.vscrollable::-webkit-scrollbar {
    width: 1px;
    border-top:1px solid #563082;

}

.vscrollable::-webkit-scrollbar-thumb {
    background-color: #061713;
}

.chatFooter {
    border-top:1px solid #061713;
}

/* необходимо войти в чат */
.chatMessages .chatMessage:not(.chatSystemMessage) strong:first-child {
    font-family: SEGOE SCRIPT;
    font-style: italic;
    font-size: 12pt;
    display: block;
    padding: 10px 2px;
    margin-left: -10px;
    width: 90%;
  text-shadow: 0 -1px rgba(0,0,0,.1);
  -webkit-animation: pulsate 4.2s linear infinite;
  animation: pulsate 4.2s linear infinite;
}
@-webkit-keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
@keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
 
/* ЛЕТАЮЩИЙ Санта */
.chatMain::before {
	position: absolute;
	top: 30%; /* делаем выше - ниже */
	width: 60px;
	height: 50px;
	content: '';
	background: url(http://www.yapfiles.ru/files/2091661/78.gif) 0 0 no-repeat;
	background-size: 60px;
	animation: adler 90s infinite linear;
}
@keyframes adler {
	from{transform: scale(.3) translate3d(-1500px,0,0)}
	to{transform: scale(.9) translate3d(2000px,0,100px)}
}

.chatSpecifyPassword label, .chatSpecifyPassword p {
    display: block;
    margin: 0;
    padding: 6px 0 4px 10px;
    background-color: ;
    font-weight: 900;
    font-style: italic;
    font-size: 16px;
}
.chatUserVip {
  background: none;
}

/*выделение между категорией смайлов*/
.smilesBox p {
    background: rgba(255, 0, 94, 0.88);
    padding: 5px;
    color: #fff;
    border-radius: 30px 7px 7px 30px;
}

/*уведомление нового сообщения*/
#scrollBottomBox {
    background-color: #c1055b !important;
    border-color:  #d50c50;
    border-left: 3px solid #ff0707;
    border-right: 3px solid #ff0707;
    border-top: 3px solid #ff0707;
    border-bottom: 3px solid #ff0707;
    padding-right: 10px;
    color: #fff;
    border-radius: 14px;
    font-family: Segoe script;
    background-color: transparent;
    background-image: url(https://sd.uploads.ru/EdpDN.gif);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 120%;
    cursor: pointer;
    font-size: 9pt;
    opacity: 0.6;
    padding-left: 26px;
}
/*увеличение нижних кнопок в шапке*/
.chatFooter .chatFooterWrapper .chatPanel div a {
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
}
/*увеличение нижних кнопок в шапке*/
.chatFooter .chatFooterWrapper .chatPanel div a:hover {
-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.chatTabs > ul > li > a:hover{
    border-bottom: 5px solid purple;
    transition-property: initial;
    transition-duration: 1s;

}
/*Дрожание КНОПОК ПЕРЕКЛЮЧЕНИЯ КОМНАТ*/
.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, .chatTabs > ul > li.chatTab > a.active {
    border: 0px solid rebeccapurple;
   background: rgb(219, 199, 199, 0);
  -webkit-animation-duration: 0.7s;
   -moz-animation-duration: 0.7s;
   -o-animation-duration: 0.7s;
   animation-duration: 0.7s;
   -webkit-animation-timing-function: ease;
   -moz-animation-timing-function: ease;
   -o-animation-timing-function: ease;
   animation-timing-function: ease; 
}
 
.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, 
.chatTabs > ul > li.chatTab > a.active  {
  -webkit-animation-name: Tada;
  -moz-animation-name: Tada;
  -o-animation-name: Tada;
  animation-name: Tada;
}


/*Код дрожания от Гугле*/
@-webkit-keyframes Tada {
    0% {
        -webkit-transform:scale(1)
    }
    10%, 20% {
        -webkit-transform:scale(0.9) rotate(-1deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform:scale(1.1) rotate(1deg)
    }
    40%, 60%, 80% {
        -webkit-transform:scale(1.1) rotate(-1deg)
    }
    100% {
        -webkit-transform:scale(1) rotate(0)
    }
}
@-moz-keyframes Tada {
    0% {
        -moz-transform:scale(1)
    }
    10%,20% {
        -moz-transform:scale(0.9) rotate(-1deg)
    }
    30%, 50%, 70%, 90% {
        -moz-transform:scale(1.1) rotate(1deg)
    }
    40%, 60%, 80% {
        -moz-transform:scale(1.1) rotate(-1deg)
    }
    100% {
        -moz-transform:scale(1) rotate(0)
    }
}
@-o-keyframes Tada {
    0% {
        -o-transform:scale(1)
    }
    10%,20% {
        -o-transform:scale(0.9) rotate(-1deg)
    }
    30%, 50%, 70%, 90% {
        -o-transform:scale(1.1) rotate(1deg)
    }
    40%, 60%, 80% {
        -o-transform:scale(1.1) rotate(-1deg)
    }
    100% {
        -o-transform:scale(1) rotate(0)
    }
}
@keyframes Tada {
    0% {
        transform:scale(1)
    }
    10%, 20% {
        transform:scale(0.9) rotate(-1deg)
    }
    30%, 50%, 70%, 90% {
        transform:scale(1.1) rotate(1deg)
    }
    40%, 60%, 80% {
        transform:scale(1.1) rotate(-1deg)
    }
    100% {
        transform:scale(1) rotate(0)
    }
}

/*конец Код дрожания от Гугле*/

@-webkit-keyframes blink6 { 
10% { transform: scale(1, 1) rotate(80deg); } 
20% { transform: scale(0, 0) rotate(160deg); } 
100% { transform: scale(0, 0) rotate(0deg); } 
}

@keyframes blink6 { 
10% { transform: scale(1, 1) rotate(80deg); } 
20% { transform: scale(0, 0) rotate(160deg); } 
100% { transform: scale(0, 0) rotate(0deg); } 
}

 @-webkit-keyframes l3_animation {
    0%    {color: rgb(0,0,255); }
    20%   {color: rgb(0,255,255); }
    40%   {color: rgb(255,0,0); }
    60%   {color: rgb(255,255,0); }
    80%   {color: rgb(255,255,255); }
    100%  {color: rgb(0,0,255); }
  }    

  @-moz-keyframes l3_animation {
    0%    {color: rgb(0,0,255); }
    20%   {color: rgb(0,255,255); }
    40%   {color: rgb(255,0,0); }
    60%   {color: rgb(255,255,0); }
    80%   {color: rgb(255,255,255); }
    100%  {color: rgb(0,0,255); }
  } 

 @-webkit-keyframes l1_animation {
      0%{left:100%;}
      100%{left:-100%;}
  }
  @-moz-keyframes l1_animation {
      0%{left:100%;}
      100%{left:-100%;}
  }

@keyframes clouds-left {
  10% { opacity: 1; }
  100%  { opacity: 0; transform: translateX(0em); }
}

.chatUserFrom, .chatPeople ul.chatPeopleList li a.chatUser {
    font-family: segoe script;
    font-style: italic;
    font-weight: bold;
    font-size: 12pt;
}
.chatFooter .chatFooterWrapper .chatPanel .chatSendExitPanel {
    top: 26px;
}
.chatFooter .chatFooterWrapper .chatPanel .chatSendTextPanel {
    top: 26px;
}
.chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel {
    top: 26px;
}
.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel {
    top: 5px;
    right: 26px;
}

.chatTabs ul li.appTab {
    font-weight: bold;
    border-radius: 8px;
    padding: 2px 0px 0px 0px;
    box-shadow: 0 1.5px 0px rgba(255, 255, 255, 0.8) inset;
}
.chatUserMenu {
    width: 152px;
}

.chatUserAvatar {
    border-radius: 25px 0px 25px 0px;
    box-shadow: 0px 0px 2px 2px #2cde5c inset;
animation-name: floating;
    -webkit-animation-name: floating;
 
    animation-duration: 4.0s;   
    -webkit-animation-duration: 4.0s;
 
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@keyframes floating {
    0% {
        transform: translateY(0%);  
    }
    50% {
        transform: translateY(8%);  
    }   
    100% {
        transform: translateY(0%);
    }           
}
 
@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);  
    }
    50% {
        -webkit-transform: translateY(8%);  
    }   
    100% {
        -webkit-transform: translateY(0%);
    }           
}
.chatTabs {
    border-radius: 20px;
    border: 2px solid #b81bb8;
    box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #c79900, 0 0 5px #ffe799, 0 0 6px #ffe799, 0 0 7px #ffe799, 0 0 10px #ffe799;
}
.chatUserGiftsCount > img {
    /* width: 16px; */
    height: 0px;
}
.chatTopLine { background-image: url("https://cdn.promodj.com/afs/2b53e7380115bc46a23852ed73198b0111:resize:2000x2000:same:25fae1 "); background-position: center center; background-repeat: no-repeat; background-size: 105% 105%; color: #33FF66; border: 0px solid #4993F4; box-shadow:0px 0px 0px #555; }

.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, .chatTabs > ul > li.chatTab > a.active { background-image: url("https://i.pinimg.com/280x280_RS/5f/dd/b3/5fddb3c7a2763ff0dba39417abc0e32c.jpg"); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border: 0px solid #E48003;
}

.chatUser span {
text-decoration: underline;
}
.chatHeader { 
   background-image:url(https://imageup.ru/img93/3802953/liniya-cvetovaya.jpg); height: 48px;
}
.chatHeader .chatTitle {
    float: none;
    text-align: center;
    background-repeat:no-repeat;
    background-image: url(http://i96.fastpic.ru/big/2017/0606/0a/311b6f7410caa945f485c9fd1d39ad0a.gif);
    height: 46px;
    font-size: 25pt;
    margin: 1px 0 0 10px;
    -webkit-animation: blink 7s linear infinite;
    animation: blink 5s linear infinite;
    animation: blink 7s linear infinite;
    animation: blink 5s linear infinite;
    animation: blink 7s linear infinite;
    animation: blink 5s linear infinite;
    animation: blink 7s linear infinite;
    font-weight: bold;
}
@-webkit-keyframes blink { 
	5% { color: #F00; }
        20% { color: #00FF00; }
	35% { color: #FBB; }
        50% { color: #FF00FF; }
	60% { color: #F00; }
        80% { color: #F4A460 }
        100% { color: #0844fa; }
}
@keyframes blink { 
	5% { color: #F00; }
        20% { color: #00FF00; }
	35% { color: #FBB; }
        50% { color: #FF00FF; }
	60% { color: #F00; }
        80% { color: #F4A460 }
        100% { color: #0844fa; }
}
/* chatHeader */
.chatHeader { 
   font-size: x-large;
   font-style: italic;
   font-family: SEGOE SCRIPT;
   color: #eb8a49;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
}

.chatTopLineWrapper ul li.chatMenuItemWithSeparator a {
    padding: 0px 19px 0px 20px;
    height: 100%;
    text-decoration: none;
    border-top: 0px none !important;
    border-right: 0px none !important;
    vertical-align: middle;
    display: inline-block;
    line-height: 27px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    
}

.chatHeader .chatTopLine {
    border-radius: 20px;
    border: 3px solid #6d7378;
    box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #c79900, 0 0 5px #ffe799, 0 0 6px #ffe799, 0 0 7px #ffe799, 0 0 10px #ffe799;
    
}

.chatHeader .chatTopLine a {
/* меню чата */
border-radius: 20px; 
  transition: .6s linear;
  animation: horizontal_3471 3.52s ease infinite; 
  transform-origin: 50% 50%;
}

.chatTopLineWrapper > ul > li > a:hover {
/* верхние кнопки меню */
 background-image: url("https://i.pinimg.com/originals/05/ea/a0/05eaa0098cb59f2d1a21a625c31217ad.gif"); background-position: center center; background-repeat: no-repeat; background-size: 105% 105%; color: #000066; border: 0px solid #4993F4; box-shadow:0px 0px 0px #555; 

}

.chatTopLineWrapper ul {
border-top-left-radius: 25px;
      border-top-right-radius: 25px;
      border-bottom-left-radius: 25px;
      border-bottom-right-radius: 25px;
      
}
.chatTopLineWrapper ul li ul {
     background: rgba(0, 0, 0, 0);
     border-width: 0px;

}

.chatSendExitPanel select {
    background: transparent url(https://img1.picmix.com/output/stamp/thumb/8/0/8/9/1059808_c45b4.gif) no-repeat scroll 0 0;
    background-color: #2f3192;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-family: a_AlgeriusBlw;
    font-style: normal;
    font-size: 12pt;
    font-family: Monotype Corsiva;
    box-sizing: border-box;
    height: 22px;
    width: 100%;
    padding: 0 10px 0 10px;
    border: 3px solid #;
    border-radius: 0px 15px 0px 15px;
    box-shadow: 2px 2px 1px #555;
    color: #b5d941;
    transform-style: preserve-3d;
    transform: rotateX(0deg) rotateY(0deg);
    transition: transform 1s;
}
.chatSendExitPanel select:hover{
    transform:rotateX(38deg) rotateY(5deg);
}

.chatSendButtonPanel .chatSendButton {
    background: transparent url(https://img1.picmix.com/output/stamp/thumb/8/0/8/9/1059808_c45b4.gif) no-repeat scroll 0 0;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-family: a_AlgeriusBlw;
    font-style: normal;
    font-size: 11pt;
    font-family: Monotype Corsiva;
    box-sizing: border-box;
    height: 22px;
    width: 100%;
    padding: 0 10px 0 6px;
    border: 3px solid #;
    border-radius: 0px 15px 0px 15px;
    box-shadow: 3px 3px 2px #555;
    color: #b5d941;
    transform-style: preserve-3d;
    transform: rotateX(0deg) rotateY(0deg);
    transition: transform 1s;
}
.chatSendButtonPanel .chatSendButton:hover{
    transform:rotateX(38deg) rotateY(5deg);
}


.chatPeople .chatPeopleTitle {
    background-image: url("http://tri-svesdy.ru/images/schat_zodiak/fony/vhod5.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 105% 100%;
    padding: 15px 0 0 15px;
    box-shadow: 0 1px 4px rgba(255, 255, 255, 0.8) inset;
    border-image-width: 5px;
    border-image-source: url(https://img-fotki.yandex.ru/get/16189/16969765.25c/0_964a4_7980923c_orig.png);
    border-image-slice: 30;
    border-image-repeat: stretch;
    border-radius: 5px;

}

.chatPeople .chatPeopleTitle {
    height: 22px;
    width: 179px;
    
}

.chatPeople .chatPeopleTitle {
   margin: 0 0 0 0;
}

.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a.muted {
    background-image: url("http://tri-svesdy.ru/images/sait/knopki/hot-kr.png");
    color: #31e05a;
    font-weight: bold;
    padding: 0px 5px 0px 21px;
    border-radius: 8px;
    box-shadow: 0 0 2px #B1F4F8, 0 0 4px #B1F4F8, 0 0 8px #B1F4F8, 0 0 16px #2F2BAD, 0 0 32px #2F2BAD;
}

.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a {
    background: transparent url("http://tri-svesdy.ru/images/sait/knopki/hot.png") no-repeat scroll 0 0;
    float: right;
    font-weight: normal;
    font-size: 8pt;
    color: #eb505d;
    font-weight: bold;
    height: 16px;
    padding: 0px 5px 0px 21px;
    text-decoration: none;
    border-radius: 8px;
    box-shadow: 0 0 2px #B1F4F8, 0 0 4px #B1F4F8, 0 0 8px #B1F4F8, 0 0 16px #2F2BAD, 0 0 32px #2F2BAD;text-shadow: 3px 3px 10px red,-3px -3px 10px yellow;
}

.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel {
    position: absolute;
    width: 85px;
    height: 16px;
    top: 5px;
    right: 77px;
    text-align: right;
}

#chatChannel_main {
    background-image: url(), url(http://s1.iconbird.com/ico/0912/fugue/w16h161349011967bauble.png);
    background-position: left, right;
    background-repeat: repeat-y;
}

.chatPeople.vscrollable {
    background-image: url(https://img1.picmix.com/output/stamp/normal/3/6/5/2/1582563_354ea.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 70%;
}

.chatTabs span {
    font-family: Palatino Linotype;
    font-size: 12pt;
    border-radius: 10px;
}

.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, .chatTabs > ul > li.chatTab > a.active {
    color: #6000ff;
}

.chatTabs > ul > li > a {
    padding: 0px 14px 0px 10px;
    height: 100%;
    text-decoration: none;
    border-top: 0px none !important;
    border-right: 0px none !important;
    vertical-align: middle;
    display: inline-block;
    line-height: 24px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    background: linear-gradient(to left, Blue, white, Red);
}

.content {
    background-image: url(http://liubavyshka.ru/_ph/24/2/805316821.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
}

.transparent {
    background-image: url(http://www.fonstola.ru/pic/201312/1366x768/fonstola.ru-137548.jpg);
}

#join-chat-button:hover {
border-radius: 50%;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

#join-chat-button {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#join-chat-button, #join-chat-button2 {
background: transparent url("https://cur.glitter-graphics.net/pub/3449/3449483a8flgn5xxb.gif") no-repeat scroll 0 0;
font-family: Monotype Corsiva;
    font-size: 13pt;
background-position: center left;
background-repeat: no-repeat;
background-size: 100% 110%;
border-radius: 0px 25px 0px 25px;
box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #00FF00, 0 0 5px #F5DA81, 0 0 6px #F5DA81, 0 0 7px #F5DA81, 0 0 10px #F5DA81;
}

.chatHeader .chatTitle {
    float: none;
    text-align: center;
}

.chatTabs ul {
    position: absolute;
    left: 60px;
    height: 26px;
}

.smilesBox {
    background-image: url("	https://wallbox.ru/resize/1280x1024/wallpapers/main/201111/3d4da3dadd54b356f4ce10f1f426c321.jpg");
    width: 84%;
    margin-left: -15pt;
    border-radius: 35px;
    padding: 5px 0px 0px 10px;
}

.smilesBox p { /* настройка заголовков: Основные смайлы: и Для VIP-пользователей: */ font-size: 17pt; margin-left: 2pt; margin-bottom: 0pt; color: #ffffcc;
font-family: Monotype Corsiva;
}

.chatPopupMenuDiv2 {
/* Задняя панель загрузка (окно расположено ЗА окном смайлов, 
код влияет на ссылку медиа) */
background: linear-gradient(168deg, #3060a0, #a3cddd, #afefbf);
height: 100px; 
margin-left: 10px;
border-radius: 20px;

}

/* Блок для окна смайлов - начало */
.chatPopupMenuDiv1 {
/* Фон и скругление при нажатии на ссылку смайлы */
background: linear-gradient(168deg, #3060a0, #a3cddd, #afefbf);
border-radius: 10px;
}

/* Закругление нижней шапки чата */
.chatFooter { border-radius: 0px 0px 22px 22px; }


.chatTime {
    font-size: 15pt;
    background: url(http://img-fotki.yandex.ru/get/6604/76074362.280/0_ece59_d23da307_S.jpg);
    background-size: 105px 75px;
    background-position: 0px -1px;
    width: 50px;
    position: absolute;
    padding: 24px 30px;
    right: 5px;
    margin-top: -27px;
    color: rgba(182, 226, 69, 0.78);
    z-index: 999;
    color: #41ed1f;
    font-family: ALGERIAN; 
}

.chat { 
cursor: url("https://cur.cursors-4u.net/nature/nat-4/nat387.cur"), default; 
} 
a, input[type="button"], input[type="submit"], .chatUserFrom, .buttons > div { 
cursor: url("https://cur.cursors-4u.net/holidays/hol-4/hol396.cur"), default !important; 
} 
#join-chat-button, #join-chat-button2, #chat_main a, .chatTopLineWrapper > ul > li > ul > li > a, .chatTopLineWrapper ul li.chatMenuItemWithSeparator a, .justify, div.chatMessage span.chatUserFrom,
.chatTabs ul, .chatTabs ul li.appTab a, .chatTopLineWrapper > ul > li > a, .chatTabs > ul > li.chatTab > a, .chatSendLinksPanel a.chatLinkSmiles, .chatSendLinksPanel .chatLinkImage, .has-user-id .chatLinkProfile, .chatSendLinksPanel a, .chatLinkGold, .chatLinkVip, .chatPeopleList .chatLinkModerate, .chatLinkMore, .chatSoundPanel a, .chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel .chatSendButton, .chatMessage a, .chatSendExitPanel select, .chatTabsRight, #userGift { 
cursor: url("https://cur.cursors-4u.net/cursors/cur-2/cur116.cur"), default; 
}

.chatSendTextPanel .chatInputText {
    border-radius: 20px;
    background: linear-gradient(to right, Grey, LightBlue, Grey, LightBlue, Grey, LightBlue, Grey, LightBlue);
    background-position: center center;
    background-repeat: no-repeat;
    font-family: segoe print;
}

.chatFull a {
    border-radius:0px 18px 0px 18px ;
    border: 2px solid #6d7378;
    box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #c79900, 0 0 5px #ffe799, 0 0 6px #ffe799, 0 0 7px #ffe799, 0 0 9px #ffe799;
    background-image: url("	https://img0.liveinternet.ru/images/attach/c/1/62/396/62396193_45d.gif");
    font-family: Monotype Corsiva;
    font-size: 13pt;
    color: #172f78;
    padding-left: 6px;
    padding-right: 6px;
}

.has-account #existing-nick-label {
    font-family: Monotype Corsiva;
    font-size: 15pt;

}
.chatTabs span {
    font-family: Monotype Corsiva;
    font-size: 14pt;
    
}

.chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel {
    font-family: Monotype Corsiva;
    font-size: 14.5pt;
    height: 20px;
    top: 2px;
    border-radius: 10px;
    text-shadow: 3px 3px 10px red,-3px -3px 10px yellow;
}

#chat_main a {
    font-family: Monotype Corsiva;
    font-size: 13pt;

}

.chatPeople .chatPeopleTitle {
    font-family: Segoe script;
    font-size: 10pt;
    color: rgb(245,245,245);
  -webkit-animation: pulsate 2.0s linear infinite;
  animation: pulsate 2.0s linear infinite;
}


@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}

.chatSpecifyPassword input[type=text] {
        background: transparent url("https://i.pinimg.com/236x/d9/31/d1/d931d13b8d97e15bf458b4aa8aef5ff1--back-ground-background-paper.jpg") no-repeat scroll 0 0; border: 6px dashed #5FAEB0;
    border-radius: 25px
}

.chatMessageToMe .chatToUser {
    background-image: url(https://i.pinimg.com/originals/e1/9f/c4/e19fc4f92bc65978ceac0213a1abaf65.gif);
    color: #000080;
    font-weight: normal;
    padding: 0 6px 0 6px;
    border: 2px solid #4C4F92;
    border-radius: 12px 20px 12px 20px;
    box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 4px #ffe799;
}

.chatSystemMessage {
    color: #41dbdb;
    font-family: Monotype Corsiva;
    font-size: 15pt;
    text-shadow: 3px 3px 13px red,-3px -3px 13px yellow;
}

.chatPeople ul.chatPeopleList li .chatUserMenu .chatUserMenuItems ul li {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.chatPeople ul.chatPeopleList li {
    background-image: url("http://tri-svesdy.ru/images/schat_zodiak/fony/panel.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 105% 112%;
    border-image-width: 1px;
    border-image-source: url(http://tri-svesdy.ru/images/schat_zodiak/knopki/ramka.png);
    border-image-slice: 30;
    border-image-repeat: stretch;
    padding: 5px 10px 7px 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), -23px 0 20px -23px rgba(0, 0, 0, 0.8), 23px 0 20px -23px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.chatMessage.type-news {
    width: 33%;
    height: auto;
    position: relative;
    right: -0%;
    border-radius: 12px;
    box-shadow: 2px 2px 2px 2px;
    color: #080808;
    background: url("https://stihi.ru/pics/2020/12/21/5378.gif");
}

.chatMain .chatPrivateMessages {
    background-image: url("http://mobimg.b-cdn.net/v3/fetch/5f/5f90d5b1f9680cfac8f053dc29e29a69.jpeg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-image-width: 3px;
    border-image-source: url(http://tri-svesdy.ru/images/schat_zodiak/knopki/ramka.png);
    border-image-slice: 30;
    border-image-repeat: stretch;
    box-shadow: -6px 6px 7px -4px #333;
}

.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    font-size: 12pt;
}

.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    top: 41px;
    line-height: 1.5em;
}

.chatTabs {
    background-image: url("http://cdn.wallpaperjam.com/ffef519fe5f25085191489ff2efdcb2c45b0c58c/sunrise-music-dawn-daft-punk-electronics.jpg");

}

.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    font-family:segoe print ;
    font-weight: bold;
    font-size: 16px;
    
}


.chatPeople ul.chatPeopleList li a.chatUserSex1 b { background-image:url("http://www.iconsearch.ru/uploads/icons/fugue/16x16/gender.png"); 
   width: 16px; 
   height: 16px;

}

.chatPeople ul.chatPeopleList li a.chatUserSex2 b { background-image:url("http://www.iconsearch.ru/uploads/icons/fugue/16x16/gender-female.png"); 
 width: 16px; 
 height: 16px;

}

.chatPeople ul.chatPeopleList li a.chatUserSex0 b { background-image:url(https://s8.uploads.ru/98FDG.gif); 
    width: 20px; 
    height: 20px;
}

div { border-radius: 0px; }

.chatMessage .chatUserFrom  {
    background-image: url('https://imgs.su/users/64526/1447065101.png'); /* меняете ссылку иконки на свою */
    background-size: 18px; /* рекомендуемый размер иконки */ 
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left: 24px;
    
}
/* id pavel */
.chatMessage .user2496191 {
  background: url("https://sf.uploads.ru/o4B7P.png") no-repeat 0 0,
              url("https://sg.uploads.ru/x2584.gif") no-repeat 23px 0;
  padding-left: 47px; /* по 20px на каждую иконку */
  background-size: 20px;
  padding-bottom: 6px;
}
/* id boss */
.chatMessage .user2847538 {
  background: url("https://imgs.su/users/64526/1447065068.png") no-repeat 0 0,
              url("https://sg.uploads.ru/81gcK.gif") no-repeat 23px 0;
  padding-left: 47px; /* по 20px на каждую иконку */
  
 background-size: 20px;
  padding-bottom: 6px;
}
/* id Леди */
.chatMessage .user2849196 {
background: url("https://sf.uploads.ru/S3Zce.png") no-repeat 0 0,
              url("https://sg.uploads.ru/x2584.gif") no-repeat 23px 0;
  padding-left: 47px; /* по 20px на каждую иконку */
  background-size: 20px;
  padding-bottom: 6px;
}

.chatMain .chatPeople {
border-radius: 20px 10px;
border-left: 0px solid #000000;
border-right: 2px solid #000000;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
z-index: 0;
-webkit-animation: animationBackgroundText 60s;
-webkit-animation-iteration-count: infinite;
animation: animationBackgroundText 60s;
animation-iteration-count: infinite;
}

.adm-icon { background-image: url("http://sd.uploads.ru/E9THV.gif");
padding-left: 9px;
padding-bottom:10px;
}
.mod-icon { background-image: url("https://sg.uploads.ru/RVBhG.gif");
padding-left: 9px;
padding-bottom:10px;
}


a:visited {color: #0000a0;} a:hover {color: #a0d000;} /*a:active {color: #556b2f;}

.chatMessage.chatMessageToMe > .chatTime {
/* Цвет времени в выделенном личном сообщении */
color: #0000ff;
}

.chatMessage.chatSystemMessage > .chatTime {
/* Цвет времени в системной строке */
color: #0000ff;
}


.chatTabs, font {
text-shadow:3px 3px 10px red,-3px -3px 10px yellow;
color: #101921;
Tahoma
}

.chatTopLineWrapper ul li ul li { /* код правой колонки с никами и фоном */ background: linear-gradient(168deg, #0099FF, #FFFFFF, #9999FF);
  border-radius: 15px;
  box-shadow: 0 0 3pt 2pt #0935b8;

}

.chatSendLinksPanel a.chatLinkSmiles {
    padding-left: 21px;
  background: transparent url("http://i89.fastpic.ru/big/2017/0129/c5/49133b4ac8ade078c6a7f63f823928c5.gif") no-repeat 0 0;
}

.chatSendLinksPanel .chatLinkImage {
    padding-left: 21px;
    background: transparent url("http://i91.fastpic.ru/big/2017/0129/99/f88200e557707f3bedcb860eca08f599.gif") no-repeat 0 0;
}


.chatLinkVip {
    width: 33px;
    background: transparent url("https://sd.uploads.ru/t/cQrVS.gif") no-repeat scroll 0px 0px / 25px 25px;
    margin-right: 6px!important;
}

.chatLinkGold {
    padding-left: 24px;
    background: transparent url("https://s9.uploads.ru/OjTdC.gif")
    no-repeat scroll 0px 0px / 20px 20px;
    margin-right: 6px!important;
}

.chatLinkProfile {
    padding-left: 25px;
    background: url(http://i90.fastpic.ru/big/2017/0129/a5/bad44a51edc9c5d7cdc582e91f9adea5.gif);
   background-position: left, right;
    background-repeat: repeat-y;
}

.chatLinkModerate {
    width: 17px;
    background: transparent url("http://i89.fastpic.ru/big/2017/0131/9e/ebebe4dce26bf2dea9a9764cea8b879e.png") no-repeat 0 0;
background-position: top 0px left 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: 0.95s;
    -webkit-transition: 0.95s;
    -o-transition: 0.95s;
    -moz-transition: 0.95s;
}
.chatLinkModerate:hover {
    background-image: url("http://i90.fastpic.ru/big/2017/0131/56/096979c46b3b95b9f88c23760524d456.png");
    background-position: bottom 0px left 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.chatPeople ul.chatPeopleList li a.chatUser {
    background-image: 
    url("https://pw.artfile.me/wallpaper/15-11-2011/360x203/3d-grafika-textures-tekstury-uzor-fon-ty-587367.jpg");
    padding: 0 10px 0 10px;
    border: 2px solid #E226F0;
    border-radius: 45px 8px 45px 8px;
    color: #E226F0;
    font-family: Monotype Corsiva;
    font-style: normal;
    font-size: 12pt;
}

#chatUserMiniMenu {
    color: #fff;
    text-shadow: 1px 1px 0 #000;
    background-image: url("http://tri-svesdy.ru/images/schat_zodiak/fony/vhod5.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200% 220%;
    border: 1px solid #000;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 1.0) inset;
    padding: 4px 6px;
    position: absolute;
    border-radius: 20px;
}

.chatSendLinksPanel {
    box-shadow: 0 6px 10px rgba(255, 255, 255, 1.0) inset;
    background-image: url("");
}

.chatHeader:before { content: '\A\A '; font-size: 13px; color: #6495ED; font-weight: bold; display: inline-block; margin: 0 0 1em; white-space: pre-wrap; background: url('http://i90.fastpic.ru/big/2017/0201/76/_28ff9db44130945934b886b2027bfc76.gif?noht=1'); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 0px 100px; border-left: 2px solid #6495ED; border-right: 2px solid #6495ED; border-top: 2px solid #6495ED; border-bottom: 2px solid #6495ED; width: 200px; height: 200px; line-height: 18px; opacity: 0; padding: 0px 100px; position: absolute; right: 175px; top: -500px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; border: 1px solid #; 
   box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #c79900, 0 0 5px #ffe799, 0 0 6px #ffe799, 0 0 7px #ffe799, 0 0 10px #ffe799;
}

.chatHeader:hover:before { width: 230px; height: 150px; right: 175px; top: 200%; opacity: 1; }


.chatPeople ul.chatPeopleList li {
    background-image: url("http://tri-svesdy.ru/images/schat_zodiak/fony/panel.jpg");
    border-radius: 0px 0px 20px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 105% 112%;
    border-image-width: 1px;
    border-image-source: url(http://tri-svesdy.ru/images/schat_zodiak/knopki/ramka.png);
    border-image-slice: 0;
    border-image-repeat: stretch;
    padding: 5px 10px 7px 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), -23px 0 20px -23px rgba(0, 0, 0, 0.8), 23px 0 70px -73px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 box-shadow: 0 0 1px #d11395, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #c79900, 0 0 8px #d11395, 0 0 6px #ffe799, 0 0 8px #d11395, 0 0 9px #d11395;
}   


Inherited from div.chatPopupMenuDiv2
.chatPopupMenuDiv1, .chatPopupMenuDiv2, .chatPeople ul.chatPeopleList li.hover {
    background-image: url(http://tri-svesdy.ru/images/schat_zodiak/fony/panel.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-style: normal;
    padding: 5px 10px 0px 10px;
    border: 1px solid #;
    border-radius: 20px 20px 45px 45px;
    box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #c79900, 0 0 5px #ffe799, 0 0 6px #ffe799, 0 0 7px #ffe799, 0 0 10px #ffe799;
}

.chatInputText {
    border-radius: 20px;
    background: linear-gradient(to right, Grey, LightBlue, Grey, LightBlue, Grey, LightBlue, Grey, LightBlue);
    background-position: center center;
    background-repeat: no-repeat;
    font-family: segoe print;
}

.chatUserMenuItems {
    font-family: Monotype Corsiva;
    font-style: normal;
    font-size: 12pt;
    color: #000000;
}

input[type="submit" i] {
    border-radius:20px 0px 20px 20px;
    background: linear-gradient(to right, Grey, LightBlue, Grey, LightBlue, Grey, LightBlue, Grey, LightBlue);
}

.chatFull .transparent {
    color: transparent;
    background-image:
    url(https://i1.wampi.ru/2018/12/21/19.gif), 
    url(https://img-fotki.yandex.ru/get/56796/47606540.aa/0_114143_96b4da12_orig.gif), 
    url(https://img-fotki.yandex.ru/get/56796/47606540.aa/0_114143_96b4da12_orig.gif),
    url("http://img-fotki.yandex.ru/get/5208/svetlera.86/0_520cf_bb24ee21_L.jpg"),
    url("https://cdn5.imgbb.ru/user/168/1683253/201512/eea9643f2372a50417088da66badfc4f.gif"),
url("https://s1.1zoom.ru/b5050/233/Christmas_Balls_Star_decoration_Snowflakes_537925_1920x1200.jpg");
    background-position: bottom left, top left, right top, center, top center;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    /* transition: 1.5s; */
    /* -webkit-transition: 1.5s; */
    -o-transition: 1.5s;
    -moz-transition: 15.5s;
}
.chatFull .transparent:after {
    content: "Админ и дизайнер чата ♫☊♫ Pavel ♫☊♫ ";
    font-family: Monotype Corsiva;
    font-size: 23px;
    text-shadow: 1px 0px 0 #000;
    font-weight: bold;
    position: absolute;
    bottom: 3%;
    left: 60%;
    z-index: -1;
    opacity: 1;
    border-radius: 0px 20px 0px 20px;
    border: 2px solid #6d7378;
    box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #c79900, 0 0 5px #ffe799, 0 0 6px #ffe799, 0 0 7px #ffe799, 0 0 9px #ffe799;
    background-image: url(https://cur.glitter-graphics.net/pub/3449/3449483a8flgn5xxb.gif);
    padding-left: 8px;
    padding-right: 8px;
}

/*Код плавного качания верх и вниз*/
@keyframes float_8583 { 
0% { transform: translateY(0) } 
50% { transform: translateY(-6px) } 
100% { transform: translateY(0) } 
}

/*Код плавного качания вправо влево*/
@keyframes horizontal_4870 { 
0% { transform:translate(0,0) } 
4.41177% { transform:translate(5px,0) }
8.82353% { transform:translate(0,0) } 
13.23529% { transform:translate(5px,0) } 
17.64706% { transform:translate(0,0) } 
22.05882% { transform:translate(5px,0) } 
26.47059% { transform:translate(0,0) } 
100% { transform:translate(0,0) } 
}

/*Код плавного плавного появления и исчезновения*/
@keyframes double-flash_3405 { 0% { opacity:1 } 
12.5% { opacity:0 } 
25% { opacity:1 } 
37.5% { opacity:0 } 
50% { opacity:1 } 
100% { opacity:1 } }

/*Код движения вправо влево*/
@keyframes horizontal_3471 { 
0% { transform:translate(0,0) } 
4.41177% { transform:translate(5px,0) } 
8.82353% { transform:translate(0,0) } 
13.23529% { transform:translate(5px,0) } 
17.64706% { transform:translate(0,0) } 
22.05882% { transform:translate(5px,0) } 
26.47059% { transform:translate(0,0) } 
100% { transform:translate(0,0) } }

/*Бегущая строка чата*/
.chatFooter .chatFooterWrapper:after {
content:" обращайтесь ✍ на почту eren.oren08@gmail.com ✉ ✔ ";
font-family: segoe print;
font-size: 12px;
color:#6000ff;
letter-spacing: 5px; 

position: absolute;
       top:73%; left:0px; bottom:0; right:0px;
    -webkit-animation: l1_animation 83s linear infinite;
    -moz-animation: l1_animation 400s linear infinite;
}

/*Гугле*/

@-webkit-keyframes blink6 { 
10% { transform: scale(1, 1) rotate(80deg); } 
20% { transform: scale(0, 0) rotate(160deg); } 
100% { transform: scale(0, 0) rotate(0deg); } 
}

@keyframes blink6 { 
10% { transform: scale(1, 1) rotate(80deg); } 
20% { transform: scale(0, 0) rotate(160deg); } 
100% { transform: scale(0, 0) rotate(0deg); } 
}

@-webkit-keyframes l3_animation {
    0%    {color: rgb(0,0,255); }
    20%   {color: rgb(0,255,255); }
    40%   {color: rgb(255,0,0); }
    60%   {color: rgb(255,255,0); }
    80%   {color: rgb(255,255,255); }
    100%  {color: rgb(0,0,255); }
  }    

@-moz-keyframes l3_animation {
    0%    {color: rgb(0,0,255); }
    20%   {color: rgb(0,255,255); }
    40%   {color: rgb(255,0,0); }
    60%   {color: rgb(255,255,0); }
    80%   {color: rgb(255,255,255); }
    100%  {color: rgb(0,0,255); }
  } 

@-webkit-keyframes l1_animation {
      0%{left:100%;}
      100%{left:-100%;}
  }
@-moz-keyframes l1_animation {
      0%{left:100%;}
      100%{left:-100%;}
}

#join-chat-button2 {
    animation-name: tossing;
    font-family: Monotype Corsiva;
    font-size: 12pt;
    border-radius: 0px 19px 0px 19px;
    -webkit-animation-name: tossing;    
 
    animation-duration: 2.5s;   
    -webkit-animation-duration: 2.5s;
 
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@keyframes tossing {
    0% {
        transform: rotate(-4deg);   
    }
    50% {
        transform: rotate(4deg);
    }
    100% {
        transform: rotate(-4deg);   
    }                       
}
@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-4deg);   
    }
    50% {
        -webkit-transform: rotate(4deg);
    }
    100% {
        -webkit-transform: rotate(-4deg);
}