#mediaControls #buttons {
	width: 100%;
	height: 26px;
	margin: 1px 1px 1px 1px;
	background: transparent url('../images/wmvPlayer/controls.png') 0 -102px repeat-x;
	border: 1px solid rgb(241,240,240);
	list-style-type: none;
}

#mediaControls #slider {
	margin: 1px 1px 1px 1px;
	width: 100%;
	height: 12px;
	background-color: rgb(241,240,240);
}

#mediaControls #buttons li {
	border: 1px solid rgb(241,240,240);
	/*display:inline;*/
	background-color: transparent;
	background-image: url('../images/wmvPlayer/controls.png');
	background-repeat: no-repeat;
	margin: 1px 1px 1px 1px;
}

#mediaControls #buttons .smallBtn {
	float: right;
	margin: 4px 1px 3px 1px;
}

#mediaControls #buttons .largeBtn {
	float: left;
	margin: 1px 1px 1px 1px;
}

#mediaControls #buttons li a {
	display: block;
	height: 100%;
}

#mediaControls #buttons li:hover {
	border: 1px solid rgb(169,169,169);
}

#mediaControls #buttons li.playBtn {
	background-position: 0 0;
	width: 45px;
	height: 21px;
}

#mediaControls #buttons li.playBtn:hover {
	background-position: -46px 0;
}

#mediaControls #buttons li.pauseBtn {
	background-position: 0 -22px;
	width: 45px;
	height: 21px;
}

#mediaControls #buttons li:hover.pauseBtn {
	background-position: -46px -22px;
}

#mediaControls #buttons li.rewindBtn {
	background-position: 0 -44px;
	width: 45px;
	height: 21px;
}

#mediaControls #buttons li:hover.rewindBtn {
	background-position: -46px -44px;
}

#mediaControls #buttons li.fullscreenBtn {
	background-position: 0 -66px;
	width: 24px;
	height: 17px;
}

#mediaControls #buttons li:hover.fullscreenBtn {
	background-position: 0 -84px;
}

#mediaControls #buttons li.muteOnBtn {
	background-position: -50px -66px;
	width: 24px;
	height: 17px;
}

#mediaControls #buttons li:hover.muteOnBtn {
	background-position: -50px -84px;
}

#mediaControls #buttons li.muteOffBtn {
	background-position: -25px -66px;
	width: 24px;
	height: 17px;
}

#mediaControls #buttons li:hover.muteOffBtn {
	background-position: -25px -84px;
}

/* Slider definition */
#mediaControls .ui-slider {
	background-color: rgb(240,239,240);
	position: relative;
}

#mediaControls .ui-slider .ui-progressbar {
	height: 100%;
	position: relative;
}

#mediaControls .ui-slider .ui-progressbar .ui-progressbar-value {
	background: transparent url('../images/wmvPlayer/controls.png') 0 -128px repeat-x;
	height: 12px;
	position: absolute;
	top: 0;
}

#mediaControls .ui-slider-handle {
	background: transparent url('../images/wmvPlayer/controls.png') -77px -66px no-repeat;
	width: 6px;
	height: 12px;
	display: block;
	position:absolute;
	top: 0;
}

/* Volume definition */
#mediaControls #buttons .volumeProgress {
	float: right;
	margin: 6px 6px 3px 1px;
	background: none;
}

#mediaControls #buttons .volumeProgress .ui-slider {
	width: 32px;
	height: 12px;
}

#mediaControls #buttons .progress0 .ui-slider{
	background: transparent url('../images/wmvPlayer/controls.png') -92px 0 no-repeat;
}

#mediaControls #buttons .progress1 .ui-slider{
	background: transparent url('../images/wmvPlayer/controls.png') -92px -13px no-repeat;
}

#mediaControls #buttons .progress2 .ui-slider {
	background: transparent url('../images/wmvPlayer/controls.png') -92px -26px no-repeat;
	width: 32px;
	height: 12px;
}

#mediaControls #buttons .progress3 .ui-slider {
	background: transparent url('../images/wmvPlayer/controls.png') -92px -39px no-repeat;
	width: 32px;
	height: 12px;
}

#mediaControls #buttons .progress4 .ui-slider {
	background: transparent url('../images/wmvPlayer/controls.png') -92px -52px no-repeat;
	width: 32px;
	height: 12px;
}

#mediaControls #buttons .progress5 .ui-slider {
	background: transparent url('../images/wmvPlayer/controls.png') -92px -65px no-repeat;
	width: 32px;
	height: 12px;
}

#mediaControls #buttons .volumeProgress .ui-slider-handle {
	background: transparent url('../images/wmvPlayer/controls.png') -77px -66px no-repeat;
	width: 3px;
}

#mediaControls #buttons li.volumeProgress:hover {
	border: 1px solid rgb(241,240,240);
}

/* Time displaying definition */
#mediaControls #time {
	position:absolute;
	right:0.5em;
	top:-1px;
	font-size: 0.8em;
}


