@charset "UTF-8";
/* CSS Document */
html{
height:100%;
display:block;
}
*{outline:none !important; }

body{
height:100%;
background: #E57976;
padding:0; 
margin:0; 
height:100%;
font-family: 'Roboto', sans-serif !important;
letter-spacing:1px;
font-weight:100;

}
.header{
	background:white; height:110px; width:100%; display:block;
	position:fixed;
	box-shadow:0 0 5px #000000;
	z-index:999;
}

.header .logo{padding:20px 0; display:block; float:left}
.header .social{padding:20px 0; display:block; float:right;}

.main-area{
	display:block;
	padding-top:180px;
}
.container{display:block; margin:0 auto; width:940px;}
.player{display:block; color:#FFFFFF; padding:50px 0 20px 0;}

.jp-audio-stream{
display:block;
float:left;
width:150px;
}

.live{
margin-left: 3%;
    margin-right: 1%;
    position: fixed;
    left: 0;
    bottom: 5px;
    padding: 10px 10px 10px 10px;
    padding-top: 15px;
    border-top: 5px solid rgba(227,122,119,.75);
    width: 92%;
    z-index: 9;
}

.iframe.live {
text-align: center;
    width: 100%;
    max-width: 500px;
}

.titles{display:block; float:left; padding:0 0; padding-left:15px; width:227px; margin-top:5px; height:85px}
.titles h3{margin-bottom:20px;}
.titles h4{font-weight:bold; font-size:16px;}
.titles h5{font-size:13px; opacity:.8; letter-spacing:0px !important; }
h3.ul span{border-bottom:3px solid #FFF; padding-bottom:5px;}

div.jp-audio-stream ul.jp-controls{
	height:100px;
	width:100px;
}

h3{color:#FFF !important; 
font-size:16px !important; 
text-transform:uppercase;
font-weight:bold !important;  
letter-spacing:2px !important; 
/*font-family: 'Roboto', sans-serif !important;*/}

.player {margin-top:5px; margin-bottom:0px; height:90px;}
.player .btn{margin-top:10px;}

.player .btn:hover{color:#ffa2a0 !important; border-color:#ffa2a0 !important}


.mobile{margin-right:20px; margin-top:20px; height:60px; padding-top:2px; width:160px; font-size:14px; background:url(../widget-new/images/phone.png) 0 0 no-repeat; padding-left:40px;}
.mobile h3{font-size:14px !important;}

.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.hide{display:none}
a.btn{display:block; text-transform:uppercase; text-decoration:none; font-size:14px; font-weight:bold; border:3px solid #FFF; padding:20px; color:#FFF !important; border-radius:2px; cursor:pointer}
a.btn:hover{opacity:.8}

/*jp*/
.jp-controls:hover{opacity:.8}
.jp-interface{padding-top:0 !important}

.this-season{background:#202020; padding:80px 0; margin-top:80px;}
.shows{margin-top:60px; margin-left:-40px;}
.show-wrapper{background:#FFF; width:286px; height:420px; display:block; float:left; margin-left:40px; margin-bottom:40px;}
.show-wrapper .image{background:#333; height:250px;}
.show-wrapper h3{text-align:center; font-weight:bold !important; color:#000 !important; margin-bottom:15px;}

.show-wrapper .caption{padding:20px; font-size:15px;}
.show-wrapper .caption *{text-align:center; line-height:20px}

#cs{height:80px; display:block;}

#rate-ct {width:150px !important; display:block; height:58px !important; margin:0 auto;}
#rate-ct > a{display:block; margin-left:11px; width:58px; height:58px; background-repeat:no-repeat; background-position:0 0; float:left; transition:all .2s; cursor:pointer;}
#rate-ct > a:hover{opacity:.8;}
#rate-ct > a.lock{opacity:.4; cursor:default !important;}
#rate-ct > a.active{background-position: 0 -58px; cursor:default !important;}
.btn-like{background:url('../widget-new/images/btn-like.png') 0 0 no-repeat}
.btn-dislike{background:url('../widget-new/images/btn-dislike.png') 0 0 no-repeat}


.container{min-width:150px !important; width:100% !important;}
	body.station-main{
	background: rgba(0, 0, 0, 0.74) !important; /* Old browsers */
		
	}
	
	body.station-music{
		background:#00304a !important;	
	}
	.logo {height:80px !important; overflow:hidden; padding:0 !important; margin:20px auto}
	body.station-music .logo img{margin-top:-34px}
		
/*	body.station-main .jp-volume-bar-value{background:#000000 !important}*/
	body.station-music .jp-volume-bar-value{background:#000000 !important}
	
	body.station-music .btn-like, body.station-music .btn-dislike{background-position:-58px 0 !important}
	body.station-music .btn-like.active, body.station-music .btn-dislike.active{background-position:-58px -58px !important}
	
	
	.jp-play, .jp-pause{background-image:url('../m-sub/images/buttom.png') !important; width:90px !important}
	
/*	body.station-main .jp-mute{background-color:#7f242d !important; transition:background-color .3s;}
	body.station-music .jp-mute{background-color:#298988 !important; transition:background-color .3s;}
*/	
	div.jp-interface ul.jp-controls a.jp-mute, div.jp-interface ul.jp-controls a.jp-unmute, div.jp-interface ul.jp-controls a.jp-volume-max{background-image:url(../widget-new/images/jplayer.pink.flag.png) !important; height: 13px !important;
    border: 0;}
	div.jp-audio ul.jp-controls a.jp-mute, div.jp-audio ul.jp-controls a.jp-unmute, div.jp-audio-stream ul.jp-controls a.jp-mute, div.jp-audio-stream ul.jp-controls a.jp-unmute{top:-8px !important}
	
		.jp-controls{overflow:hidden !important; width:90px;}
		body.station-music .jp-play{background-position:-90px 0 !important}
		body.station-music .jp-pause{background-position:-90px -110px !important}
	
	.titles{width:100% !important; padding:0 0 20px 0 !important}
	.logo{text-align:center; width:100%;}
	.header .container{padding:0; margin:0}
	.main-area{padding:80px;}
	.titles {
		text-align:center;
    clear: both;
    display: block;
    float: left;
    padding: 0 0 0 15px;
    width: 100%;
	}
	.jp-audio-stream{margin:0 auto; display:block; width:100% !important}
	.controls{width:100%; height:166px !important; display:block}
	.div.jp-interface ul.jp-controls li{height:92px !important; position:relative !important}
	h4{font-size:19px !important; line-height:24px}
	h5{font-size:15px !important; }
	.jp-type-single, .jp-interface, .controls{height:145px}
	.jp-volume-bar{display:none !important}
	.selectStation{     display: block;
    clear: both;
    margin: 20px auto 10px auto;
    background: rgb(228, 120, 117);
    padding: 10px;}
	.selectStation a{color:#FFFFFF !important; display:inline-block; font-weight:bold; border:2px solid transparent; padding:10px 20px;  text-decoration:none; transition:all .3s !important; cursor:pointer;}
	.selectStation a span{border-bottom:1px solid #FFFFFF; }
	.selectStation a:hover{transition:all .2s !important;}
	.selectStation a.active{border-radius:3px; border: 2px solid #fff;
    background: #E47875; padding:10px 20px; text-decoration:none;}
		.selectStation a.active span{border-bottom:1px solid transparent; }
	#rate-ct > a{transition:none !important}
	.jp-volume-bar{display:block !important}