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;
}

#speedDiv{
  display: none;
}

.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; 
  /* MP-6655 For popup block removal in safari13 */
  z-index: 1;
}
  .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;
     /* MP-8831 Info Focus not visible */
    /*outline:none;*/
    outline:2px  black;
  }
 

.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.pvp-quiz-state{ 
  height: 100%;
  width: 100%;
  top: 0%;
  left: 0%;
  margin-top: 0px;
  margin-left: 0px ;  
}
  .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;
  }
	  
.pvp-middle-wrapper {
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
width: 100%;
height: 90%;
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:1;
	  }
	  
#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;
    /* MP-7155 hided
    transition-delay:3s;
    */
  }
		
.pvp-progress-bar {
  position: absolute;
  bottom: 43px;
  left: 0;
  width: 100%;
  height: 9px;
  /* MP-8265 - Replaced the background color */
  /* background: #444; */
  background: #666;
  cursor: pointer; 
  z-index:102;
  transition-property: all;
  transition-duration: 0s;
  /* MP-7221 - Added border */
  border: 1px solid #000000;
}

.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%;
  /* MP-7221 */
  /* margin-top: -9px; */
  margin-top: -11px;
  width: 18px;
  height: 18px;
  background-position: -1788px 0; 
  /* MP-7221-Added */
  border-radius: 25px;
  border: 1px solid #000000;
}
  .pvp-progress-bar-handle:hover, .pvp-progress-bar-handle:focus {
    background-position: -1760px 0; }
 
 .pvp-controls-right {
  /*width: 70%; MP-6171*/ 
  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{}
/*MP-6814 modified height value 100% to auto*/
.pvp-captions-options-leftbox{ float: left; width: 50%; text-align:left;border-right:1px solid #252525;height:auto;}
.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;}

a#captions-options {
    color: #ffffff;
}
	  
.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;
  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;
    /* MP-7221
    margin: 7px 0; */
    margin: 12px 0;
  width: 60px;
  background-position: -40px -100px;
  height: 16px;
  background: transparent;
  }		
.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{
/* MP-7325 Modified background */
/* background: #00B7FF; */
background: #D61AA4;
color: white;
}

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

.caption-txt:hover{
  /* MP=8007 Modified the background*/
/* background: #ccc; */
background: #444444;
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;
}
.embedVideo .chapter-icon{
	right: 9%;
    top: 6%;	
}
.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;
}

.conChkContainers {
	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;
  /*MP-7316*/
  /* background: #0586B9; 
  color: #fff;*/
  background: #000000;
	color: #00B7FF;
	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;}

