/**  
 * function: im web chat css  
 * author: hoojo  
 * createDate: 2012-5-26 濞戞挸锕ゅ畷锟�:42:10  
 */ 
@CHARSET "UTF-8";  
.body {
    font-family: Arial;
    font-size: 12px;  
   /* padding: 0;  
    margin: 0;     */ 
}  
   
.chat-main {   
    /*right: 80px;*/ 
    /*z-index: 999;  */
    display: none;  
    position:fixed;
    z-index:999; left:35%; top:25%;
}


.chat-main.h1{
	 position: absolute;
	  top: 20px;
}

.chat-main .radius {  
    background-color: white;  
	overflow:hidden;
}  
   
#chat{box-shadow:3px 3px 5px #CCC; width:440px;height:407px; overflow:hidden; background-color:#fff;position:relative;}
#chat_table {  
    border-collapse: collapse;  
    width: 440px;  
    *width:465px;  
}  
.gray{color:#ccc;}
#chat table td {  
word-wrap:break-word;
word-break:break-all;
	}
#chat table #drag{background:url(../images/hd_bg.png) repeat-x;}
#chat table .hd{height:25px;position:relative;}
#chat table .hd i{background:url(../images/close.png) repeat-x; width:10px; height:10px; position:absolute; right:3px; top:7px; display:inline-block; cursor:pointer;}
#chat table .title {  
    font-weight: bold;  
    color:#fff;  
	line-height:25px;
	padding-left:5px;
	display:inline-block;	
}
   
#chat table td.split {  
    background-color:#EBEBEB;  
    /*cursor: pointer;*/
	width:5px;
}  
   
/* ################## product info #################### */ 
#chat table .product-info {  
    width: 45%;  
    display: none;
    padding: 0;  
    margin: 0;  
    vertical-align: top;
	border-right:3px solid #EBEBEB;
}  
   
#chat table .product-info ul {  
    margin: 0;  
    padding: 0;
}  
   
#chat table .product-info ul div.header {  
    background-color: #EBEFFE;  
    line-height: 22px;  
    font-size: 12px;  
    color: black;  
}  
   
#chat table .product-info ul li {  
    list-style: none outside none;  
    background-color: white;  
    text-overflow: ellipsis;  
    white-space: nowrap;  
    overflow: hidden;  
    padding-left: 5px;  
    line-height: 22px;  
    font-size: 11px;  
    color: #6F6F6F;  
    width: 140px;  
}  
   
#chat table .product-info ul li.pic {  
    height: 200px;  
    padding: 0 5px 0 5px;  
    text-align: center;  
}  
   
#chat table .product-info ul li.pic img {  
}  
   
#chat table .product-info ul li.product-name {  
    font-weight: bold;  
    color: black;  
}  
   
#chat table .product-info ul li.price span {
    font-family: Arial;
    font-size: 16px;  
    font-weight: bold;  
    color: #ED4E08;  
}  
   
#chat table .product-info ul li.market-price s {  
    color: black;  
}  
   
#chat table .product-info ul li a {  
    float: right;  
}  
   
#chat table .product-info ul li.info {  
    display: none;  
}  
   
/*########### 闁规亽鍎查弫鐟扳槈閸喍绱栭柛鏍ф惈閻擄拷############ */ 
#chat table .receive-message {  
    height: 250px;
	border-left:4px solid #EBEBEB;
}  
   
#chat table .send-message {  
    width: 100%;  
   border-left:4px solid #EBEBEB;
}   
   
#chat table .bottom-bar {  
    background-color:#EBEBEB;  
    text-align: right;
	border-bottom:3px solid #EBEBEB; 
	border-top:3px solid #EBEBEB; 
}
#chat table .bottom-bar td{text-align: right;}
   
/* ############## 鐎规悶鍎遍崣鍧楀级閿燂拷################ start */ 
#chat table .tool-bar {  
    height: 25px;  
    background-color: #EBEBEB;  
}  
   
#chat table .tool-bar select {  
    float: left;  
}  
   
#chat table .tool-bar select.family {  
 
}  
   
#chat table .tool-bar div {  
    width: 17px;  
    height: 16px;  
    float: left;  
    cursor: pointer;  
    margin-right: 2px;  
    margin-top: 1px;  
    *margin-top: 2px;  
    background: transparent url("../images/tb-sprite.gif") no-repeat scroll 0 0;  
}  
   
#chat table .tool-bar .color {  
    margin-left: 2px;  
    background-position: -159px 0;  
}  
#chat table .tool-bar .bold {  
    /*background-position: 0 0;*/ 
}  
#chat table .tool-bar .italic {  
    background-position: -18px 0;  
}  
#chat table .tool-bar .underline {  
    background-position: -32px 0;  
}  
#chat table .tool-bar .face {  
    margin: 2px 0 0 3px;  
    background-image: url("../images/facehappy.gif");  
}  
#chat table .tool-bar .history {  
    background-image: none;  
    width: 60px;  
    float: right;  
    margin-top: 3px;  
    font-size: 12px;  
   /* display: none; */ 
}  
/* ###### 閻炴稏鍔嶉崕锟�##### */ 
#chat #face {  
    border: 1px solid black;  
    width: 275px;  
    *width: 277px;  
    position: relative;  
    left: 8px;  
    top: -370px;  
    _top: -359px;  
    z-index: 3;  
    display: none;  
}  
   
#chat #face img {  
    border: 1px solid #ccc;  
    border-right: none;  
    border-bottom: none;   
    cursor: pointer;  
}   
#close {  
    width: 40px;  
    height: 25px;  
}  
   
.chat-message {  
    position: absolute;   
    bottom: 0;   
    left: 0;   
    width: 100%;   
    height: 25px;   
    background-color: #fcfcfc;  
}  
   
.no-msg, .have-msg {  
    cursor: pointer;   
    float: right;   
    margin: 5px 5px 0 0;  
} 

#send.btn_sd{background:url(../images/btn.png) no-repeat; height:23px; border:0 none; width:79px;}
.me{color:blue;}
.msg td{padding-left:1em;}

#fenback .sbtn{height:22px; line-height:22px;width:36px;padding-left:15px;display:inline-block;text-align:center;background:url(../images/chatlog/sch_btn.png) no-repeat 0 center;color:#000;}
#fenback .sbtn:hover{border:1px solid #ccc;width:34px;height:20px;line-height:20px; border-radius:.2em;text-decoration:none;}

.pgr span,.pgr a{display:inline-block; width:18px; height:19px;text-indent:-9999px;overflow:hidden;vertical-align:middle;}
.pgr span.first{background:url(../images/chatlog/first_page_n.png) 0 -1px no-repeat;}
.pgr span.last{background:url(../images/chatlog/last_page_n.png) 0 -1px no-repeat;}
.pgr span.next{background:url(../images/chatlog/next_page_n.png) 0 -1px no-repeat;}
.pgr span.pre{background:url(../images/chatlog/pre_page_n.png) 0 -1px no-repeat;}
.pgr a.first{background:url(../images/chatlog/first_page.png) no-repeat;}
.pgr a.last{background:url(../images/chatlog/last_page.png) no-repeat;}
.pgr a.next{background:url(../images/chatlog/next_page.png) no-repeat;}
.pgr a.pre{background:url(../images/chatlog/pre_page.png) no-repeat;}

.iframeWarp{position:relative;height:100%;}
.msgpmt{position:absolute;bottom:0;width:100%;height:22px;line-height:22px;text-align:center;background-color:#FF8800;color:#fff;}