*                               { margin: 0; padding: 0; }
body                            { font: 13px "Open Sans", Sans-Serif; background:#e7e7e7;padding:5px; color:#222;overflow-x:hidden}



#chat-area span                 { color: white; background: #4395F2; padding: 2px 5px; -moz-border-radius: 5px; -webkit-border-radius: 8px; margin: 0 5px 0 0;font-size:11px;font-weight:bold }
#chat-area p                    { padding: 12px 15px 15px 10px; border-bottom: 1px solid #ddd;;position:relative}

#name-area                      { position: absolute; top: 12px; right: 0; color: white; font: bold 12px "Lucida Grande", Sans-Serif; text-align: right; }   
#name-area span                 { color: #fa9f00; }

#sendie                         { border: 3px solid #999; width: 325px; padding: 10px; font: 12px "Open Sans", Sans-Serif; color:#000 ;margin:5px 0 0 5px}
#chat-area b {font-size:10px;color:#4395F2;font-weight:normal;position:absolute;bottom:2px;right:5px}





#chat-area{ 
            height:400px;
            overflow-y:auto;
            overflow-x:hidden;
            margin-bottom:15px;
            background:url(/img/chat.png) no-repeat 60% 70%;
           }
#chat-area{
    scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}

/* Let's get this party started */
#chat-area::-webkit-scrollbar {
    width: 8px;
}
 
/* Track */
#chat-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    backround:#fff; 
}
 
/* Handle */
#chat-area::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #4395F2; 
}