.jp-controls { width: 20px; height: 25px; float: left; margin: 0 !important; list-style: none !important; }
.grouped .jp-controls { margin: -12px 0 0 !important; position: absolute; top: 50%; }

.jp-play, .jp-pause { display: block; background: url(/images/backend/stream/icons.png); font: 0/0 nofont; color: transparent; text-shadow: none; opacity: .75; }
.jp-play { background-position: 0 0; width: 20px; height: 26px; background-position: -271px 0; }
.jp-pause { width: 18px; height: 25px; background-position: -291px 0;}
.jp-play:hover, .jp-pause:hover { opacity: 1; }

.jp-progress { clear: both; background: #efefef; cursor: pointer; border-top: 1px solid #e3e7ea; padding-top: 1px; box-shadow: inset 0 1px 0 0 #fff;}
.grouped .jp-progress { padding-bottom: 1px; border-bottom: 1px solid #fff; box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 #e3e7ea; }
.jp-play-bar { background: #71c3f8; height: 20px; }
.grouped .jp-play-bar { height: 8px; }