/* gmPlayer not required for our implementation, but flow player needs it anyway */
#gmPlayer { display:block; width:0px; height:0px; }

/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.gm {
	position:absolute;
	top:74px;
	height:74px;
	width:603px;
}

/* play/pause button */
div.gm a.play, div.gm a.pause { 
	position:absolute;
	left:12px; top:12px;
	width: 60px; height: 50px;
	display:block;
	text-indent:-9999em;
	background:url(audiobuttons.gif) 0px 0px no-repeat;
	cursor:pointer;
}

div.gm a.play:hover {
	background-position:-60px 0px;
}

/* pause state */
div.gm a.pause { 
	background-position:-120px 0px;
}

div.gm a.pause:hover {
	background-position:-180px 0px;	
}

/* the timeline (or "scrubber")  */
div.gm div.track {  
	left:84px; top:12px;
	position:absolute;
	cursor:pointer;
	width:435px; height:20px;
	background:url(audiobuttons.gif) -720px 0px no-repeat;
	font-size:0px;
}

/* the draggable playhead */
div.gm div.playhead {
	position:absolute;
	left:3px; top:3px;
	cursor:pointer; 
	background:url(audiobuttons.gif) -723px -23px no-repeat;
	width:14px;	height:14px;
	font-size:0px;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.gm div.progress, div.gm div.buffer {	
	position:absolute;
	left:3px; top:3px;
	background-color:#fff;
	filter: alpha(opacity=10);
	opacity:0.1;
	width:0px;
	height:14px;
	max-width:429px;
	font-size:0px;
}

div.gm div.buffer {
	background-color:#fff;
	opacity:0.1;
	filter: alpha(opacity=10);
}

/* time display */
div.gm div.time {
	position:absolute;		
	width:129px;
	left:84px; top:43px;
	font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
	font-size:12px;
	color:#fff; 
}

/* total duration in time display */
div.gm div.time strong {
	font-weight:normal;
	color:#666;
}

/* mute / unmute buttons */
div.gm a.mute, div.gm a.unmute {
	position:absolute;
	left:531px;	top:12px;
	width:60px;
	height:50px;
	cursor:pointer;
	text-indent:-9999em;
	background:url(audiobuttons.gif) -480px 0px no-repeat;
}

div.gm a.mute:hover {
	background-position:-540px 0px;	
}

/* unmute state */
div.gm a.unmute {
	background-position:-600px 0px
}

div.gm a.unmute:hover {
	background-position:-660px 0px
}

/* skip buttons */
div.gm a.skip5, div.gm a.skip15 { 
	position:absolute;
	top:12px;
	width: 60px; height: 50px;
	display:block;
	text-indent:-9999em;
	cursor:pointer;
}
div.gm a.skip5 { 
	left:84px;
	background:url(audiobuttons.gif) -240px 0px no-repeat;
}
div.gm a.skip5:hover {
	background-position:-300px 0px
}

div.gm a.skip15 { 
	left:156px;
	background:url(audiobuttons.gif) -360px 0px no-repeat;
}
div.gm a.skip15:hover {
	background-position:-420px 0px
}

/* download button */
div.gm div.download { position:absolute; left:419px; top:40px; }
div.gm div.download a { 
	font-size:200%; color:green;
	width: 100px; height: 22px;
	display:block;
	text-indent:-9999em;
	cursor:pointer;
	background:url(audiobuttons.gif) -752px -28px no-repeat;
}
div.gm div.download a:hover {
	background-position:-852px -28px
}