*  {
margin : 0;
padding : 0;
}
table {
border-collapse : collapse;
border : none;
}
table td {
font-size : 12px;
}
table.chat  {
position : absolute;
height : 422px;
font : 12px/14px Tahoma, Verdana, sans-serif;
}
.chat td.sh-r {
width : 17px;
height : 390px;
background : url('images2/sh-r.png');
}
.chat td.sh-l {
width : 12px;
background : url('images2/sh-l.png');
}
.chat td.sh-t {
height : 10px;
width : 373px;
background : url('images2/sh-t.png');
}
.chat td.sh-b {
height : 22px;
background : url('images2/sh-b.png');
}
.chat td.chatcont {
width : 345px;
background : url('images2/cont-bg.jpg');
vertical-align : top;
}
table.chathead {
width : 100%;
}
.chattitle {
padding-left : 8px;
width : 100%;
cursor : move;
height : 45px;
}
.chaticons ul {
width : 36px;
height : 38px;
background : url('images2/icon_close.gif');
}
.chaticons ul li {
width : 30px;
height : 30px;
float : left;
display : block;
margin : 3px 2px 0;
cursor : pointer;
}
table.chatmain {
width : 100%;
}
.chatmain td {
vertical-align : top;
}
.chatmain .chatbody {
margin : 9px 8px;
width : 212px;
height : 279px;
overflow : auto;
background : #ffffff url('images2/chatbody-bg.jpg') repeat-x 0 0;
border : 1px solid #23647a;
}
.chatbody .cumsg {
padding : 1px 5px;
color : #3368a1;
text-align : left;
}
.chatbody .odd {
color : #a76b16;
text-align : left;
}
.cumsg .cunick {
font-weight : bold;
}
form.cinput {
margin : 10px 0 0 0;
position : relative;
}
.cinput input {
border-left : 1px solid #23647a;
border-right : 1px solid #23647a;
border-top : 1px solid #23647a;
background : #d3eaee url('images2/cinput-bg.jpg') repeat-x 0 0;
width : 212px;
border-bottom : 7px solid #18798d;
height : 19px !important ;
height : 27px !important ;
color : #195a70;
}
.cinput .csubmit {
position : absolute;
width : 95px;
height : 66px;
background : url('images2/btn-send.gif');
cursor : pointer;
right : -107px;
top : -30px;
}
td.chatside {
width : 100%;
}
.cname {
width : 92px;
height : 73px;
margin-left : 18px;
text-align : center;
position : relative;
z-index : 6;
background : url('images2/bubble.png');
}
.cname h3 {
line-height : 50px;
font-size : 17px;
color : #2e6f85;
}
.cphoto {
background : url('images2/photo-frame.gif') no-repeat;
width : 106px;
height : 116px;
position : relative;
z-index : 5;
margin-left : 7px;
margin-right : 0;
margin-top : -21px;
margin-bottom : 0;
}
* html .cphoto {
margin-left : 7px !important ;
margin-left : 9px;
}
.cphoto img {
position : relative;
top : 7px;
left : -1px;
}
.cdesc {
margin : 0 10px 0 15px;
list-style : none;
font-size : 9px !important ;
line-height : 12px;
color : #fff !important ;
}
.cdesc li {
padding : 1px 4px;
display : block;
text-align : left;
}
.cdesc li.odd {
background : #8aa5af;
border-right : 2px solid #6398aa;
text-align : left;
}
.cdesc span {
font-weight : bold;
}
.chatbody {
position : relative;
}
.smile img {
position : relative;
margin : -3px -2px -8px 0;
right : 2px;
}
* html .smile img {
display : none;
}
* html .smile {
display : inline-block;
width : 21px;
height : 21px;
position : relative;
margin : -3px -2px -8px 0;
right : 2px;
}