.player-bg {
	width: 288px;
	height: 143px;
	position: relative;
	background: #000 url(../images/player/player_bg.gif?v=201009031830) no-repeat 23px 30px;
}
#playBtnID,
#stopBtnID,
#muteBtnID,
#volumeBtnID b,
#ratingID div,
#playProgresID b {
	position: absolute;
	overflow: hidden;
	background-image: url(../images/player/play_buttons.gif?v=201009031830);
	background-repeat: no-repeat;
}

#playBtnID {
	width: 32px;
	height: 30px;
	left: 58px;
	top: 66px;
}
.playDisabled {background-position: 32px 0;}
.play { background-position: 0 0; cursor:pointer; }
.playOver { background-position: -32px 0; cursor:pointer; }
.pauseDisabled { background-position: -64px 0 }
.pause { background-position: -96px 0; cursor:pointer; }
.pauseOver { background-position: -128px 0; cursor:pointer; }

#stopBtnID {
	width: 29px;
	height: 30px;
	left: 24px;
	top: 66px;
}
.stopDisabled {background-position: -218px 0;}
.stop { background-position: -160px 0; cursor:pointer }
.stopOver { background-position: -189px 0; cursor:pointer }

#muteBtnID {
	width: 11px;
	height: 11px;
	left: 110px;
	top: 74px;
	cursor:pointer;
}
.on {background-position: -269px 0;}
.off { background-position: -247px 0 }
.onOver { background-position: -258px 0 }
.offOver { background-position: -269px 0 }

#volumeBtnID {
	position: absolute;
	overflow: hidden;
	width: 50px;
	height: 10px;
	left: 128px;
	top: 74px;
	cursor:pointer;
}
#volumeBtnID div {
	position: relative;
	margin: 3px 0;
	height: 6px;
	width: 5px;
	background: #c0c0c0;
}
#volumeBtnID b {
	width: 5px;
	height: 8px;
	margin: -1px 0 0 100%;
	left: -5px;
	background-position: -247px -11px;
}

#ratingID {
	position: absolute;
	/*width: 60px;*/
	height: 21px;
	left: 198px;
	top: 71px;
	margin:0;
	padding:0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #6f6f6f;
}
#ratingID div {
	width: 33%;
	height: 21px;
	background: url(/i/design/rating_star.gif?v=201009031830) repeat-x 0 -15px;
}
div#ratingID {
	background: url(/i/design/rating_star.gif?v=201009031830) repeat-x 0 3px;
	height: 18px;
	overflow: hidden;
}
#ratingID select {
	width: 60px;
	font: 12px/13px Arial, Helvetica, sans-serif;
	color: #6f6f6f;
}
form#ratingID {text-align: center; color: #fff; background: #000 }
form#ratingID span {position: relative; top: 5px;}

#infoBtnID {
	position: absolute;
  overflow: hidden;
	display: block;
	width: 21px;
	height: 23px;
	left: 242px;
	top: 29px;
	background: transparent url(../images/player/player_info.gif?v=201009031830) 50% 50% no-repeat;
}

#addBtnID {
	position: absolute;
    overflow: hidden;
	display: block;
	width: 33px;
	height: 21px;
	left: 351px;
	top: 7px;
	background: transparent url(/i/design/player_add_favor.gif?v=201009031830) 50% 50% no-repeat;
}

#playProgresID {
	position: absolute;
	overflow: hidden;
	width: 199px;
	height: 9px;
	left: 24px;
	top: 109px;
	cursor:pointer;
}
#playProgresID div {
	position: relative;
	margin: -9px 0 3px 0;
	width: 7px;
	background: #6f6f6f;

}
#playProgresID div.download {
	margin-top: 1px;
	height: 7px;
	overflow:hidden;
}
#playProgresID b {
	width: 7px;
	height: 9px;
	margin: -2px 0 0 100%;
	left: -7px;
	background-position: -252px -11px;
}

#playPositionID,
#playDurationID {
	position: absolute;
	overflow: hidden;
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	width: 38px;
	height: 14px;
	left: 226px;
	top: 105px;
	cursor: default;
}
#playPositionID {
	position: absolute;
	color: #fff;
	left: 226px;
}