.audio3_html5_bottom_div {
position:fixed;
z-index:99999;
} .audio3_html5 {
}
.audio3_html5 audio {
display:block !important;
}
.xaudioplaylist {
display:none;
} .ui-slider-handle {
position: absolute;
z-index: 2;
display: block;
margin-left:-0.6em;
cursor: default;
outline: none;
}
.ui-slider-range {
display:block;
width:100%;
height:100%;
left:0;
bottom: 0;
border:0 none;
position:absolute;
z-index:1;
}
.ui-progressbar {
}
.ui-progressbar-value {
height:100%;
} .audio3_html5.whiteControllers {
float: left;
position: relative;
font:11px Arial, Helvetica, sans-serif;
color:#FFF;
}
.audio3_html5_bottom_div.whiteControllers .AudioCloseBut {
width:19px;
height:13px;
position:absolute;
margin-top:-13px;
right:0;
cursor:pointer;
background:url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/closeButOFF.png) no-repeat;
}
.audio3_html5_bottom_div.whiteControllers .AudioCloseBut:hover {
background:url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/closeButON.png) no-repeat;
}
.audio3_html5_bottom_div.whiteControllers .AudioOpenBut {
width:21px;
height:31px;
position:absolute;
cursor:pointer;
background:url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/openButOFF.png) no-repeat;
}
.audio3_html5_bottom_div.whiteControllers .AudioOpenBut:hover {
background:url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/openButON.png) no-repeat;
}
.audio3_html5.whiteControllers .AudioControls {
clear: both;
width: 100%;
} .audio3_html5.whiteControllers .AudioRewind {
float:left;
cursor: pointer;
display: block;
margin:5px 2px 8px 0px;
width: 31px;
height: 31px;
}
.audio3_html5.whiteControllers .AudioRewind:hover {
} .audio3_html5.whiteControllers .AudioPlay {
float:left;
cursor: pointer;
display: block;
margin-top:5px;
margin-right:3px;
margin-bottom:8px;
margin-left:0px;
width: 25px;
height: 25px;
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/play-off.png) no-repeat;
}
.audio3_html5.whiteControllers .AudioPlay:hover {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/play-on.png) no-repeat;
} .audio3_html5.whiteControllers .AudioPause {
float:left;
cursor: pointer;
display: block;
margin-top:5px;
margin-right:3px;
margin-bottom:8px;
margin-left:0px;
width: 25px;
height: 25px;
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/pause-off.png) no-repeat;
}
.audio3_html5.whiteControllers .AudioPause:hover {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/pause-on.png) no-repeat;
} .audio3_html5.whiteControllers .AudioPrev {
float:left;
cursor: pointer;
display: block;
margin:5px 3px 8px 2px;
width: 25px;
height: 25px;
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/prev-off.png) no-repeat;
}
.audio3_html5.whiteControllers .AudioPrev:hover {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/prev-on.png) no-repeat;
} .audio3_html5.whiteControllers .AudioNext {
float:left;
cursor: pointer;
display: block;
margin:5px 3px 8px 0px;
width: 25px;
height: 25px;
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/next-off.png) no-repeat;
}
.audio3_html5.whiteControllers .AudioNext:hover {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/next-on.png) no-repeat;
} .audio3_html5.whiteControllers .AudioShuffle {
float:left;
cursor: pointer;
display: block;
margin:5px 3px 8px 0px;
width: 25px;
height: 25px;
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/shuffle-off.png) no-repeat;
}
.audio3_html5.whiteControllers .AudioShuffle:hover {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/shuffle-on.png) no-repeat;
}
.audio3_html5.whiteControllers .AudioShuffleON {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/shuffle-on.png) no-repeat;
} .audio3_html5.whiteControllers .VolumeButton {
float:left;
cursor: pointer;
display: block;
margin:12px 5px 8px 5px;
width: 7px;
height: 10px;
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/volume-off.png) no-repeat;
}
.audio3_html5.whiteControllers .VolumeButton:hover {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/volume-on.png) no-repeat;
}
.audio3_html5.whiteControllers .VolumeButtonMuted {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/volumeMute-off.png) no-repeat;
}
.audio3_html5.whiteControllers .VolumeButtonMuted:hover {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/volumeMute-on.png) no-repeat;
} .audio3_html5.whiteControllers .VolumeSlider {
float:left;
cursor: pointer;
display: block;
width:35px;
height:4px;
margin:15px 5px 5px 0px;
}
.audio3_html5.whiteControllers .VolumeSlider .ui-slider-handle {
display:none;
}
.audio3_html5.whiteControllers .VolumeSlider .ui-slider-handle.ui-state-hover {
}
.audio3_html5.whiteControllers .VolumeSlider .ui-slider-range {
position:relative;
height:4px;
} .audio3_html5.whiteControllers .AudioTimer {
float:left;
display: block;
margin:10px 5px 8px 5px;
font-weight: normal;
} .audio3_html5.whiteControllers .AudioBuffer {
clear:both;
cursor: pointer;
display: block;
height: 4px;
margin:5px 5px 5px 5px;
}
.audio3_html5.whiteControllers .AudioBuffer .ui-widget-content {  }
.audio3_html5.whiteControllers .AudioBuffer .ui-widget-header { } .audio3_html5.whiteControllers .AudioSeek {
clear:both;
cursor: pointer;
position:relative;
height:4px;
margin:-9px 5px 5px 5px;
}
.audio3_html5.whiteControllers .AudioSeek .ui-slider-handle {
display:none;
}
.audio3_html5.whiteControllers .AudioSeek .ui-slider-handle.ui-state-hover {
}
.audio3_html5.whiteControllers .AudioSeek .ui-slider-range {
height:4px;
} .audio3_html5.whiteControllers .songAuthorTitle {
position:relative;
float:left;
display: block;
overflow:hidden;
height:14px;
margin:3px 5px 5px 5px;
font-weight: normal;
}
.audio3_html5.whiteControllers .songAuthorTitleInside {
position: absolute;
white-space: nowrap;
} .audio3_html5.whiteControllers .thumbsHolderWrapper {
position:absolute;
height:100%;
margin-top:0px;
overflow:hidden;
}
.audio3_html5.whiteControllers .thumbsHolderVisibleWrapper {
position:absolute;
height:100%;
overflow:hidden;
}
.audio3_html5.whiteControllers .thumbsHolder {
position:absolute;
text-align:left;
} .audio3_html5.whiteControllers .thumbsHolder_ThumbOFF {
display:block;
height:30px;
cursor: pointer;
background:#000;
overflow:hidden;
border-bottom:1px solid #ff0000;
line-height:2.5em;
}
.audio3_html5.whiteControllers .thumbsHolder_ThumbOFF  .padding {
padding:2px 10px 10px 10px;
} .audio3_html5.whiteControllers .slider-vertical {
display:none;
position:absolute;
width:9px;
}
.audio3_html5.whiteControllers .slider-vertical.ui-slider { position: relative;}
.audio3_html5.whiteControllers .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 9px; height: 16px; cursor: pointer; background:url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/scrollerFaceOFF.png) 0 0 no-repeat; }
.audio3_html5.whiteControllers .slider-vertical.ui-slider .ui-slider-handle:hover {  background:url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/whiteControllers/scrollerFaceON.png) 0 0 no-repeat; }
.audio3_html5.whiteControllers .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }
.audio3_html5.whiteControllers .slider-vertical.ui-slider-vertical { width: 9px; height: 100px; }
.audio3_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -16px;; border: 0; }
.audio3_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.audio3_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.audio3_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; } .audio3_html5.whiteControllers .slider-vertical.ui-widget-content { }
.audio3_html5.whiteControllers .slider-vertical .ui-widget-header { } .audio3_html5.whiteControllers .slider-vertical.ui-corner-all {}
.audio3_html5.whiteControllers .cancelDiv {
display:none;
width:0px;
height:0px;
padding:0;
margin:0;
}
.audio3_html5.whiteControllers .cancelThumbsHolderWrapper {
display:none;
opacity:0;
margin-top:-20px;
} .audio3_html5.blackControllers {
float: left;
position: relative;
font:11px Arial, Helvetica, sans-serif;
color:#FFF;
}
.audio3_html5_bottom_div.blackControllers .AudioCloseBut {
width:19px;
height:13px;
position:absolute;
margin-top:-13px;
right:0;
cursor:pointer;
background:url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/closeButOFF.png) no-repeat;
}
.audio3_html5_bottom_div.blackControllers .AudioCloseBut:hover {
background:url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/closeButON.png) no-repeat;
}
.audio3_html5_bottom_div.blackControllers .AudioOpenBut {
width:21px;
height:31px;
position:absolute;
cursor:pointer;
background:url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/openButOFF.png) no-repeat;
}
.audio3_html5_bottom_div.blackControllers .AudioOpenBut:hover {
background:url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/openButON.png) no-repeat;
}
.audio3_html5.blackControllers .AudioControls {
clear: both;
width: 100%;
} .audio3_html5.blackControllers .AudioRewind {
float:left;
cursor: pointer;
display: block;
margin:5px 2px 8px 0px;
width: 31px;
height: 31px;
}
.audio3_html5.blackControllers .AudioRewind:hover {
} .audio3_html5.blackControllers .AudioPlay {
float:left;
cursor: pointer;
display: block;
margin-top:5px;
margin-right:3px;
margin-bottom:8px;
margin-left:0px;
width: 25px;
height: 25px;
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/play-off.png) no-repeat;
}
.audio3_html5.blackControllers .AudioPlay:hover {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/play-on.png) no-repeat;
} .audio3_html5.blackControllers .AudioPause {
float:left;
cursor: pointer;
display: block;
margin:5px 3px 8px 0px;
width: 25px;
height: 25px;
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/pause-off.png) no-repeat;
}
.audio3_html5.blackControllers .AudioPause:hover {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/pause-on.png) no-repeat;
} .audio3_html5.blackControllers .AudioPrev {
float:left;
cursor: pointer;
display: block;
margin:5px 3px 8px 2px;
width: 25px;
height: 25px;
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/prev-off.png) no-repeat;
}
.audio3_html5.blackControllers .AudioPrev:hover {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/prev-on.png) no-repeat;
} .audio3_html5.blackControllers .AudioNext {
float:left;
cursor: pointer;
display: block;
margin:5px 3px 8px 0px;
width: 25px;
height: 25px;
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/next-off.png) no-repeat;
}
.audio3_html5.blackControllers .AudioNext:hover {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/next-on.png) no-repeat;
} .audio3_html5.blackControllers .AudioShuffle {
float:left;
cursor: pointer;
display: block;
margin:5px 3px 8px 0px;
width: 25px;
height: 25px;
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/shuffle-off.png) no-repeat;
}
.audio3_html5.blackControllers .AudioShuffle:hover {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/shuffle-on.png) no-repeat;
}
.audio3_html5.blackControllers .AudioShuffleON {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/shuffle-on.png) no-repeat;
} .audio3_html5.blackControllers .VolumeButton {
float:left;
cursor: pointer;
display: block;
margin:12px 5px 8px 5px;
width: 7px;
height: 10px;
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/volume-off.png) no-repeat;
}
.audio3_html5.blackControllers .VolumeButton:hover {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/volume-on.png) no-repeat;
}
.audio3_html5.blackControllers .VolumeButtonMuted {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/volumeMute-off.png) no-repeat;
}
.audio3_html5.blackControllers .VolumeButtonMuted:hover {
background: url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/volumeMute-on.png) no-repeat;
} .audio3_html5.blackControllers .VolumeSlider {
float:left;
cursor: pointer;
display: block;
width:35px;
height:4px;
margin:15px 5px 5px 0px;
}
.audio3_html5.blackControllers .VolumeSlider .ui-slider-handle {
display:none;
}
.audio3_html5.blackControllers .VolumeSlider .ui-slider-handle.ui-state-hover {
}
.audio3_html5.blackControllers .VolumeSlider .ui-slider-range {
position:relative;
height:4px;
} .audio3_html5.blackControllers .AudioTimer {
float:left;
display: block;
margin:10px 5px 8px 5px;
font-weight: normal;
} .audio3_html5.blackControllers .AudioBuffer {
clear:both;
cursor: pointer;
display: block;
height: 4px;
margin:5px 5px 5px 5px;
}
.audio3_html5.blackControllers .AudioBuffer .ui-widget-content {  }
.audio3_html5.blackControllers .AudioBuffer .ui-widget-header { } .audio3_html5.blackControllers .AudioSeek {
clear:both;
cursor: pointer;
position:relative;
height:4px;
margin:-9px 5px 5px 5px;
}
.audio3_html5.blackControllers .AudioSeek .ui-slider-handle {
display:none;
}
.audio3_html5.blackControllers .AudioSeek .ui-slider-handle.ui-state-hover {
}
.audio3_html5.blackControllers .AudioSeek .ui-slider-range {
height:4px;
} .audio3_html5.blackControllers .songAuthorTitle {
position:relative;
float:left;
display: block;
overflow:hidden;
height:14px;
margin:3px 5px 5px 5px;
font-weight: normal;
}
.audio3_html5.blackControllers .songAuthorTitleInside {
position: absolute;
white-space: nowrap;
} .audio3_html5.blackControllers .thumbsHolderWrapper {
position:absolute;
height:100%;
margin-top:0px;
overflow:hidden;
}
.audio3_html5.blackControllers .thumbsHolderVisibleWrapper {
position:absolute;
height:100%;
overflow:hidden;
}
.audio3_html5.blackControllers .thumbsHolder {
position:absolute;
text-align:left;
} .audio3_html5.blackControllers .thumbsHolder_ThumbOFF {
display:block;
height:30px;
cursor: pointer;
background:#000;
overflow:hidden;
border-bottom:1px solid #ff0000;
line-height:2.5em;
}
.audio3_html5.blackControllers .thumbsHolder_ThumbOFF  .padding {
padding:2px 10px 10px 10px;
} .audio3_html5.blackControllers .slider-vertical {
display:none;
position:absolute;
width:9px;
}
.audio3_html5.blackControllers .slider-vertical.ui-slider { position: relative;}
.audio3_html5.blackControllers .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 9px; height: 16px; cursor: pointer; background:url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/scrollerFaceOFF.png) 0 0 no-repeat; }
.audio3_html5.blackControllers .slider-vertical.ui-slider .ui-slider-handle:hover {  background:url(//zielgaattevoet.nl/wp-content/plugins/lbg-audio3-html5/audio3_html5/controllers/blackControllers/scrollerFaceON.png) 0 0 no-repeat; }
.audio3_html5.blackControllers .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }
.audio3_html5.blackControllers .slider-vertical.ui-slider-vertical { width: 9px; height: 100px; }
.audio3_html5.blackControllers .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -16px;; border: 0; }
.audio3_html5.blackControllers .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.audio3_html5.blackControllers .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.audio3_html5.blackControllers .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; } .audio3_html5.blackControllers .slider-vertical.ui-widget-content { }
.audio3_html5.blackControllers .slider-vertical .ui-widget-header { } .audio3_html5.blackControllers .slider-vertical.ui-corner-all {}
.audio3_html5.blackControllers .cancelDiv {
display:none;
width:0px;
height:0px;
padding:0;
margin:0;
}
.audio3_html5.blackControllers .cancelThumbsHolderWrapper {
display:none;
opacity:0;
margin-top:-20px;
}
.hideElement {
display:none;
}
.clearBoth {
clear: both;
}