/*
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
*/

body, html { margin:0; min-width:100%;min-height:100%;width: 100%; height: 100%; overflow: hidden; background-color:#101010;}
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
}

table {
	border-spacing:0;
}

/**
 Tell iPhone not to use its own size
*/
@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}


/*
** PRELOADER
*/

section {
	background-color: rgb(239, 239, 239);
}

#loading {
	left: 0;
	top:0;
	background:#000;
	position:fixed;
	z-index:999;
	width: 100%;
	height: 100%;
	display: table;
	text-align: center;
	color: rgb(239, 239, 239);
}

#loading span {
	display: table-cell;
	vertical-align: middle;

}

#users {
	color: #eee;
	opacity: 0.8;
	font: 20px sans-serif;
	position: absolute;
	z-index: 2000;
	top: 10px; left: 10px;
	border-radius: 4px;
	padding: 8px;
	background-color: rgb(7, 20, 30);
	background-color: rgba(7, 20, 30, 0.7);
	display: none;
}

#login-form-container {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: rgba(0,0,0,0.8);
}

#login-form {
	position: absolute;
	top: 50%; left: 50%;
	margin-top: -130px;
	margin-left: -200px;
	width: 400px;
	height: 260px;
	text-align: center;
}

#login-form p {
	color: #eee;
}

#login-form .msg { color: #eee; margin-top: 30px; }

#login-form label {
	font-size: 30px; color: #eee; line-height: 50px;
	font-weight: bold; 
}
#login-form input {
	margin-top: 20px;
	width: 300px; font-size: 20px;
	line-height: 26px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding-left: 28px;
	background: url(/mui/graphics/lock.png) no-repeat left #fff;
}
#login-form button {
	width: 100px; font-size: 14px;
	color: #eee; font-weight: bold;
	line-height: 24px;
	margin-top: 20px;
	border: 0;
	border-radius: 4px;
	background-color: rgb(23, 35, 34);
	background-color: rgba(23, 35, 34, 0.746094);
}

#login-form button:hover {
	background-color: rgb(0, 173, 239)
}


/*
** ALL MENUS
*/

#menu_wrapper {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	}

.menus {
	width: 100%;
	height: 100%;
	opacity: 0;
}

.hi_btn {
	color:#fff;
}

.hi_btn:not(.disabled):hover, .hi_btn:not(.disabled):active {
	color:#fff;
	background: #ca2128;
}

.ctrl_btn.disabled {
	opacity: .4;
	cursor: default !important;
}

.ctrl_btn.disabled:hover {
	background: none !important;
	color: #222 !important;
}

/*
** MAIN MENU
*/

#main_menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display:none;
}

h1, h1.editable_value_value {
	color:#fff;
	text-align: center;
	font-weight: 300;
	font-size: 4.5em;
	margin: 0;
	padding: 0;
	width: 100%;
}

#mm_title  {
	text-align: center;
	font-size: 6em;
	margin: 0;
	padding: 0;
	margin-bottom:6px;
	
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5), 
1px 3px 7px rgba(0, 0, 0, 0.2),
1px 4px 12px rgba(0, 0, 0, 0.2);
	
/*	
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	*/
	cursor: default;
	text-align:center;
}
.main-title-font {
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: 300;
}
.submenu-title-font, .button-font {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
}
.title_hidden {
	display:none;
}

.transition_background {
	/* /mui/main_menu_nav_bar */
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3NDM5NUM5OENDQ0ZFMjExQUU1QUU3NjFFMjk5NDQ2QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRjA0OTM2M0Q5ODkxMUUyQjY2QkIzNUQ1RjA3OEFERSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRjA0OTM2MkQ5ODkxMUUyQjY2QkIzNUQ1RjA3OEFERSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3RTZDQUEwMDdENkUyMTFBNUVCODVBRkZFOTJFRkNCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc0Mzk1Qzk4Q0NDRkUyMTFBRTVBRTc2MUUyOTk0NDZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+u8RELQAAABhJREFUeNpiZGBgaGBAA0wMWACFggABBgA09gCKWzCA9wAAAABJRU5ErkJggg==);
}

