.chatMain {
  
    text-shadow: 0px 0px 0 transparent;
}

.chatHeader {
    color: transparent;
    text-shadow: 0px 0px 0 transparent;
}
.chatHeader .chatTitle {
    text-shadow: 0px 0px 0 transparent;
}


.chatHeader{ 
    color: transparent;
    height:45px;
    width:100%;
    position: relative;
    background-image:  url(""), url(""), url("http://s011.radikal.ru/i318/1611/79/50bbc6597057.jpg");  
    background-position: bottom 10px left 10px,  bottom 5px left 50%, top  right;
    background-repeat: no-repeat, no-repeat, no-repeat ;
background-size:auto 100%, auto 100%,100% auto ;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px 

}


/*Фон общей комнаты*/
.chatMain{
background-image: url("http://s018.radikal.ru/i507/1611/db/99de9aadc345.jpg");
background-position: right bottom;
background-repeat: repeat-x;
background-size: 100% 100%;
box-shadow: 0 0 2px Fuchsia, 0 0 4px #B1F4F8, 0 0 8px #B1F4F8, 0 0 16px #2F2BAD, 0 0 32px #2F2BAD;
}

.chatMessages {
font-size:19px;
color:Fuchsia;
text-shadow: 0px 1px 0px #777;
}





/*Сколько человек в чате*/

.chatPeople .chatPeopleTitle{

margin: 8px 0 0 0;}

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

