/* DEFAULT SKIN (override in another file to create new skins)
================================================================================
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag. */

/* The default control bar. Created by bar.js */
.vjs-djsp-skin .vjs-control-bar {
  position: absolute;
  bottom: 0; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  left: 0; right: 0; /* 100% width of div */
  margin: 0; padding: 0; /* Controls are absolutely position, so no padding necessary */
  height: 2.6em; /* Including any margin you want above or below control items */
  color: #fff; border-top: 1px solid #fff;

  /* CSS Gradient */
  /* Can use the Ultimate CSS Gradient Generator: http://www.colorzilla.com/gradient-editor/ */
  background: #242424; /* Old browsers */
  background: -moz-linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%,#242424), color-stop(50%,#1f1f1f), color-stop(100%,#171717)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* IE10+ */
  /* Filter was causing a lot of weird issues in IE. Elements would stop showing up, or other styles would break. */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#171717',GradientType=0 );*/ /* IE6-9 */
  background: linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* W3C */

  /* Start hidden and with 0 opacity. Opacity is used to fade in modern browsers. */
  /* Can't use display block to hide initially because widths of slider handles aren't calculated and avaialbe for positioning correctly. */
  visibility: hidden;
  opacity: 0;
}

/*show controls by default on init*/
.vjs-default-skin .vjs-controls{
  visibility: visible;
  opacity: 1;
	height: 5.2em;
}

.vjs-default-skin .vjs-conrols.fullscreen {
	z-index: 4;
}

/* General styles for individual controls. */
.vjs-djsp-skin .vjs-control {
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 2.6em;
  width: 2.6em;
  top: 13px;
}

.vjs-djsp-skin .vjs-control:focus {
  /*outline: white dotted thin;*/
}

/* Hide control text visually, but have it available for screenreaders: h5bp.com/v */
.vjs-djsp-skin .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }


/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-djsp-skin .vjs-play-control { width: 22px; cursor: pointer !important; margin-left: 1em; }
/* Play Icon */
.vjs-djsp-skin.vjs-paused .vjs-play-control div{
	width: 22px;
	height: 24px;
	background: url('/images/video/video-js_djsp.png');
	margin: 0.35em auto 0;
}

.vjs-djsp-skin.vjs-playing .vjs-play-control div {
	/* background: url("/images/video/pause.png") no-repeat scroll 0 0 transparent; */
	background: url('/images/video/video-js_djsp.png') -20px 0;
    height: 24px;
    margin: 0.35em auto 0;
    width: 22px;
}

.vjs-djsp-skin.vjs-paused .vjs-play-control:focus div{ width: 22px; height: 24px; background: url('/images/video/video-js_djsp-over.png'); margin: 0.35em auto 0; }
.vjs-djsp-skin.vjs-playing .vjs-play-control:focus div{ width: 22px; height: 24px; background: url('/images/video/video-js_djsp-over.png') -20px 0; margin: 0.35em auto 0; }

/* Rewind
-------------------------------------------------------------------------------- */
.vjs-djsp-skin .vjs-rewind-control { width: 5em; cursor: pointer !important; }
.vjs-djsp-skin .vjs-rewind-control div { width: 19px; height: 16px; background: url('/images/video/video-js_djsp.png'); margin: 0.5em auto 0; }

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-djsp-skin .vjs-mute-control { width: 26px; cursor: pointer !important; float: right; }
.vjs-djsp-skin .vjs-mute-control div { width: 26px; height: 24px; background: url('/images/video/video-volume.png') center center no-repeat; margin: 2px 0 0 0; }
.vjs-djsp-skin .vjs-mute-control:focus div { width: 26px; height: 24px; background: url('/images/video/vol_full_White.png') center center no-repeat; margin: 2px auto 0 0 0; }
.vjs-djsp-skin .vjs-mute-control.vjs-vol-0 div { background: url('/images/video/vol_off.png') center center no-repeat; margin: 2px auto 0 0 0; }
.vjs-djsp-skin .vjs-mute-control.vjs-vol-1 div { background: url('/images/video/vol-1bar.png') center center no-repeat; margin: 2px auto 0 0 0; }
.vjs-djsp-skin .vjs-mute-control.vjs-vol-2 div { background: url('/images/video/vol-1bar.png') center center no-repeat; margin: 2px auto 0 0 0; }
.vjs-djsp-skin .vjs-mute-control.vjs-vol-0:focus div { background: url('/images/video/vol_off.png') center center no-repeat; margin: 2px auto 0 0 0;}
.vjs-djsp-skin .vjs-mute-control.vjs-vol-1:focus div { background: url('/images/video/vol-1bar.png') center center no-repeat; margin: 2px auto 0 0 0; }
.vjs-djsp-skin .vjs-mute-control.vjs-vol-2:focus div { background: url('/images/video/vol-1bar.png') center center no-repeat; margin: 2px auto 0 0 0; }