.submitBtn {
	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: block;
	margin-bottom: 10px;
}
.submitBtn: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;
	/* MP-7332 - Modified border radius */
	/* border-radius: 5px; */
  border-radius: 2px; 
	color: white;
	text-align: center;
	vertical-align: middle;
}
.conChkQIcon:focus{background-color:#000 !important; color:#00b7ff !important; }
.conChkQIcon span{
	bottom: 5px;
	position: relative;
}

.timePauseIcon {
	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%;
	bottom: 20%;
	z-index: 1;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-align: center;
	vertical-align: middle;
}
.timePauseIcon:focus{background-color:#000 !important; color:#00b7ff !important; }
.timePauseIcon span{
	bottom: 5px;
	position: relative;
}

div#timePauseUI.conChkContainers.slider { display:none; width:auto; }

.conChkContainer.fullscreen { right: 2%; }
.conChkContainers.fullscreen { right: 2%; }

.timePauseIcon.fullscreen { right: 2%; }

.ansCloseBtn {
  float: right;
  /* MP-7316 */
  /* background: #0586B9; 
  color: #fff;*/
  background: #000000;
	color: #00B7FF;
	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 { */
.transcriptChkWrapper > input{
	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) {     
    	/*.pvp-chaptering{display:none !important;}
		.chapter-menu {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;}
    /* MP-8720 - Allow transcript for small rendition */
		/*.transcriptChkWrapper{display:none !important;}*/
		.captionText{font-size:12px;bottom:20px;}
		
		/*external quizzing options */
    .conChkQuestion{font-size:11px;}
    /*MP-6879 - Hided the width*/
		/*.conChkContainer { width: auto;}*/
		.conChkContainers {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;}

		.pvp-controls-show{
		 height: 33px;
		 padding: 3px;
		 opacity:1;
		}
	
		.pvp-progress-bar {
		  position: absolute;
		  bottom: 33px;  
		}
}

@media (max-height: 300px) and (min-height: 0px)  {
        /*.chapter-menu {
          display:none !important;}
		.pvp-chaptering{
          display:none !important;}		
		.chapter-icon{
			display:none !important;}
		#chapter-dot-container{
           display:none !important;}*/
    /* MP-8089 - Allow transcript for small rendition */
		 /*.transcriptChkWrapper{
			display:none !important;} */
		#infoBtn{
			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:30px !important;
		}
		
		
		.pvp-progress-bar-handle{
      /* MP-7842 - Hided */
			/* 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%; */
        /* MP-7842 - Added */
        background-position: -1762px 0;
			}
		.pvp-progress-bar-handle{
      /* MP-7842 - Added */
      /* margin-top: -7.5px; 
      width: 14px;*/
      margin-top: -8.5px;
      width: 14px;
      height: 14px;
      background-position: -1790px 0px;
			}
/*external quizzing options */
		.conChkQuestion{
			font-size:11px;}
    /*MP-6879 - Hided the width*/
    /*.conChkContainer {
       width: auto;
    }*/
		.conChkContainers {
			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 {
      /*MP-6879 - Altered the margin*/
      /*margin-top: 0px;*/
      margin-top: 8px;
			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;
      /*MP-6879 - Altered the margin*/
      /*margin-bottom: 0px;*/
      margin-bottom: 2px;
			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: 30px;  padding: 0px;}*/

		.pvp-controls-show{
			height: 33px;
			 padding: 3px;
			 opacity:1;
		 }
		
		.pvp-progress-bar {
		  position: absolute;
		  bottom: 33px;  
		}

}
		
/*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: 405px)  {
	.slider { max-height: 60%;}
	.closed { max-height: 0;}
  }
@media (max-height: 405px) and (min-height: 0px)  {
	.pvp-captions-options-rightbox { max-height: 150px;min-height: 150px; overflow-y: auto;}
	.pvp-title-wrapper { padding: 3px;}
	.chapter-icon { top: 35px;}
	.slider { max-height: auto;}
	.closed { max-height: 0;}
  }

#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: 650px) and (max-width: 750px), screen and (min-height: 451px) and (max-height: 700px){
	/* #videoWrapper.standalone.SixteenNine
	{
		width:700px !important;
		height: 394px !important;
	}
	
	#videoWrapper.standalone.FourThree
	{
		width:700px !important;
		height: 550px !important;
	}
	.transcript
	{
		width:700px !important;
  } */
  
  /*
  #videoWrapper.standalone.SixteenNine
	{
		width:722px !important;
		height: 406px !important;
	}
	
	#videoWrapper.standalone.FourThree
	{
		width:722px !important;
		height: 570px !important;
	}
	.transcript
	{
		width:722px !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;
  }
  
  /* MP-8720 - added for transcript text style */
  .caption-txt{
      padding: 3px 0px 3px 3px;
  }
}
@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;
  }

  /* MP-8720 - added for transcript text style */
  .caption-txt{
    padding: 2px 0px 2px 2px;
}
}
@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;
  }
  
  /* MP-8720 - added for transcript text style */
  .caption-txt{
    padding: 2px 0px 2px 2px;
}
}




#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;
}

#restart{
  width:100% !important;
  height:100% !important;
  display: inline-block;
  padding-top: 0px;
  padding-left:0px;
}

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

.credit-line-btn{
  height:20px;
  width: 40px;
}
 .creditLines
        {
            opacity: 0;
            width: 100px;
            height: 100px;
            background: #b49494;
            color: #fff;
            position: absolute;
            top: 20%;
            left: 30%;
            background: #000;
            border-radius: 3px;
            
            z-index: 99;
        }
        .creditLine
        {
            opacity: 0;
            width: 100px;
            height: auto;
            background: #ffd800;
            color: #fff;
            position: absolute;
            top: 20%;
            left: 30%;
            background: #000;
            border-radius: 3px;
            padding: 5px;
            z-index: 9;
        }
