/************ main content **************/

body, html {
	height: 100%;
	width: 100%;
	font-family: Arial, Verdana, sans-serif;
}
#content {
	background: #fff;
}
* {
	padding: 0px;
	margin: 0px;
}
/*  #element1 , #element2{padding-bottom:70px;}*/
.container {
	max-width: 960px;
	background: #fff;
	padding: 0px 0px;
}
.snap-content {
	height: auto;
	min-height: 100%;/*overflow-y:scroll;*/
}
.snap-drawers, .snap-drawer {
	width: 220px;
	padding: 0 20px;
	height: auto;
	background-color: #333;
	color: #FFF;
	height: 100%;
	-webkit-box-shadow: inset 0 0 5px 5px #222;
	-moz-box-shadow: inset 0 0 5px 5px #222;
	box-shadow: inset 0 0 5px 5px #222;
}
#ie-sidebar {
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
	background: #222;
	height: 100%;
	display: none;
	padding: 0 10px;
	color: #FFF;
	z-index: 1000;
}
.snap-drawer p, #ie-sidebar p {
	font-size: 12px;
}
.clr {
	clear: both
}
h1 {
	float: left;
}
ul li {
	list-style: none;
	float: left;
}
.capitalize {
	text-transform: capitalize;
}
 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
 display: none !important;
}
/*#mainframe{background:#ffffff; position:relative; z-index:99991;}*/

#precast {
	text-align: center;
	width: 100%;
	padding-top: 0px;
}
#precast img {
	margin: auto;
	width: 100%;
}
.smallprint {
	font-size: 11px;
}
.reveal-animation {
	text-align: center;
	width: 100%;
	position: absolute;
	z-index: 99999;
	background: #fff;
	height: 100%;
}
.reveal-animation img {
	margin: auto;
	margin-top: 10%;
}
.navbar-fixed-top, .navbar-fixed-bottom {
	width: auto;
}
footer.navbar-fixed-bottom {
	bottom: 28px;
}
#slideBox, #carouselBox {
	padding: 0px 2px 0px 2px;
}
#how-to {
	background: #000;
	opacity: 0.9;
	z-index: 3000;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-image: url('/images/HowtoGuide.png');
}
/********************** Volume Slider ************************/

#slider {
	border-width: 1px;
	border-style: solid;
	border-color: #333 #333 #777 #333;
	border-radius: 25px;
	height: 100px;
	position: absolute;
	width: 13px;
	background-color: #8e8d8d;
	background: url('/images/bg-track.png') repeat top left;
	box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5),  0 1px 0 0px rgba(250, 250, 250, .5);
	bottom: 70px;
}
.volume-tooltip {
	position: absolute;
	display: block;
	/*  top: -25px;*/
	left: 35px;
	width: 35px;
	height: 20px;
	color: #fff;
	text-align: center;
	font: 10pt Tahoma, Arial, sans-serif;
	border-radius: 3px;
	border: 1px solid #333;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: -moz-linear-gradient(top, rgba(69,72,77,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69,72,77,0.5)), color-stop(100%, rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(69,72,77,0.5) 0%, rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(69,72,77,0.5) 0%, rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(69,72,77,0.5) 0%, rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(69,72,77,0.5) 0%, rgba(0,0,0,0.5) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8045484d', endColorstr='#80000000', GradientType=0 ); /* IE6-9 */
	margin-bottom: 60px;
}
/*
.volume-controller{ height: 35px; width: 40px; }
.volume {  
  height: 100px; width: 40px; 

}

*/
.ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: url('/images/handle.png') no-repeat 50% 50%;
	font-weight: bold;
	color: #1C94C4;
	outline: none;
	left: -7px;
}
.ui-slider-range {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0 ); /* IE6-9 */
	position: absolute;
	border: 0;
	top: 0;
	height: 100%;
	border-radius: 25px;
}
/***********navbar-header *********************/
.navbar-header {
	padding: 10px 0px;
}
/*********** bootstrap changes *****************/
.row {
	margin: 0px;
	margin-bottom: 10px;
	width: 100%;
}
.col-md-6, .col-md-5, .col-md-7, .col-md-12 {
	padding-left: 0px;
	padding-right: 0px;
}
/*
.modal-body {    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px;
}*/
.list-group-item:first-child {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
/*#playlist-dropdown>li>a{white-space: normal;padding: 3px 10px;}*/
li.dropdown ul.dropdown-menu {
	min-width: 180px;
}
.dropdown-menu {
	min-width: 30px;
}
 [class^="icon-"] {
cursor:pointer;
}
/********* playlist ********/


.slides-prev, .slides-next {
	top: 25%;
}
#playlistThumbnails li.slide {
	width: 110px;
}
#playlistThumbnails .playlist-image-span {
	width: 105px;
	height: 80px;
}
.playlist-title {
	font-weight: bold;
	display: block;
	line-height: 14px;
	color: #000;
	margin: 0px;
	text-align: left;
}
.playlist-description {
	line-height: 14px;
	color: #000;
	display: block;
	margin: 0 0 5px;
	text-align: left;
}
#playlist-container .row {
	margin-bottom: 0px!important;
}
/*.playlist-box{margin:0px 5px;}*/

