/*
## CSS for Player Widget
## ====================================================
## The TREE of DOM elements
## ========================
idPlayerWidget
	idStationName
	idNowPlaying
		idArtist
		idTitle
		idBuyLink
			idBuyLink_href
	idPlayerSpace
	idCoverArea
		idCoverAd
		idTextAd
		idCoverPic
			imgCoverPic
		idVideoArea
	idStatusRow
		idStatusImg
		idStatus
## ========================
*/

body
	{
		background: url(images/bg_bottom1.png) black no-repeat;
	}

div#idPlayerWidget
{
	font-family: Arial,Verdana;
	width: 728px;
	margin: 3px;
}

div#idStationName
{
	background-color: transparent;
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	width: 380px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	top:10px;
	left: 20px;
	padding-top: 3px;
}

div#idNowPlaying
{
	background-color: transparent;
	text-align: center;
	color: #c0c0c0;
	width: 380px;
	height: 60px;
	overflow: hidden;
	position: absolute;
	top:70px;
	left: 20px;
}


div#idArtist
{
	font-size: 16px;
	font-weight: bold;
}

div#idTitle
{
	font-size: 16px;
}

div#idBuyLink a:link,a:visited,a:active
{
	font-size: 14px;
	color: #e7e7e7;
	text-decoration:none;
	font-weight: bold;
}

div#idBuyLink a:hover
{
	color: #CECECE;
	text-decoration:underline;
	font-weight: bold;
}

div#idHistory
{
	text-align: center;
	color: #c0c0c0;
	width: 380px;
	height: 90px;
	overflow: hidden;
	position: absolute;
	top:159px;
	left: 20px;
	font-size: 12px;
}

div#idHistory a:link,a:visited,a:active
{
	color: #e7e7e7;
	text-decoration:none;
}
div#idHistory a:hover
{
	color: #FFFFFF;
	text-decoration:underline;
}

div#idStatusRow
{
	text-align: center;
	font-family: Arial,Helvetica,sans-serif;
	color: #c0c0c0;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	width: 320px;
	top: 296px;
	left: 405px;
}

div#idPlayerSpace
{
	position: absolute;
	width: 380px;
	top: 267px;
	height: 50px;
	left: 20px;
}

img#idStatusImg
{
	margin: 2px;
}

span#idStatus
{
	padding-left: 5px;
}



div#idCoverArea
{
	position:absolute;
	text-align: center;
	width: 320px;
	height: 250px;
	top: 40px;
	left: 406px;
	overflow: hidden;
}

div#idCoverAd {}

div#idTextAd
{
	position:absolute; top:50%; left: 35px; height:10em; margin-top:-5em;
	display: inline-block;
	text-align: center;
	width: 250px;
}

div#idVideoArea
{
	background-color: #000000; /* Make background black to blend with video */
	width: 320px;
	height: 250px;
}

div#idBanner728x90
{
 position: absolute;
 top: 339px;
 left: 10px;
 width: 728px;
 height: 90px;
}

/* StreamAds box text advertisements */
/* ================================= */
a.AdBox:link, a.AdBox:visited, a.AdBox:active {
    font: 12px geneva, verdana, arial, sans-serif;
    text-decoration: none;
}

.AdBoxHeader {
	color: #0000CC;
	text-align: center;
	font-family: Arial,Verdana;
	font-size: 12pt;
	font-weight: bold;
 	text-decoration: underline;
}

.AdBoxBody {
	color: #6F6F6F;
	text-align: center;
	font-family: Arial;
	font-size: 10pt;
	text-decoration: none;
}

.AdBoxFooter {
	color: green;
	text-align: center;
	font-family: Helvetica;
	font-size: 9pt;
	text-decoration: none;
}