#mm_wrapper {
	position:absolute;
	bottom: 20%;
	width: 100%;
}

#mm_controller {
	position:relative;
	text-align: center;
}

.menu_dropzone {
	padding: 0;
	margin:0;
	vertical-align:bottom;
	display:inline-block;
	height:0px;
	width:0px;
	background:transparent;
	text-align:center;
}
.menu_dropzone.drop_hover {
	background:#fff;
}
.menu_dropzone.expand > div {
	margin: 6px;
	border: 4px dashed #fff;
	background:rgba(255,255,255, .5);
}
/* not doing this will make it slow */
#bfm_carousel .cycle_item.ui-draggable {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	
}
#bfm_carousel .menu_dropzone {
	display:block;
	width:100%;
} 
#bfm_carousel .menu_dropzone > div {
	position:relative;
	top:3px;
}

#mm_controller a { 
	color: #fff;
	padding: .6em 1em;
	display:inline-block;
	cursor: pointer;
	visibility: visible;

	text-decoration: none;

	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-o-transition: 400ms;
	transition: 400ms;

}  

/**********************************************************/


/*
** SCENE SELECTION MENU
*/

#scene_selection_menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display:none;
}

#ssm_pager {
	color: #c2c2c2;
	text-align: center;
}

#ssm_pager .cycle_page_indicator {
	padding: 0 .01em;
	cursor: pointer;
}

.cycle_page_selected {
	color: #ca2128;
}

.cycle-carousel-wrap {
	width: 100%;
}

#ssm_carousel_wrapper {
	text-align:center;
}
/*
.carousel_holder a:first-of-type {
	position:absolute;
	top: 0;
	left: -1em;
}
.carousel_holder a:last-of-type {
	position:absolute;
	right: -1em;
	top: 0;
}
.carousel_holder {
	position:relative;
	display:inline-block;
}
*/
#ssm_ctrl_btn_back {
	margin-right:.7em;
}
#ssm_ctrl_btn_next {
	margin-left:.2em;
	margin-right:.5em;
}

#ssm_carousel {
	display:inline-block;
	height:auto;
	width: 100%;
}
#ssm_carousel .chapter {
		vertical-align:top;
		display:inline-block;
		text-align: center;
		/*max-width: 320px;*/
		/*TEMPORARY-> padding: 0 50px;*/

	}

	#ssm_carousel .chapter:hover {
		cursor: pointer;
	}

	#ssm_carousel .chapter .chapter_img {
		
		/*display: block;*/
		-webkit-border-radius: 500px;
		-moz-border-radius: 500px;
		border-radius: 500px;
		width: auto;
		height: auto;
		margin: 0 .7em;
		overflow: hidden;
		background-size: cover;
		background-position:50% 50%;
		background-repeat: no-repeat;
		position:relative;
		
	}
	.chapter_img_overlay {
		position:absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: .5;
		background-color: #ca2128;
		display:none;
	}
	#ssm_carousel .chapter .chapter_img:hover .chapter_img_overlay {
		display:block;
	}

		#ssm_carousel .chapter .chapter_num {
			font-size: 1em;
			color: #999;
			margin-top:1em;
			width: 100%;
		}

		#ssm_carousel .chapter .chapter_title {
				cursor: pointer;
		
		white-space:normal;
			word-wrap: break-word;
			padding: 0 1em;
			color:#fff;
			margin-top:5px;
			overflow:hidden;
			text-overflow: ellipsis;
			-webkit-line-clamp: 2; /* number of lines to show */
		   line-height: 1.2em;        /* fallback */
		   height: 2.4em;    
		   max-height: 2.4em;    
		}

