@charset "utf-8";
/* CSS Document */

.chatContainer {  position:relative; /* border:1px solid #CCCCCC; background:#EEEEEE; */ }
.chatContainer * { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
.chatMessages { position:absolute; top:4px; left:4px; border:1px solid #CCCCCC; background:#FFFFFF; }
.chatInput { position:absolute; bottom:4px; left:4px; height:20px; }
 
/*=============================================================
	Message container
=============================================================*/
.chatMessages { overflow: auto; }
.chatMessage { padding:2px 4px; margin:2px; }
.chatMessage.self { background-color: #EFE; }
.chatMessage.system { font-weight:bold; color:#CCC; font-size:80%; padding:2px 4px 0 4px; margin:2px; }
.chatMessageUser { font-weight:bold; color:#999; }
.chatMessage.self .chatMessageUser { color: #898; }
.chatMessage.system .chatMessageUser { display:none; }

/*=============================================================
	Input
=============================================================*/
#chatInputMessage { float: left; border: none; background: none; width: 180px; height: 18px; padding: 0 0 0 4px; border:1px solid #CCCCCC; background:#FFFFFF; }
#chatInputSubmit { position:absolute; top:0; right:0; border: none; background: #CCCCCC; width: 50px; height: 20px; font-size:11px; text-transform:uppercase; }