.OnlineCounter .Header {
     background-color: #2a7f49;
    text-transform: uppercase;
    box-shadow: 0 5px 10px #888;
    color: #fff;
    font: bold 15px arial;
    padding: 10px 25px;
    border-radius: 40px;
    margin-bottom: 10px;
}
.OnlineCounter .Header::before {
   
}
.OnlineCounter .Header span {
  
}
.OnlineCounter .Header span::after {
  
    bottom: 0;
    content: "";
    height: 70%;
    position: absolute;
    right: 0;
    width: 56px;
}
.OnlineCounter .Header span::before {
   
    content: "";
    height: 70%;
    left: 0;
    position: absolute;
    top: 0;
    width: 56px;
    border-top-left-radius: 5px;
}
.OnlineCounter {
margin-top: 20px;
}
.OnlineCounter .MultiRow ul {
        background: #ffffff none repeat scroll 0 0;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        border: 1px solid #ddd;
        padding: 15px;
        border-radius: 10px;
}
.OnlineCounter .MultiRow ul li span {
        color: #555;
        font-size: 14px;
}
.OnlineCounter .MultiRow {
        border-radius: 5px 5px 0 0;
        overflow: hidden;
}
.OnlineCounter .MultiRow .OnlineWrap {
        overflow: hidden;
}
.OnlineCounter .MultiRow li {
        margin: 6px;
}
.OnlineCounter .MultiRow .CurrenOnline {
        color: #cc0000;
        float: right;
        font-weight: bolder;
        padding-right: 5px;
}
.OnlineCounter .MultiRow .OneDayOnline {
        float: right;
        font-weight: bolder;
        padding-right: 5px;
}
.OnlineCounter .MultiRow .OneWeekOnline,.MonthOnline {
        float: right;
        font-weight: bolder;
        padding-right: 5px;
}
.OnlineCounter .MultiRow .TotalOnline {
        float: right;
        font-weight: bolder;
        padding-right: 5px;
}