body {
	margin: 0px auto;
	padding: 0px auto;
	font-family:"Proxima Nova",sans-serif;
	background-color:#f1f1f1;
	
}
#video {
	background-color:black;
}

#poster{
  width: 100%;
  height:100%;
  background-repeat: no-repeat;
  background-size: 100%; 
  display: none;
}

.playerWrapper {
	width: 100%;
	height: auto;
	margin-top:32px;
	
}
.playerWrapper.embedVideo {
	margin-top:0px;
}

.componentWrapper {
	width: calc(100% - 450px);
	margin: auto;
	background-color: #000;
}
#videoWrapper{
	margin: auto;
	background-color:black;
	display:none;
}
#videoWrapper.embedVideo{
	height:100%;
}
#videoWrapper.standalone{
	height:65%;
}
#videoWrapper.transcriptVideo{
	height:65%;
}
#videoWrapper.embedVideo.transcriptVideo{
	height:75%;
}

#videoWrapper.fullscreen{
	height:100% !important;
	background-color:black;
}
.inscreenquiz > #video{
	height:90%;
}
.vidTranscript{
height: calc(100% - 290px) !important;
max-height: calc(100% - 300px);
}
.pvp {
  position: relative;
  
  overflow: hidden; }
  .pvp video {
    width: 100%;
    height: 100%; }
	
  .pvp.invideocaption video {
    height: 77% !important; }
	.pvp.invideocaption.fullscreen video {
		height: 85% !important; 
	}
  .pvp button {
    border: none;
    cursor: pointer; 
	outline:none;
	}
   

.pvp-play,
.pvp-mute,
.pvp-volume-slider:not(.ie),
.pvp-caption,
.pvp-fullscreen,
.pvp-overlay,
.chapter-icon,
.pvp-progress-bar-handle,
.pvp-dv,
.more-info {
  width: 30px;
  height: 30px;
  background: url(/html5/images/sprites-1x.png) no-repeat top left;
  /*background-size: 1576px 90px;*/
background-size:inherit;  }
.pvp-progress-bar-handle{
z-index:3; 
}
.pvp-overlay {
  position: absolute;
  height: 90px;
  width: 90px;
  cursor: pointer;
  background-position: -1020px 0; 
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -45px;
  display:none;
}

  .pvp-overlay:hover, .pvp-overlay:focus {
    background-position: -920px 0; }
  .pvp-overlay.pvp-pause-state {
    background-position: -820px 0; }
    .pvp-overlay.pvp-pause-state:hover, .pvp-overlay.pvp-pause-state:focus {
      background-position: -720px 0; }
  .pvp-overlay.pvp-replay-state {
    background-position: -1220px 0; }
    .pvp-overlay.pvp-replay-state:hover, .pvp-overlay.pvp-replay-state:focus {
      background-position: -1120px 0; }

.description-on{	  
  background-position: -120px 0;
  }
.description-off{	  
  background-position: -161px 0;
  }
 .info-on{	  
  background-position: -440px 0;
  }
  .info-off{	  
  background-position: -480px 0;
  }
    
.pvp-title-wrapper {
position: absolute;
box-sizing: border-box;
padding: 5px;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
-webkit-transition: all 250ms ease-out;
-moz-transition: all 250ms ease-out;
-ms-transition: all 250ms ease-out;
-o-transition: all 250ms ease-out;
transition: all 250ms ease-out; 
opacity:0;
	  }
	  
	  .pvp-title-wrapper span{
	  font-size:12px;
	  }
	  
#controlsBar{
	
	}
.pvp-controls {
  position: absolute;
  box-sizing: border-box;
 
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition-property: all;
	transition-duration: 0s;
	z-index:101;
	}
.pvp-controls-show{
	  height: 43px;
	   padding: 5px;
	   opacity:1;
	}
.pvp-controls-hide{
	  height: 0px;
	  padding: 0px;
	  opacity:0;
	}
		
.pvp-progress-bar {
  position: absolute;
  bottom: 43px;
  left: 0;
  width: 100%;
  height: 9px;
  background: #444;
  cursor: pointer; 
  z-index:102;
  transition-property: all;
	transition-duration: 0s;
}

.pvp-progress-indicator {
  background: #00b7ff;
  position: relative;
  transition: all 100ms;
  -moz-transition: all 100ms;
  -webkit-transition: all 100ms;
  text-align: left;
  width: 0px;
  height: 9px; 
  z-index:1;
  }
.pvp-buffered-indicator  {
	background: #777;
	position: absolute;
	transition: all 100ms;
	-moz-transition: all 100ms;
	-webkit-transition: all 100ms;
	text-align: left;
	width: 0px;
	height: 9px;
	top:0px;
}

.pvp-progress-bar-handle {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  background-position: -1788px 0; }
  .pvp-progress-bar-handle:hover, .pvp-progress-bar-handle:focus {
    background-position: -1760px 0; }
	
	

