.btn_open_chatbox{
    position: fixed;
    right:0px;
    bottom:0px;
    width:150px;
    z-index: 9;
}

.btn_open_chatbox img{
    width:100%;
}

.chatbox_popup{
    position: fixed;
    right:0px;
    bottom:0px;
    width:100%;
    z-index: 9;
    
    display:none;
    font-size:15px;
    
}
.chatbox_popup_container{
    display:block;
   

    /*
    -webkit-box-shadow: 1px 1px 15px 2px rgba(0,0,0,0.59); 
box-shadow: 1px 1px 15px 2px rgba(0,0,0,0.59);
*/

}

.chatbox_popup .heading{
    display:block;
    background-color: #5a5a5a;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color:#ffffff;
    position: relative;
    padding:10px 10px 10px 10px;
    text-align: center;
    cursor: pointer;

}

.chatbox_popup .content{
    display:block;
    background-color: #ffffff;
    padding:10px  10px 10px 10px;
    border:1px solid #5a5a5a;
    min-height: 180px;

}


.btn_close_chatbox{
    position: absolute;
    right:10px;
    top:10px;
    width:15px;
   
}

.btn_close_chatbox img{
    width:100%;
}

.chatbox_popup .heading2{
width: 100%;
text-align: center;
padding-bottom:10px;
font-size:15px;
}

.table_chatbox{
    width:100%;
}

.table_chatbox td{
    padding:0px 5px 5px 0px;
    font-size:15px;
}


input.input_middle_chatbox{

	width:95%;
	height:30px;
	line-height:30px;
	
	
	

	margin:0;
	padding: 0px 4% 0px 4%;
	text-align:center;
	
	border:1px solid #e0e0e0;
	
    font-size:15px;
	font-weight:normal;
	background-color:#ffffff;
	font-family: 'MHeiHK',Arial,Verdana,  sans-serif;
	text-align:left;
	color:#000000;

	
	
	
}

.btn_start_chatbox{
    clear:both;
    width:100px;
    margin: auto;
    padding-top:10px;
}

.btn_start_chatbox a:link,.btn_start_chatbox a:visited{
    text-decoration: none;
    background-color: #5a5a5a;
    color:#ffffff;
    font-size:15px;
    text-align:center;
   display:block;
    padding:10px 10px 10px 10px ;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}
.btn_start_chatbox a:hover{
    text-decoration: none;
    background-color: #000000;
    color:#ffffff;
    font-size:15px;
    text-align:center;
    display:block;
    padding:10px 10px 10px 10px ;

}

.chatbox_area_panel{
	width:100%;
	
}
.chatbox_area{
	float:right;
	overflow:auto;
	width:100%;
	max-height:300px;
    min-height:300px;
    font-size:15px;
}
.chatbox_list{
	max-width:600px;
}
.chatbox_list .item{
	float:right;
	width:48%;
	margin-bottom:10px;

	
}
.chatbox_list .item1{
	float:left;


	
}
.chatbox_list .item2{
	float:left;
	


	
}


.chatbox_list .item_top{
line-height: 110%;
	
}

.chatbox_list .item_bottom{
	padding-top:5px;
font-weight:bold;
	
}

.chatbox_list .item .item_container{
display:block;
padding:10px 10px 10px 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#e6e6e6;
	
}

.chatbox_list .item1 .item_container{


background-color:#e6e6e6;
	
}


.chatbox_list .item2 .item_container{

background-color:#ffffff;
border:1px solid #000000;
	
}


.chatbox_list .item3 .item_container{

background-color:#a9e7a3;
color:#255f1f;
	
}
.chatbox_list .date{
	font-size:11px;
	
}

textarea.input_chatbox{
    width:92%;
	height:70px;
	line-height:120%;
	
	
	

	margin:0;
	padding: 5px 4% 0px 4%;
	text-align:center;
	
	border:1px solid #e0e0e0;
	
    font-size:15px;
	font-weight:normal;
	background-color:#ffffff;
	font-family: 'MHeiHK',Arial,Verdana,  sans-serif;
	text-align:left;
	color:#000000;

}


.btn_chatbox_submit{
    clear:both;
    width:100px;
    margin: auto;
    
}

.btn_chatbox_submit a:link,.btn_chatbox_submit a:visited{
    text-decoration: none;
    background-color: #5a5a5a;
    color:#ffffff;
    font-size:15px;
    text-align:center;
   display:block;
    padding:10px 10px 10px 10px ;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}
.btn_chatbox_submit a:hover{
    text-decoration: none;
    background-color: #000000;
    color:#ffffff;
    font-size:15px;
    text-align:center;
    display:block;
    padding:10px 10px 10px 10px ;

}