/* Player Size */

.an-player{
	position:relative;
	margin:auto;
	height:230px;
	text-align:left;
	font-size:16px;
	font-family:Verdana, Arial, sans-serif;
	color:#000;
}

/* END Player Size */

/* Main on-screen interface */

.an-play-bottom{
	position:absolute;
	top:0px;
	left:0px;
	width:56px;
	height:63px;
	display:none;
	background: url("play_bottom_53x53.png") 0px 0px no-repeat;
	z-index:40;
}

.an-play-color{
	/* Creates a circle */
	position:absolute;
	top:2px;
	left:2px;
	width:46px;
	height:46px;
	/* display:none; */
	border-radius:50%;
	background-color:#ec1b23;
	z-index:45;
}	
	
a.an-play, a.an-pause{
	position:absolute;
	top:0px;
	left:0px;
	width:56px;
	height:63px;
	display:none;
	z-index:50;
}

ul.jp-controls{
	list-style:none;
	list-style-type:none;
}

a.an-play{
	background: url("play_top_53x53.png") 0px 0px no-repeat;
}

a.an-pause{
	background: url("pause_top_53x53.png") 0px 0px no-repeat;
}

.an-bar{
	position:absolute;
	top:10px;
	left:40px;
	width:194px;
	height:34px;
	background:transparent;
}

.an-bar a{
	background:transparent;
}

.an-bar-bottom{
	position:absolute;
	top:0px;
	left:0px;
	background: url("bar_bottom.png") 0px 0px no-repeat;
	width:194px;
	height:34px;
	z-index:20;
}

.an-bar-top{
	position:absolute;
	top:0px;
	left:0px;
	background: url("bar_top.png") 0px 0px no-repeat;
	width:194px;
	height:34px;
	z-index:30;
}

a.an-volume{
	position:absolute;
	top:0px;
	left:0px;
	width:75px;
	height:34px;
	z-index:1000;
	background:transparent;
}

.an-volume-color{
	position:absolute;
	top:2px;
	left:0px;
	width:55px;
	height:27px;
	background-color:#8f8f8f;
	z-index:25;
}
.an-no-volume{
	position:absolute;
	top:3px;
	left:25px;
	width:55px;
	height:27px;
	background:url("no_volume.png") 0px 0px repeat;
	z-index:45;
}

a.an-streamlist{
	position:absolute;
	top:0px;
	left:75px;
	width:55px;
	height:34px;
	z-index:1000;
}

.an-streamlist-color{
	position:absolute;
	top:2px;
	left:75px;
	width:55px;
	height:27px;
	background-color:#8f8f8f;
	z-index:25;
}

.an-no-streamlist{
	position:absolute;
	top:2px;
	left:75px;
	width:55px;
	height:27px;
	background:url("no_volume.png") 0px 0px repeat;
	z-index:45;
}

a.an-settings{
	position:absolute;
	top:0px;
	left:130px;
	width:74px;
	height:34px;
	z-index:1000;
}

.an-settings-color{
	position:absolute;
	top:2px;
	left:130px;
	width:40px;
	height:27px;
	background-color:#8f8f8f;
	z-index:25;
}

div.jp-volume-bar {
	position:absolute;
	overflow:hidden;
	background: url("volumeBar.png") 0px 0px no-repeat;
	width:30px;
	height:149px;
	cursor:pointer;
	top:20px;
	left:25px;
	z-index:2;
}

div.an-volume-bar-value-color{
	position:absolute;
	border-radius:15px;
	background-color:#ec1b23;	
	width:14px;
	height:100%;
	bottom:6px;
	left:6px;
	z-index:3;
}

div.jp-volume-bar-value {
	position:absolute;
	background: url("volumeBarValue-top.png") 0 0px repeat-x;
	width:30px;
	height:100%;
	bottom:7px;
	left:0px;
	z-index:4;
}

div.an-mute, div.an-unmute{
	position:absolute;
	top:25px;
	left:25px;
	height:100px;
	width:82px;
	z-index:500;
	/*overflow:hidden;*/
}

div.an-mute{
	background: url("mute_output.png") 0 0px repeat-x;
}

div.an-unmute{
	background: url("unmute_output.png") 0 0px repeat-x;
}

/* END Main on-screen interface */

/* tracklist and qualitylist */

div.jp-playlist, div.an-qualitylist, div.jp-volume-bar{overflow:hidden;}

