/* player */

div.player{
	margin-top: 7px;
	position: relative;
	width: 460px;
	height: 50px;
	background: url(../image/p_back_m.png) repeat-x;
}

	div.player img.wave{
		width: 410px;
		height: 46px;
		padding: 2px 0;
		float: right;
		z-index: 100;
		cursor: pointer;
		position: relative;
	}

	div.player div.progress{
		height: 50px;
		width: 50px;
	}

	div.player div.progress div.overlay{
		background: url(../image/p_prog_over_m.png) repeat-x;
		width: 100%;
		height: 100%;
	}

	div.playhead{
		height: 50px;
		width: 1px;
		position: absolute;
		left: 51px;
		z-index: 300;
		display: none;
	}

	/* images */
	div.player div.transport span.play{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -314px -10px;
		width: 51px;
		height: 50px;
		cursor:pointer;
	}

	div.player div.transport span.pause{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -314px -72px;
		width: 51px;
		height: 50px;
		cursor:pointer;
	}

	div.player div.controls span.volup{
		position: absolute;
		z-index: 150;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -296px -5px;
		width: 13px;
		height: 13px;
		cursor:pointer;
	}

	div.player div.controls span.voldown{
		position: absolute;
		z-index: 150;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -296px -17px;
		width: 12px;
		height: 12px;
		top: 36px;
		cursor:pointer;
	}

	div.player div.controls span.volup:hover{
		position: absolute;
		z-index: 150;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -296px -32px;
		width: 13px;
		height: 13px;
		cursor:pointer;
	}

	div.player div.controls span.voldown:hover{
		position: absolute;
		z-index: 150;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -296px -44px;
		width: 12px;
		height: 12px;
		top: 36px;
		cursor:pointer;
	}