@charset "utf-8";
/* CSS Document */
div.main { background:#a9cce0; width:492px; height:435px; border: solid 2px #999; position:relative; }
.btn { float: right; height: 24px; margin-right: 13px; margin-top: 9px; text-align: left; width: 65px; }
div#title { height:57px }
div#title h6 {padding-left:12px; padding-top:10px;}
div.show { background:#FFF; width:305px; height:290px; float:left; border:solid 1px #39C; margin-left:10px; overflow:auto }
div.show p { margin-bottom:0; padding-left:5px }
div.show p strong.sender {color:#999}
div.show p strong.receiver {color:#090}
div.write { background:#FFF; width:305px; height:49px; border:solid 1px #39C; margin-top:10px; margin-left:10px; float:left }
div.list { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #3399CC; width: 150px; height: 351px; right: 13px; top:57px; position: absolute; }
div.list li { list-style:none; margin-left:0; display:block; background:snow url(../img/pixel_online.gif) no-repeat 5px center; padding-left:16px; border-bottom:1px solid #eee; cursor:pointer }
div.list li.newmsg { background-image:url(../img/pixel_blinkes.gif); background-color:#CF0; font-weight:bold; }
div.list li.idle { background-image:url(../img/pixel_idle.gif); color:#666}
div.list li.offline { background-image:url(../img/pixel_offline.gif); color:#CCC}
div.list li.active {background-color:darkviolet; font-weight:bold; color:#fff}

#msgEntry { background: none; border: medium none; height: 100%; margin: 0; padding: 0; width: 100%; }
#msgEntry.disabled{ background:#eee}
div.chat_logo{ width:150px; height:41px; background:url(../img/logo_chat.gif); position:absolute; top:0px; right:0px;}