.chatPeopleList li, ul { background: linear-gradient(168deg, #006699, #00CCFF, #FFFFFF); }.chatHeader {
  position: center, 0px;border-radius: 8px;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -1px -1px #000;
  user-select: none;
  padding: .0em 0em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
.chatHeader:active {
  top: 1px;
  box-shadow: none;
}
.chatHeader:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}.chatFooter .chatFooterWrapper {
  position: center, 0px;border-radius: 8px;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -1px -1px #000;
  user-select: none;
  padding: .0em 0em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
.chatFooter .chatFooterWrapper:active {
  top: 1px;
  box-shadow: none;
}
.chatFooter .chatFooterWrapper:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}.user2519686::before {content: "CSS- ";color: #333;color: #ff0000;background-color: #;font-size: 75%;padding: 1px;letter-spacing: 0px;}.chatSendButton {
  position: center;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  border-radius: 3px / 100%;
  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);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
.chatSendButton:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
.chatSendButton:active {
  top: 1px;
}.chatSendExitPanel select {
  position: center;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  border-radius: 3px / 100%;
  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);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
.chatSendExitPanel select:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
.chatSendExitPanel select:active {
  top: 1px;
}.chatHeader .chatTopLine {
  position: center;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  border-radius: 3px / 100%;
  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);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
.chatHeader .chatTopLine:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
.chatHeader .chatTopLine:active {
  top: 1px;
}.chatTopLineWrapper {
  position: center;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  border-radius: 3px / 100%;
  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);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}.chatTopLineWrapper :hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
.chatTopLineWrapper :active {
  top: 1px;
}.chatTabs > ul > li > a { padding: 5px 10px 5px 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-radius: 25px; font-family: Monotype Corsiva;font-size: 18pt; }
.chatTabs ul { height: 28px; }.chatTabs ul li.appTab { background: transparent url("код картинки") no-repeat scroll 0 0; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; padding: 3px 3px 3px 3px; font-color: transparent; box-shadow: 0 0 1px #ff0000, 0 0 2px #fff, 0 0 3px #ff0000, 0 0 4px #BEBEBE, 0 0 5px #D3D3D3, 0 0 6px #FFDEAD, 0 0 7px #778899, 0 0 10px #0000CD; } .chatTabs ul li.appTab { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .chatTabs ul li.appTab:hover { border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }.chatPeople {
background-image: url("Адрес картинки ");
background-position: center center;border-radius: 20px 20px 20px 20px;
background-repeat: no-repeat;
background-size: 150% 108%;

border-image-width: 8px;
border-image-source: url(адрес картинки);
border-image-slice: 30;
border-image-repeat: stretch;

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



.chatMain .chatPeople{
width:172px;
height:28px;

background-color: transparent;
transition:height 0.8s;
transition-timing-function:linear;
/* Firefox 4 */
-moz-transition:height 0.8s;
-moz-transition-timing-function:linear;
/* Safari and Chrome */
-webkit-transition:height 0.8s;
-webkit-transition-timing-function:linear;
/* Opera */
-o-transition:height 0.8s;
-o-transition-timing-function:linear;
}.chatMain .chatPeople:hover
{
height:99%;
}.chatTopLineWrapper ul li ul {
    display: block;
    left: -150px;
    top: 40px;
    visibility: visible;
    width: 197px;
margin: 15px 0 0 0;

}.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    width:100%;
}.chatMain .chatPeople {
  position: center center;
  display: inline-block;
  color: #00ff00;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  border-radius: 3px / 100%;
  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);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
.chatMain .chatPeople:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
.chatMain .chatPeople:active {
  top: 1px;
}.chatPeople .chatPeopleTitle {
    background-image: url("");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 179px;
    font-size: 8pt;
    padding: 0 5px 0 10px;
}

.chatPeople .chatPeopleTitle {
    height: 22px;
    width: 179px;}
