/**
 * 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: 0em;
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
}

/* Move overlay if user fast-clicks play button. */
.video-js.vjs-playing .bumpable-ima-ad-container {
	margin-top: -4em;
}

/* Move overlay when controls are active. */
.video-js.vjs-user-inactive.vjs-playing .bumpable-ima-ad-container {
	margin-top: 0em;
}

.video-js.vjs-paused .bumpable-ima-ad-container,
.video-js.vjs-playing:hover .bumpable-ima-ad-container,
.video-js.vjs-user-active.vjs-playing .bumpable-ima-ad-container {
	margin-top: -4em;
}

.ima-controls-div {
	bottom: 0em;
	height: 1.4em;
	position: absolute;
	overflow: hidden;
	display: none;
	opacity: 1;
	background-color: rgba(7, 20, 30, 0.7);
	background: -moz-linear-gradient(bottom, rgba(7, 20, 30, 0.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, 0.7)),
		color-stop(100%, rgba(7, 20, 30, 0))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, rgba(7, 20, 30, 0.7) 0%, rgba(7, 20, 30, 0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom, rgba(7, 20, 30, 0.7) 0%, rgba(7, 20, 30, 0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom, rgba(7, 20, 30, 0.7) 0%, rgba(7, 20, 30, 0) 100%); /* IE10+ */
	background: linear-gradient(to top, rgba(7, 20, 30, 0.7) 0%, rgba(7, 20, 30, 0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#0007141E',
      endColorstr='#07141E',GradientType=0 ); /* IE6-9 */
}

.ima-controls-div.ima-controls-div-showing {
	height: 3.7em;
}

.ima-countdown-div {
	height: 1em;
	color: #ffffff;
	text-shadow: 0 0 0.2em #000;
	cursor: default;
}

.ima-seek-bar-div {
	top: 1.2em;
	height: 0.3em;
	position: absolute;
	background: rgba(255, 255, 255, 0.4);
}

.ima-progress-div {
	width: 0em;
	height: 0.3em;
	background-color: #ecc546;
}

.ima-play-pause-div,
.ima-mute-div,
.ima-slider-div,
.ima-fullscreen-div {
	width: 2.33em;
	height: 1.33em;
	top: 0.733em;
	left: 0em;
	position: absolute;
	color: #cccccc;
	font-size: 1.5em;
	line-height: 2;
	text-align: center;
	font-family: VideoJS;
	cursor: pointer;
}

.ima-mute-div {
	left: auto;
	right: 5.667em;
}

.ima-slider-div {
	left: auto;
	right: 2.33em;
	width: 3.33em;
	height: 0.667em;
	top: 1.33em;
	background-color: #555555;
}

.ima-slider-level-div {
	width: 100%;
	height: 0.667em;
	background-color: #ecc546;
}

.ima-fullscreen-div {
	left: auto;
	right: 0em;
}

.ima-playing:before {
	content: '\00f103';
}

.ima-paused:before {
	content: '\00f101';
}

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

.ima-non-muted:before {
	content: '\00f107';
}

.ima-muted:before {
	content: '\00f104';
}

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

.ima-non-fullscreen:before {
	content: '\00f108';
}

.ima-fullscreen:before {
	content: '\00f109';
}

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