html, body {height: 100%; min-height: 100%; }
* {font-family: Tahoma, Sans Serif; font-size: 12px; line-height: 14px; margin: 0; padding: 0; color: #fff;}
body {background: #000 url(img/back.jpg) left top no-repeat; }
img {border: none;}
a:hover {text-decoration: none;}

.player-bg {
	width: 612x;
	height: 223px;
	left: 0px;
	top: 0px;
	position: relative;
	background-color: #576D9C;
	/*background: url(player_b.gif) 0 0;*/
}
#playBtnID,
#stopBtnID,
#muteBtnID,
#powerBtnID,
#volumeBtnID b,
#ratingID div,
#playProgresID b {
	position: absolute;
	overflow: hidden;
	background-image: url(img/buttons.gif);
	background-repeat: no-repeat;
}

#playBtnID {
	width: 51px;
	height: 21px;
	left: 8px;
	top: 137px;
}
.playDisabled {background-position: 0 0;}
.play { background-position: 0 0; cursor:pointer; }
.playOver { background-position: 0 0; cursor:pointer; }
.pauseDisabled { background-position: 0 0; }
.pause { background-position: 0 0; cursor:pointer; }
.pauseOver { background-position: 0 0; cursor:pointer; }

#stopBtnID {
	width: 51px;
	height: 21px;
	left: 64px;
	top: 137px;
}
.stopDisabled {background-position: -50px 0;}
.stop { background-position: -50px 0; cursor:pointer }
.stopOver { background-position: -50px 0; cursor:pointer }

#muteBtnID {
	width: 21px;
	height: 21px;
	left: 108px;
	top: 7px;
	cursor:pointer;
	display:none;
}
.on {background-position: 34px 0;}
.off { background-position: -212px 0 }
.onOver { background-position: -254px 0 }
.offOver { background-position: -233px 0 }

#powerBtnID {
	width: 51px;
	height: 21px;
	left: 120px;
	top: 137px;
	cursor:pointer;
}

.poweredOff { background-position: -103px 0; }

#volumeBtnID {
	position: absolute;
	overflow: hidden;
	width: 162px;
	height: 4px;
	left: 8px;
	top: 128px;
	cursor:pointer;
	background: url(img/volume_line.gif);
}
#volumeBtnID div {
	position: relative;
	height: 4px;
	width: 162px;
}
#volumeBtnID b {
	width: 10px;
	height: 4px;
	margin: 0px 0 0 100%;
	left: -13px;
	background-position: -74px -42px;
}

#ratingID { visibility:hidden;}

#ratingBtns, #photoDiv, #rennabDiv, #towersDiv, #stereoDiv { position: absolute; overflow: hidden; }

#rennabDiv { width: 200px; height: 149px; top: 9px; left: 181px; }
#photoDiv { width: 120px; height: 71px; top: 9px; left: 51px; }
	#photoDiv img { width: 120px; height: 71px; overflow: hidden; }
#stereoDiv, #stereoDiv * { width: 45px; height: 31px; top: 99px; left: 8px; text-align:left; font: 10px Arial; color: #D5ECFB; }
#towersDiv { width: 109px; height: 25px; top: 99px; left: 61px; background:url(img/volume.gif) no-repeat;}

#ratingBtns { width: 36px; height: 55px; top: 9px; left: 8px; }
#ratingBtns div { width: 36px; height: 15px; background-image:url(img/buttons.gif); background-repeat:no-repeat; font: 9px Arial; margin-bottom:5px; text-align: center; line-height:170%; cursor: pointer;}
#ratingBtns div  {background-position: -37px -42px; color: #D5ECFB; }
#ratingBtns div.over {background-position: 0 -42px; color: #576D9C; }

#rennab { display:none; }

#marquee_song { position: absolute; left: 212px; top: 171px; width: 390px; height: 32px; background: url(img/back_marquee.gif) repeat-x; padding-top: 9px; }
	#marquee_song marquee {font: 11px Arial; text-transform: uppercase; color:#FFFFFF; marginPPP-top: 9px;}