.chatPeople .chatPeopleTitle {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .2em 2em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #0c9c0d linear-gradient(#82d18d, #0c9c0d);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}.chatPeople .chatPeopleTitle:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
.chatPeople .chatPeopleTitle:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-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;}
}.mst {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.1em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #0c9c0d linear-gradient(#82d18d, #0c9c0d);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
.mst:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
.mst:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-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;}
}.chatTopLineWrapper ul {background-image: url("http://i148.photobucket.com/albums/s4/karsmi123/ly/ily1206.gif"); Monotype Corsiva;border-radius:25px 25px 25px 25px;color: #00ff00;
font-style: normal;
font-size: 10pt;
} #join-chat-button{
  display: inline-block;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  padding: 0px 0px;
  border-radius: 100px;
  border: solid rgb(4,88,192);
  border-width: 3px 10px;
  outline: none;
  opacity: 1;
  transition: .6s, opacity 0s 9999999s, visibility 0s 9999999s;
} 
#join-chat-button{
  position:center ;
  padding: calc(8px + 3px - 1px) calc(15px + 10px - 1px);
  border: 1px solid rgba(62,153,239,.5);
  background: linear-gradient(to left, rgb(62,153,239) 1%, #fff 3%, rgb(44,135,232) 8%, rgba(255,255,255,.3) 50%, rgb(44,135,232) 92%, #fff 97%, rgb(62,153,239) 99%) no-repeat;
}
#join-chat-button:before {
  content:  "УЗНАТЬ ПОДРОБНОСТИ";
  position:  absolute; 
  bottom: -7px;
  left: -1px;
  width: calc(100% - (15px + 10px - 1px)*2);
  background: #fff linear-gradient(rgb(58,160,253), rgb(4,88,192) 60%, rgb(49,112,201));
  box-shadow: 0 10px 18px rgba(0,0,0,.5);
}
#join-chat-button:hover {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#join-chat-button:hover:before {
  border-color: #0766d8;
  background: #fff linear-gradient(#3fadff, #0766d8 60%, #3279dd);
}
#join-chat-button:focus,
#join-chat-button:active {
  -webkit-transform: scale(2, 2);
  transform: scale(2, 2);
  opacity: 0;
  visibility: hidden;
  transition: .4s;
}#join-chat-button2 {
  position: center;
  display: inline-block;
  font-size: 100%;
  font-weight: 700;
  color: #fff;
  text-shadow: #053852 -1px 1px, #053852 1px 1px, #053852 1px -1px, #053852 -1px -1px;
  text-decoration: none;
  user-select: none;
  padding: .1em .0em;
  outline: none;
  border-radius: 7px;
  background: #053852 repeating-linear-gradient(135deg, #053852, #053852 10px, #1679ad 10px, #1679ad 20px, #053852 20px);
  box-shadow:
   inset -2px -2px rgba(0,0,0,.3),
   inset 2px 2px rgba(255,255,255,.3);
  transition: background-position 999999s, color 999999s, text-shadow 999999s;
}
#join-chat-button2:hover,#join-chat-button2 :focus {
  text-shadow: #0175b1 -1px 1px, #0175b1 1px 1px, #0175b1 1px -1px, #0175b1 -1px -1px;
  background: #0175b1 repeating-linear-gradient(135deg, #0175b1, #0175b1 10px, #8fd2f5 10px, #8fd2f5 20px, #0175b1 20px) no-repeat;
  background-size: 1000% 100%;
}
#join-chat-button2:hover {
  background-position: 0 0;
}
#join-chat-button2:focus {
  color: rgba(255,255,255,0);
  text-shadow: rgba(1,117,177,0) -1px 1px, rgba(1,117,177,0) 1px 1px, rgba(1,117,177,0) 1px -1px, rgba(1,117,177,0) -1px -1px;
  background-position: 900% 0;
  transition: background-position linear 600s, color .5s, text-shadow .5s;
}
#join-chat-button2:after {
  content: "загрузка\2026";
  position: absolute;
  top: 0;
  left: 0;
  padding: .3em .7em;
  color: rgba(0,0,0,0);
  text-shadow: none;
  transition: 999999s;
}
#join-chat-button2:focus:after {
  color: #fff;
  text-shadow: #0175b1 -1px 1px, #0175b1 1px 1px, #0175b1 1px -1px, #0175b1 -1px -1px;
  transition: .5s;
}.chatSendLinksPanel a.chatLinkSmiles {font-family: Monotype Corsiva;color: #ffffff;
font-style: normal;
font-size: 14pt}.chatSendLinksPanel .chatLinkImage {font-family: Monotype Corsiva;color: #ffffff;
font-style: normal;
font-size: 14pt}.chatLinkProfile {font-family: Monotype Corsiva;color: #ffffff;
font-style: normal;
font-size: 14pt}.chatLinkGold {font-family: Monotype Corsiva;color: #ffffff;
font-style: normal;
font-size: 14pt}.chatLinkMore {font-family: Monotype Corsiva;color: #ffffff;
font-style: normal;
font-size: 14pt}.chatTime {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 0.9em;
  font-weight: 0;
  color: rgb(10,10,10);
  text-shadow: 0 -1px rgba(-1,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .0em 0em;
  outline: none;
  border: none;
  border-radius: 5px;
  background: #0000ff linear-gradient(#82d18d, #0000ff);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.1) 0 1px 1px;
  -webkit-animation: pulsate 2.2s linear infinite;
  animation: pulsate 2.2s linear infinite;
}
.chatTime:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
.chatTime:active {
  top: 1px;
  color: #00ffff;
  text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #ffd, 0 0 1px #0000ff;
  box-shadow: 0 -1px 1px rgba(0,0,0,.1), 0 1px 1px #0000ff, inset 0 1px 1px rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.01);
}
@-webkit-keyframes pulsate {
  50% {color: #00ffff; text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #ffd, 0 0 1px #00ffff;}
}
@keyframes pulsate {
  50% {color: #00ffff; text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #ffd, 0 0 1px #00ffff;}
}.chatMessage > span {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 0.9em;
  font-weight: 0;
  color: rgb(10,10,10);
  text-shadow: 0 -1px rgba(-1,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .0em 0em;
  outline: none;
  border: none;
  border-radius: 5px;
  background: #006699, #00CCFF, #FFFFFF linear-gradient(168deg, #006699, #00CCFF, #FFFFFF);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.1) 0 1px 1px;
  -webkit-animation: pulsate 2.2s linear infinite;
  animation: pulsate 2.2s linear infinite;
}
.chatMessage > span:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
.chatMessage > span:active {
  top: 1px;
  color:#006699, #00CCFF, #FFFFFF ;
  text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #ffd, 0 0 1px #0000ff;
  box-shadow: 0 -1px 1px rgba(0,0,0,.1), 0 1px 1px #0000ff, inset 0 1px 1px rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.01);
}
@-webkit-keyframes pulsate {
  50% {color:#ff0000 ; text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #fff100, 0 0 2px #ff0000;}
}
@keyframes pulsate {
  50% {color: #ff0000; text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #fff100, 0 0 2px #ff0000;}
}#chat_main.chatTab a:active {
  top: 1px;
  box-shadow: none;
}
#chat_main.chatTab a:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}#chat_0.chatTab.chatTabActive a {
  position: relative;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -1px -1px #000;
  user-select: none;
  padding: .0em 0em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
#chat_0.chatTab.chatTabActive a:active {
  top: 1px;
  box-shadow: none;
}
#chat_0.chatTab.chatTabActive a:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}#chat_0.chatTab.chatTab a  {
  position: relative;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -1px -1px #000;
  user-select: none;
  padding: .0em 0em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
#chat_0.chatTab.chatTab a :active {
  top: 1px;
  box-shadow: none;
}
#chat_0.chatTab.chatTab a :hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}div { border-radius: 16px; }.chatFooter{
  width:auto;
  line-height:auto;
  border-radius:16px;
  background:#00aeef;
  box-shadow:inset -5px -5px 5px 0 rgba(0,0,0,.5), 
             inset 5px 5px 5px 0 rgba(255,255,255,0.5);
  font-size:2px;
  text-align:center;
  font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  color:#333;
  margin:0px auto;
}.chatFull .transparent{
  background: url(http://mir-animashki.com/_ph/71/688362073.gif?1420258654) no-repeat center top fixed;
    -moz-background-size: 100% auto; 
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto; 
    background-size: 100% auto;}.chatSpecifyPassword  {font-style:normal; 
font-size: 19pt;font-family: Monotype Corsiva;
color: #ffff00;}.chatSpecifyPassword input[type=text] {border-radius:25px 25px 25px 25px;font-family: Monotype Corsiva;
font-style: normal;
font-size: 19pt;}.chatHeader .chatTitle  {background-image: url("cвоя картинка"); Monotype Corsiva;border-radius:25px 25px 25px 25px;
font-style: normal;/* картинку можно менять на свою как нравится-Апостол, */
font-size: 20pt;
color: #ff0000;}.chatHeaderWrapper .chatTitle{
   width: 100%;
   white-space:nowrap;
   line-height: 30px;
   overflow:hidden;
   font-size: 25px;
   color: cornflower#ff0000;/*   цвет можно менять-Апостол   */
   -webkit-animation: step 10s steps(50) infinite;
   animation: step 15s steps(50) infinite;
}
/*   Анимация   */
@keyframes step{
   0% { width: 0;}
   100% {width:100%;}
}
@-webkit-keyframes step{
   0% { width: 0;}
   100% {width:100%;}
}.chatHeader .chatTitle {
    text-shadow: 1px 1px 1px #fff2e6;
	font-weight: bold;
	font-family: Comic Sans MS, monospace;
	letter-spacing: 5px;
	
	-webkit-animation: animationChatTitle 60s;
	-webkit-animation-iteration-count: infinite;
	animation: animationChatTitle 60s;
	animation-iteration-count: infinite;
}chatMessage > span {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 0.9em;
  font-weight: 0;
  color: rgb(10,10,10);
  text-shadow: 0 -1px rgba(-1,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .0em 0em;
  outline: none;
  border: none;
  border-radius: 5px;
  background: #006699, #00CCFF, #FFFFFF linear-gradient(168deg, #0000ff, #0000ff, #0000ff);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.1) 0 1px 1px;
  -webkit-animation: pulsate 2.2s linear infinite;
  animation: pulsate 2.2s linear infinite;
}
.chatMessage > span:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
.chatMessage > span:active {
  top: 1px;
  color:#006699, #00CCFF, #FFFFFF ;
  text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #ffd, 0 0 1px #0000ff;
  box-shadow: 0 -1px 1px rgba(0,0,0,.1), 0 1px 1px #0000ff, inset 0 1px 1px rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.01);
}
@-webkit-keyframes pulsate {
  50% {color:#ff0000 ; text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #fff100, 0 0 2px #ff0000;}
}
@keyframes pulsate {
  50% {color: #ff0000; text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #fff100, 0 0 2px #ff0000;}
}.chatMain { 
border-radius: 25px;
font-family: Arial Black;
box-shadow: 0 0 1px #777, 0 0 2px #777, 0 0 3px #777, 0 0 4px #777, 0 0 5px #777, 0 0 6px #777, 0 0 7px #777, 0 0 20px #777 inset;
}.chatTabs > ul > li.chatTab > a{
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;
}.chatMessageToMe .chatToUser {
    
padding: 0px 10px 0px 10px;
    background-image: transparent;
	background-color: transparent;
	color: blue;

}.chatFull .transparent:after{
   width: 100%;
   white-space:nowrap;
   line-height: 50px;
   overflow:hidden;
   font-size: 60px;
   color: cornflower#ff0000;/*   цвет можно менять-Апостол   */
   -webkit-animation: step 1s steps(50) infinite;
   animation: step 15s steps(50) infinite;
}
/*   Анимация   */
@keyframes step{
   0% { width: 0;}
   100% {width:100%;}
}
@-webkit-keyframes step{
   0% { width: 0;}
   100% {width:100%;}
}.chatFull .transparent:after {
  content:"Добро пожаловать в чат!!!";
  font-family:arial;
  font-size: 30px;
  text-align:justify;
  text-shadow:3px 3px 10px green,-3px -3px 10px blue;color: #ff0000;
  position: absolute;
  top:5%; left:100px; bottom:0; right:100px;
  z-index: 1;
  opacity: 1;
}.chatMain{
background-image: url("http://www.topoboi.com/pic/201401/1024x768/topoboi.com-38080.jpg");
background-position: left top;
background-repeat:no-repeat;
background-size: 100% 100%;

border-image-width: 3px;
border-image-source: url(http://www.setwalls.ru/download.php?file=201507/800x600/setwalls.ru-81534.jpg);
border-image-slice: 30;
border-image-repeat: stretch;
box-shadow: 0 0 1px #B1F4F8, 0 0 2px #B1F4F8, 0 0 3px #fff, 0 0 4px #fff, 0 0 8px #fff inset;

}.chatHeader .chatTitle {
    text-shadow: 1px 1px 1px #;
	font-weight: bold;
	font-family: Ubuntu, monospace;
	letter-spacing: 1px;
	
	-webkit-animation: animationChatTitle 5s;
	-webkit-animation-iteration-count: infinite;
	animation: animationChatTitle 5s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes keySendAnim {    0%    { transform: rotate(0deg) }
	10%    { transform: rotate(-1deg) }
	20%    { transform: rotate(0deg) }
	30%    { transform: rotate(1deg) }
	10%    { transform: rotate(0deg) }
	50%    { transform: rotate(-1deg) }
	60%    { transform: rotate(0deg) }
	70%    { transform: rotate(1deg) }
	80%    { transform: rotate(0deg) }
	10%    { transform: rotate(-1deg) }
    100%	{ transform: rotate(0deg) }
}

@keyframes keySendAnim { 
	0%    { transform: rotate(0deg) }
	10%    { transform: rotate(-1deg) }
	20%    { transform: rotate(0deg) }
	30%    { transform: rotate(1deg) }
	10%    { transform: rotate(0deg) }
	50%    { transform: rotate(-1deg) }
	60%    { transform: rotate(0deg) }
	70%    { transform: rotate(1deg) }
	80%    { transform: rotate(0deg) }
	10%    { transform: rotate(-1deg) }
    100%	{ transform: rotate(0deg) }
}

@-webkit-keyframes keyEnterAnim {
    0%    { transform: rotate(0deg); }
    100%	{ transform: rotate(360deg); }
}

@keyframes keyEnterAnim { 
     0%    { transform: rotate(0deg); }
    100%	{ transform: rotate(360deg); }
}

@-webkit-keyframes keyEnterAnimBack {
    0%    { transform: rotate(0deg); }
    100%	{ transform: rotate(-360deg); }
}

@keyframes keyEnterAnimBack { 
     0%    { transform: rotate(0deg); }
    100%	{ transform: rotate(-360deg); }
}@-webkit-keyframes chatHeaderAnim {
    0%    { background-position: 0%	100%; border-radius: 40px 10px; }
	10%    { background-position: 50%	100%; }
	20%    { background-position: 50%	100%; }
	25%    { background-position: 50%	100%; border-radius: 40px 40px; }
	30%    { background-position: 50%	100%; }
	40%    { background-position: 50%	100%; }
    50%    { background-position: 100%	100%; border-radius: 10px 40px; }
	60%    { background-position: 50%	100%; }
	70%    { background-position: 50%	100%; }
	75%    { background-position: 50%	100%; border-radius: 40px 40px; }
	80%    { background-position: 50%	100%; }
	90%    { background-position: 50%	100%; }
    100%	{ background-position: 0%	100%; border-radius: 40px 10px; }
}

@keyframes chatHeaderAnim { 
     0%    { background-position: 0%	100%; border-radius: 40px 10px; }
	10%    { background-position: 50%	100%; }
	20%    { background-position: 50%	100%; }
	25%    { background-position: 50%	100%; border-radius: 40px 40px; }
	30%    { background-position: 50%	100%; }
	40%    { background-position: 50%	100%; }
    50%    { background-position: 100%	100%; border-radius: 10px 40px; }
	60%    { background-position: 50%	100%; }
	70%    { background-position: 50%	100%; }
	75%    { background-position: 50%	100%; border-radius: 40px 40px; }
	80%    { background-position: 50%	100%; }
	90%    { background-position: 50%	100%; }
    100%	{ background-position: 0%	100%; border-radius: 40px 10px; }
}

@-webkit-keyframes animationChatTitle {
	0%    { position: relative; left: 20px; }
	25%    { position: relative; left: 40px; }
	50%    { position: relative; left: 20px; }
	75%    { position: relative; left: 80px; }
	100%	{ position: relative; left: 20px; }
}
   
@keyframes animationChatTitle {
	0%    { position: relative; left: 20px; }
	25%    { position: relative; left: 40px; }
	50%    { position: relative; left: 20px; }
	75%    { position: relative; left: 80px; }
	100%	{ position: relative; left: 20px; }
}

@-webkit-keyframes animationMisc {
	0%    { border-radius: 40px 10px;}
	25%    { border-radius: 40px 40px;}
	50%    { border-radius: 10px 40px;}
	75%    { border-radius: 40px 40px;}
	100%	{ border-radius: 40px 10px;}
}
   
@keyframes animationMisc {
	0%    { border-radius: 40px 10px;}
	25%    { border-radius: 40px 40px;}
	50%    { border-radius: 10px 40px;}
	75%    { border-radius: 40px 40px;}
	100%	{ border-radius: 40px 10px;}
}

@-webkit-keyframes animationTabs {
	0%    { border-radius: 40px 10px;}
	25%    { border-radius: 40px 40px;}
	50%    { border-radius: 10px 40px;}
	75%    { border-radius: 40px 40px;}
	100%	{ border-radius: 40px 10px;}
}
   
@keyframes animationTabs {
	0%    { border-radius: 40px 10px;}
	25%    { border-radius: 40px 40px;}
	50%    { border-radius: 10px 40px;}
	75%    { border-radius: 40px 40px;}
	100%	{ border-radius: 40px 10px;}
}.chatHeader .chatTitle :link {
    height: 80px;
    width: 80px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    position: relative;
    float: left;
    color: rgb(50,50,50);
    -webkit-box-shadow: inset 0 5px 5px rgb(140,140,140), inset 0px 4px 50px #fff;
    -moz-box-shadow: inset 0 5px 5px rgb(140,140,140), inset 0px 4px 50px #fff;
    box-shadow: inset 0 5px 5px rgb(140,140,140), inset 0px 4px 50px #fff;
    text-shadow: 0 1px rgb(250,250,250);
    text-decoration: none;
    text-transform: none;
    font-size: 3.5em;
    line-height: 65px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    transition: box-shadow .5s linear;
    -moz-transition: box-shadow .5s linear;
    -o-transition: box-shadow .5s linear;
    -webkit-transition: box-shadow .5s linear;
}

.chatHeader .chatTitle :hover {
    color: rgb(0,0,0);
    -webkit-box-shadow: inset 0 5px 9px rgb(110,110,110), inset 0px 2px 4px #ccc;
    -moz-box-shadow: inset 0 5px 9px rgb(110,110,110), inset 0px 2px 4px #ccc;
    box-shadow: inset 0 5px 9px rgb(110,110,110), inset 0px 2px 4px #ccc;
}

.chatHeader .chatTitle :active {
    -webkit-box-shadow: inset 0 5px 9px rgb(110,110,110), inset 0 -2px 5px rgb(110,110,110);
    -moz-box-shadow: inset 0 5px 9px rgb(110,110,110), inset 0 -2px 5px rgb(110,110,110);
    box-shadow: inset 0 5px 9px rgb(110,110,110), inset 0 -2px 5px rgb(110,110,110);
}.chatPeople ul.chatPeopleList li a.chatUser {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 0.9em;
  font-weight: 0;
  color: rgb(10,10,10);
  text-shadow: 0 -1px rgba(-1,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .0em 0em;
  outline: none;
  border: none;
  border-radius: 5px;
  background: #006699, #00CCFF, #FFFFFF linear-gradient(168deg, #006699, #00CCFF, #FFFFFF);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.1) 0 1px 1px;
  -webkit-animation: pulsate 2.2s linear infinite;
  animation: pulsate 2.2s linear infinite;
}.chatPeople ul.chatPeopleList li a.chatUser:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
.chatPeople ul.chatPeopleList li a.chatUser:active {
  top: 1px;
  color:#006699, #00CCFF, #FFFFFF ;
  text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #ffd, 0 0 1px #0000ff;
  box-shadow: 0 -1px 1px rgba(0,0,0,.1), 0 1px 1px #0000ff, inset 0 1px 1px rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.01);
}
@-webkit-keyframes pulsate {
  50% {color:#ff0000 ; text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #fff100, 0 0 2px #ff0000;}
}
@keyframes pulsate {
  50% {color: #ff0000; text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #fff100, 0 0 2px #ff0000;}
}.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel {
  position: top 0px left 0;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 0.9em;
  font-weight: 0;
  color: rgb(10,10,10);
  text-shadow: 0 -1px rgba(-1,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .0em 0em;
  outline: none;
  border: none;
  border-radius: 5px;
  background: #006699, #00CCFF, #FFFFFF linear-gradient(168deg, #006699, #00CCFF, #FFFFFF);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.1) 0 1px 1px;
  -webkit-animation: pulsate 2.2s linear infinite;
  animation: pulsate 2.2s linear infinite;
}.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel:active {
  top: 1px;
  color:#006699, #00CCFF, #FFFFFF ;
  text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #ffd, 0 0 1px #0000ff;
  box-shadow: 0 -1px 1px rgba(0,0,0,.1), 0 1px 1px #0000ff, inset 0 1px 1px rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.01);
}
@-webkit-keyframes pulsate {
  50% {color:#ff0000 ; text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #fff100, 0 0 2px #ff0000;}
}
@keyframes pulsate {
  50% {color: #ff0000; text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #fff100, 0 0 2px #ff0000;}
}.chatInputText {
  position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 7.9em;
  font-weight: 0;
  color: rgb(10,10,10);
  text-shadow: 0 -1px rgba(-1,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .0em 0em;
  outline: none;
  border: none;
  border-radius: 5px;
  background: #006699, #00CCFF, #FFFFFF linear-gradient(168deg, #006699, #00CCFF, #FFFFFF);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.1) 0 1px 1px;
  -webkit-animation: pulsate 2.2s linear infinite;
  animation: pulsate 2.2s linear infinite;
}.chatInputText:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
.chatInputText:active {
  top: 1px;
  color:#006699, #00CCFF, #FFFFFF ;
  text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #ffd, 0 0 1px #0000ff;
  box-shadow: 0 -1px 1px rgba(0,0,0,.1), 0 1px 1px #0000ff, inset 0 1px 1px rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.01);
}
@-webkit-keyframes pulsate {
  50% {color:#0076a4 ; text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #fff100, 0 0 2px #ff0000;}
}
@keyframes pulsate {
  50% {color:#ff0000; text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #fff100, 0 0 2px #ff0000;}
}@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}.chatMessage:hover
{
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}.chatMessage{
    margin: 0;
    font: bold 18px/1 "Helvetica Neue", Helvetica, Arial, Comic Sans MS, monospace;
    color: #000000;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
    -webkit-transition: .2s all linear;
}.chatUserAway[title="Не беспокоить"] .chatUserWrapper {
	opacity: 2;position: absolute;
	-moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}.chatUserAway[title="Отошел"], .chatPeople ul.chatPeopleList li[title="Отошел"].hover {
	display: none;.chatUserAway[title="Отошел"] .chatUserWrapper 
	display: none;}

.chatMain { 
border-radius: 25px;/*скругление углов в чате,чтоб убрать поставь 0px*/
font-family: Arial Black;
box-shadow: 0 0 1px #777, 0 0 2px #777, 0 0 3px #777, 0 0 4px #777, 0 0 5px #777, 0 0 6px #777, 0 0 7px #777, 0 0 20px #777 inset;
}

.smilesBox p { 
     font-size: 18pt;
     margin-left: 20pt;
     margin-bottom: 0pt;
     color: #ffffcc;
}


.smilesBox {
     background-image:url(https://im0-tub-ru.yandex.net/i?id=42c2fa4da44a89f961f7a7361f9dbda4&n=13);
     width: 90%; 
     margin-left: -15pt; 
     border-radius: 50px; 
}.chatTitle {
	-webkit-animation: blink 2s linear infinite; 
	animation:chatTitle 2s linear infinite; 
	font-weight: bold; 
	color: color: #F00; 
}

@-webkit-keyframes chatTitle { 
	0% { color: #F00; }
	50% { color: #FBB; }
	100% { color: #F00; }
}

@keyframes chatTitle {  
	0% { color: #F00; }
	50% { color: #FBB; }
	100% { color: #F00; } 
}.chatMain{
background-image: url("https://s.pfst.net/2010.02/56146228840b46a84745cdcfc0a32f22b4af5dd0c_b.jpg");
background-position: left top;
background-repeat:no-repeat;
background-size: 100% 100%;}
.chatFooter .chatFooterWrapper{
background-image: url(" http://st.stranamam.ru/data/cache/2015oct/31/15/17692360_48789nothumb650.jpg");
background-position: center center;
background-repeat: repeat-x;
background-size: 100% 100%; } .chatHeader {
   background-image: url(http://st.stranamam.ru/data/cache/2015oct/31/15/17692360_48789nothumb650.jpg);no-repeat center top fixed;
    -moz-background-size: 100% auto; 
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto; 
    background-size: 100% auto;}.chatMain { 
border-radius: 25px;
font-family: Comic Sans MS, monospace;
box-shadow: 0 0 1px #777, 0 0 2px #777, 0 0 3px #777, 0 0 4px #777, 0 0 5px #777, 0 0 6px #777, 0 0 7px #777, 0 0 20px #777 inset;
}div { border-radius: 4px; }.chatSendExitPanel select {
  position: relative;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -3px -1px #000;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 200%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} /* Дизайн делал Апостол */
.chatSendExitPanel select:active {
  top: 1px;
  box-shadow: none;
}
.chatSendExitPanel select:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}.chatSendButton {
  position: relative;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -3px -1px #000;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 200%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
.chatSendButton:active {
  top: 1px;
  box-shadow: none;
}
.chatSendButton:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}.chatSendLinksPanel a.chatLinkSmiles {font-family: Monotype Corsiva;color: #00aeef;
font-style: normal;
font-size: 14pt}.chatSendLinksPanel .chatLinkImage {font-family: Monotype Corsiva;color: #00aeef;
font-style: normal;
font-size: 14pt}.chatLinkProfile {font-family: Monotype Corsiva;color: #00aeef;
font-style: normal;
font-size: 14pt}.chatLinkGold {font-family: Monotype Corsiva;color: #00aeef;
font-style: normal;
font-size: 14pt}.chatLinkMore {font-family: Monotype Corsiva;color: #00aeef;
font-style: normal;
font-size: 14pt}.chatTopLine{
 background-image:url("https://s8.hostingkartinok.com/uploads/images/2017/09/7f98a0f5a06d4fab29511ce06bc75ed7.gif");
     background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
 border-image-width: 7px;
border-image-source: url(http://litsait.ru/images/photos/medium/article108741.jpg);
border-image-slice: 25;
border-image-repeat: stretch;   
border-radius: 7px;
}.chatTopLineWrapper > ul > li > a:hover {
    background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/09/c844eeb7916c07198ee19cf75f44f2bd.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
color: #fff;
      border-image-width: 7px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/c844eeb7916c07198ee19cf75f44f2bd.gif);
border-image-slice: 25;
border-image-repeat: stretch;
border-image-radius: 15px;
     box-shadow: 0 0 4px #f16522, 0 0 6px #f16522, 0 0 8px #fff, 0 0 10px #fff, 0 0 12px #fff;

}@-webkit-keyframes shake {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.chatHeaderWrapper .chatTitle:hover,
.chatHeaderWrapper .chatTitle:focus {
-webkit-animation-name: shake;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
.chatHeaderWrapper .chatTitle {
display:inline-block;
}.chatHeaderWrapper .chatTitle {
    text-align: center;font-family:Comic Sans MS, monospace; Monotype Corsiva;
font-style: normal;
font-size: 20pt;
    width: 100%;
}.chatTopLineWrapper ul li ul {
    background-image: url("https://thumbs.dreamstime.com/z/frame-halloween-scenery-1-20207936.jpg ");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 112%;
 border-image-width: 12px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/fe0f1dc58c8adcfed941da035241b76e.gif);
border-image-slice: 25;
border-image-repeat: stretch;
border-radius: 5px;
padding: 12px 12px 12px 12px;}.chatTopLineWrapper > ul > li > ul > li > a{
font-family:Comic Sans MS, monospace;
font-size: 16px;

color:#ffff00;
 }div.chatMessage span.chatUserFrom {
     font-size: 16px;
font-weight: Comic Sans MS, monospace;
    text-shadow: 1px 1px 1px #ffffff;
 font-family: Comic Sans MS, monospace;
padding: 0px 12px 0px 12px;
}.chatMessageToMe .chatToUser {
    
padding: 0px 10px 0px 10px;
    background: Violet;
    position: relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 4s;
    -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: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
border-radius:3px;
}@-webkit-keyframes myfirst {
    0%   {background:GreenYellow ;}
    25%  {background:MediumBlue;}
    50%  {background:DarkBlue ;}
    75%  {background:DarkTurquoise ;}
    100% {background:OrangeRed;}
}@keyframes myfirst {
    0%   {background:GreenYellow ;}
    25%  {background:MediumBlue;}
    50%  {background:DarkBlue;}
    75%  {background: DarkTurquoise;}
    100% {background:OrangeRed;}
}.chatUserVip {
    background: transparent url("https://s8.hostingkartinok.com/uploads/images/2017/09/b9a2715c647f72496311aceacc9b0246.gif") no-repeat scroll 0 0;
}.chatMessage.type-news{
    width: 50%;
    height: auto;
    background: #00aeef;
    position: relative;
right: -20%;

border-radius: 6px;
box-shadow: 4px 2px 4px 2px #00ffff;-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; animation-name: myfirst;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}.chatFull .transparent{
  background: url(https://all-t-shirts.ru/goods_images/ru102990I1TG0e771fd2531e682b442dd493cb155be81.jpg) no-repeat center top fixed;
    -moz-background-size: 100% auto; 
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto; 
    background-size: 100% auto;}.chatPeople.vscrollable{ 
  background: url(https://s8.hostingkartinok.com/uploads/images/2017/09/0631232e2859f171ec467643048e283a.gif);background-position: bottom;
background-repeat:no-moz-background-size: 100% auto; 
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto; 
    background-size: 100% auto; /* Путь к файлу с исходным рисунком */ 
  display: block; /* Рисунок как блочный элемент */ 
  width: 100% auto;  /* Ширина рисунка */ 
  height: 100% auto;  /* Высота рисунка */ 

  } 
  .chatPeople.vscrollable:hover{ 
  background: url(http://img1.liveinternet.ru/images/attach/c/4/79/312/79312093_Hall_fant_3.gif);background-position: bottom;
background-repeat:no-repeat; 
  }#join-chat-button2 { padding: 5px 10px 5px 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-radius: 25px; font-family: Monotype Corsiva;font-size: 18pt; }
#join-chat-button2  { height: 28px; }#join-chat-button2 { background: transparent url("https://s8.hostingkartinok.com/uploads/images/2017/03/7d18be3d912495e03a26d654d3e25646.gif") no-repeat scroll 0 0; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; padding: 3px 3px 3px 3px; font-color: transparent; box-shadow: 0 0 1px #ff0000, 0 0 2px #fff, 0 0 3px #ff0000, 0 0 4px #BEBEBE, 0 0 5px #D3D3D3, 0 0 6px #FFDEAD, 0 0 7px #778899, 0 0 10px #0000CD; }#join-chat-button2 { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } #join-chat-button2: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 { padding: 5px 10px 5px 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-radius: 25px; font-family: Monotype Corsiva;font-size: 18pt; }
#join-chat-button  { height: 28px; }#join-chat-button { background: transparent url("https://s8.hostingkartinok.com/uploads/images/2017/03/7d18be3d912495e03a26d654d3e25646.gif") no-repeat scroll 0 0; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; padding: 3px 3px 3px 3px; font-color: transparent; box-shadow: 0 0 1px #ff0000, 0 0 2px #fff, 0 0 3px #ff0000, 0 0 4px #BEBEBE, 0 0 5px #D3D3D3, 0 0 6px #FFDEAD, 0 0 7px #778899, 0 0 10px #0000CD; }#join-chat-button { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } #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); }INPUT[type="text"] { 
     background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/09/0631232e2859f171ec467643048e283a.gif);
   }.chatUserAway[title="Не беспокоить"] .chatUserWrapper {
	opacity: 2;position: absolute;
	-moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}.chatUserAway[title="Отошел"], .chatPeople ul.chatPeopleList li[title="Отошел"].hover {
	display: none;.chatUserAway[title="Отошел"] .chatUserWrapper 
	display: none;}.chatHeaderWrapper .chatTitle {
  animation: kaboom 5s ease alternate infinite;
  &:nth-child(2) {
    animation-delay: 0.1s;
  }
  &:nth-child(3) {
    animation-delay: 0.2s;
  }
  &:nth-child(4) {
    animation-delay: 0.3s;
  }
  &:nth-child(5) {
    animation-delay: 0.4s;
  }
}
@keyframes kaboom {
  90% {
    transform: scale(1.0);
  }
  100% {
    transform: scale(1.1);
  }
}@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}.chatMessage {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    background: url(tel.png) no-repeat 0 0;
    }
.chatMessage :hover {
    -webkit-animation: 0.1s tremor ease-out infinite;  
    animation: 0.1s tremor ease-out infinite;    
}
@-webkit-keyframes tremor {
    0%, 25% {
        left: -1px;
        top:-1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        top: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@-moz-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@-ms-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@-o-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}.chatPeople ul.chatPeopleList li {

border-radius:3px/100%;
  
background-color:transparent;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,0,0,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,0,0,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(248, 233, 131, 1) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(248, 233, 131, 1) 45%, rgba(125,125,125,.5)),
 
   linear-gradient(to right, rgba(223,190,170,1), rgba(248, 233, 131, 1) 45%, rgba(223,190,170,.5)),
  linear-gradient(to right, rgba(223,190,170,1), rgba(248, 233, 131, 1) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 0px, 100% 0px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
transition: .2s linear;

padding:2px 0px 2px 8px;
border-radius:7px;
border-image-width: 2px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/0701d1ca565574273213384db0755d7e.gif);
border-image-slice: 25;
border-image-repeat: stretch;


}.chatPeople ul.chatPeopleList li.hover {
    background-color: transparent;
    border-bottom: 0px solid #00aeef;
    border-top: 0px solid #00aeef;
	-webkit-box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px;
     -khtml-box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px;
       -moz-box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px;
         -o-box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px;
            box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px;

}.chatUserFrom:hover{
	text-shadow: 1px 0px 3px #00aeef;
}.chatSpecifyPassword  {font-style:normal; 
font-size: 19pt;font-family: Monotype Corsiva;
color: #ff0000;}.chatSpecifyPassword input[type=text] {border-radius:25px 25px 25px 25px;font-family: Monotype Corsiva;
font-style: normal;
font-size: 19pt;}.chatMessage > span {

border-radius:3px/100%;
  
background-color:transparent;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,0,0,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,0,0,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(248, 233, 131, 1) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(248, 233, 131, 1) 45%, rgba(125,125,125,.5)),
 
   linear-gradient(to right, rgba(223,190,170,1), rgba(248, 233, 131, 1) 45%, rgba(223,190,170,.5)),
  linear-gradient(to right, rgba(223,190,170,1), rgba(248, 233, 131, 1) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 0px, 100% 0px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
transition: .2s linear;

padding:2px 0px 2px 8px;
border-radius:7px;
border-image-width: 3px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/0701d1ca565574273213384db0755d7e.gif);
border-image-slice: 25;
border-image-repeat: stretch;}a, input[type="button"], input[type="submit"], .chatUserFrom, .buttons > div {
    cursor: url(http://cur.cursors-4u.net/anime/ani-10/ani937.png), default !important;
}.user2519686::before {content: "CSS- ";color: #333;color: #ff0000;background-color: #;font-size: 75%;padding: 1px;letter-spacing: 0px;}.chatFull .transparent:after{
   width: 100%;
   white-space:nowrap;
   line-height: 50px;
   overflow:hidden;
   font-size: 60px;
   color: cornflower#ff0000;/*   цвет можно менять-Апостол   */
   -webkit-animation: step 1s steps(50) infinite;
   animation: step 15s steps(50) infinite;
}
/*   Анимация   */
@keyframes step{
   0% { width: 0;}
   100% {width:100%;}
}
@-webkit-keyframes step{
   0% { width: 0;}
   100% {width:100%;}
}.chatFull .transparent:after {
  content:"Добро пожаловать в наш чат,мы рады вас видеть ";
  font-family:arial;
  font-size: 25px;
  text-align:justify;
  text-shadow:3px 3px 10px green,-3px -3px 10px blue;color: #0000ff;
  position: absolute;
  top:5%; left:100px; bottom:0; right:100px;
  z-index: 1;
  opacity: 1;
}.chatTabs > ul > li {font-size: 14pt;font-family: Comic Sans MS, monospace;

border-radius:4px/100%;
  
background-color:transparent;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,0,0,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,0,0,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(248, 233, 131, 1) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(248, 233, 131, 1) 45%, rgba(125,125,125,.5)),
 
   linear-gradient(to right, rgba(223,190,170,1), rgba(248, 233, 131, 1) 45%, rgba(223,190,170,.5)),
  linear-gradient(to right, rgba(223,190,170,1), rgba(248, 233, 131, 1) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 0px, 100% 0px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
transition: .2s linear;

padding:1px 1px 1px 1px;
border-radius:7px;
border-image-width: 4px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/7f98a0f5a06d4fab29511ce06bc75ed7.gif);
border-image-slice: 20;
border-image-repeat: stretch;}.chatPeople .chatPeopleTitle {
    background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/09/e9819c500aad7d1b004a0d78ea0a3101.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 190px;
    font-size: 10pt;
    padding: 0 5px 0 10px;
}

.chatPeople .chatPeopleTitle {
    height: 25px;
    width: 100px;
}.chatPopupMenuDiv1 { background: linear-gradient(168deg, #3060a0, #a3cddd, #afefbf);
     border-radius: 10px;
}.chatPopupMenuDiv2 {background: linear-gradient(168deg, #3060a0, #a3cddd, #afefbf);
     height: 100px; 
     margin-left: 10px;
     border-radius: 20px;
}.smilesBox {  background-image:url(https://s8.hostingkartinok.com/uploads/images/2017/09/c844eeb7916c07198ee19cf75f44f2bd.gif);
     width: 80%; 
     margin-left: -15pt; 
     border-radius: 15px; }.chatPeople {
background-image: url("Адрес картинки ");
background-position: center center;border-radius: 20px 20px 20px 20px;
background-repeat: no-repeat;
background-size: 150% 108%;

border-image-width: 8px;
border-image-source: url(адрес картинки);
border-image-slice: 30;
border-image-repeat: stretch;

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



.chatMain .chatPeople{
width:172px;
height:28px;

background-color: transparent;
transition:height 0.8s;
transition-timing-function:linear;
/* Firefox 4 */
-moz-transition:height 0.8s;
-moz-transition-timing-function:linear;
/* Safari and Chrome */
-webkit-transition:height 0.8s;
-webkit-transition-timing-function:linear;
/* Opera */
-o-transition:height 0.8s;
-o-transition-timing-function:linear;
}.chatMain .chatPeople:hover
{
height:99%;
}.chatTopLineWrapper ul li ul {
    display: block;
    left: -150px;
    top: 40px;
    visibility: visible;
    width: 197px;
margin: 15px 0 0 0;

}.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    width:100%;
}

/* шапка чата-01 */
.chatHeader {
  background-image: /*АДРЕС КАРТИНКИ С НАЗВАНИЕМ ЧАТА*/url(https://s8.hostingkartinok.com/uploads/images/2018/02/434c5e1687f646361e58283b3a773c10.png), url(https://s8.hostingkartinok.com/uploads/images/2018/02/004040de7b15db47af9b00b2fe5cf178.jpg);
  background-position: center, 0px;
  background-repeat:no-repeat;
  background-color: # 0000CC; 
  font-size: 0pt;
  border-radius: 0px;
/*НИЗ ЧАТА-02*/ 
}.chatFooter .chatFooterWrapper{
  background-image: url(https://s8.hostingkartinok.com/uploads/images/2018/02/004040de7b15db47af9b00b2fe5cf178.jpg), url();
  background-position: center, 0px;
  background-repeat:no-repeat;
  background-color: # 0000CC; 
  font-size: 0pt;
  border-radius: 0px;
/*ФОН ЧАТА-03*/ 
}.chatMain{
    background: url() no-repeat 0 100% fixed,
                url() no-repeat 0 100% fixed,
                url() no-repeat 0 100% fixed,
                url(http://333v.ru/uploads/ec/eca4a0e70eb4f90f9e497adbe81920e6.jpg) repeat-x 0 100% fixed,
                linear-gradient(to top, #639bf0, transparent) fixed;
    animation: city 360s linear infinite;
border: 0px solid #a0ca2d;
   }
/*СКОЛЬКО ЛЮДЕЙ В ЧАТЕ-04*/
.chatPeople .chatPeopleTitle {
	color: #0000ff;
    font-size: 12pt;
	 text-shadow: 2%  0 0 #ff0000;
    margin: 14px 0 4px 8px;
	
}.chatPeople .chatPeopleTitle {  
  -webkit-animation: blink 2s linear infinite;  
  animation: blink 2s linear infinite;  
}  
@-webkit-keyframes blink {  
  50% { color: rgb(34, 34, 34); }  
  51% { color: rgba(34, 34, 34, 0); }  
  100% { color: rgba(34, 34, 34, 0); }  
}  
@keyframes blink {  
  50% { color: rgb(34, 34, 34); }  
  51% { color: rgba(34, 34, 34, 0); }  
  100% { color: rgba(34, 34, 34, 0); }  
}


/*Цвет текста и размер названий вкладок-5*/
.chatTabs > ul > li > a {
 
font-size: 10pt;font-family: Comic Sans MS, monospace;
color:#0000ff;

text-shadow: 0px 0px 0px #0000ff;
}/*МИГАНИЕ ВКЛАДОК-6*/
.chatTabs > ul > li > a{
  -webkit-animation: blink5 2s linear infinite;
  animation: blink5 2s linear infinite;
}
@-webkit-keyframes blink5 {
  0% { color: rgb(128, 0, 0); }
  50% { color: rgb(183, 65, 14); }
  100% { color: rgb(128, 0, 0); }
}
@keyframes blink5 {
  0% { color: rgb(128, 0, 0); }
  50% { color: rgb(183, 65, 14); }
  100% { color: rgb(128, 0, 0); }
}/*РАЗМЕР НИЖНИХ ССЫЛОК-06*/
 .chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel {
    position: absolute;
    left: 16px;
    top: 7px;
    font-weight: normal;
    font-size: 12pt;
    z-index: 99;
}
/*КНОПКА ОНЛАЙН-07*/
.chatSendExitPanel select {
  display: inline-block;
  width: 100px;
  height: 23px;
  line-height: 20px;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.8);
  outline: none;
  border: none;
  border-radius: 100px;
  background: rgb(28,107,114) radial-gradient(150% 100% at 50% 5px, rgba(255,255,255,.2), rgba(0,0,0,0));
  box-shadow: inset rgba(0,0,0,.6) 0 -2px 5px, inset rgba(252,255,255,.7) 0 2px 5px, rgba(0,0,0,.8) 0 2px 5px -1px;
  color: rgb(0,79,86);
  user-select: none;
} 
.chatSendExitPanel select:hover {
  color: rgb(0,59,66);
  cursor: pointer;
}
.chatSendExitPanel select:active {
  padding-bottom: 1px;
  box-shadow:
   inset rgba(0,0,0,1) 0 1px 3px,
   inset rgba(0,0,0,.6) 0 -2px 5px,
   inset rgba(252,255,255,.7) 0 2px 5px,
   0 1px rgba(255,255,255,.08);
  color: rgb(128,207,214);
}
/*КНОПКА-ОТПРАВИТЬ-08*/
.chatSendButton  {
  display: inline-block;
  width: 100px;
  height: 25px;
  line-height: 20px;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.8);
  outline: none;
  border: none;
  border-radius: 100px;
  background: rgb(28,107,114) radial-gradient(150% 100% at 50% 5px, rgba(255,255,255,.2), rgba(0,0,0,0));
  box-shadow: inset rgba(0,0,0,.6) 0 -2px 5px, inset rgba(252,255,255,.7) 0 2px 5px, rgba(0,0,0,.8) 0 2px 5px -1px;
  color: rgb(0,79,86);
  user-select: none;
} 
.chatSendButton :hover {
  color: rgb(0,59,66);
  cursor: pointer;
}
.chatSendButton :active {
  padding-bottom: 1px;
  box-shadow:
   inset rgba(0,0,0,1) 0 1px 3px,
   inset rgba(0,0,0,.6) 0 -2px 5px,
   inset rgba(252,255,255,.7) 0 2px 5px,
   0 1px rgba(255,255,255,.08);
  color: rgb(128,207,214);
}
/*КНОПКА ЧАТА В ШАПКЕ-09*/
.chatHeader .chatTopLine  {
  position: fixed;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 0,5em 0,5em;
  outline: none;
  border-radius: 3px / 100%;
  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);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
.chatHeader .chatTopLine:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
.chatHeader .chatTopLine:active {
  top: 1px;
}/*КНОПКА ВХОД В ЧАТ-10*/
#join-chat-button,#join-chat-button2 { color: #000000;font-family: Monotype Corsiva; padding: 10px; font-size: 15px; border-radius: 5px; box-shadow: 0px 1px 3px; position: relative; box-sizing: border-box; transition: all 500ms ease-out; } #join-chat-button,#join-chat-button2:hover { box-shadow: 0px 0px 0px 2px #ee105a, 0px 0px 0px 7px #a7f9c9, 0px 0px 0px 9px #f90914, 0px 0px 5px 10px #ff4d00; }

/*ФОНОВАЯ КАРТИНКА ПРИ ВХОДЕ В ЧАТ-11*/
.transparent { background-image: url(https://million-wallpapers.ru/wallpapers/4/85/9584574729849011711.png) } .content { background-image: url(https://s8.hostingkartinok.com/uploads/images/2018/02/3ab0ee0b5d690d165e7e4b59fa1ae89b.gif); background-position:bottom center; background-repeat:no-repeat; }

/*КНОПКИ ОБЩИЙ И ПРИВАТ-12*/
.chatTabs > ul > li.chatTab > a {
	 color:#0080FF;
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);
transition: .9s linear;
 box-shadow:  -6px 6px 7px -5px #333;
  }

.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, 
.chatTabs > ul > li.chatTab > a.active {
	 color:#ff0000;
border-radius:3px/100%;
  
background-color:#E6E6E6 ;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,0,0,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,0,0,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(30,144,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(30,144,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(30,144,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(30,144,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;
  }
/*ФОН НИКОВ-13*/
.chatMain .chatUserFrom, .chatPeople ul.chatPeopleList li a.chatUser {
    color: #031961;
	
background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/11/d078317d6f53fee9e32b657ebcdcb615.jpg");
background-position: right 0 bottom 0;
background-repeat: no-repeat;
border-radius: 2px;
background-size: 100% auto;
}.chatMessageToMe .chatToUser {
    
padding: 0px 10px 0px 10px;
    background-image: transparent;
	background-color: transparent;
	color: blue;

}/*ПАНЕЛЬ НАСТРОЙКИ ПРОФИЛЯ-14*/
.chatTopLineWrapper ul {background-image: url("http://333v.ru/uploads/eb/ebb2dcad196e012713374a9a61230fc8.jpg"); Monotype Corsiva;border-radius:25px 25px 25px 25px;color: #00ff00;
font-style: normal;
font-size: 10pt;
}/*ОБВОДКА НИКА РАМОЧКОЙ-15*/
.chatPeople ul.chatPeopleList li { text-shadow: 0px 1px 0 #000; background-color: transparent; background-image: url(" "); background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 150% auto; border: 2px solid #fff; border-radius: 8px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatTabs ul { text-shadow: 0px 1px 0 #000; background-color: transparent; background-image: url(""); background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 100% auto; border: 2px solid #fff; border-radius: 5px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatPeople ul.chatPeopleList li .chatUserMenu .chatUserMenuItems ul {
background-image: url(https://s8.hostingkartinok.com/uploads/images/2018/01/76e7891a17885a125206ae444aed3cf4.jpg);
list-style-type:none;
margin:0;
padding:0;
width:100%;
overflow:hidden;
border-radius: 30px 15px 30px 15px;
box-shadow: 0px 0px 5px 5px #ffe799 inset;
}.chatPeople ul.chatPeopleList li {
margin:0;
padding:3px 0 0 3px;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
*zoom:1;
font-family: Monotype Corsiva;
font-style: normal;
font-size: 12pt;
}.chatPopupMenuDiv1, .chatPopupMenuDiv2, .chatPeople ul.chatPeopleList li.hover { 
background-image: url(https://avatanplus.com/files/resources/original/582af109ed38715867bd8ef4.jpg); 
background-position: center center; 
background-repeat:no-repeat; 
background-size: 100% 100%;
font-family: Monotype Corsiva;
font-style: normal;
font-size: 12pt;
padding:5px 0px 0px 10px; 
border: 1px solid #; 
border-radius:30px 15px 30px 15px; 
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; 
}/*РАМКА НА СМАЙЛЫ-16*/
.chatPopupMenuDiv1 {

     background: linear-gradient(168deg, #3060a0, #a3cddd, #afefbf);
     border-radius: 0px;
}.chatPopupMenuDiv2 {

     background: linear-gradient(168deg, #3060a0, #a3cddd, #afefbf);
     height: 100px; 
     margin-left: 10px;
     border-radius: 0px;
}.smilesBox p { 

     font-size: 18pt;
     margin-left: 20pt;
     margin-bottom: 0pt;
     color: #ffffcc;
}.smilesBox {

     background-image:url(http://s01.yapfiles.ru/files/400809/72007p3fk2tzves.gif);
     width: 65%; 
     margin-left: -15pt; 
     border-radius: 0px; 
}
/* »конка нет пола */
.chatPeople ul.chatPeopleList li a.chatUserSex0 b {
    background-image: url(https://s8.hostingkartinok.com/uploads/images/2018/01/e019d9ba3b467b51cf4fb00e4aa0449f.gif);
}

/* »конка мужской пол */
.chatPeople ul.chatPeopleList li a.chatUserSex1 b {
    background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/03/f3ace65b6421dca1d1170f6801b90d6f.png);
}

/* »конка женский пол */
.chatPeople ul.chatPeopleList li a.chatUserSex2 b {
    background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/03/22dbac3927a7f358d373246076b1ca32.png);
}
/*Иконки с ВИПом*/
.chatUserVip {
    background: transparent url("https://s8.hostingkartinok.com/uploads/images/2018/02/e9e2eaeb08617b304fd53b733234d6cb.gif") no-repeat scroll 0 0;
background-size:100% 100%;
background-position: center center;

border-image-width: 2px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2018/02/e9e2eaeb08617b304fd53b733234d6cb.gif);
border-image-slice: 30;
border-image-repeat: stretch;
}
/*СИМВОЛ ГОДА*/
.chatPeople.vscrollable {
background-image:url(http://i39.tinypic.com/scc00m.gif);
background-position: bottom;
background-repeat:no-repeat;
}

.chatPeople ul.chatPeopleList li  { background-position: center center;
    background-repeat: no-repeat;
    background-size: 105% 112%;
 border-image-width: 1px;
border-image-source: url();
border-image-slice: 30;
border-image-repeat: stretch;
padding: 1px 1px 1px 1px;}.chatHeader .chatTopLine {
  position: relative;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -1px -1px #000;
  user-select: none;
  padding: .5em 1em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
.chatHeader .chatTopLine:active {
  top: 1px;
  box-shadow: none;
}
.chatHeader .chatTopLine:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}
.chatHeader .chatTopLine {
    font-size: 5pt;
    position: absolute;
    right: 10px;
    top: 0px;
}.chatSendButton {
  position: relative;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -3px -1px #000;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 200%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
.chatSendButton:active {
  top: 1px;
  box-shadow: none;
}
.chatSendButton:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}.chatSendExitPanel select {
  position: relative;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -3px -1px #000;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 200%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
.chatSendExitPanel select:active {
  top: 1px;
  box-shadow: none;
}
.chatSendExitPanel select:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}#join-chat-button, #join-chat-button2  {
  position: relative;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -1px -1px #000;
  user-select: none;
  padding: .8em 2em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
#join-chat-button:active {
  top: 1px;
  box-shadow: none;
}
#join-chat-button:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}.user2519686::before {content: "CSS- ";color: #333;color: #ff0000;background-color: #;font-size: 75%;padding: 1px;letter-spacing: 0px;}.chatPeople ul.chatPeopleList li a.chatUserSex0 b {
    background:  url("https://s8.hostingkartinok.com/uploads/images/2018/01/e019d9ba3b467b51cf4fb00e4aa0449f.gif") no-repeat scroll 0 0;
background-size: 100% 100%;
border: 0px solid #FF00FF;
position: relative;
}.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    line-height: 2.0em;
}
.smilesBox::-webkit-scrollbar-thumb,
.vscrollable::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.20);
    border-radius: 15px;
}
.smilesBox::-webkit-scrollbar-thumb:hover,
.vscrollable::-webkit-scrollbar-thumb:hover {
    background-color: rgba(228, 0, 255, 0.98);
}
.smilesBox::-webkit-scrollbar,
.vscrollable::-webkit-scrollbar {
    width: 6px;
}
.chatTabs {
    top: -43px;
    z-index: 100;
    width: 70%;
}

.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    top: 10px;
}.chatTopLineWrapper ul li.chatMenuItemWithSeparator a {
    background: none;
}
.chatTopLineWrapper ul li a {
    padding: 0 24px 0 0;
    text-transform: inherit;
}
.chatTopLineWrapper > ul > li > ul > li > a:hover {
    background-color: #eee;
    text-shadow: -0px 0 1px #fff;
}
.downarrowclass {
    top: 5px;
}
.chatTopLineWrapper ul li ul li a {
    width: 126px;
}
.chatTopLineWrapper ul li ul {
    border-color: #ccc;
    top: 25px !important;
    width: 126px !important;
}.chatUserVip { background: transparent url("https://s8.hostingkartinok.com/uploads/images/2017/09/872d07f3cf18dfd26973517ff2282364.gif") no-repeat scroll 0 0; }
.chatUserMenu {
    padding: 8px 0 12px 0;
    width: 145px;
    overflow: hidden;
}



.chatPeople .chatPeopleTitle {
    height: 22px;
    width: 179px;
}.chatPeople ul.chatPeopleList li.hover {
    border-radius:30px 3px 30px 5px;
    margin: 1em auto; padding: 1em; border: 2px dashed #0000FF; box-shadow: 0 0 0 1px #0000FF, inset 0 0 0 1px #0000FF;
    background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/07/493bce92b1559ec2edca9e6c783903cd.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}.chatMain {
background-color: transparent;
background-image:url(""), url("http://ramki-vsem.ru/fon/svetlyj-fon47.jpg");
background-position:bottom 0, left 0;
background-repeat:no-repeat, no-repeat;
background-size:auto 90%, 100% 100%;

border-image-width: 2px;
border-image-source: url();
border-image-slice: 30;
border-image-repeat: stretch;


}.chatFooter .chatFooterWrapper {
background-color: transparent;
background-image:url(""), url("http://nevseoboi.com.ua/uploads/posts/2010-06/1277053600_00054_liquidsky_1920x1200.jpg");
background-position:bottom 0, left 0;
background-repeat:no-repeat, no-repeat;
background-size:auto 90%, 100% 100%;

border-image-width: 2px;
border-image-source: url();
border-image-slice: 30;
border-image-repeat: stretch;

padding:15px 5px 30px 5px;


-webkit-box-shadow: 0px 11px 22px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 11px 22px -7px rgba(0,0,0,0.75);
box-shadow: 0px 11px 22px -7px rgba(0,0,0,0.75);
}.chatHeader  {
background-color: transparent;
background-image:url(""), url("https://s8.hostingkartinok.com/uploads/images/2018/01/1a46569d06fcb7ac187936f697970c76.jpg");
background-position:bottom 0, left 0;
background-repeat:no-repeat, no-repeat;
background-size:auto 90%, 100% 100%;

border-image-width: 2px;
border-image-source: url();
border-image-slice: 30;
border-image-repeat: stretch;


}.chatFull .transparent{
  background: url(https://s8.hostingkartinok.com/uploads/images/2017/09/69f122d3346b1af2ab9311c46c63f633.jpg) no-repeat center top fixed;
    -moz-background-size: 100% auto; 
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto; 
    background-size: 100% auto;}
.chatTopLineWrapper > ul > li > a:hover {
    background-color: #4CAF50;
    border-radius: 20px 10px 20px 0;
    transition: .3s;
    background-image: url(https://forumupload.ru/uploads/2014/01/08/7087923.jpg);
}.chatMessage {
       font-family: font-family: Monotype Corsiva;
font-style: normal;
font-size: 12pt;
}.chatMain { 
border-radius: 25px;
font-family: Arial Black;
box-shadow: 0 0 1px #777, 0 0 2px #777, 0 0 3px #777, 0 0 4px #777, 0 0 5px #777, 0 0 6px #777, 0 0 7px #777, 0 0 20px #777 inset;
}a {font-family: Monotype Corsiva;
font-style: normal;color: #000000;
font-size: 14pt;

}.chatPeople.vscrollable {
background-image:url(https://s3-eu-west-1.amazonaws.com/files.surfory.com/uploads/2014/7/8/53bba6251f395dea478b4669/53bbafca1f395d0a668b45f6.gif);
background-position: bottom;
background-repeat:no-repeat;
}.chat {
    cursor: url(http://ani.cursors-4u.net/cursors/images12/cur1136.png), default;}
#join-chat-button, #join-chat-button2, #chat_main a, .chatHeader, .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, .chatLinkModerate, .chatLinkMore, .chatSoundPanel a, .chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel .chatSendButton, .chatMessage a, .chatUserFrom, .chatUserFrom, .chatUserFrom, .chatPeople ul.chatPeopleList li a.chatUser:hover, .chatUserMenuInfo:hover, .chatUserMenuPrivate:hover, .chatUserMenuPhotos:hover, .chatUserMenuGift:hover, .chatUserMenuIgnore:hover, .chatUserMenuBan:hover, .chatUserAvatar:hover, .chatUserGiftsCount:hover, .chatUserSex1:hover, .chatUserSex2:hover, .chatUserSex0:hover, .chatPeople ul.chatPeopleList li img:hover, .chatTopLineWrapper > ul > li > ul > li > a:hover {
	cursor: url(https://s8.hostingkartinok.com/uploads/images/2017/04/1e352b3fd1d2e2c024791ced9ba7e04b.png), default;
}.chatHeader {
   background-image: url(), url(https://s8.hostingkartinok.com/uploads/images/2018/01/1a46569d06fcb7ac187936f697970c76.jpg);
   background-position: center, 0px;
   background-repeat:no-repeat;
   background-color: # 0000CC; 
   font-size: 0pt;
   border-radius: 25px; 
}.smilesBox p { 

     font-size: 18pt;
     margin-left: 20pt;
     margin-bottom: 0pt;
     color: #ffffcc;
}

.smilesBox {

     background-image:url(https://s8.hostingkartinok.com/uploads/images/2017/11/67ad7c1151219706a7d1bc356d73cb0d.jpg);
     width: 75%; 
     margin-left: -15pt; 
     border-radius: 10px; 
}.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a :before {
 content:attr(data-description);
 box-sizing:border-box;
 display:block;
 
 color:;
 padding:20px;
 position:absolute;
 left:20%;
 top:10px;
 margin-left:-300px;
 width:150px;
 height:75px;
 line-height:35px;
 border-radius:5px;
 opacity:0;
 transition:.25s ease-in-out;background-image: url("http://justclickit.ru/flash/dog/dog%20(133).gif");
    background-repeat: no-repeat;
background-size:100% 100%;
    height: 80px;
    position: absolute;
    right: 80px;
    top: 250px;
    width: 150px;
}
 
.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a :after {
 content:'ииииииии';
 display:block;
 position:absolute;
 top:35px;
 left:50%;
 margin-left:-50px;
 height:0;
 width:0px;
 border-left:8px solid transparent;
 border-right:8px solid transparent;
 border-top:8px solid rgba(0,0,0,.7);
 transition:.25s ease-in-out;
 opacity:0;
}
 
.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a :hover:before {
 opacity:1;
 top:-80px;
}
 
.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a :hover:after {
 opacity:1;
 top:15px;
}.chatTabs > ul > li > a { padding: 5px 10px 5px 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-radius: 25px; font-family: Monotype Corsiva;font-size: 18pt; }
.chatTabs ul { height: 28px; }.chatTabs ul li.appTab { background: transparent url("код картинки") no-repeat scroll 0 0; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; padding: 3px 3px 3px 3px; font-color: transparent; box-shadow: 0 0 1px #ff0000, 0 0 2px #fff, 0 0 3px #ff0000, 0 0 4px #BEBEBE, 0 0 5px #D3D3D3, 0 0 6px #FFDEAD, 0 0 7px #778899, 0 0 10px #0000CD; } .chatTabs ul li.appTab { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .chatTabs ul li.appTab:hover { border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }.chatTopLineWrapper ul {background-image: url("https://w-dog.ru/wallpapers/12/9/367682695369542/abstract-colors-background-kraski-fon-bryzgi.jpg"); Monotype Corsiva;border-radius:25px 25px 25px 25px;color: #00ff00;
font-style: normal;
font-size: 10pt;
}.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: -200px; 
right: 0; left: auto; 
-webkit-animation-delay: 5s; animation-delay: 5s; }#chatUserMiniMenu{
text-shadow: 0px 1px 0 #000;
background-color: transparent;
background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/09/7f98a0f5a06d4fab29511ce06bc75ed7.gif");
background-position: right 0 bottom 0;
background-repeat: no-repeat;
background-size: 100% auto;

border: 1px solid #fff;
border-radius: 5px;

 box-shadow:1px 1px 6px #000,-1px -1px 1px #fff;
}.chatMessageToMe .chatToUser {
    
padding: 0px 10px 0px 10px;
    background-image: transparent;
	background-color: transparent;
	color: blue;

}.chatMain .chatUserFrom, .chatPeople ul.chatPeopleList li a.chatUser {
    color: #031961;
	
background-image: url(");
background-position: right 0 bottom 0;
background-repeat: no-repeat;
border-radius: 2px;
background-size: 100% auto;
}.chatMessageToMe .chatToUser {
    
padding: 0px 10px 0px 10px;
    background-image: transparent;
	background-color: transparent;
	color: #80DAEB;

}.chatMessage {
       font-family: font-family: Monotype Corsiva;
font-style: normal;
font-size: 18pt;
}.chatMain { 
border-radius: 1px;
font-family: Arial Black;
box-shadow: 0 0 1px #777, 0 0 2px #777, 0 0 3px #777, 0 0 4px #777, 0 0 5px #777, 0 0 6px #777, 0 0 7px #777, 0 0 20px #777 inset;
}

.chatHeader,.chatMain, .chatFooter, .chatPeople {
    background-color: rgba(175, 36, 36, 0);
}
.chatHeader {
    border-bottom-color: #c2c2c2;
    background: linear-gradient(to right, rgba(210, 9, 9, 0.08), rgba(0, 255, 8, 0.08),rgba(173, 8, 204, 0.11),rgba(47, 236, 0, 0.12),rgba(210, 12, 12, 0.11));
}
.chatHeaderWrapper {
    display: none;
}
.smilesBox::-webkit-scrollbar-thumb,
.vscrollable::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.20);
    border-radius: 15px;
}
.smilesBox::-webkit-scrollbar-thumb:hover,
.vscrollable::-webkit-scrollbar-thumb:hover {
    background-color: rgba(228, 0, 255, 0.98);
}
.smilesBox::-webkit-scrollbar,
.vscrollable::-webkit-scrollbar {
    width: 6px;
}
.chatTabs {
    top: -43px;
    z-index: 100;
    width: 70%;
}

.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    top: 10px;
}
/*правая колонка*/
.chatPeople {
background-image:url("https://s8.hostingkartinok.com/uploads/images/2018/02/ed903ad8c6f116489c6cbf8b998b211e.png"), url("");
background-position:bottom 0, left 0;
background-repeat:no-repeat, no-repeat;
background-size:100% auto, 100% 100%;

border-image-width: 2px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2018/02/e9e2eaeb08617b304fd53b733234d6cb.gif);
border-image-slice: 30;
border-image-repeat: stretch;

  font-size: 10pt;
 box-shadow:  -6px 6px 7px -5px #333;
}.chatMain .chatPeople{
width:180px;
height:41px;

background-color: transparent;
transition:height 0.6s;
transition-timing-function:linear;
/* Firefox 4 */
-moz-transition:height 0.6s;
-moz-transition-timing-function:linear;
/* Safari and Chrome */
-webkit-transition:height 0.6s;
-webkit-transition-timing-function:linear;
/* Opera */
-o-transition:height 0.6s;
-o-transition-timing-function:linear;
}

.chatMain .chatPeople:hover
{
height:100%;
}
/*сколько людей в чате*/
.chatPeople .chatPeopleTitle {
	color: #ff0000;
    font-size: 9pt;
	 text-shadow: 1%  0 0 #;
    margin: 14px 0 4px 8px;
	
}
/*КНОПКА МЕНЮ*/
.chatHeader .chatTopLine  {
  position: center center;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  border-radius: 3px / 100%;
  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);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
.chatTopLineWrapper > ul > li > a:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
.chatTopLineWrapper > ul > li > a:active {
  top: 1px;
}
/*КНОПКА ОНЛАЙИ,ОТПРАВИТЬ,ВХОД В ЧАТ 2*/
.chatSendButton,
 input[type="submit"],
.chatSendExitPanel select {
  position: relative;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  border-radius: 3px / 100%;
  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);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
.chatSendButton,
 input[type="submit"],
.chatSendExitPanel select:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
.chatSendButton,
 input[type="submit"],
.chatSendExitPanel select:active {
  top: 1px;
}.user2519686::before {content: "CSS- ";color: #333;color: #ff0000;background-color: #;font-size: 75%;padding: 1px;letter-spacing: 0px;}
/*КНОПКИ ОБЩИЙ,ПРИВАТ*/
.chatTabs > ul > li.chatTab > a {
  position: relative;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  border-radius: 3px / 100%;
  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);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
.chatTabs > ul > li.chatTab > a:active {
  top: 1px;
}.chatTabs > ul > li.chatTab > a{
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); }
}
/*ФОН ШАПКИ ЧАТА*/
.chatHeader{
    height:45px;
    width:100%;
    position: relative;
    background-image: url(""), url(""), url("https://s8.hostingkartinok.com/uploads/images/2018/02/05db27364a953c5c3dac215df14588d3.jpg");  
    background-position: bottom 1px left 0,  bottom  left 50%, left 0px bottom;
    background-repeat: no-repeat, no-repeat, repeat-x ;
    background-size: auto 100%,auto 100%,102% 100%;
}
/*ФОН ЧАТА*/
.chatMain{
background-image: url("https://s8.hostingkartinok.com/uploads/images/2018/02/791c1e8dc5a2a44d57489b20a52bb9d2.jpg");
background-position: left top;
background-repeat:no-repeat;
background-size: 100% 100%;

border-image-width: 3px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2018/02/e9e2eaeb08617b304fd53b733234d6cb.gif);
border-image-slice: 30;
border-image-repeat: stretch;
box-shadow: 0 0 1px #B1F4F8, 0 0 2px #B1F4F8, 0 0 3px #fff, 0 0 4px #fff, 0 0 8px #fff inset;

}/*Дизайн делал Апостол*/
/*НИЗ ЧАТА*/
.chatFooter .chatFooterWrapper{
background-image: url("https://s8.hostingkartinok.com/uploads/images/2018/02/15088ac1199fc4b13af1c3d25f18e48c.jpg ");
background-position: center center;
background-repeat: repeat-x;
background-size: 100% 100%;

border-image-width: 3px;
border-image-source: url(http://imgs.su/users/70140/1488815108.gif);
border-image-slice: 30;
border-image-repeat: stretch;
  box-shadow: -2px -2px -2px #B1F4F8, -4px -4px -4px #B1F4F8, -8px -8px -8px #B1F4F8, -16 -16 -16px #2F2BAD, -32 -32 -32px #2F2BAD;
}
/*ФОН ПРИ ВХОДЕ В ЧАТ*/
.chatFull .transparent{
  background: url(https://s8.hostingkartinok.com/uploads/images/2018/02/65805f545517809c3cceec6bdd6fc09a.jpg) no-repeat center top fixed;
    -moz-background-size: 100% auto; 
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto; 
    background-size: 100% auto;}
/*----------------*/
.chatSpecifyPassword input[type=text] {
  display: inline-block;
  line-height: 45px;
  height: 45px;
  padding: 0 18px;
  margin: 0;
  border: 2px solid #6b6c6d;
  width: 275px;
  background: #3b3c41;
  color: #fff;
  position: relative;
}.content form {
  background-color: rgba(44,46,50,0.85);
  padding:20px 30px;
  color:#fff;
}
.has-account #existing-nick-label,
#new-nick-label {
  margin-left:20px;
}
#account-info {
  text-align: center;
  margin-bottom: 20px;
}

.chatPeople.vscrollable {
background-image:url(http://kartinki-vernisazh.ru/_ph/63/1/811640364.jpg);
background-position: bottom;
background-repeat:no-repeat;
}

/*code wrote Maxim,: alias (Apostle) - all-questions, on our forum--(http://obsessed.0pk.ru/viewtopic.php?id=68)*/
/* ВНЕШНИЙ БЛОК */
.chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel {
    position: absolute; /* положение */
   /* top: 380px;*/ /* отступ сверху */
    left: 0; /* отступ слева */
    background: green; /* цвет фона */
    width: 500px; /* ширина блока */
    height: 10px; /* высота блока */
    font: 14px Arial; /* размер и тип шрифта */
    color: #ff0000; /* цвет текста */
    text-align: center; /* выравнивание текста по центру */
    padding: 1px; /* отступы от границ внутри блока */

    -webkit-transition-duration: 0.5s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }

/* СКРЫТЫЙ БЛОК */
 .chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel {
    position: fixed;   /* положение */
   /* top: 380px;avto;*/ /* отступ сверху */
    left: -470px; /* отступ слева */
    background: green; /* цвет фона */
    color: #000; /* цвет текста */
    width: 500px; /* ширина блока */
    height: 10px; /* высота блока */
    padding: 10px; /* отступы от границ внутри блока */
    text-align: left; /* выравнивание текста */
     z-index:99;
    -webkit-transition-duration: 0.5s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }
.chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel:hover {
    left: 10px; /* при наведении выдвигается на скрытые 20px + 10px отступы */
}
/*бокс смайлы*/

/*--------------*/
.chatPopupMenuDiv1 {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    border-left: 1px solid #CFCFC9;
    border-right: 1px solid #CFCFC9;
    border-bottom: 1px solid #CFCFC9;
    z-index: 98;
}
.chatPopupMenuDiv2 {
    display: none;
   /* position: absolute;*/
    background-color: #FFFFFF;
    border: 1px solid #CFCFC9;
    z-index: 97;
    margin-top: 319px;
    margin-left: 10px;
}
.chatPopupMenuDiv2 .chatPopupMenuContent {
    padding: 2px 6px;
    font-size: 8pt;
}
.chatPopupMenuDiv2 .chatPopupMenuContent p {
    margin: 0;
    padding: 4px 0;
}
/*текст на кнопке  смайлы медиа-и тд */
.chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel:after { content:"Меню"; font-family: a_AlgeriusBlw; font-size: 15px; color:#FF6600; letter-spacing: 4px; position: absolute;/* top:80%;*/ left:470px; bottom:0; right:0px; z-index: 1; -webkit-animation: l1_animation 40s linear infinite; -moz-animation: l1_animation 40s linear infinite; }
/*выдвижная панель пользователи*/
.chatPeople {
background:#f5f4ef url("../../i/widget/fon.png") repeat-x left top;
    /*color:#67675d;*/
background-position: center center;
background-repeat: no-repeat;
background-size: 150% 108%;
border-image-width: 9px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2018/02/004040de7b15db47af9b00b2fe5cf178.jpg);
border-image-slice: 20;
border-image-repeat: stretch;
box-shadow:  -7px 7px 7px -7px #333;
}
.chatMain .chatPeople{
width:172px;
height:28px;
background-color: transparent;
transition:height 0.9s;
transition-timing-function:linear;
-moz-transition:height 0.9s;
-moz-transition-timing-function:linear;
-webkit-transition:height 0.9s;
-webkit-transition-timing-function:linear;
-o-transition:height 0.9s;
-o-transition-timing-function:linear;
}.chatMain .chatPeople:hover
{
height:100%;
}.chatTopLineWrapper ul li ul {
    display: block;
    left: -150px;
    top: 40px;
    visibility: visible;
    width: 197px;
margin: 15px 0 0 0;
}.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    width:100%;
}
/*ск чел в чате*/


	@-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; }
}
.chatPeople .chatPeopleTitle  {
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  background:DarkBlue ;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;

}

/*ФОН НИКОВ-13*/
/*@-webkit-keyframes flicker {
  50% {background-size: 8px 8px, 4px 4px;}
  100% {background-size: 4px 4px, 8px 8px;}
}
@keyframes flicker {
  50% {background-size: 8px 8px, 4px 4px;}
  100% {background-size: 4px 4px, 8px 8px;}
}
.chatMain .chatUserFrom, .chatPeople ul.chatPeopleList li a.chatUser {
  position: relative;
  font-weight: bold;
  color: #30084f;
}
.chatMain .chatUserFrom, .chatPeople ul.chatPeopleList li a.chatUser:before {
  content: "";
 /* position:absolute; top: 0; left: 0;*/
  width: 100%;
  height: 100%;
  background-image: radial-gradient(rgba(255,255,255,1) 1px, rgba(255,255,255,0) 1px), radial-gradient(rgba(255,255,255,1) 1px, rgba(255,255,255,0) 1px);
  background-size: 4px 4px, 8px 8px;
  background-position: 50% 50%;
  -webkit-animation: flicker .6s linear infinite alternate;
  animation: flicker .6s linear infinite alternate;
}*/
/*сверкание чата - фон чата*/
@-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); }
}
.chatMain {
  position: absolute;
  display: inline-block;
  color: #fff;
  text-shadow: 0 0 10px #3d7a97;
  background-image: url(https://img2.goodfon.ru/original/1922x1282/a/a6/gornoe-ozero-osen-les.jpg);
}
.chatMain:after, .chatMain:before {
  content: "";
  position: absolute; top: 0; left: 0;
  display: block;
  width: 450px;
  height: 350px;
  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);
}
.chatMain:before {
  top: -20%;
  right: 0; left: auto;
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
/*кнопки вход в чат-2*/
#join-chat-button, #join-chat-button2 {
    font-weight: bold;
    padding: 22px 0px 20px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    color: #11100F;
    background-color: rgba(255, 0, 0, 0.991);
    font-size: xx-small;
    height: 55px;
}
/*табличка вход в чат*/
.chatSpecifyPassword label, .chatSpecifyPassword p {
    display: block;
    margin: 0;
    padding: 6px 0 4px 30px;
    background-color: #9DF5FD;
    font-weight: 900;
    font-style: italic;
    font-size: medium;
}
/*низ чатаа*/
.chatFooter .chatFooterWrapper {
    position: relative;
    width: 98%;
    +placement: 32px -3px;
    position: relative;
    left: 18px;
    top: -3px;
    background-image: ;
    font-style: italic;
}
/*шапка чата-*/
.chatHeader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 35px;
    z-index: 99;
    background-image: url("https://img2.goodfon.ru/original/1922x1282/a/a6/gornoe-ozero-osen-les.jpg");
    /*overflow:visible;*/
}
/*сдвиг фона чата в верх*/
.chatMain {
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    bottom: 63px;
    margin-top: -10px;
}
/*сдвиг футера- фон футера*/
.chatFooter {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    /*color:#67675d;*/
    font-weight: bold;
    border-bottom: 1px solid black;
   /* margin-bottom: 61px;*/
    padding-bottom: 0px;
    padding-right: 84px;
background-image: url("https://s8.hostingkartinok.com/uploads/images/2019/01/b1b562718b74e1879bc4344eae2b3e6a.gif "), url("https://s8.hostingkartinok.com/uploads/images/2019/01/caa0487a0d2464331783414a72bcc720.gif"), url("https://s8.hostingkartinok.com/uploads/images/2018/02/7683778a2b6b03bd73b10a0dc8aa7393.jpg");  
    background-position: bottom -10px left 0,  bottom  left 100%, left 1px bottom; padding-bottom: -20px;
    background-repeat: no-repeat, no-repeat, repeat-x ;
    background-size: auto 100%,auto 100%,102% 100%;

}
/*сдвиг кнопки меню в шапке*/
.chatHeader .chatTopLine {
    border: 1px solid #B5DB4E;
    background:#cff265 url("https://s8.hostingkartinok.com/uploads/images/2017/11/b8a272cc9a847f03870e22fe4b71add0.jpg") repeat-x left top;
    background-color: #CFF265;
    margin-top: -4px;
    margin-right: -10px;
}
/* Название чата по середине */
.chatHeaderWrapper .chatTitle {
    text-align: center;font-size: 16px;
    width: 100%;
}
/*------------*/

div { border-radius: 10px 10px 10px 10px; }
/*мини меню*/
#chatUserMiniMenu  {
text-shadow: 0px 1px 0 #000;
background-color: transparent;
background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/09/7f98a0f5a06d4fab29511ce06bc75ed7.gif ");
background-position: right 0 bottom 0;
background-repeat: no-repeat;
background-size: 150% auto;

border: 2px solid #fff;
border-radius: 8px;

 box-shadow:1px 1px 6px #000,-1px -1px 1px #fff;
}
/*-------------*/
.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel {
text-shadow: 0px 1px 0 #000;
background-color: transparent;
background-image: url("");/*Картинку анимации можно свою ставить */
background-position: right 0 bottom 0;
background-repeat: no-repeat;
background-size: 150% auto;

border: 2px solid #fff;
border-radius: 8px;

 box-shadow:1px 1px 6px #000,-1px -1px 1px #fff;
}/*КНОПКА-ОТПРАВИТЬ-08*/
.chatSendButton{
text-shadow: 0px 1px 0 #000;
background-color: transparent;
background-image: url("");/*Картинку анимации можно свою ставить */
background-position: right 0 bottom 0;
background-repeat: no-repeat;
background-size: 150% auto;

border: 2px solid #fff;
border-radius: 8px;

 box-shadow:1px 1px 6px #000,-1px -1px 1px #fff;
}
/*кнопка онлайн*/
.chatSendExitPanel select{
text-shadow: 0px 1px 0 #000;
background-color: transparent;
background-image: url("");/*Картинку анимации можно свою ставить */
background-position: right 0 bottom 0;
background-repeat: no-repeat;
background-size: 150% auto;

border: 2px solid #fff;
border-radius: 8px;

 box-shadow:1px 1px 6px #000,-1px -1px 1px #fff;
}
/*КНОПКИ ОБЩИЙ И ПРИВАТ-12*/
.chatTabs > ul > li.chatTab > a {
	 color:#0080FF;
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);
transition: .9s linear;
 box-shadow:  -6px 6px 7px -5px #333;
  }

.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, 
.chatTabs > ul > li.chatTab > a.active {
	 color:#ff0000;
border-radius:3px/100%;
  
background-color:#E6E6E6 ;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,0,0,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,0,0,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(30,144,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(30,144,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(30,144,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(30,144,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;
  }
/*ПАНЕЛЬ НАСТРОЙКИ ПРОФИЛЯ-14*/
.chatTopLineWrapper ul {background-image: url("https://www.zastavki.com/pictures/originals/2017Nature_Green_trees_are_reflected_in_the_lake_s_surface_114777_.jpg"); Monotype Corsiva;border-radius:15px 25px 15px 25px;color: #00ff00;
font-style: normal;
font-size: 10pt;
}
/*мммммм-----жжжжжж*/
/* »конка нет пола */
.chatPeople ul.chatPeopleList li a.chatUserSex0 b {
    background-image: url(https://s8.hostingkartinok.com/uploads/images/2018/01/e019d9ba3b467b51cf4fb00e4aa0449f.gif);
}

/* »конка мужской пол */
.chatPeople ul.chatPeopleList li a.chatUserSex1 b {
    background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/03/f3ace65b6421dca1d1170f6801b90d6f.png);
}

/* »конка женский пол */
.chatPeople ul.chatPeopleList li a.chatUserSex2 b {
    background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/03/22dbac3927a7f358d373246076b1ca32.png);
}
/*Иконки с ВИПом*/
.chatUserVip {
    background: transparent url("https://s8.hostingkartinok.com/uploads/images/2018/02/e9e2eaeb08617b304fd53b733234d6cb.gif") no-repeat scroll 0 0;
background-size:100% 100%;
background-position: center center;

border-image-width: 2px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2018/02/e9e2eaeb08617b304fd53b733234d6cb.gif);
border-image-slice: 30;
border-image-repeat: stretch;
}
/*ФОНОВАЯ КАРТИНКА ПРИ ВХОДЕ В ЧАТ-11*/
.transparent { background-image: url(https://s8.hostingkartinok.com/uploads/images/2019/01/f3725c5c5d07b4f820960f66137a6fe4.jpg) } .content { background-image: url(https://s8.hostingkartinok.com/uploads/images/2018/02/3ab0ee0b5d690d165e7e4b59fa1ae89b.gif); background-position:bottom center; background-repeat:no-repeat; }
/*время в чате*/



/*---------------------==00-0999*/
.chatTabs > ul > li > a { padding: 5px 10px 5px 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-radius: 25px; font-family: Monotype Corsiva;font-size: 14pt; }
.chatTabs ul { height: 28px; }.chatTabs ul li.appTab { background: transparent url("код картинки") no-repeat scroll 0 0; background-position: center center; 
background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; padding: 3px 3px 3px 3px; font-color: transparent; box-shadow: 0 0 1px #ff0000, 
0 0 2px #fff, 0 0 3px #ff0000, 0 0 4px #ff0000, 0 0 5px #D3D3D3, 0 0 6px #FFDEAD, 0 0 7px #778899, 0 0 10px #0000CD; } .chatTabs ul li.appTab { 
-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } 
.chatTabs ul li.appTab:hover { border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); transform: rotate(360deg); }         
.chatTabs > ul > li > a { padding: 5px 10px 5px 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-radius: 20px; font-family: Monotype Corsiva;font-size: 10pt; }
.chatTabs ul { height: 28px; }.chatTabs ul li.appTab { background: transparent url("код картинки") no-repeat scroll 0 0; background-position: center center; 
background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; padding: 3px 3px 3px 3px; font-color: transparent; box-shadow: 0 0 1px #ffffff, 
0 0 2px #fff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #D3D3D3, 0 0 6px #FFDEAD, 0 0 7px #778899, 0 0 10px #0000CD; } .chatTabs ul li.appTab { 
-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } 
.chatTabs ul li.appTab:hover { border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); transform: rotate(360deg); }.user2519686::before {content: "CSS- ";color: #333;color: #ff0000;background-color: #;font-size: 75%;padding: 1px;letter-spacing: 0px;}
/*анимация названия чата*/
 .chatTitle{
    z-index: 1000;
    position: center;
    bottom: 3px;
    left: 0px;
    width: 100%;
    text-align: center;
font-size: 20px;
    opacity: 0;
    -webkit-animation: textAnimation 20s linear infinite 0s;
    -moz-animation: textAnimation 20s linear infinite 0s;
    -o-animation: textAnimation 20s linear infinite 0s;
    -ms-animation: textAnimation 20s linear infinite 0s;
    animation: textAnimation 20s linear infinite 0s;
    list-style-type:none;
}


.text-animation li:nth-child(2){
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    -ms-animation-delay: 4s;
    animation-delay: 4s;
}
.text-animation li:nth-child(3){
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s;
}
.text-animation li:nth-child(4){
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.text-animation li:nth-child(5){
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s;
}
.text-animation li:nth-child(6){
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}
@-webkit-keyframes textAnimation { 
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
    }
    8% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    17% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    19% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes textAnimation { 
    0% {
        opacity: 0;
        -moz-transform: translateX(200px);
    }
    8% {
        opacity: 1;
        -moz-transform: translateX(0px);
    }
    17% {
        opacity: 1;
        -moz-transform: translateX(0px);
    }
    19% {
        opacity: 0;
        -moz-transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes textAnimation { 
    0% {
        opacity: 0;
        -o-transform: translateX(200px);
    }
    8% {
        opacity: 1;
        -o-transform: translateX(0px);
    }
    17% {
        opacity: 1;
        -o-transform: translateX(0px);
    }
    19% {
        opacity: 0;
         -o-transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes textAnimation { 
    0% {
        opacity: 0;
        -ms-transform: translateX(200px);
    }
    8% {
        opacity: 1;
        -ms-transform: translateX(0px);
    }
    17% {
        opacity: 1;
        -ms-transform: translateX(0px);
    }
    19% {
        opacity: 0;
        -ms-transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes textAnimation { 
    0% {
        opacity: 0;
        transform: translateX(200px);
    }
    8% {
        opacity: 1;
        transform: translateX(0px);
    }
    17% {
        opacity: 1;
        transform: translateX(0px);
    }
    19% {
        opacity: 0;
        transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/*-=-=============*/
/* свой статус  */
.chatUserAway[title~="Aqua"], .chatPeople ul.chatPeopleList li[title~="Aqua"].hover {
	opacity: 1;
}
.chatUserAway[title~="Aqua"] .chatUserWrapper {
	background: linear-gradient(270deg, #00FFFF, #fff2e6);
}
/* свой статус: Black */
.chatUserAway[title~="Black"], .chatPeople ul.chatPeopleList li[title~="Black"].hover {
	opacity: 1;
}
.chatUserAway[title~="Black"] .chatUserWrapper {
	background: linear-gradient(270deg, #000000, #fff2e6);
}
/* свой статус: Blue */
.chatUserAway[title~="Blue"], .chatPeople ul.chatPeopleList li[title~="Blue"].hover {
	opacity: 1;
}
.chatUserAway[title~="Blue"] .chatUserWrapper {
	background: linear-gradient(270deg, #0000FF, #fff2e6);
}
/* свой статус: Fuchsia */
.chatUserAway[title~="Fuchsia"], .chatPeople ul.chatPeopleList li[title~="Fuchsia"].hover {
	opacity: 1;
}
.chatUserAway[title~="Fuchsia"] .chatUserWrapper {
	background: linear-gradient(270deg, pink, #F5B4F5);
}
/* свой статус: Gray */
.chatUserAway[title~="Gray"], .chatPeople ul.chatPeopleList li[title~="Gray"].hover {
	opacity: 1;
}
.chatUserAway[title~="Gray"] .chatUserWrapper {
	background: linear-gradient(270deg, #808080, #fff2e6);
}
/* свой статус: Green */
.chatUserAway[title~="Green"], .chatPeople ul.chatPeopleList li[title~="Green"].hover {
	opacity: 1;
}
.chatUserAway[title~="Green"] .chatUserWrapper {
	background: linear-gradient(270deg, #008000, #fff2e6);
}
/* свой статус: Lime */
.chatUserAway[title~="Lime"], .chatPeople ul.chatPeopleList li[title~="Lime"].hover {
	opacity: 1;
}
.chatUserAway[title~="Lime"] .chatUserWrapper {
	background: linear-gradient(270deg, #00FF00, #fff2e6);
}
/* свой статус: Maroon */
.chatUserAway[title~="Maroon"], .chatPeople ul.chatPeopleList li[title~="Maroon"].hover {
	opacity: 1;
}
.chatUserAway[title~="Maroon"] .chatUserWrapper {
	background: linear-gradient(270deg, #800000, #fff2e6);
}
/* свой статус: Navy */
.chatUserAway[title~="Navy"], .chatPeople ul.chatPeopleList li[title~="Navy"].hover {
	opacity: 1;
}
.chatUserAway[title~="Navy"] .chatUserWrapper {
	background: linear-gradient(270deg, #000080, #fff2e6);
}
/* свой статус: Olive */
.chatUserAway[title~="Olive"], .chatPeople ul.chatPeopleList li[title~="Olive"].hover {
	opacity: 1;
}
.chatUserAway[title~="Olive"] .chatUserWrapper {
	background: linear-gradient(270deg, #808000, #fff2e6);
}
/* свой статус: Purple */
.chatUserAway[title~="Purple"], .chatPeople ul.chatPeopleList li[title~="Purple"].hover {
	opacity: 1;
}
.chatUserAway[title~="Purple"] .chatUserWrapper {
	background: linear-gradient(270deg, #800080, #fff2e6);
}
/* свой статус: Red */
.chatUserAway[title~="Red"], .chatPeople ul.chatPeopleList li[title~="Red"].hover {
	opacity: 1;
}
.chatUserAway[title~="Red"] .chatUserWrapper {
	background: linear-gradient(270deg, #FF0000, #fff2e6);
}
/* свой статус: Silver */
.chatUserAway[title~="Silver"], .chatPeople ul.chatPeopleList li[title~="Silver"].hover {
	opacity: 1;
}
.chatUserAway[title~="Silver"] .chatUserWrapper {
	background: linear-gradient(270deg, #C0C0C0, #fff2e6);
}
/* свой статус: Teal */
.chatUserAway[title~="Teal"], .chatPeople ul.chatPeopleList li[title~="Teal"].hover {
	opacity: 1;
}
.chatUserAway[title~="Teal"] .chatUserWrapper {
	background: linear-gradient(270deg, #008080, #fff2e6);
}
/* свой статус: White */
.chatUserAway[title~="White"], .chatPeople ul.chatPeopleList li[title~="White"].hover {
	opacity: 1;
}
.chatUserAway[title~="White"] .chatUserWrapper {
	background: linear-gradient(270deg, #FFFFFF, #fff2e6);
}
/* свой статус: Yellow */
.chatUserAway[title~="Yellow"], .chatPeople ul.chatPeopleList li[title~="Yellow"].hover {
	opacity: 1;
}
.chatUserAway[title~="Yellow"] .chatUserWrapper {
	background: linear-gradient(270deg, #FFFF00, #fff2e6);
}
/* вам необходимо войти в чат */
.chatMessages .chatMessage:not(.chatSystemMessage) strong:first-child {
animation-name:apostol ;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-direction:alternate;
color: #ff0000;
/*background: #0076a4;*/
background: transparent url("https://s8.hostingkartinok.com/uploads/images/2019/01/5b344c0ea40ef3f651b3e18b7791ee49.gif") no-repeat scroll 0 0;
margin-left: -10px;
width: 90%;
display: block;
padding: 3px 2px;
font-weight: 910;
text-align: center;
}
@keyframes apostol{
from{margin-left: 16px;}
to{margin-left: 350px;}
}
/*сообшение на футере*/

.chatFooter .chatFooterWrapper:after{
content:"Хорошая идея без действия – это ничто";
font-family:Comic Sans MS, monospace; 
font-size: 10pt;
font-weight: 700;
color:#f16522;
  width: auto;
height:auto;
  
position: absolute;
         bottom:35px; 
right:45%;
animation:  clouds-left 2s ease-out 8s forwards;
 
}

@keyframes clouds-left{
  10% { opacity: 1; }
  100%  { opacity: 0; transform: translateX(20em); }
}
/*------------*/
.chatMain .chatUserFrom, .chatPeople ul.chatPeopleList li a.chatUser{
text-shadow: 0px 1px 0 #000;
background-color: transparent;
background-image: url("");/*Картинку анимации можно свою ставить */
background-position: right 0 bottom 0;
background-repeat: no-repeat;
background-size: 150% auto;

border: 1px solid #00ffff;
border-radius: 5px;

 box-shadow:1px 1px 6px #000,-1px -1px 1px #fff;
}
/*время в чате*/
.chatTime {
    float: right;
    padding-right: 15px;
    color: #ff0000;
    font-size: 10pt;
    font-style: Comic Sans MS, monospace;
}

/*code wrote Maxim,: alias (Apostle) - all-questions, on our forum--(http://obsessed.0pk.ru/viewtopic.php?id=68)*/
/* ВНЕШНИЙ БЛОК */
.chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel {
    position: absolute; /* положение */
   /* top: 380px;*/ /* отступ сверху */
    left: 0; /* отступ слева */
    background:Aqua ; /* цвет фона */
    width: 500px; /* ширина блока */
    height: 10px; /* высота блока */
    font: 14px Arial; /* размер и тип шрифта */
    color: #ff0000; /* цвет текста */
    text-align: center; /* выравнивание текста по центру */
    padding: 1px; /* отступы от границ внутри блока */

    -webkit-transition-duration: 0.5s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }

/* СКРЫТЫЙ БЛОК */
 .chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel {
    position: fixed;   /* положение */
   /* top: 380px;avto;*/ /* отступ сверху */
    left: -470px; /* отступ слева */
    background:Red ; /* цвет фона */
    color: #000; /* цвет текста */
    width: 500px; /* ширина блока */
    height: 10px; /* высота блока */
    padding: 10px; /* отступы от границ внутри блока */
    text-align: left; /* выравнивание текста */
     z-index:99;
    -webkit-transition-duration: 0.5s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }
.chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel:hover {
    left: 10px; /* при наведении выдвигается на скрытые 20px + 10px отступы */
}
/*бокс смайлы*/

/*--------------*/
.chatPopupMenuDiv1 {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    border-left: 1px solid #CFCFC9;
    border-right: 1px solid #CFCFC9;
    border-bottom: 1px solid #CFCFC9;
    z-index: 98;
}
.chatPopupMenuDiv2 {
    display: none;
   /* position: absolute;*/
    background-color: #FFFFFF;
    border: 1px solid #CFCFC9;
    z-index: 97;
    margin-top: 319px;
    margin-left: 10px;
}
.chatPopupMenuDiv2 .chatPopupMenuContent {
    padding: 2px 6px;
    font-size: 8pt;
}
.chatPopupMenuDiv2 .chatPopupMenuContent p {
    margin: 0;
    padding: 4px 0;
}
/*текст на кнопке  смайлы медиа-и тд */
.chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel:after { content:"Меню"; font-family: a_AlgeriusBlw; font-size: 15px; color:##000080; letter-spacing: 4px; position: absolute;/* top:80%;*/ left:470px; bottom:0; right:0px; z-index: 1; -webkit-animation: l1_animation 40s linear infinite; -moz-animation: l1_animation 40s linear infinite; }
/*выдвижная панель пользователи*/
.chatPeople {
background:#f5f4ef url("../../i/widget/fon.png") repeat-x left top;
    /*color:#67675d;*/
background-position: center center;
background-repeat: no-repeat;
background-size: 150% 108%;
border-image-width: 9px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/03/5594fbc6d92383bcd2192be55446dbd0.gif);
border-image-slice: 20;
border-image-repeat: stretch;
box-shadow:  -7px 7px 7px -7px #333;
}
.chatMain .chatPeople{
width:172px;
height:28px;
background-color: transparent;
transition:height 0.9s;
transition-timing-function:linear;
-moz-transition:height 0.9s;
-moz-transition-timing-function:linear;
-webkit-transition:height 0.9s;
-webkit-transition-timing-function:linear;
-o-transition:height 0.9s;
-o-transition-timing-function:linear;
}.chatMain .chatPeople:hover
{
height:100%;
}.chatTopLineWrapper ul li ul {
    display: block;
    left: -150px;
    top: 40px;
    visibility: visible;
    width: 197px;
margin: 15px 0 0 0;
}.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    width:100%;
}
/*ск чел в чате*/


	@-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; }
}
.chatPeople .chatPeopleTitle  {
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  background:OrangeRed ;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;

}

/*ФОН НИКОВ-13*/
/*@-webkit-keyframes flicker {
  50% {background-size: 8px 8px, 4px 4px;}
  100% {background-size: 4px 4px, 8px 8px;}
}
@keyframes flicker {
  50% {background-size: 8px 8px, 4px 4px;}
  100% {background-size: 4px 4px, 8px 8px;}
}
.chatMain .chatUserFrom, .chatPeople ul.chatPeopleList li a.chatUser {
  position: relative;
  font-weight: bold;
  color: #30084f;
}
.chatMain .chatUserFrom, .chatPeople ul.chatPeopleList li a.chatUser:before {
  content: "";
 /* position:absolute; top: 0; left: 0;*/
  width: 100%;
  height: 100%;
  background-image: radial-gradient(rgba(255,255,255,1) 1px, rgba(255,255,255,0) 1px), radial-gradient(rgba(255,255,255,1) 1px, rgba(255,255,255,0) 1px);
  background-size: 4px 4px, 8px 8px;
  background-position: 50% 50%;
  -webkit-animation: flicker .6s linear infinite alternate;
  animation: flicker .6s linear infinite alternate;
}*/
/*сверкание чата - фон чата*/
@-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); }
}
/*фон чата*/
.chatMain {
  position: absolute;
  display: inline-block;
  color: #fff;
  text-shadow: 0 0 10px #3d7a97;
  background-image: url(https://s8.hostingkartinok.com/uploads/images/2019/02/1c8076240b74614353c81226c605e06d.jpg);
 
}
.chatMain:after, .chatMain:before {
  content: "";
  position: absolute; top: 0; left: 0;
  display: block;
  width: 450px;
  height: 350px;
  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);
}
.chatMain:before {
  top: -20%;
  right: 0; left: auto;
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
/*кнопки вход в чат-2*/
#join-chat-button, #join-chat-button2 {
    font-weight: bold;
    padding: 22px 0px 20px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    color: #11100F;
    background-color: rgba(255, 0, 0, 0.991);
    font-size: xx-small;
    height: 55px;
}
/*табличка вход в чат*/
.chatSpecifyPassword label, .chatSpecifyPassword p {
    display: block;
    margin: 0;
    padding: 6px 0 4px 30px;
    background-color: #9DF5FD;
    font-weight: 900;
    font-style: italic;
    font-size: medium;
}
/*низ чатаа*/
.chatFooter .chatFooterWrapper {
    position: relative;
    width: 98%;
    +placement: 32px -3px;
    position: relative;
    left: 18px;
    top: -3px;
    background-image: ;
    font-style: italic;
}
/*шапка чата-*/
.chatHeader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 35px;
    z-index: 99;
    background-image: url("https://s8.hostingkartinok.com/uploads/images/2019/02/eeec6f3ce20b14228419c1f75a7df22b.jpg");
    /*overflow:visible;*/
}
/*сдвиг фона чата в верх*/
.chatMain {
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    bottom: 63px;
    margin-top: -10px;
}
/*сдвиг футера- фон футера*/
.chatFooter {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    /*color:#67675d;*/
    font-weight: bold;
    border-bottom: 1px solid black;
   /* margin-bottom: 61px;*/
    padding-bottom: 0px;
    padding-right: 84px;
background-image: url("https://s8.hostingkartinok.com/uploads/images/2019/02/fe7aab189e8af94c4d37766bd1ced418.gif"), url("https://s8.hostingkartinok.com/uploads/images/2019/02/987c3eedc6071f02a4074394cb036fdd.gif"), url("https://s8.hostingkartinok.com/uploads/images/2019/02/eeec6f3ce20b14228419c1f75a7df22b.jpg");  
    background-position: bottom -10px left 0,  bottom  left 100%, left 1px bottom; padding-bottom: -20px;
    background-repeat: no-repeat, no-repeat, repeat-x ;
    background-size: auto 100%,auto 100%,102% 100%;

}
/*сдвиг кнопки меню в шапке*/
.chatHeader .chatTopLine {
    border: 1px solid #B5DB4E;
    background:#cff265 url("https://avatanplus.com/files/resources/original/598c3637d469515dcbb3ca3e.jpg") repeat-x left top;
    background-color: #CFF265;
    margin-top: -4px;
    margin-right: -10px;
}
/* Название чата по середине */
.chatHeaderWrapper .chatTitle {
    text-align: center;font-size: 16px;
    width: 100%;
}
/*------------*/

div { border-radius: 10px 10px 10px 10px; }
/*мини меню*/
#chatUserMiniMenu  {
text-shadow: 0px 1px 0 #000;
background-color: transparent;
background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/09/7f98a0f5a06d4fab29511ce06bc75ed7.gif ");
background-position: right 0 bottom 0;
background-repeat: no-repeat;
background-size: 150% auto;

border: 2px solid #fff;
border-radius: 8px;

 box-shadow:1px 1px 6px #000,-1px -1px 1px #fff;
}
/*-------------*/
.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel {
text-shadow: 0px 1px 0 #000;
background-color: transparent;
background-image: url("");/*Картинку анимации можно свою ставить */
background-position: right 0 bottom 0;
background-repeat: no-repeat;
background-size: 150% auto;

border: 2px solid #fff;
border-radius: 8px;

 box-shadow:1px 1px 6px #000,-1px -1px 1px #fff;
}/*КНОПКА-ОТПРАВИТЬ-08*/
.chatSendButton{
text-shadow: 0px 1px 0 #000;
background-color: transparent;
background-image: url("");/*Картинку анимации можно свою ставить */
background-position: right 0 bottom 0;
background-repeat: no-repeat;
background-size: 150% auto;

border: 2px solid #fff;
border-radius: 8px;

 box-shadow:1px 1px 6px #000,-1px -1px 1px #fff;
}
/*кнопка онлайн*/
.chatSendExitPanel select{
text-shadow: 0px 1px 0 #000;
background-color: transparent;
background-image: url("");/*Картинку анимации можно свою ставить */
background-position: right 0 bottom 0;
background-repeat: no-repeat;
background-size: 150% auto;

border: 2px solid #fff;
border-radius: 8px;

 box-shadow:1px 1px 6px #000,-1px -1px 1px #fff;
}
/*КНОПКИ ОБЩИЙ И ПРИВАТ-12*/
.chatTabs > ul > li.chatTab > a {
	 color:#0080FF;
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);
transition: .9s linear;
 box-shadow:  -6px 6px 7px -5px #333;
  }

.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, 
.chatTabs > ul > li.chatTab > a.active {
	 color:#ff0000;
border-radius:3px/100%;
  
background-color:#E6E6E6 ;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,0,0,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,0,0,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(30,144,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(30,144,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(30,144,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(30,144,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;
  }
/*ПАНЕЛЬ НАСТРОЙКИ ПРОФИЛЯ-14*/
.chatTopLineWrapper ul {background-image: url("https://www.zastavki.com/pictures/originals/2017Nature_Green_trees_are_reflected_in_the_lake_s_surface_114777_.jpg"); Monotype Corsiva;border-radius:15px 25px 15px 25px;color: #00ff00;
font-style: normal;
font-size: 10pt;
}
/*мммммм-----жжжжжж*/
/* »конка нет пола */
.chatPeople ul.chatPeopleList li a.chatUserSex0 b {
    background-image: url(https://s8.hostingkartinok.com/uploads/images/2018/01/e019d9ba3b467b51cf4fb00e4aa0449f.gif);
}

/* »конка мужской пол */
.chatPeople ul.chatPeopleList li a.chatUserSex1 b {
    background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/03/f3ace65b6421dca1d1170f6801b90d6f.png);
}

/* »конка женский пол */
.chatPeople ul.chatPeopleList li a.chatUserSex2 b {
    background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/03/22dbac3927a7f358d373246076b1ca32.png);
}
/*Иконки с ВИПом*/
.chatUserVip {
    background: transparent url("https://s8.hostingkartinok.com/uploads/images/2018/02/e9e2eaeb08617b304fd53b733234d6cb.gif") no-repeat scroll 0 0;
background-size:100% 100%;
background-position: center center;

border-image-width: 2px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2018/02/e9e2eaeb08617b304fd53b733234d6cb.gif);
border-image-slice: 30;
border-image-repeat: stretch;
}.user2519686::before {content: "CSS- ";color: #333;color: #ff0000;background-color: #;font-size: 75%;padding: 1px;letter-spacing: 0px;}
/*ФОНОВАЯ КАРТИНКА ПРИ ВХОДЕ В ЧАТ-11*/
.transparent { background-image: url(https://s8.hostingkartinok.com/uploads/images/2019/02/436bec5ddc7d229c2cfc5fb7575ca9ec.jpg) } .content { background-image: url(https://s8.hostingkartinok.com/uploads/images/2018/02/3ab0ee0b5d690d165e7e4b59fa1ae89b.gif); background-position:bottom center; background-repeat:no-repeat; }
/*время в чате*/



/*---------------------==00-0999*/
.chatTabs > ul > li > a { padding: 5px 10px 5px 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-radius: 25px; font-family: Monotype Corsiva;font-size: 14pt; }
.chatTabs ul { height: 28px; }.chatTabs ul li.appTab { background: transparent url("код картинки") no-repeat scroll 0 0; background-position: center center; 
background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; padding: 3px 3px 3px 3px; font-color: transparent; box-shadow: 0 0 1px #ff0000, 
0 0 2px #fff, 0 0 3px #ff0000, 0 0 4px #ff0000, 0 0 5px #D3D3D3, 0 0 6px #FFDEAD, 0 0 7px #778899, 0 0 10px #0000CD; } .chatTabs ul li.appTab { 
-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } 
.chatTabs ul li.appTab:hover { border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); transform: rotate(360deg); }         
.chatTabs > ul > li > a { padding: 5px 10px 5px 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-radius: 20px; font-family: Monotype Corsiva;font-size: 10pt; }
.chatTabs ul { height: 28px; }.chatTabs ul li.appTab { background: transparent url("код картинки") no-repeat scroll 0 0; background-position: center center; 
background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; padding: 3px 3px 3px 3px; font-color: transparent; box-shadow: 0 0 1px #ffffff, 
0 0 2px #fff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #D3D3D3, 0 0 6px #FFDEAD, 0 0 7px #778899, 0 0 10px #0000CD; } .chatTabs ul li.appTab { 
-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } 
.chatTabs ul li.appTab:hover { border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); transform: rotate(360deg); }
/*анимация названия чата*/
 .chatTitle{
    z-index: 1000;
    position: center;
    bottom: 3px;
    left: 0px;
    width: 100%;
    text-align: center;
font-size: 20px;
    opacity: 0;
    -webkit-animation: textAnimation 20s linear infinite 0s;
    -moz-animation: textAnimation 20s linear infinite 0s;
    -o-animation: textAnimation 20s linear infinite 0s;
    -ms-animation: textAnimation 20s linear infinite 0s;
    animation: textAnimation 20s linear infinite 0s;
    list-style-type:none;
}


.text-animation li:nth-child(2){
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    -ms-animation-delay: 4s;
    animation-delay: 4s;
}
.text-animation li:nth-child(3){
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s;
}
.text-animation li:nth-child(4){
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.text-animation li:nth-child(5){
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s;
}
.text-animation li:nth-child(6){
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}
@-webkit-keyframes textAnimation { 
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
    }
    8% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    17% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    19% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes textAnimation { 
    0% {
        opacity: 0;
        -moz-transform: translateX(200px);
    }
    8% {
        opacity: 1;
        -moz-transform: translateX(0px);
    }
    17% {
        opacity: 1;
        -moz-transform: translateX(0px);
    }
    19% {
        opacity: 0;
        -moz-transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes textAnimation { 
    0% {
        opacity: 0;
        -o-transform: translateX(200px);
    }
    8% {
        opacity: 1;
        -o-transform: translateX(0px);
    }
    17% {
        opacity: 1;
        -o-transform: translateX(0px);
    }
    19% {
        opacity: 0;
         -o-transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes textAnimation { 
    0% {
        opacity: 0;
        -ms-transform: translateX(200px);
    }
    8% {
        opacity: 1;
        -ms-transform: translateX(0px);
    }
    17% {
        opacity: 1;
        -ms-transform: translateX(0px);
    }
    19% {
        opacity: 0;
        -ms-transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes textAnimation { 
    0% {
        opacity: 0;
        transform: translateX(200px);
    }
    8% {
        opacity: 1;
        transform: translateX(0px);
    }
    17% {
        opacity: 1;
        transform: translateX(0px);
    }
    19% {
        opacity: 0;
        transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/*-=-=============*/
/* свой статус  */
.chatUserAway[title~="Aqua"], .chatPeople ul.chatPeopleList li[title~="Aqua"].hover {
	opacity: 1;
}
.chatUserAway[title~="Aqua"] .chatUserWrapper {
	background: linear-gradient(270deg, #00FFFF, #fff2e6);
}
/* свой статус: Black */
.chatUserAway[title~="Black"], .chatPeople ul.chatPeopleList li[title~="Black"].hover {
	opacity: 1;
}
.chatUserAway[title~="Black"] .chatUserWrapper {
	background: linear-gradient(270deg, #000000, #fff2e6);
}
/* свой статус: Blue */
.chatUserAway[title~="Blue"], .chatPeople ul.chatPeopleList li[title~="Blue"].hover {
	opacity: 1;
}
.chatUserAway[title~="Blue"] .chatUserWrapper {
	background: linear-gradient(270deg, #0000FF, #fff2e6);
}
/* свой статус: Fuchsia */
.chatUserAway[title~="Fuchsia"], .chatPeople ul.chatPeopleList li[title~="Fuchsia"].hover {
	opacity: 1;
}
.chatUserAway[title~="Fuchsia"] .chatUserWrapper {
	background: linear-gradient(270deg, pink, #F5B4F5);
}
/* свой статус: Gray */
.chatUserAway[title~="Gray"], .chatPeople ul.chatPeopleList li[title~="Gray"].hover {
	opacity: 1;
}
.chatUserAway[title~="Gray"] .chatUserWrapper {
	background: linear-gradient(270deg, #808080, #fff2e6);
}
/* свой статус: Green */
.chatUserAway[title~="Green"], .chatPeople ul.chatPeopleList li[title~="Green"].hover {
	opacity: 1;
}
.chatUserAway[title~="Green"] .chatUserWrapper {
	background: linear-gradient(270deg, #008000, #fff2e6);
}
/* свой статус: Lime */
.chatUserAway[title~="Lime"], .chatPeople ul.chatPeopleList li[title~="Lime"].hover {
	opacity: 1;
}
.chatUserAway[title~="Lime"] .chatUserWrapper {
	background: linear-gradient(270deg, #00FF00, #fff2e6);
}
/* свой статус: Maroon */
.chatUserAway[title~="Maroon"], .chatPeople ul.chatPeopleList li[title~="Maroon"].hover {
	opacity: 1;
}
.chatUserAway[title~="Maroon"] .chatUserWrapper {
	background: linear-gradient(270deg, #800000, #fff2e6);
}
/* свой статус: Navy */
.chatUserAway[title~="Navy"], .chatPeople ul.chatPeopleList li[title~="Navy"].hover {
	opacity: 1;
}
.chatUserAway[title~="Navy"] .chatUserWrapper {
	background: linear-gradient(270deg, #000080, #fff2e6);
}
/* свой статус: Olive */
.chatUserAway[title~="Olive"], .chatPeople ul.chatPeopleList li[title~="Olive"].hover {
	opacity: 1;
}
.chatUserAway[title~="Olive"] .chatUserWrapper {
	background: linear-gradient(270deg, #808000, #fff2e6);
}
/* свой статус: Purple */
.chatUserAway[title~="Purple"], .chatPeople ul.chatPeopleList li[title~="Purple"].hover {
	opacity: 1;
}
.chatUserAway[title~="Purple"] .chatUserWrapper {
	background: linear-gradient(270deg, #800080, #fff2e6);
}
/* свой статус: Red */
.chatUserAway[title~="Red"], .chatPeople ul.chatPeopleList li[title~="Red"].hover {
	opacity: 1;
}
.chatUserAway[title~="Red"] .chatUserWrapper {
	background: linear-gradient(270deg, #FF0000, #fff2e6);
}
/* свой статус: Silver */
.chatUserAway[title~="Silver"], .chatPeople ul.chatPeopleList li[title~="Silver"].hover {
	opacity: 1;
}
.chatUserAway[title~="Silver"] .chatUserWrapper {
	background: linear-gradient(270deg, #C0C0C0, #fff2e6);
}
/* свой статус: Teal */
.chatUserAway[title~="Teal"], .chatPeople ul.chatPeopleList li[title~="Teal"].hover {
	opacity: 1;
}
.chatUserAway[title~="Teal"] .chatUserWrapper {
	background: linear-gradient(270deg, #008080, #fff2e6);
}
/* свой статус: White */
.chatUserAway[title~="White"], .chatPeople ul.chatPeopleList li[title~="White"].hover {
	opacity: 1;
}
.chatUserAway[title~="White"] .chatUserWrapper {
	background: linear-gradient(270deg, #FFFFFF, #fff2e6);
}
/* свой статус: Yellow */
.chatUserAway[title~="Yellow"], .chatPeople ul.chatPeopleList li[title~="Yellow"].hover {
	opacity: 1;
}
.chatUserAway[title~="Yellow"] .chatUserWrapper {
	background: linear-gradient(270deg, #FFFF00, #fff2e6);
}
/* вам необходимо войти в чат */
.chatMessages .chatMessage:not(.chatSystemMessage) strong:first-child {
animation-name:apostol ;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-direction:alternate;
color: #ff0000;
/*background: #0076a4;*/
background: transparent url("https://s8.hostingkartinok.com/uploads/images/2019/01/5b344c0ea40ef3f651b3e18b7791ee49.gif") no-repeat scroll 0 0;
margin-left: -10px;
width: 90%;
display: block;
padding: 3px 2px;
font-weight: 910;
text-align: center;
}
@keyframes apostol{
from{margin-left: 16px;}
to{margin-left: 350px;}
}
/*сообшение на футере*/

.chatFooter .chatFooterWrapper:after{
content:"Хорошая идея без действия – это ничто";
font-family:Comic Sans MS, monospace; 
font-size: 10pt;
font-weight: 700;
color:#f16522;
  width: auto;
height:auto;
  
position: absolute;
         bottom:35px; 
right:45%;
animation:  clouds-left 2s ease-out 8s forwards;
 
}

@keyframes clouds-left{
  10% { opacity: 1; }
  100%  { opacity: 0; transform: translateX(20em); }
}
/*------------*/
.chatMain .chatUserFrom, .chatPeople ul.chatPeopleList li a.chatUser{
text-shadow: 0px 1px 0 #000;
background-color: transparent;
background-image: url("");/*Картинку анимации можно свою ставить */
background-position: right 0 bottom 0;
background-repeat: no-repeat;
background-size: 150% auto;

border: 1px solid #FFFF00;
border-radius: 5px 8px 5px 8px;

 box-shadow:1px 1px 6px #FF00FF,-1px -1px 1px #FF00FF;
}
/*время в чате*/
.chatTime {
    float: right;
    padding-right: 15px;
    color: #ff0000;
    font-size: 10pt;
    font-style: Comic Sans MS, monospace;
}
/*бегущая строка постоянная*/
.chatFooter .chatFooterWrapper:after{
   width: 50%;
   white-space:nowrap;
   line-height: 15px;
   overflow:hidden;
   font-size: 10px;
   color: cornflower#ff0000;/*   цвет можно менять-Апостол   */
   -webkit-animation: step 1s steps(30) infinite;
   animation: step 15s steps(30) infinite;
}
/*   Анимация   */
@keyframes step{
   0% { width: 0;}
   100% {width:100%;}
}
@-webkit-keyframes step{
   0% { width: 0;}
   100% {width:100%;}
}.chatFooter .chatFooterWrapper:after {
  content:"Добро пожаловать в наш чат";
  font-family:arial;
  font-size: 13px;
  text-align:justify;
  text-shadow:0px 0px 1px green,-0px -0px 1px blue;color: #FFFFFF;
  position: absolute;
  top:81%; left:70px; bottom:0; right:100px;
  z-index: 1;
  opacity: 2;
}
/*кнопка меню в шапке-2*/

.chatHeader .chatTopLine:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
.chatHeader .chatTopLine:active {
  top: 1px;
}.chatTopLineWrapper {
  position: center;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  border-radius: 3px / 100%;
  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);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}