.chat_box {
	position:fixed;
	right:0px;
	bottom:0px;
	width:250px;
        border: 1px solid darkgray;
        z-index:10000;
}
.chat_body {
	background:white;
	height:228px;
        overflow: auto;
	padding:5px 0px;
}
.chat_head,.msg_head {
	background:grey;
	padding:10px;
	font-weight:bold;
	cursor:pointer;
	background-color: #F0E9E8;
        border-bottom: 1px solid darkgray;
}

.msg_box{
	position:fixed;
	bottom:0px;
	width:280px;
	background:white;
	border-radius:5px 5px 0px 0px;
}
.msg_wrap {
    border: 1px solid darkgray;
}
.msg_head{
	background:#564E4D;
        height: 41px;
        color: white;
}
.msg_body{
	background:white;
	height:221px;
	font-size:12px;
	padding:15px;
	overflow:auto;
	overflow-x: hidden;
}
.msg_input{
	width:100%;
	border: 1px solid white;
	border-top:1px solid #DDDDDD;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  
}

.close{
	float:right;
	cursor:pointer;
}
.minimize{
	float:right;
	cursor:pointer;
	padding-right:5px;
}
.ureadcnt {
    display: inline-block;
    border: 1px solid red;
    border-radius: 50%;
    float: right;
    padding: 2px;
    margin: 0px;
    background-color: red;
    color: white;
    width: 24px;
    text-align: center;
    margin-top: 4px;
}
.user {
	position:relative;
	padding:10px 30px;
}
.user:hover {
	background:#f8f8f8;
	cursor:pointer;

} .user:before {
	content:'';
	position:absolute;
	background:#2ecc71;
	height:10px;
	width:10px;
	left:10px;
	top:15px;
	border-radius:6px;
}
.msg_a {
	position:relative;
	background:#FDE4CE;
	padding:10px;
	min-height:10px;
	margin-bottom:5px;
	border-radius:5px;
}
.msg_a:before{
	content:"";
	position:absolute;
	width:0px;
	height:0px;
	border: 10px solid;
	border-color: transparent #FDE4CE transparent transparent;
	left:-20px;
	top:7px;
} .msg_b {
	background:gainsboro;
	padding:10px;
	min-height:15px;
	margin-bottom:5px;
	position:relative;
	border-radius:5px;
}
.msg_b:after {
	content:"";
	position:absolute;
	width:0px;
	height:0px;
	border: 10px solid;
	border-color: transparent transparent transparent gainsboro;
	right:-20px;
	top:7px;
}
.msg_footer {
    border-top: #564E4D;
}
#members {
    height: 100%;
}
#seachbox {
    border-radius: 0px;
    height: 30px;
}
#seachboxdiv {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}