.pvp-controls-right {
  width: 60%;
  float: right;
  text-align: right; }
  
 .pvp-title-description-wrapper{
position: absolute;
box-sizing: border-box;
top: 50%;
left: 15%;
width: 70%;
background: #2C2C2C;
color: #fff;
overflow:hidden;
transition-property: all;
transition-duration: 1s;
z-index:1;
}

.slider-title {
  overflow-y: hidden;
  max-height: 300px !important; /* approximate max height */
  transition-property: all;
  transition-duration: 2s;
  transition-timing-function: cubic-bezier(0.5, 1, 1, 1);
}

.closed-title {
  max-height: 0; 
}

 .pvp-bottom-title{
 font-size:14px;
  margin: 2%;
  font-weight:bold;
}

 .pvp-bottom-description{
 font-size:12px; 
 overflow-y: auto;
 line-height: 16px;
 margin: 2%;
  }

.pvp-caption {
  margin-left: 5px; }
  .pvp-caption.off {
    background-position: -40px 0; }
    .pvp-caption.off:hover, .pvp-caption.off:focus {
      background-position: 0 0; }
  .pvp-caption.on {
    background-position: -80px 0; }

.pvp-captions-menu {
  display: none;
  margin: 0;
  padding: 0px;
  position: absolute;
  bottom: 50px;
  right: 5px;
  width: 100px;
  background:#2C2C2C;
  list-style-type: none;
  z-index: 100; }
  .pvp-captions-menu li {
    padding-left: 10px;
	margin-left: 5px;
	margin-right: 5px;
    text-align: left;
	border-bottom:1px #666 solid;
	padding-bottom:4px;
	}
  .pvp-captions-menu button {
    background: transparent;
	width:100%;
	text-align:left;
    color: #FFF; }
    .pvp-captions-menu button:hover, .pvp-captions-menu button:focus {
      color: #00b7ff; }

	  
.pvp-captions-options-main{	display: none; z-index: 100;height: 80%;width: 100%;position: absolute;vertical-align: middle;text-align: center;}
.pvp-captions-options-wrapper{ border: 1px solid #252525; background: #2C2C2C; text-align: center;width: 50%;  font-size: 12px;  font-family: sans-serif;  color: #E7E2E2;  z-index: 100; min-width: 450px; }
.pvp-captions-options-container{}
.pvp-captions-options-leftbox{ float: left; width: 50%; text-align:left;border-right:1px solid #252525;height:100%;}
.pvp-captions-options-rightbox{	  width: 200px;min-height:230px; text-align:left;float: left; } 
.pvp-captions-options-menuitem{margin: 2px;padding: 5px 2px 5px 12px;cursor: pointer;}
.pvp-captions-options-menuitem:hover{background:gray;}
.pvp-captions-options-menuitem-selected{margin: 2px;padding: 5px 2px 5px 12px;cursor: pointer;background:gray;}
.pvp-captions-options-items-list{margin: 2px;padding: 5px 2px 5px 12px;cursor: pointer;}	
.pvp-captions-options-items-list:hover{color:#fff;}
.pvp-captions-options-items{list-style-type:none;margin: 0px;padding-left: 10px;display:none;}
.pvp-captions-options-items-button{}
.pvp-captions-options-items-list-uncheck{height: 12px;width: 15px;float: left;margin: 0px 5px 0 -15px;background:transparent;background-size:cover;}
.pvp-captions-options-items-list-check{height: 12px;width: 15px;float: left;margin: 0px 5px 0 -15px;background:url(/html5/images/check-circle.png);background-size:cover;}
.pvp-captions-options-items-list-color{height: 12px;width: 15px;float: left;margin: 0px 5px 0 0px;background-size:cover;}
.pvp-captions-options-items-list-text{}
.pvp-captions-options-footer{border-top: 1px solid #252525;margin-right: -10px;margin-left: -10px;display: inline-table;width: 100%;background: #2C2C2C;}
.pvp-captions-options-footer-button{width: 50px;padding: 4px;float: right;font-size: 12px;cursor:pointer;}

.captions-options{
cursor:pointer;
margin-left:5px;
text-decoration:underline;}


	  
.pvp-fullscreen {
  margin-left: 0px; }
  .pvp-fullscreen.off {
    background-position: -360px -1px; }
    .pvp-fullscreen.off:hover, .pvp-fullscreen.off:focus {
      background-position: -320px -1px; }
  .pvp-fullscreen.on {
    background-position: -280px -1px; }
    .pvp-fullscreen.on:hover, .pvp-fullscreen.on:focus {
      background-position: -240px -1px; }
	  	  
.pvp-chaptering
{
display: inline-block;
  font-size: 11px;
  color: #999;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 30px; 
}
.pvp-chaptering-control {
  display: inline-block;
  height: 30px;
  vertical-align: top; }
  .pvp-chaptering-bwd{
  width: 30px;
height: 30px;
background: url(/html5/images/sprites-1x.png) no-repeat top left;
/* background-size: 1576px 90px; */
background-size: inherit;
background-position: -1516px 0;}

.pvp-chaptering-fwd{
  width: 30px;
height: 30px;
background: url(/html5/images/sprites-1x.png) no-repeat top left;
/* background-size: 1576px 90px; */
background-size: inherit;
background-position: -680px 0;}
 
.pvp-volume {
  display: inline-block;
  height: 30px;
  vertical-align: top; }

  .pvp-volume .pvp-volume-slider:not(.ie) {
    -webkit-appearance: none;
    display: block;
    margin: 12px 0;
	width: 60px;
	background-position: -40px -100px;
	height: 8px;
	}
	
	
	
    .pvp-volume .pvp-volume-slider::-moz-range-track {
      -moz-appearance: none;
      background-color: #666;
      height: 8px;
      border: none; }
    .pvp-volume .pvp-volume-slider::-webkit-slider-thumb {
      -webkit-appearance: none !important;
      background: url(/html5/images/sprites-1x.png) no-repeat top left;
      background-size: inherit;
      height: 18px;
      width: 18px;
      background-position: -1788px 0; }
	  .pvp-volume .pvp-volume-slider::-webkit-slider-thumb:hover, .pvp-volume .pvp-volume-slider::-webkit-slider-thumb:focus {
        background-position: -1760px 0; }
		
    .pvp-volume .pvp-volume-slider::-moz-range-thumb {
      -moz-appearance: none !important;
      background: url(/html5/images/sprites-1x.png) no-repeat top left;
      background-size: inherit;
      height: 18px;
      width: 18px;
      background-position: -1788px 0; }
	  
      .pvp-volume .pvp-volume-slider::-moz-range-thumb:hover, .pvp-volume .pvp-volume-slider::-moz-range-thumb:focus {
        background-position: -1760px 0; }
#volumeBar {
	background:gray;
	display:none;
}

#volumeBar:focus{
  outline: none !important;
}		

input[type=range].ie {
    -webkit-appearance: none;
    background-color: transparent !important;
    width:70px;
	cursor:pointer;
	outline:none;
	padding:0px;
	height:32px;
}
input[type='range'].ie::-ms-track {
	background: #ccc;
	color: transparent;
	
}
input[type=range].ie::-webkit-fill-lower {
    background: #ccc;
}
input[type=range].ie::-ms-fill-lower {
    background: #ccc;
}
input[type="range"].ie::-ms-thumb {
    background-color: white;
	border:1px solid rgba(20, 20, 20, 0.8);
    width: 18px;
    height: 18px;
	border-radius:50%;
}
input[type='range'].ie::-ms-tooltip {
	display:none;
}

		
		
.pvp-mute {
  outline: none; 
  display:none;
  }
  .pvp-mute.pvp-volume-on {
    background-position: -1856px 0; }
    .pvp-mute.pvp-volume-on:hover, .pvp-mute.pvp-volume-on:focus {
      background-position: -1816px 0; }
  .pvp-mute.pvp-volume-off {
    background-position: 0px -100px; }
    .pvp-mute.pvp-volume-off:hover, .pvp-mute.pvp-volume-off:focus {
      background-position: -1976px 0; }

.pvp-play {
  border: none;
  cursor: pointer;
  vertical-align: middle;
  outline: none;
  float: left; 
  }
  .pvp-play.pvp-play-state {
    background-position: -1440px 0; }
    .pvp-play.pvp-play-state:hover, .pvp-play.pvp-play-state:focus {
      background-position: -1400px 0; }
  .pvp-play.pvp-pause-state {
    background-position: -1360px 0; }
    .pvp-play.pvp-pause-state:hover, .pvp-play.pvp-pause-state:focus {
      background-position: -1320px 0; }

.pvp-timeline {
  display: inline-block;
  font-size: 11px;
  color: #999;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 30px; 
    float: left;}

.pvp-counter-time {
  color: #FFF;
  display: inline; }

.pvp-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

@media (max-width: 310px) {
  .seperator, .pvp-overlay, #duration{
	display:none !important;
  }
}
#renditions-popup{
   display: none;
   position: absolute;
   bottom: 50px;
   right: 5px;
   font-size: 12px;
   font-family: sans-serif;
   color: white;
   background:#2C2C2C;
   min-width:180px;
   z-index:2;
}



#renditions-popup select{
	font-size:12px;
   border: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url(/html5/images/down_arrow.gif) no-repeat 95% center;
  background-size: 10px;
  width: 112px;
  text-indent: 0.01px;
  text-overflow: "";
  color: #000;
  border-radius: 1px;
  padding: 1px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;
}



#settings{
	font-size:14px;
   background: url(/html5/images/sprites-1x.png) no-repeat top left;
   margin: 0px 5px;
   outline:none;
   color: white;
   height: 30px;
   border: none;
   background-position: -1562px 0;
   cursor: pointer;
   width: 23px;
   vertical-align:top;
}

