@font-face {
	font-family: 'entypo';
	font-style: normal;
	font-weight: normal;
	src: url('entypo.eot');
	src: url('entypo.eot?#iefix') format('eot'),
	url('entypo.woff') format('woff'),
	url('entypo.ttf') format('truetype'),
	url('entypo.svg#entypo') format('svg');
}
.entypo {font-family: 'entypo'}

body {
	margin: 0;
	overflow:hidden;
	font: 300 14px "Open Sans", Arial, sans-serif;
	background-color:#eee;
	color:#c4c4c4;
	text-align:center;
	position: relative;
}
.no-backgroundsize body { /*ie7*/
	behavior: url(backgroundsize.min.htc);
	background:#606aFF;
}

#container {
	position: relative;
	text-align:left;
	margin:0 auto;
	max-width: 1140px;
	min-width: 1030px;
}

.titlecolor { color: #ffffff; }

.themebg { background: #777; }

.themebg2 { /* always has .themebg under it */
	background: url(10pct_white-trans.png);
	background: rgba(255,255,255, .05);
}

.playerbg {
	position:absolute;
	top:10px; left:10px;
	width: 98.4%;
	height:525px;
	z-index: 0;
	background-image: url(playerbg-default.jpg);
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}
.playerbg.blur {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	filter: blur(5px);
	background-position: center center !important;
	background-size: cover !important;
}

.playerbg img { visibility: hidden }
.ua-MSIE7 .playerbg.blur,
.ua-MSIE8 .playerbg.blur {
	zoom:2;
	top:0px; left:0;
	width: 560px;
	height:300px;
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5);
	-ms-filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5);
	background-position:0px -50px;
	background-repeat: repeat;
}
.ua-MSIE6 .playerbg.blur { filter:none }

.player {
	position: relative;
	overflow: hidden;
	box-shadow: inset 0 0 20px rgba(0,0,0,.5);
	border: 20px solid #ACACAC;
	z-index: 1;
	height:510px;
	text-shadow:0 0 3px #000, 0 0 2px #000;
}
.player.blur {
	background: url(50pct_black-trans.png);
	background: rgba(0,0,0,.4);
}

.header {
	position: relative;
	background: url(60pct_black-trans.png);
	background: rgba(0,0,0,.6);
	padding: 14px 34px;
	font-size: 28px;
	font-weight: 300;
	text-shadow:none;
}

.player-content {
	padding: 138px 10px 28px 28px;
	float: left;
	width: 61%;
	position: relative;
}

.side-content {
	float: right;
	padding-top: 25px;
	width: 30%;
	min-width:325px;
}

.banner-right {
	float: left;
	width:300px;
	height:250px;
	overflow:hidden;
}

.lower-content {
	position: relative;
	margin: 43px 8px 8px 28px;
	height:90px;
	clear:both;
}
.no-backgroundsize .lower-content {
	margin-top:3px;
}

.banner {
	position: relative;
	float: left;
	width:728px;
	height:90px;
	overflow:hidden;
}

.lower-side {
	position: relative;
	text-align: center;
	float: right;
	margin-right: 17px;
	width: 200px;
	width: calc(100% - 760px);
}


.album-art {
	float: left;
	margin: -16px 12px 0 0;
}

.album-art img {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	box-shadow: 0 0 5px #444;
}

a {
	color: #e0e0e0;
	text-decoration: none;
}
a:hover {
	color: #fff;
}

ul {
	list-style-type:none;
	padding: 0;
	margin:0;
}

li {
	display:inline-block;
	zoom: 1;
	margin:8px;
}

h1, h2 {
	font-weight: 300;
	margin: 0;
}

img { border:0 }

.header img {	
	vertical-align:middle;
	margin-top:-14px;
	margin-bottom:-7px;
}

.topright {
	position:absolute;
	top:21px; right:28px;
	width:200px;
	font-size:12pt;
	text-align:right;
}

.song-info {
	float: left;
	margin-bottom: 10px;
	margin-top: -1px;
	margin-right:-16px;
	width:76%;
	height:86px;
	line-height: 1em;
	overflow:hidden;
	font-size: 17px;
}
.song-info.rated {
	margin-top: -13px;
	height:98px;
}

.song {
	font-size: 28px;
	line-height: 1em;
	font-weight: 300;
	margin-top: -2px;
	margin-bottom:.2em;
}
.song a {
	color:inherit;
}
.overlay-content .song {
	line-height: normal;
}
.share-overlay .overlay-content h2 {margin-bottom:2px}

.artist {
	font-size: 14px;
	margin-top: -3px;
	font-weight: 700;
}
.song-info .time {
	font-size:70%;
	float:right;
}

.controls {
	clear: both;
	background: url(60pct_black-trans.png);
	background: rgba(0,0,0,.6);
	border-radius: 10px;
	padding: 10px 10px 7px 10px;
	margin-right: -10px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	text-shadow: none;
}

