/*
 * Shoutcast Info and Stats V. 1.5
 * Dark Vertical Style
 *
 */


 /* outer style */
#statsOuter{
	padding:10px;
	margin:0 auto;
	width:auto;
	background:transparent;
	position:relative;
}
#statsOuter a {
	border:0;
	outline:0;
	text-decoration:none;
} 
#statsOuter a:link,#statsOuter a:active,#statsOuter a:visited {
	color:#fff;
	text-decoration:none;
}
#statsOuter a:hover {
	text-decoration:underline;
}
 /* clear floats */
.clearFloats{
	clear:both;
}
/* round style */
.rounded{
	-khtml-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
 /* tooltip style */
.tooltipster-default .tooltipster-content {
	font-size:12px;
	font-family: 'Open Sans', Arial, sans-serif;
	color:#000;
	line-height:105%;
	text-align:center;
}
 /* play now block style */
#playNow{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:12px;
	font-weight:300;
}
.nowPlayOuter{
	position:relative;
	margin-bottom:30px;
}
 /* preloader style */
.shoutcastPreloader {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-42px;	
	width:100px;
	height:11px;
	background:url(../images/preloader.gif);
	z-index:9999;
}
 /* play now image style */
.imgArtistDiv{
	position:relative;
	float:left;
	height:100px;
	width:100px;
	border:5px solid #242424;
	margin-right:10px;
	z-index:1;	
}
.buyTrack{
	position:absolute;
	top:130px;
	left:55px;
	margin-left:-15px;
	width:30px;
	height:30px;
	background:#62b0ff;
	border:2px solid #fff;
	color:#fff;
	font-size:18px;
	z-index:99;
	cursor:pointer;
}
.buyTrack:before {
    content: "\f07a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 18px;
	padding:6px;
	position:absolute;
	top:0px;
}
 /* play now text style */
.playNow{
	position:relative;
	display: table;
	height: 110px;
	vertical-align: middle;
	
}
#playNowChild{
    display: table-cell;
    vertical-align: middle;
}
.playNow img{
	border:0;
	outline:0;
}
 /* play now title style */
#nowPlayTitle{
	font-size:2em;
	color:#fff;
	text-align:left;
	margin-bottom:5px;
}
 /* social share buttons style */
.shareButtons{
	position:absolute;
	display:inline-block;
	right:5px;
	padding-top:5px;
	z-index:999;	
}
#shareFacebook{
	display:block;
	width:24px;
	height:24px;
	float:right;
	margin-right:5px;
	cursor:pointer;
}
#shareFacebook:before {
    content: "\f082";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 22px;
}
#shareTwitter{
	display:block;
	width:24px;
	height:24px;
	float:right;
	margin-right:5px;	
	cursor:pointer;	
}
#shareTwitter:before {
    content: "\f081";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 22px;
}
#shareGoogle{
	display:block;
	width:24px;
	height:24px;
	float:right;
	cursor:pointer;	
}
#shareGoogle:before {
    content: "\f0d4";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 22px;
}
 /* play now song title style */
#trackTitle{
	font-size:1.4em;	
	color:#fff;
	text-align:left;
	margin-bottom:5px;
	position:relative;
}
#trackTitle:before {
    content: "\f001";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #dbdbdb;
    font-size: 19px;
	padding-right: 8px;
	margin-bottom:5px;
}
#trackTitleLink{
	font-size:1.4em;
	text-align:left;
	margin-bottom:5px;
	position:relative;;		
}
#trackTitleLink a:link,#trackTitleLink a:active,#trackTitleLink a:visited {
	color:#55aaff;
	text-decoration:none;
}
#trackTitleLink a:hover {
	text-decoration:underline;
}
#trackTitleLink a:before {
    content: "\f001";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #55aaff;
    font-size: 19px;
	padding-right: 8px;
	padding-left: 3px;	
	margin-bottom:5px;
}
 /* play now artist name style */
#artistName{
	font-size:1.4em;	
	color:#fff;
	text-align:left;
	margin-bottom:5px;
	position:relative;;		
}
#artistName:before {
    content: "\f130";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #dbdbdb;
    font-size: 19px;
	padding-right: 8px;
	padding-left: 3px;	
	margin-bottom:5px;
}
#artistNameLink{
	font-size:1.4em;
	text-align:left;
	margin-bottom:5px;
	position:relative;;		
}
#artistNameLink a:link,#artistNameLink a:active,#artistNameLink a:visited {
	color:#55aaff;
	text-decoration:none;
}
#artistNameLink a:hover {
	text-decoration:underline;
}
#artistNameLink a:before {
    content: "\f130";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #55aaff;
    font-size: 19px;
	padding-right: 8px;
	padding-left: 3px;	
	margin-bottom:5px;
}
 /* play now album name style */
#albumDiv{
	font-size:1.4em;	
	color:#fff;
	text-align:left;
	margin-bottom:5px;
	position:relative;;		
}
#albumDiv:before {
    content: "\f192";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #787878;
    font-size: 19px;
	padding-right: 3px;
	margin-bottom:5px;
}
#albumDivLink{
	font-size:1.4em;
	text-align:left;
	margin-bottom:5px;
	position:relative;;		
}
#albumDivLink a:link,#albumDivLink a:active,#albumDivLink a:visited {
	color:#55aaff;
	text-decoration:none;
}
#albumDivLink a:hover {
	text-decoration:underline;
}
#albumDivLink:before {
    content: "\f192";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #55aaff;
    font-size: 19px;
	padding-right: 3px;
	margin-bottom:5px;
}
 /* play now currend listeners style */