#settings:hover, #settings:focus{
   background-position: -1603px 0;
}



#renditions-popup div {
margin: 10px 12px 15px 12px;
}
#renditions-popup label {
display: inline-block;
width: 60px;
font-weight: bold;
}

/*----------------------------------CSS LOADER-------------------------*/
#overlay{
margin: 0px;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
}

#waitingProgress{
width: 128px;
margin-top: -45px;
position: absolute;
top: 47%;
left: 49%;
height: 128px;
margin-left: -45px;
}

#floatingCirclesG{
position:relative;
width:128px;
height:128px;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
}

.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:23px;
width:23px;
-moz-border-radius:12px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:0.8s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:12px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:0.8s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:12px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:0.8s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:12px;
-o-animation-name:f_fadeG;
-o-animation-duration:0.8s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:12px;
animation-name:f_fadeG;
animation-duration:0.8s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#frotateG_01{
left:0;
top:52px;
-moz-animation-delay:0.3s;
-webkit-animation-delay:0.3s;
-ms-animation-delay:0.3s;
-o-animation-delay:0.3s;
animation-delay:0.3s;
}

#frotateG_02{
left:15px;
top:15px;
-moz-animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-ms-animation-delay:0.4s;
-o-animation-delay:0.4s;
animation-delay:0.4s;
}

