/*
VideoJS Moonify CSS Skin (http://jlofstedt.com)
Version 1.0
*/

.moo-css .vjs-controls {
    color: #FFFFFF;
    height: 43px;
    opacity: 1;
}
.moo-css .vjs-controls > div {
    -moz-border-radius: 0 0 0 0;
    -moz-box-shadow: none;
    -webkit-border-radius: 0 0 0 0;
    -webkit-box-shadow: none;
    border-radius: 0 0 0 0;
    box-shadow: none;		
    background: none ;
    height: 40px;
    padding: 0;
    text-align: center;
    top: 0;
}
/* Placement of Control Items */
.moo-css .vjs-controls > div.vjs-play-control       { width: 43px; left: 3px; }
.moo-css .vjs-controls > div.vjs-progress-control   { left: 98px; right: 165px; }
.moo-css .vjs-controls > div.vjs-time-control       { width: 52px; left: 46px; }
.moo-css .vjs-controls > div.vjs-time-control2      { width: 67px; right: 98px; }
.moo-css .vjs-controls > div.vjs-volume-control     { width: 42px; right: 56px; }
.moo-css .vjs-controls > div.vjs-separator		    { width: 12px; right: 46px; }
.moo-css .vjs-controls > div.vjs-fullscreen-control { width: 43px; right: 3px; }

/* Play/Pause
-------------------------------------------------------------------------------- */
.moo-css .vjs-controls .vjs-play-control 	{ top: 0; margin: 0; height: 40px; background:url("../i/sprite_norepeat.png") no-repeat 0 -191px;}
.moo-css .vjs-play-control:active 			{ background:url("../i/sprite_norepeat.png") no-repeat 0 -231px; }
.moo-css.vjs-paused .vjs-play-control span 	{ border:0; height: 40px; margin: 0; width: 43px; background:url("../i/sprite_norepeat.png") no-repeat -69px -257px;  }
.moo-css.vjs-playing .vjs-play-control span { border:0; height: 40px; margin: 0; width: 43px; background:url("../i/sprite_norepeat.png") no-repeat -72px -203px;  }

/* Progress
-------------------------------------------------------------------------------- */
.moo-css .vjs-controls .vjs-progress-control 				{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background:url("../i/sprite_repeat.png") repeat-x 0 -60px; height:40px; }
.moo-css .vjs-progress-control .vjs-progress-holder 		{ border: 0; height:40px; margin: 0; padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; overflow:visible; z-index: 1000; }
.moo-css .vjs-progress-control .vjs-play-progress 			{ height: 40px; background:url("../i/sprite_repeat.png") repeat-x 0 -180px; overflow:visible !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.moo-css .vjs-progress-control .vjs-play-progress #pointer 	{ height: 17px; width:17px; background:url("../i/sprite_norepeat.png") no-repeat -81px -380px; display:block; float:right; position: relative; right: -9px; top: 12px;}
.moo-css .vjs-progress-control .vjs-load-progress 			{ height: 40px; background:url("../i/sprite_repeat.png") repeat-x 0 -120px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;  }

/* Time Display
-------------------------------------------------------------------------------- */
.moo-css .vjs-controls .vjs-time-control 		{ cursor:default; text-align:center; background:url("../i/sprite_repeat.png") repeat-x 0 0; }
.moo-css .vjs-controls .vjs-time-control span 	{ cursor:default; display: block; height: 40px; line-height: 40px; padding: 0 0 0 12px; text-align: left; /* Centering vertically */ }
.moo-css .vjs-controls .vjs-time-control2 		{ cursor:default; text-align:center; background:url("../i/sprite_repeat.png") repeat-x 0 0; }
.moo-css .vjs-controls .vjs-time-control2 span 	{ background:url("../i/sprite_norepeat.png") no-repeat -37px -312px; cursor: default; display: block; height: 40px; line-height: 40px; padding: 0 0 0 13px; text-align: left; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.moo-css .vjs-volume-control div { background:url("../i/sprite_repeat.png") repeat-x 0 0; cursor: default; float: left; height: 22px; padding: 18px 0 0; width: 40px; }
.moo-css .vjs-volume-control div span { float: left; margin: 0 0 0 0; padding: 0; width: 2px; height: 5px; background: #2d2e2f; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; cursor:pointer !important; border:0; }
.moo-css .vjs-volume-control div span.vjs-volume-level-on { background:url("../i/sprite_repeat.png") repeat-x 0 -240px; }
.moo-css .vjs-volume-control div span:hover {  }

/* Spacer
-------------------------------------------------------------------------------- */
.moo-css .vjs-controls > div.vjs-separator	{ background:url("../i/sprite_repeat.png") repeat-x 0 0; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.moo-css .vjs-fullscreen-control div { height:40px; background:url("../i/sprite_norepeat.png") no-repeat 0 -103px; width:43px; margin: 0; }
.moo-css .vjs-fullscreen-control div:active { background:url("../i/sprite_norepeat.png") no-repeat 0 -143px; }
.moo-css .vjs-controls .vjs-fullscreen-control { }
/* Making default fullscreen icon smaller */
.moo-css .vjs-fullscreen-control div span { border:0; height: 40px; margin: 0; width: 43px; background:url("../i/sprite_norepeat.png") no-repeat -67px -148px; }
.moo-css.vjs-fullscreen .vjs-fullscreen-control div span { border:0; height: 40px; margin: 0; width: 43px; background: url("../i/sprite_norepeat.png") no-repeat -67px -91px; }

/* Fullscreen control hovering */
.moo-css .vjs-fullscreen-control:hover div span { }

/* Big Play Button (at start)
---------------------------------------------------------*/
.moo-css div.vjs-big-play-button {
  display: none; /* Start hidden */ z-index: 2; position: absolute; top: 50%; left: 50%; width: 98px; height: 96px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;  
  opacity: 0.9; background:url("../i/sprite_norepeat.png") no-repeat 0 0;
}
.moo-css div.vjs-big-play-button:hover {
  opacity: 1;
}
.moo-css div.vjs-big-play-button:active {
  margin: -42px 0 0 -43px;
}


/* Browser fixes
---------------------------------------------------------*/
.webkit  .moo-css .vjs-controls .vjs-time-control span 	{ line-height: 42px; }
.webkit  .moo-css .vjs-controls .vjs-time-control2 span { line-height: 42px; }
.opera .moo-css .vjs-controls .vjs-time-control span 	{ line-height: 42px; }
.opera .moo-css .vjs-controls .vjs-time-control2 span 	{ line-height: 42px; }