#playlist-container-vertical {
	width: 230px;
	float: left;
	margin: 0 auto;
	padding: 0em;
	background: #fff;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 405px;
}
#playlist-container-vertical #playlistThumbnails li a img {
	display: block;
	float: left;
	margin-right: 10px;
	width: 80px;
}
#playlist-container-vertical #playlistThumbnails li.playlist-image {
	width: 235px;
	padding: 0px 10px;
	display: block;
	margin-bottom: 5px;
}
#playlist-container-vertical #playlistThumbnails li a span.playlist-title {
	margin-top: 0px;
}
#playlistBox {
	padding-left: 5px;
}
/********* slideshow ********/
.carousel {
	position: static;
}
.slideshow {
	border-width: 0px;
	/* border-style:solid;*/
	text-align: center;
	margin: 0px;
}
#slideshow-container, #playlist-container {
	width: 100%;
	margin: 0 auto;
	padding: 0em;
	background: #fff;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
}
img.thumbImg {
	width: 110px;
	height: 90px;
}
footer i {
	font-size: 2.2em;
}
.slide img {
	width: 6em!important;
	margin: 10px 12px;
}
.button-text {
	font-size: 12px;
	clear: both;
	margin-left: -5px;
	padding-top: 5px;
}
/**************** video ***********/
.video-js-fixed {
	position: fixed;
}
/**************** audio ***********/
.audio-box {
	min-height: 408px;
}
.audio-box-tablet {
	min-height: 376px;
}
.mejs-time-rail {
	max-width: 83px;
}
.mejs-controls .mejs-time-rail span {
	max-width: 73px;
	width: auto;
}
/*********** slide image *********/
.slideimage {
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
	padding-bottom: 1px;
}
/*

.outer-container {
  position: relative;
   padding-bottom: 56.25%;
}
.enlarge-slide{
    z-index:1000;
    min-height: 100%;
    width: auto;
    height: 100%;

    position: fixed;
    top: 0px; left: 0; bottom: 0px; right: 0;
   padding-bottom:100px;
    margin: auto;
}*/

.enlarge-slide {
	z-index: 1000;
	width: auto;
	position: fixed;
	left: 0;
	right: 0;
	top: 0px;
	margin: auto;
	max-height: 90%;
    min-height: 90%;
    width: auto;
}

.enlarge-video {
	z-index: 1000;
	min-height: 100%;
	width: auto;
	height: 100%;
	/* Set up positioning 
    position: fixed;
    top: 0px; left: 0; bottom: 0px; right: 0;*/
	padding-bottom: 100px;
	margin: auto;
}
.enlarge-background-on {
	background: #000;
	z-index: 900;
	min-height: 100%;
	min-width: 100%;
	/* Set up proportionate scaling */
	width: 100%;
	height: 100%;
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
#no-control-panel-resize {
	position: absolute;
	bottom: 110px;
	right: 50px;
	z-index: 4000;
	padding: 10px;
	border-radius: 4px;
	background: #eee;
	display: none;
	font-size: 60px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* filter: alpha(opacity=100);*/
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}
#extra-resize-button {
	display: none;
	font-size: 1.5em;
}
/*************** Players *****************/
/*********** Brightcove **********/
.ppBrightcove {
	z-index: 1010;
	position: fixed;
	bottom: 120px;
	left: 30px;
	width: 300px!important;
	height: 169px!important;
	box-shadow: 0 0 30px black;
	-webkit-box-shadow: 0 0 30px black;
	-moz-box-shadow: 0 0 30px black;
	padding: 0px;
}
.ppLivePlayer {
	z-index: 1010;
	position: fixed;
	bottom: 120px;
	left: 30px;
	width: 300px!important;
	height: 169px!important;
	box-shadow: 0 0 30px black;
	-webkit-box-shadow: 0 0 30px black;
	-moz-box-shadow: 0 0 30px black;
}
.liveVideo {
	height: 269px!important;
	width: 100%!important;
	position: relative!important;
	padding-bottom: 0px!important;
}
.player {
	/*height:160px;*/
	height: 263px;
	width: 100%;/*position: relative;
  height: 0;
  padding-bottom: 56.25%;*/
}
.single-full-player {
	height: 405px;
	width: 720px;
	position: relative;
	float: left;/* height: 0;
  padding-bottom: 56.25%;*/
}
/*************** footer ******************/

footer {
	height: 120px;
}
#footer-body {
	height: 100%;
}
footer .container {
	height: 100px;
	padding: 0px;
	background: #222;
	width: 100%;
	max-width: 100%;
}
.footer-hidden {
	height: 20px;
	min-height: 20px;
}
.full-hidden-no-change {
	height: 120px;
	min-height: 120px;
}
.icon-text {
	font-size: 0.8em;
}
.icon-text-visible {
	color: #bbb;
	font-family: Arial, Verdana, sans-serif;
}
.subnav {
	display: block;
	padding: 5px;
	border-bottom: 1px solid #333;
}
.qa {
	color: #428bca!important;
	-moz-box-shadow: 0 0 15px #fff;
	-webkit-box-shadow: 0 0 15px #fff;
	box-shadow: 0 0 15px #fff;
}
.qa:hover {
	color: #fff!important;
	-moz-box-shadow: 0 0 0px #fff;
	-webkit-box-shadow: 0 0 0px #fff;
	box-shadow: 0 0 0px #fff;
}
ul#left-control {
	height: 100%;
}
ul#left-control > li {
	border-left: 1px solid #999;
	padding: 5%;
	text-align: center;
	height: 90px;
}
ul#right-control {
	height: 100%;
}
ul#right-control > li {
	border-right: 1px solid #999;
	padding: 10%;
	text-align: center;
	height: 90px;
}
/*ul#right-control > li:first-child{border-right:1px solid #999;}*/

