/* Форматирование объявления */
.chatEventDiv {
	border-radius: 10px 0px;
	border-top: 2px solid #d42102;
	border-left: 2px solid #d42102;
	
	font-family: Comic Sans MS, monospace;
	font-weight: bold;
}

/*	фикс меню*/
.chatTopLineWrapper > ul > li > ul > li > a {
	background-color: #fff200;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
	
	border-radius: 20px 20px;
 	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	
	float: right;
	width: 140%;
    height: 25%;
}
.chatTopLineWrapper > ul > li > ul {
	background: transparent url(//findicons.com/files/icons/949/token/16/sound.png) no-repeat 0 0;
	border: 0px double black;
}

/* Затемнение времени и ника при наведении */
.chatTime:hover {
	text-decoration: underline;
	letter-spacing: 1px;
}

/* Время сообщения */
.chatTime {
	float: left;
	padding-right: 8px;
	color: #fff200;
	font-size: 7pt;
	visibility: inherit;
	font-style: normal;
}


/* Кнопка входа в чат */
#join-chat-button, #join-chat-button2 {
    font-weight: bold;
    color: #000000;
    padding: 4px 6px;
border-color: #000000;

	
	font-family: Comic Sans MS, monospace;
	font-weight: bold;

	
	background: #fff200;
	border-radius: 40px 40px;
}

#join-chat-button:enabled { 
	-webkit-animation: keyEnterAnimBack 3s ease 1;
	animation: keyEnterAnimBack 1s ease 1;
}

#join-chat-button:hover {
	cursor: pointer;
	
	-webkit-animation: keyEnterAnim 3s ease 1;
	animation: keyEnterAnim 1s ease 1;
}

/* Кнопка статуса/выхода */
.chatSendExitPanel select {
	font-family: Comic Sans MS, monospace;
	font-weight: bold;
	
        width: 100%;
	background: #fff200;
        border-color: #000000;
	border-radius: 100px 40px;
        border-width: 2px;
	position: relative;

}

/* Кнопка отправки сообщения */
.chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel .chatSendButton {
/*    width: 65px;*/

	font-family: Comic Sans MS, monospace;
	font-weight: bold;
	
	background: #fff200;
        border-color: #000000;
	border-radius: 100px 40px;
	bottom: 5px;
}
.chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel .chatSendButton:hover {
/*    width: 65px;*/
	
	font-family: Comic Sans MS, monospace;
	font-weight: bold;
	
	background: #fff200;
	border-radius: 40px 40px;

	
	-webkit-animation: keySendAnim 3s ease infinite;
	animation: keySendAnim 1s ease infinite;
}

