body{margin:0px;}
.transparent{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; }
/* Background color and resizes */
.webPlayer .controls {display: block; position: relative; height: 168px; color: #555555; padding: 5px 15px; z-index: 996;border-radius: 5px}
#MiniPlayer{ display:block; width:275px; height:178px; padding:1px; /*background: url() #006577;*/ border-radius: 5px}

.gray_gradient_bg_x{
  background: #005564; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-100deg, #002c33, #005c6c,#002c33); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-100deg, #002c33, #006475,#002c33); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-100deg, #002c33, #006475,#002c33); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-100deg, #002c33, #006475,#002c33); /* 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 */
}

/* 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: 50px; bottom:15px;}
.webPlayer .controls .leftblock .play { display: block; 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; 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  .album_cover{ display:block; position: absolute; left: 10px; width: 75px; height:75px; top:10px; background-color:#808080}
.webPlayer .controls .metadata{position:absolute; width:195px;left:95px;top:10px;display:block;border:0px solid #ff0000}
.webPlayer .controls .song_title{display:block;float:left;color:#fff;font-weight:bold;font-size:10px;}
.webPlayer .controls .song_artist{display:block;float:left;color:#fff;font-size:10px;}

.webPlayer .controls .stationname{position:absolute;right:20px;bottom:8px;color:#969696;font-size:10px;}
#spectrum{
	position: absolute; left: 88px; top:38px;
}

.webPlayer .controls .progress { position: relative; display: block; margin: 0 130px 0 50px; text-align: left; }
.webPlayer .controls .progress span { font-size: 12px; margin-left: 1px; color: #ffffff; }
.webPlayer .controls .progress .progressbar { display: block; height: 6px; background-color: #0a0000; background: rgba(255, 255, 255, 0.05); margin: 2.5px 0; }
.webPlayer .controls .progress .progressbar .seekBar { position: relative; display: block; cursor: pointer; padding: 1px; background: rgba(255, 255, 255, 0.1); }
.webPlayer .controls .progress .progressbar .seekBar .playBar { display: block; height: 2px; padding: 0; background: #f76c04; }
.webPlayer .controls .progress .progressbar .seekBar a { display: block; position: absolute; top: -2px; width: 8px; height: 10px; border-radius: 5px; background: #ffffff; margin-left: -3px; }
.webPlayer .controls .progress .progressbar .seekBar a div { width: 10px; height: 10px; }


.webPlayer .controls .rightblock {position:absolute; right:100px; width: 300px; bottom:50px}
.webPlayer .controls .rightblock .volicon {position:absolute; left:-25px; top:0px; display: block; width: 30px; height: 30px; background: url("../img/speaker.svg") no-repeat }

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

.webPlayer .controls .rightblock .fb{display: block;position:absolute;left:80px; 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 .qm{display: block;position:absolute;left:140px;top:0px; width:20px;height:20px; background: url("../img/question.png") no-repeat }


.webPlayer .controls .stationlist{position:absolute; right:10px; bottom:25px;}
.webPlayer .controls .stationlist select{width:100px;background-color:#646464;border:1px solid #c0c0c0;color:#fff}

.webPlayer .controls .horizontal_line{position:absolute;left:0px;top:100px;display:block;height:1px;width:275px;background-color:#53636f}


.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; }






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