ul#right-control-right {
	padding-top: 5px;
	width: 90%;
	padding-right: 10%;
}
ul#right-control-right > li {
	float: right;
	margin-right: 10px;
}
.main-center-control {
	height: 86px;
	padding-top: 4px;
	;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	text-align: center;
}
#center-control {
	width: 100%;
	margin-top: 6px;
	padding-top: 6px;
	text-align: center;
	display: table;
	border-top: 1px solid #999;
}
#center-control a {
	text-decoration: none;
}
#center-control div ul li {
	float: none;
}
#center-control > div {
	width: auto;
	display: inline-block;
	padding: 0% 2%;
}
#center-control > div > a {
	color: #444;
}
.navbar-nav {
	margin: 0px;
}
.navbar-nav li {
	margin-right: 5px;
}
.navbar-inverse {
	background: transparent;
	border: 0px;
}
.nav li a {
	padding: 0px;
}
.fix {
	font-size: 10px;
	padding-top: 5px;
}
.fix i {
	font-size: 10px;
	color: #fff;
}
#center-lock {
	float: left;
	width: 50px;
	background: #222;
	height: 20px;
}
#control-panel-lock-bar {
	height: 19px;
	text-align: center;
	width: 100%;
	background: transparent;
}
#control-panel-top {
	height: 100%;
	text-align: center;
	width: 110px;
	margin: auto;
}
#left-corner {
	float: left;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #222;
	width: 20px;
}
#right-corner {
	float: left;
	border-right: 20px solid transparent;
	width: 10px;
	border-bottom: 20px solid #222;
}
.vcenter {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*
ul.dropdown-menu li.subnav{margin-right: 0px; width: 100%;}
.dropdown-menu li{padding-right:0px}
*/
ul#left-control, ul#right-control {
	width: 100%;
}
ul#left-control li {
	float: right;
	padding-right: 5%;
}
ul#right-control li {
	float: left;
	padding-right: 5%;
}
.timer {
	width: 35px;
	font-size: 9px;
	color: #fdfdfd;
	position: absolute;
	padding: 0px;
	left: 10;
	top: 0;
}
.timer2 {
	width: 35px;
	font-size: 9px;
	color: #fdfdfd;
	position: absolute;
	padding: 0px;
	right: 0;
	top: 0;
}
.blue {
	color: #428bca;
}
.grey {
	color: #999;
	text-decoration: none;
}
a.grey:hover {
	color: #fff;
	text-decoration: none;
}
#play-chapter {
	color: #fdfdfd;
	font-family: Helvetica, sans-serif, Arial;
}
.playerSlider {
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
a.play {
	text-decoration: none;
}
/************ chapter list ***********/
#chapters {
	width: 100%;
}
.list-group {
	margin-bottom: 0px;
}
.presenterList {
	padding: 0px;
	margin-top: 10px;
	padding-left: 5px;
	clear: both;
}
.presenterList li {
	padding: 0px;
	width: 90%;
	clear: both;
	text-align: left;
}
.presenterList li h2 {
	float: left;
	width: auto;
	margin: 0px;
	padding: 0px;
}
.presenterName {
	font-size: 16px;
	font-weight: bold;
}
.presenterPosition {
	font-size: 13px;
}
.chaptertime {
	font-size: 11px;
}
/*ul.dropdown-menu  li.subnav{margin:0px;padding:0px;}*/
li.subnav span {
	display: block;
	cursor: pointer;
	min-width: 150px;
	width: 100%;
	height: 100%;
	padding: 6px;
	margin: 0px;
}
li.subnav span:hover {
	background: #eee;
}
/*
.dropdown-menu li:last-child{border:0px;}
*/
/************ side bar  ***********/
ul.side-presenters {
	width: 100%;
}
ul.side-presenters li {
	margin-top: 10px;
	width: 100%;
}
ul.side-attachment li {
	margin-top: 3px;
	width: 100%
}
ul.side-attachment li a {
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.snap-drawer i.icon-remove {
	position: absolute;
	right: 8px;
	top: 4px;
}
.sidepanel-text {
	position: absolute;
	left: 0;
	color: #428bca;
}
/******* scrubber *******/

#scrubber {
	position: relative;
	width: 100%;
	height: 13px;
	background-color: #999;
	margin: 0px;
}
#progress {
	width: 0;
	height: 13px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* filter: alpha(opacity=100);*/
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #04c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#04c), to(#4b1dde));
	background-image: -webkit-linear-gradient(top, #04c, #4b1dde);
	background-image: -moz-linear-gradient(top, #04c, #4b1dde);
	background-image: -ms-linear-gradient(top, #04c, #4b1dde);
	background-image: -o-linear-gradient(top, #04c, #4b1dde);
	background-image: linear-gradient(to bottom, #04c, #4b1dde);
	border-radius: 0px;
}
.progres-bar {
	width: 20px;
	height: 100%;
	background: #fff;
	float: right;
}
.overlay-appear {
	background: #222;
	top: 0px;
	right: 0px;
	position: absolute;
	width: 100px;
	height: 100%;
	z-index: 200;
	display: block;
	color: #fff;
	font-size: 1.0em;
}
.overlay-appear p {
	padding-left: 10%;
	padding-top: 10px;
}
.overlay-appear ul {
	width: 85%;
	padding-left: 15%;
	color: #fff;
	font-size: 12px;
}
.overlay-appear ul li {
	width: 90%;
	clear: both;
	margin-top: 12px;
}
.overlay-appear ul li i {
	font-size: 2.2em;
}
.overlay-appear ul li.title {
	margin-top: 15px;
	font-weight: bold;
	font-size: 14px;
}
/*************** Module Window ********************/
.col-md-4, .col-md-8, .col-md-3 {
	padding: 0px;
}
.auth-form-header {
	background: #333;
	min-height: 19px;
	padding: 3px;
	width: 100%;/* width: 90%;
  border:2px solid;
  border-top-left-radius:5px;
  border-top-right-radius:5px;*/
}
#radial-center {
	/* fallback */
	background-color: #2F2727;
	background-image: url(images/radial_bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	/* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1a82f7), to(#2F2727));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-radial-gradient(circle, #1a82f7, #2F2727);
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, #1a82f7, #2F2727);
	/* IE 10 */
	background: -ms-radial-gradient(circle, #1a82f7, #2F2727);/* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}
.auth-form-body {
	border-width: 1px;
	border-style: solid;
}
#box-3.auth-form-header span {
	font-size: 12px;
	padding-left: 10px;
}
#box-4.auth-form-header span {
	font-size: 12px;
	padding-left: 10px;
}
#box-6.auth-form-header span {
	font-size: 12px;
	padding-left: 10px;
}
button.close, button.zoom {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
.close, .zoom {
	float: right;
	font-size: 15px;
	font-weight: bold;
	margin-left: 5px;
	line-height: 1;
	color: #000;
	opacity: 0.5;/*text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);*/
}
.sub-box {
	width: auto;
}
.slide-box {
	float: right;
	width: 100%;
}
.carousel-box {
	float: right;
	width: auto;
}
.video-js .vjs-big-play-button {
	top: 50% !important;
	left: 50% !important;
	margin-left: -30px !important;
}

/************* Audio + preview image **************/
#preview {
	position: absolute;
	border: 1px solid #ccc;
	background: #333;
	padding: 5px;
	display: none;
	z-index: 4000;
}
img.preview {
	width: 180px;
}
img.video-preview {
	width: 45px;
	margin-right: 10px;
}
/*
#videoBox .auth-form-body {height:348px;}*/
.auth-form-body {
	text-align: center;
}
#chapters {
	text-align: left;
}
/************* draggable **************/


.draggable {
	cursor: move;
}
/* .initial-state{top:100px ;right:10px; position:absolute;z-index:100;padding:0;width:320px;} */
.initial-state {
	top: 19px;
	position: absolute;
	z-index: 100;
	padding: 0;
	width: 99%;
}
.initial-state-ipad {
	top: 160px;
	right: 0px;
	position: absolute;
	z-index: 1000;
	padding: 0;
	width: 440px;
}
.initial-state-fullscreen-slide {
	top: 5px;
	left: 5px;
}
.ui-widget-content {
	width: auto;
	height: auto;
	padding: 0em;
}
.ui-widget-content .row {
	width: 320px;
}
.ui-widget-content .auth-form-header {
	width: 320px;
}
.dropdown:hover .dropdown-menu {
	display: block;
	overflow-y: scroll;
	max-height: 250px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
.dropdown-menu2 {
	overflow-y: hidden!important;
	min-width: 40px;
}
ul.dropdown-menu li.subnav {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
ul.dropdown-menu li.subnav a {
	padding: 5px 8px;
}
ul.dropdown-menu li:last-child {
	border: 0px;
}
/**************** hover over Buttons ********************/

.hover-button {
	position: absolute;
	top: 40%;
	left: 40%;
	width: 100px;
	padding: 3% 4%!important;
	background: #eee!important;
	font-size: 60px;
}
/*********************** rego **************************/
.row {
	width: 100%;
}
.signup {
	background: #eee;
	height: 100%;
	width: 100%;
}
.center-block {
	float: none;
	padding: 10px;
	background: #fff;
}
.form-group {
	padding-bottom: 45px;
}
.disclaimer {
	margin: 15px 0px;
	text-align: center;
}
.compannyLogo, .eventTitle {
	width: auto;
	display: table-cell;
	vertical-align: middle;
	padding-right: 15px;
}
.compannyLogo {
	max-width: 100%;
}
.compannyLogo img {
	width: auto;
	max-height: 100px;
}
.eventTitle {
	margin-left: 5px;
}
.eventTitle p {
	margin: 0;
	padding: 0;
	color: #2786C2;
}
.eventTitle p a {
	text-decoration: none;
}
.eventTitle p:first-child {
	font-size: 2em;
	color: #555555;
	font-weight: bold;
	line-height: 1em;
}
.hearderBlock {
	display: table;
	min-height: 60px;
	height: auto;
	width: auto;
}
.alert-warning {
	padding: 7px!important;
}
hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0), rgba(204, 204, 204, 0.75), rgba(204, 204, 204, 0));
	background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0), rgba(204, 204, 204, 0.75), rgba(204, 204, 204, 0));
	background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0), rgba(204, 204, 204, 0.75), rgba(204, 204, 204, 0));
	background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0), rgba(204, 204, 204, 0.75), rgba(204, 204, 204, 0));
}