#frotateG_03{
left:52px;
top:0;
-moz-animation-delay:0.5s;
-webkit-animation-delay:0.5s;
-ms-animation-delay:0.5s;
-o-animation-delay:0.5s;
animation-delay:0.5s;
}

#frotateG_04{
right:15px;
top:15px;
-moz-animation-delay:0.6s;
-webkit-animation-delay:0.6s;
-ms-animation-delay:0.6s;
-o-animation-delay:0.6s;
animation-delay:0.6s;
}

#frotateG_05{
right:0;
top:52px;
-moz-animation-delay:0.7s;
-webkit-animation-delay:0.7s;
-ms-animation-delay:0.7s;
-o-animation-delay:0.7s;
animation-delay:0.7s;
}

#frotateG_06{
right:15px;
bottom:15px;
-moz-animation-delay:0.8s;
-webkit-animation-delay:0.8s;
-ms-animation-delay:0.8s;
-o-animation-delay:0.8s;
animation-delay:0.8s;
}

#frotateG_07{
left:52px;
bottom:0;
-moz-animation-delay:0.9s;
-webkit-animation-delay:0.9s;
-ms-animation-delay:0.9s;
-o-animation-delay:0.9s;
animation-delay:0.9s;
}

#frotateG_08{
left:15px;
bottom:15px;
-moz-animation-delay:1s;
-webkit-animation-delay:1s;
-ms-animation-delay:1s;
-o-animation-delay:1s;
animation-delay:1s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-webkit-keyframes f_fadeG{
0%{
	background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
	background-color:#FFFFFF}

}

@-o-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

} 

/*-----------------------------------------------Interactive Transcript---------------------------------------------*/

.caption-txt{
cursor: pointer;
    padding: 5px 0px 5px 5px;
	font-size: 13px;
}

.caption-txt.selected{
background: #00B7FF;
color: white;
}

span.time {
margin: 0px 25px;
}

.caption-txt:hover{
background: #ccc;
color:#FFF;
}
.transcript{
width: calc(100%);
height: 25%;
padding: 0px;
overflow-y: auto;
overflow-x: hidden;
background-color: white;
display:none;
margin-left: auto;
margin-right: auto;
border: 1px solid  #999999;
}

.settingsBox{
height: 115px;
width:100%;
background: #252525;
}
.infoBox{
line-height: 22px;
color: white;
padding: 0px 13% 0px 10px;
font-size: 15px;
display: inline-block;
width: 75%;
}
.optionBox {
background: transparent;
vertical-align: top;
margin-top: 15px;
display: inline-block;
width: 10%;
border: none;
}
.optionBtn {
background: #252525;
border: none;
padding-left: 1px;
outline: none;
font-size: 15px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
color: white;
vertical-align: super;
}
.captionText {
	width: 100%;
	height: 70px;
	position: absolute;
	transition-property: all;
transition-duration: 0.2s;
	vertical-align: middle;
	text-align: center;
	color: white;
	display: none;
}
.captionText > span {
	background: transparent;
	display: table-cell;
	height: auto;
	vertical-align: middle;
}
.captionText > span > span {
	background:#000;
}
.captionType {
	cursor : pointer;
	min-width:95px;
}

.capShow{
	bottom: 40px;}
	
.capHide{
	bottom: 0px;}


.chapter-icon {
    background-position: -603px -3px;
    position: absolute;
    right: 20px;
    height: 21px;
    width: 25px;
    top: 25px;
    background-color: rgba(0,0,0,0.1);
    cursor: pointer;
    vertical-align: middle;
    padding-top: 1px;
}

.chapter-icon:hover , .chapter-icon:focus{
    background-position: -523px -3px;
}


