Как быстрый вариант
Код
<meta charset="utf-8">
<link rel="stylesheet" href="/css/reset.css">
<link rel="stylesheet" href="/css/style.css">
<div class="msg">
<div class="chat-name"><a href="$PROFILE_URL$"
rel="nofollow" rel="nofollow"><img alt="" src="http://zornet.ru/Aben/Aben-Abag/c6f6531ba61a4effac2dd9c2066a7fbb.png" width="15" border="0" style="vertical-align:-2px"/></a>
<b><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><?if($USER_ID$='8')?><font color="red">$NAME$</font><?else?>$NAME$<?endif?></a></b></div><div class="chat-time" title="$DATE$"><font color="#4C6C75">$TIME$</font></div>
<div class="chat-text">
<font color="#5c5c5c">$MESSAGE$</style></font>
</div>
</div>
<style>
.msg {width:99%;margin-bottom:4px;background: #fff;
border:1px solid #fff;border-radius:1px;text-shadow:0 1px 0 #fff;
-moz-box-shadow:0 0 0 1px #fff;
-webkit-box-shadow:0 0 0 1px #fff;
-o-box-shadow:0 0 0 1px #fff;
box-shadow:0 0 0 1px #fff;
}
.chat-name {float:left;border-bottom:3px solid #00D1FF;width:120px;padding:5px 7px;}
.chat-name a {text-shadow:0 1px 0 #fff;}
.chat-time {float:right;border-bottom:3px solid #3F3F3F;width:34px;text-align:right;padding:5px 3px;}
.chat-text {clear:both;border-top:1px solid #fff;padding:7px;}
.op_fon {background:#f7f7f7;border:1px solid #DBDBDB;border-right:1px dotted #ccc;width:40px;height:40px;}
.gost {background:#fff;border:1px solid #DBDBDB;padding:5px;border-left:none;text-align:left;margin-left:-3px;padding-bottom:2px;margin-top:-5px;height:40px;font:10px Cuprum;}
.op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}</style>
Цвета были взяты с твоего сайта