/****************************************************************/
#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying,
#sphradio_players_container.landscape.scrollbreakpoint_below .nowplaying{
	width:436px !important; /*temporary to overwrite */
}
 
#sphradio_players_container{
	width:0;
	height:0;
	font-size:14px;
}

#sphradio_players_container .nowplaying{/*background:#ffffff;border:0px solid #666666; */
	position:fixed;
	/*overflow:hidden;*/
	background:white;
	display:none;
}

#sphradio_players_container.portrait .nowplaying{
	display:block;
	height: 105px;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
}

#sphradio_players_container.landscape .nowplaying{
	display:block;
	width: 436px;
	right:0;
	top:0px;
}
#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying{
	height:127px !important;
}
#sphradio_players_container.landscape.scrollbreakpoint_below .nowplaying{
	height:84px !important;
}

 
 /*********************************/
 #sphradio_players_container .control_button_container_bg{
	 /*background-image: url('img/player_01_graphic_893.svg'); */
	 background-repeat: no-repeat;
	 background-size:92px 92px;
	 width:92px;
	 height:92px;
 }
 #sphradio_players_container .running .control_button_container_bg{ /*border-top:1px solid  black;border-radius:46px;*/
  -webkit-animation-name: rotate;
  -webkit-animation-duration:20s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-name: rotate;
  -moz-animation-duration:20s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;
  -ms-animation-name: rotate;
  -ms-animation-duration:20s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-timing-function:linear;
  -o-animation-name: rotate;
  -o-animation-duration:20s;
  -o-animation-iteration-count:infinite;
  -o-animation-timing-function:linear;
  animation-name: rotate;
  animation-duration:20s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}


@-webkit-keyframes rotate {
  from {-webkit-transform:rotate(0deg);}
  to {  -webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotate {
  from {-moz-transform:rotate(0deg);}
  to {  -moz-transform:rotate(360deg);}
}
@-ms-keyframes rotate {
  from {-ms-transform:rotate(0deg);}
  to {  -ms-transform:rotate(360deg);}
}
@-o-keyframes rotate {
  from {-o-transform:rotate(0deg);}
  to {  -o-transform:rotate(360deg);}
}
@keyframes rotate {
  from {transform:rotate(0deg);}
  to { transform:rotate(360deg);}
}
#sphradio_players_container .control_button_container .control_button{
	width:50px;
	height:50px;
	cursor: pointer;
	position:relative;
	top:-71px;
	left:21px;
}
 

 /*********************************/
 
 
#sphradio_players_container.landscape .nowplaying {
	-webkit-box-shadow: 4px 4px 21px 0px rgba(0,0,0,0.04);
	-moz-box-shadow: 4px 4px 21px 0px rgba(0,0,0,0.04);
	box-shadow: 4px 4px 21px 0px rgba(0,0,0,0.04);	
}
 
 
#sphradio_players_container.portrait .drag_handler{
	 /*height:30px;*/
	 width:100%;
	 padding:6px 0 6px 0;
	 text-align:center;
	 cursor:move;
	 border-top:1px solid #e0e0e0;
	 background: linear-gradient(#fafafa, #ffffff);
}
#sphradio_players_container.portrait .drag_handler .handler_icon{
	 max-height: 100%;
	 margin:0 auto;
}

#sphradio_players_container.portrait .nowplaying .nowplaying_inner_container{
	max-width:420px;
	min-width:300px;
	margin:0 auto;
	text-align:left;
	height:220px;
	background:white;
}

#sphradio_players_container.portrait .nowplaying .row1{
	height:98px;width:calc(100% - 160px);display:inline-block;padding:0px 5px 5px 30px;float:left;
}

#sphradio_players_container.portrait .nowplaying .control_button_col{
	width:92px;
	height:92px;
	display:inline-block;
	float:right;
	margin:0px 30px 0px 0px;
	float:left;
}