.chapter-menu {
position: absolute;
top: 60px;
left: 0;
right: 0;
overflow-y: auto !important;
width: 70%;
/*height: 70%;*/
margin: auto;
overflow-x: auto;
background: transparent;	
z-index:1;
}
.chapter-list {
margin: 0;
padding: 0;
text-align: left;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;	
}
.chapter {
position: relative;
overflow: hidden;
cursor: pointer;
list-style: none;
background: #2C2C2C;
font-size: 75%;
color: #FFF;
padding: 10px;
margin-bottom: 1px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.chapter:hover , .chapter:focus{
   color:#00b7ff;
   
}


.chapter-dot, .conchk-dot{
	height: 8px;
	background: white;
	width: 3px;
	top: 0px;
	position: absolute;
	z-index:2;
}

.chapter-dot:hover{
    background:black;
}

.chapter-dot-hover{
	 background:black;}
	 
.conChkContainer {
	width: 35%;
	position: absolute;
	right: 7%;
	top: 5%;
	z-index: 2;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	background-color: rgba(6, 51, 74, 0.9);
	float: right;
	vertical-align: top;
	color: #fff;
	text-align: left;
	font-family: Arial, helvetica, sans-serif;
	outline: none;
	height: auto;
}
.conChkQuestion {
	margin: 10px 10px 0px 10px;
	font-weight: normal;
	font-size: 15px;
	outline: none;
}

.conChkAnswer ul {
	list-style: none;
	float: left;
	margin-left: -38px;
	font-size: 13px;
	width:100%;
}
.conChkAnswer ul li {
	margin-top: 8px;
	cursor:pointer;
	
}
.ansOption input {
	vertical-align: middle;
	margin-bottom: 3px;
  float: left;
}



.ansBtn {
	float: right;
	background: #0586B9;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	border: 0px;
	font-size: 12px;
	width: 65px;
	padding: 4px;
	margin-left: 5px;
	cursor: pointer;
	display: none;
	margin-bottom: 10px;
}
.ansBtn:focus{background-color:#000 !important; color:#00b7ff !important;}
.conchk-dot {
	width: 3px !important;
	background: #F18508 !important;
	display:none;
}
.conChkQIcon {
	font-family: Arial, helvetica, sans-serif;
	font-size: 20px;
	width: 30px;
	height: 30px;
	line-height: 40px;
	background-color: rgba(6, 51, 74, 1);
	cursor: pointer;
	position: absolute;
	right: 5%;
	display:none;
	bottom: 20%;
	z-index: 1;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-align: center;
	vertical-align: middle;
}
.conChkQIcon:focus{background-color:#000 !important; color:#00b7ff !important; }
.conChkQIcon span{
	bottom: 5px;
	position: relative;
}
.ansCloseBtn {
	float: right;
	background: #0586B9;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	border: 0px;
	font-size: 12px;
	width: 65px;
	padding: 4px;
	margin-left: 5px;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: 10px;
}
.ansCloseBtn:focus{background-color:#000 !important; color:#00b7ff !important;}
#videoWrapper:-webkit-full-screen {
  height: 100% !important;
}

#videoWrapper:-moz-full-screen{
  height: 100% !important;
}

#videoWrapper:-ms-fullscreen{
  height: 100% !important;
}

.slider {
  overflow-y: hidden;
  max-height: 70%; /* approximate max height */
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0.5, 1, 1, 1);
 
}

.closed {
	max-height: 0;
	
}

.slideUpCtrl {
  overflow-y: hidden;
  max-height: 52px !important; /* approximate max height */
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(.5, 1, 1, 1);
   bottom:0px;
}
.slideDownCtrl {
	max-height: 0;
	bottom:-52px;
	
}

.conChkAnswer ul li:hover { background-color:#666666; cursor:pointer;}
.conChkSelAns { background:#205f9f !important;}
.transcriptChkWrapper {
	white-space: nowrap;
	vertical-align: middle;
	cursor:pointer;
	display:none;
}
.transcriptChkWrapper > input, .transcriptChkWrapper > label {
	cursor:pointer;
}
.transcriptChkWrapper:hover{
color:#00B7FF;
}
#chkTranscript{
	vertical-align:middle;
}



#non-visual-status, .non-visual-readable {
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0px 0px 0px 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  }
div.hotSpot {
  position: absolute;
  width: 0px;
  height: 0px;
  top: 150px;
  left: 150px;
  -webkit-transition-duration: 0.7s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
  transition-timing-function: ease-in-out;
  text-align: center;
  border-radius: 100%;
  padding: 20px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  opacity: 0.3;
  background-color: #0086BA;
}
.btn {
	font-size: 13px;
	display: inline-block;
	padding: 3px 8px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #333;
}  

.buttonWrapper{
	right:50px;
	top:25px;
	position:absolute;
}
.conChkBtn {
	margin-left : 10px;
}