#ssm_content {
	position:absolute;
	top:20%;
	min-height:30%;
	left: 0;
	width: 100%;
	height:auto;
}

#ssm_controller {
	text-align: center;
}

.main_menu_link {
	padding: .6em 1em;
	zoom: 1;
	cursor: hand;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-o-transition: 400ms;
	transition: 400ms;
	color:#fff;
}
.menu_link {
	white-space: nowrap;
}

#ssm_ctrl_btn_main_menu    { 
	width: auto;
	display:inline-block;
}  
#bfm_ctrl_btn_main_menu    {
	padding: .6em 0;
	display:block;
	width: 100%;
}  



/*
#ssm_controller a:visited { color: #222; }  
#ssm_controller a:not(.disabled):hover   { color: #fff; }  
#ssm_controller a:not(.disabled):active  { color: #fff; }
*/ 

/*
** BONUS FEATURES MENU
*/

#bonus_features_menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	display:none;
}


#bfm_content {
	position:absolute;
	top:0;
	min-width:27%;
	/*max-width:40%;*/
	left: 7%;
	height:100%;
}
#bfm_content h1 {
	margin-top:1.5em;
	margin-bottom:.5em;
}

#bfm_carousel {
	display:block;	
}

#bfm_carousel .cycle_item {
	display:block;
	padding: .6em;
	min-width: 12em;
	max-width: 100%;
	text-align:center;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-o-transition: 400ms;
	transition: 400ms;
}
.bonus_feature_content {
	max-width: 12em;
	margin-left:auto;
	margin-right:auto;
}
#bfm_carousel .cycle_item:hover {
	background:#ca2128
}

#bfm_carousel .cycle_item a {
	color: #fff;
	text-decoration: none;
}

.cycle_button {
	/*
	background:#ccc;
	border-radius: 23px;
	width: 46px;
	height: 46px;
	display: inline-block;
	position: relative;
	text-align:center;
	color:#333;
	text-decoration:none;
	font-size:30pt;
	z-index: 1000; 
	*/
	cursor:hand;
	cursor:pointer;
	color:#fff;
}
.cycle_button:disabled {
	opacity:.13;
}
.cycle_button:not(.cycle_disabled):hover, .cycle_button:not(.cycle_disabled):active {
	color: #ca2128;
}
.cycle_button.cycle_disabled {
	opacity: .13;
}

#bfm_ctrl_btn_prev {left:9%; }
#bfm_ctrl_btn_next {background-position: 46px -46px; left:9%;}

.rotate_left {
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.cycle_button.cycle_disabled:hover {
	cursor: default;
}

.video_info {
	display:none;
}

#bfm_controller {
	font-size:1.89em;
	width: 100%;
	text-align:center;
	position:absolute;
	bottom: 5%;
}

/*
** FEATURE MENU
*/

#feature_menu {
	width: 100%;
	height: 100%;
	z-index: 1000;
	display:none;
	opacity: 0;
	background-color: #101010;
	position: absolute;
	top: 0;
	left: 0;
}

#feature_menu_pseudo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0, .5);
	z-index: 1002;
}
#feature_menu_pseudo #feature_menu_pseudo_poster {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#feature_menu_pseudo .button {
	border-radius: 10px;
	background-color: rgb(7, 20, 30);
	background-color: rgba(7, 20, 30, 0.7);
	font-size: 20px;
	color:#fff;
}
#feature_menu_pseudo_play {
	padding: 6px 15px;
	position:absolute;
	bottom: 10px;
	left: 10px;
}
#feature_menu_pseudo .button#feature_menu_pseudo_hd {
	padding: 0px 10px;
	position:absolute;
	top: 7px;
	right: 10px;
}
#feature_menu_pseudo .button:hover {
	cursor:hand;
	cursor:pointer;
	background-color: #ca2128;
}

