.onlineContainer{
 width: 165px;
 margin: 2px auto;
}
.onlineFrame{
  float: left;
  margin: 2px;
}
.onlineFrame img{
 width: 35px;
 height: 35px;
 float: left;
 -webkit-border-top-left-radius: 8px; -webkit-border-bottom-right-radius: 8px;
 -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px;
 border-top-left-radius: 8px; border-bottom-right-radius: 8px;
}
.onlineFrame span{
 display: none;
 font: 12px Calibri;
 line-height: 20px;
 background: white;
 -webkit-box-shadow: 2px 2px 6px black;-moz-box-shadow: 2px 2px 6px black; box-shadow: 1px 1px 8px black;
 -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}
.onlineFrame span img{
 float: left;
 width: 50px;
 height: 50px;
 padding: 3px;
}
.onlineOn{
  -webkit-box-shadow: 2px 2px 6px green; -moz-box-shadow: 2px 2px 6px green;  box-shadow: 1px 1px 8px green;
}
.onlineOff{
  -webkit-box-shadow: 2px 2px 6px #DC143C; -moz-box-shadow: 2px 2px 6px #DC143C; box-shadow: 1px 1px 8px #DC143C;
}