#sphradio_players_container.portrait .nowplaying .cover_container_onair_icon {
	margin:0px 5px 5px 0;
	display:inline-block;
	background-image: url('img/player_01_onair.svg'); /*2.16 aspect ration */
	background-repeat: no-repeat;
	height:20px;
	width:43px; 
}


#sphradio_players_container.portrait .nowplaying .infobox{ 
	width:calc( 100% - 53px );float:right;height: 32px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;text-transform: capitalize;
	margin-top:-2px;
}

#sphradio_players_container.portrait .nowplaying .downloadbox{
	margin-top:-3px;/*due to an unknow space */
}

#sphradio_players_container.portrait .nowplaying .downloadbox .download_btn{
	display:none;width:148px;
}
#sphradio_players_container.portrait .nowplaying .downloadbox .download_btn img{
	max-height:100%;
}
#sphradio_players_container.portrait .nowplaying .coverinfo_box{
	/*height:128px;*/
	width:100%;padding:0px 32px 18px 30px;clear:both;
}
#sphradio_players_container.portrait .nowplaying .cover_container{
	width:110px;height:110px;float:left;
}

#sphradio_players_container.portrait .nowplaying .fullinfo_box{
	width:calc( 100% - 172px);
	float:left;padding:0 0 0 20px;
}

#sphradio_players_container.portrait .nowplaying .nowplaying_info{
	line-height:18px;
	display:block;
}
#sphradio_players_container.portrait .nowplaying .nowplaying-cue-title,
#sphradio_players_container.portrait .nowplaying .nowplaying-program-title{
	font-weight:bold;
}

/***************/


#sphradio_players_container.landscape .nowplaying .drag_handler,
#sphradio_players_container.landscape .nowplaying .downloadbox{
	display:none;
}

#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .coverinfo_box{
	position:absolute;
	top:0;
	left:0;
}

@-webkit-keyframes fadeIn{
	0%   { opacity:0; }
	50%  { opacity:0.5; }
	100% { opacity:1; }
}
@-moz-keyframes fadeIn{
	0%   { opacity:0; }
	50%  { opacity:0.5; }
	100% { opacity:1; }
}
@-ms-keyframes fadeIn{
	0%   { opacity:0; }
	50%  { opacity:0.5; }
	100% { opacity:1; }
}
@-o-keyframes fadeIn{
	0%   { opacity:0; }
	50%  { opacity:0.5; }
	100% { opacity:1; }
}
@keyframes fadeIn { 
	0%   { opacity:0; }
	50%  { opacity:0.5; }
	100% { opacity:1; }
}


@-webkit-keyframes fadeOut{
	0%   { opacity:1; }
	50%  { opacity:0.5; }
	100% { opacity:0; }
}
@-moz-keyframes fadeOut{
	0%   { opacity:1; }
	50%  { opacity:0.5; }
	100% { opacity:0; }
}
@-ms-keyframes fadeOut{
	0%   { opacity:1; }
	50%  { opacity:0.5; }
	100% { opacity:0; }
}
@-o-keyframes fadeOut{
	0%   { opacity:1; }
	50%  { opacity:0.5; }
	100% { opacity:0; }
}
@keyframes  fadeOut{ 
	0%   { opacity:1; }
	50%  { opacity:0.5; }
	100% { opacity:0; }
}

#sphradio_players_container .fadeIn {
    -webkit-animation: fadeIn 0.5s alternate;
	-moz-animation: fadeIn 0.5s alternate;
	-ms-animation: fadeIn 0.5s alternate;
	-o-animation: fadeIn 0.5s alternate;
	animation: fadeIn 0.5s alternate;
}
#sphradio_players_container .fadeOut {
	-webkit-animation: fadeOut 0.5s alternate;
	-moz-animation: fadeOut 0.5s alternate;
	-ms-animation: fadeOut 0.5s alternate;
	-o-animation: fadeOut 0.5s alternate;
	animation: fadeOut 0.5s alternate;
}

#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .cover_container{
	width:127px;
	height:127px;
}
#sphradio_players_container .nowplaying .cover_image{
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
    image-rendering: -webkit-optimize-contrast;
}