i {
	font-family: entypo;
	font-style: normal;
	font-style: normal;
	font-weight: normal;
	line-height:1em;
}

.icon {
	display: inline-block;
	zoom: 1;
	padding: 7px;
	font-size:19px;
	width:20px;
	text-align:center;
	font-style: normal;
	font-weight: normal;
	cursor: pointer;
	position: relative;
	text-shadow:none;
	text-shadow:none;
}

.tooltip {
	display: none;
	position: absolute;
	background: #000;
	padding: 5px 4px;
	border-radius: 5px;
	bottom: -38px;
	left: 50%;
	width: 98px;
	margin-left: -54px;
	text-align: center;
	font-family: "Open Sans", Arial, sans-seirf;
	font-size: 12px;
	font-weight: 300;
	z-index:60;
}
.head_title a .tooltip { left: 8%;} /*head_title*/

.tooltip:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #000;
	top: -5px;
	left: 50%;
	margin-left: -5px;
}

.icon:hover {
	background: url(10pct_white-trans.png);
	background: rgba(255,255,255,.1);
	border-radius: 50%;
	color: #fff;
}

.icon:hover .tooltip,
.head_title a:hover .tooltip {
	display: block;
}

#titleclick {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.song-controls {
	float: left;
}
.song-controls a {
	color:inherit;
}

.player-controls {
	float: right;
}

.last-played-open {
	float: left;
}

.last-played {
	display: none;
	overflow-y: auto;
	overflow-x: hidden;
	height: 378px;
	margin-bottom:-378px;
	position: relative;
	top: 25px;
	left: 25px;
	width: 630px;
	background: #333;
	border-radius: 4px;
	z-index:90;
	text-shadow:none;
	box-shadow: 2px 2px 22px #000, 0 0 12px #000;
}

.previous-song:last-child {
	margin-bottom: 12px;
}

.last-played .close {
	position: absolute;
	right:0; top:0;
}

.help-inner {
	margin:15px 20px;
}

.overlay .close {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 20px;
}

.close {
	padding: 0.55em 0.7em;
	background: #733426;
	background: rgba(227,79,45,.7);
	cursor: pointer;
	text-shadow:none;
}

.close:hover {
	background: #662e22;
}

.last-played .album-art {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	margin-top: 0px;
}

.previous-song {
	clear: both;
	background: url(70pct_black-trans.png);
	background: rgba(0,0,0,.7);
	overflow: hidden;
	padding: 13px;
	margin: 15px 17px -10px 17px;
	border-radius: 3px;
}

.last-played .song-info {
	margin: 0 0 0 7px;
	width:86%;
	height:auto;
	overflow:show;
}

.last-played .song {
	font-size: 19px;
	margin-top: -1px;
}

.last-played .artist {
	margin-top: -2px;
	display: block;
	font-size: 13px;
}

.overlay {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0; left: 0;
	box-sizing: border-box;
	background: url(80pct_black-trans.png);
	background: rgba(0,0,0,.8);
	padding: 5px;
	text-align: center;
	z-index: 9000;
}

.overlay-content {
	margin-top: 190px;
	height: 90%;
}

.twitter {
	background: #fff;}
.facebook {
	background: #3b579d;}
.twitter:hover {
	background: #96d1fd;}
.facebook:hover {
	background: #223054;}
.icon_s {
	padding-left:9px;}
.icon-facebook {
	fill: #fff;}
.icon-twitter {
	fill: #000;}

.share-overlay h2 {
	margin-bottom: 16px;
	overflow: hidden;
}

#current-time {
	float: left;
	padding: 10px;
	font-size: 13px;
	line-height: 15px;
	padding-right: 5px;
}

.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

#videoad, #videoad2 {
	display:none;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0; left: 0;
	background: url(80pct_black-trans.png);
	background: rgba(0,0,0,.8);
	padding-top: 20px;
	font-size:22px;
	z-index: 9000;
	overflow:hidden;
}
#videoad > * { margin: auto }
#vmsg { text-align:center }

#synchrobox300, #synchrobox728 {
	margin-top: 0;
	margin-left: 0;
	padding: 0;
	z-index:19999;
	position:absolute;
	display:none;
	background: #777;
	/*background: url(60pct_black-trans.png);
	background: rgba(0,0,0,.6);*/
}
#synchrobox300 { width:300px; height:250px; }
#synchrobox728 { width:728px; height:90px; }

#selector {
	display:none;
	background-color:#111;
	position:relative;
	top:0px; left:28px;
	width:418px;
	height:299px;
	margin-bottom:-299px;
	z-index:201;
	border-radius: 4px;
	text-shadow:none;
	box-shadow: 2px 7px 12px #000;
}
#selector.col2 { width:740px }
#selector.col3,
#selector.col4,
#selector.col5,
#selector.col6,
#selector.col7,
#selector.col8 { width:96% }
#selector table {
	width:100%;
	max-width: 914px;
}
#selector td {
	padding:0;
	width:20%;
}
#selector ul {
	list-style-type: none;
	padding: 5px 7px;
	height:293px;
	line-height:1.51em;
	white-space: nowrap;
}
#selector li {
	display:block;
	margin: 0;
}
#selector li a {
	text-decoration:none;
	color: inherit;
	display:inline-block;
	zoom: 1;
	margin-left:.2em;
	width:95%;
}
#selector li a i {
	display:inline;
	visibility:hidden;
	margin-right:.2em;
}
#selector li a:hover i {
	visibility:visible;
}
#selector li:hover {
	background: rgba(255,255,255,.1);
}