#mui_message {
	position: absolute; top: 0; left: 0;
	width: 100%;
	z-index:9999;
	background:#F5EBCC;
	text-align:center;
	padding: .2em;
	color:#333;
	box-shadow: 0 0 4px #333;
	display:none;
}
#feature_menu_video_wrapper {
	position: absolute; top: 0; left: 0;
	right: 0; bottom: 0;
}

#feature_menu_video {
	width: 100%; height: 100%;
}



/**********************************************************/

/*
** Fullscreen Button
 * /mui/graphics/sprite_fs.png
*/
.bottom_buttons {
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.bottom_buttons a {
	margin-left:10px;
	display: inline-block;
	margin-bottom:0;
}
.bottom_buttons a:hover {
	background: #ca2128;
}


/*********************************************************/


/*
** VideoJS jQuery Plugin Overrides 

.vjs-default-skin .vjs-control-bar {background: #000;}
.vjs-default-skin .vjs-play-progress {background: #ca2128;}
.vjs-default-skin .vjs-play-control.vjs-playing:hover {background: #ca2128;}
.vjs-default-skin .vjs-play-control.vjs-paused:hover {background: #ca2128;}
.vjs-default-skin .vjs-volume-level {background: #ca2128;}

.vim-css .vjs-control-bar {
	left: 70px; right: 10px; bottom: 10px;
	border-radius: 10px;
	padding-right: 130px;
}

.vim-css .vjs-play-control {
	margin-left: -60px;
	margin-top: -10px;
	border-radius: 10px;
	background-color: rgb(7, 20, 30);
	background-color: rgba(7, 20, 30, 0.7);
	height: 40px;
	line-height: 40px;
	text-shadow: none;
}
.vim-css .vjs-play-control:hover {
	background-color: #ca2128;
}

.vim-css .vjs-seek-handle:before {
	text-shadow: none;	
	display: none;
}

.vim-css .vjs-control, .vim-css .vjs-control:hover:before,
.vim-css .vjs-control:focus:before {
	text-shadow: none;
}

.vim-css .vjs-progress-control {
	top: 8px;
	left: 10px; right: 250px;
	font-size: 0.9em;
	border: 1px solid #666;
	padding: 1px;
}

.vim-css .vjs-play-control:before {
	line-height: 40px;
	font-size: 2em;
}

.vim-css .vjs-fullscreen-control {
	position: absolute;
	right: 10px;
}

.vim-css .vjs-fullscreen-control .vjs-control-content
{
	width: 20px; height: 20px;
	margin: 5px 0 0 5px;
}

.vim-css.vjs-fullscreen .vjs-fullscreen-control .vjs-control-content
{
	background-position: 0 -20px;
}


.vim-css-ipad .vjs-tech, .vim-css-iphone .vjs-tech {
	-webkit-transform-style: preserve-3d;
	top: 60px; left: 0; bottom: 0; right: 0;
	height: 80%; 
}

.vim-css .vjs-fullscreen-control:before {
	font-family: FontAwesome;
	content: "\f065";
}

.vim-css .vjs-current-time, .vim-css .vjs-time-divider,
.vim-css .vjs-duration {
	float: right;
}

.vim-css .vjs-volume-control {
	position: absolute;
	right: 60px;
}

.vim-css.vjs-fullscreen .vjs-fullscreen-control:before
{
	font-family: FontAwesome;
	content: "\f066";
}

.vim-css .vjs-volume-bar {
	height: 0.9em;		
	margin-top: 1em;
}
.vim-css .vjs-volume-level {
	height: 0.9em;		
	background-image: none;
}

.vjs-default-skin .vjs-play-progress {
	background-image: none;	
}

.vim-css .vjs-mute-control, .vim-css .vjs-volume-handle {
	display: none;
}
*/

.player-control-holder {
	position:absolute;
	top: 15px;
	right: 15px;
	max-width: 60px;
	z-index: 19000;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-o-transition: 400ms;
	transition: 400ms;
	z-index: 1;
}
#feature_menu .player-control-holder {
	opacity: 0;
}

