.vjs-qt7 {
	image-rendering: pixelated;
	background:white;
}

.vjs-qt7 .vjs-big-play-button {display:none;}

.vjs-qt7 .vjs-tech {padding-bottom: 16px;}

.vjs-qt7 .vjs-control-bar {
	background-image: url(/~frix/img/elements/videojs/qt7bg.png);
	display: flex; /* show it before start */
	height: 16px;
}
.vjs-qt7 .vjs-control {
	width: 17px;
	height: 16px;
}
.vjs-qt7 .vjs-volume-panel.vjs-volume-panel-vertical {width:17px;}
.vjs-qt7 .vjs-volume-panel.vjs-volume-panel-vertical .vjs-mute-control,
.vjs-qt7 .vjs-play-control, .vjs-qt7 .vjs-skip-backward-5, .vjs-qt7 .vjs-skip-forward-5,
.vjs-qt7 .vjs-custom-control-spacer {
	background-image: url(/~frix/img/elements/videojs/qt7controls.png);
	color: transparent;
}
.vjs-qt7 .vjs-play-progress::before {
	background-image: url(/~frix/img/elements/videojs/qt7seek.png);
	color: transparent;
	bottom: 1px;
	width: 11px;
	height: 13px;
	border-radius: 50px;
	box-shadow: 0 0 2px -1px black;
}
.vjs-qt7 .vjs-progress-holder {height: 16px;}
.vjs-qt7 .vjs-load-progress {background:transparent;}
.vjs-qt7 .vjs-load-progress div {
	background-image: url(/~frix/img/elements/videojs/qt7prog1.png), url(/~frix/img/elements/videojs/qt7prog2.png), url(/~frix/img/elements/videojs/qt7prog3.png);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: left, right, center;
}
.vjs-qt7 .vjs-progress-holder .vjs-play-progress, .vjs-qt7 .vjs-progress-holder .vjs-load-progress, .vjs-qt7 .vjs-progress-holder .vjs-load-progress div {padding: 0px 5px;}
.vjs-qt7 .vjs-progress-control .vjs-progress-holder {margin: 0;}
.vjs-qt7 .vjs-play-progress {background-color:transparent;}
.vjs-qt7 .vjs-progress-control:hover .vjs-time-tooltip, .vjs-qt7 .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {display:none;}
.vjs-qt7 .vjs-progress-control:hover .vjs-progress-holder {font-size: 10px;}
.vjs-qt7 .vjs-progress-control:hover .vjs-mouse-display {display:none;}
.vjs-qt7 .vjs-slider:focus {box-shadow: none;text-shadow: none;}
.vjs-qt7 .vjs-progress-control .vjs-sliding .vjs-play-progress::before {background-position: -12px 0;}
.vjs-qt7 .vjs-control:focus::before, 
.vjs-qt7 .vjs-control:hover::before, 
.vjs-qt7 .vjs-control:focus {text-shadow: none;}
.vjs-qt7 .vjs-play-control.vjs-playing:active {background-position: 0 -80px;}
.vjs-qt7 .vjs-play-control.vjs-playing {background-position: -17px -80px;}
.vjs-qt7 .vjs-play-control.vjs-paused:active, .vjs-qt7 .vjs-play-control:active {background-position: 0 -64px;}
.vjs-qt7 .vjs-play-control.vjs-paused, .vjs-qt7 .vjs-play-control {background-position: -17px -64px;}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {opacity:1;}

.vjs-mute-control.vjs-vol-3 {background-position: -17px 0;}
.vjs-mute-control.vjs-vol-3:hover {background-position: 0 0;}

.vjs-mute-control.vjs-vol-2 {background-position: -17px -16px;}
.vjs-mute-control.vjs-vol-2:hover {background-position: 0 -16px;}

.vjs-mute-control.vjs-vol-1 {background-position: -17px -32px;}
.vjs-mute-control.vjs-vol-1:hover {background-position: 0 -32px;}

.vjs-mute-control.vjs-vol-0 {background-position: -17px -48px;}
.vjs-mute-control.vjs-vol-0:hover {background-position: 0 -48px;}

.vjs-qt7 .vjs-skip-backward-5:active {background-position: 0 -112px;}
.vjs-qt7 .vjs-skip-backward-5 {background-position: -17px -112px;}
.vjs-qt7 .vjs-skip-forward-5:active {background-position: 0 -96px;}
.vjs-qt7 .vjs-skip-forward-5 {background-position: -17px -96px;}

.vjs-qt7 .vjs-custom-control-spacer {
	width: 17px;
	height: 16px;
	display: inline-block;
	background-position: -17px -128px;
}

.vjs-volume-bar.vjs-slider-vertical {
	height: 58px;
	margin: 8px auto;
}

.vjs-qt7 .vjs-volume-vertical {
	bottom: 72px;
}

.vjs-qt7 .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
	width: 15px;
	height: 71px;
	left: -16px !important;
	border: 1px solid black;
	box-sizing: content-box;
	background-image: url(/~frix/img/elements/videojs/qt7volbg.png);
	background-repeat: no-repeat;
	transition: none;
}

.vjs-qt7 .vjs-volume-level::before {
	background-image: url(/~frix/img/elements/videojs/qt7volseek.png);
	color: transparent;
	left: -5px;
	width: 13px;
	height: 12px;
	border-radius: 50px;
	box-shadow: 0 0 2px -1px black;
}

.vjs-qt7 .vjs-volume-level, .vjs-qt7 .vjs-slider {
	background-color: transparent;
}

.vjs-qt7 .vjs-volume-control:hover .vjs-mouse-display, 
.vjs-qt7 .vjs-volume-control:hover .vjs-volume-tooltip {
	display:none;
}

.vjs-qt7 .vjs-modal-dialog {
	background-image: url(/~frix/img/elements/videojs/error_no_border.jpg);
	background-repeat: no-repeat;
	background-position: center;
}