.anotates{
  width: 100px;
            height: auto;
            background:transparent;
            color: #fff;
            position: absolute;
            top: 20%;
            left: 30%;
            z-index: 9;
            border:2px solid #fff;

}
.anotate-link{
   background: transparent;height: 100%;width: 100%;display: block;
}
.anotate-link:hover{
   background: #fff;height: 100%;width: 100%;display: block;opacity: 0.2;
}

.anotate-close{
  width: 20px;
  height: 20px;
  position: absolute;
  top:-15px;
  right: -15px
}

/* speed Bar css starts here */
.speed-txt-wrapper{
  display:none;
  vertical-align: top;
}
.speed-txt{
  width: 59px;
  height: 28px;
  text-align:center;

}
.speed-txt-above{
  width: 59px;
  height: 28px;
  background: url(/html5/images/video-speed-bg.gif) -4px -2px;

}

.speed-txt-below{
  width: 59px;
  height: 28px;
  background: url(/html5/images/video-speed-bg-black.gif) -4px -2px;
}

.speed-inc{
  width:  5px;
  height: 5px;
  display: inline-block;
  float: right;
  background: url(/html5/images/audio-speed-background.gif) -52px 34px; 
}

.speed-dec{
  width:  5px;
  height: 5px;
  display: inline-block;
  background: url(/html5/images/audio-speed-background.gif) -4px 6px; 
}
.speedBar:not(.ie) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: black;
    border-radius: 3px;    
}

.speedBar {
    width: 96%;
    height: 8px;
    padding: 0px;
    margin: 2px 0px;
    position: relative;
    margin-top: 10px;
    background-color: black !important;
}

	input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    
    /*fix for FF unable to apply focus style bug */
    border: 0px solid white;
    
   
}
input[type=range]::-webkit-slider-runnable-track {
	height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #fff;
    margin-top: -5px;
}
input[type=range]:focus::-webkit-slider-thumb, input[type=range]:hover::-webkit-slider-thumb{
    background: #00b7ff;
    /* MP-7664 replace with black border */
    /* border: 1px solid white; */
    border: 1px solid #000;
	
} 
input[type=range]:focus {
    outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}
input[type=range]::-moz-range-track {
    height: 5px;
    background: #fff;
    border: none;
	border: 1px solid white;
    /*border-radius: 3px;*/
}
input[type=range]::-moz-range-thumb {
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #fff;   
}
input[type=range]:focus::-moz-range-thumb, input[type=range]:hover::-moz-range-thumb{
    background: #00b7ff;
    /* MP-7664 replace with black border */
    /* border: 1px solid white; */
    border: 1px solid #000;
  
} 
/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 0px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {  
    height: 5px;    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    /*background: transparent;*/    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #fff; 
	z-index: 1;
}
input[type=range]:focus::-ms-thumb, input[type=range]:hover::-ms-thumb{
    background: #00b7ff;
    /* MP-7664 replace with black border */
  /* border: 1px solid white; */
      border: 1px solid #000;
	z-index: 1;
} 
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}


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:focus::-ms-thumb, input[type=range].ie:hover::-ms-thumb{
    background: #00b7ff;
    /* MP-7664 - Replace with black border */
  /* border: 1px solid white; */
  border: 1px solid #000;
}
input[type='range'].ie::-ms-tooltip {
  display:none;
}

.speed-txt .speedBar::-ms-track{
  background: #000;
  color: transparent;
  cursor: pointer;
  border-radius: 3px;
  /* MP-7664 replace with black border */
  border: 1px solid #fff;
}
.speed-txt .speedBar::-ms-thumb {
  width: 10px;
  height: 10px;
  background: #fff;  
  border-radius: 50%;
}
.speed-txt .speedBar::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #fff;
    margin-top: -3px;
    /* MP-7664 Added black border */
    /* border: 1px solid #000; */
    /* MP-7664 Added white border */
    border: 1px solid #FFF !important;
}
.speed-txt .speedBar::-moz-range-thumb {
  -moz-appearance: none;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 5px;
  /* MP-7664 Added white border */
  border: 1px solid #FFF !important;
}
.speed-txt .speedBar{
  width: 96%;
  height: 10px;
  padding: 0px;
  margin: 2px 0px;
  position: relative;
}

