/* http://jsfiddle.net/gionaf/Ugc5g/ */

.HDR_VISIO {position:relative;font-family:Arial;font-size:12px;}
.HDR_VISIO.fullscreen_vid, .HDR_VISIO.fullscreen_vid VIDEO{width:100%;height:100%;}
:-webkit-full-screen{background:black!important;}
.fake_fullscreen_vid {position:fixed;top:0;left:0;width:100%;height:100%;background:black;z-index:300;}
	.fake_fullscreen_vid VIDEO {width:100%;height:100%;}
.HDR_VISIO.is_pub .HDRV_no_pub, .HDR_VISIO.is_live .HDRV_no_live{display:none!important;}
.HDR_VISIO .pub_only, .HDR_VISIO .live_only {display:none;}
.HDR_VISIO.is_pub .pub_only, .HDR_VISIO.is_live .live_only {display:block;}

.HDR_VISIO VIDEO {display:block;}
.HDRV_cleaner {clear:both;height:0;display:block;}

.HDRV_sprite {background-image:url(controls.png);}
.HDRV_btn {width:30px;height:30px;margin:0 3px;cursor:pointer;background-color:#888;border-radius:5px;}
.HDRV_btn:hover {background-color:rgba(0, 0, 0, 0.95);}
.HDRV_btn.disabled {cursor:default;visibility:hidden;}
	
.HDRV_video_controls {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:block !important;visibility: visible !important;}
	.HDRV_big_play_btn {position:absolute;top:0;left:0;width:100%;bottom:42px;cursor:pointer;}
		.HDRV_play_ico {position:absolute;top:50%;left:50%;width:100px;height:100px;margin-left:-50px;margin-top:-50px;background-position:0 -120px;}
	.HDRV_loader {position:absolute;top:50%;left:50%;width:90px;height:90px;margin-left:-45px;margin-top:-50px;background:url(loader.png) center center no-repeat;display:none;
		-webkit-animation:spin 1s linear infinite;
		-moz-animation:spin 1s linear infinite;
		animation:spin 1s linear infinite;
	}
	@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
	.HDRV_video_controls_bottom {position:absolute;bottom:0;left:0;right:0;height:30px;padding:7px 2px 5px;
			background:rgba(0, 0, 0, 0.5);background:linear-gradient(to bottom, rgba(76,76,76,0.7) 0%,rgba(89,89,89,0.7) 12%,rgba(102,102,102,0.7) 25%,rgba(71,71,71,0.7) 39%,rgba(44,44,44,0.7) 50%,rgba(0,0,0,0.7) 51%,rgba(17,17,17,0.7) 60%,rgba(43,43,43,0.7) 76%,rgba(28,28,28,0.7) 91%,rgba(19,19,19,0.7) 100%);}
		.HDRV_play_toggler {float:left;background-position:-120px 0;}
		.HDRV_play_toggler.HDRV_playing {background-position:-150px 0;}
		.HDRV_prev_video {float:left;background-position:0 -30px;}
		.HDRV_next_video {float:left;background-position:-30px -30px;}
		.HDRV_fullscreen_toggler {float:right;background-position:-210px 0;}
		.HDR_VISIO.fullscreen_vid .HDRV_fullscreen_toggler, .fake_fullscreen_vid .HDRV_fullscreen_toggler {background-position:-240px 0;}
		.HDRV_tools_icon {float:right;background-position:-180px 0;}
		.HDRV_video_duration {margin:8px 6px 0;color:white;float:right;white-space:nowrap;}
		.HDRV_video_volume {float:left;margin:0 3px;}
			.HDRV_mute_toggler {display:inline-block;margin:0;width:30px;height:30px;cursor:pointer;vertical-align:middle;}
			.HDRV_mute_toggler.HDRV_volume_mute {background-position:-0 -0;}
			.HDRV_mute_toggler.HDRV_volume_low {background-position:-30px -0;}
			.HDRV_mute_toggler.HDRV_volume_med {background-position:-60px -0;}
			.HDRV_mute_toggler.HDRV_volume_high {background-position:-90px -0;}
			.HDRV_volume_slider_container {display:inline-block;width:94px;height:16px;vertical-align:middle;position:relative;background:url(controls.png) -108px -144px;cursor:pointer;}
				.HDRV_volume_slider_state {position:absolute;top:0;left:0;height:100%;width:100%;background:url(controls.png) -108px -123px;}
		
		.HDRV_custom_video_tools{position:absolute;bottom:50px;right:0;width:95px;z-index:90;}
		.HDRV_custom_video_tools.HDRV_hidden{display:none;}
			.HDRV_video_qualities {text-transform:uppercase;list-style-type:none;color:#AAA;font-weight:bold;background:rgba(0, 0, 0, 0.95);margin-bottom:1px;padding:0;}
			.HDRV_video_qualities LI {padding:5px 15px;cursor:pointer;}
			.HDRV_video_qualities .HDRV_cur_quality {color:white;}
			.HDRV_export_btn {font-weight:bold;text-transform:uppercase;color:white;padding:5px 15px;cursor:pointer;background:rgba(0, 0, 0, 0.95);margin-bottom:1px;}
			.HDRV_hdr_link {text-align:center;padding:5px;color:white;font-size:12px;background:rgba(0, 0, 0, 0.95);}
		
	.HDRV_pub_skip {position:absolute;top:5px;right:5px;}
		.HDRV_skip_ok, .HDRV_skip_ko {background:rgba(50, 50, 50, 0.8);padding:5px;color:white;box-shadow:0 0 3px #FFF;}
		.HDRV_skip_ok {cursor:pointer;}
	
	.HDRV_video_timeline {background:rgba(50, 50, 50, 0.8);position:absolute;bottom:42px;left:0;width:100%;height:8px;cursor:pointer;}
		.HDRV_video_loaded {background:rgba(136, 136, 136, 0.5);position:absolute;top:0;left:0;width:0;height:100%;}
		.HDRV_video_played {background:white;position:absolute;top:0;left:0;width:0;height:100%;}
			.HDRV_timeline_scrubber {position:absolute;top:50%;right:-16px;margin-top:-10px;width:32px;height:20px;z-index:10;background-position:-61px -35px;}
		.HDRV_marqueurs {}
			.HDRV_marqueur {position:absolute;top:50%;left:0;width:7px;height:20px;margin:-10px -3px 0 0;background:url(controls.png) -100px -35px;z-index:12;}
		.HDRV_timeline_hover {display:none;position:absolute;bottom:15px;left:0;margin-left:-50px;width:96px;padding:2px;background:rgba(0, 0, 0, 0.8);border-radius:5px;}
			.HDRV_video_timeline.hover .HDRV_timeline_hover {display:block;}
			.HDRV_img_preview {width:96px;height:54px;overflow:hidden;position:relative;}
				.HDRV_img_preview IMG {position:absolute;top:0;left:0;}
			.HDRV_time_preview {width:96px;padding-top:4px;text-align:center;color:white;font-weight:bold;}
			.HDRV_video_timeline.hover_marqueur .HDRV_timeline_hover{width:246px;}
				.HDRV_marq_desc {display:none;float:right;width:145px;font-size:10px;color:white;line-height:115%;}
				.HDRV_video_timeline.hover_marqueur .HDRV_marq_desc {display:block;}

	.HDRV_suggest_box {position:absolute;left:100%;right:auto;top:0;bottom:50px;background:rgba(0, 0, 0, 0.8);}
		.HDRV_suggest_box.col_1 {width:35%;}
		.HDRV_suggest_box.col_2 {width:60%;}
		.HDRV_suggest_box.col_3 {width:85%;}
		.HDRV_suggest_box.open {left:auto;right:0;}
		.HDRV_suggest_toggle {position:absolute;top:30px;left:-40px;width:35px;height:66px;color:white;font-size:48px;padding:0 5px 0 0;;border-radius:33px 0 0 33px;background:rgba(0, 0, 0, 0.8);text-align:right;cursor:pointer;}
		.HDRV_suggest_list {list-style-type:none;margon:0;padding:0;height:100%;}
			.HDRV_suggest_list LI {display:inline-block;}
				.col_1 .HDRV_suggest_list LI {width:90%;padding:0 5%;}
				.col_2 .HDRV_suggest_list LI {width:45%;padding:0 2.5%;}
				.col_3 .HDRV_suggest_list LI {width:30%;padding:0 1.5%;}
				.row_1 .HDRV_suggest_list LI {height:90%;margin:5% 0;}
				.row_2 .HDRV_suggest_list LI {height:45%;margin:2.5% 0;}
				.HDRV_suggest_list DIV {display:inline-block;height:100%;width:1px;margin-right:-1px;vertical-align:middle;}
				.HDRV_suggest_list A {display:inline-block;vertical-align:middle;border:2px solid transparent;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;position:relative;}
					.HDRV_suggest_list A:hover {border-color:white;}
					.HDRV_suggest_list IMG {display:block;border:none;width:100%;}
					.HDRV_suggest_list SPAN {display:block;position:absolute;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.8);text-align:center;padding:4px 2px;color:white;font-size:12px;line-height:115%;
								white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
						.HDRV_suggest_list A:hover SPAN {white-space:normal;max-height:100%;}

.incrust_tl {position:absolute;top:0;left:0;}
.incrust_tr {position:absolute;top:0;right:0;}
.incrust_bl {position:absolute;bottom:0;left:0;}
.incrust_br {position:absolute;bottom:0;right:0;}
.windowed , .fullscreen_vid .fullscreen, .fake_fullscreen_vid .fullscreen{display:block;}
.fullscreen_vid .windowed, .fake_fullscreen_vid .windowed, .fullscreen {display:none;}


.HDRV_error_box {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);z-index:20;}
	.HDRV_error_message {position:absolute;bottom:50%;left:0;width:100%;text-align:center;color:white;font-weight:bold;}
	
.HDRV_middleroll {display:block;width:468px;height:62px;position:absolute;bottom:50px;left:50%;margin-left:-234px;z-index:5;}
	.HDRV_middleroll IMG {width:100%;height:100%;display:block;}
	.HDRV_close_middleroll {position:absolute;top:-8px;right:-8px;width:16px;height:16px;color:white;font-weight:bold;background:#888;border-radius:8px;box-shadow:0 0 3px black;display:table-cell;text-align:center;vertical-align:middle;cursor:pointer;font-size:14px;}
		.HDRV_close_middleroll:hover {background:black;}

.HDRV_popin_bg {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(60, 60, 60, 0.4);z-index:300;}
.HDRV_export_popin {position:fixed;font-family:Arial;top:150px;left:50%;width:450px;margin-left:-235px;background:white;padding:10px;border:1px solid #333;border-radius:5px;box-shadow:0 0 3px #333;z-index:301;}
	.HDRV_title_popin {color:#666;font-size:16px;border-bottom:1px solid #666;}
	.HDRV_lbl_categ_export {color:#333;font-weight:bold;margin:5px 0 0;}
	.HDRV_input_fields, .HDRV_input_fields INPUT {vertical-align:baseline;}  
	.HDRV_popin_close {position:absolute;top:3px;right:3px;width:16px;height:16px;color:white;font-weight:bold;background:#888;border-radius:8px;box-shadow:0 0 3px black;display:table-cell;text-align:center;vertical-align:middle;cursor:pointer;font-size:14px;}
		.HDRV_popin_close:hover {background:#000;}
	.HDRV_code_value {width:100%;height:80px;box-sizing:border-box;font-size:12px;font-family:Arial;}

		
/* TEST CUSTOMISATION */

/*.HDRV_video_controls_bottom {bottom:10px;left:50%;width:400px;margin-left:-200px;}
.HDRV_video_timeline {bottom:65px;height:12px;left:5%;width:90%;box-shadow:0 0 4px #666;}
.HDRV_video_timeline, .HDRV_video_loaded, .HDRV_video_played {border-radius:6px;}
.HDRV_timeline_hover {bottom:22px;} 
*/



/* ------- SKINS ----------- */
/*
.szenik .HDRV_sprite {background-image:url(controls_szenik.png);}
.szenik .HDRV_btn {background-color:#600030;}
.szenik .HDRV_video_controls_bottom {background-color:rgba(70, 30, 50, 0.75);}*/