.chatPeople .chatPeopleTitle {
    background-image: url("http://tri-svesdy.ru/images/chat_leteli_oblaka/fon_pravyi.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;

width: 179px;
    
    font-size: 8pt;
    
    padding: 0 5px 0 10px;
}


/*Фон правой колонки*/
.chatPeople {
background-image: url("");
background-position: center center;
background-repeat: repeat-x;
background-size: 100% 100%;

 box-shadow:  -6px 6px 7px -4px #333;
}




/*фон футера*/

.chatFooter .chatFooterWrapper{
background-color: Fuchsia
background-image: url("http://s020.radikal.ru/i714/1611/55/8a8032b8f25c.jpg");
background-position: right bottom;
background-repeat: repeat-x;
background-size: 100% auto ;
  box-shadow: -2px -2px -2px #B1F4F8, -4px -4px -4px #B1F4F8, -8px -8px -8px #B1F4F8, -16 -16 -16px #2F2BAD, -32 -32 -32px #2F2BAD;
}



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


.chatTopLine {
    background-image: url("http://s020.radikal.ru/i714/1611/55/8a8032b8f25c.jpg")
     background-position: center center;
    background-repeat: no-repeat;
    background-size: 105% 105%;
color: Fuchsia
     border: 0px solid Fuchsia;
   
   box-shadow:0px 0px 0px #555;
}

.chatTopLineWrapper > ul > li > a:hover {
    background-image: url("http://s020.radikal.ru/i714/1611/55/8a8032b8f25c.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 105% 105%;
     color: Fuchsia;
     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("http://s020.radikal.ru/i714/1611/55/8a8032b8f25c.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0px solid #E48003;

  
}
/*текст на кнопках в общей комнате*/
.chatTabs > ul > li.chatTab > a {
     font-weight: bold;
    color: Fuchsia;
}

.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, .chatTabs > ul > li.chatTab > a.active {
     font-weight: bold;
    color: Fuchsia;
}

/*Конец цвета текста*/



    .chatTabs > ul > li.chatTab > a {
    background-image: url("http://s020.radikal.ru/i714/1611/55/8a8032b8f25c.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0px solid #E48003;

border-radius: 5px;

}













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

.chatPeople ul.chatPeopleList li { 
 background-image: url("http://tri-svesdy.ru/images/chat_leteli_oblaka/fon_pravyi.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-weight: bold;
font-weight: bold;

padding: 6px 5px 6px 5px;
border: 1px solid #2E972E;
    border-radius: 5px;
 box-shadow: inset rgba(0,0,0,0.2) 0 3px 8px, inset rgba(252,255,255,0.3) 0 3px 8px, rgba(0,0,0,0.5) 0 3px 8px 3px;
}

.chatPeople ul.chatPeopleList li.hover {
    background-image: Fuchsia;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0px solid #E48003;
    border-radius: 5px;
box-shadow: inset rgba(0,0,0,0.6) 0 -3px 8px, inset rgba(252,255,255,0.7) 0 3px 8px, rgba(0,0,0,0.8) 0 3px 8px -3px;
}


/*нижняя панель*/

.chatSendLinksPanel a.chatLinkSmiles {
    background: transparent url("http://tri-svesdy.ru/images/sait/knopki/hot.png") no-repeat scroll 0 0;
 color: Fuchsia;
    padding: 0px 5px 0px 21px;
font-weight: bold;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(255, 255, 255, 0.8) inset;
}

.chatSendLinksPanel .chatLinkImage {
    background: transparent url("http://tri-svesdy.ru/images/sait/knopki/hot.png") no-repeat scroll 0 0;
 color: Fuchsia;
    padding: 0px 5px 0px 21px;
font-weight: bold;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(255, 255, 255, 0.8) inset;
}

.has-user-id .chatLinkProfile {
    background: transparent url("http://tri-svesdy.ru/images/sait/knopki/hot.png") no-repeat scroll 0 0;
 color: Fuchsia;
    padding: 0px 5px 0px 21px;
font-weight: bold;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(255, 255, 255, 0.8) inset;
}

.chatLinkGold {
    background: Fuchsia url("http://tri-svesdy.ru/images/sait/knopki/hot.png") no-repeat scroll 0 0;
 color: #333;
    padding: 0px 5px 0px 21px;
font-weight: bold;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(255, 255, 255, 0.8) inset;
}

.chatLinkVip {
    background: Fuchsia url("http://tri-svesdy.ru/images/sait/logotipy/icon_vip.gif") no-repeat scroll 0 0;
 color: #333;
    padding: 0px 5px 0px 21px;

}

.chatLinkMore { color: Fuchsia;
font-weight: bold;
    padding: 0px 5px 0px 5px;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(255, 255, 255, 0.8) inset;}


.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a.muted {
    background-image: url("http://tri-svesdy.ru/images/sait/knopki/hot-kr.png");
color: Fuchsia;
font-weight: bold;
padding: 0px 5px 0px 21px;
border-radius: 2px;
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-size: 8pt;
color: Fuchsia;
font-weight: bold;
    font-weight: normal;
    height: 16px;
    padding: 0px 5px 0px 21px;
    text-decoration: none;
border-radius: 2px;
box-shadow: 0 0 2px #B1F4F8, 0 0 4px #B1F4F8, 0 0 8px #B1F4F8, 0 0 16px #2F2BAD, 0 0 32px #2F2BAD;
}





/*Администрация чата на странице входа*/
.chatFull .transparent:after {
content:"Администраторы чата: Ved'mochka. Главный модератор:  кристи1988";
font-family:arial;
font-size: 18px;
color:#ff0000;
 text-shadow:1px 0px 0px #555;
text-align: center;
position: absolute;
       top:10%; left:20px; bottom:0; right:20px;
z-index: 1;

-webkit-animation: l3_animation 5s linear infinite;
    -moz-animation: l3_animation 5s linear infinite;
}

 @-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%;}
  }





/*Выделение пунктов меню, в меню справа в верху*/

.chatTopLineWrapper > ul > li > ul > li > a:hover {
    background-color: Fuchsia;
opacity: 1;
}

/*Иконки у ников справа*/

.chatUserVip {
    background: transparent url("../../i/widget/vip.gif") no-repeat scroll 0 0;
}
.chatUserSex1, .chatUserSex2, .chatUserSex0 {
    float: left;
}
.chatUserSex1 b, .chatUserSex2 b, .chatUserSex0 b {
    float: left;
    height: 16px;
    width: 16px;
}
.chatPeople ul.chatPeopleList li a.chatUser {
    color: #333333;
    text-decoration: none;
    word-wrap: break-word;
}


.chatPeople ul.chatPeopleList li a.chatUserSex0 b {
    background: #fff url("http://st1.chatovod.ru/i/widget/user_gray.png") no-repeat scroll 0 0;
border: 1px solid #2DAC2D;
border-radius: 50%;
box-shadow: 1px 1px 1px #333333;
    position: relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: myfirst;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

.chatPeople ul.chatPeopleList li a.chatUserSex1 b {
     background: red url("http://st1.chatovod.ru/i/widget/user.png") no-repeat scroll 0 0;
border: 1px solid #2DAC2D;
border-radius: 50%;
box-shadow: 1px 1px 1px #333333;
    position: relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: myfirst;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

.chatPeople ul.chatPeopleList li a.chatUserSex2 b {
    background: transparent url("http://st1.chatovod.ru/i/widget/user_female.png") no-repeat scroll 0 0;
border: 1px solid #F807F1;
border-radius: 50%;
box-shadow: 1px 1px 1px #333333;
    position: relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: myfirst;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}


.chatUserVip {
    background: transparent url("http://tri-svesdy.ru/images/sait/fony/animaciya_416.gif") no-repeat scroll 0 0;
border: 1px solid #ff0000;
border-radius: 50%;
box-shadow: 1px 1px 1px #333333;
}


/*Сверкающий фон или текст*/



.chatFooter:after, .chatFooter:before { 
content: ""; 
position: absolute; top: 0; left: 0; 
display: block; width: 50%; height: 50%; 
background-image: 
radial-gradient(rgba(255,255,255,1), rgba(255,255,255,0) 30%), 
linear-gradient(45deg, rgba(0,0,0,0) 49%, rgba(255,255,255,.4) 50%, rgba(0,0,0,0) 51%), 
linear-gradient(135deg, rgba(0,0,0,0) 49%, rgba(255,255,255,.4) 50%, rgba(0,0,0,0) 51%); 
-webkit-animation: blink6 10s linear infinite; animation: blink6 10s linear infinite;
 transform: scale(0, 0) rotate(0deg); 
}

.chatFooter:before { 
top: -100%; 
right: 0; left: auto; 
-webkit-animation-delay: 5s; animation-delay: 5s; }

@-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-filter: hue-rotate(280deg);filter: hue-rotate(280deg);
-keyframes-filter:hue-rotate(280deg);filter: hue-rotate(280deg);
}

{
-webkit-filter: hue-rotate(280deg);filter: hue-rotate(280deg);
-keyframes-filter:hue-rotate(280deg);filter: hue-rotate(280deg);
}

/*НИКИ*/


/*Ведьмочка*/
.user2096515{
font-family:Scruff let;
font-size: 20px;
color: #FB06A5;
text-shadow: 1px 1px 0px #000;
border: 0;

}