#feature_menu_video_wrapper:hover .player-control-holder {
	opacity: 1;
}

.player-control {
	color:rgba(255,255,255,.5);
	z-index: 1001;
	font-size: 16pt;
	font-weight:bold;
	border-radius: 8px;
	background-color: rgb(7, 20, 30);
	background-color: rgba(7, 20, 30, 0.7);
	padding: 10px 7px 10px 7px;
	cursor: pointer;
	cursor: hand;
	text-align: center;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  	box-sizing: border-box;
	width: 45px;
	height: 40px;
	line-height: 1;
	margin-bottom: 10px;
}
.player-control.active {
	color:#fff;
}

/* player control icons user-activity */
.vjs-has-started.vjs-user-inactive.vjs-playing .player-control {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all  1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

/* hide controls immediately one mouseout */
.video-js.vjs-has-started.vjs-playing .vjs-control-bar {
	opacity:0;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.video-js.vjs-has-started.vjs-playing:hover .vjs-control-bar {
	opacity:1;
}
.video-js.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	opacity:0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

/*
.vjs-user-inactive.vjs-playing .player-control {
	transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	opacity: 0;
}

.vjs-default-skin .vjs-control-bar {
	display:block;
}
*/

/**********************************************************/

/*
** Backstretch jQuery Plugin Overrides
*/

.backstretch {/*display: none;*/}

/**********************************************************/

/* html */
:-webkit-full-screen {
  background: black;
}
:-moz-full-screen {
  background: black;
}

/* deeper elements */
:-webkit-full-screen video {
  width: 100%;
  height: 100%;
}

#download {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	text-align:center;
	z-index: 999999;
	display:none;
	color:#fff;
}


#download .download_close {
	position:absolute;
	top: .25em;
	right: .5em;
	z-index: 10;
	font-size:1.5em;
}
#download .download_close:hover {
	color:#fff;
}

#download .download_option {
	display:table-row;
}
#download .download_option div {
	display:table-cell;
	vertical-align:top;
	text-align:center;
	padding: 10px 0;
}

#download .download_wrapper {
	max-width: 800px;
	margin-left:auto;
	margin-right:auto;
}
#download .download_content {
	margin:30px;
	margin-bottom: 5px;
	overflow-y:auto;
	overflow-x:hidden;
}

#download .download_info {
	text-align:left;
	margin-bottom:20px;
}
#download .download_info img {
	width: 25%;
	max-width: 224px;
	margin-right: 20px;
}
#download .download_info h2 {
	margin: 0;
	margin-bottom: 10px;
	color:#fff;
	text-align:left;
}

#download .download_option a.button {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  	white-space: nowrap;
	display:inline-block;
	margin: 0;
	margin-top: 3px;
	border-radius: 3px;
}

.download_overlay {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	text-align:center;
	display:none;
	color:#fff;
	overflow-y: auto;
}

#download_collection {
	z-index: 12345;
}
#download_signin {
	z-index: 123456;
	display:none;
}
#download_signin a {
	color:#fff;
}
#download_signin table a {
	font-weight:bold;
}
#download_signin .download_wrapper{
	max-width: 370px;
}
#download_signin img {
	max-width: 80%;
	display:block;
	margin: 20px auto;
}
#download_signin input, #download_signin select {
	box-sizing: border-box;
	font-size: 110%;
	border:none;
	border-radius: 5px;
	padding: 6px;
	margin-bottom: 10px;
	display:block;
	width: 100%;
}
.download_signin_form {
	text-align:left;
}
#download_signin button {
	font-size: 110%;
}
#download_signin select {
	margin-right: 10px;
}
#download_signin button {
	display:inline-block;
}
#download_signin button i {
	display:none;
	color:#fff;
}
#download_signin .form_error {
	color:#c66;
	min-height: 1.5em;
	text-align:center;
}

