ul, ul li, ul ol, ul li ul, ul li ul li { list-style:none; padding:0; margin:0; }
.wrapper { width:100%;}
.inner { margin:0 auto; width:1130px; background-color:#cecece; padding:10px;}
.clear { clear:both; }
/* Player Header -------------------------------------------------- */
.top_navigation{float:left;width:100%; background-color:#212121; padding:14px 0; margin-bottom:10px;}

.top_navigation .left a, .top_navigation .right a{
	float:left; 
	text-decoration:none; 
	color:#fff; 
	transition:all 0.8s;
	margin-left: 20px;
}
.top_navigation .left a:hover, .top_navigation .right a:hover{
	text-decoration:none;
	color:white;
	transition:all 0.8s;
	color:#ca3637;
}
.top_navigation .right {
	float:right;
	margin-right: 10px;
}
/* Player Layout 1 -------------------------------------------------- */
.layout_1 .red_section{background:url(../images/red_bg.png) repeat; padding:10px; float:left; width:453px;}
.layout_1 .red_section .logo{ float:none; text-align:center; width:197px; margin:0 auto; padding-bottom:5px;  transition: all 0.8s; }
.layout_1 .red_section .logo .sb_hedng{ font-size:16px; color:#b69494; background-color:#881F1F; padding:5px 8px; display:inline-block; vertical-align:top;}
.layout_1 .red_section .logo img{margin:0; margin-right:8px;margin-bottom: 8px;}
.layout_1 .red_section .right_thumbs { position:relative; float:left; padding-bottom:0px !important; transition:all 0.8s; left:0px;}
.layout_1 .red_section .right_thumbs_layout2 {left:0px; margin-bottom: 10px;}
.layout_1 .red_section .right_thumbs_layout3 {left:460px; margin-bottom: 10px;}

.layout_1 .red_section .right_thumbs ul{float:left;}

.layout_1 .red_section .right_thumbs ul li{float:left; height:62px;width:216px; background-color:#8c2424; margin-left:1px; padding-top:9px; transition:all 0.8s;}
.layout_1 .red_section .right_thumbs ul li:nth-child(3){width:145px;}
.layout_1 .red_section .right_thumbs ul li:first-child{margin-left:0;}
.layout_1 .red_section .right_thumbs ul li:hover,.red_section .right_thumbs ul li.active{background-color:#441111;}

.layout_1 .red_section .right_thumbs ul li a{ display:inline-block; width:100%; height:100%; text-align:center; color:#FFF; text-decoration:none;}

.layout_1 .red_section .right_thumbs ul li a{ display:inline-block; width:100%; height:100%; text-align:center; color:#FFF; text-decoration:none;}

.layout_1 .red_section .vedio_div{ float:left; width:100%; background-color:#010101;}

.layout_1 .slider_section{
	float:right; 
	/*width:650px; 
	height:455px;*/
	position:relative;
	overflow: hidden;
}
.layout_1 .slider_section .right_arrow_slider,.layout_1 .slider_section .left_arrow_slider{ position:absolute; margin-top:190px; opacity:0.85;z-index: 1; cursor:pointer;}
.layout_1 .slider_section .right_arrow_slider:hover,.layout_1 .slider_section .left_arrow_slider:hover{opacity:1;z-index: 1;}
.layout_1 .slider_section .right_arrow_slider{float:right; right:0;z-index: 1; cursor:pointer;}
.layout_1 .slider_section .left_arrow_slider{float:left; left:0;z-index: 1; cursor:pointer;}

.layout_1 .slider_vedio{ display:inline-block; padding-bottom:5px; width:100%; position:relative;}

.layout_1 .slider_thumbs{float:left;width:100%; background-color:#212121; padding:10px;}
/*
.layout_1 .slider_thumbs ul{ float:left;width:100%; height:200px; overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
.layout_1 .slider_thumbs ul li{ padding: 10px 9px; background-color:#FFF;float:left; margin-left:4px;}
.layout_1 .slider_thumbs ul li:first-child{margin-left:0;}
.layout_1 .slider_thumbs ul li a{}
.layout_1 .slider_thumbs ul li a h3{ background-color:#dadada; font-size:15px; text-align:center; font-weight:100; padding-top:6px; padding-bottom:9px; margin-top:5px; margin-bottom:0;}
*/
.session-info{ 
	position:absolute;
	right:0px;
	z-index: 2;
}
.info-outer{ 
	float:left; 
	width:650px; 
	background:url(../images/info-bg.png) left top repeat; 
	min-height:135px; 
	position:absolute; 
	display:block; 
	left:103px; 
	top:0px; 
	padding: 10px; 
	z-index: 9999999999;
	opacity:1;
	transition:all 0.8s;
	overflow:auto;
}
.info-outer-layout1{
	width:650px;
	left:103px;
	transition:all 0.8s;
}
.info-outer-layout2{
	width:450px;
	left:103px;
	transition:all 0.8s;
}
.info-outer h3{ 
	color:#ff5655;
}
.info-outer p{ 
	color:#FFF;
}

.info-outer p a, .info-outer p a:hover{
	color:#FFF;
	text-decoration:underline;
}
.info-outer .detail-main{ float:left; width:310px; margin-top:10px;}
.session-info img{	
	position:relative;
	left:0px;
	transition:all 0.8s;
}
.session-info:hover img{	
	position:relative;
	left:-650px;
	transition:all 0.8s;
}
.session-info:hover .info-outer{ 
	transition:all 0.8s;
	left:-547px;
}
.session-info:hover  .info-outer-layout2{
	left:-347px;
	transition:all 0.6s;
}

.detail-main .detail-title{ display:block; font-size:16px; color:#ff5655; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px;}
.detail-main label{ float:left; width:75px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; text-align:left; padding-bottom:15px;}
.detail-main .title-detail{ float:left; width:233px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; text-align:left; padding-bottom:15px;}
.detail-main .link{ float:left; width:245px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; text-align:left; padding-bottom:15px; text-decoration:underline;}


/* Player Layout 1 -------------------------------------------------- */



/* Player Layout 2 -------------------------------------------------- */
.layout_2 .red_section{background:url(../images/red_bg.png) repeat; padding:10px; float:left; width:620px;}
.layout_2 .red_section .logo{ float:left; width:200px; margin:0 auto; padding-bottom:5px; padding-top:20px;}
.layout_2 .red_section .logo .sb_hedng{ font-size:16px; color:#b69494; background-color:#881F1F; padding:5px 5px; display:inline-block; vertical-align:top;}
.layout_2 .red_section .logo img{margin:0; margin-right:8px;}
.layout_2 .red_section .right_thumbs {float:right; padding-bottom:9px; transition:all 0.8s;}
.layout_2 .red_section .right_thumbs ul{float:right;}
.layout_2 .red_section .right_thumbs ul li{float:left; height:58px;width:138px; background-color:#8c2424; margin-left:1px; padding-top:12px; transition:all 0.8s;}
.layout_2 .red_section .right_thumbs ul li:first-child{margin-left:0;}
.layout_2 .red_section .right_thumbs ul li:hover,.red_section .right_thumbs ul li.active{background-color:#441111;}
.layout_2 .red_section .right_thumbs ul li a{ display:inline-block; width:100%; height:100%; text-align:center;}
.layout_2 .red_section .vedio_div{ float:left; width:100%; background-color:#010101;}

.layout_2 .slider_section{float:right; width:476px; height:475px; position:relative;}
.layout_2 .slider_section .right_arrow_slider,.layout_2 .slider_section .left_arrow_slider{ position:absolute; margin-top:190px; opacity:0.85;}
.layout_2 .slider_section .right_arrow_slider:hover,.layout_2 .slider_section .left_arrow_slider:hover{opacity:1;}
.layout_2 .slider_section .right_arrow_slider{float:right; right:0;}
.layout_2 .slider_section .left_arrow_slider{float:left; left:0;}

.layout_2 .slider_vedio{ display:inline-block; padding-bottom:5px; width:100%;}
.layout_2 .slider_thumbs{float:left;width:98.3%; background-color:#212121; padding:10px;}
.layout_2 .slider_thumbs ul{ float:left;width:100%; height:210px; overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
.layout_2 .slider_thumbs ul li{ padding: 10px 9px; background-color:#FFF;float:left; margin-left:8px;}
.layout_2 .slider_thumbs ul li:first-child{margin-left:0;}
.layout_2 .slider_thumbs ul li a{}
.layout_2 .slider_thumbs ul li a h3{ background-color:#dadada; font-size:15px; text-align:center; font-weight:100; padding-top:6px; padding-bottom:9px; margin-top:5px; margin-bottom:0;}
.info-outer-2{ float:left; width:478px; background:url(../images/info-bg.png) left top repeat; min-height:135px; position:absolute; display:none; left:-375px; top:0px; cursor:auto;}
.info-outer-2 .detail-main{ float:left; width:310px; margin-top:10px; margin-left:10px;}
.detail-main .detail-title{ display:block; font-size:16px; color:#ff5655; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px;}
.detail-main label{ float:left; width:75px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; text-align:left; padding-bottom:15px;}
.detail-main .title-detail{ float:left; width:233px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; text-align:left; padding-bottom:15px;}
.detail-main .link{ float:left; width:245px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; text-align:left; padding-bottom:15px; text-decoration:underline;}
.session-info:hover .info-outer-2{ display:block;}

/* Player Layout 2 -------------------------------------------------- */

/* Player Layout 3 -------------------------------------------------- */
.red_section{background:url(../images/red_bg.png) repeat; padding:10px; float:left; width:98.1%;}
.red_section .logo{ float:left; padding-top:8px;}
.red_section .logo .sb_hedng{ font-size:34px; color:#b69494; background-color:#881F1F; padding:12px 19px; display:inline-block;}
.red_section .logo img{margin:0 12px;}
.red_section .right_thumbs {float:right; padding-bottom:9px;}
.red_section .right_thumbs ul{float:right;}
.red_section .right_thumbs ul li{float:left; height:58px;width:140px; background-color:#8c2424; margin-left:1px; padding-top:12px; transition:all 0.8s;}
.red_section .right_thumbs ul li:hover,.red_section .right_thumbs ul li.active{background-color:#441111;}
.red_section .right_thumbs ul li a{ display:inline-block; width:100%; height:100%; text-align:center;}
.red_section .vedio_div{ float:left; width:100%;}
/* Player Layout 3 -------------------------------------------------- */
.slider_thumbs img{
	margin: 0 1px 0;
	cursor: pointer;
	padding:10px 10px 50px 10px;
	background-color: #fff;
}
.slider_thumbs div.thumbNums{
	position: absolute;
	z-index: 10;
	opacity: 1;
	bottom: 20px;
	width: 150px;
	background-color: #dadada;
	color: #000;
	text-align: center;
	font-family:'Open Sans', sans-serif;
	font-size:15px;
	padding: 6px;
}
#lectureSlidesThumbs {
	overflow: auto;
	white-space: nowrap;
	clear: both;
	position: relative;
}
.lectureNotCurrent a img{
	width:100% !important;
	height:100% !important;
}
#lectureSlidePreviewPopup {
	display: none;
	position: relative;
	width: 396px;
	height: 300px;
	top: -340px;
	left: 54%;
	z-index: 0;
	margin-bottom: -340px;
	opacity:0;
	
	visibility:visible;
	
	border:6px solid #fff;
	
	background-color: #c43a39;
	background-size: contain;
	background-repeat:no-repeat;
	background-position:top left;
	transition:all 0.8s;
}
#lectureSlidePreviewPopup:hover {
	/* display:inline; */
}
#lectureSlidesThumbs:hover ~ #lectureSlidePreviewPopup {
	display:block;
	opacity:1;
	transition:all 0.8s;
	z-index:3;
}
#lectureSlidesThumbs:hover .thumbNums {
	opacity: 1;
}
#lectureThumbIndicator {
	position: absolute; 
	z-index: 10; 
	top: 0px; 
	width: 2px; 
	background-color:#FF0; 
	height: 12px;
}
#currentSlidePopup{
	padding: 5px 5px 5px 5px;
	width: 200px;
	float: left;
}
#jumpSlideInputBox{
	border: 0px;
	padding: 4px 3px 2px 10px;
	padding: 3px 3px 9px 10px\9;
	color: #000;
	width: 270px;
	margin-top: 2px;
	height:26px !important;
}
.jumpSlideButton{
	border: 0;
	cursor: pointer;
	background: url(/wp-content/themes/digivision_res/vdo_player/images/jump-to-slid.png) no-repeat top left;
	width: 160px;
	float: right;
	position: relative;
	top: 2px;
	height: 26px;
}
#lectureSlideNumberPopup {
	opacity:0.5;
	position:absolute;
	bottom:46px;
	height:50px;
	width:100%; 
	transition:all 0.8s;
}
#lectureSlideNumberPopup img{
	float:right;
	position:relative;
	top:-20px;
}
.lectureSlideNumberPopup_layout2b img{
	visibility:hidden;
	visibility:hidden;
}
	/* 
	DIGI POPUP ITEMS 
	*/
#lectureDigiPopup {
	display:inline;
	position:absolute;
	left:10%;
	top:0px;
	width:0%;
	z-index:20; 	
	transition:all 0.8s;
}
#lectureContent .lectureDigiPopupStyles {
	border:ridge #999 4px;
	padding:5px;
	background-color:#333;
	opacity:0.95;
	color:#fff;
	text-align:center; 
}

.lectureDigiPopupStyles h1{
	margin:0px;
	padding:0px;
	position:relative;
}
.lectureDigiPopupStyles h1 a, .lectureDigiPopupStyles h2 a{
	text-decoration: none;
	color: #fff;
	 transition: all 0.8s; 
}
.lectureDigiPopupStyles h1 a:hover, .lectureDigiPopupStyles h2 a:hover{
	text-decoration:none;
	color:white;
	transition:all 0.8s;
	color:#000;
}

.lectureDigiPopupStyles {
	border:solid #fff 6px;
	padding:5px;
	background-color:#c43a39;
	opacity:0.95;
	color:#fff;
	text-align:center;
}

.closediv{
	width:0px !important;
	transition: all 0.3s !important;
	overflow:hidden !important;
}

.showdiv50{
	width:80% !important;
	transition: all 0.3s !important;
}

/* Search */
#lectureSearchPopupStyles {
	border:ridge #999 4px;
	padding:5px; 
	background-color:#333;
	opacity:0.95;
	color:#fff;
	text-align:center;
	height: 580px;
	overflow:auto; 
}

	/* 
	SEARCH POPUP ITEMS 
	*/
#lectureSearchPopup {
	display: inline;
	position: absolute;
	left: 10%;
	top: 0px;
	width: 0%;
	z-index: 21;
	text-align: center;
	overflow: hidden !important;
}
#digiSearchForm {
	width: 97%;
	margin: 0px auto;
	margin-top: 10px;
	background: #ffffff;
	height: 46px;
	-moz-box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.4);
	box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.4);
	color: #202020;
	text-align: left;
	position: relative;
}
#digiSearchForm div {
	position: absolute;
	width: 150px;
	top: 3px;
	right: 150px;
}
#digiSearchInputBox {
	position: absolute;
	top: 0px;
	left: 20px;
	height: 44px;
	width: 250px;
	font-size: 20px;
	color: #202020;
	background: transparent;
	border: none;
}
#digiSearchInputBox:focus {
	outline: none;
}
 input::-moz-focus-inner /*Remove button padding in FF*/ {
 border: 0;
 padding: 0;
}
.digiSearchButton {
	background: #c43a39;
	border: 0;
	padding: 9px 35px;
	float: right;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
}
.digiSearchButton:hover {
	background-color: #212121;
	border: 0;
	padding: 9px 35px;
	float: right;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
}
#lectureSearchResultsCount {
	display: none;
	margin: 10px;
}
#lectureSearchPopupStyles {
	border: solid #fff 6px;
	padding: 5px;
	background-color: #c43a39;
	opacity: 0.95;
	color: #fff;
	text-align: center;
	height: 580px;
	overflow: auto;
	cursor:pointer;
}
#lectureContent p.lectureSearchText {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	cursor: pointer;
}
#lectureContent img.lectureSearchImg {
	float: right;
	margin-right: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