@media (max-width: 450px) and (min-width: 0px) {
        .chapter-menu {display:none !important;}
		.pvp-chaptering{display:none !important;}
		.chapter-menu {display:none !important;}
		.transcriptChkWrapper{display:none !important;}
		.chapter-icon{display:none !important;}			
		#chapter-dot-container{display:none !important;} 
		#volumeBar{display:none !important;}
		#captionsOptionsWrapper{display:none !important;}
		#infoBtn{display:none !important;}
		
		.captionText{font-size:12px;bottom:20px;}
		
		/*external quizzing options */
		.conChkQuestion{font-size:11px;}
		.conChkContainer {width: auto;}
		.conChkQuestion {margin: 10px 10px 0px 10px;font-weight: normal;font-size: 10px;outline: none;}
		.conChkAnswer ul {font-size: 10px;margin: 0px;padding: 0px;}
		.conChkAnswer ul li {margin-top: 0px;cursor:pointer;}
		.ansOption input {vertical-align: middle;margin-bottom: 0px;}

		.ansBtn {font-size: 10px;width: auto;padding: 3px;margin-left: 5px;cursor: pointer;display: none;margin-bottom: 0px;}
			
		.ansBtn:focus{background-color:#000 !important; color:#00b7ff !important;}
		.ansCloseBtn {font-size: 10px;			width: auto;padding: 3px;	margin-left: 5px;	cursor: pointer;		margin-bottom: 5px;		margin-right: 15px;}
		.ansCloseBtn:focus{background-color:#000 !important; color:#00b7ff !important;}

		.pvp-title-description-wrapper{ display:none !important;}
		.pvp-captions-options-main{ display:none !important;}
}

@media (max-height: 300px) and (min-height: 0px)  {
        .chapter-menu {
          display:none !important;}
		.pvp-chaptering{
          display:none !important;}
		.chapter-menu {
          display:none !important;}
		.transcriptChkWrapper{
			display:none !important;}
		.chapter-icon{
			display:none !important;}
		#infoBtn{
			display:none !important;}
		#chapter-dot-container{
           display:none !important;} 
		#volumeBar{
		display:none !important;}
		#captionsOptionsWrapper{
		display:none !important;}
		.captionText{
			font-size:12px;
			bottom:15px;
		}
		
		.pvp-overlay {position: absolute;
			height: 50px;
			width: 45px;
			cursor: pointer;
			background-position: -423px 0;
			top: 50%;
			left: 50%;
			margin-top: -25px;
			margin-left: -25px;
			background-size: 1900% 160%;}
  
		.pvp-overlay:hover, .pvp-overlay:focus {
			background-position: -381px 0; }
	
		.pvp-overlay.pvp-pause-state {
			background-position: -339px 0; }
		
		.pvp-overlay.pvp-pause-state:hover, .pvp-overlay.pvp-pause-state:focus {
			background-position: -295px 0; }
	  
		.pvp-overlay.pvp-replay-state {
			background-position: -506px 0; }
		
		.pvp-overlay.pvp-replay-state:hover, .pvp-overlay.pvp-replay-state:focus {
			background-position: -464px 0; }
		
		.pvp-controls {
			padding: 0px !important; 
		}
		.pvp-progress-bar {
			bottom:33px !important;
		}
		
		
		.pvp-progress-bar-handle{
			background-position: -1357px 1px;
  background-size: 11090% 750%;
  margin-left: -1px;
			}
		.pvp-progress-bar-handle:hover, .pvp-progress-bar-handle:focus{
			  background-position: -1336px 1px;
  background-size: 11090% 750%;
			}
		.pvp-progress-bar-handle{
			margin-top: -7.5px;
			width: 14px;
			}
/*external quizzing options */
		.conChkQuestion{
			font-size:11px;}
		.conChkContainer {
			width: auto;}
		.conChkQuestion {
			margin: 10px 10px 0px 10px;
			font-weight: normal;
			font-size: 10px;
			outline: none;}

		.conChkAnswer ul {
			font-size: 10px;
			margin: 0px;
			padding: 0px;}
			
		.conChkAnswer ul li {
			margin-top: 0px;
			cursor:pointer;}

		.ansOption input {
			vertical-align: middle;
			margin-bottom: 0px;}

		.ansBtn {
			font-size: 10px;
			width: auto;
			padding: 3px;
			margin-left: 5px;
			cursor: pointer;
			display: none;
			margin-bottom: 0px;}
			
		.ansBtn:focus{background-color:#000 !important; color:#00b7ff !important;}

		.ansCloseBtn {
			font-size: 10px;
			width: auto;
			padding: 3px;
			margin-left: 5px;
			cursor: pointer;
			margin-bottom: 5px;
			margin-right: 15px;}
			
		.ansCloseBtn:focus{background-color:#000 !important; color:#00b7ff !important;}
		
		.pvp-title-description-wrapper{ display:none !important;}
		.pvp-captions-options-main{ display:none !important;}
		
		.capHide{	bottom: 0px;}
		.pvp-controls-show{ height: 34px;  padding: 0px;}
}
		
/*hiding settings(gear icon) if width less than 250px*/
@media (max-width: 250px) and (min-width: 0px) {
	#settings{display:none;}
  #captionBtn{display:none;}
}
@media (max-width: 580px) and (min-width: 0px) {
	#pvp-chaptering{display:none;}
	.captionText{
		font-size:14px;
		bottom:30px;
	}

  #frames{
    display: none !important;
  }
}

