.video-js { background-color: transparent; }
/* Festo player */
.mejs-container.mejs-festo {
	background-color: transparent;
}
/* Background control bar */
.mejs-festo .mejs-controls  {
	background: transparent url(festo-controls.png) repeat-x scroll 0 -2px;
  height: 25px;
}
/* Time display */
.mejs-festo .mejs-controls .mejs-time  {
  color: #000;
  font-size: 10px;
  font-weight: bold;
  padding-top: 7px;
}
/* Button icons */
.mejs-festo .mejs-controls .mejs-button.mejs-play  button:hover {
  background-position: -2px -156px;
}
.mejs-festo .mejs-controls .mejs-button.mejs-play  button {
  background-position: -2px -137px;
}
.mejs-festo .mejs-controls .mejs-button.mejs-pause  button {
  background-position: -2px -99px;
}
.mejs-festo .mejs-controls .mejs-button.mejs-pause  button:hover {
  background-position: -2px -118px;
}
.mejs-festo .mejs-controls .mejs-button.mejs-mute  button {
  background-position: -2px -69px;
}
.mejs-festo .mejs-controls .mejs-button.mejs-mute  button:hover {
  background-position: -2px -84px;
}
.mejs-festo .mejs-controls .mejs-button.mejs-unmute  button {
  background-position: -2px -202px;
}
.mejs-festo .mejs-controls .mejs-button.mejs-unmute  button:hover {
  background-position: -2px -217px;
}
.mejs-festo .mejs-controls .mejs-button.mejs-fullscreen-button  button {
  background-position: -2px -31px;
}
.mejs-festo .mejs-controls .mejs-button.mejs-fullscreen-button  button:hover {
  background-position: -2px -50px;
}
/* Button Size */
.mejs-festo .mejs-controls .mejs-button button {
  background: transparent url(festo-controls.png) no-repeat scroll 0 0;
}
.mejs-festo .mejs-controls .mejs-playpause-button button {
  width: 31px;
  height: 15px;
  margin: 5px 2px;
}
.mejs-festo .mejs-controls .mejs-volume-button button {
  width: 22px;
  height: 11px;
  margin: 7px 0px;
}
.mejs-festo .mejs-controls .mejs-fullscreen-button button {
  width: 25px;
  height: 15px;
  margin: 5px 0px;
}
.mejs-festo .mejs-controls .mejs-playpause-button {
  width: 35px;
}
/* Time rail */
.mejs-festo .mejs-controls div.mejs-time-rail {
  padding-top: 5px;
  height: 20px;
}
.mejs-festo .mejs-controls .mejs-time-rail a {
  height: 5px;
}
.mejs-festo .mejs-controls .mejs-time-rail span {
  height: 5px;
}
.mejs-festo .mejs-controls .mejs-time-rail .mejs-time-float {
  height: 15px;
}
.mejs-festo .mejs-controls .mejs-time-rail .mejs-time-current {
  background: transparent url(festo-controls.png) repeat-x scroll -2px -184px;
}
.mejs-festo .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: transparent url(festo-controls.png) repeat-x scroll -2px -175px;
}
.mejs-festo .mejs-controls .mejs-time-rail .mejs-time-total {
  background: transparent url(festo-controls.png) repeat-x scroll -2px -193px;
}
/* Volume */
.mejs-festo .mejs-controls .mejs-horizontal-volume-slider  div {
  top: 7px;
  width: 31px;
  height: 11px;
  background: transparent url(festo-controls.png) no-repeat scroll 0 0;
}
.mejs-festo .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background-position: -2px -247px;
}
.mejs-festo .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background-position: -2px -232px;
}
.mejs-festo .mejs-controls A.mejs-horizontal-volume-slider {
  width: 34px;
}
/* Big play button */
.mejs-festo .mejs-overlay .mejs-overlay-button, .mejs-festo .mejs-overlay:hover .mejs-overlay-button {
  background-image: url(festo-playIcon.png);
  background-position: 0px 0px;
  width: 90px;
  height: 52px;
  margin-left: -45px;
  margin-top: -26px;
}
.mejs-festo .mejs-overlay-loading {
  background: rgba(66, 66, 66, 1) none repeat scroll 0 0;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
}
.mejs-festo .mejs-overlay-loading  span{
  background: rgb(66,66,66) url(festo-spinner.gif) no-repeat 0 0;
  margin: 5px;
  width: 22px;
  height: 22px;
}