#red_vedio_section{
	overflow:hidden;
	position: relative;
}


/* ANIMATIONS */
/* SLIDER THUMBNAILS */
.slider_thumbs_layout{
	margin-bottom:0px;
	visibility:visible;
	transition: all 0.8s; 
}
.slider_thumbs_layout3{
	margin-bottom:-216px;
	visibility:hidden;
	 transition: all 0.8s; 
}
/* VIDEO PLAYER LAYOUTS */
.video_layout1{	
	margin-left:0px;
	width:430px;
	transition: all 0.8s;
}
.video_layout2{
	margin-left:85px;
	width:447px;
	transition: all 0.8s;
}
.video_layout3{
	margin-left:150px;
	width:800px;
	transition: all 0.8s;
}
.show-small-logo{
	width:190px;
	height:24px;
	visibility:visible;
	display:block;
	transition: all 0.8s; 
}
.show-large-logo{
	width:403px;
	height:49px;
	visibility:visible;
	display:block;
	margin-top:-30px !important;
	transition: all 0.8s; 
}
.hide-player-logo{
	width:0px;
	height:0px;
	visibility:hidden;
	display:none;
	transition: all 0.8s; 
}
/* VIDEO PLAYER LAYOUTS */

#lectureSlidesContainer{
	background: url(../images/slide-bg-media-icon.png) #c43a39 center no-repeat;
}
figure{
	 transition: all 0.8s; 
}