/************* responsive **********************/
@media (max-width: 768px) {
.vjs-progress-control {
	height:10px !important;
}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
footer .container {
	height: 80px;
}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
footer.navbar-fixed-bottom {
	bottom: 45px;
}
#no-control-panel-resize {
	bottom: 150px !important;
	position: absolute !important
}
}
@media (max-width: 979px) {
.navbar-fixed-top, .navbar-fixed-bottom {
	/*position: absolute;*/
}
footer i {
	font-size: 2em;
}
.audio-box {
	height: auto;
	min-height: 100px;
}
.video-box {
	height: auto;
}
#no-control-panel-resize {
	bottom: 150px !important;
	position: absolute !important
}
}
 @media screen and (min-width: 100px) and (max-width: 768px) {
html, body {
	padding: 0px;
}
/* #element2, #element1{width:100%;margin:0px;}*/
img.preview {
	max-width: 100%;
}
#precast img {
	width: 100%;
}
.slideimage {
	width: 100%;
	max-width: 100%;
	min-width: auto;
	height: auto;
	min-height: 10px;
	max-height: 100%;
}
.slide-box {
	width: 100%;
}
footer {
	width: 100%;
}
footer i {/*font-size:1.6em;*/
	font-size: 35px !important;
}
footer .navbar {
	height: auto;
	width: 100%;
}
footer .navbar .container {
	width: 100%;
	max-width: 100%;
	height: auto;
	padding: 0px!important;
}
footer .container {
	height: auto;
	padding-top: 0px;
}
ul#left-control li {
	padding-top: 20px;
}
ul#right-control li {
	padding-top: 20px;
}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
	margin: 0px;
}
.navbar-fixed-top, .navbar-fixed-bottom {
	position: fixed;
}
.col-xs-0, .fix-row {
	display: none!important;
}
.player {
	height: auto !important;
	width: 100%;
}
#no-control-panel-resize {
	bottom: 150px !important;
	position: absolute !important
}
}
 @media screen and (min-width: 100px) and (max-width: 640px) {
.eventTitle p:first-child {
	font-size: 1.3em;
}
.navbar-nav {
	margin: 0px;
}
.player {
	height: auto !important;
	width: 100%;
}
}
 @media screen and (min-width: 100px) and (max-width: 700px) {
.snap-drawers, .snap-drawer {
	display: none;
}
}
/************************** DEVICE SPECIFIC  CSS *************************************/
#content .mobileOverlay {
	display: none !important;
}
.mobileOverlay {
	background: #000;
	opacity: 0.8;
	z-index: 1031;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	padding-top: 30%;
}
.mobileOverlay a {
	font-size: 180px;
}
.mobile-space {
	clear: both;
	line-height: 4em;
	height: 4em;
}
/*Tablets Portrait or Landscape*/
/*@media screen and (min-device-width: 768px) and (max-device-width: 1024px){*/

  /*.container, #content{width:100%;}*/

  /*.slideimage{*//*max-width:500px*//*;height:auto;width:auto;}*/
  /*img.preview {max-width: 100%;}*/
  /*.footer-hidden{height: 120px;min-height: 120px;}*/
  /*.slide-box{width:100%;}*/

  /*#companyLogo{width:auto;}*/
  /*footer{width:100%;}*/
  /*footer .navbar{height:100px;width:100%;}*/
  /*footer .navbar .container {width:100%;max-width:100%;}*/
  /*footer i{font-size:40px;}*/
  /*footer .icon-info{margin-left:20px;}*/
  /*#videoBox .auth-form-body {height:auto;padding-bottom:10px;}*/

  /*ipad difference*/
  /*.auth-form-header{height:auto; min-height:28px;}*/
  /*.auth-form-header i{font-size:22px;margin-left:10px;}.auth-form-header{height:0px; min-height:0px;padding:0px;margin:0px;}*/