.jp-playlist, .an-qualitylist{
	width:175px;
	background-color:#ec1b23;
	/* background:rgba(236,27,35,0.805); */
	/* border-top:1px solid #009be3; */
	/* opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */ 
	position:absolute;
	top:12px;
	left:50px;
	border-radius:10px;
	/* z-index:-1; */ /* Makes button unclickable */
	z-index:2;
	box-shadow: 5px 5px 5px #DDDDDD;
	text-align:left;
	padding-top:5px;
}

div.jp-type-single div.jp-title,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist, 
div.an-qualitylist {
	border-top:none;
	font-family:Verdana, Arial, sans-serif;
}

div.jp-playlist p.list-title,
div.an-qualitylist p.list-title{
    font-size:.9em;
    font-family:Verdana, Arial, sans-serif;
    font-weight:bold;
    padding-left: 20px;
    padding-top:20px;
    padding-bottom:0px;
    margin-bottom:0;
	color:#000;
}

div.jp-title ul,
div.jp-playlist ul, 
div.an-qualitylist ul{
	list-style-type:none;
	margin:0;
	padding:5px 20px 15px;
	font-size:.72em;
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	background:transparent;
}

div#jp_container_1 div.jp-playlist li,
div#jp_container_1 div.an-qualitylist li
{
	padding:5px 0 4px 20px;
	border-bottom:1px solid #eee;
	background:none;
	background:transparent;
	background-image:none;
	list-style-type:none;
}

div#jp_container_1 div.jp-playlist li div,
div#jp_container_1 div.an-qualitylist li div {
	display:inline;
	background:transparent;
}

div.jp-playlist li *, div.an-qualitylist li *,
div.jp-playlist p, div.an-qualitylist p
{
	background:transparent;
}

	/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */

div.jp-type-playlist div.jp-playlist li:last-child,
 div.an-qualitylist li:last-child{
	padding:5px 0 5px 20px;
	border-bottom:none;
}
div#jp_container_1 div.jp-type-playlist div.jp-playlist li.jp-playlist-current,
div#jp_container_1 div.an-qualitylist li.jp-playlist-current {
	list-style-type:square;
	list-style-position:outside;
	padding-left:8px;
	margin-left:10px;
} 
div.jp-type-playlist div.jp-playlist a,
div.an-qualitylist a {
	color: #111;
	text-decoration: none;
}
/* div.jp-type-playlist div.jp-playlist a:hover,
div.an-qualitylist a:hover {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current,
 div.an-qualitylist a.jp-playlist-current {
	color:#0d88c1; 
} 

.jp-playlist-current{
	color:#0d88c1;
}  */

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove,
div.an-qualitylist a.jp-playlist-item-remove {
	float:right;
	display:inline;
	text-align:right;
	margin-right:10px;
	font-weight:bold;
	color:#666;
}
/* div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover,
div.an-qualitylist a.jp-playlist-item-remove:hover {
	color:#0d88c1;
} */
div.jp-type-playlist div.jp-playlist span.jp-free-media,
div.an-qualitylist span.jp-free-media {
	float:right;
	display:inline;
	text-align:right;
	margin-right:10px;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a,
div.an-qualitylist span.jp-free-media a{
	color:#666;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover,
div.an-qualitylist span.jp-free-media a:hover{
	color:#0d88c1;
	
}
span.jp-artist {
	font-size:.8em;
	color:#666;
}

/* END tracklist and qualitylist */

/* Progress bar and time */

div.jp-progress{
	position:absolute;
	overflow:visible;
	top:-5px;
	left:-5px;
	border-radius:5px;
	background-color:#8f8f8f;
	width:192px;
	height:10px;
}

div.jp-seek-bar {
	/* background-color:#8f8f8f; */
	width:0px;
	height:100%;
	cursor: pointer;
}
.jp-play-bar {
	background-color:#ec1b23;
	width:0px;
	height:100%;
}

	/* The seeking class is added/removed inside jPlayer */
/* div.jp-seeking-bg {
	background: url("jplayer.blue.monday.seeking.gif");
} */

/* END Progress bar and time */

/* Telephone Number Display */

div.an-display{
	position:absolute;
	top:65px;
	z-index:1;
}

/* END Telephone Number Display */

/* Player Pop-out/Pop-up/Standalone Button */

div.an-player-standalone-button{
	/* background:rgba(236,27,35,0.805); */
	background-color:#ec1b23;
	margin:0;
	padding:10px 10px 10px 10px;
	font-size:.72em;
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	color:#231F20;
	display:inline-block;
}

div.an-player-standalone-button a:visited,
div.an-player-standalone-button a:link{
	color:#231F20;
}

/* END Player Pop-out/Pop-up/Standalone Button */