html,
body {
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:white;
	height:100%;
}

.vplayer {
	width:100%;
  position:relative;
  overflow:hidden;
  height:100%;
}

.vplayer-video {
  background:#fff;
  padding:0;
  margin:0;
  border:0;
}

.vplayer-bar {
	background:#ededed;
	position:absolute;
	opacity:0.95;
	bottom:0;
}

.vplayer-buttons {
  float:left;
  display:inline-block;
  overflow:hidden;
}

.vplayer-button {
  background-color:#00003e !important;
  border: 1px solid #00003e;
  color:#fff;
  margin:0;
  padding:0;
  border:0;
  float:left;
  cursor:pointer;
}

.vplayer-button-over {
  opacity:0.8;
}

.vplayer-progress {
   position:relative;
   padding:0;
   margin:0;
   background:#ededed;
   display:inline-block;
}

.vplayer-progress-bar {
  border: 0px solid #029a51;			 
  background:#ededed;
  margin:0;
  padding:0;
  float:left;
  cursor:pointer;
  width:50px;
}

.vplayer-progress-bar-tmp {
  background:#029a51;
  border: 0px solid #029a51;
  margin:0;
  padding:0;
  width:0%;
  position:absolute;
  top:0;
  left:0; 
}

.vplayer-progress-bar::-webkit-progress-bar {			 
  background:#ededed;
}

.vplayer-progress-bar::-webkit-progress-value {			 
  background:#029a51;
}

.vplayer-progress-bar::-moz-progress-bar {			 
  background:#029a51;
}

.vplayer-bufferbar {
   width: 0;
   background-color: #ccc;
   position:absolute;
   bottom:0;
}

.vplayer-play {
   text-indent:-200px;
   background-image:url("/100years/images/player_start.png");
   background-repeat: no-repeat;
   background-position: center;
}

.vplayer-pause {
   background-image:url("/100years/images/player_pause.png") !important;
}

.vplayer-pos {
   width: 1px;
   background-color: #029a51;
   position:absolute;
   top:0;
   pointer-events: none;
   display:none;
}

.vplayer-play-overlay {
   position:absolute;
   top:0;
   left:0;
   background-image:url("/100years/images/play.png");
   background-repeat: no-repeat;
   background-position: center;
   cursor:pointer;
   z-index:2;
}

.vplayer-msg {
	display:none;
	height:60px;
	overflow:hidden;
}

.vplayer-speaker {
   background-image:url("/100years/images/player_speaker.png");
   background-repeat: no-repeat;
   background-position: center;
   cursor:pointer;	
   display: table-cell;
   vertical-align: middle;
}

.vplayer-speaker-mute {
   background-image:url("/100years/images/player_speaker_mute.png") !important;
}


.vplayer-volumebar {
	display: table-cell;
    vertical-align: middle;
	padding-top:5px;
}

.vplayer-volume {
	padding:0;
	margin:0;
}

.vplayer-audio {
   position:relative;
   padding:0;
   margin:0;
   background:#029a51;
   display: table;
   float:right;
}

.vplayer-volumebar input[type=range] {
  -webkit-appearance: none !important;
  width: 100%;
}

.vplayer-volumebar input[type=range]:focus {
  outline: none;
}

.vplayer-volumebar input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  cursor: pointer;
  background: #fff;
  border-radius: 0px !important;
  border: 0px solid #010101;
  -webkit-appearance: none !important;
}

.vplayer-volumebar input[type=range]::-webkit-slider-thumb {
  border: 0px solid #75c59e;
  border-radius: 0px !important;
  background: #75c59e;
  cursor: pointer;
  -webkit-appearance: none !important;
  margin-top: -0.7px;
  width:15px;
  height:15px;
}

.vplayer-volumebar input[type=range]:focus::-webkit-slider-runnable-track {
  background: #000;
}

.vplayer-volumebar input[type=range]::-moz-range-track {
  width: 100%;
  cursor: pointer;
  background: #fff;
  border-radius: 0px;
  border: 0px solid #010101;
}

.vplayer-volumebar input[type=range]::-moz-range-thumb {
  border: 0px solid #75c59e;
  border-radius: 0px;
  background: #75c59e;
  cursor: pointer;
}

.vplayer-volumebar input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.vplayer-volumebar input[type=range]::-ms-fill-lower {
  background: #ddd;
  border: 0px solid #010101;
  border-radius: 0px;
}

.vplayer-volumebar input[type=range]::-ms-fill-upper {
  background: #fff;
  border: 0px solid #010101;
  border-radius: 0px;
}

.vplayer-volumebar input[type=range]::-ms-thumb {
  border: 0px solid #75c59e;
  border-radius: 0px;
  background: #75c59e;
  cursor: pointer;
}

.vplayer-volumebar input[type=range]:focus::-ms-fill-lower {
  background: #ddd;
}

.vplayer-volumebar input[type=range]:focus::-ms-fill-upper {
  background: #fff;
}


.vplayer-volumebar input[type=range]:focus {
    outline: none;
}

.vplayer-volumebar input[type=range]:focus::-webkit-slider-runnable-track {
    background: #fff;
}

.vplayer-error-overlay {
   position:absolute;
   top:0;
   left:0;
   background:#f8a900;
   cursor:pointer;
   opacity:0.95;
   text-align:center;
   vertical-align:middle;
   color:#fff;
   display: none;
}

.vplayer-error-overlay span {display: inline-block;vertical-align: middle;line-height:20px;font-size:14px;font-family:Arial;}

.vplayer-time {
	color:#fff;
	font-family:Arial;
	font-size:12px;
}

.vplayer-poster-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;

    background-image:url("/100years/poster.png");
    background-size: contain;
    background-repeat: no-repeat;
	background-position: center;
}