/* SEARCH LAYOUT CSS */
.lectureNoDisplay img{
	position:relative;
	float:left;
}
.lectureNoDisplay p{
	position:relative;
	float:left;
	width: 70%;
}
/* SEARCH LAYOUT CSS */

/* JUMP TO SLIDE */

.lectureSlideNumberPopup_layout1{
	position:relative;
	z-index:1;
	margin-bottom: -46px;
	float: left;
	background-color: #000;
	opacity: 0.8;
	padding: 10px;
	position: absolute;
	left: -610px;
	color: #fff;
	width: 650px;
}
.lectureSlideNumberPopup_layout1:hover {
	opacity: 1 !important;
	left:0px;
	transition:all 0.8s;
}
.lectureSlideNumberPopup_layout2{
	z-index: 1;
	margin-bottom: -46px;
	float: left;
	background-color: #000;
	padding: 10px;
	left:-416px;
	color: #fff;
	height: 30px !important;
}
.lectureSlideNumberPopup_layout2 form img{
	position: relative;
	top: -40px;
}
.lectureSlideNumberPopup_layout2:hover {
	opacity: 1 !important;
	left:0px;
	transition:all 0.8s;
	height: 90px !important;
}

 .lectureSlideNumberPopup_layout2b{
	z-index: 1;
	margin-bottom: -46px;
	float: left;
	background-color: #000;
	padding: 10px;
	left:0px;
	color: #fff;
	height: 95px !important;
	opacity:1 !important;
	transition:all 0.8s;
}
/* JUMP TO SLIDE */