.speed-txt .speedBar.ie{
  margin-top: 9px !important;
  height: 10px !important;
}
.speed-txt .speedBar:not(.ie){
  -webkit-appearance: none;
  -moz-appearance:none;
  background: black;
  border-radius: 3px;
  height: 7px !important;  
}
.speed-txt .speedBar::-ms-fill-lower {
  background: #000 !important;
}
.speed-txt .speedBar::-ms-fill-upper {
  background: #000 !important;
}
.speed-txt .speedBar::-moz-range-track{
  background: #000;
}
.speed-txt input[type=range]::-webkit-slider-runnable-track {
  background: #000;
  color: transparent;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #fff;
}
.speed-txt input[type=range]::-webkit-thumb {
    margin-top: 5px;
}

.speed-txt span {
  color: #fff;
  font-size: 9px;
  text-align: center;
}
.speed-txt span::before{
  content: "-";
  font-weight: bold;
  left: -10px;
  position: relative;
  top: 20px;
}
.speed-txt span::after{
  content: "+";
  font-weight: bold;
  left: 10px;
  position: relative;
  top: 22px;
}

@media (max-width: 680px) and (min-width: 0px) {
  .speed-txt { display: none !important;} 
  #speedDiv {display: block !important;}
}

/* Firebox */
.pvp-volume input[type="range"]::-moz-range-progress {
  background-color: #00B6FF; 
  height: 5px;
  border-radius: 1px;
}
.pvp-volume input[type="range"]::-moz-range-track {  
  background-color: grey;
}

/* IE*/
.pvp-volume input[type="range"]::-ms-fill-lower {
  background-color: #00B6FF; 
}
.pvp-volume input[type="range"]::-ms-fill-upper {  
  background-color: grey;
} 

#transcriptList {
    /* text-transform: capitalize; */
}

#rewind-fast-farward{
  display: inline;
  line-height: 35px;
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999;
  padding-left: 7px;
}
#rewind-fast-farward button{
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
}
#rewind-fast-farward .active, #rewind-fast-farward button:hover:not([disabled]){
  background-color: #00B6FF;
  color:#fff;
}
.ff-rw-btn-disabled{
    cursor: not-allowed;
    pointer-events: none;
	opacity: 0.5;
}
.fast-farward{
	margin-left: 1px;
}
.rewind{
	margin-right: 1px;
}

div.icon {
    height: 32px;
    width: 32px;
    position: relative;
    margin: 15px;
    overflow: hidden;
    display: inline-block;
}

/* Forward */
div.icon div.forward {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #333;
    border-width: 8px 8px 8px 12px;
    margin: 8px 0 0 5px;
}

div.icon div.forward:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #333;
    border-width: 8px 8px 8px 12px;
    margin: 8px 0 0 17px;
    left: 0;
    top: 0
}
/* Rewind */
div.icon div.rewind {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #333 transparent transparent;
    border-width: 8px 12px 8px 8px;
    margin: 8px 0 0 -5px;
}

div.icon div.rewind:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0;
    border-style: solid;
    border-color: transparent #333 transparent transparent;
    border-width: 8px 12px 8px 8px;
    margin: 8px 0 0 7px;
    left: 0;
    top: 0
}

/*MP-7221*/
/* MP-7677 - Added not ie */
.volslider:not(.ie){
  -webkit-appearance: none;
   width: 60px !important;
   height: 7px !important;
   background: #d3d3d3;
   outline: none;
   border-radius:25px;
   border: 1px solid #FFFFFF !important;
 }
 
 .volslider::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 30px;
   height: 30px;
   background: #FFFFFF;
   cursor: pointer;
   border-radius:25px;
   /* MP-7664 Added black border */
   border: 1px solid #000 !important;
 }
 
 .volslider::-moz-range-thumb {
   width: 25px;
   height: 25px;
   background: #FFFFFF;
   cursor: pointer;
   /* MP-7664 Added black border */
   border: 1px solid #000 !important;
 }