/* --- TimeTracker --- */

.vjs-default-skin  .vjs-panel-timetracker{
	float: left;
	left: 0em;
	right: 0em;
	position:absolute;
	background-color: rgba(0,0,0,0.3);
	width: auto;
	/*font-size: .3em;*/
	font-size: .9em;
	-webkit-transition: top .4s,height .4s,font-size .4s,-webkit-transform .4s;
	-moz-transition: top .4s,height .4s,font-size .4s,-moz-transform .4s;
	-o-transition: top .4s,height .4s,font-size .4s,-o-transform .4s;
	transition: top .4s,height .4s,font-size .4s,transform .4s;
	opacity:1;
	visibility:visible;
	transition-delay:0s;
	height: 20em;
	top: -23em;
}
.vjs-default-skin .vjs-panel-timetracker.disable{
	visibility:hidden;
	opacity:0;
	/*-webkit-transition: visibility 1s linear 1s,opacity 1s linear;
	-moz-transition: visibility 1s linear 1s,opacity 1s linear;
	-o-transition: visibility 1s linear 1s,opacity 1s linear;
	transition:visibility 1s linear 1s,opacity 1s linear;*/
}

/* --- ControlBar --> BackAnDisplay --> AnStat --- */
/*.vjs-default-skin  .vjs-panel-timetracker *{
	float: left;
	width: 100%;
	height: 100%;
	left: 0em;
	right: 0em;
	position: absolute;
	opacity: 0.8;
	visibility:visible;
	transition-delay:0s;
	font-size: 1.2em;
}*/

.vjs-default-skin .vjs-anstat-annotation.disable{
	visibility:hidden;
	opacity:0;
}

.vjs-default-skin .vjs-totviews-panel-timetracker,
.vjs-default-skin .vjs-maxcon-panel-timetracker{
	position: absolute;
	top: 0.3em;
	background-color: rgba(0,0,0,0.5);
	border-radius: 0.5em;
	padding: 0.1em;
	color: rgb(255, 163, 0);
	font-size: 1.2em;
}
.vjs-default-skin .vjs-totviews-panel-timetracker{
	float: right;
	right:1em;
}
.vjs-default-skin .vjs-maxcon-panel-timetracker{
	float: left;
	left:1em;
}



/* --- TimeTracker--> ShowTimeTracker --- */

.vjs-default-skin .vjs-show-timetracker{
	float: right;
	cursor: pointer;
	line-height: 1.6em;
	background-position: left top;
	margin: 4px;
	width: 23px;
	height: 21px;
	background-repeat: no-repeat;
    background-image: url(images/h20stats.png);
/*
	background-image: url('data:image/png;base64,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');
*/	
}

.vjs-default-skin .vjs-show-timetracker.active,
.vjs-default-skin .vjs-show-timetracker:hover {
	background-position: center top;
}

.vjs-default-skin .vjs-show-timetracker:active {
	background-position: center right;
}



/* ---------------- Video-js plugin ---------------- */

.vjs-default-skin *, .vjs-default-skin *:before, .vjs-default-skin *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}