.at300bs { /*addthis*/
	border-radius:15px;
}

.station-socials a { /*not used*/
	width: 32px;
	height: 26px;
	line-height: 18px;
	padding-top:7px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	margin: 0;
	box-shadow: 0 0 35px rgba(0,0,0,.4);
	text-shadow:none;
}

#linkbuttons {
	clear: both;
	margin-bottom: 8px;
}
#linkbuttons a {
	width:29px; height:29px;
	display: inline-block;
	zoom: 1;
	background: url(linkicons3.png) no-repeat;
	margin:2px 2px 2px 3px;
}
#linkbuttons a.lb_fb { background-position:0 0;}
#linkbuttons a.lb_fb:hover { background-position:0 -61px;}
#linkbuttons a.lb_twitter { background-position:-29px 0;}
#linkbuttons a.lb_twitter:hover { background-position:-29px -61px;}
#linkbuttons a.lb_youtube { background-position:-146px 0;}
#linkbuttons a.lb_youtube:hover { background-position:-146px -61px;}
#linkbuttons a.lb_forums { background-position:-88px 0;}
#linkbuttons a.lb_forums:hover { background-position:-88px -61px;}
#linkbuttons a.lb_pin { background-position:-176px 0;}
#linkbuttons a.lb_pin:hover { background-position:-176px -61px;}
#linkbuttons a.lb_tunein { background-position:-235px 0;}
#linkbuttons a.lb_tunein:hover { background-position:-235px -61px;}
#linkbuttons a.lb_tumblr { background-position:-264px 0;}
#linkbuttons a.lb_tumblr:hover { background-position:-264px -61px;}
#linkbuttons a.lb_playlist { background-position:-293px 0;}
#linkbuttons a.lb_playlist:hover { background-position:-293px -61px;}
#linkbuttons a.lb_app1 { background-position:-322px 0;}
#linkbuttons a.lb_app1:hover { background-position:-322px -61px;}
#linkbuttons a.lb_app2 { background-position:-351px 0;}
#linkbuttons a.lb_app2:hover { background-position:-351px -61px;}
#linkbuttons a.lb_instagram { background-position:-380px 0;}
#linkbuttons a.lb_instagram:hover { background-position:-380px -61px;}
#linkbuttons a.lb_vimeo { background-position:-206px 0;}
#linkbuttons a.lb_vimeo:hover { background-position:-206px -61px;}
#linkbuttons a.lb_meetup { background-position:-409px 0;}
#linkbuttons a.lb_meetup:hover { background-position:-409px -61px;}
#linkbuttons a.lb_bluesky { background-position:-438px 0;}
#linkbuttons a.lb_bluesky:hover { background-position:-438px -61px;}

.powered-by {
	font-size: 10px;
}

.mute {
	float: left;
}

#volumediv {
	float:left;
	height: 10px;
	width: 90px;
	margin-right: 10px;
}
#volume-fill {
	position:absolute;
	background-color: #75a310;
	width: 1px;
	height: 6px;
	top: 24px;
	display:block;
	cursor: pointer;
	float: left;
	z-index:5;
	font-size:1px;
}
#volume-control {
	display:block;
	height: 6px;
	width: 90px;
	cursor: pointer;
	position: relative;
	float: left;
	margin: 14px 10px 10px 0;
	background-position: -115px -85px;
}
.no-backgroundsize #volume-control {
	height: 12px;
	width: 180px;
	background-position: -230px -170px;
	zoom:0.5;
	font-size:1px;
}
#volumeknob {
	/*background-color:#4E4;*/
	height:10px; width:8px;
	line-height:1px;
	margin-right:-10px;
	position: relative;
	float: left;
	top: 12px; left: -100px;
	cursor: pointer;
	z-index:5;
}

#vu {
	width:159px; height:19px;
  position: absolute;  
	top: 17px; left: 200px;
	background: url(vu-gif-white.gif) 0 0 no-repeat;	
}
#vu.off {
	background-position: 0 -19px;
}

