/*
available controllers:
- whiteControllers
- blackControllers
*/
/* the border
.audio2_html5Bg {
position:relative;
}
*/
/* the container */
.audio2_html5 {
/*background:#0000CC;
padding:5px;*/
}
.xaudioplaylist {
display:none;
}
/* jquery ui styles */
.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 {
/*height: 5px;*/
}
.ui-progressbar-value {
height:100%;
}
/* whiteControllers */
.audio2_html5.whiteControllers {
float: left;
position: relative;
font:11px Arial, Helvetica, sans-serif;
color:#FFF;
margin:0;
padding:0;
}
.audio2_html5.whiteControllers .AudioControls {
/*clear: both;*/
width: 100%;
margin:0;
padding:0;
}
.audio2_html5.whiteControllers .ximage {
position:absolute;
width: 80px;
height: 80px;
/*border:1px solid #FFF;*/
margin:0;
padding:0;
overflow:hidden;
}
/* rewind */
.audio2_html5.whiteControllers .AudioRewind {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
z-index:1;
width: 12px;
height: 14px;
background: url(https://googledrive.com/host/0B-vmRyhqbM7_b3A1M2h3N0JtSmc) no-repeat;
}
.audio2_html5.whiteControllers .AudioRewind:hover {
background: url(https://googledrive.com/host/0B-vmRyhqbM7_akQtRXZUam5waDQ) no-repeat;
}
.audio2_html5.whiteControllers .AudioShuffle {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
z-index:1;
width: 19px;
height: 14px;
background: url(https://googledrive.com/host/0B-vmRyhqbM7_SFZNYnFad2hLd2s) no-repeat;
}
.audio2_html5.whiteControllers .AudioShuffle:hover {
background: url(https://googledrive.com/host/0B-vmRyhqbM7_UVNlWW9lU1ZxbUk) no-repeat;
}
.audio2_html5.whiteControllers .AudioShuffleON {
background: url(https://googledrive.com/host/0B-vmRyhqbM7_UVNlWW9lU1ZxbUk) no-repeat;
}
.audio2_html5.whiteControllers .AudioDownload {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
z-index:1;
width: 15px;
height: 14px;
background: url(controllers/whiteControllers/download-off.png) no-repeat;
}
.audio2_html5.whiteControllers .AudioDownload:hover {
background: url(controllers/whiteControllers/download-on.png) no-repeat;
}
.audio2_html5.whiteControllers .AudioFacebook {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
z-index:1;
width: 7px;
height: 14px;
background: url(controllers/whiteControllers/facebook-off.png) no-repeat;
}
.audio2_html5.whiteControllers .AudioFacebook:hover {
background: url(controllers/whiteControllers/facebook-on.png) no-repeat;
}
.audio2_html5.whiteControllers .AudioTwitter {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
z-index:1;
width: 14px;
height: 14px;
background: url(controllers/whiteControllers/twitter-off.png) no-repeat;
}
.audio2_html5.whiteControllers .AudioTwitter:hover {
background: url(controllers/whiteControllers/twitter-on.png) no-repeat;
}
/* play */
.audio2_html5.whiteControllers .AudioPlay {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
width: 37px;
height: 37px;
background: url(https://googledrive.com/host/0B-vmRyhqbM7_WjdlZXNER2l5a1k) no-repeat;
}
.audio2_html5.whiteControllers .AudioPlay:hover {
background: url(https://googledrive.com/host/0B-vmRyhqbM7_ZVRsSm80dHZzc1U) no-repeat;
}
/* pause */
.audio2_html5.whiteControllers .AudioPause {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
width: 37px;
height: 37px;
background: url(https://googledrive.com/host/0B-vmRyhqbM7_V01Rd0Y5a3FSWDA) no-repeat;
}
.audio2_html5.whiteControllers .AudioPause:hover {
background: url(https://googledrive.com/host/0B-vmRyhqbM7_c2JfV2FCV3dKYjA) no-repeat;
}
/* prev */
.audio2_html5.whiteControllers .AudioPrev {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
width: 27px;
height: 26px;
background: url(https://googledrive.com/host/0B-vmRyhqbM7_VUpYS2pXaWgtVXM) no-repeat;
}
.audio2_html5.whiteControllers .AudioPrev:hover {
background: url(https://googledrive.com/host/0B-vmRyhqbM7_VXZqTFRjb0hlUTg) no-repeat;
}
/* next */
.audio2_html5.whiteControllers .AudioNext {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
width: 27px;
height: 26px;
background: url(https://googledrive.com/host/0B-vmRyhqbM7_V0NtRjRRRU1QNXc) no-repeat;
}
.audio2_html5.whiteControllers .AudioNext:hover {
background: url(https://googledrive.com/host/0B-vmRyhqbM7_c1hOaUFHZEFNS3c) no-repeat;
}
.audio2_html5.whiteControllers .bordersDiv {
position:absolute;
display: block;
margin:0;
padding:0;
height: 20px;
z-index:0;
border-top-width:1px;
border-top-style:solid;
border-top-color:#000000;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#000000;
}
/*show/hide playlist */
.audio2_html5.whiteControllers .AudioShowHidePlaylist {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
z-index:1;
width: 12px;
height: 14px;
background: url(https://googledrive.com/host/0B-vmRyhqbM7_aENfaWQ3clRqQ0E) no-repeat;
}
.audio2_html5.whiteControllers .AudioShowHidePlaylist:hover {
background: url(https://googledrive.com/host/0B-vmRyhqbM7_SUZiSzRqZzh5OHc) no-repeat;
}
/* volume button Mute & UnMute*/
.audio2_html5.whiteControllers .VolumeButton {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
width: 7px;
height: 10px;
background: url(https://googledrive.com/host/0B-vmRyhqbM7_T2R6ZkxDRVV4bUU) no-repeat;
}
.audio2_html5.whiteControllers .VolumeButton:hover {
background: url(https://googledrive.com/host/0B-vmRyhqbM7_bUlfSkh5ajVTeEU) no-repeat;
}
.audio2_html5.whiteControllers .VolumeButtonMuted {
background: url(https://googledrive.com/host/0B-vmRyhqbM7_MVRmUUZMQmFjenc) no-repeat;
}
.audio2_html5.whiteControllers .VolumeButtonMuted:hover {
background: url(https://googledrive.com/host/0B-vmRyhqbM7_a2R5b08yV0pUT0k) no-repeat;
}
/* volume slider */
.audio2_html5.whiteControllers .VolumeSlider {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
width:100px;
height:4px;
/*background: #fff000;*/
}
.audio2_html5.whiteControllers .VolumeSlider .ui-slider-handle {
display:none;
}
.audio2_html5.whiteControllers .VolumeSlider .ui-slider-handle.ui-state-hover {
/*background: #fff000;*/
}
.audio2_html5.whiteControllers .VolumeSlider .ui-slider-range {
position:relative;
height:4px;
/*background: #00F; blue*/
}
/* timer */
.audio2_html5.whiteControllers .AudioTimer_a {
/*float:left;*/
position:absolute;
/*top:10px;
left:15px;*/
display: block;
margin:0;
padding:0;
line-height:1;
font-weight: normal;
/*border:1px solid #F00;*/
}
.audio2_html5.whiteControllers .AudioTimer_b {
/*float:left;*/
position:absolute;
/*top:10px;
right:15px;*/
display: block;
margin:0;
height:auto;
padding:0;
line-height:1;
display: block;
font-weight: normal;
/*border:1px solid #F00;*/
}
/* buffer */
.audio2_html5.whiteControllers .AudioBuffer {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
height: 4px;
margin:0;
padding:0;
/*width:100%;*/
}
.audio2_html5.whiteControllers .AudioBuffer .ui-widget-content { }
.audio2_html5.whiteControllers .AudioBuffer .ui-widget-header { /*background:#93C; mauve*/ }
/* seek */
.audio2_html5.whiteControllers .AudioSeek {
/*clear:both;*/
cursor: pointer;
position:absolute;
height: 4px;
margin:0;
padding:0;
/*margin-top:-9px; margin:5px 0px 5px 0px; (AudioBuffer) + height:4px;*/
}
.audio2_html5.whiteControllers .AudioSeek .ui-slider-handle {
display:none;
}
.audio2_html5.whiteControllers .AudioSeek .ui-slider-handle.ui-state-hover {
/*background: #fff000;*/
}
.audio2_html5.whiteControllers .AudioSeek .ui-slider-range {
height:4px;
}
/*song Author & Title*/
.audio2_html5.whiteControllers .songTitle {
position:absolute;
float:left;
display: block;
overflow:hidden;
height:14px;
margin:0;
padding:0;
line-height:1;
font-weight: normal;
}
.audio2_html5.whiteControllers .songTitleInside {
position: absolute;
white-space: nowrap;
}
.audio2_html5.whiteControllers .songAuthor {
position:absolute;
float:left;
display: block;
overflow:hidden;
height:12px;
margin:0;
padding:0;
line-height:1;
font-weight: normal;
/*border:1px solid #CC6;*/
}
/* playlist */
.audio2_html5.whiteControllers .selectedCategDiv {
cursor: pointer;
margin:0;
padding:0px 0px;
text-align:center;
/*font-size:13px;
line-height:1.5;
font-weight:bold;*/
background-image:url(https://dl.dropboxusercontent.com/u/25137933/CharkleonsMusic/controllers/whiteControllers/categories_arrow_bg.png);
background-repeat:no-repeat;
}
.audio2_html5.whiteControllers .innerSelectedCategDiv {
cursor: pointer;
overflow:hidden;
height:25px;
width:80%;
margin:0;
padding:0px 10%;
text-align:center;
font-size:13px;
line-height:1.9;
font-weight:bold;
background-image:url(https://dl.dropboxusercontent.com/u/25137933/CharkleonsMusic/controllers/whiteControllers/categories_arrow_bg.png);
background-repeat:no-repeat;
}
.audio2_html5.whiteControllers .searchDiv {
margin:0;
padding:0;
background-image:url(https://dl.dropboxusercontent.com/u/25137933/CharkleonsMusic/controllers/whiteControllers/search_icon.png);
background-repeat:no-repeat;
background-position: 10px 50%;
}
.audio2_html5.whiteControllers .search_term {
background-color:#FFF;
border: 1px solid #333333;
color: #000000;
font:11px Arial, Helvetica, sans-serif;
margin:3px 30px;
padding: 1px;
}
.audio2_html5.whiteControllers .thumbsHolderWrapper {
position:absolute;
height:100%;
margin-top:0px;
overflow:hidden;
}
.audio2_html5.whiteControllers .thumbsHolderVisibleWrapper {
/*position:absolute;*/
position:relative;
height:100%;
overflow:hidden;
clear:both;/*new*/
}
.audio2_html5.whiteControllers .thumbsHolder {
position:absolute;
text-align:left;
}
/* thumbsOFF */
.audio2_html5.whiteControllers .thumbsHolder_ThumbOFF {
display:block;
height:30px;
cursor: pointer;
background:#000;
overflow:hidden;
border-bottom:1px solid #ff0000;
line-height:2.5em;
}
.audio2_html5.whiteControllers .thumbsHolder_ThumbOFF .padding {
padding:2px 10px 10px 10px;
}
/* scroller start */
.audio2_html5.whiteControllers .slider-vertical {
display:none;
position:absolute;
width:9px;
}
.audio2_html5.whiteControllers .slider-vertical.ui-slider { position: relative;}
.audio2_html5.whiteControllers .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 9px; height: 16px; cursor: pointer; background:url(https://googledrive.com/host/0B-vmRyhqbM7_LVhPZGpUSnlIcUE) 0 0 no-repeat; }
.audio2_html5.whiteControllers .slider-vertical.ui-slider .ui-slider-handle:hover { background:url(https://googledrive.com/host/0B-vmRyhqbM7_a2pkUDFyU25XRnM) 0 0 no-repeat; }
.audio2_html5.whiteControllers .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }
.audio2_html5.whiteControllers .slider-vertical.ui-slider-vertical { width: 9px; height: 100px; }
.audio2_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -16px;; border: 0; }
.audio2_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.audio2_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.audio2_html5.whiteControllers .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; }
/* Component containers
----------------------------------*/
.audio2_html5.whiteControllers .slider-vertical.ui-widget-content { /*background: #ff7800;*/}
.audio2_html5.whiteControllers .slider-vertical .ui-widget-header { /*background: #24ff00;*/ }
/* Corner radius */
.audio2_html5.whiteControllers .slider-vertical.ui-corner-all {}
/* Interaction states
----------------------------------
.audio2_html5.whiteControllers .slider-vertical.ui-state-default {background: #000000; }
.audio2_html5.whiteControllers .slider-vertical.ui-state-hover { background: #FFF000; }
*/
/* scroller end */
/* blackControllers */
.audio2_html5.blackControllers {
float: left;
position: relative;
font:11px Arial, Helvetica, sans-serif;
color:#FFF;
margin:0;
padding:0;
}
.audio2_html5.blackControllers .AudioControls {
/*clear: both;*/
width: 100%;
margin:0;
padding:0;
}
.audio2_html5.blackControllers .ximage {
position:absolute;
width: 80px;
height: 80px;
/*border:1px solid #FFF;*/
margin:0;
padding:0;
overflow:hidden;
}
/* rewind */
.audio2_html5.blackControllers .AudioRewind {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
z-index:1;
width: 12px;
height: 14px;
background: url(controllers/blackControllers/rewind-off.png) no-repeat;
}
.audio2_html5.blackControllers .AudioRewind:hover {
background: url(controllers/blackControllers/rewind-on.png) no-repeat;
}
.audio2_html5.blackControllers .AudioShuffle {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
z-index:1;
width: 19px;
height: 14px;
background: url(controllers/blackControllers/shuffle-off.png) no-repeat;
}
.audio2_html5.blackControllers .AudioShuffle:hover {
background: url(controllers/blackControllers/shuffle-on.png) no-repeat;
}
.audio2_html5.blackControllers .AudioShuffleON {
background: url(controllers/blackControllers/shuffle-on.png) no-repeat;
}
.audio2_html5.blackControllers .AudioDownload {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
z-index:1;
width: 15px;
height: 14px;
background: url(controllers/blackControllers/download-off.png) no-repeat;
}
.audio2_html5.blackControllers .AudioDownload:hover {
background: url(controllers/blackControllers/download-on.png) no-repeat;
}
.audio2_html5.blackControllers .AudioFacebook {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
z-index:1;
width: 7px;
height: 14px;
background: url(controllers/blackControllers/facebook-off.png) no-repeat;
}
.audio2_html5.blackControllers .AudioFacebook:hover {
background: url(controllers/blackControllers/facebook-on.png) no-repeat;
}
.audio2_html5.blackControllers .AudioTwitter {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
z-index:1;
width: 14px;
height: 14px;
background: url(controllers/blackControllers/twitter-off.png) no-repeat;
}
.audio2_html5.blackControllers .AudioTwitter:hover {
background: url(controllers/blackControllers/twitter-on.png) no-repeat;
}
/* play */
.audio2_html5.blackControllers .AudioPlay {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
width: 37px;
height: 37px;
background: url(controllers/blackControllers/play-off.png) no-repeat;
}
.audio2_html5.blackControllers .AudioPlay:hover {
background: url(controllers/blackControllers/play-on.png) no-repeat;
}
/* pause */
.audio2_html5.blackControllers .AudioPause {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
width: 37px;
height: 37px;
background: url(controllers/blackControllers/pause-off.png) no-repeat;
}
.audio2_html5.blackControllers .AudioPause:hover {
background: url(controllers/blackControllers/pause-on.png) no-repeat;
}
/* prev */
.audio2_html5.blackControllers .AudioPrev {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
width: 27px;
height: 26px;
background: url(controllers/blackControllers/prev-off.png) no-repeat;
}
.audio2_html5.blackControllers .AudioPrev:hover {
background: url(controllers/blackControllers/prev-on.png) no-repeat;
}
/* next */
.audio2_html5.blackControllers .AudioNext {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
width: 27px;
height: 26px;
background: url(controllers/blackControllers/next-off.png) no-repeat;
}
.audio2_html5.blackControllers .AudioNext:hover {
background: url(controllers/blackControllers/next-on.png) no-repeat;
}
.audio2_html5.blackControllers .bordersDiv {
position:absolute;
display: block;
margin:0;
padding:0;
height: 20px;
z-index:0;
border-top-width:1px;
border-top-style:solid;
border-top-color:#000000;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#000000;
}
/*show/hide playlist */
.audio2_html5.blackControllers .AudioShowHidePlaylist {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
z-index:1;
width: 12px;
height: 14px;
background: url(controllers/blackControllers/showhideplaylist-off.png) no-repeat;
}
.audio2_html5.blackControllers .AudioShowHidePlaylist:hover {
background: url(controllers/blackControllers/showhideplaylist-on.png) no-repeat;
}
/* volume button Mute & UnMute*/
.audio2_html5.blackControllers .VolumeButton {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
width: 7px;
height: 10px;
background: url(controllers/blackControllers/volume-off.png) no-repeat;
}
.audio2_html5.blackControllers .VolumeButton:hover {
background: url(controllers/blackControllers/volume-on.png) no-repeat;
}
.audio2_html5.blackControllers .VolumeButtonMuted {
background: url(controllers/blackControllers/volumeMute-off.png) no-repeat;
}
.audio2_html5.blackControllers .VolumeButtonMuted:hover {
background: url(controllers/blackControllers/volumeMute-on.png) no-repeat;
}
/* volume slider */
.audio2_html5.blackControllers .VolumeSlider {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
margin:0;
padding:0;
width:100px;
height:4px;
/*background: #fff000;*/
}
.audio2_html5.blackControllers .VolumeSlider .ui-slider-handle {
display:none;
}
.audio2_html5.blackControllers .VolumeSlider .ui-slider-handle.ui-state-hover {
/*background: #fff000;*/
}
.audio2_html5.blackControllers .VolumeSlider .ui-slider-range {
position:relative;
height:4px;
/*background: #00F; blue*/
}
/* timer */
.audio2_html5.blackControllers .AudioTimer_a {
/*float:left;*/
position:absolute;
/*top:10px;
left:15px;*/
display: block;
margin:0;
padding:0;
line-height:1;
font-weight: normal;
/*border:1px solid #F00;*/
}
.audio2_html5.blackControllers .AudioTimer_b {
/*float:left;*/
position:absolute;
/*top:10px;
right:15px;*/
display: block;
margin:0;
height:auto;
padding:0;
line-height:1;
display: block;
font-weight: normal;
/*border:1px solid #F00;*/
}
/* buffer */
.audio2_html5.blackControllers .AudioBuffer {
/*float:left;*/
position:absolute;
cursor: pointer;
display: block;
height: 4px;
margin:0;
padding:0;
/*width:100%;*/
}
.audio2_html5.blackControllers .AudioBuffer .ui-widget-content { }
.audio2_html5.blackControllers .AudioBuffer .ui-widget-header { /*background:#93C; mauve*/ }
/* seek */
.audio2_html5.blackControllers .AudioSeek {
/*clear:both;*/
cursor: pointer;
position:absolute;
height: 4px;
margin:0;
padding:0;
/*margin-top:-9px; margin:5px 0px 5px 0px; (AudioBuffer) + height:4px;*/
}
.audio2_html5.blackControllers .AudioSeek .ui-slider-handle {
display:none;
}
.audio2_html5.blackControllers .AudioSeek .ui-slider-handle.ui-state-hover {
/*background: #fff000;*/
}
.audio2_html5.blackControllers .AudioSeek .ui-slider-range {
height:4px;
}
/*song Author & Title*/
.audio2_html5.blackControllers .songTitle {
position:absolute;
float:left;
display: block;
overflow:hidden;
height:14px;
margin:0;
padding:0;
line-height:1;
font-weight: normal;
}
.audio2_html5.blackControllers .songTitleInside {
position: absolute;
white-space: nowrap;
}
.audio2_html5.blackControllers .songAuthor {
position:absolute;
float:left;
display: block;
overflow:hidden;
height:12px;
margin:0;
padding:0;
line-height:1;
font-weight: normal;
/*border:1px solid #CC6;*/
}
/* playlist */
.audio2_html5.blackControllers .selectedCategDiv {
cursor: pointer;
margin:0;
padding:0px 0px;
text-align:center;
/*font-size:13px;
line-height:1.5;
font-weight:bold;*/
background-image:url(controllers/blackControllers/categories_arrow_bg.png);
background-repeat:no-repeat;
}
.audio2_html5.blackControllers .innerSelectedCategDiv {
cursor: pointer;
overflow:hidden;
height:25px;
width:80%;
margin:0;
padding:0px 10%;
text-align:center;
font-size:13px;
line-height:1.9;
font-weight:bold;
background-image:url(controllers/blackControllers/categories_arrow_bg.png);
background-repeat:no-repeat;
}
.audio2_html5.blackControllers .searchDiv {
margin:0;
padding:0;
background-image:url(controllers/blackControllers/search_icon.png);
background-repeat:no-repeat;
background-position: 10px 50%;
}
.audio2_html5.blackControllers .search_term {
background-color:#FFF;
border: 1px solid #333333;
color: #000000;
font:11px Arial, Helvetica, sans-serif;
margin:3px 30px;
padding: 1px;
}
.audio2_html5.blackControllers .thumbsHolderWrapper {
position:absolute;
height:100%;
margin-top:0px;
overflow:hidden;
}
.audio2_html5.blackControllers .thumbsHolderVisibleWrapper {
/*position:absolute;*/
position:relative;
height:100%;
overflow:hidden;
clear:both;/*new*/
}
.audio2_html5.blackControllers .thumbsHolder {
position:absolute;
text-align:left;
}
/* thumbsOFF */
.audio2_html5.blackControllers .thumbsHolder_ThumbOFF {
display:block;
height:30px;
cursor: pointer;
background:#000;
overflow:hidden;
border-bottom:1px solid #ff0000;
line-height:2.5em;
}
.audio2_html5.blackControllers .thumbsHolder_ThumbOFF .padding {
padding:2px 10px 10px 10px;
}
/* scroller start */
.audio2_html5.blackControllers .slider-vertical {
display:none;
position:absolute;
width:9px;
}
.audio2_html5.blackControllers .slider-vertical.ui-slider { position: relative;}
.audio2_html5.blackControllers .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 9px; height: 16px; cursor: pointer; background:url(controllers/blackControllers/scrollerFaceOFF.png) 0 0 no-repeat; }
.audio2_html5.blackControllers .slider-vertical.ui-slider .ui-slider-handle:hover { background:url(controllers/blackControllers/scrollerFaceON.png) 0 0 no-repeat; }
.audio2_html5.blackControllers .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }
.audio2_html5.blackControllers .slider-vertical.ui-slider-vertical { width: 9px; height: 100px; }
.audio2_html5.blackControllers .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -16px;; border: 0; }
.audio2_html5.blackControllers .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.audio2_html5.blackControllers .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.audio2_html5.blackControllers .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; }
/* Component containers
----------------------------------*/
.audio2_html5.blackControllers .slider-vertical.ui-widget-content { /*background: #ff7800;*/}
.audio2_html5.blackControllers .slider-vertical .ui-widget-header { /*background: #24ff00;*/ }
/* Corner radius */
.audio2_html5.blackControllers .slider-vertical.ui-corner-all {}
/* Interaction states
----------------------------------
.audio2_html5.blackControllers .slider-vertical.ui-state-default {background: #000000; }
.audio2_html5.blackControllers .slider-vertical.ui-state-hover { background: #FFF000; }
*/
/* scroller end */
/* Interaction states
----------------------------------
.audio2_html5.giant .slider-vertical.ui-state-default {background: #000000; }
.audio2_html5.giant .slider-vertical.ui-state-hover { background: #FFF000; }
*/
/* scroller end */
.hideElement {
display:none;
}
.clearBoth {
clear: both;
}
