.ionline {position:relative; display: block; font-family:cuprum; font-size:13px;}
#ionline_vis {
    display:none; 
    position:absolute; 
    top:0; 
    left: -350px;
    margin:-65px -100px 0 0;
    background:rgba(0,0,0,0.5); 
    padding:5px 5px; 
    color:#fff; 
    font-size:10px;
    overflow:hidden;
    z-index:999; 
    -moz-box-shadow:0px 1px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.5);
    box-shadow:0px 1px 5px rgba(0,0,0,0.5);
	font-family:cuprum;
	font-size:13px;
}
#ionline_vis .hints {overflow:hidden; padding:0 0 0 120px; background:#fff url(/templates/wotspeak-avt5/images/hints.png) repeat-y left center;}
#ionline_vis .lcol {overflow:hidden; color:#454545; text-align:center; margin:0 0 0 -119px;  padding:4px 3px 5px 4px; height:100% !important;}
#ionline_vis .lcol img { max-width:100px;max-height:100px;}
#ionline_vis .lcol span{display:block; padding:5px 5px 0 5px; font-size: 1.2em; font-weight: 700; color: #328EB9;}
#ionline_vis .rcol {overflow:hidden; font-size: 12px; float:left; color:#454545; padding:10px 10px; width:200px;}
#ionline_vis .rcol b {
    color: #4D6588;
}
#ionline_vis b, #ionline_vis strong {
    font-weight: normal;
}
.statoffline, .statonline { background: #76BA4A; height: 18px; line-height: 14px; color: #fff; border: 1px solid #649712; font-weight: bold; font-size: 12px; text-align: center; }
        .statoffline { background: #BD3C3C; border-color: #6e6e6e; }
        .avatars { border: 1px solid #d6d6d6; background: #fff; overflow: hidden; }
        .avatars img {
            width:100px;
        }
/*
     */
/*
*/