/**/

/*}*/

/* Mobile Phones Portrait */
@media screen and (max-device-width: 768px) and (orientation: portrait) {
html, body {
	max-width: 100%;
	font-size: 1em;
}
.container {
	max-width: 94%;
	margin: auto;
	padding: 2%
}
/************** modules *****************/
img.preview {
	width: 100%;
	height: auto;
	max-width: 100%;
}
.slideimage {
	width: 100%;
	min-width: 100%;
	height: auto;
	min-height: 10px;
}
#chapterBox {
	display: block;
}
#carouselBox {
	display: block;
}
#play-chapter {
	display: none;
}
#questionPanel {
	font-size: 14px;
}
/************** footer *****************/
.full-hidden-no-change {
	height: 130px;
	min-height: 130px;
}
.footer-hidden {
	height: 130px;
	min-height: 130px;
}
footer {
	height: 130px;
	width: 100%;
	font-size: 1em;
}
footer i {
	font-size: 45px;
}
footer .container {
	max-width: 100%;
	width: 100%;
	height: 130px;
}
#scrubber, #progress, #control-panel-lock-bar {
	height: 30px;
}
.timer, .timer2, #play-chapter {
	width: auto;
	font-size: 1em
}
#play-chapter {
	height: 30px;
}
ul.dropdown-menu li {
	font-size: 2.2em;
}
.volume-controller {
	display: none;
	width: auto;
}
ul#right-control > li:first-child {
	border: 0px;
}
ul#left-control > li {
	/*height: 50px;*/
	padding-top: 5px;
	border: 0px;
}
ul#right-control > li {
	/*height: 50px;*/
	padding-top: 5px;
	border: 0px;
}
.main-center-control {
	/*height: 130px;*/
	border: 0px;
	text-align: center;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#center-control {
	padding: 0px;
	margin: 0px;
	/*height: 120px;*/
	border: 0px;
	text-align: center;
	/*border-top: 0px solid #fff;*/
	width: 100%;
	position: relative;
}
#center-control > ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	/*top: 15px;*/
	left: 40%;
}
#center-control > ul > li {
	width: auto;
}
.snap-drawer, .fix-row, .fix {
	display: none;
}
li.dropdown {
	padding: 0px;
	margin: 0px;
}
/***** rego ***********/
.form-control {
	font-size: 1.4em;
	line-height: 1.3em;
	height: auto;
	margin-top: 1.2em;
}
.center-block {
	width: 90%;
	padding: 2%;
}
.btn {
	font-size: 1.4em;
	margin-top: 1.2em;
}
.eventTitle {
	margin-left: 20px;
}
#videoBox .auth-form-body {
	min-height: 10px;
	height: auto;
}
.player {
	width: 99.5% !important;
	box-sizing: border-box;
	overflow: hidden;
}
}