#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .control_button_col{
	position:absolute;
	left:130px;
	top:50px;
	overflow:hidden;
	height:77px;
	width:150px;
}
#sphradio_players_container.landscape .nowplaying .infobox{
	display:none;
}
#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box{
	position:absolute;
	top:0;
	left:140px;
	width:290px;
	overflow:hidden;
}
#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .nowplaying_info{
	display:inline-block;
}

#sphradio_players_container .nowplaying .nowplaying_info.truncate{
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

#sphradio_players_container .nowplaying .nowplaying_info{
	font-size:13px;
}


#sphradio_players_container.landscape.scrollbreakpoint_below .nowplaying .nowplaying_info.nowplaying-program-time{
	display:none;
}

#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box{
	min-height:80px;
}
#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box .cue_row{
	position:relative;
	top:10px;
}
#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box .program_row{
	position:relative;
	top:0px;
}

#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box .nowplaying_info{
	display:inline-block;
	width: 50%;
}
/*
#sphradio_players_container.landscape.scrollbreakpoint_below .nowplaying .nowplaying-cue-title{
	max-width:200px;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
*/

#sphradio_players_container.landscape .nowplaying .nowplaying-cue-title{
	font-weight:bold;
}


#sphradio_players_container.portrait .nowplaying .infobox .nowplaying-cue-artist{
	display:none;
}


#sphradio_players_container.portrait .nowplaying .listen_text,
#sphradio_players_container.landscape.scrollbreakpoint_below .nowplaying .listen_text{
	display:none;
}
#sphradio_players_container.landscape .listen_text{
	position:absolute;
	top:35px;
	left:80px;
	color:#666666;
}
#sphradio_players_container.landscape .nowplaying .cover_container_onair_icon {
	position:absolute;
	background-image: url('img/player_01_onair.svg'); /*2.16 aspect ration */
	background-repeat: no-repeat;
	height:20px;
	width:43px; 
	left:5px;
	top:5px;
	z-index:9;
}

#sphradio_players_container.landscape.scrollbreakpoint_below .nowplaying .cover_container{
	display:none;
}

#sphradio_players_container.landscape.scrollbreakpoint_below .nowplaying .control_button_col{
	position:absolute;
	left:130px;
	top:8px;
	height:76px;
	overflow:hidden;
}
#sphradio_players_container.landscape.scrollbreakpoint_below .nowplaying .fullinfo_box{
	position:absolute;
	left:210px;
	top:32px;
	line-height:1.5;
}

#sphradio_players_container.landscape.scrollbreakpoint_below .nowplaying .nowplaying-program-title{
	display:none;
}

#sphradio_players_container.landscape .nowplaying .nowplaying-program-title{
	display:none;
}


#sphradio_players_container.landscape.scrollbreakpoint_below .nowplaying .cover_container_onair_icon{
	top:32px;
	left:210px;
}

#sphradio_players_container.portrait .download_dropdown,
#sphradio_players_container.landscape.scrollbreakpoint_below .download_dropdown {
	display:none;
}
#sphradio_players_container.landscape.scrollbreakpoint_above .download_dropdown {
	position: absolute;
	display: inline-block;
	right:0;
	top:86px;
	width:184px;
}
#sphradio_players_container.landscape.scrollbreakpoint_above .download_text{
	font-size:90%;
	color:#666666;
	text-decoration: underline;
	cursor:default;
	padding-left:25px;
}

#sphradio_players_container.landscape.scrollbreakpoint_above .download_dropdown_content {
	position: absolute;
	background-color: #ffffff;
	width: 184px;
	padding-top:17px;
	z-index: 1;
	
}
#sphradio_players_container.landscape.scrollbreakpoint_above .download_dropdown_content ,
#sphradio_players_container.landscape.scrollbreakpoint_above .download_dropdown_content img{
	visibility: hidden;
    opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
}

