body{margin:0px;padding:0px;background-color:#333333}
.transparent{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; }
/* Background color and resizes */
.webPlayer .controls {display: block; position: relative; height: 570px; color: #555555; padding: 5px 15px; z-index: 996}
.webPlayer .panel_bg{display: block; position: absolute; left:-20px; top:-20px; height: 700px; width:500px; 
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}
#RadioboxPlayer{}

.gray_gradient_bg_x{
  background: #626262; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-100deg, #2d2d2d, #363636,#2d2d2d); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-100deg, #2d2d2d, #363636,#2d2d2d); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-100deg, #2d2d2d, #363636,#2d2d2d); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-100deg, #2d2d2d, #363636,#2d2d2d); /* Standard syntax */
}
.gray_gradient_bg{
  background: #005564; /* For browsers that do not support gradients */
  background: -webkit-radial-gradient(30% 100px,#006475, #003f46, #00242b,#00151a); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(30% 100px,#006475, #003f46, #00242b,#00151a); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(30% 100px,#006475, #003f46, #00242b,#00151a); /* For Firefox 3.6 to 15 */
  background: radial-gradient(at 30% 100px,#006475, #003f46, #00242b,#00151a); /* Standard syntax */
}

.spectrum_grid{
 background-image: url("grid.png") !important;
 background-repeat: repeat;
}

/* Background color and resizes */ 

.webPlayer {display: inline-block; position: relative; font-family: 'Segoe UI', Verdana, sans-serif; clear: both; margin-bottom: 10px; line-height: 1.4; font-size: 13px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); text-align: center; /* Chrome FIX for full screen */ }
.webPlayer a.smooth { transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; }
.webPlayer.jp-video-full > .controls { position: absolute; left: 0; right: 0; bottom: 0; opacity: 0.8; z-index: 1000; }
.webPlayer.jp-video-full, .webPlayer.jp-video-full object, .webPlayer.jp-video-full video { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 999; }
.webPlayer.jp-video-full > .playerScreen, .webPlayer.jp-video-full > .playerScreen > .video-play { z-index: 1000; }
.webPlayer .playerScreen { cursor: pointer; } 
.webPlayer .playerScreen .video-play { display: block; position: absolute; z-index: 990; width: 100%; top: 0; left: 0; right: 0; bottom: 50px; background: url("../img/preimg.light.png") no-repeat center center; opacity: 0.4; background-color: rgba(0, 0, 0, 0.4); }

.webPlayer .controls .leftblock { position: absolute; left: 10px; width: 300px;height:40px; bottom:20px;border: 0px solid #ff0000}
.webPlayer .controls .leftblock .play { display: block;position: absolute; left:10px; width: 40px; height: 40px; background: url("../img/playerUI.png") no-repeat 0 1px; opacity: 0.8; }
.webPlayer .controls .leftblock .play:hover { opacity: 1; }
.webPlayer .controls .leftblock .pause { display: block;position: absolute;left:10px; width: 40px; height: 40px; background: url("../img/playerUI.png") no-repeat -40px 1px; opacity: 0.8; }
.webPlayer .controls .leftblock .pause:hover { opacity: 1; }

.webPlayer .controls .leftblock .volumeBar { display: block; position: absolute; height: 2px; background-color: #a0a0a0; background: rgba(200, 200, 200, 0.65); width: 60px; top: 17px; left: 70px; cursor: pointer; }
.webPlayer .controls .leftblock .volumeBar .currentVolume { position: relative; height: 2px; padding: 0px; }
.webPlayer .controls .leftblock .volumeBar .currentVolume .curvol { display: block; height: 2px; padding: 0; background: #c0c0c0; }
.webPlayer .controls .leftblock .volumeBar .currentVolume a { display: block; position: absolute; top: -3px; margin-left: -3px; width: 9px; height: 9px; border-radius: 5px; background: #ffffff; }
.webPlayer .controls .leftblock .volumeBar .currentVolume a div { display: block; width: 10px; height: 10px; }


.webPlayer .controls  .albumart{ display:block; position: absolute; left: 10px; width: 80px; height:70px; top:335px;}
.webPlayer .controls  .album_cover{ display:block; position: absolute; left: 0px; width: 80px; height:70px; top:0px; background-color:#808080}
.webPlayer .controls .song_artist{display:block;width: 220px; height:60px;text-align:left;position:absolute;left:100px;top:350px;color:#eee;font-size:16px;text-shadow: 2px 2px 1px #000000;}
.webPlayer .controls .song_title{display:block;height:26px;background-color:#222222;width:315px;position:absolute;left:10px;top:302px;color:#fff;font-size:13px;text-align:center;text-shadow: 2px 2px 1px #000000;}

.webPlayer .controls .stationname{position:absolute;right:10px;top:8px;color:#c0c0c0;font-size:13px;background-color:#222;padding:3px;font-weight:bold}   
.webPlayer .controls .ticker{display:block;height:26px;width:315px;position:absolute;left:10px;top:410px;color:#cccccc;font-size:12px;text-align:center;text-shadow: 2px 2px 1px #000000;}

.webPlayer .controls .stationlogo{position:absolute;left:10px;top:8px;} 



.webPlayer .spectrum{
	position: absolute; left: 50px; top:450px;
}
.webPlayer .controls .stationlist{display: none;color:#ffffff;position:absolute;left:10px;top:100px;width:315px;height:200px;background-color:#525252}
.webPlayer .controls .stationlist ul{text-align:left;padding-left:10px;font-size:12px}
.webPlayer .controls .stationlist li{display:block;margin:1px;padding-left:3px}
.webPlayer .controls .stationlist li a{text-decoration:none;color:#ffffff;display:block}
.webPlayer .controls .stationlist li:hover{background-color:#444444} 
.selectedChannel{background-color:#444444}

.webPlayer .controls .song_request{display: none;color:#ffffff;position:absolute;left:10px;top:100px;width:315px;height:200px;background-color:#5264ad}
.webPlayer .controls .station_info{display: none;color:#ffffff;position:absolute;left:10px;top:100px;width:315px;height:200px;background-color:#800040;text-align:left;padding:5px}


.webPlayer .controls .btn_channels{position:absolute;display: block;width:104px;height:23px;left:10px;top:70px;color:#fff;font-size:11px;background-color:#444444;text-decoration:none;padding-top:6px}  
.webPlayer .controls .btn_channels:hover{background-color:#e6e6e6;color:#666}  
.webPlayer .controls .btn_request{position:absolute;display: block;width:104px;height:23px;left:116px;top:70px;color:#fff;font-size:11px;background-color:#444444;text-decoration:none;padding-top:6px} 
.webPlayer .controls .btn_request:hover{background-color:#e6e6e6;color:#666}
.webPlayer .controls .btn_stationinfo{position:absolute;display: block;width:103px;height:23px;left:222px;top:70px;color:#fff;font-size:11px;background-color:#444444;text-decoration:none;padding-top:6px}  
.webPlayer .controls .btn_stationinfo:hover{background-color:#e6e6e6;color:#666}
.btn_highlight{background-color:#e6e6e6 !important;color:#666 !important}

.webPlayer .controls .bannerslide{display: block;color:#ffffff;position:absolute;left:10px;top:100px;width:315px;height:200px;border:0px solid #666666;background-color:#444444}


.webPlayer .controls .rightblock {position:absolute; right:100px; width: 300px; bottom:50px}

.webPlayer .controls .rightblock .req{display: block;position:absolute;left:15px; top:0px; width:20px;height:20px; background: url("../img/request.png") no-repeat }
.webPlayer .controls .rightblock .pup{display: block;position:absolute;left:50px; top:0px; width:20px;height:20px; background: url("../img/player_up.png") no-repeat }
.webPlayer .controls .rightblock .fb{display: block;position:absolute;left:140px; top:0px; width:20px;height:20px; background: url("../img/icon_facebook.png") no-repeat }
.webPlayer .controls .rightblock .tw{display: block;position:absolute;left:110px;top:0px; width:20px;height:20px; background: url("../img/icon_twitter.png") no-repeat }
.webPlayer .controls .rightblock .qr{display: block;position:absolute;left:80px;top:0px; width:20px;height:20px; background: url("../img/qr.png") no-repeat }


.webPlayer .controls .horizontal_line{position:absolute;left:10px;top:450px;display:block;height:115px;width:315px;background-color:#222222}
.webPlayer .controls.footer_bg{position:absolute;left:10px;top:450px;display:block;height:50px;width:315px;background-color:#ff0000}
.webPlayer .controls .lchannel{position:absolute;left:10px;top:430px;display:block;height:18px;width:50px;background-color:#ff0000;color:#fff}
.webPlayer .controls .lchannel_selected{position:absolute;left:62px;top:430px;display:block;height:18px;width:263px;background-color:#666666;color:#fff}



.webPlayer.audioPlayer .progress { margin-right: 100px; }
.webPlayer.audioPlayer .rightblock { width: 85px; }
.webPlayer.audioPlayer .rightblock .volumeText { bottom: -42px; }
.webPlayer.audioPlayer .fullScreen { display: none; }
.webPlayer.audioPlayer .fullScreenOFF { display: none; }

.blur-all {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

.panel_bg {
-webkit-animation: backgroundScroll 100s linear infinite;
animation: backgroundScroll 100s linear infinite;
}

@-webkit-keyframes backgroundScroll {
from {background-position: -50px -50px;}
to {background-position: -100px -200px;}
}
        
@keyframes backgroundScroll {
from {background-position: -50px -50px;}
to {background-position: -100px -200px;}
}






@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	
	
  }