/*
 * Shoutcast Info and Stats V. 1.0
 * Clear Style
 *
 */

 /* clear floats */
.clearFloats{
	clear:both;
}
 /* tooltip style */
p#wiztip {
	display:none;
	position:absolute;
	left:5px;
	font-size:11px;
	font-family:Arial,Verdana;
	border:4px solid #c1d3e1;
	-khtml-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	z-index:9999;
	max-width:250px;
	background:#406686;
	background:-moz-linear-gradient(#6995b8 10px,#406686);
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.5,#6995b8),color-stop(1,#406686));
	color:#fff;
	-moz-box-shadow:3px 3px 4px #ccc;
	-webkit-box-shadow:3px 3px 4px #ccc;
	box-shadow:3px 3px 4px #ccc;
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#cccccc')";
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#cccccc');
	padding:10px;
}
 /* play now block style */
#playNow{
	width:350px;
	padding:10px;
	margin-bottom:5px;
	background:#fff;
	border:1px solid #999;
	-moz-box-shadow:3px 3px 4px #ccc;
	-webkit-box-shadow:3px 3px 4px #ccc;
	box-shadow:3px 3px 4px #ccc;
}
 /* preloader style */
.shoutcastPreloader {
	margin:0 auto;
	margin-top:25px;
	margin-bottom:25px;	
	width:85px;
	height:17px;
	background:url(../images/preloader.png);
}
 /* play now image style */
.imgZoom{
	-moz-box-shadow:3px 3px 4px #ccc;
	-webkit-box-shadow:3px 3px 4px #ccc;
	box-shadow:3px 3px 4px #ccc;
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#cccccc')";
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#cccccc');
	-khtml-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.imgArtist{
	padding:5px;
	border:1px solid #999;
	background:#fff;
}
.imgArtistDiv{
	position:relative;
	float:left;
	height:100px;
	display:block;
}
 /* play now text style */
.playNow{
	padding:10px;
	padding-top:0;
	padding-right:0;
	position:relative;
	float:left;
	display:block;
	background:#fff;
}
.playNow img{
	border:0;
	outline:0;
}
 /* play now title style */
#nowPlayTitle{
	font-family:Verdana,Arial;
	font-size:14px;
	color:#0080ff;
	text-align:left;
	font-weight:400;
	margin-bottom:5px;
}
 /* play now song title style */
#trackTitle{
	font-family:Verdana,Arial;
	font-size:14px;
	font-weight:400;	
	color:#a35910;
	text-align:left;
	margin-bottom:5px;
	padding-left:18px;
	background-image : url(../images/sound.png);
	background-repeat : no-repeat;background-position : 0 0;	
}
 /* play now artist name style */
#artistName{
	font-family:Verdana,Arial;
	font-size:14px;
	font-weight:700;	
	color:#0080ff;
	text-align:left;
	margin-bottom:5px;
	padding-left:18px;
	background-image : url(../images/microphone.png);
	background-repeat : no-repeat;background-position : 0 0;		
}
 /* play now currend listeners style */
#currentListeners{
	font-family:Verdana,Arial;
	font-size:11px;
	font-weight:400;
	font-style:italic;	
	color:#005097;
	text-align:left;
}
#currentListeners span{
	font-size:13px;
	font-weight:700;
	font-style:normal;
}
#currentListeners a:link,#currentListeners a:active,#currentListeners a:visited {
	color:#005097;
	text-decoration:none;
}
#currentListeners a:hover {
	text-decoration:underline;
}
.listenersStats{
	position:relative;
	float:left;
	margin-right:3px;
}
 /* history style */
#playedHistory{
	font-family:Verdana,Arial;
	font-size:14px;
	color:#0080ff;
	text-align:left;
	font-weight:400;
	margin-top:5px;
}
.playedSong{
	padding:0;
	margin:0;
	margin-left:10px;
}
.playedSong li{
	font-family:Verdana,Arial;
	font-size:11px;
	color:#2b4673;
	text-align:left;
	font-weight:400;
	margin:0;
	padding:0;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px dotted #005097;
}
.playedSong li span{
	font-family:Verdana,Arial;
	font-size:11px;
	color:#666;
	text-align:left;
	font-weight:400;
	font-style:italic;
}
 /* biography link  style */