.buy-icons a,
.shricons a {
	display:inline-block;
	height:22px;
	width: 40px;
	font-size:21px;
	line-height:22px;
	padding:9px 0;
	margin:8px 9px;
	cursor:pointer;
	border-radius: 50%;
	color: #fff;
	text-shadow:none;
}
.no-backgroundsize .buy-icons a { /*ie7*/
	height:64px;
	width: 80px;
	zoom:0.5;
}

.itunes {
	background-position: -42px -1px;
}
.no-backgroundsize .itunes {
	background-position: -84px -2px;
}
.itunes:hover {
	background-position: -42px -42px;
}
.no-backgroundsize .itunes:hover {
	background-position: -84px -84px;
}
.amazon {
	background-position: -1px -1px;
}
.no-backgroundsize .amazon {
	background-position: -2px -2px;
}
.amazon:hover {
	background-position: -1px -42px;
}
.no-backgroundsize .amazon:hover {
	background-position: -2px -84px;
}

#blurdiv {
	height:100%;
	width:99%;
	overflow:hidden;
	position:absolute;
	background-size: cover !important;
}
#debug {
	color:#fff;
	font-size: 13px;
	min-height: 20px;
	margin-bottom: -20px;
	max-width: 800px;
}
.no-backgroundsize #debug { margin:-4px 0 }

.error {
	background-color:maroon;
	color:#ccc;
	font-weight: bold;
	padding:1px 2px}
.error a{
	color: #fff;
	text-decoration: underline}

input.button {
	font-size:13px;
	font-weight:300;
	height:24px;
	background:#383838; color:#eee;
	border-width:1px;
	border-radius:12px;
	cursor:pointer;
}

/* iOS :hover fixes (else we need doubleclicking) */
.iOS .icon:hover .tooltip {
	display: none;
}
.iOS #selector li a:hover i {
	visibility:hidden;
}

.logo {
	margin-right:12px;
	max-height: 90px;
}

#appovl { /* app download */
	margin: -105px auto 0 auto;
	box-sizing: border-box;
}
#appovl li {
	margin-bottom: 30px;
	background-color:rgba(255,255,255, 0.7);
	border:1px solid #fff;
	border-radius:10px;
	width:90%;}
#appovl li > a{
	display:block;
	width:100%;
	color: #000;
	text-shadow:none;
	line-height:130px;
	font-weight: bold;
	font-size: 56px;	}

#ovgdpr {
	color: #aaa;
	padding: 3em 2em;
	font-size: 130%;
	font-weight: bold; }

#playobtn-base {
	margin: 32px auto;
	width:210px; height:210px;
	background:url(play480.png);
	background-size: cover;
	cursor:pointer }
#playoverlay #playobtn-base { margin-top: 120px }
#playoverlay  { font-weight: bold; font-size:120%; color:#aaa }


/* Skin for jPlayer plugin */

div.jp-interface {
	position: relative;
	width:100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.iconskin {
	background-image: url(icons-white-trans.png);
	background-repeat:no-repeat;
	background-size:300px;
}

.jp-controls {
	overflow:hidden;
	float: left;
	margin-top: -4px;
	width: 9.5%;
}

.jp-controls div {
	height:40px;
	width: 40px;
	cursor:pointer;
}
.no-backgroundsize .jp-controls div {
	height:80px;
	width: 80px;
	zoom:0.5;
}

.jp-playx {
	background-position: -124px -1px;
}
.no-backgroundsize .jp-playx {
	background-position: -248px -2px;
}

.jp-playx:hover {
	background-position: -124px -42px;
}
.no-backgroundsize .jp-playx:hover {
	background-position: -248px -84px;
}

.jp-stopx {
	background-position: -165px -1px;
}
.no-backgroundsize .jp-stopx {
	background-position: -330px -2px;
}

.jp-stopx:hover {
	background-position: -165px -42px;
}
.no-backgroundsize .jp-stopx:hover {
	background-position: -330px -84px;
}

div.jp-jplayer audio,
div.jp-jplayer {
	width:0px;
	height:0px;
	position:absolute;
	z-index:-1;
}

.jp-no-solution { /* error feedback */
	position:absolute;
	left:115px; top:8px;
	margin:0;
	width:458px;
	z-index:21;
	font-size:10pt;
	padding:6px 10px;
	background-color:#227;
	border:2px solid #FFF;
	color:#FFF;
	display:none;
}
.jp-no-solution a { color:#FF5 }

.jp-no-solution div {
	font-size:11pt;
	text-align:center;
	font-weight:bold;
}

/* @end of jPlayer */

#ccc #cc-panel hr {opacity:0; margin: 1em 0;}
#ccc-reject-settings, #ccc-icon  {display:none}

#privacy strong {font-weight: bold}