/*Коды движения*/
@-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) } }

/*Исчезновение и появление градиента фона*/
@keyframes gradient{
  50% {
    background: whitesilver;
    box-shadow: 0 -140px 70px -120px HoneyDew  inset,
                0 -210px 70px -120px Ivory inset,
                0 -280px 70px -120px Grey inset;
  }
}


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


/*Пульсирование или биение сердца*/
/*pulse { animation: pulse_7228 5s linear infinite; transform-origin: 50% 50%; }*/ 
@keyframes pulse_7228 { 0% { transform: scale(1.1) } 20% { transform: scale(0.8) } 40% { transform: scale(1.1) } 100% { transform: scale(1.1) } }

  @keyframes horizontal_287 { 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 pulse_1603 { 0% { transform: scale(1.1) } 25% { transform: scale(0.8) } 50% { transform: scale(1.1) } 100% { transform: scale(1.1) } }
  
  /*Исчезание и появление*/
  @keyframes double-flash_5158 { 0% { opacity:1 } 12.5% { opacity:0 } 25% { opacity:1 } 37.5% { opacity:0 } 50% { opacity:1 } 100% { opacity:1 } }
  
@keyframes vertical_4506 { 0% { transform:translate(0,-3px) } 1.47059% { transform:translate(0,3px) } 2.94118% { transform:translate(0,-3px) } 4.41176% { transform:translate(0,3px) } 5.88235% { transform:translate(0,-3px) } 7.35294% { transform:translate(0,3px) } 8.08824% { transform:translate(0,0) } 100% { transform:translate(0,0) } }

@keyframes horizontal_6523 { 0% { transform:translate(0,0) } 1.78571% { transform:translate(5px,0) } 3.57143% { transform:translate(0,0) } 5.35714% { transform:translate(5px,0) } 7.14286% { transform:translate(0,0) } 8.92857% { transform:translate(5px,0) } 10.71429% { transform:translate(0,0) } 100% { transform:translate(0,0) } }






/*Титры в шапке*/
.chatHeader .chatTitle {
font-size: 0px;
color: transparent;
display: none;
}

/*Логотип шапки*/
.chatHeader:after {
content:"";
width: 30%;
height: 35px;
   position: fixed;
         top:5px;
          left:30%;

background-color: transparent;
background-image: url("http://x-lines.ru/letters/i/cyrillicfancy/0334/ffffff/28/0/kb1zr3uxpiosha5f.png");  
    background-position: top 0 left 0;
    background-repeat: no-repeat;
    background-size:100% 100%;
animation: pulse_7228 5s linear infinite; transform-origin: 50% 50%; 
}

/*Плывущий Общий фон шапки*/

 
.chatHeader {background-color:transparent;
    background: url(http://tri-svesdy.ru/images/chat_perfomance/schapka.jpg) fixed;
	     background-size:977px 50px;
	    background-repeat: repeat;
animation: citas 60s linear infinite;
border: 0px solid #a0ca2d;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), -23px 0 20px -23px rgba(115, 110, 110, 0.8), 23px 0 20px -23px rgba(115, 110, 110, 0.8), 0 0 40px rgba(255, 255, 255, 0.1) inset;
   }
     
 @keyframes citas {
    from { background-position:  977px 100%;}
    to { background-position: 0 100%; }
   }
  
/*Общий фон чата*/
.chatMain {background-color: transparent; background-image:url("http://london-studio.ru/img/110_32.jpg"); background-position:center center; -webkit-background-size: auto 100%;-o-background-size: auto 100%;-moz-background-size: auto 100%;-ms-background-size: auto 100%;-khtml-background-size: auto 100%; background-size: auto 100%; background-repeat:no-repeat;}


/*Фон правой колонки*/

.chatMain .chatPeople {
	position: absolute;
	height: 100%;

z-index:0;
background-color: transparent;
background-image: url("http://tri-svesdy.ru/images/chat_perfomance/1perfomance.png");  
    background-position: top 0 right 0;
    background-repeat: no-repeat;
    background-size: 110% 100%;
border: 0px solid #a0ca2d;

}

/*ФОН ФУТЕРА*/

.chatFooter {background-color:transparent;
    background: url(http://tri-svesdy.ru/images/chat_perfomance/futer.jpg) fixed;
	     background-size:977px 62px;
	    background-repeat: repeat;
animation: praf 60s linear infinite;
border: 0px solid #a0ca2d;
-webkit-box-shadow: 0px -3px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -3px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px -3px 4px 0px rgba(0,0,0,0.75);
   }

@keyframes praf {
    from { background-position:  977px 100%;}
    to { background-position: 0 100%; }
   }
   
   

   
   
/*Закругление кнопок меню вверху справа*/

.chatHeader .chatTopLine {
border-radius:3px/100%;
  color: #000 ;
background-color: transparent;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
transition: .9s linear;
 box-shadow:  -6px 6px 7px -5px #333;
 animation: double-flash_3405 4s ease infinite; 
 transform-origin: 50% 50%;
  }

.chatHeader .chatTopLine:hover{
color:#000;
border-radius:3px/100%;
background-color: transparent;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));

  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
 box-shadow:  -6px 6px 7px -5px #333;
transition: .9s linear;
 box-shadow:  -6px 6px 7px -5px #333;
  animation: horizontal_3471 2.72s ease infinite; 
  transform-origin: 50% 50%;


}

.chatTopLineWrapper > ul > li > a:hover {color:#fff;
border-radius:3px/100%;
background-color: transparent;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}


.chatTopLineWrapper ul { 	color: #000;
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */ 
	    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;

border: 1px solid #000; 
border-radius:9px; 
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), -23px 0 20px -23px rgba(115, 110, 110, 0.8), 23px 0 20px -23px rgba(115, 110, 110, 0.8), 0 0 40px rgba(255, 255, 255, 0.1) inset; }

