.movieController {
	width: 640px;
	height: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
	cursor: default;
	text-align: left;
}

/* Play/Pause Button */
.movieController button {
    display: block;
    position: absolute;
    top: 1px;
    width: 10px;
	height: 10px;
	border: 0;
	padding: 0;
	background-color: white;
	background-position: 0 0;
	background-image: url(i/movieplayer/controls.gif);
    outline: none;
}
.movieController button:active,
.movieController button:focus {
    outline: none;
}
.playing button {
	background-position: 0px -10px;
}
.paused button {
	background-position: 0px 0px;
}

/* Track Background */
.movieController div {
    position: absolute;
    top: 0;
    left: 15px;
    width: 625px;
    height: 12px;
    overflow: hidden;
    background: url(i/movieplayer/track.gif);
}

/* Playback Progress */
.movieController div span.playbackProgress {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 0;
    height: 12px;
}

/* Playback Position Indicator */
.movieController div span.playbackProgress span {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 13px;
    height: 12px;
    overflow: hidden;
    background: url(i/movieplayer/indicator.png);
}

/* Load Progress */
.movieController div span.loadProgress {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 625px;
    height: 12px;
    background: url(i/movieplayer/track.gif);
}