#sphradio_players_container.landscape .download_dropdown:hover .download_dropdown_content ,
#sphradio_players_container.landscape .download_dropdown:hover .download_dropdown_content img{
	visibility: visible;
    opacity: 1;
}
#sphradio_players_container.landscape .download_dropdown .download_btn{
	width:100%;
	height:auto;
	padding:9px 18px;
	display:block;
	box-sizing:border-box;
}

#sphradio_players_container.landscape .download_dropdown .download_btn img{
	width:100%;
	box-sizing:border-box;
}

#sphradio_players_container.landscape.scrollbreakpoint_below .last_tracks_list_open_button_landscape,
#sphradio_players_container.landscape.scrollbreakpoint_below .last_tracks_list_close_button,
#sphradio_players_container.landscape.scrollbreakpoint_below .last_tracks_list{
	display:none !important;
}


#sphradio_players_container.landscape.scrollbreakpoint_above .last_tracks_list_open_button_landscape{
	padding:5px 5px;
	background-color:#ffffff;
	cursor:pointer;
	line-height:20px;
	font-size:13px;
	display:none;
	position:absolute;
	box-sizing:border-box;
	color:#5E6D65;
	text-align:center;
    transition: background-color 0.5s;
}

#sphradio_players_container.landscape.scrollbreakpoint_above .last_tracks_list_open_button_landscape:hover{
	color:#fff;
    transition: background-color 0.5s;
}

#sphradio_players_container.portrait .last_tracks_list_close_button{
	display:none;
}
#sphradio_players_container.landscape.scrollbreakpoint_above .last_tracks_list_open_button_landscape,
#sphradio_players_container.landscape.scrollbreakpoint_above .last_tracks_list{
	-webkit-box-shadow: 4px 4px 21px 0px rgba(0,0,0,0.04);
	-moz-box-shadow: 4px 4px 21px 0px rgba(0,0,0,0.04);
	box-shadow: 4px 4px 21px 0px rgba(0,0,0,0.04);	
}
	

#sphradio_players_container.landscape.scrollbreakpoint_above .last_tracks_list_close_button{
	padding:5px 5px;
	background-color:#5E696E;
	color:#fff;
	width:127px;
	cursor:pointer;
	line-height:20px;
	font-size:13px;
	display:none;
	position:absolute;
	box-sizing:border-box;
	position:absolute;
	top:526px;
	text-align:center;
}

#sphradio_players_container.landscape.scrollbreakpoint_above .last_tracks_list_open_button_landscape{
	left:0;
	width:127px;
}
#sphradio_players_container.landscape .last_tracks_list_open_button_portrait,
#sphradio_players_container.portrait .last_tracks_list_open_button_landscape{
	display:none !important;
}
#sphradio_players_container.portrait .last_tracks_list_open_button_portrait{
	margin:0 auto;
	/*width:130px;
	background-color:#009BA4;
	border:1px solid transparent;
	border-radius: 5px 5px 0 0;*/
}

#sphradio_players_container.landscape.scrollbreakpoint_above .last_tracks_list_container{
	/*display:none;*/
	position:absolute;
	top:126px;
	width:100%;
	font-size:13px;
	overflow:visible;
	
	transition: 0.5s;
	-webkit-transition: 0.5s;
	z-index: -2;
	max-height:400px;
}
#sphradio_players_container.portrait .last_tracks_list_container{
	margin-top: 0 !important;
	position:absolute;
	top:270px;
	bottom:0;
	left:0;
	right:0;
	overflow-y:scroll;
}


#sphradio_players_container.landscape.scrollbreakpoint_above .last_tracks_list{
	overflow-y:scroll;
	overflow-x:hidden;
	max-height:400px;
}


#sphradio_players_container .last_tracks_list .track_container{
	display:block;
	position:relative;
	width:100%;
	background:white;
	border-bottom:1px solid #ccc;
}
#sphradio_players_container.landscape .last_tracks_list .track_container{
	height:127px;
}
#sphradio_players_container.portrait .last_tracks_list .track_container{
	height:110px;
}