@media (max-height: 500px) and (min-height: 0px)  {
	.slider { max-height: 60%;}
	.closed { max-height: 0;}
  }
@media (max-height: 400px) and (min-height: 0px)  {
	.pvp-captions-options-rightbox { max-height: 150px;min-height: 150px; overflow-y: auto;}
  }

#toolTip{
  background: black;
  width: 37px;
  bottom: 15px;
  font-family: verdana;
  padding: 2px;
  font-size: 12px;
  color: white;
  border-radius: 3px;
  position: absolute;
}
.miniMode {
	bottom : 0px !important;
	/* opacity:0 !important;  */
}
.miniMode, .miniMode > a {
	height : 5px !important;
}

#captionInnerText{
	padding:2px;
	}

#playlist{
  display: none;
  position: absolute;
  list-style-type: none;
  top: 25%;
  width: auto;
  max-width: 485px;
  background-color: #06334A;
  height: auto;
  left: calc(50% - 236px);
  border-radius: 6px;
}

#playlist span{
  width: 100px;
  height: 75px;
  margin: 5px;
  float: left;
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  border: 1px solid white;
  background-size: 100%;
}

#playlist span:hover{
  border: 1px solid #0086BA;
}


#closeDiv{
  width: 100%;
  display: block;
  margin-top: 5px;
  float: right;
  padding-bottom: 10px;
}
.playlistWrapper{
  margin: 10px;
}
#closeButton{
  background-color: #0086BA;
  float: right;
  color: white;
  border-radius: 3px;
  padding: 3px 15px;
}

#playlistVideos{
  max-height: 175px;
  overflow: auto;
}

.playlist-button{
  display: none;
  width: 30px;
  height: 30px;
  background: url("/html5/images/sprites-1x-playlist.png") no-repeat;
  background-position: -1520px -2px;
}

.playlist-button.off{
   background-position: -1520px -2px; 
}

.playlist-button.on{
   background-position: -1560px -2px; 
}

.playlist-button:hover{
  background-position: -1480px -2px;
}

:-webkit-full-screen #transcriptText {
    display: none !important;
}

.copyrihgt{
	font-size: 10px;
  margin: 2%;
	}
.copyrihgt a{
	color:#fff;
	}	

/* CSS for frames */

#frames{
  display: none;
    line-height: 30px;
    float: right;
}

#frames > *{
  vertical-align: middle;
}

#frameFirst{
  background: url("/html5/images/sprites-1x-frames.png");
  width: 30px;
  height: 30px;
  background-position: -1977px 0px;
}

#framePrev{
      background: url("/html5/images/sprites-1x-frames.png");
    height: 30px;
    width: 25px;
    background-position: -1640px 0px;
}

#frameNext{
  background: url("/html5/images/sprites-1x-frames.png");
  width: 30px;
  background-position: -2730px 0px;
  height: 30px;
}

#seekFrame{
  width: 90px;
    text-align: center;
    border: 0px;
    font-size: 13px;
    height: 20px;
    -moz-appearance:textfield;
}
	
	
/* standalone video resize  */

/* manage width 
@media screen and (min-width: 701px), screen and (min-height: 451px)  {
	#videoWrapper.standalone.SixteenNine
	{
		width:743px !important;
		height: 418px !important;
	}
	
	#videoWrapper.standalone.FourThree
	{
		width:600px !important;
		height: 450px !important;
	}
}
*/
@media screen and (min-width: 600px) and (max-width: 700px), screen and (min-height: 401px) and (max-height: 450px){
	#videoWrapper.standalone.SixteenNine
	{
		width:600px !important;
		height: 338px !important;
	}
	
	#videoWrapper.standalone.FourThree
	{
		width:600px !important;
		height: 450px !important;
	}
	.transcript
	{
		width:600px !important;
	}
}
@media screen and (min-width: 501px) and (max-width: 600px),  screen and (min-height: 301px) and (max-height: 400px){
	#videoWrapper.standalone.SixteenNine
	{
		width:500px !important;
		height: 282px !important;
	}
	
	#videoWrapper.standalone.FourThree
	{
		width:500px !important;
		height: 375px !important;
	}
	.transcript
	{
		width:500px !important;
	}
}
@media screen and (min-width: 401px) and (max-width: 500px),  screen and (min-height: 201px) and (max-height: 300px){
	#videoWrapper.standalone.SixteenNine
	{
		width:400px !important;
		height: 225px !important;
	}
	
	#videoWrapper.standalone.FourThree
	{
		width:400px !important;
		height: 300px !important;
	}
	.transcript
	{
		width:400px !important;
	}

  #frames{
    display: none !important;
  }
	
}
@media screen and (min-width: 301px) and (max-width: 400px), screen and (max-height: 200px){
	#videoWrapper.standalone.SixteenNine
	{
		width:300px !important;
		height: 169px !important;
	}
	
	#videoWrapper.standalone.FourThree
	{
		width:300px !important;
		height: 225px !important;
	}
	.transcript
	{
		width:300px !important;
	}

  #frames{
    display: none !important;
  }
}
@media screen and (max-width: 300px), screen and (max-height: 200px){
	#videoWrapper.standalone.SixteenNine
	{
		width:300px !important;
		height: 169px !important;
	}
	
	#videoWrapper.standalone.FourThree
	{
		width:300px !important;
		height: 225px !important;
	}
	.transcript
	{
		width:300px !important;
	}
}