#currentListeners{
	font-size:1.2em;
	color:#fff;
	text-align:left;
}
#currentListeners:before {
    content: "\f0c0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #dbdbdb;
    font-size: 14px;
	padding-left: 2px;	
	padding-right: 5px;
	margin-bottom:5px;
}
#currentListeners a:link,#currentListeners a:active,#currentListeners a:visited {
	color:#fff;
	text-decoration:none;
}
#currentListeners a:hover {
	text-decoration:underline;
}
#currentListeners span{
	font-weight:700;
}
.listenersStats{
	position:relative;
	float:left;
	margin-right:3px;
}
 /* history style */
.songsHistory{
	position:relative;
}
#playedHistory{
	font-size:1.8em;
	color:#fff;
	text-align:left;
	margin-bottom:5px;
}

.historyArtistDiv{
	position:relative;
	float:left;
	height:60px;
	width:60px;
	border:3px solid #242424;
	margin-right:10px;
	display:block;
}
.playedSong{
	padding:0;
	margin:0 5px 0 0;
}
.playedSong li{
	font-size:1.1em;
	color:#fff;
	text-align:left;
	font-weight:400;
	margin:5px 0;
	padding:8px 0 8px 8px;
	background:#080808;
	list-style-type : none;
}
.playedSong li span{
	font-size:1em;
	color:#dbdbdb;
	text-align:left;
	font-weight:400;
	font-style:italic;
}
.historyTrackInfo{
	position:relative;
	width:18px;
	height:18px;
	margin-right:10px;
	cursor:pointer;
	float:left;	
}
.historyTrackInfo:before {
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #ffffff;
    font-size: 18px;
}
.historyTrackBuy{
	position:relative;
	width:18px;
	height:18px;
	margin-right:15px;
	cursor:pointer;
	float:left;
}
.historyTrackBuy:before {
    content: "\f07a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #ffffff;
    font-size: 18px;
}

 /* scrollbar History style */
#scrollbarHistory {
	width:100%;
	margin:0 0 10px;
	padding:0px;
}
#scrollbarHistory .viewport {
	width:auto;
	height:480px;/* scrollbar height - max 480px */
	overflow:hidden;
	position:relative;
}
#scrollbarHistory .overview {
	list-style:none;
	position:absolute;
	left:0;
	top:0;
	padding:0;
	margin:0;
	width:100%;	
}
#scrollbarHistory .scrollbar {
	background:transparent url(../images/bg-scrollbar-track-y2-dark.png) no-repeat 0 0;
	position:relative;
	background-position:0 0;
	float:right;
	width:9px;
}
#scrollbarHistory .track {
	background:transparent url(../images/bg-scrollbar-trackend-y2-dark.png) no-repeat 0 100%;
	height:100%;
	width:9px;
	position:relative;
}
#scrollbarHistory .thumb {
	background:transparent url(../images/bg-scrollbar-thumb-y2-dark.png) no-repeat 50% 0%;
	height:10px;
	width:25px;
	cursor:pointer;
	overflow:hidden;
	position:absolute;
	top:0;
	left:-8px;
}
#scrollbarHistory.thumb .end {
	background:transparent url(../images/bg-scrollbar-thumb-y2-dark.png) no-repeat 50% 0;
	overflow:hidden;
	height:5px;
	width:25px;
}
#scrollbarHistory .disable {
	display:none;
}

 /* biography link  style */
#biographyDiv{
	font-size:1.2em;
	color:#fff;
	text-align:left;
	margin-bottom:5px;
}
#biographyDiv:before {
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #dbdbdb;
    font-size: 15px;
	padding-right: 5px;	
	margin-bottom:5px;
}
#biographyDiv a:link,#biographyDiv a:active,#biographyDiv a:visited {
	color:#fff;
	text-decoration:none;
}
#biographyDiv a:hover {
	text-decoration:underline;
}
.biographyImg{
	position:relative;
	float:left;
	margin-right:3px;
}

 /** biography window style **/
#biographyText{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:13px;
	font-weight:400;
	color:#151f35;
	text-align:left;
}
#biographyText h1{
	font-size:18px;
	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-family: 'Open Sans', Arial, sans-serif;
	font-size:12px;
	font-weight:300;
	color:#fff;
	text-shadow:#132f4a 1px 1px 1px;
}
.bubbleStyle {
	border:2px solid #fff;
	-khtml-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	-webkit-box-shadow:3px 3px 6px #3f3f3f;
	box-shadow:3px 3px 6px #3f3f3f;
	background:url(../images/infoBg.png);
}

 /* listeners style */
#listenersText{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:13px;
	font-weight:400;
	color:#151f35;
	text-align:left;
}
#listenersText h1{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:16px;
	color:#215385;	
	font-weight:700;
	padding:0;
	margin:0;
}
#listenersCountries{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:12px;
	font-weight:400;
	color:#215385;
	text-align:left;
	padding:5px;
}
#listenersCountries span{
	font-style:italic;
	font-weight:700;	
}
#listnersList{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:16px;
	color:#215385;	
	font-weight:400;
	padding-top:10px;
}
#listenerInfo{
	padding:0;
	margin-left:10px;
}
#listenerInfo .item{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:12px;
	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;
	-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;
}