.drop{
	background:#fff;
	margin:12px 0 0;
	position:absolute;
	right:0;
	top:100%;
	width:246px;
	z-index:1;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.drop:after,
.drop:before{
	content:"";
	clear:both;
	position:absolute;
	z-index:-2;
	bottom:17px;
	left:10px;
	width:50%;
	max-height:20px;
	max-width:300px;
	-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.8);
	box-shadow:0 15px 10px rgba(0, 0, 0, 0.8);
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	transform:rotate(-3deg);
}
.drop:after{
	right:10px;
	left:auto;
	-webkit-transform:rotate(3deg);
	-moz-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	transform:rotate(3deg);
}
.chat-panel{width:228px;}

.chat-holder{
	position: absolute;
	top: 0;
	z-index: 100;
}
.drop .title-block,
.chat-box .title-block,
.chat-holder .title-block{
	background:url(../images/bg-heading.gif);
	color:#fff;
	font:11px/13px Verdana, Geneva, sans-serif;
	overflow:hidden;
	padding:6px 11px 6px 15px;
	border-radius:2px 2px 0 0;
	-moz-border-radius:2px 2px 0 0;
	-webkit-border-radius:2px 2px 0 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.drop .title-block .number{
	float:left;
	margin:0 16px 0 0;
}
.drop .title-block .close,
.drop .title-block .minimize,
.chat-box .title-block .close,
.chat-box .minimize,
.chat-holder .title-block .close,
.chat-holder .title-block  .minimize{
	background:url(../images/sprite-community.png) no-repeat -81px 0;
	float:right;
	height:12px;
	margin:3px 0 0 5px;
	overflow:hidden;
	text-indent:-9999px;
	width:12px;
	padding:0;
}
.drop .title-block .minimize,
.chat-box .title-block .minimize,
.chat-holder .title-block .minimize{
	background-position:-67px 0;
	width:13px;
}
.drop .title,
.chat-box .title,
.chat-holder .title-block .title{
	display:block;
	overflow:hidden;
	position:relative;
}
.notification-panel .title{padding:0 0 0 23px;}

.chat-list{
	font:11px/13px Verdana, Geneva, sans-serif;
	list-style:none;
	margin:0;
	max-height:370px;
	overflow:auto;
	padding:0;
}
.chat-list li:nth-child(odd){background:#f5f5f5;}
.chat-list a{
	color:#5e5e5e;
	display:block;
	padding:6px 28px 7px 16px;
	position:relative;
}
.chat-list a:after{
	background:#bebebe;
	content:'';
	height:8px;
	position:absolute;
	right:13px;
	top:8px;
	width:8px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.chat-list .online a:after{background:#77cb24;}
.chat-panel > .frame{
	overflow:hidden;
	text-align:right;
}
.chat-panel > .frame li{
	display:inline-block;
	padding:6px 10px 4px;
	position:relative;
	text-align:left;
	vertical-align:top;
}
.chat-panel > .frame li + li{margin-left:-4px;}
.chat-panel > .frame li:before{
	background:#6b6a6a;
	border-left:1px solid #3d3d3d;
	content:'';
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:1px;
}
.chat-panel > .frame .users{
	background-position:0 -15px;
	height:16px;
	margin:0 -4px 0 0;
	width:16px;
}
.chat-box-holder{
	background:#fff;
	min-width:246px;
	height:100%;
}
/* chat box */
.chat-box{
	border:solid #cdcdcd;
	border-width:0 1px;
	height:100%;
}
.chat-box .title-block,
.chat-box > .frame{
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:100;
}
.chat-box > .frame{
	bottom:0;
	top:auto;
}
.chat-box .title{padding:0 0 0 15px;}
.chat-box .title:after{
	background:#bebebe;
	content:'';
	height:8px;
	left:0;
	position:absolute;
	top:3px;
	width:8px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.chat-box .title.active:after{background:#77cb24;}
.chat-box > .holder{
	border:0;
	padding:39px 7px 67px 8px;

}
.dialog{
	list-style:none;
	margin:0;
	padding:0 0 6px;
}
.dialog li + li{margin-top:18px;}
.dialog li > .holder:after{
	background:url(../images/sprite-community.png) no-repeat -19px -54px;
	bottom:10px;
	content:'';
	height:8px;
	left:50%;
	margin-left:-16px;
	position:absolute;
	width:32px;
}
.dialog li > .holder{
	padding:0 0 33px;
	position:relative;
}
.dialog .row{overflow:hidden;}
.dialog .row + .row{padding-top:14px;}
.dialog .visual{
	float:right;
	margin:2px 0 0 4px;
}
.dialog .output .visual{
	float:left;
	margin:2px 4px 0 0;
}
.dialog .text-holder{
	overflow:hidden;
	padding:0 8px 0 0;
	position:relative;
}
.dialog .output .text-holder{padding:0 0 0 8px;}
.dialog .text-holder:after{
	background:url(../images/sprite-community.png) no-repeat -77px -54px;
	content:'';
	height:11px;
	right:0;
	position:absolute;
	top:6px;
	width:9px;
}
.dialog .output .text-holder:after{
	background-position:-87px -54px;
	left:0;
	right:auto;
}
.dialog .date{
	display:block;
	font:10px/12px Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
}
.dialog .text-holder > .frame{
	border:1px solid #cdcdcd;
	padding:2px 7px 4px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.dialog p{margin:0;}
.form-type-msg{
	background:#fff;
	border-top:1px solid #ccc;
	bottom:28px;
	left:0;
	padding:10px;
	position:fixed;
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.form-type-msg .holder{
	background:#e9e9e9;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top,  #e9e9e9 0%, #ffffff 50%, #ffffff 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(50%,#ffffff), color-stop(100%,#ffffff));
	background:-webkit-linear-gradient(top,  #e9e9e9 0%,#ffffff 50%,#ffffff 100%);
	background:-o-linear-gradient(top,  #e9e9e9 0%,#ffffff 50%,#ffffff 100%);
	background:-ms-linear-gradient(top,  #e9e9e9 0%,#ffffff 50%,#ffffff 100%);
	background:linear-gradient(to bottom,  #e9e9e9 0%,#ffffff 50%,#ffffff 100%);
	border:1px solid #bcbcbc;
	overflow:hidden;
	padding:3px 6px 3px 11px;
	position:relative;
}
.form-type-msg .holder:after{
	background:#bcbcbc;
	content:'';
	height:100%;
	right:28px;
	position:absolute;
	top:0;
	width:1px;
}
.form-type-msg input[type="text"]{
	background:none;
	border:0;
	color:#767676;
	float:left;
	font-size:11px;
	height:15px;
	line-height:15px;
	outline:0;
	width:88%;
}
.form-type-msg input[type="submit"]{
	background:url(../images/sprite-community.png) no-repeat 0 -54px;
	border:0;
	cursor:pointer;
	float:right;
	font-size:0;
	height:17px;
	line-height:0;
	margin:1px 0 0;
	overflow:hidden;
	padding:0;
	text-indent:-9999px;
	width:17px;
}
.form-type-msg input[type="submit"]:hover{cursor:pointer;}
.chat-box > .frame{overflow:hidden;}
.chat-box > .frame li{
	float:left;
	padding:5px 0 4px;
	position:relative;
	text-align:center;
	white-space:nowrap;
	width:20%;
}
.chat-box > .frame li + li:before{
	background:#6b6a6a;
	border-left:1px solid #3d3d3d;
	content:'';
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:1px;
}
.chat-box > .frame li:after{
	display:inline-block;
	height:100%;
	vertical-align:middle;
	width:1px;
}
.chat-box > .frame a{
	background:url(../images/sprite-community.png) no-repeat;
	display:inline-block;
	margin:0 -4px 0 0;
	overflow:hidden;
	text-indent:-9999px;
	vertical-align:middle;
}
.chat-box > .frame .chat{
	background-position:-33px -15px;
	height:16px;
	width:18px;
}
.chat-box > .frame .share{
	background-position:-52px -15px;
	height:17px;
	width:24px;
}
.chat-box > .frame .video{
	background-position:-77px -15px;
	height:13px;
	width:19px;
}
.chat-box > .frame .audio{
	background-position:-97px -15px;
	height:19px;
	width:12px;
}
.chat-box > .frame .transfer-file{
	background-position:-110px -15px;
	height:17px;
	width:16px;
}