
#ListMainChatHistory {
	position : absolute;
	top: 77px;	
	left: 235px;
	width: 720px;     
	height: 422px;
}

#Chat_loading_gif{
    position:absolute;
	left:288px;
    top:145px;
    width:108px;
    height:108px;
	display: none;
}

#chatList{
	position: absolute;
	left: 6px;
	top: 25px;
	width: 682px;     
	height: 395px;
	display: none;
}

.chatItem_Container{
	position: absolute;
    display:none;
}
.chatItem1NormalUp{
	top: 0px;
	left: 10px;
	width: 662px;
	height: 62px;	
}
.chatItem1NormalDown{
	top: 0px;	
	left: 10px;
	width: 662px;
	height: 62px;
}
.chatItem1Highlight{
	top: 0px;
	left: 0px;
	width: 682px;
	height: 85px;
}
.chatItem2NormalUp{
	top: 62px;
	left: 10px;
	width: 662px;
	height: 62px;	
}
.chatItem2NormalDown{
	top: 85px;
	left: 10px;
	width: 662px;
	height: 62px;	
}
.chatItem2Highlight{
	top: 62px;
	left: 0px;
	width: 682px;	
	height: 85px;	
}
.chatItem3NormalUp{
	top: 124px;
	left: 10px;
	width: 662px;	
	height: 62px;
}
.chatItem3NormalDown{
	top: 147px;
	left: 10px;
	width: 662px;	
	height: 62px;
}
.chatItem3Highlight{
	top: 124px;
	left: 0px;
	width: 682px;	
	height: 85px;	
}
.chatItem4NormalUp{
	top: 186px;
	left: 10px;
	width: 662px;	
	height: 62px;
}
.chatItem4NormalDown{
	top: 209px;
	left: 10px;
	width: 662px;	
	height: 62px;
}
.chatItem4Highlight{
	top: 186px;
	left: 0px;
	width: 682px;	
	height: 85px;
}
.chatItem5NormalUp{
	top: 248px;
	left: 10px;
	width: 662px;
	height: 62px;
}
.chatItem5NormalDown{
	top: 271px;
	left: 10px;
	width: 662px;
	height: 62px;
}
.chatItem5Highlight{
	top: 248px;
	left: 0px;
	width: 682px;	
	height: 85px;
}
.chatItem6NormalUp{
	top: 333px;
	left: 10px;
	width: 662px;	
	height: 62px;
}
.chatItem6NormalDown{
	top: 333px;
	left: 10px;
	width: 662px;
	height: 62px;
}
.chatItem6Highlight{
	top: 310px;
	left: 0px;
	width: 682px;	
	height: 85px;
}


.cChatItem_Name_Normal{
    top: 10px;	
    left: 94px;		
	width: 500px;     
	height: 24px;	    
	color:rgb(37,52,62);
    font-size:17px;
	text-overflow: ellipsis;	
}

.cChatItem_Name_Highlight{
    top: 11px;	
    left: 118px;		
	width: 320px;			
	height: 25px;	
	color:rgb(255,255,255);  
    font-size:20px;
	text-shadow: 0px -1px 1px rgb(96,114,121); 
}

.cChatItem_Name_Highlight_Marquee{

    top: 11px;	
    left: 118px;		
	width: 320px;			
	height: 25px;	
	color:rgb(255,255,255);  
    font-size:20px;
	text-shadow: 0px -1px 1px rgb(96,114,121); 
	text-overflow : clip;
	white-space : nowrap;
	overflow : hidden;
	overflow-x : -webkit-marquee;
	-webkit-marquee-direction : auto;
	-webkit-marquee-increment : small;
	-webkit-marquee-repetition : infinite;
	-webkit-marquee-speed : 10;
	-webkit-marquee-style : slide;
	
}

#chatTextLengthChecker {
	position: absolute;
    left: 0px;  
	top: -25px;		
	height: 22px;
    font-size:20px; 
	visibility: hidden;
}


.cChatItem_Time_Normal{
    top: 38px;
    left: 73px;	
	width: 300px;			
	height: 20px;		
    text-align:left;	
	color:rgb(37,114,153); 
    font-size:17px;	

}
.cChatItem_Time_Highlight{
    top: 8px;
    left: 370px;
	width: 300px;			
	height: 22px;		
    text-align:right;		
	color:rgb(10,114,153); 
    font-size:18px;
}


.cChatItem_MsgBallon{
	position: absolute;
	width: 41px; /*32*/
	height: 38px; /*35*/
/*
	display: none;
*/
}

.cChatItem_MsgBallon_Normal{
    top: 15px;
    left: 615px;	
}

.cChatItem_MsgBallon_Highlight{
    top: 40px;
    left: 630px;	
}

.cChatItem_MsgNumber{
	position: absolute;
    top: 5px;
    left: 5px;	
	width: 31px;
	height: 20px;
    color: #000000;
    font-size:15px;
	text-align:center;
    vertical-align:middle;
    overflow:auto;  
}

#chatButtons {
	position: absolute;
	left: 0px;   
	top: 0px;		
	width: 682px;
	height: 85px;
    display:none;
}

#chatChatButton {
	left: 91px;
	width: 198px;	
}

#chatChatButtonText {
	width: 160px;
}

#chatPage{
	position: absolute;
	left: 558px;
	top: 0px;
	width: 120px;     
	height: 24px;
	display: none;
}

#chatPageText{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 120px;
	height: 24px;
    font-size:17px;	
	/*color: #000000;*/
	color:rgb(0,48,66);
    text-align:right;
    vertical-align:middle;
   /*  overflow:auto; */	
}

#chatNotify{
	position: absolute;
	left: 11px;
	top: 120px;	
	width : 674px;
	height : 301px;
	display: none;
}

#chatNotifyText{
	position: absolute;
	left: 0px;
	top: 70px;
	width: 674px;     
	height: 80px;
	line-height:20px;
    font-size:17px;	
	color: #000000;
    text-align:center;
    vertical-align:middle;
    overflow:auto;
    padding-top:5px;
}

#chatScrollBar {
	position: absolute;
    top: 20px;
    left: 700px;
	width: 6px;
	height: 381px;
	display: none;
}

#chatScrollBarFirst {
	position: absolute;
    top: 0px;
    left: -2px;	
	width: 10px;
	height: 5px;
	z-index: 2;	
}

#chatScrollBarLast {
	position: absolute;
    top: 6px;
    left: -2px;	
	width: 10px;
	height: 5px;
	z-index: 2;	
}

#chatScrollBarSegment {
	position: absolute;
    top: 5px;
    left: -2px;	
	width: 10px;
	height: 1px;
	z-index: 2;	
}

#chatUpArrow {
	position: absolute;		
	left: 688px;
	top: 0px;
	width: 32px;
	height: 23px;	
	z-index: 3;	
	display: none;
}

#chatDownArrow {
	position: absolute;		
	left: 688px;
	top: 402px;
	width: 32px;
	height: 23px;	
	z-index: 3;	
	display: none;
}