#download_collection a.button {
	width: 40%;
}

#download .download_list {
	overflow-y: auto;
}

#download .from_list {
	background:transparent;
}
#download .from_list:nth-child(odd) {
	background:#161616;
}
#download .from_list:hover {
	background:#262626;
}

#download .download_list a {
	display:block;
	padding: 4px;
	color: #fff;
	text-align:left;
}

#download .download_list a i {
	visibility:hidden;
	margin-left:5px;
	margin-right:10px;
}
#download .download_list a span {
	visibility:hidden;
	color:#999;
	font-size: 80%;
	margin-left: 10px;
}
#download .download_list a:hover span, #download .download_list a:hover i {
	visibility:visible;
}

#download .share {
}
#download .share input, #download .share textarea {
	margin:10px;
	margin-bottom:10px;
	background:#333;
	color:#fff;
	display:block;
	padding:6px;
	border:0;
	width:100%;
}
#download .share .share_button {
	text-align:center;
	display:inline-block;
	background:#333;
	padding: 8px 0px;
	border-radius: 6px;
	font-size: 120%;
	margin: 6px;
	cursor:hand;
	cursor:pointer;
	width:2em;
} 
#download .share .share_button:hover {
	color:#fff;
}

.audio_slider_holder {
	display:none;
	position:absolute;
	z-index:1000;
	top:-140px;
	left:.7em;
	padding-top:10px;
	width:1em;
	height: auto;
	text-align:center;
}
/*
.bottom_buttons .ui-slider span.ui-state-hover, .bottom_buttons .ui-slider span.ui-state-focus {
	border: 1px solid #fff;
	  background: #fff;
	  font-weight: bold;
	  color: #fff;
}
.bottom_buttons .ui-slider-vertical {
	width:.1em;
}
.bottom_buttons .ui-slider {
	margin-left:.5em;
}
	*/
.bottom_buttons .ui-slider-vertical .ui-slider-handle {
	height: .6em;
	width: .6em;
	border-radius:1em;
}

#big_play_button {
	position:fixed;
	display:table;
	z-index:888888; /* under the no-cookie overlay */
	width:100%;
	height:100%;
}

#big_play_button div {
	display:table-cell;
	vertical-align: middle;
    text-align: center;
}

#big_play_button img {
	cursor:hand;
	cursor:pointer;
	max-width:50%;
}


.chapter_img_overlay, 
.vim-css 
.vjs-play-control:hover,
.vjs-default-skin .vjs-play-control.vjs-playing:hover, 
.vjs-default-skin .vjs-play-control.vjs-paused:hover,
.video-js button.vjs-fullscreen-control:hover, 
.video-js button.vjs-fullscreen-control:hover,
.hi_btn:not(.disabled):hover, 
.hi_btn:not(.disabled):active
{
	background-color: #ca2128;
}
.vjs-default-skin .vjs-play-progress, 
.vjs-default-skin .vjs-volume-level  
{
	background-color: #ca2128;
}

.video-js .vjs-current-time { display: block; }
.video-js .vjs-time-divider { display: block; }
.video-js .vjs-duration { display: block; }
.video-js .vjs-remaining-time { display: none; }

.video-js.vjs-paused .vjs-control-bar { display:flex; }
.video-js .vjs-control-bar { 	
	background-color: rgb(7, 20, 30);
	background-color: rgba(7, 20, 30, 0.7);
 }
.video-js .vjs-big-play-button { 
	display:none; 
	position:relative;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	margin:auto;
}
.ios .video-js:not(.vjs-has-started) .vjs-big-play-button { 
	display:block;
}
.vjs-has-started.vjs-ended .vjs-poster { display:inline-block; }
.video-js, video {
	position:absolute;
	top: 0;
	left: 0;
	width: 100% !important; 
	height: 100% !important; 
}
.vjs-poster { background-size: cover; }