/* Mobile Phones Landscape*/
@media screen and (max-device-width: 768px) and (orientation: landscape) {
html, body {
	max-width: 100%;
	font-size: 1em;
}
.container {
	max-width: 94%;
	margin: auto;
	padding: 2%
}
.mobileOverlay {
	padding-top: 10%;
}
/************** modules *****************/
img.preview {
	width: 100%;
	height: auto;
	max-width: 100%;
}
.slideimage {
	width: 100%;
	min-width: 100%;
	height: auto;
	min-height: 10px;
}
#chapterBox {
	display: block;
}
#carouselBox {
	display: block;
}
#play-chapter {
	display: none;
}
/************** footer *****************/
.full-hidden-no-change {
	height: 60px;
	min-height: 60px;
}
.footer-hidden {
	height: 60px;
	min-height: 60px;
}
#footer-body {
	background:#222222;
}
footer {
	height: 80px;
	width: 100%;
	font-size: 1em;
}
footer i {
	font-size: 2.2em;
}
footer .container {
	max-width: 100%;
	width: 100%;
	height: 60px;
}
#scrubber, #progress, #control-panel-lock-bar {
	height: 15px;
}
.timer, .timer2 {
	width: auto;
	font-size: 0.5em
}
ul.dropdown-menu li {
	font-size: 1em;
}
.volume-controller {
	display: none;
	width: auto;
}
ul#right-control > li:first-child {
	border: 0px;
}
ul#left-control > li {
	height: 40px;
	padding-top: 5px;
	border: 0px;
}
ul#right-control > li {
	height: 40px;
	padding-top: 5px;
	border: 0px;
}
.main-center-control {
	height: 40px;
	text-align: center;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#center-control {
	padding: 0px;
	margin: 0px;
	/*height: 130px;*/
	border: 0px;
	text-align: center;
	/*border-top: 1px solid #fff;*/
	width: 100%;
	position: relative;
}
#center-control > ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	/*top: 15px;*/
	left: 40%;
}
#center-control > ul > li {
	width: auto;
}
.snap-drawer, .fix-row, .fix {
	display: none;
}
li.dropdown {
	padding: 0px;
	margin: 0px;
}
/***** rego ***********/
.form-control {
	font-size: 1.4em;
	line-height: 1.3em;
	height: auto;
	margin-top: 1.2em;
}
#questionModal .form-control, #questionModal .btn{ font-size:0.7em;}
.center-block {
	width: 90%;
	padding: 2%;
}
.btn {
	font-size: 1.4em;
	margin-top: 1.2em;
}
.eventTitle {
	margin-left: 20px;
}
#videoBox .auth-form-body {
	min-height: 10px;
	height: auto;
}
}
/* Question Button Hack */
.tempQuestions {
	margin-top: 10px;
}
#questionPanel {
	display: none;
}
#questionModal .modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	display: none;
	overflow: auto;/*overflow-y: scroll;*/
}
#questionModal .modal-dialog {
	position: fixed;
	bottom: 100px;
	right: 20px;
	width: 300px;
}
#PIMCO-discover-more-btn {
	background-color: #2E7AAF;
	padding: 10px 16px;
	color: white;
	white-space: normal;
	font-size: 1vw;
	line-height: 1.33;
	border-radius: 0px;
	margin: auto 0;
	text-align: center;
	vertical-align: middle;
}
#PIMCO-discover-more-btn:hover {
	background-color: #31567E;
	color: #BFBFBF;
}
#MIM-feedback-btn, #External-feedback-btn {
	background-color: #999999;
	padding: 3px 20px;
	color: #222222;
	white-space: normal;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.33;
	border-radius: 4px;
	margin: auto 0;
	text-align: center;
	vertical-align: middle;
}
#MIM-feedback-btn:hover, #External-feedback-btn:hover {
	background-color: #ffffff;
	color: #222222;
}
div.compannyBanner {
	position: relative;
}
img#banner {
	width: 100%;
	height: auto;
}
.pds-pd-link {
	display: none !important;
}
.pds-box {
	margin: 10px auto 0px auto !important;
}
/* iPhone 4+ Portrait or Landscape
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  .full-hidden-no-change{height: 230px;min-height: 230px;}
  .footer-hidden{height: 230px;min-height: 230px;}
  footer{height:230px;width:100%;font-size:1.6em;}
  footer .container {max-width:100%;width:100%;height:60px;}

  #scrubber, #progress{height:30px;}
  ul#left-control > li { height: 120px;padding-top:50px;border:0px;}
  ul#right-control > li {height: 120px;padding-top:50px;border:0px;}

}
/*Phone 5 Only
@media only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {

  .full-hidden-no-change{height: 230px;min-height: 230px;}

  .footer-hidden{height: 230px;min-height: 230px;}
  footer{height:230px;width:100%;font-size:1.6em;}
  footer .container {max-width:100%;width:100%;height:60px;}

  #scrubber, #progress{height:30px;}
  ul#left-control > li { height: 120px;padding-top:50px;border:0px;}
  ul#right-control > li {height: 120px;padding-top:50px;border:0px;}
}
  img.preview {max-width: 100%;}
  .transparent{opacity: 1;}
  footer .col-sm-2{display:none;}
  #chapterBox{display:none;}
  #carouselBox{display:none;}
     styles here *
}
Mobile Phones Portrait

 @media screen and (max-device-width: 480px) and (orientation: portrait){
  img.preview {max-width: 100%;}
  .transparent{opacity: 1;}
  footer .col-sm-2{display:none;}
  #chapterBox{display:none;}
  #carouselBox{display:none;}
  .element1, .element2{width:100%; clear:both;}
  img { max-width: 100%; } 
 .col-sm-3{ display:none;}
  
 }
Mobile Phones Landscape

@media screen and (max-device-width: 640px) and (orientation: landscape){
  img.preview {max-width: 100%;}
  .transparent{opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;}
  footer .col-sm-2{display:none;}
  #chapterBox{display:none;}
  #carouselBox{display:none;}
  img { max-width: 100%; } 
 .col-sm-3{ display:none;}
}
*/