/*Цвет надписей в окошках*/
.chatTopLineWrapper > ul > li > ul > li > a { color: #000; }
.chatTopLineWrapper > ul > li > ul > li > a:hover { color: #000; }

/*Анкеты посетителей в правой колонке чата*/

.chatPeopleList li a{  
color: #000; 

border-radius:3px;
}



.chatPeopleList li.hover{ color: #000;
font-weight: bold;

background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */ 
border: 1px solid #000; 
border-radius:7px;
	    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; 

box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), -23px 0 20px -23px rgba(115, 110, 110, 0.8), 23px 0 20px -23px rgba(115, 110, 110, 0.8), 0 0 40px rgba(255, 255, 255, 0.1) inset;
}


/*ИКОНКИ НИКОВ В ПРАВОЙ КОЛОНКЕ*/

/*Неизвестная*/
.chatPeople ul.chatPeopleList li a.chatUserSex0 b {background-color: transparent;
    background: transparent url("http://tri-svesdy.ru/images/chat_perfomance/nezvest.png") no-repeat scroll 0 0;
background-size: 100% 100%;
border: 0px solid #FF00FF;
position: relative;
}

/*Мужская*/
.chatPeople ul.chatPeopleList li a.chatUserSex1 b {
background-color: transparent;
     background: transparent url("http://tri-svesdy.ru/images/chat_perfomance/muzs.png") no-repeat scroll 0 0;
background-size: 100% 100%;
border: 0px solid #FF0000;
position: relative;
}

/*Женская*/
.chatPeople ul.chatPeopleList li a.chatUserSex2 b {background-color: transparent;
    background: transparent url("http://tri-svesdy.ru/images/chat_perfomance/zen.png") no-repeat scroll 0 0;
background-size: 100% 100%;
border: 0px solid #FF0000;
position: relative;
}


/*Корона для админа*/
.adm-icon {background-color: transparent;
    background: transparent url("http://tri-svesdy.ru/images/chat_perfomance/crown-icon-transparent-1.jpg.png") no-repeat scroll 0 0;
background-size:100% 100%;
background-position: center center;
border-radius: 5%;
}

/*Щит для модеров*/

.mod-icon {
    background: transparent url("http://tri-svesdy.ru/images/chat_perfomance/seryi.png") no-repeat scroll 0 0;
background-size:100% 100%;
background-position: center center;
}

/*КНОПКИ ПЕРЕКЛЮЧЕНИЯ КОМНАТ*/
 .chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, 
.chatTabs > ul > li.chatTab > a.active {
 padding:0px 5px;  
border: 0px solid #575757; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 

 font-weight:bold; 
 color:#fff; 
 background-color:#3E3628; 
  background-image: -moz-linear-gradient(top, #3E3628 0%, #636363 100%); 
 background-image: -webkit-linear-gradient(top, #3E3628 0%, #636363 100%); 
 background-image: -o-linear-gradient(top, #3E3628 0%, #636363 100%); 
 background-image: -ms-linear-gradient(top, #3E3628 0% ,#636363 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#636363',GradientType=0 ); 
 background-image: linear-gradient(top, #DDDBD5 0% ,#9E9883 100%); 

}

 /*Дрожание КНОПОК ПЕРЕКЛЮЧЕНИЯ КОМНАТ*/
.chatTabs > ul > li.chatTab > a{
text-decoration:none; text-align:center; 
 padding:0px 5px; 
border: 0px solid #575757; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 

font-weight:bold;
 color:#000; 
 background-color:#C2B7A5; 
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */ 
  -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  {
	 color:#fff; 
  -webkit-animation-name: Tada;
  -moz-animation-name: Tada;
  -o-animation-name: Tada;
  animation-name: Tada;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), -23px 0 20px -23px rgba(115, 110, 110, 0.8), 23px 0 20px -23px rgba(115, 110, 110, 0.8), 0 0 40px rgba(255, 255, 255, 0.1) inset; 
}


/*Крестик закрытия на кнопках*/

.chatTabs ul li.chatTab .close {
    background: transparent url("http://tri-svesdy.ru/images/sait/knopki/hot-z.png") no-repeat scroll 0 0;
background-size: 100% 100%;
    cursor: pointer;
    height: 8px;
    position: absolute;
    right: 3px;
    top: 2px;
    width: 8px;
	
}

/*Эффект увеличения надписей и фона приложений*/

.chatTabs ul li.appTab a{
	color: #000;
border-radius: 3px;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;

    }

.chatTabs ul li.appTab a:hover{
color: #000;
font-size: 11px;
border-radius: 3px;
border: 1px solid #d4d2cb;

        -webkit-transform: rotate(0deg) scale(1.1);
        -moz-transform: rotate(0deg) scale(1.1);
        -o-transform: rotate(0deg) scale(1.1);
        -ms-transform: rotate(0deg) scale(1.1);
        transform: rotate(0deg) scale(1.1);

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), -23px 0 20px -23px rgba(115, 110, 110, 0.8), 23px 0 20px -23px rgba(115, 110, 110, 0.8), 0 0 40px rgba(255, 255, 255, 0.1) inset; 
}

/*Время*/
.chatTime {
    color: #000;
    float: right;
    font-size: 7pt;
    font-style: normal;
    padding-right: 2%;
    visibility: hidden;
}

/*НИЖНЯЯ ПАНЕЛЬ НИЖНЯЯ ПАНЕЛЬ НИЖНЯЯ ПАНЕЛЬ НИЖНЯЯ ПАНЕЛЬ*/

.smilesBox a{
	 color: #000;
}

/*Окно смайлов*/
 .smilesBox{ padding:0px 5px; 
 position: absolute; left: -10px; top: 0px; width: 97%; height: 250px; overflow: auto; z-index: 98; }

/*Фон окна смайлов*/
.smilesBox{ color: #000;
font-weight: bold;

background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */ 
border: 1px solid #000; 
border-radius:7px;

box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), -23px 0 20px -23px rgba(115, 110, 110, 0.8), 23px 0 20px -23px rgba(115, 110, 110, 0.8), 0 0 40px rgba(255, 255, 255, 0.1) inset;
}


 


/*Кнопка открытия окна смайлов*/

.chatSendLinksPanel a.chatLinkSmiles { 
 background-color:#421500; 
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */   

 color: #7C7C7C;
transition: 0.95s;
-webkit-transition: 0.95s;
-o-transition: 0.95s;
-moz-transition: 0.95s;

   padding: 0px 5px 0px 5px;
font-weight: bold;
 text-shadow: 0px 0px 0px #000;
border-radius: 3px;


}


.chatSendLinksPanel a.chatLinkSmiles:hover {
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */ 
 color: #000;
    padding: 0px 5px 0px 5px;
font-weight: bold;
 text-shadow: 0px 0px 0px #000;
border-radius: 3px;
border: 0px solid #000;
 animation: pulse_1603 4s linear infinite; transform-origin: 50% 50%;
}

/*Кнопки включения при открытых окнах*/

 .chatEventDiv, .chatPopupMenuDiv1, .chatPopupMenuDiv2.hover{
    background: transparent url();
   background-position: center center;
   background-repeat:no-repeat;
   background-size: 100% 100%;
   border-radius:3px;
border: 0px solid #000;
    }
	
	/*КНОПКА МЕДИА*/

.chatSendLinksPanel .chatLinkImage { 
 background-color:#421500; 
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */   

 color: #7C7C7C;
transition: 0.95s;
-webkit-transition: 0.95s;
-o-transition: 0.95s;
-moz-transition: 0.95s;

   padding: 0px 5px 0px 5px;
font-weight: bold;
 text-shadow: 0px 0px 0px #000;
border-radius: 3px;

}

.chatSendLinksPanel .chatLinkImage:hover {
 background-color:#421500; 
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */   

 color: #fff;
transition: 0.95s;
-webkit-transition: 0.95s;
-o-transition: 0.95s;
-moz-transition: 0.95s;
 color: #000;
    padding: 0px 5px 0px 5px;
font-weight: bold;
 text-shadow: 0px 0px 0px #000;
border-radius: 3px;
 animation: pulse_1603 4s linear infinite; transform-origin: 50% 50%;
}

/*Цвет текста ссылок в окне «Медиа»*/

.chatPopupMenuDiv2 {
color: #000;
 background-color:#421500; 
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */  
    border: 1px solid #421500;
    display: none;
    position: absolute;
    z-index: 97;

}

.chatPopupMenuDiv2 .chatPopupMenuContent a {
    color: #000;

background-color: transparent;
    border: 0px solid #cfcfc9;
background: transparent url();
   background-position: center center;
   background-repeat:no-repeat;
   background-size: 105% 105%;

}

/*КНОПКА ПРОФИЛЬ*/

.has-user-id .chatLinkProfile { 
 background-color:#421500; 
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */   

 color: #7C7C7C;
transition: 0.95s;
-webkit-transition: 0.95s;
-o-transition: 0.95s;
-moz-transition: 0.95s;

   padding: 0px 5px 0px 5px;
font-weight: bold;
 text-shadow: 0px 0px 0px #000;
border-radius: 3px;

}

.has-user-id .chatLinkProfile:hover {
 background-color:#421500; 
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */   

 color: #fff;
transition: 0.95s;
-webkit-transition: 0.95s;
-o-transition: 0.95s;
-moz-transition: 0.95s;
 color: #000;
    padding: 0px 5px 0px 5px;
font-weight: bold;
 text-shadow: 0px 0px 0px #000;
border-radius: 3px;
 animation: pulse_1603 4s linear infinite; transform-origin: 50% 50%;

}

/*КНОПКА СЧЕТ*/

.chatLinkGold {
 background-color:#421500; 
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */   

 color: #fff;
transition: 0.95s;
-webkit-transition: 0.95s;
-o-transition: 0.95s;
-moz-transition: 0.95s;
 color: #000;
    padding: 0px 5px 0px 5px;
font-weight: bold;
 text-shadow: 0px 0px 0px #000;
border-radius: 3px;

}

.chatLinkGold:hover {
 background-color:#421500; 
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */   

 color: #fff;
transition: 0.95s;
-webkit-transition: 0.95s;
-o-transition: 0.95s;
-moz-transition: 0.95s;
 color: #000;
    padding: 0px 5px 0px 5px;
font-weight: bold;
 text-shadow: 0px 0px 0px #000;
border-radius: 3px;
 animation: pulse_1603 4s linear infinite; transform-origin: 50% 50%;

}

/*КНОПКА ВИП*/

.chatLinkVip {
background-image: url("http://tri-svesdy.ru/images/chat_perfomance/neaktivnyi.gif");
background-position: top 0px left 0;
background-repeat:no-repeat;
background-size: 97% 97%;
	
transition: 0.95s;
-webkit-transition: 0.95s;
-o-transition: 0.95s;
-moz-transition: 0.95s;

	}

.chatLinkVip:hover {
background-image: url("http://tri-svesdy.ru/images/chat_perfomance/aktivnyi.png");
background-position: bottom 0px left 0;
background-repeat:no-repeat;
background-size: 100% 100%;
 animation: pulse_1603 4s linear infinite; transform-origin: 50% 50%;
	
	}
	
	/*КНОПКА МОДЕРАТОРА*/

.chatLinkModerate{
background-image: url("http://tri-svesdy.ru/images/chat_perfomance/seryi.png");
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://tri-svesdy.ru/images/chat_perfomance/belyi.png");
background-position: bottom 0px left 0;
background-repeat:no-repeat;
background-size: 100% 100%;
 animation: pulse_1603 4s linear infinite; transform-origin: 50% 50%;
}

/*КНОПКА ЕЩЁ*/

.chatLinkMore {
 background-color:#421500; 
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */   

 color: #fff;
transition: 0.95s;
-webkit-transition: 0.95s;
-o-transition: 0.95s;
-moz-transition: 0.95s;
 color: #000;
    padding: 0px 5px 0px 5px;
font-weight: bold;
 text-shadow: 0px 0px 0px #000;
border-radius: 3px;

}

.chatLinkMore:hover  {
 background-color:#421500; 
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */   

 color: #fff;
transition: 0.95s;
-webkit-transition: 0.95s;
-o-transition: 0.95s;
-moz-transition: 0.95s;
 color: #000;
    padding: 0px 5px 0px 5px;
font-weight: bold;
 text-shadow: 0px 0px 0px #000;
border-radius: 3px;
 animation: pulse_1603 4s linear infinite; transform-origin: 50% 50%;
}

/*КНОПКА ЗВУК ВКЛЮЧЕН*/

.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a {
color: transparent;


background-image: url("http://tri-svesdy.ru/images/chat_perfomance/vkl.png");
background-position: bottom 0px left 0;
background-repeat:no-repeat;
background-size: 170% 100%;
    


    box-sizing: border-box;
    height: 20px;
    width: 100%;

transition: 0.95s;
-webkit-transition: 0.95s;
-o-transition: 0.95s;
-moz-transition: 0.95s;
  border-radius:10px;  
}

/*КНОПКА ЗВУК ВЫКЛЮЧЕН*/

.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a.muted {
color: transparent;


background-image: url("http://tri-svesdy.ru/images/chat_perfomance/vkl.png");
background-position: bottom 0px right 0;
background-repeat:no-repeat;
background-size: 175% 100%;
       
    box-sizing: border-box;
    height: 20px;
    width: 100%;
 
transition: 0.95s;
-webkit-transition: 0.95s;
-o-transition: 0.95s;
-moz-transition: 0.95s;
border-radius:5px;
}


/*ОКНО ВВОДА СООБЩЕНИЙ*/

.chatInputText {
color: #000;
font-weight:bold;

 background-color:#EEEEEE;
    
    box-sizing: border-box;
    height: 22px;
    width: 100%;
    padding:0 5px;
 border: 1px solid #000;
border-radius:3px;
	 box-shadow: inset 0px 0px 10px 5px rgba(255,255,255,0.7);

 opacity: 0.8;
 transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;
  }

.chatInputText:hover {
color: #000;
font-weight:bold;

 background-color:#fff;
background-position: center center;
background-repeat:no-repeat;
background-size: 100% 150%;
    
    box-sizing: border-box;
    height: 22px;
    width: 100%;
    padding:0 5px;

 border: 1px solid #000;
border-radius:3px;
	 
  
opacity: 1.0;
 transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
}

/*КНОПКА ОТПРАВКИ СООБЩЕНИЙ В ЧАТ*/

.chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel .chatSendButton {
 background-color:#421500; 
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */ 
border-radius:3px;
opacity: 0.7;
 transition: 0.95s;
-webkit-transition: 0.95s;
-o-transition: 0.95s;
-moz-transition: 0.95s;
 
animation: horizontal_287 2.72s ease infinite; transform-origin: 50% 50%; 
  }

.chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel .chatSendButton:hover {
 background-color:#421500; 
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */   
opacity: 1.0;
 color: #fff;
transition: 0.95s;
-webkit-transition: 0.95s;
-o-transition: 0.95s;
-moz-transition: 0.95s;

 animation: pulse_1603 4s linear infinite; transform-origin: 50% 50%;
 color: #000;
    padding: 0px 5px 0px 5px;
font-weight: bold;
 text-shadow: 0px 0px 0px #000;
border-radius: 3px;

}

/*КНОПКА ВЫХОДА ИЗ ЧАТА*/


  
  .chatSendExitPanel select {
 background-color:#421500; 
background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */  
    background-position: left 0 bottom 0;
    background-repeat:repeat;
    background-size: 100% 100%;
    border: 1px solid #575757;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8) inset;
    box-sizing: border-box;
    color: #000;
    font-weight: bold;
    height: 22px;
    padding: 0 5px;
    width: 100%;
}

  .chatSendExitPanel select :hover {
 
background-color: transparent !important;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%) !important; /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))) !important; /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%) !important; /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%) !important; /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%) !important; /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%) !important; /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ) !important; /* ie6-9 */ 
	
    background-position: left 0 bottom 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0px solid #000;

    width: 100%;
}

