/*
 * acccess - Accessible Theme for Acorn Media Player
 * accesslight - Child theme of access
 *
 * To be used with the horizontal volume slider.
 *
 * Copyright (C) 2010 Cristian I. Colceriu
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 *
 * www.ghinda.net
 * contact@ghinda.net
 *
 */
 
/* Start of access theme */
.acorn-player.access {
/*	float: left;*/
	position: relative;
	overflow: hidden;
    width:100%;
	height:100%;

	font-family: Arial, Helvetica, sans-serif;
}
/* <video> element */
.acorn-player.access video {
	float: left;
	position:relative;
	clear: both;
	background-color: #000;
}
/* Player Controls */
.acorn-player.access .acorn-controls {
	position: relative;	
	float: left;
	clear: both;
	width: 100%;
/*	padding-top: 15px;*/
		
	background-color:#222;
}
/* <button>s */
.acorn-player.access button {
	position: relative;	
	margin: 0;
	padding-left: 30px;
	height: 45px;
	border: none;/*1px solid #333;*/
	background-color: #222;
	background-position:center;
	background-repeat:no-repeat;
	background-size:20px;

	font-weight: bold;
	color: #fff;
	text-shadow: 0px -1px 1px #000;
	
	cursor: pointer;
}
.acorn-player.access button:hover, .acorn-player.access button:focus {
	background-color: #044293;
	background-position: center, left -33px;
}
.acorn-player.access button:active {
	top: 1px;	
}
/* Playback Controls(Play, Pause) */
.acorn-player.access .acorn-play-button {
	float: left;
	display: block;
	width: 40px;
	background-image: url(access-play.svg);
}
.acorn-player.access .acorn-paused-button {
	background-image: url(access-pause.svg);
}
.acorn-player.access .acorn-rew-button {
	float: left;
	display: block;
	width: 40px;
	background-image: url(access-rew.png);
}
.acorn-player.access .acorn-ff-button {
	float: left;
	display: block;
	width: 40px;
	background-image: url(access-ff.png);
}
.acorn-player.access .acorn-skip-back-button {
	float: left;
	display: block;
	width: 40px;
	background-image: url(access-skip-back.svg);
}

.acorn-player.access .acorn-skip-forward-button {
	float: left;
	display: block;
	width: 40px;
	background-image: url(access-skip-forward.svg);
}

/* Seek Slider */
.acorn-player.access .acorn-seek-slider {
	position:absolute;
	top: 0px;
	display: block;
	width: 100%;
	height: 12px;

	border:none;
	border-radius:0px;
	background:#333 !important;
	z-index: 10000;
}
.acorn-player.access .acorn-seek-slider .ui-slider-handle {
	display: block;
	position: absolute;
	width: 13px;
	height: 13px;
	border: 3px solid #fff;
	top: -2px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	background: #888;
}
.acorn-player.access .acorn-seek-slider .ui-slider-range {	
	background: #0750B2;
	border:none;
	border-radius:0px;
}
.acorn-player.access .acorn-buffer {
	background: #b9b8b8 !important;
}
.acorn-player.access .acorn-seek-slider .ui-state-focus, .acorn-player.access .acorn-seek-slider .ui-slider-handle.ui-state-hover {
	background: #0750B2 !important;
}
/* Timer */
.acorn-player.access .acorn-timer {
	position: absolute;
	top: 25px;
	left: 260px;
	
	color: #efefef;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0px -1px 2px #000;
}
.acorn-player.access #timecode_box {
	margin-top:13px;
/*	position: absolute;
	top: 25px;
	left: 400px;*/
	
	color: #efefef;
	font-size: 16px;
	font-weight: bold;
/*	text-shadow: 0px -1px 2px #000;*/
	text-align:center;
	width:100%;
	cursor:pointer;
}
/* Volume Container */
.acorn-player.access .acorn-volume-box {
	float: left;
	overflow: hidden;
	padding-right: 10px;
}
/* Volume Button */
.acorn-player.access .acorn-volume-button {
	float: left;
	width: 40px;
	border-left: none;
	background-image: url(access-volume.svg);
}
.acorn-player.access .acorn-volume-mute {
	background-image: url(access-mute.svg);
}
/* Volume Slider */
.acorn-player.access .acorn-volume-slider {
	float: left;
	height: 5px;
	width: 70px;
	margin-left: 10px;
	margin-top: 20px;
	border: 1px solid #333;
	
	background: #111;
}
.acorn-player.access .acorn-volume-slider .ui-slider-handle {
	width: 5px;
	height: 15px;	
/*	margin-top: -5px;*/
	margin-left: -5px;
	
/*	border: 1px solid #333;*/
	background: #BCBCBC;
}
.acorn-player.access .acorn-volume-slider .ui-slider-handle.ui-state-hover, .acorn-player.access .acorn-volume-slider .ui-slider-handle.ui-state-focus {
	background: #fff !important;
}
.acorn-player.access .acorn-volume-slider .ui-slider-range {	
	background: #636F7C;
}
/* Settings Button */
.acorn-player.access .acorn-settings-button {
	float: right;
	background-image: url(access-settings.png);
}
/* Info Button */
.acorn-player.access .acorn-info-button {
	float: right;
	background-image: url(access-info.svg);
}
/* Sync Button */
.acorn-player.access .acorn-sync-button {
	float: right;
	background-image: url(access-sync.svg);
}

/* Heatmaps Button */
.acorn-player.access .acorn-heatmap-button {
	float: right;
	background-image: url('/../../../img/Heatmaps.svg');
}

/* Fullscreen Button */
.acorn-player.access .acorn-fullscreen-button {
	float: right;
	background-image: url(access-fullscreen.svg);
}
/* Fullscreen Mode */
.acorn-player.access .fullscreen-controls {	
	left:0;
	bottom:0;
}
.acorn-player.access .fullscreen-controls .acorn-fullscreen-button {
	background-image: url(access-fullscreen-exit.svg);
}
/* Tooltip */
.acorn-player.access .acorn-tooltip {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 10px;
	background: rgba(70, 70, 70, 0.7);
	
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px -1px 1px #000;

	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	z-index: 9999;
	
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.acorn-player.access .acorn-tooltip.show-tooltip{
	opacity: 1;
	visibility: visible;
}
/* Caption Button */
.acorn-player.access .acorn-caption-button {
	float: right;
	border-right: none;
	background-image: url(access-captions.png);
}
.acorn-player.access .acorn-caption {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	
	text-shadow: 0 1px 5px #000;
}
.acorn-caption-active {
	background-color: #04933d !important;
}
/* Transcript */
.acorn-player.access .acorn-transcript-button {
	float: right;
	border-right: none;
	background-image: url(access-transcript.png);
}
.acorn-player.access .acorn-caption-active, .acorn-player.access .acorn-transcript-active {
/*	background-position: 5px center, left bottom;*/
}

.player-control-container {
	padding-top: 15px;
	position: relative;
}