#chatfeed {
	width:100%;
	min-height:200px;
	border:1px solid #987;
	background:rgba(255,255,255,0.2);
	color:#000;
	position:relative;
}

#chatfeed .new {
	width:100%;
	height:60px;
	border-bottom:inherit;
	position:relative;
	padding:6px;
}
#chatfeed .chats.shorter {
	height:calc(100% - 60px);
}
#chatfeed textarea {
	width:100%;
	height:100%;
	padding:2px 3px;
	font-size:16px;
	outline: none;
	resize: none;
}
#chatfeed input {
	position:absolute;
	bottom:6px;
	right:6px;
	font-size:16px;
	padding:0px 4px;
	outline: none;
	cursor:pointer;
}

#chatfeed .chats {
	width:100%;
	height:100%;
	position:relative;
	padding:22px 0 0px 0;
}
#chatfeed .refresh {
	position:absolute;
	right:5px;
	top:4px;
	cursor:pointer;
}
#chatfeed .chatholder {
	height:100%;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
}
#chatfeed .chat.dummy {
	display:none;
}
#chatfeed .chat {
	position:relative;
	left:100%;
	opacity:0;
	font-size:16px;
	text-align:left;
	padding:4px 6px;
	border-top:1px solid #987;
}
#chatfeed .chat .time {
	position:absolute;
	right:3px;
	top:3px;
	color:#555;
	font-size:12px;
	font-family:rs2;
}
#chatfeed .chat .time:after {
	content:" ago";
}
#chatfeed .image {
	display:inline-block;
	vertical-align: top;
	width:30px;
	height:30px;
	background-size:cover;
	background-position:center;
}
#chatfeed .content {
	display:inline-block;
	vertical-align: top;
	width:calc(100% - 34px);
	padding-left:4px;
	padding-top:0px;
}
#chatfeed .name {
	color:#000;
	display:block;
}
#chatfeed .name:hover { color:#009; }
#chatfeed .name:after {
	content:":";
}
#chatfeed .message {
	color:#00f;
	display:block;
	width:100%;
	word-wrap:break-word;
}
#chatfeed .message a {
	color:#00a;
	cursor:pointer;
}
#chatfeed .message a:hover { color:#66f; }

#chatfeed .loading {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255, 255, 255, 0.3) url(../images/loading/medium.gif) no-repeat center;
}