/*БЛОК ВХОДА В ЧАТ*/
	/*Фон и дрожание кнопок входа*/
	
	#join-chat-button {
		background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */ 
 border: 0px solid #000;
 -webkit-box-shadow: 10px 11px 11px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 11px 11px 0px rgba(0,0,0,0.75);
box-shadow: 10px 11px 11px 0px rgba(0,0,0,0.75);
		position: absolute;
         bottom:-9px;
          left:230px;
		  z-index:2;
		  }
	
	/*Фон и дрожание кнопок входа*/
	
#join-chat-button {
	color: #fff;
	font-size: 20px;
	font-family: "Times New Roman", Georgia, Serif;
	text-shadow: 1px 0px 2px #000;
 animation: vertical_4506 5.44s ease infinite; transform-origin: 50% 50%;

	}

.chatSetupNickname:after {
content:"";
width: 350px;
height: 200px;
   position: absolute;
         bottom:-62px;
          left:0px;
z-index:1;
background-color: transparent;
background-image: url("http://tri-svesdy.ru/images/chat_perfomance/leopold.gif");  
    background-position: top 0 left 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


	/*Страница входа в чат*/
/*фон*/
.chatFull .transparent {
		background-color: transparent;
	     background: -moz-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 45%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(48%, rgba(192,192,192,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(335deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(115deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 30%, rgba(192,192,192,1) 48%, rgba(255,255,255,1) 74%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); /* ie6-9 */ 
	 opacity: 1;
}

.chatFull .transparent:after {
content:"";
width: 45%;
height: 100%;
   position: absolute;
         bottom:0px;
          left:0px;
z-index:1;
background-color: transparent;
background-image: url("http://tri-svesdy.ru/images/chat_perfomance/leopold%202.png");  
    background-position: top 0 left 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.chatFull .transparent:before {
content:"";
width: 50%;
height: 35%;
   position: absolute;
         bottom:0px;
          right:0px;
z-index:0;
background-color: transparent;
background-image: url("http://tri-svesdy.ru/images/chat_perfomance/myschata.png");  
    background-position: top 0 left 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/*Блок ввода данных*/


.center-wrapper .content, .center-text-wrapper .content {

border-radius:3px/100%;
  color: #000 ;
background-color: transparent;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
transition: .9s linear;
 box-shadow:  -6px 6px 7px -5px #333;
 animation: double-flash_3405 4s ease infinite; 
 transform-origin: 50% 50%;
   border: 2px solid #000;
	   padding: 15px 15px;
	   border-radius: 10px;
	   -webkit-box-shadow: 10px 11px 11px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 11px 11px 0px rgba(0,0,0,0.75);
box-shadow: 10px 11px 11px 0px rgba(0,0,0,0.75);
	   
width: 35%;
height: auto;
	position: absolute;
   right: 25px;
	top: 10px;
color: #000;

}


/*КНОПКА ВХОДА НА СТРАНИЦЕ ВХОДА*/

#join-chat-button2 {
border-radius:3px/100%;
  color: #000 ;
background-color: transparent;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
transition: .9s linear;
 box-shadow:  -6px 6px 7px -5px #333;
 animation: double-flash_3405 4s ease infinite; 
 transform-origin: 50% 50%;
  }
  
  #join-chat-button2:hover{
color:#000;
border-radius:3px/100%;
background-color: transparent;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  transition: 1s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
 box-shadow:  -6px 6px 7px -5px #333;
}