/* PLAYER LOGO */
.player_logo_layout1{
	float:none !important;
	margin-top:0px !important;
	margin-bottom:2px !important;
	transition:all 0.8s !important;
}

.player_logo_layout2{
	float:left !important;
	margin-top:7px !important;
	margin-bottom:0px !important;
	transition:all 0.8s !important;
}

.player_logo_layout3{
	float:left !important;
	margin-top:30px !important;
	margin-bottom:0px !important;
	transition:all 0.8s !important;
}
/* PLAYER LOGO */

/* RED CONTAINER */
.height_657{
	height:657px !important; 
	transition:all 0.8s !important;
}
.height_677{
/*	height:677px !important;
*/	transition:all 0.8s !important;
}
.height_697{
	height:697px !important; 
	transition:all 0.8s !important;
}
/* RED CONTAINER */
/* SPEAKER DIV */
.width_453{
	width:453px !important;
	margin-bottom:0px !important;
	transition:all 0.8s !important;
}
.width_650{
	width:650px !important;
	margin-bottom:0px !important;
	transition:all 0.8s !important;
}
.width_1110{
	width:1110px !important;
	margin-bottom:10px !important;
	transition:all 0.8s !important;
}
/* SPEAKER DIV */

/* SLIDE CONTAINER */
.lectureSlidesContainer_layout1{
	width:650px !important;
	height:455px !important;
	transition: all 0.8s;
}
.lectureSlidesContainer_layout2{
	width:450px !important;
	height:432px !important;
	transition:all 0.8s !important;
}
.lectureSlidesContainer_layout2b{
	width:450px !important;
	height:432px !important;
	transition: all 0.8s;
}
.lectureSlidesContainer_layout3{
	width:0px !important;
	height:0px !important;
	transition: all 0.8s;
}
/* SLIDE CONTAINER */

#layouts_div ul, #layouts_div ul li, #layouts_div ol {
	margin-left: 0px;
}