#sphradio_players_container .last_tracks_list .track_cover{
	background-size:cover;
	background-repeat:no-repeat;
	position:absolute;
	left:0;top:0;
    image-rendering: -webkit-optimize-contrast;
}
#sphradio_players_container.portrait .last_tracks_list .track_cover{
	left:30px;
}

#sphradio_players_container.landscape .last_tracks_list .track_cover{
	width:127px;
	height:127px;
}
#sphradio_players_container.portrait .last_tracks_list .track_cover{
	width:110px;
	height:110px;
}	

#sphradio_players_container .last_tracks_list .track_title{
	width:auto;
	position:absolute;
	left:150px;
	top:20px;
	font-size:13px;
	font-weight:bold;
}

#sphradio_players_container.landscape .last_tracks_list .track_title{
	left:145px;
	top:20px;
	right: 20px;
}
#sphradio_players_container.portrait .last_tracks_list .track_title{
	left:155px;
	top:15px;
	right: 15px;
}

#sphradio_players_container .last_tracks_list .track_artist{
	width:auto;
	position:absolute;
	font-size:13px;
}
#sphradio_players_container.landscape .last_tracks_list .track_artist{
	left:145px;
	top:40px;
}
#sphradio_players_container.portrait .last_tracks_list .track_artist{
	left:155px;
	top:30px;
}


#sphradio_players_container .nowplaying .marquee{
	overflow:hidden;
}
#sphradio_players_container .nowplaying .marquee span{
	white-space: nowrap;
}

#sphradio_players_container.landscape .nowplaying .landscape_masked_bg{
	background:white;top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1;	
	
}

#sphradio_players_container.portrait .nowplaying .landscape_masked_bg{
	display:none;
}

#sphradio_players_container.landscape.scrollbreakpoint_below .nowplaying .control_button_col,
#sphradio_players_container.landscape.scrollbreakpoint_below .nowplaying,
#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying{
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	transition:1s;
}



#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box .cue_box,
#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box .program_box{
		width:50%;
		max-width:50%;
		min-width:50%;
		float:left;
		box-sizing:border-box;
}

#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box .cue_box .nowplaying-cue-title,
#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box .cue_box .nowplaying-cue-artist,
#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box .program_box .nowplaying-program-time,
#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box .program_box .nowplaying-program-title{
		box-sizing:border-box;
		display:inline-block;
		width: calc(100% - 10px);
}
#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box .cue_box .nowplaying-cue-title,
#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box .program_box .nowplaying-program-time{
	position:relative;
	top: 6px;
}

#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box .cue_box .nowplaying-cue-artist,
#sphradio_players_container.landscape.scrollbreakpoint_above .nowplaying .fullinfo_box .program_box .nowplaying-program-title{
	position:relative;
	top: -4px;
}

#sphradio_players_container .nowplaying .nowplaying-program-title{
    text-transform:capitalize;
}


#sphradio_players_container.landscape.scrollbreakpoint_below .nowplaying .nowplaying-cue-title{
	margin-left:50px;
	width: 170px;
}
#sphradio_players_container.landscape.scrollbreakpoint_below .nowplaying .nowplaying-cue-artist{
	width: 220px;
}

#sphradio_players_container.portrait .nowplaying .fullinfo_box .cue_box{
	margin-bottom:16px;
}
#sphradio_players_container.portrait .nowplaying .nowplaying_info{
	margin:4px 0;
}


#sphradio_players_container .nowplaying .track_container .track_title,
#sphradio_players_container .nowplaying .track_container .track_artist {
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
	text-align:left;
    color:#5E6D65;
}
#sphradio_players_container.portrait .nowplaying .last_tracks_list_open_button_portrait{
	text-decoration:underline;
}

#sphradio_players_container.portrait{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
#sphradio_players_container.portrait .nowplaying{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

#sphradio_players_container .nowplaying .nowplaying-cue-title,
#sphradio_players_container .nowplaying .nowplaying-cue-artist,
#sphradio_players_container .nowplaying .track_title,
#sphradio_players_container .nowplaying .track_artist{
    text-transform:uppercase;
}