/* 
    Document   : playervideo
    Created on : 7-ott-2012, 21.35.51
    Author     : lorenzo
    Description:
        Purpose of the stylesheet follows.
*/

.video-js {
  background-color:#FFF !important;
  /*background-color: transparent !important;*/
}
.video-js .vjs-text-track {
  display: none; color: #fff; font-size: 1.4em; text-align: center; margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (IE6) */
  background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.50);
}
.video-js .vjs-subtitles { color: #fff; }
.video-js .vjs-captions { color: #fc6; }

.vjs-default-skin .vjs-controls {
  color: #fff; border-top: 1px solid #ff00fc;

  background: #ff00fc; /* Old browsers */
  background: -moz-linear-gradient(top,  #ff00fc 0%, #f14ce7 50%, #f14ce7 51%, #ff9ffc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff00fc), color-stop(50%,#f14ce7), color-stop(51%,#f14ce7), color-stop(100%,#ff9ffc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff00fc 0%,#f14ce7 50%,#f14ce7 51%,#ff9ffc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff00fc 0%,#f14ce7 50%,#f14ce7 51%,#ff9ffc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff00fc 0%,#f14ce7 50%,#f14ce7 51%,#ff9ffc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff00fc 0%,#f14ce7 50%,#f14ce7 51%,#ff9ffc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00fc', endColorstr='#ff9ffc',GradientType=0 ); /* IE6-9 */

}

.vjs-default-skin .vjs-volume-bar {
  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-default-skin .vjs-volume-level {
  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-default-skin div.vjs-progress-control {
  border-bottom: 1px solid #ff9ffc;
  border-top: 1px solid #ff00fc;

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


  /* 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);*/
}

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  position: relative; cursor: pointer !important; /*overflow: hidden;*/
  padding: 0; margin: 0; /* Placement within the progress control item */
  height: 1.0em;
  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;

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

.vjs-default-skin .vjs-play-progress {
  background: #ff00fc; /* Old browsers */
  background: -moz-linear-gradient(top,  #ff00fc 0%, #f14ce7 50%, #f14ce7 51%, #ff9ffc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff00fc), color-stop(50%,#f14ce7), color-stop(51%,#f14ce7), color-stop(100%,#ff9ffc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff00fc 0%,#f14ce7 50%,#f14ce7 51%,#ff9ffc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff00fc 0%,#f14ce7 50%,#f14ce7 51%,#ff9ffc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff00fc 0%,#f14ce7 50%,#f14ce7 51%,#ff9ffc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff00fc 0%,#f14ce7 50%,#f14ce7 51%,#ff9ffc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00fc', endColorstr='#ff9ffc',GradientType=0 ); /* IE6-9 */
}

.vjs-default-skin .vjs-load-progress {
  opacity: 0.8;

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

.vjs-default-skin div.vjs-seek-handle {
  position: absolute;
  width: 16px; height: 16px; /* Match img pixles */
  margin-top: -0.3em;
  left: 0; top: 0; /*Needed for IE6*/

  background: url('video-js.png') 0 -50px;
  /* CSS Curved Corners. Needed to make shadows curved. */
  -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; border-radius: 0.8em;
  /* CSS Shadows */
  -webkit-box-shadow: 0 2px 4px 0 #000; -moz-box-shadow: 0 2px 4px 0 #000; box-shadow: 0 2px 4px 0 #000;
}

.vjs-default-skin .vjs-time-controls {
  border-bottom: 1px solid #ff9ffc;
  border-top: 1px solid #ff00fc;
  background-color: #ff00fc;

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

  /* 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);*/
}

.vjs-default-skin .vjs-big-play-button {
  border: 0.4em solid #fff; opacity: 0.87;
  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;

  /*background: transparent !important;*//*#454545;*/
  background: #FF00FC !important;
  /*background: -moz-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#454545), color-stop(50%,#232323), color-stop(50%,#161616), color-stop(100%,#3f3f3f));
  background: -webkit-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  background: -o-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  background: -ms-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0 );
  background: linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);*/

  /* CSS Shadows */
  -webkit-box-shadow: 4px 4px 8px #CCC; -moz-box-shadow: 4px 4px 8px #CCC; box-shadow: 4px 4px 8px #CCC;
}

.vjs-default-skin div.vjs-big-play-button:hover {
  opacity: 0.70;
  -webkit-box-shadow: 0 0 80px #fff; -moz-box-shadow: 0 0 80px #fff; box-shadow: 0 0 80px #fff;
}

.vjs-poster{
height:100% !important;}

/*REMOVE FULL SCREEN*/
.vjs-fullscreen-control { display: none; } .vjs-default-skin .vjs-volume-control { margin-right: 20px; }