.vjs-djsp-skin .vjs-volume-control { width: 67px; float: right; }
.vjs-djsp-skin .vjs-volume-bar {
  position: relative;
  width: 66px;;
  height: 2px;
  margin: 13px 0px 0;
  cursor: pointer !important;

  -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;

  background: #666;
  background: -moz-linear-gradient(top, #333, #666);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#666));
  background: -webkit-linear-gradient(top, #333, #666);
  background: -o-linear-gradient(top, #333, #666);
  background: -ms-linear-gradient(top, #333, #666);
  background: linear-gradient(top, #333, #666);
}
.vjs-djsp-skin .vjs-volume-level {
  position: absolute; top: 0; left: 0; height: 0.6em;



  background: #fff;
  background: -moz-linear-gradient(top, #fff, #ccc);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));
  background: -webkit-linear-gradient(top, #fff, #ccc);
  background: -o-linear-gradient(top, #fff, #ccc);
  background: -ms-linear-gradient(top, #fff, #ccc);
  background: linear-gradient(top, #fff, #ccc);
}
.vjs-djsp-skin .vjs-volume-handle {
  position: absolute; top: -4px; width: 11px; height: 11px; background: #ffffff; left: 0;
  border: 0px solid #fff;
	background: transparent url('/images/video/scrub.png') center center no-repeat;

}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-djsp-skin div.vjs-progress-control {
  position: absolute;
  left: 3.8em; right: 4.8em; /* Leave room for time displays. */
  height: .1em; width: auto;
  top: 25px; /* Set above the rest of the controls. And leave room for 2px of borders (progress bottom and controls top). */
  border-bottom: 1px solid #fff;
  border-top: 0;
  width: 450px;
  /* CSS Gradient */
  background: none repeat scroll 0 0 transparent;
	/* 1px top shadow */
	/*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/
}

.inline-video .vjs-djsp-skin div.vjs-progress-control {
	 width: 375px;
}

.video-large {
  display: inline-block;
  position: absolute;
  float: left;
  width: 666px;
  height: 376px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: transparent;
}

.video-small {
  display: inline-block;
  position: absolute;
  float: left;
  width: 586px;
  height: 330px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: transparent;
}

div.vjs-current-time-display {
	display:none;	/* shows current time */
}
div.vjs-remaining-time-display {
	font-size:1.2em;	/* shows remaining time */
	color:#fff;
	font-weight:bold;
	position:relative;
	margin-top: 35px;
	right: 119px;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-djsp-skin .vjs-progress-holder {
  position: relative; cursor: pointer !important; /*overflow: hidden;*/
  padding: 0; margin: 0; /* Placement within the progress control item */
  height: .2em;
  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;

	background: none repeat scroll 0 0 transparent;
}
.vjs-djsp-skin .vjs-progress-holder .vjs-play-progress,
.vjs-djsp-skin .vjs-progress-holder .vjs-load-progress { /* Progress Bars */
  position: absolute; display: block; height: .2em; margin: 0; padding: 0;
  left: 0; top: 0; /*Needed for IE6*/
 /* -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;*/

  /*width: 0;*/
}
.vjs-play-progress {
	height: 5px !important;
    top: -2px !important;
}
.vjs-djsp-skin .vjs-play-progress {
  /* CSS Gradient. */
  background: #fff; /* Old browsers */
  background: -moz-linear-gradient(top, #fff 0%, #d6d6d6 50%, #fff 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#fff), color-stop(50%,#d6d6d6), color-stop(100%,#fff));
  background: -webkit-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
  background: -o-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
  background: -ms-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
  background: linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);

  background: #efefef;
  background: -moz-linear-gradient(center top , #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 50%, #F1F1F1 100%) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#efefef), color-stop(50%,#f5f5f5), color-stop(50%,#dbdbdb), color-stop(100%,#f1f1f1));
  background: -webkit-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
  background: -o-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
  background: -ms-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f1f1f1',GradientType=0 );
  background: linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);

}
.vjs-djsp-skin .vjs-load-progress {
  opacity: 0.8;

  /* CSS Gradient */
  background: #666;
  background: -moz-linear-gradient(top, #666, #333);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
  background: -webkit-linear-gradient(top, #666, #333);
  background: -o-linear-gradient(top, #666, #333);
  background: -ms-linear-gradient(top, #666, #333);
  background: linear-gradient(top, #666, #333);
}

.vjs-djsp-skin div.vjs-seek-handle {
	height: 17px;
	width: 17px;
  margin-top: -7px;
  position: absolute;
  top: 0;
  background: transparent url('/images/video/scrub-lg.png') center center no-repeat;
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-djsp-skin .vjs-time-controls {
  position: absolute;
  right: 0;
  height: 1.0em; width: 4.8em;
  top: -1.3em;
  border-bottom: 0;
  border-top: 0;

  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;

}

.vjs-djsp-skin .vjs-current-time { left: 0; }

.vjs-djsp-skin .vjs-duration { right: 0; display: none; }
.vjs-djsp-skin .vjs-remaining-time { right: 0; }

.vjs-time-divider { display:none; }

.vjs-djsp-skin .vjs-time-control { font-size: 1em; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-djsp-skin .vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-secondary-controls { float: right; }

.vjs-djsp-skin .vjs-fullscreen-control { width: 3.8em; cursor: pointer !important; float: right; }
.vjs-djsp-skin .vjs-fullscreen-control div {
	width: 24px;
	height: 24px;
	background: url("/images/video/expand.png") no-repeat scroll 0 center transparent;
	margin: 0 auto 0;
}
.vjs-djsp-skin .vjs-fullscreen-control div.fullscreen  {
	background: url("/images/video/contract.png") no-repeat scroll 0 center transparent;
}
.vjs-djsp-skin .vjs-fullscreen-control:focus div { width: 24px; height: 24px; /*background: url('/images/video/video-js_djsp-over.png') -46px 0;*/  margin: 0.2em auto 0; }

/* Big Play Button (at start)
---------------------------------------------------------*/
.vjs-djsp-skin .vjs-big-play-button {
  display: block; /* Start hidden */ z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8.0em;
  height: 8.0em;
  margin: -42px 0 0 -42px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer !important;
  opacity: 0.95;

}

/*.vjs-djsp-skin div.vjs-big-play-button:hover, .vjs-djsp-skin div.vjs-big-play-button:focus {
  -webkit-box-shadow: 0 0 80px #fff; -moz-box-shadow: 0 0 80px #fff; box-shadow: 0 0 80px #fff;
}*/

.vjs-djsp-skin div.vjs-big-play-button span {
  position: absolute;
  top: 50%; left: 36%;
  display: block;
  width: 56px; height: 56px;
  margin: -20px 0 0 -15px; /* Using negative margin to center image. */
  background: url("/images/video/play_circle.png") no-repeat scroll 0 0 transparent
}

/* Loading Spinner
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-loading-spinner {
  display: none;
  position: absolute; top: 50%; left: 50%; width: 55px; height: 55px;
  margin: -28px 0 0 -28px;
  -webkit-animation-name: rotatethis;
  -webkit-animation-duration:1s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-name: rotatethis;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;
}

@-webkit-keyframes rotatethis {
  0% {-webkit-transform:scale(0.6) rotate(0deg); }
  12.5% {-webkit-transform:scale(0.6) rotate(0deg); }
  12.51% {-webkit-transform:scale(0.6) rotate(45deg); }
  25% {-webkit-transform:scale(0.6) rotate(45deg); }
  25.01% {-webkit-transform:scale(0.6) rotate(90deg);}
  37.5% {-webkit-transform:scale(0.6) rotate(90deg);}
  37.51% {-webkit-transform:scale(0.6) rotate(135deg);}
  50% {-webkit-transform:scale(0.6) rotate(135deg);}
  50.01% {-webkit-transform:scale(0.6) rotate(180deg);}
  62.5% {-webkit-transform:scale(0.6) rotate(180deg);}
  62.51% {-webkit-transform:scale(0.6) rotate(225deg);}
  75% {-webkit-transform:scale(0.6) rotate(225deg);}
  75.01% {-webkit-transform:scale(0.6) rotate(270deg);}
  87.5% {-webkit-transform:scale(0.6) rotate(270deg);}
  87.51% {-webkit-transform:scale(0.6) rotate(315deg);}
  100% {-webkit-transform:scale(0.6) rotate(315deg);}
}

@-moz-keyframes rotatethis {
  0% {-moz-transform:scale(0.6) rotate(0deg);}
  12.5% {-moz-transform:scale(0.6) rotate(0deg);}
  12.51% {-moz-transform:scale(0.6) rotate(45deg);}
  25% {-moz-transform:scale(0.6) rotate(45deg);}
  25.01% {-moz-transform:scale(0.6) rotate(90deg);}
  37.5% {-moz-transform:scale(0.6) rotate(90deg);}
  37.51% {-moz-transform:scale(0.6) rotate(135deg);}
  50% {-moz-transform:scale(0.6) rotate(135deg);}
  50.01% {-moz-transform:scale(0.6) rotate(180deg);}
  62.5% {-moz-transform:scale(0.6) rotate(180deg);}
  62.51% {-moz-transform:scale(0.6) rotate(225deg);}
  75% {-moz-transform:scale(0.6) rotate(225deg);}
  75.01% {-moz-transform:scale(0.6) rotate(270deg);}
  87.5% {-moz-transform:scale(0.6) rotate(270deg);}
  87.51% {-moz-transform:scale(0.6) rotate(315deg);}
  100% {-moz-transform:scale(0.6) rotate(315deg);}
}
/* Each circle */
div.vjs-loading-spinner .ball1 { opacity: 0.12; position:absolute; left: 20px; top: 0px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #fff; }

div.vjs-loading-spinner .ball2 { opacity: 0.25; position:absolute; left: 34px; top: 6px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #fff; }

div.vjs-loading-spinner .ball3 { opacity: 0.37; position:absolute; left: 40px; top: 20px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #fff; }

div.vjs-loading-spinner .ball4 { opacity: 0.50; position:absolute; left: 34px; top: 34px; width: 13px; height: 13px; background: #fff;
  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 15px; border: 1px solid #fff; }

div.vjs-loading-spinner .ball5 { opacity: 0.62; position:absolute; left: 20px; top: 40px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #fff; }

div.vjs-loading-spinner .ball6 { opacity: 0.75; position:absolute; left: 6px; top: 34px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #fff; }

div.vjs-loading-spinner .ball7 { opacity: 0.87; position:absolute; left: 0px; top: 20px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #fff; }

div.vjs-loading-spinner .ball8 { opacity: 1.00; position:absolute; left: 6px; top: 6px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #fff; }

/* Menu Buttons (Captions/Subtitles/etc.)
-------------------------------------------------------------------------------- */
.vjs-djsp-skin .vjs-menu-button {
  float: right; margin: 0.2em 0.5em 0 0; padding: 0; width: 3em; height: 2em; cursor: pointer !important;

  border: 1px solid #fff; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;

  background: #4d4d4d;
  background: -moz-linear-gradient(top,  #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(50%,#3f3f3f), color-stop(50%,#333333), color-stop(100%,#252525));
  background: -webkit-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -o-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -ms-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
}
/* Button Icon */
.vjs-djsp-skin .vjs-menu-button div { background: url('/images/video/video-js_djsp.png') 0px -75px no-repeat; width: 16px; height: 16px; margin: 0.2em auto 0; padding: 0; }

/* Button Pop-up Menu */
.vjs-djsp-skin .vjs-menu-button ul {
  display: none; /* Start hidden. Hover will show. */
  opacity: 1;
  padding: 0; margin: 0;
  position: absolute; width: 10em; bottom: 2em; max-height: 15em;
  left: -3.5em; /* Width of menu - width of button / 2 */
  background-color: #111;
  border: 2px solid #fff;
  -moz-border-radius: 0.7em; -webkit-border-radius: 1em; border-radius: .5em;
  -webkit-box-shadow: 0 2px 4px 0 #000; -moz-box-shadow: 0 2px 4px 0 #000; box-shadow: 0 2px 4px 0 #000;
  overflow: auto;
}

/*.vjs-djsp-skin .vjs-menu-button:focus ul,*/ /* This is not needed because keyboard accessibility for the caption button is not handled with the focus any more. */
.vjs-djsp-skin .vjs-menu-button:hover ul { display: block; list-style: none; }
.vjs-djsp-skin .vjs-menu-button ul li { list-style: none; margin: 0; padding: 0.3em 0 0.3em 20px; line-height: 1.4em; font-size: 1.2em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; }
.vjs-djsp-skin .vjs-menu-button ul li.vjs-selected { text-decoration: underline; background: url('/images/video/video-js_djsp.png') -125px -50px no-repeat; }
.vjs-djsp-skin .vjs-menu-button ul li:focus,
.vjs-djsp-skin .vjs-menu-button ul li:hover,
.vjs-djsp-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-djsp-skin .vjs-menu-button ul li.vjs-selected:hover { background-color: #ccc; color: #111; outline: 0; }
.vjs-djsp-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0;

  color: #fff; font-weight: bold;

  cursor: default;

  background: #4d4d4d;
  background: -moz-linear-gradient(top,  #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(50%,#3f3f3f), color-stop(50%,#333333), color-stop(100%,#252525));
  background: -webkit-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -o-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -ms-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
}

/*additional reset stuff*/
.vjs-control *, .vjs-djsp-skin *{
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/*additional reset stuff*/
.vjs-djsp-skin ul, .vjs-djsp-skin menu, .vjs-djsp-skin dir {
  display: block;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}

/*additional reset stuff*/
.vjs-djsp-skin .vjs-menu-button ul{
  bottom:20px;
}

/* Subtitles Button */
.vjs-djsp-skin .vjs-captions-button div { background-position: -25px -75px; }
.vjs-djsp-skin .vjs-chapters-button div { background-position: -100px -75px; }
.vjs-djsp-skin .vjs-chapters-button ul { width: 20em; left: -8.5em; /* Width of menu - width of button / 2 */ }

/* ADA for captions */
.vjs-tt-cue{
  background-color: rgba(0,0,0,0.90);
}

/* if the controls are display below the player, add some buffer space */
#djsp-controls-spacer{
  display: block;
  height:39px;
}

/*button that sits on top of iPad inline player to play/pause*/
#vjs-ipad-clicker, #vjs-kindle-clicker{
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
}

/*put menu on top of ipad thing in case ipad thing is there*/
.vjs-menu{
  z-index: 99999999;
}

.hideVolumeControlsOniPad{
  display:none;
}

/*make sure captions are on top of everything except vjs-menu*/
.vjs-text-track-display{
  z-index: 99999998;
}

#ADACaptionsButton{
  width:32px;
  height:20px;
  display: inline-block;
  position: relative;
  margin-top: 2px;
  margin-right: 5px;
  margin-left: -60px;
  float: right;
  /*background-color: #CCC;*/
}


/*turn off fading of controls if controlsAutoHide is turned off*/
.vjs-nofade {
  visibility: visible !important;
  opacity: 1 !important;
  transition-duration: 0s!important;
}

#dialog-confirm,
#dialog-confirm-carrie {
	height: 0 !important;
    max-height: none;
    min-height: 0;
    width: auto;
    left: 0px;
    position: relative;
    top: -293px;
		outline: none;
		border: 0;
}

#dialog-confirm-rebidose {
	height: 0 !important;
    max-height: none;
    min-height: 0;
    width: auto;
    left: 0px;
    position: relative;
    top: -293px;
		outline: none;
		border: 0;
}


.ui-dialog-buttonpane {
	position: relative;
	width: 100%;
	height: 30px;
	top: -297px;
	outline: none;
	border: 0;
}

.ui-dialog-buttonset {
	height: 30px;
	outline: none;
	border: 0;
}


.ui-dialog-buttonset > button {
    right: 10px;
	top: 16px;
    background: url("/images/video/x.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    position: absolute;
    z-index: 3;
	color: transparent;
}

.ui-dialog-buttonset > button {
    background: url("/images/video/vidoe_x.png") no-repeat scroll 0 0 transparent !important;
	height:18px;
	width: 18px;
}

.ui-button-text {
    color: transparent;
}

.ui-dialog-buttonpane,
.ui-dialog-titlebar {
	height: 0;
	outline: 0;
}

.custom-overlay
{
   position: fixed;
	width: 100%;
	height: 100%;
	background: url("/images/global/video-overlay.png") top left repeat transparent;
	top: 0;
	visibility: hidden;
	left: 0;
	z-index: 800;
}

#rebif-effects{
	position:relative;
}

.vjs-volume-handle {
    margin-left: -3px;
}

 .vjs-volume-control.vjs-control {
}

.exitFullScreen{
	background: url("/images/video/press_esc.png") no-repeat scroll 32px 7px transparent;
	position: relative;
	float: left;

}

.moveUp {
	top: -49px !important;
}

.moveDown {
	top: 34px ! important;
}

.vjs-big-play-button-thumbnail{
		float: right;
    position: absolute;
		top: 0px;
		right: 0px;
}

.vjs-big-play-button-thumbnail-hidden{
	display: block;
    height: 73px;
    left: 0px;
    position: absolute;
    top: 72px;
		height: 72px;
		width: 100%;
    z-index: 1;
	outline: none;
}

.vjs-big-play-button-thumbnail-hidden:active {
	outline: none;
}

.vjs-big-play-button-thumbnail-hidden:focus {
	outline: none;
}

video {
	outline: none;
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable{
	margin: 0 auto;
	left: auto !important;
	z-index:3000;
}

.vjs-poster {
	z-index: 2;
}

.end-frame{
	display: none;
	width: 100%;
	height: 100%;
	z-index: 3;
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent url('/images/video/25pxRepeater.png') top left repeat;
	border: 0px;
	outline: none;
}

.replay-link {
	display: block;
	position: absolute;
	z-index: 10;
	cursor: pointer;
}

.see-more-link {
	display: block;
	position: absolute;
	z-index: 10;
}


.video-large .replay-link {
	top: 106px;
	left: 185px;
}

.video-small .replay-link {
	top: 106px;
	left: 145px;
}

.video-large .see-more-link {
	top: 105px;
	left: 360px;
}

.video-small .see-more-link {
	top: 105px;
	left: 341px;
}