#pollModal .modal-dialog {
	width: 450px !important;
}
#pollModal .close {
	font-size: 24px !important;
}
.tab {
	border: 1px solid #ccc;
	display: inline-block;
	margin: 6px 10px 0px;
	padding: 5px 10px;
	cursor: pointer;
}
.tabs {
	margin: 0 auto;
	width: 300px;
}
.tabsCont .cont {
	display: none;
}
.tabs .tab.active {
	border: 1px solid #000;
}
.showvotenow {
	float: left;
	width: 49.7%;
	background: #888;
	padding: 5px;
	text-align: center;
	margin-left: 0.3%;
	margin-bottom: 45px !important;
}
.showvotenow a {
	color: #fff;
}
 @media screen and (min-width: 648px) and (max-width: 767px) {
ul#right-control-right {
	padding-top: 5px !important;
}
.player {
	height: auto !important;
	width: 100%;
}
}
.freeNote {
	background: #d7ffd5 none repeat scroll 0 0;
	border: 1px solid #7efa78;
	width: 100%;
	font-size: 14px;
	height: 240px;
	padding: 2px;
}
.error {
	color: red !important;
}
.modal-body #questionSubmit {
	margin-top: 15px !important;
	background: #333 !important;
	border-color: #111 !important;
}
.modal-dialog .modal-header .close {
	font-size: 30px !important;
}
.freeNote {
	background: #f9f9f9 none repeat scroll 0 0 !important;
	border: 1px solid #e1e1e1 !important;
}
.cookiepolicy-strip {
	background: #f5f5f5;
	border-top: 1px solid #888;
	bottom: 0;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 9999;
	padding: 5px 0px;
	font-size: 12px;
}
.cookiepolicy-strip a:first-child {
	background: #333 !important;
	border-color: #111 !important;
	padding: 3px;
	margin: 0 5px;
	color: #fff;
	border-radius: 3px;
}
.cookie-points-2 {
	list-style-type: disc;
	padding-left: 2%;
}
.cookie-points-2 li {
	list-style: disc;
	margin-left: 2%;
	padding: 5px;
	width: 100%;
}
.modal-header .close {
	position: relative;
	z-index: 999999;
}
.modal-body h2.main-header {
	margin-top: 0px;
}
.cookie-points {
	display: table;
}
.clrclass {
	clear: both;
	display: table;
	width: 100%;
	float: left;
}
.color-red {
	color: red !important;
}
.cookie-heading {
	font-size: 18px;
	padding-bottom: 1%;
}
.bottom-fixed {
	bottom: 0px !important;
}
#cookiePolicyModal .modal-dialog {
	width: 90%;
}
#tooltipInfo i {
	display: none;
}
#tooltipInfo:hover i {
	display: inline-block;
}
#slideImageContainer {
	position: relative;
}
#slideImageContainer i.icon-question-sign {
	position: absolute;
	display: none;
	top: 20px;
	right: 20px;
}
#slideImageContainer:hover i.icon-question-sign {
	display: inline-block;
}
#presenterTooltip i.icon-question-sign {
	position: absolute;
	display: none;
	top: 20px;
	right: 20px;
}
#presenterTooltip:hover i.icon-question-sign {
	display: inline-block;
}
#freeNoteSuccessModal {
	display: block;
	width: 380px;
	margin: 0 auto;
	font-size: 15px !important;
	top: 50%;
	z-index: 999991;
	background:none;
}
#freeNoteSuccessModal .modal-dialog {
	width: auto;
	color: #000;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
#freeNoteSuccessModal .modal-dialog h4 {
	font-size: 14px;
}
#freeNoteErrorModal .modal-dialog {
	width: auto;
	/*color: #3c763d;*/
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.navbar-fixed-top, .navbar-fixed-bottom {
	z-index: 1050;
}
#freeNoteModal {
	min-width: 225px !important;
	min-height: 390px !important;
}
.modal-body #questionSubmit {
	max-width: 100% !important;
}
#freeNoteSuccessModal {
	display: none;
}
.presenterList {
	position: relative;
}
.presenterList i.icon-question-sign {
	position: absolute;
	display: none;
	top: 10px;
	right: 30px;
	font-size: 17px;
}
.presenterList:hover i.icon-question-sign {
	display: inline-block;
}
#cookiePolicyModal.fade {
	opacity: 1 !important;
	transition: none 0s ease 0s !important;
}
.free a {
	color: #aaa !important;
}
.free a:hover {
	color: #fff !important;
}
.my_video_1-dimensions {
	width: 100% !important;
}
#mainpVideo .player {
	height: auto !important;
}
/*.liveVideo .video-js { 
	width:100% !important;
	height:100% !important;
}*/
.video-js { 
width:100% !important;
height:100% !important;
}
.video-js.vjs-default-skin .vjs-big-play-button { display: none; }
.vjs-default-skin.vjs-paused .vjs-big-play-button { display: none; }

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
footer.navbar-fixed-bottom {
	bottom:20px !important;
}
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
footer.navbar-fixed-bottom {
	bottom:30px !important;
}
#browserMessageModal .modal-dialog{ top:10%;}
}

.modal-open .modal{ background: rgba(0, 0, 0, 0.8); z-index:9999; }/* Green background with 30% opacity */
#browserMessageModal .modal-content{ background:#f5f5f5; color:#000; border:1px solid #ddd; padding:20px 10px; width:400px; font-size:14px;}
#browserMessageModal .modal-dialog{ top:20%; width:400px; margin:0 auto;}
#browserMessageModal .modal-header .close{
	position:relative;
	z-index:99;
	top:-34px;
	right:-26px;
	border-radius:5px;
	padding:0px 5px;
	background:#000;
	text-shadow:none;
	color:#ffffff;
	font-size:28px;
	font-weight:normal;
}

