/**
 * Copyright 2014 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

#ima-ad-container {
  top: 0px;
  position: absolute;
  display: block;
}

#ima-controls-div {
  bottom:-53px;
  height: 54px;
  position: absolute;
  opacity: 1;
  background-color: rgba(7, 20, 30, .7);
  background: -moz-linear-gradient(
      bottom,
      rgba(7, 20, 30, .7) 0%,
      rgba(7, 20, 30, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0%,rgba(7, 20, 30, .7)),
      color-stop(100%,rgba(7, 20, 30, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
      bottom,
      rgba(7, 20, 30, .7) 0%,
      rgba(7, 20, 30, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom,
    rgba(7, 20, 30, .7) 0%,
    rgba(7, 20, 30, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom,
    rgba(7, 20, 30, .7) 0%,
    rgba(7, 20, 30, 0) 100%); /* IE10+ */
  background: linear-gradient(to top,
    rgba(7, 20, 30, .7) 0%,
    rgba(7, 20, 30, 0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr='#0007141E',
    endColorstr='#07141E',GradientType=0 ); /* IE6-9 */

  background:#000;
}





#ima-subscribe-div {
  height: 16px;
  color: #FFFFFF;
  font-size:12px;
  float:left;
  margin-left:10px;
  text-shadow: 0 0 0.2em #000;
}

#ima-skip-div {
  bottom: 22px;
  cursor: default;
  padding: 15px 0 15px 15px;
  pointer-events: auto;
  position: absolute;
  right: 0;
  z-index: 1000;
}

#ima-skip-div .videoAdUiPreSkipButton {
  background: rgba(0,0,0,0.8);
  min-width: 120px;
  padding: 6px;
}

#ima-skip-div .videoAdUiPreSkipText.videoAdUiPreSkipTextOnly {
  cursor: pointer;
  width: 100%;
  padding-right: 0;
  line-height: 21px;
}

#ima-goto-div {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  bottom: 66px;
  cursor: pointer;
  padding: 15px 0 15px 15px;
  pointer-events: auto;
  position: absolute;
  right: 0;
  z-index: 1000;
  opacity: 0.5;
}

#ima-goto-div button {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  background: rgba(0,0,0,0.8);
  border: 1px solid rgba(255,255,255,0.5);
  border-right: 0;
  box-sizing: content-box;
  color: #fff;
  font-size: 18px;
  min-width: 150px;
  padding: 10px 7px;
  text-align: center;
  cursor: pointer;
}

#ima-goto-div button .videoAdUiSkipIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAAAAABjvpF0AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAnRSTlMAAHaTzTgAAAACYktHRAD/h4/MvwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEFJREFUGNNjYKARmC+PYP//D2cghJEEEcIogjBhNEGIMIYgSBiL4P14DMH78RjaQUJoghAhFEGYEJIgQghJkB4AAG9cX5X8X+CRAAAAAElFTkSuQmCC);
    display: inline-block;
  height: 25px;
  margin-left: 2px;
  vertical-align: middle;
  width: 20px;
}

#ima-ad-container:hover #ima-skip-div, #ima-ad-container:hover #ima-goto-div {
  opacity:0.8;
}

#ima-ad-container:hover #ima-skip-div:hover, #ima-ad-container:hover #ima-goto-div:hover {
  opacity:1;
}

#ima-subscribe-div a {
	color: #fff;
	text-decoration:underline;
}

#ima-countdown-div {
  /*display:none;*/
  height: 16px;
  color: #FFFFFF;
  font-size:12px;
  float:right;
  margin-right:10px;
  text-shadow: 0 0 0.2em #000;
}

#ima-seek-bar-div {
  top: 22px;
  height: 3px;
  position: absolute;
  background: rgba(255, 255, 255, .4);
}

#ima-progress-div {
  width: 0px;
  height: 3px;
  background-color: #ECC546;
}

#ima-countdown-div {
  height: 10px;
}

#ima-play-pause-div, #ima-mute-div, #ima-fullscreen-div {
  width: 35px;
  height: 20px;
  top: 25px;
  left: 0px;
  position: absolute;
  color: #CCCCCC;
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

#ima-mute-div {
  left: auto;
  right: 35px;
}

#ima-fullscreen-div {
  left: auto;
  right: 0px;
}

.ima-playing:before {
  content: "\e002";
}

.ima-paused:before {
  content: "\e001";
}

.ima-playing:hover:before, .ima-paused:hover:before {
  text-shadow: 0 0 1em #fff;
}

.ima-non-muted:before {
  content: "\e006";
}

.ima-muted:before {
  content: "\e003";
}

.ima-non-muted:hover:before, .ima-muted:hover:before {
  text-shadow: 0 0 1em #fff;
}

.ima-non-fullscreen:before {
  content: "\e000";
}

.ima-fullscreen:before {
  content: "\e00b";
}

.ima-non-fullscreen:hover:before, .ima-fullscreen:hover:before {
  text-shadow: 0 0 1em #fff;
}

.vjs-youtube.video-js.vjs-playing .vjs-loading-spinner {
  display: none !important;
  visibility: hidden !important;
}

#ima-title-div {
  position: absolute;
  z-index: 2;
  width:100%;
  height: 50px;
  font-size: 15px;
  color:#fff;
  padding-right: 20px;
  padding-left: 20px;
  line-height: 50px;
  top:0px;
  left:0px;
  text-shadow: 0 0 2px rgba(0,0,0,.5);
}

#ima-title-div #vjs-title-label {
  float:left;
  cursor: pointer;
}

#ima-title-div .vjs-twitter-share {
  width:25px;
  height:25px;
  float:right;
  margin-top:12px;
  cursor: pointer;
  background-size:cover;
  background: url(../../../../img/twitter_32.png) no-repeat;
}

#ima-title-div .vjs-facebook-share {
  width:25px;
  height:25px;
  float:right;
  margin-top:12px;
  cursor: pointer;
  background-size:cover;
  margin-right: 10px;
  background: url(../../../../img/facebook_32.png) no-repeat;
}

@media (max-width:480px) {
	#ima-subscribe-div {
		display:none;
	}
	#ima-countdown-div {
		font-size:8px;
		margin-top:5px;
	}
}