#biographyDiv{
	font-family:Verdana,Arial;
	font-size:12px;
	font-weight:400;
	color:#990000;
	text-align:left;
	margin-bottom:5px;
}
#biographyDiv a:link,#biographyDiv a:active,#biographyDiv a:visited {
	color:#990000;
	text-decoration:none;
}
#biographyDiv a:hover {
	text-decoration:underline;
}
.biographyImg{
	position:relative;
	float:left;
	margin-right:3px;
}

 /** biography window style **/
#biographyText{
	font-family:Arial,Arial;
	font-size:12px;
	font-weight:400;
	color:#151f35;
	text-align:left;
}
#biographyText h1{
	font-family:Arial,Verdana;
	font-size:16px;
	font-weight:700;
}
.imageBiography{
	position:relative;
	float:left;
	display:block;
	margin-right:10px;
	margin-bottom:10px;	
	padding:5px;
	border:1px solid #999;
	background:#fff;	
}

 /** listeners window style **/
 
 /* map style */ 
#map_canvas{
	width:100%; 
	height:500px
}
.mapListener {
	font-size:11px;
	font-family:Verdana;
	color:#fff;
	text-shadow:#132f4a 1px 1px 1px;
}
.bubbleStyle {
	border:2px solid #fff;
	-khtml-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	-moz-box-shadow:3px 3px 6px #3f3f3f;
	-webkit-box-shadow:3px 3px 6px #3f3f3f;
	box-shadow:3px 3px 6px #3f3f3f;
	background:url(../images/infoBg.png);
}

 /* listeners style */
#listenersText{
	font-family:Arial,Verdana;
	font-size:12px;
	font-weight:400;
	color:#151f35;
	text-align:left;
}
#listenersText h1{
	font-family:Arial,Verdana;
	font-size:16px;
	color:#215385;	
	font-weight:700;
	padding:0;
	margin:0;
}
#listenersCountries{
	font-family:Verdana,Arial;
	font-size:12px;
	font-weight:400;
	color:#215385;
	text-align:left;
	padding:5px;
}
#listenersCountries span{
	font-style:italic;
	font-weight:700;	
}
#listnersList{
	font-family:Arial,Verdana;
	font-size:16px;
	color:#215385;	
	font-weight:400;
	padding-top:10px;
}
#listenerInfo{
	padding:0;
	margin-left:10px;
}
#listenerInfo .item{
	font-family:Verdana,Arial;
	font-size:11px;
	color:#2b4673;
	text-align:left;
	font-weight:400;
	margin:0;
	padding:0;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px dotted #005097;
	width:100%;	
}
#listenerInfo .city{
	font-weight:700;
}
#listenerInfo .duration{
	font-style:italic;
	color:#666;
}

 /* listners list scrollbar style */
#scrollbar {
	width:99%;
	margin:10px 0 10px;
	padding:5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#scrollbar .viewport {
	width:98%;
	height:400px;
	overflow:hidden;
	position:relative;
}
#scrollbar .overview {
	list-style:none;
	position:absolute;
	left:0;
	top:0;
	padding:0;
	margin:0;
	width:100%;	
}
#scrollbar .scrollbar {
	background:transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
	position:relative;
	background-position:0 0;
	float:right;
	width:15px;
}
#scrollbar .track {
	background:transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
	height:100%;
	width:15px;
	position:relative;
}
#scrollbar .thumb {
	background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height:20px;
	width:25px;
	cursor:pointer;
	overflow:hidden;
	position:absolute;
	top:0;
	left:-5px;
}
#scrollbar .thumb .end {
	background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow:hidden;
	height:5px;
	width:25px;
}
#scrollbar .disable {
	display:none;
}