@media only screen and (max-width : 767px){#browserMessageModal .modal-dialog{ top:10%;}}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	
	.player{ min-height:323px !important; height:323px !important;}
}
#freeNoteErrorModal .modal-dialog, #freeNoteErrorModal .modal-dialog{ background-color:none; background:none;}
.modal-content{ max-width:600px !important; margin:0 auto; background:#ffffff;padding-bottom:1px;}
.modal-content .model-header{ border-bottom:0px;}
#freeNoteErrorModal .modal-dialog{ background:none !important;}
#questionModal.modal{ background:rgba(0, 0, 0, 0.2) !important}

#questionModal.modal .modal-dialog{ position:absolute !important; width:450px;}
.modal-body #questionSubmit{ opacity:1 !important; background:#687072 !important; border-radius:0 !important; border: 1px solid #505354 !important;}
.precast-ask-question{
	border: 1px solid #505354 !important;
    background: #687072;
    padding: 0px 0px 0px 10px;
    border-radius: 0px;
    display: inline-block;
    cursor: pointer;
    margin: 10px;
    font-weight: normal;
    line-height: 30px;
    color: #fff;
}
.precast-ask-question i{font-size: 20px; float: right; padding-left: 10px; color: #fff; line-height: 30px; border-left: 1px solid #505354; background:#505354 !important; margin-left: 10px; padding-right:10px;}
@media only screen and (max-width : 991px){
	#questionModal .form-control, #questionModal .btn{ font-size:0.7em;}
	 #questionModal .form-control{margin-bottom: 10px !important; margin-top: 5px !important;}
	#questionModal.modal .modal-dialog{ position:absolute !important; width:75%;}
	textarea#questionContent {height: 200px;}
	#countdown, #countdown_hoder, .precast-ask-question{ font-size:16px !important;}
	.precast-ask-question i{ font-size:25px;}
	.notifyjs-livemsg-base {width: 100% !important; max-width:100% !important; float:right}
	.notifyjs-livemsg-base .livemsg-close, .notifyjs-livemsg-base h2{ font-size:1.5em !important;}
	.notifyjs-livemsg-base .livemsg-close{ top:-5px !important;}
	.vjs-live  .vjs-control-bar{ height:5em !important;}
	/* wpf-138 */
	.form-seprator{ display: none !important;}
	.custom-class{ margin: 0 auto; max-width: 420px; width: 100%; }
	.form-control{ margin-top: 0; }
	.custom-class label {margin-top: 5px; width: auto; display: block; text-align: left;}
	.custom-class .col-md-7.col-sm-7.col-xs-12{ width: 100%; }
}

/****For live message notification****/
.notifyjs-corner{
	margin: 5px 5px 95px 5px !important;
}
.notifyjs-livemsg-base {
  /*opacity: 0.85;*/
  /*float:right;*/
  width: 350px;
  background:rgba(255,255,255, 0.75);
  border:1px solid #888;
  /*border-radius: 10px !important;*/
  margin: 0px 15px 5px 0px;
  position:relative;
  color:#000;
  border-radius:3px;
  clear:both;
}
.notifyjs-livemsg-base .body {
  float: left;
  width:100%;
}
.notifyjs-livemsg-base .left{
	 float: left;
	 width: 16%;
	 /*padding:5px;*/
	 text-align:center;
}
.notifyjs-livemsg-base h2{
	 margin-top:15px !important;
	 /*color:#34af23;*/
	 color:#2279c1;
	 text-align:center;
}
.notifyjs-livemsg-base h2 img{ width:80%;}
.notifyjs-livemsg-base .right{
	 float: left;
	 padding :5px;
	 border-left:1px solid #c1c1c1;
	 width:84%;
}
.notifyjs-livemsg-base .title {
  /*font-size: 15px;*/
  font-weight:bold;
  margin-bottom:5px;
}
.notifyjs-livemsg-base .content {
  /*font-size: 12px;*/
  min-height:35px;
  word-wrap:break-word;
}
.notifyjs-livemsg-base .livemsg-close {
  top:0px;
  right:5px;
  position:absolute;
  cursor:pointer;
  font-weight:bold;
  color:#888;
  z-index:99;
  /*font-size:18px;*/
}
p.no-image {position: absolute;
top: 0px;
width: 100%;
z-index: 99;
max-width: 460px;
left: 50%;
margin-left: -230px;
background: #fff;
padding: 20px;}
.row.headerBlock{ margin-bottom:0px;}
#precast p{ margin-top:15px; margin-bottom:15px}
#precast img{ width:auto; max-width:100%;}
#event-description{ margin-top:10px;}
#playBigButton{ width:63px; height:63px; cursor:pointer; position:absolute; top:50%; left:50%; margin:-32px 0 0 -32px; border:0; background:url(../images/play-white.png) no-repeat left bottom; background-size:63px; border:0 !important;}
#playBigButton:hover{ background-position: top;}
#playButtonAudioOnDemand,#playButtonAudioLive{ width:63px; height:63px; cursor:pointer; position:absolute; top:50%; left:50%; margin:-32px 0 0 -32px; border:0; background:url(../images/play-white.png) no-repeat left bottom; background-size:63px; border:0 !important;}
#playButtonAudioOnDemand,#playButtonAudioLive:hover{ background-position: top;}
#presenterTooltip img#audioThumb{ min-height:200px;}
.vjs-big-play-button{ background-color:transparent  !important; border:2px solid #fff !important; border-radius: 40px !important;}
.disabled_error {text-align: center; width: 310px; height: 160px; position: fixed; left: 50%; top: 50%; margin: -80px 0 0 -155px;}
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
.disabled_error p, .disabled_error h1{ text-align: center; float: none;font-family: 'Open Sans', sans-serif; color:#5b5b5b}
.disabled_error h1{ width:96px; height:96px; background:url(../images/broadcast-commence-v1.png) no-repeat center; margin:15px auto; text-indent:-99999px;}

/*WPF-138 */
.custom-class label{ margin-top: 5px;max-width: 145px; }
.form-seprator{ float: left;padding: 5px 5px 0px 0px; font-weight: bold;}