/* Низ чата */
.chatFooter {
	border-right: 2px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #000000;
	
	background: linear-gradient(270deg, #fff200, #fff200);
	background-size: 400% 400%;

	-webkit-animation: chatHeaderAnim 30s ease infinite;
	animation: chatHeaderAnim 30s ease infinite;
}

/* Форматирование объявления */
.chatEventDiv {
	border-radius: 10px 0px;
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	
	font-family: Comic Sans MS, monospace;
	font-weight: bold;
}

/* Форматирование общего чата */
.chatMessages {
	font-family: Comic Sans MS, monospace;
	
	letter-spacing: 0.5px;
	
	-webkit-animation: animationBackgroundText 30s;
	-webkit-animation-iteration-count: infinite;
	animation: animationBackgroundText 30s;
	animation-iteration-count: infinite;
}

/* Форматирование приватов */
.chatPrivateMessages {
	font-family: Comic Sans MS, monospace;
	
	letter-spacing: 0.5px;	
		
	border-radius: 20px 10px;
 	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
	border-top: 2px solid #000000;
	
	-webkit-animation: animationBackgroundText 30s;
	-webkit-animation-iteration-count: infinite;
	animation: animationBackgroundText 30s;
	animation-iteration-count: infinite;
}

/* Форматирование сообщения адресату */
.chatMessageToMe .chatToUser {
	-webkit-animation: animationTabs 30s;
	-webkit-animation-iteration-count: infinite;
	animation: animationTabs 30s;
	animation-iteration-count: infinite;
}

/* Окно диалога */
.chatMain {
	border-radius: 10px 10px;
}

/* Список участников чата */
.chatMain .chatPeople {
	border-radius: 20px 10px;
 	border-left: 0px solid #000000;
	border-right: 2px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	
	z-index: 0;

	-webkit-animation: animationBackgroundText 60s;
	-webkit-animation-iteration-count: infinite;
	animation: animationBackgroundText 60s;
	animation-iteration-count: infinite;
}

/* Участники чата */
.chatUserWrapper {
	font-family: Comic Sans MS, monospace;
	font-weight: bold;
/*	letter-spacing: 2px;*/
	font-variant: small-caps;
}

/* Меню участника чата */
.chatUserMenu {
    padding: 8px 0 12px 0;
    width: 145px;
    overflow: hidden;
	
	font-family: Comic Sans MS, monospace;
	font-weight: bold;
	
	border-radius: 20px 10px;
 	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

/* Меню участника чата */
.chatPeople ul.chatPeopleList li.hover {
    background-color: transparent;
    border-top: 0px;
    border-bottom: 0px;
}

.chatUserSex1, .chatUserSex2, .chatUserSex0 {

}

/* Неактивная вкладка чата */
.chatTabs > ul > li.chatTab > a {
	background-color: transparent;
	color: #fff200;
}

/* Ссылки приложений сверху чата */
.chatTabs > ul > li {
    border-radius: 10px 10px;
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

/* Форматирование вкладок чата */
.chatTabs  {
	border-radius: 10px 10px;
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-top: 2px solid #000000;
	
	background-color: transparent;
	
	font-family: Comic Sans MS, monospace;
	font-weight: bold;
	
	background: linear-gradient(270deg, #fff200, #fff200);
	background-size: 400% 400%;

	-webkit-animation: chatHeaderAnim 30s ease infinite;
	animation: chatHeaderAnim 30s ease infinite;
}

/* Форматирование вкладок чата */
.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, .chatTabs > ul > li.chatTab > a.active {
    color: #000000;
	background-color: #fff200;
	border-radius: 5px 5px;
}

/* Форматирование кнопочки */
.chatTabs ul li.chatTab .close {
    position: absolute;
    right: 3px;
    top: 2px;
    width: 10px;
    height: 10px;
	background: transparent url(//rghost.ru/private/8Gqdzj2Xd/5bbf297c301c32251c94d00835235fbc/image.png) no-repeat 0 0;
	background: transparent url(//top-message.ru/landing/images/close.png) no-repeat 0 0;
    cursor: pointer;
}

/* Меню чата */
.chatHeader .chatTopLine {
    border-color: #000000;
	border-radius: 40px 10px;
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-top: 2px solid #000000;
		
	position: absolute;
	top: 10px;
	right: 12px;
	font-size: 10pt;
	
	font-family: Comic Sans MS, monospace;
	font-weight: bold;
	
	
	-webkit-animation: animationMisc 30s;
	-webkit-animation-iteration-count: infinite;
	animation: animationMisc 30s;
	animation-iteration-count: infinite;
}
   
/* Активный пункт меню чата */
.chatTopLineWrapper > ul > li > a {
    color: #000000;
	
	-webkit-animation: animationMisc 30s;
	-webkit-animation-iteration-count: infinite;
	animation: animationMisc 30s;
	animation-iteration-count: infinite;
}

/* Список пунктов меню чата */
.chatTopLineWrapper > ul > li > ul > li > a {
	color: #000000;
}

/* Активный пункт меню чата при наведении */
.chatTopLineWrapper > ul > li > a:hover {
    background-color: #ab9983;
	
	-webkit-animation: animationMisc 30s;
	-webkit-animation-iteration-count: infinite;
	animation: animationMisc 30s;
	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;}
}

@-webkit-keyframes animationBackgroundText {
	0%		{ text-shadow: 2px 0px 0px, 10 10 1em #FF6600; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	10%		{ text-shadow: 1px 1px 0px, 10 10 1em #fc0; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	20%		{ text-shadow: 1px 1px 0px, 10 10 1em #fc0; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	30%		{ text-shadow: 1px 1px 0px, 10 10 1em #fc0; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	40%		{ text-shadow: 1px 0px 0px, 10 10 1em #FF6600; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	50%		{ text-shadow: 0px 2px 0px, 10 10 1em #FF6633; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	60%		{ text-shadow: 2px 0px 0px, 10 10 1em #FF6600; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	70%		{ text-shadow: 1px 1px 0px, 10 10 1em #fc0; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	80%		{ text-shadow: 1px 1px 0px, 10 10 1em #fc0; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	90%		{ text-shadow: 1px 1px 0px, 10 10 1em #fc0; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	100%	{ text-shadow: 2px 0px 0px, 10 10 1em #FF6600; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
}
   
@keyframes animationBackgroundText {
	0%		{ text-shadow: 2px 0px 0px, 10 10 1em #FF6600; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	10%		{ text-shadow: 1px 1px 0px, 10 10 1em #fc0; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	20%		{ text-shadow: 1px 1px 0px, 10 10 1em #fc0; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	30%		{ text-shadow: 1px 1px 0px, 10 10 1em #fc0; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	40%		{ text-shadow: 1px 0px 0px, 10 10 1em #FF6600; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	50%		{ text-shadow: 0px 2px 0px, 10 10 1em #FF6633; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	60%		{ text-shadow: 2px 0px 0px, 10 10 1em #FF6600; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	70%		{ text-shadow: 1px 1px 0px, 10 10 1em #fc0; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	80%		{ text-shadow: 1px 1px 0px, 10 10 1em #fc0; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	90%		{ text-shadow: 1px 1px 0px, 10 10 1em #fc0; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
	100%	{ text-shadow: 2px 0px 0px, 10 10 1em #FF6600; /*background: url(//rghost.ru/8QNf8zDwW/image.png) no-repeat #fff2e6; background-position: center center; background-repeat: no-repeat;*/}
}

@-webkit-keyframes animationChatPeople {
	0%		{ text-shadow: 2px 1px 2px #FF0000, 10 10 1em #FF6600; }
	25%		{ text-shadow: 1.5px 1.5px 2px #FF00FF, 0 0 1em #fc0; }
	50%		{ text-shadow: 1px 2px 2px #0000FF, 10 10 1em #FF6633; }
	75%		{ text-shadow: 1.5px 1.5px 2px #FF00FF, 0 0 1em #fc0; }
	100%	{ text-shadow: 2px 1px 2px #FF0000, 10 10 1em #FF6600; }
}
   
@keyframes animationChatPeople {
	0%		{ text-shadow: 2px 1px 2px #FF0000, 10 10 1em #FF6600; }
	25%		{ text-shadow: 1.5px 1.5px 2px #FF00FF, 0 0 1em #fc0; }
	50%		{ text-shadow: 1px 2px 2px #0000FF, 10 10 1em #FF6633; }
	75%		{ text-shadow: 1.5px 1.5px 2px #FF00FF, 0 0 1em #fc0; }
	100%	{ text-shadow: 2px 1px 2px #FF0000, 10 10 1em #FF6600; }
}

/* Шапка чата */
.chatHeader {
	background-repeat: repeat;
	border-radius: 40px 10px;
	
	color: #000000;

	border-right: 2px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #000000;
	
	background: linear-gradient(270deg, #fff200, #fff200);
	background-size: 400% 400%;

	-webkit-animation: chatHeaderAnim 30s ease infinite;
	animation: chatHeaderAnim 30s ease infinite;
}

.chat{
       cursor: url("http://s019.radikal.ru/i626/1606/d9/2123060278be.png"), default; 
}
#join-chat-button, #join-chat-button2, #chat_main a,.chatTopLineWrapper > ul > li > ul > li > a, .chatTopLineWrapper ul li.chatMenuItemWithSeparator a , .justify, div.chatMessage span.chatUserFrom, .chatTabs ul, .chatTabs ul li.appTab a, .chatTopLineWrapper > ul > li > a, .chatTabs > ul > li.chatTab > a,.chatSendLinksPanel a.chatLinkSmiles, .chatSendLinksPanel .chatLinkImage, .has-user-id .chatLinkProfile, .chatSendLinksPanel a,.chatLinkGold, .chatLinkVip, .chatLinkModerate, .chatLinkMore, .chatSoundPanel a, .chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel .chatSendButton, .chatMessage a {cursor: url("http://s020.radikal.ru/i701/1606/0c/6569db30ab65.png"), 
default;
}

/* chatPeople */
.chatPeople .chatPeopleTitle {
    margin:4px 0 4px 8px;
    font-size:8pt;
}
.chatPeople ul.chatPeopleList {
    list-style-type:none;
    margin:0;
    padding:0;
}
.chatPeople ul.chatPeopleList li {
    margin:0;
    padding:6px 0 0 8px;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    *zoom:1;
}
.chatPeople ul.chatPeopleList li img {
    vertical-align:-3px;
}
.chatPeople ul.chatPeopleList li.hover {
    background-color:#000000;
    border-top:1px solid #CDE390;
    border-bottom:1px solid #CDE390;
}
.chatUserWrapper {
    margin-left:25px;
}
.chatUserVip {
    background:transparent url("../../i/widget/vip.gif") no-repeat 0 0;
}
.chatUserSex1, .chatUserSex2, .chatUserSex0 {
    float:left;
}
.chatUserSex1 b, .chatUserSex2 b, .chatUserSex0 b {
    width:25px;
    height:22px;
    float:left;
    vertical-align:middle;
}
.chatPeople ul.chatPeopleList li a.chatUserSex0 b {
    background:transparent url("http://s019.radikal.ru/i621/1604/b2/936eb2912953.gif") no-repeat 0 0;
}
.chatPeople ul.chatPeopleList li a.chatUserSex1 b {
    background:transparent url("http://s010.radikal.ru/i311/1604/9b/f81c2570da98.gif") no-repeat 0 0;
}
.chatPeople ul.chatPeopleList li a.chatUserSex2 b {
    background:transparent url("http://s020.radikal.ru/i715/1604/d7/f6145046aab3.gif") no-repeat 0 0;
}
.nyi .chatPeople ul.chatPeopleList li a.chatUserSex0 b {
    background:transparent url("../../i/widget/ny_unknown.png") 0 0 no-repeat;
}
.nyi .chatPeople ul.chatPeopleList li a.chatUserSex1 b {
    background:transparent url("../../i/widget/ny_male.png") 0 0 no-repeat;
}
.nyi .chatPeople ul.chatPeopleList li a.chatUserSex2 b {
    background:transparent url("../../i/widget/ny_female.png") 0 0 no-repeat;
}


.chatTabs > ul > li > a { 
padding: 0px 14px 0px 10px; 
border-radius: 10px; 
}

.chatSendExitPanel {
border-radius: 10px; 
}

.chatSendButton {
border-radius: 13px; 
}

.chatSendText.chatInputText { /* Строка ввода текста в чат */ font-size: 11pt; border-radius: 10px; font-weight:bold }

.chatTopLine {
border-radius: 20px; 
}

.smilesBox {
    background-color: #000000;
    position: absolute;
    left: 0;
    top: 0;
    width: 930px;
    height: 250px;
    overflow: auto;
    z-index: 100;
    border: 5px solid #000000;
    border-radius:5px 5px 5px 5px;
}

.chatSendLinksPanel a.chatLinkSmiles {
       background: transparent url("http://s14.radikal.ru/i187/1604/f9/ac6c4a3c4571.png") no-repeat scroll 0 0;
       padding-left: 24px;
       padding-top: 4px;
}


.chatSendLinksPanel .chatLinkImage {
       background: transparent url("http://s019.radikal.ru/i618/1604/34/093b031e224a.png") no-repeat scroll 0 0;
       padding-left: 24px;
       padding-top: 4px;
}

.chatPeople ul.chatPeopleList li.user-2368743 a.chatUserSex2 b {
background-image:url("http://s010.radikal.ru/i313/1604/34/1436f5891ed4.png")
}

.chatFooter {
    position:absolute;
    height:62px;
}

.chatFooter .chatFooterWrapper .chatPanel .chatSendTextPanel {
    position:absolute;
    left:16px;
    top:35px;
    right:204px;
    /*height:20px;*/
}


/* свой статус: Aqua */
.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, #FF00FF, #fff2e6);
}
/* свой статус: 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);
}

/* отошел и скрылся */
.chatUserAway[title="Отошел"], .chatPeople ul.chatPeopleList li[title="Отошел"].hover {
	display: none;
}
.chatUserAway[title="Отошел"] .chatUserWrapper {
	display: none;
}
/* не беспокоить */
.chatUserAway[title="Не беспокоить"], .chatPeople ul.chatPeopleList li[title="Не беспокоить"].hover {
	opacity: 1;
}
.chatUserAway[title="Не беспокоить"] .chatUserWrapper {
	opacity: 1;
	-moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}