/* online-offline status */
.UserOnline, .UserOnlineInvisible {
font-weight: bold;
font-size: 10px;
color: @contentBackground;
background: @primaryLight url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 1px 5px;
margin: -15px -5px 5px 5px;
border: 1px solid @primaryLight;
border-radius: 3px;
border-top-right-radius: 0px;
display: block;
float: right;
position: relative;
box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
margin-left: -{xen:calc '@content.padding-right + 5'}px;
}
.UserOnline span, .UserOnlineInvisible span {
background-color: @primaryLight;
border-top-right-radius: 3px;
position: absolute;
top: -4px;
right: -1px;
width: 5px;
height: 4px;
}
.UserOnline {
background: #62a641 url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
border: 1px solid #5fa23e;
}
.UserOnline span {
background-color: #5fa23e;
}
.UserOffline {display: none;}
/* end of online-offline status */