@charset "UTF-8";

/*
skins available:
- futuristicElectricBlue
- futuristicChrome
- universalBlack
- universalWhite
- giant
*/
/*
:-webkit-full-screen #vp2_html5_rightSidePlaylist_UB {
width:100%;
height:100%;
}
*/
/* the border */

.vp2_html5_rightSidePlaylistBorder {
position:relative;
}

/* the container */

.vp2_html5_rightSidePlaylist {
background:black;
}
.vp2_html5_rightSidePlaylist p {
margin:0;
padding:0;
}
.xplaylist {
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%;
}

/* futuristicElectricBlue */

.vp2_html5_rightSidePlaylist.futuristicElectricBlue {
/*float:left;*/
position:relative;
font:11px Arial, Helvetica, sans-serif;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoControls {
position:absolute;
left:0;
bottom:0px;
float:left;
clear:both;
width:100%;
background:url(../image/controll/controllers_bg.png) 0 0 repeat-x;
}

/* rewind */

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoRewind {
float:left;
cursor:url(../curs/curs.cur),auto;
display:block;
width:39px;
height:19px;
margin:1px 0px 0px 0px;
background: url(../image/controll/rewind-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoRewind:hover {
background: url(../image/controll/rewind-on.png) no-repeat;
}

/* play */

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoPlay {
float:left;
cursor:url(../curs/curs.cur),auto;
display:block;
width:57px;
height:19px;
margin:1px 0px 0px -10px;
background: url(../image/controll/play-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoPlay:hover {
background: url(../image/controll/play-on.png) no-repeat;
}

/* pause */

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoPause {
width:57px;
height:19px;
background: url(../image/controll/pause-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoPause:hover {
background: url(../image/controll/pause-on.png) no-repeat;
}

/*.vp2_html5_rightSidePlaylist.futuristicElectricBlue video {
float:left;
}*/

/* buffer */

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoBuffer {
position:absolute;
height:5px;
margin:7px 0px 0px 100px;
background:url(../image/controll/seek_bg.png) 0 0 repeat-x;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoBuffer .ui-widget-content {  }
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoBuffer .ui-widget-header { background:#999999;
}

/* seek */

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoSeek {
float:left;
cursor:url(../curs/curs.cur),auto;
position:relative;
height:5px;
margin:7px 0px 0px 14px;
background:none;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoSeek .ui-slider-handle {
display:none;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoSeek .ui-slider-handle.ui-state-hover {
background:white;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoSeek .ui-slider-range {
background:#69a1fe;
}

/* timer */

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoTimer {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:3px;
right:87px;
color:#999;
font-size:11px;
font-weight:normal;
}

/* fullscreen */

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoFullScreen {
float:left;
cursor:url(../curs/curs3.cur),auto;
position:absolute;
bottom:0px;
right:0px;
width:39px;
height:19px;
background:url(../image/controll/fullscreen-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoFullScreen:hover {
background:url(../image/controll/fullscreen-on.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoFullScreenIn {
float:left;
cursor:url(../curs/curs3.cur),auto;
position:absolute;
bottom:0px;
right:0px;
width:39px;
height:19px;
background:url(../image/controll/fullscreen-in-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoFullScreenIn:hover {
background:url(../image/controll/fullscreen-in-on.png) 0 0 no-repeat;
}

/* volume container */

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeAll {
float:left;
position:absolute;
bottom:0px;
right:29px;
overflow:hidden;
width:48px;
height:19px;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeAll:hover {
height:130px;
padding-bottom:5px;
}

/* volume slider */

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeSlider {
position:relative;
height:100px;
width:7px;
visiblity:hidden;
opacity:0;
border:1px solid #444;
background:#333333;
left:20px;
bottom:-13px;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeAll:hover .VolumeSlider {
position:relative;
visibility:visible;
opacity: 1;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeSlider .ui-slider-handle {
display:none;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeSlider .ui-slider-handle.ui-state-hover {
background:white;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeSlider .ui-slider-range {
background:#69a1fe;
}

/* volume button Mute & UnMute*/

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeButton {
position:absolute;
bottom:0px;
padding-right:0px;
display:block;
width:48px;
height:19px;
background: url(../image/controll/volume-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeButton:hover {
background:url(../image/controll/volume-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeButtonMute {
position:absolute;
bottom:0px;
padding-right:0px;
display:block;
width:48px;
height:19px;
background: url(../image/controll/volumeMute-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VolumeButtonMute:hover {
background: url(../image/controll/volumeMute-on.png) no-repeat;
}

/*show/hide playlist */

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoShowHidePlaylist {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:0px;
right:147px;
width:25px;
height:18px;
background: url(../image/controll/hide-playlist-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoShowHidePlaylist:hover {
background: url(../image/controll/hide-playlist-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoShowHidePlaylist_onlyShow {
background: url(../image/controll/show-playlist-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoShowHidePlaylist_onlyShow:hover {
background: url(../image/controll/show-playlist-on.png) no-repeat;
}

/* info but */

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoInfoBut {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:4px;
right:127px;
width:12px;
height:12px;
background: url(../image/controll/info-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoInfoBut:hover {
background: url(../image/controll/info-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoInfoBox {
display:none;
position:absolute;
left:10px;
bottom:20px;
height:110px;
overflow:hidden;
background:url(../image/controll/infoBox_bg.png) 0 0 repeat-x;
padding:0 10px 10px 10px;
text-align:left;
overflow:auto;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoInfoBox .movieTitle {
color:#69a1fe;
font-size:12px;
font-weight:bold;
padding:8px 0px;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .VideoInfoBox .movieDesc {
font:11px Arial, Helvetica, sans-serif;
color:white;
line-height:1.4em;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolderWrapper {
position:absolute;
background:url(../image/controll/empty.png);
/*height:121px;
width:100%;*/
height:100%;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolderVisibleWrapper {
position:absolute;
/*width:100%;
height:121px;*/
height:100%;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder {
position:absolute;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbOFF {
display:block;
height:96px;
background:url(../image/controll/bgPlaylistUnit.png) #f2f2f2;
cursor:url(../curs/curs.cur),auto;
text-align:left;
line-height:1.4em;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbOFF  .padding {
padding:10px;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbOFF .title {
font:bold 13px 'Droid Sans', sans-serif;
line-height:14px;
color:#f7f7f7;
display:inline-block;
padding-bottom:5px;
overflow:hidden;
display:block;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbOFF .reg {
font:11px Arial, sans-serif;
line-height:14px;
color:#ccc;
overflow:hidden;
display:block;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbOFF img {
position:relative;
float:left;
margin-right:10px;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbON img {
outline:2px solid #69a1fe;
position:relative;
float:left;
margin-right:10px;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbON {
background:url(../image/controll/bgPlaylistUnitOn.png) #f2f2f2;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbON .title {
color:#69a1fe;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .thumbsHolder_ThumbON .reg {
color:white;
}

/*  scroller start */

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical {
display:none;
position:absolute;
width:6px;
margin-left:-3px;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider {
position: relative;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider .ui-slider-handle {
position:absolute;
z-index: 2;
width:6px;
height:25px;
cursor:url(../curs/curs.cur),auto;
background:url(../image/controll/scrollerFaceOFF.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider .ui-slider-handle:hover {
background:url(../image/controll/scrollerFaceON.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider .ui-slider-range {
position:absolute;
z-index:1;
display:block;
border:0;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider-vertical {
width:6px;
height:100px;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider-vertical .ui-slider-handle {
left:0px;
margin-left:0px;
margin-bottom:-25px;
border:0;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider-vertical .ui-slider-range {
left:0;
width:100%;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider-vertical .ui-slider-range-min {
bottom:0;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-slider-vertical .ui-slider-range-max {
top:0;
}

/* Component containers
----------------------------------*/

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-widget-content {
/*background: #ff7800;*/
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical .ui-widget-header {
/*background: #24ff00;*/
}

/* Corner radius */

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-corner-all {}

/* Interaction states
----------------------------------

.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-state-default {
background:black;
}
.vp2_html5_rightSidePlaylist.futuristicElectricBlue .slider-vertical.ui-state-hover {
background: #fff000;
}
*/
/*  scroller end */

/* futuristicChrome */

.vp2_html5_rightSidePlaylist.futuristicChrome {
/*float: left;*/
position:relative;
font:11px Arial, Helvetica, sans-serif;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoControls {
position:absolute;
left:0;
bottom:0px;
float:left;
clear:both;
width:100%;
background:url(../image/controll/controllers_bg.png) 0 0 repeat-x;
}

/* rewind */

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoRewind {
float:left;
cursor:url(../curs/curs.cur),auto;
display:block;
width:39px;
height:19px;
margin:1px 0px 0px 0px;
background:url(../image/controll/rewind-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoRewind:hover {
background:url(../image/controll/rewind-on.png) no-repeat;
}

/* play */

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoPlay {
float:left;
cursor:url(../curs/curs.cur),auto;
display:block;
width:57px;
height:19px;
margin:1px 0px 0px -10px;
background:url(../image/controll/play-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoPlay:hover {
background: url(../image/controll/play-on.png) no-repeat;
}

/* pause */

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoPause {
width:57px;
height:19px;
background:url(../image/controll/pause-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoPause:hover {
background: url(../image/controll/pause-on.png) no-repeat;
}
/*.vp2_html5_rightSidePlaylist.futuristicChrome video {
float:left;
}*/

/* buffer */

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoBuffer {
position:absolute;
height:5px;
margin:7px 0px 0px 100px;
background:url(../image/controll/seek_bg.png) 0 0 repeat-x;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoBuffer .ui-widget-content { }
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoBuffer .ui-widget-header {
background:#999;
}

/* seek */

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoSeek {
float:left;
cursor:url(../curs/curs.cur),auto;
position:relative;
height:5px;
margin:7px 0px 0px 14px;
background:none;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoSeek .ui-slider-handle {
display:none;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoSeek .ui-slider-handle.ui-state-hover {
background:white;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoSeek .ui-slider-range {
background:#ccc;
}

/* timer */

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoTimer {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:3px;
right:87px;
color:#999;
font-size:11px;
font-weight:normal;
}

/* fullscreen */

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoFullScreen {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:0px;
right:0px;
width:39px;
height:19px;
background:url(../image/controll/fullscreen-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoFullScreen:hover {
background:url(../image/controll/fullscreen-on.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoFullScreenIn {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:0px;
right:0px;
width:39px;
height:19px;
background:url(../image/controll/fullscreen-in-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoFullScreenIn:hover {
background:url(../image/controll/fullscreen-in-on.png) 0 0 no-repeat;
}

/* volume container */

.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeAll {
float:left;
position:absolute;
bottom:0px;
right:29px;
overflow:hidden;
width:48px;
height:19px;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeAll:hover {
height:130px;
padding-bottom:5px;
}

/* volume slider */

.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeSlider {
position:relative;
height:100px;
width:7px;
visiblity:hidden;
opacity:0;
border:1px solid #444;
background:#333333;
left:20px;
bottom:-13px;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeAll:hover .VolumeSlider {
position:relative;
visibility:visible;
opacity:1;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeSlider .ui-slider-handle {
display:none;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeSlider .ui-slider-handle.ui-state-hover {
background:white;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeSlider .ui-slider-range {
background:#ccc;
}

/* volume button Mute & UnMute*/

.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeButton {
position:absolute;
bottom:0px;
padding-right:0px;
display:block;
width:48px;
height:19px;
background:url(../image/controll/volume-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeButton:hover {
background:url(../image/controll/volume-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeButtonMute {
position:absolute;
bottom:0px;
padding-right:0px;
display:block;
width:48px;
height:19px;
background:url(../image/controll/volumeMute-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VolumeButtonMute:hover {
background:url(../image/controll/volumeMute-on.png) no-repeat;
}

/*show/hide playlist */

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoShowHidePlaylist {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:0px;
right:147px;
width:25px;
height:18px;
background:url(../image/controll/hide-playlist-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoShowHidePlaylist:hover {
background:url(../image/controll/hide-playlist-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoShowHidePlaylist_onlyShow {
background:url(../image/controll/show-playlist-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoShowHidePlaylist_onlyShow:hover {
background:url(../image/controll/show-playlist-on.png) no-repeat;
}

/* info but */

.vp2_html5_rightSidePlaylist.futuristicChrome .VideoInfoBut {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:4px;
right:127px;
width:12px;
height:12px;
background:url(../image/controll/info-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoInfoBut:hover {
background: url(../image/controll/info-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoInfoBox {
display:none;
position:absolute;
left:10px;
bottom:20px;
height:110px;
overflow:hidden;
background:url(../image/controll/infoBox_bg.png) 0 0 repeat-x;
padding:0 10px 10px 10px;
text-align:left;
overflow:auto;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoInfoBox .movieTitle {
color:#ccc;
font-size:12px;
font-weight:bold;
padding:8px 0px;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .VideoInfoBox .movieDesc {
font:11px Arial, Helvetica, sans-serif;
color:white;
line-height:1.4em;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolderWrapper {
position:absolute;
background:url(../image/controll/empty.png);
/*height:121px;
width:100%;*/
height:100%;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolderVisibleWrapper {
position:absolute;
/*width:100%;
height:121px;*/
height:100%;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder {
position:absolute;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbOFF {
display:block;
height:96px;
background:url(../image/controll/bgPlaylistUnit.png) #f2f2f2;
cursor:url(../curs/curs.cur),auto;
text-align:left;
line-height:1.4em;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbOFF  .padding {
padding:10px;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbOFF .title {
font:bold 13px 'Droid Sans', sans-serif;
line-height:14px;
color:black;
display:inline-block;
padding-bottom:5px;
overflow:hidden;
display:block;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbOFF .reg {
font:11px Arial, sans-serif;
line-height:14px;
color:black;
overflow:hidden;
display:block;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbOFF img {
position:relative;
float:left;
margin-right:10px;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbON img {
outline:2px solid white;
position:relative;
float:left;
margin-right:10px;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbON {
background:url(../image/controll/bgPlaylistUnitOn.png) ;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbON .title {
color:white;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .thumbsHolder_ThumbON .reg {
color:white;
}

/*  scroller start */

.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical {
display:none;
position:absolute;
width:6px;
margin-left:-3px;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider {
position:relative;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider .ui-slider-handle {
position:absolute;
z-index: 2;
width:6px;
height:25px;
cursor:url(../curs/curs.cur),auto;
background:url(../image/controll/scrollerFaceOFF.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider .ui-slider-handle:hover
{
background:url(../image/controll/scrollerFaceON.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider .ui-slider-range {
position:absolute;
z-index:1;
display:block;
border:0;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider-vertical {
width:6px;
height:100px;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider-vertical .ui-slider-handle {
left:0px;
margin-left:0px;
margin-bottom:-25px;
border:0;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider-vertical .ui-slider-range {
left:0;
width:100%;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider-vertical .ui-slider-range-min {
bottom:0;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-slider-vertical .ui-slider-range-max {
top:0;
}

/* Component containers
----------------------------------*/

.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-widget-content {
/*background: #ff7800;*/
}
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical .ui-widget-header {
/*background: #24ff00;*/
}

/* Corner radius */

.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-corner-all {}

/* Interaction states
----------------------------------

.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-state-default {
background:black;
}
.vp2_html5_rightSidePlaylist.futuristicChrome .slider-vertical.ui-state-hover {
background:#fff000;
}
*/
/*  scroller end */

/* universalBlack */

.vp2_html5_rightSidePlaylist.universalBlack {
/*float:left;*/
position:relative;
font:11px Arial, Helvetica, sans-serif;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoControls {
position:absolute;
left:0;
bottom:0px;
float:left;
clear:both;
width:100%;
background:url(../image/controll/controllers_bg.png) 0 0 repeat-x;
}

/* rewind */

.vp2_html5_rightSidePlaylist.universalBlack .VideoRewind {
float:left;
cursor:url(../curs/curs.cur),auto;
display:block;
width:39px;
height:20px;
margin:2px 0px 0px 0px;
background:url(../image/controll/rewind-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoRewind:hover {
background:url(../image/controll/rewind-on.png) no-repeat;
}

/* play */

.vp2_html5_rightSidePlaylist.universalBlack .VideoPlay {
float:left;
cursor:url(../curs/curs.cur),auto;
display:block;
width:47px;
height:21px;
margin:1px 0px 0px 0px;
background:url(../image/controll/play-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoPlay:hover {
background:url(../image/controll/play-on.png) no-repeat;
}

/* pause */

.vp2_html5_rightSidePlaylist.universalBlack .VideoPause {
width:47px;
height:21px;
background:url(../image/controll/pause-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoPause:hover {
background:url(../image/controll/pause-on.png) no-repeat;
}
/*.vp2_html5_rightSidePlaylist.universalBlack video {
float:left;
}*/

/* buffer */

.vp2_html5_rightSidePlaylist.universalBlack .VideoBuffer {
position:absolute;
height:3px;
margin:10px 0px 0px 101px;
background:#999;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoBuffer .ui-widget-content {  }
.vp2_html5_rightSidePlaylist.universalBlack .VideoBuffer .ui-widget-header {
background:white;
}

/* seek */

.vp2_html5_rightSidePlaylist.universalBlack .VideoSeek {
float:left;
cursor:url(../curs/curs.cur),auto;
position:relative;
height:3px;
margin:10px 0px 0px 15px;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoSeek .ui-slider-handle {
display:none;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoSeek .ui-slider-handle.ui-state-hover {
background:white;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoSeek .ui-slider-range {
background:#00adef;
}

/* timer */

.vp2_html5_rightSidePlaylist.universalBlack .VideoTimer {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:4px;
right:56px;
color:#999;
font-size:11px;
font-weight:normal;
}

/* fullscreen */

.vp2_html5_rightSidePlaylist.universalBlack .VideoFullScreen {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:1px;
right:5px;
width:27px;
height:18px;
background:url(../image/controll/fullscreen-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoFullScreen:hover {
background:url(../image/controll/fullscreen-on.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoFullScreenIn {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:1px;
right:5px;
width:27px;
height:18px;
background:url(../image/controll/fullscreen-in-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoFullScreenIn:hover {
background:url(../image/controll/fullscreen-in-on.png) 0 0 no-repeat;
}

/* volume container */

.vp2_html5_rightSidePlaylist.universalBlack .VolumeAll {
float:left;
position:absolute;
bottom:-1px;
right:5px;
overflow:hidden;
width:48px;
height:18px;
}
.vp2_html5_rightSidePlaylist.universalBlack .VolumeAll:hover {
height:130px;
padding-bottom:8px;
}

/* volume slider */

.vp2_html5_rightSidePlaylist.universalBlack .VolumeSlider {
position:relative;
height:100px;
width:6px;
visiblity:hidden;
opacity:0;
background:#333;
left:9px;
bottom:-15px;
}
.vp2_html5_rightSidePlaylist.universalBlack .VolumeAll:hover .VolumeSlider {
position:relative;
visibility:visible;
opacity:1;
}
.vp2_html5_rightSidePlaylist.universalBlack .VolumeSlider .ui-slider-handle {
display:none;
}
.vp2_html5_rightSidePlaylist.universalBlack .VolumeSlider .ui-slider-handle.ui-state-hover {
background:white;
}
.vp2_html5_rightSidePlaylist.universalBlack .VolumeSlider .ui-slider-range {
background:#00adef;
}

/* volume button Mute & UnMute*/

.vp2_html5_rightSidePlaylist.universalBlack .VolumeButton {
position:absolute;
bottom:2px;
cursor:url(../curs/curs.cur),auto;
padding-right:0px;
display:block;
width:23px;
height:18px;
background:url(../image/controll/volume-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VolumeButton:hover {
background:url(../image/controll/volume-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VolumeButtonMute {
position:absolute;
bottom:2px;
padding-right:0px;
display:block;
width:23px;
height:18px;
background:url(../image/controll/volumeMute-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VolumeButtonMute:hover {
background:url(../image/controll/volumeMute-on.png) no-repeat;
}

/*show/hide playlist */

.vp2_html5_rightSidePlaylist.universalBlack .VideoShowHidePlaylist {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:1px;
right:107px;
width:25px;
height:18px;
background:url(../image/controll/hide-playlist-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoShowHidePlaylist:hover {
background:url(../image/controll/hide-playlist-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoShowHidePlaylist_onlyShow {
background:url(../image/controll/show-playlist-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoShowHidePlaylist_onlyShow:hover {
background:url(../image/controll/show-playlist-on.png) no-repeat;
}

/* info but */

.vp2_html5_rightSidePlaylist.universalBlack .VideoInfoBut {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:1px;
right:87px;
width:25px;
height:18px;
background:url(../image/controll/info-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoInfoBut:hover {
background:url(../image/controll/info-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoInfoBox {
display:none;
position:absolute;
left:10px;
bottom:22px;
height:110px;
overflow:hidden;
background:url(../image/controll/infoBox_bg.png) 0 0 repeat-x;
padding:0 10px 10px 10px;
text-align:left;
overflow:auto;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoInfoBox .movieTitle {
color:#00adef;
font-size:12px;
font-weight:bold;
padding:12px 0px;
}
.vp2_html5_rightSidePlaylist.universalBlack .VideoInfoBox .movieDesc {
font:11px Arial, Helvetica, sans-serif;
color:white;
line-height:1.4em;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolderWrapper {
position:absolute;
background:url(../image/controll/empty.png);
/*height:121px;
width:100%;*/
height:100%;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolderVisibleWrapper {
position:absolute;
/*width:100%;
height:121px;*/
height:100%;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder {
position:absolute;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbOFF {
display:block;
height:95px;
background:url(../image/controll/bgPlaylistUnit.png) repeat-x top left #f2f2f2;
cursor:url(../curs/curs3.cur),auto;
text-align:left;
line-height:1.4em;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbOFF  .padding {
padding:10px;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbOFF .title {
font:bold 13px 'Droid Sans', sans-serif;
line-height:14px;
color:lime;
display:inline-block;
padding-bottom:5px;
overflow:hidden;
display:block;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbOFF .reg {
font:11px Arial, sans-serif;
line-height:14px;
color:yellow;
overflow:hidden;
display:block;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbOFF img {
position:relative;
float:left;
margin-right:10px;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbON {
background:url(../image/controll/bgPlaylistUnitOn.png) repeat-x top left #434343;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbON .title {
color:aqua;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbON .reg {
color:white;
}

/*  scroller start */

.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical {
display:none;
position:absolute;
width:6px;
}
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider {
position: relative;
}
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-handle {
position:absolute;
z-index:2;
width:6px;
height:25px;
cursor:url(../curs/curs.cur),auto;
background:url(../image/controll/scrollerFaceOFF.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-handle:hover {
background:url(../image/controll/scrollerFaceON.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-range {
position:absolute;
z-index:1;
display:block;
border:0;
}
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider-vertical {
width:6px;
height:100px;
}
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider-vertical .ui-slider-handle {
left:0px;
margin-left:0px;
margin-bottom:-25px;
border:0;
}
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider-vertical .ui-slider-range {
left:0;
width:100%;
}
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider-vertical .ui-slider-range-min {
bottom:0;
}
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider-vertical .ui-slider-range-max {
top:0;
}

/* Component containers
----------------------------------*/

.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-widget-content {
/*background:#ff7800;*/
}
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical .ui-widget-header {
/*background:#24ff00;*/
}

/* Corner radius */

.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-corner-all {}

/* Interaction states
----------------------------------

.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-state-default {
background:black;
}
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-state-hover {
background:#fff000;
}
*/
/*  scroller end */

/* universalWhite */

.vp2_html5_rightSidePlaylist.universalWhite {
/*float: left;*/
position:relative;
font:11px Arial, Helvetica, sans-serif;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoControls {
position:absolute;
left:0;
bottom:0px;
float:left;
clear:both;
width:100%;
background:url(../image/controll/controllers_bg.png) 0 0 repeat-x;
}

/* rewind */

.vp2_html5_rightSidePlaylist.universalWhite .VideoRewind {
float:left;
cursor:url(../curs/curs.cur),auto;
display:block;
width:39px;
height:20px;
margin:2px 0px 0px 0px;
background:url(../image/controll/rewind-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoRewind:hover {
background:url(../image/controll/rewind-on.png) no-repeat;
}

/* play */

.vp2_html5_rightSidePlaylist.universalWhite .VideoPlay {
float:left;
cursor:url(../curs/curs.cur),auto;
display:block;
width:47px;
height:21px;
margin:1px 0px 0px 0px;
background:url(../image/controll/play-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoPlay:hover {
background:url(../image/controll/play-on.png) no-repeat;
}

/* pause */

.vp2_html5_rightSidePlaylist.universalWhite .VideoPause {
width:47px;
height:21px;
background:url(../image/controll/pause-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoPause:hover {
background:url(../image/controll/pause-on.png) no-repeat;
}
/*.vp2_html5_rightSidePlaylist.universalWhite video {
float:left;
}*/

/* buffer */

.vp2_html5_rightSidePlaylist.universalWhite .VideoBuffer {
position:absolute;
height:3px;
margin:10px 0px 0px 101px;
background:#333;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoBuffer .ui-widget-content { }
.vp2_html5_rightSidePlaylist.universalWhite .VideoBuffer .ui-widget-header {
background:#666;
}

/* seek */

.vp2_html5_rightSidePlaylist.universalWhite .VideoSeek {
float:left;
cursor:url(../curs/curs.cur),auto;
position:relative;
height:3px;
margin:10px 0px 0px 15px;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoSeek .ui-slider-handle {
display:none;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoSeek .ui-slider-handle.ui-state-hover {
background:white;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoSeek .ui-slider-range {
background:#ff002a;
}

/* timer */

.vp2_html5_rightSidePlaylist.universalWhite .VideoTimer {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:4px;
right:56px;
color:#333;
font-size:11px;
font-weight:normal;
}

/* fullscreen */

.vp2_html5_rightSidePlaylist.universalWhite .VideoFullScreen {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:1px;
right:5px;
width:27px;
height:18px;
background:url(../image/controll/fullscreen-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoFullScreen:hover {
background:url(../image/controll/fullscreen-on.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoFullScreenIn {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:1px;
right:5px;
width:27px;
height:18px;
background:url(../image/controll/fullscreen-in-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoFullScreenIn:hover {
background:url(../image/controll/fullscreen-in-on.png) 0 0 no-repeat;
}

/* volume container */

.vp2_html5_rightSidePlaylist.universalWhite .VolumeAll {
float:left;
position:absolute;
bottom:-1px;
right:5px;
overflow:hidden;
width:48px;
height:18px;
}
.vp2_html5_rightSidePlaylist.universalWhite .VolumeAll:hover {
height:130px;
padding-bottom:8px;
}

/* volume slider */

.vp2_html5_rightSidePlaylist.universalWhite .VolumeSlider {
position:relative;
height:100px;
width:6px;
visiblity:hidden;
opacity:0;
background:#333333;
left:9px;
bottom:-15px;
}
.vp2_html5_rightSidePlaylist.universalWhite .VolumeAll:hover .VolumeSlider {
position:relative;
visibility:visible;
opacity:1;
}
.vp2_html5_rightSidePlaylist.universalWhite .VolumeSlider .ui-slider-handle {
display:none;
}
.vp2_html5_rightSidePlaylist.universalWhite .VolumeSlider .ui-slider-handle.ui-state-hover {
background:white;
}
.vp2_html5_rightSidePlaylist.universalWhite .VolumeSlider .ui-slider-range {
background:#ff002a;
}

/* volume button Mute & UnMute*/

.vp2_html5_rightSidePlaylist.universalWhite .VolumeButton {
position:absolute;
bottom:2px;
padding-right:0px;
display:block;
width:23px;
height:18px;
background:url(../image/controll/volume-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VolumeButton:hover {
background:url(../image/controll/volume-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VolumeButtonMute {
position:absolute;
bottom:2px;
padding-right:0px;
display:block;
width:23px;
height:18px;
background:url(../image/controll/volumeMute-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VolumeButtonMute:hover {
background:url(../image/controll/volumeMute-on.png) no-repeat;
}

/*show/hide playlist */

.vp2_html5_rightSidePlaylist.universalWhite .VideoShowHidePlaylist {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:1px;
right:107px;
width:25px;
height:18px;
background:url(../image/controll/hide-playlist-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoShowHidePlaylist:hover {
background:url(../image/controll/hide-playlist-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoShowHidePlaylist_onlyShow {
background:url(../image/controll/show-playlist-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoShowHidePlaylist_onlyShow:hover {
background:url(../image/controll/show-playlist-on.png) no-repeat;
}

/* info but */

.vp2_html5_rightSidePlaylist.universalWhite .VideoInfoBut {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:1px;
right:87px;
width:25px;
height:18px;
background:url(../image/controll/info-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoInfoBut:hover {
background:url(../image/controll/info-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoInfoBox {
display:none;
position:absolute;
left:10px;
bottom:21px;
height:110px;
overflow:hidden;
background:url(../image/controll/infoBox_bg.png) 0 0 repeat-x;
padding:0 10px 10px 10px;
text-align:left;
overflow:auto;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoInfoBox .movieTitle {
color:#ff002a;
font-size:12px;
font-weight:bold;
padding:8px 0px;
}
.vp2_html5_rightSidePlaylist.universalWhite .VideoInfoBox .movieDesc {
font:11px Arial, Helvetica, sans-serif;
color:white;
line-height:1.4em;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolderWrapper {
position:absolute;
background:url(../image/controll/empty.png);
/*height:121px;
width:100%;*/
height:100%;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolderVisibleWrapper {
position:absolute;
/*width:100%;
height:121px;*/
height:100%;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder {
position:absolute;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbOFF {
display:block;
height:95px;
background:url(../image/controll/bgPlaylistUnit.png) repeat-x top left #f2f2f2;
cursor:url(../curs/curs.cur),auto;
text-align:left;
line-height:1.4em;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbOFF  .padding {
padding:10px;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbOFF .title {
font:bold 13px 'Droid Sans', sans-serif;
line-height:14px;
color:black;
display:inline-block;
padding-bottom:5px;
overflow:hidden;
display:block;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbOFF .reg {
font:11px Arial, sans-serif;
line-height:14px;
color:black;
overflow:hidden;
display:block;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbOFF img {
position:relative;
float:left;
margin-right:10px;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbON {
background:url(../image/controll/bgPlaylistUnitOn.png) repeat-x top left #3b3b3b;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbON .title {
color:#ff002a;
}
.vp2_html5_rightSidePlaylist.universalWhite .thumbsHolder_ThumbON .reg {
color:white;
}

/*  scroller start */

.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical {
display:none;
position:absolute;
width:6px;
}
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider {
position:relative;
}
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider .ui-slider-handle {
position:absolute;
z-index:2;
width:6px;
height:25px;
cursor:url(../curs/curs.cur),auto;
background:url(../image/controll/scrollerFaceOFF.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider .ui-slider-handle:hover {
background:url(../image/controll/scrollerFaceON.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider .ui-slider-range {
position:absolute;
z-index:1;
display:block;
border:0;
}
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider-vertical {
width:6px;
height:100px;
}
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider-vertical .ui-slider-handle {
left:0px;
margin-left:0px;
margin-bottom:-25px;
border:0;
}
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider-vertical .ui-slider-range {
left:0;
width:100%;
}
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider-vertical .ui-slider-range-min {
bottom:0;
}
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-slider-vertical .ui-slider-range-max {
top:0;
}

/* Component containers
----------------------------------*/

.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-widget-content {
/*background: #ff7800;*/
}
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical .ui-widget-header {
/*background: #24ff00;*/
}

/* Corner radius */

.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-corner-all {}

/* Interaction states
----------------------------------

.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-state-default {
background:black;
}
.vp2_html5_rightSidePlaylist.universalWhite .slider-vertical.ui-state-hover {
background:#fff000;
}
*/
/*  scroller end */

/* giant */

.vp2_html5_rightSidePlaylist.giant {
/*float:left;*/
position:relative;
font:11px Arial, Helvetica, sans-serif;
}
.vp2_html5_rightSidePlaylist.giant .VideoControls {
position:absolute;
left:0;
bottom:45px;
float:left;
clear:both;
width:100%;
}

/* rewind */

.vp2_html5_rightSidePlaylist.giant .VideoRewind {
float:left;
cursor:url(../curs/curs.cur),auto;
display:block;
width:58px;
height:58px;
margin:15px 0px 0px 20px;
background: url(../image/controll/rewind-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoRewind:hover {
background:url(../image/controll/rewind-on.png) no-repeat;
}

/* play */

.vp2_html5_rightSidePlaylist.giant .VideoPlay {
float:left;
cursor:url(../curs/curs.cur),auto;
display:block;
width:88px;
height:88px;
margin:0px -2px 0px -6px;
background:url(../image/controll/play-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoPlay:hover {
background:url(../image/controll/play-on.png) no-repeat;
}

/* pause */

.vp2_html5_rightSidePlaylist.giant .VideoPause {
width:88px;
height:88px;
background:url(../image/controll/pause-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoPause:hover {
background:url(../image/controll/pause-on.png) no-repeat;
}

/*.vp2_html5_rightSidePlaylist.giant video {
float:left;
}*/

/* buffer */

.vp2_html5_rightSidePlaylist.giant .VideoBuffer {
position:absolute;
height:17px;
margin:35px 0px 0px 225px;
background:url(../image/controll/seek_bg.png) 0 0 repeat-x;
border-left:2px solid white;
border-right:2px solid white;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
padding:0 0px;
}
.vp2_html5_rightSidePlaylist.giant .VideoBuffer .ui-widget-content {  }
.vp2_html5_rightSidePlaylist.giant .VideoBuffer .ui-widget-header {
background:#CCC;
height:13px;
margin-top:2px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

/* seek */

.vp2_html5_rightSidePlaylist.giant .VideoSeek {
position:absolute;
height:13px;
margin:37px 0px 0px 229px;
cursor:url(../curs/curs.cur),auto;
}
.vp2_html5_rightSidePlaylist.giant .VideoSeek .ui-slider-handle {
width:19px;
height:19px;
margin-left:-10px;
top:-5px;
border:2px solid white;
-moz-border-radius:18px;
-webkit-border-radius:18px;
border-radius:18px;
background:black;
}
.vp2_html5_rightSidePlaylist.giant .VideoSeek .ui-slider-handle.ui-state-hover {
background:#04abf2;
}
.vp2_html5_rightSidePlaylist.giant .VideoSeek .ui-slider-range {
background:#04abf2;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-left:-2px;
}

/* timer */

.vp2_html5_rightSidePlaylist.giant .VideoTimer {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:23px;
right:51px;
color:white;
padding:7px 0px 0px 17px;
font-size:10px;
font-weight:bold;
background:url(../image/controll/timer.png) 0 0 no-repeat;
width:45px;
height:29px;
}

/* fullscreen */

.vp2_html5_rightSidePlaylist.giant .VideoFullScreen {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:27px;
right:23px;
width:36px;
height:36px;
background:url(../image/controll/fullscreen-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoFullScreen:hover {
background:url(../image/controll/fullscreen-on.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoFullScreenIn {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:27px;
right:23px;
width:36px;
height:36px;
background:url(../image/controll/fullscreen-in-off.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoFullScreenIn:hover {
background:url(../image/controll/fullscreen-in-on.png) 0 0 no-repeat;
}

/* volume container */

.vp2_html5_rightSidePlaylist.giant .VolumeAll {
float:left;
position:absolute;
margin:16px 0px 0px 153px;
overflow:hidden;
width:58px;
height:58px;
}
.vp2_html5_rightSidePlaylist.giant .VolumeAll:hover {
height:220px;
background:url(../image/controll/VolumeSliderBg.png) 18px 10px no-repeat;
left:0px;
bottom:14px;
}

/* volume slider */

.vp2_html5_rightSidePlaylist.giant .VolumeSlider {
position:relative;
height:140px;
width:23px;
visiblity:hidden;
opacity:0;
left:18px;
bottom:-17px;
}
.vp2_html5_rightSidePlaylist.giant .VolumeAll:hover .VolumeSlider {
position:relative;
visibility:visible;
opacity:1;
}
.vp2_html5_rightSidePlaylist.giant .VolumeSlider .ui-slider-handle {
width:19px;
height:19px;
left:0px;
margin-bottom:-8px;
margin-left:0;
border:2px solid white;
-moz-border-radius:18px;
-webkit-border-radius:18px;
border-radius:18px;
background:black;
}
.vp2_html5_rightSidePlaylist.giant .VolumeSlider .ui-slider-handle.ui-state-hover {
background:#04abf2;
}
.vp2_html5_rightSidePlaylist.giant .VolumeSlider .ui-slider-range {
background:#04abf2;
width:11px;
left:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

/* volume button Mute & UnMute*/

.vp2_html5_rightSidePlaylist.giant .VolumeButton {
position:absolute;
bottom:0px;
display:block;
width:58px;
height:58px;
background:url(../image/controll/volume-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VolumeButton:hover {
background:url(../image/controll/volume-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VolumeButtonMute {
position:absolute;
bottom:0px;
display:block;
width:58px;
height:58px;
background:url(../image/controll/volumeMute-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VolumeButtonMute:hover {
background:url(../image/controll/volumeMute-on.png) no-repeat;
}

/*show/hide playlist */

.vp2_html5_rightSidePlaylist.giant .VideoShowHidePlaylist {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:27px;
right:140px;
width:36px;
height:36px;
background:url(../image/controll/hide-playlist-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoShowHidePlaylist:hover {
background:url(../image/controll/hide-playlist-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoShowHidePlaylist_onlyShow {
background:url(../image/controll/show-playlist-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoShowHidePlaylist_onlyShow:hover {
background:url(../image/controll/show-playlist-on.png) no-repeat;
}

/* info but */

.vp2_html5_rightSidePlaylist.giant .VideoInfoBut {
float:left;
cursor:url(../curs/curs.cur),auto;
position:absolute;
bottom:27px;
right:108px;
width:36px;
height:36px;
background:url(../image/controll/info-off.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoInfoBut:hover {
background:url(../image/controll/info-on.png) no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .VideoInfoBox {
display:none;
position:absolute;
left:10px;
top:0px;
height:110px;
overflow:hidden;
background:url(../image/controll/infoBox_bg.png) 0 0 repeat-x;
padding:0 10px 10px 10px;
margin-bottom:100px;
text-align:left;
overflow:auto;
}
.vp2_html5_rightSidePlaylist.giant .VideoInfoBox .movieTitle {
color:#ff002a;
font-size:12px;
font-weight:bold;
padding:8px 0px;
}
.vp2_html5_rightSidePlaylist.giant .VideoInfoBox .movieDesc {
font:11px Arial, Helvetica, sans-serif;
color:white;
line-height:1.4em;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolderWrapper {
position:absolute;
background:url(../image/controll/empty.png) #ccc;
/*height:121px;
width:100%;*/
height:100%;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolderVisibleWrapper {
position:absolute;
/*width:100%;
height:121px;*/
height:100%;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder {
position:absolute;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbOFF {
display:block;
height:96px;
background:url(../image/controll/bgPlaylistUnit.png) repeat-x top left #f2f2f2;
cursor:url(../curs/curs.cur),auto;
text-align:left;
line-height:1.4em;
overflow:hidden;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbOFF  .padding {
padding:10px;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbOFF .title {
font:bold 13px 'Droid Sans', sans-serif;
line-height:14px;
color:black;
display:inline-block;
padding-bottom:5px;
overflow:hidden;
display:block;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbOFF .reg {
font:11px Arial, sans-serif;
line-height:14px;
color:black;
overflow:hidden;
display:block;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbOFF img {
position:relative;
float:left;
margin-right:10px;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbON {
background:url(../image/controll/bgPlaylistUnitOn.png) repeat-x top left #434343;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbON .title {
color:#00adef;
}
.vp2_html5_rightSidePlaylist.giant .thumbsHolder_ThumbON .reg {
color:white;
}

/*  scroller start */

.vp2_html5_rightSidePlaylist.giant .slider-vertical {
display:none;
position:absolute;
width:6px;
margin-left:-3px;
}
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider {
position:relative;
}
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider .ui-slider-handle {
position:absolute;
z-index:2;
width:6px;
height:25px;
cursor:url(../curs/curs.cur),auto;
background:url(../image/controll/scrollerFaceOFF.png) 0px 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider .ui-slider-handle:hover {
background:url(../image/controll/scrollerFaceON.png) 0 0 no-repeat;
}
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider .ui-slider-range {
position:absolute;
z-index:1;
display:block;
border:0;
}
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider-vertical {
width:6px;
height:100px;
}
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider-vertical .ui-slider-handle {
left:0px;
margin-left:0px;
margin-bottom:-25px;
border:0;
}
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider-vertical .ui-slider-range {
left:0px;
width:100%;
}
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider-vertical .ui-slider-range-min {
bottom:0;
}
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-slider-vertical .ui-slider-range-max {
top:0;
}

/* Component containers
----------------------------------*/

.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-widget-content {
/*background:#ff7800;*/
}
.vp2_html5_rightSidePlaylist.giant .slider-vertical .ui-widget-header {
/*background: #24ff00;*/
}

/* Corner radius */

.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-corner-all {}

/* Interaction states
----------------------------------

.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-state-default {
background:black;
}
.vp2_html5_rightSidePlaylist.giant .slider-vertical.ui-state-hover {
background:#fff000;
}
*/
/*  scroller end */

.hideElement {
display:none;
}