.ionline {position:relative; display: block; }
#ionline_vis {
    display:none; 
    position:absolute; 
    top:0; 
    left: 75%;
    margin:-65px -100px 0 0;
	background:#fff;
    border : 1px solid rgba(0,0,0,0.5);    
    padding:2px 2px; 
    color:#fff; 
    font-size:10px;
    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);
}
#ionline_vis .hints { width:200px;}
#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; float:left; color:#454545; padding:2px 2px;}


.statonline, .statoffline { background: #97b312; height: 18px; color: #fff; border: 1px solid #649712; font-weight: bold; font-size: 11px; text-align: center; }
.statoffline { background: #7e7e7e; border-color: #6e6e6e; }
        

    

.online_out1 { /* Вывод в строку*/
    float:left;
    display: inline;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.online_out2 { /* Вывод в 2 столбца*/
    float:left;
    width:49%;
    text-align: left;
    overflow: hidden;
	    padding: 2px 0px;
}
.online_out3 { /* Вывод в 3 столбца*/
    float:left;
    width:33%;
    text-align: left;
    overflow: hidden;
}
.online_out4 { /* Вывод в 4 столбца*/
    float:left;
    width:24%;
    text-align: left;
    overflow: hidden;
}
.online_out5 { /* Вывод в 5 столбцов*/
    float:left;
    width:19%;
    text-align: left;
    overflow: hidden;
}

.online_user {
    overflow: hidden;
}
.online_user a{
    text-decoration:none;
}
.online_user a:hover{
    text-decoration: underline;
    cursor: pointer;
}
.lcol, .rcol {
    display: inline;
}
.lcol {
    float: left;
}
.rcol {
    float: right;
}