#playme{
  display:none;
}


#videoFrame{
  position:relative;
  width:500px;
  height:500px;
  top: 7%;
    margin: 0 auto;
      overflow: hidden;
}


#myvideo{
background: rgba(226,226,226,1);
background: -moz-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(135deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
}


.gradient{
  position:absolute;
      top: 10%;
    left: 10%;
    width: 200px;
    height: 311px;
    border: 1px solid #B3B3B3;
       /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

    }
  
.chapterGradient{
  position:relative;
  left:20px;
  
  width:100px;
  height:25px;
  color:black;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}


#mediaControl{
  position:absolute;
  width: 100%;
  z-index:1;
  display:none;
}

/*
#prevTime{
  display:inline-block;
  background-image: url('/html5/images/conceptArrow_left.png');
  width:22px;
  height:20px;
  position: relative;
  background-repeat: no-repeat;
  left: 55%;
}
*/

#currLbl{
  display:inline-block;
  width:150px;
  font-family:verdana;
  font-weight:bold;
  color:#8c8888;
  line-height: 50px;
  vertical-align: top;
  text-align: center;
}

/*
#nxtTime{
  display:inline-block;
  background-image: url('/html5/images/conceptArrow_Right.png');
  width:22px;
  height:20px;
  position: relative;
  background-repeat: no-repeat;
   left: 70%;
}*/

#homeBtnHolder{
  position:absolute;
  cursor:pointer;
}

#prevBtnHolder{
  width:40px;
  position:absolute;
  cursor:pointer;
}

#nextBtnHolder{
  position:absolute;
  width:40px;
  cursor:pointer;
}

#mediaCtrl{
  float:right;
  width:100%;
}

#customBtnHolder{
	position:absolute:
	display:none;
}

#posterDetails{
    position: relative;
    width: 50%;
    height: 50%;
    top: -50%;
    left: 64%;
}


.nxtTime{
   /* Base size */
    font-size:11px;
	display:block;
	width:100%;
    height:100%;
    color:#fff;
    text-align: center;
	border-radius:6px;
    /*background: #60224b;*/
    /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#60224b), to(#c45e9f));
    background: -webkit-linear-gradient(#60224b, #c45e9f);
    background: -moz-linear-gradient(#60224b, #c45e9f);
    background: -ms-linear-gradient(#60224b, #c45e9f);
    background: -o-linear-gradient(#60224b, #c45e9f);
    background: linear-gradient(#60224b, #c45e9f);
    border:.1em solid #ccc;*/
}

.prevTime {
  /* Base size */
    font-size:11px;
    display:block;
    width:100%;
    height:100%;
    color:#fff;
    text-align: center;
	border-radius:6px;
    /* text-shadow:1px 0 .25em #000;
    background: #60224b;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#60224b), to(#c45e9f));
    background: -webkit-linear-gradient(#60224b, #c45e9f);
    background: -moz-linear-gradient(#60224b, #c45e9f);
    background: -ms-linear-gradient(#60224b, #c45e9f);
    background: -o-linear-gradient(#60224b, #c45e9f);
    background: linear-gradient(#60224b, #c45e9f);
    border:.1em solid #ccc;*/
}



.nxtTime:after {
    content:">";
    font-size:2em;
    position:relative;
    
    padding:0.3em;
    font-weight:900;
}





.prevTime:after {
    content:"<";
    font-size:2em;
    position:relative;
   /* top:-.2em;*/
    padding:0.3em;
    font-weight:900;
}



.returnBtn{
  font-family: verdana;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  text-align: center;
  width: 100%;
  color:white;
  border-radius:6px;
}



.clipPlayer-fade-out {
  display: block;
  visibility: hidden;
  opacity: 0;

  -webkit-transition: visibility 1.5s, opacity 1.5s;
     -moz-transition: visibility 1.5s, opacity 1.5s;
      -ms-transition: visibility 1.5s, opacity 1.5s;
       -o-transition: visibility 1.5s, opacity 1.5s;
          transition: visibility 1.5s, opacity 1.5s;

  /* Wait a moment before fading out the control bar */
  -webkit-transition-delay: 2s;
     -moz-transition-delay: 2s;
      -ms-transition-delay: 2s;
       -o-transition-delay: 2s;
          transition-delay: 2s;
}