video {
	background-color: #000000;
}

#videoArrow {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 30px solid #595959;
	z-index: 9;
	position: absolute;
	top: 185px;
	left: 30px;
}



/* Navigation buttons */

.material-icons {
	cursor: pointer;
	float: left;
	border: solid 1px #fff;
	color: #fff;
	background-color: rgba(128, 128, 128, 0.41);
	font-size: 25px;
	/* outline: none; */
	position: relative;
	min-height: 39px;
	color: #fff;
	font-weight: bold;
}

.skipNavig {
	-webkit-clip-path: inset(100%);
	clip-path: inset(100%);
	-webkit-clip: rect(1px,1px,1px,1px);
}
.skipNavig:focus {
	-webkit-clip-path: none;
	clip-path: none;
	-webkit-clip: none;
}

.prev {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/prev.png');
	background-repeat: no-repeat;
}
.prev:hover, .prev:focus {
	background: url('imgs/buttons/prev_hover.png');
}

.prev-inactive {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/prev_inactive.png');
	background-repeat: no-repeat;
	cursor: default;
}

.next {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/next.png');
	background-repeat: no-repeat;
}
.next:hover, .next:focus {
	background: url('imgs/buttons/next_hover.png');
}

.next-inactive {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/next_inactive.png');
	background-repeat: no-repeat;
	cursor: default;
}

.play {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/play.png');
	background-repeat: no-repeat;
}
.play:hover, .play:focus {
	background: url('imgs/buttons/play_hover.png');
}

.play-inactive {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/play_inactive.png');
	background-repeat: no-repeat;
	cursor: default;
}

.pause {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/pause.png');
	background-repeat: no-repeat;
}
.pause:hover, .pause:focus {
	background: url('imgs/buttons/pause_hover.png');
}

.pause-inactive {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/pause_inactive.png');
	background-repeat: no-repeat;
	cursor: default;
}

.home {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/home.png');
	background-repeat: no-repeat;
}
.home:hover, .home:focus {
	background: url('imgs/buttons/home_hover.png');
}

.home-inactive {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/home_inactive.png');
	background-repeat: no-repeat;
	cursor: default;
}

.help {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/question.png');
	background-repeat: no-repeat;
}
.help:hover, .help:focus {
	background: url('imgs/buttons/question_hover.png');
}

.help-inactive {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/question_inactive.png');
	background-repeat: no-repeat;
	cursor: default;
}

.info {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/info.png');
	background-repeat: no-repeat;
}
.info:hover {
	background: url('imgs/buttons/info_hover.png');
}

.info-inactive {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/info_inactive.png');
	background-repeat: no-repeat;
	cursor: default;
}

.faq {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/faq.png');
	background-repeat: no-repeat;
}
.faq:hover {
	background: url('imgs/buttons/faq_hover.png');
}

.search_icon {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/search.png');
	background-repeat: no-repeat;
}
.search_icon:hover {
	background: url('imgs/buttons/search_hover.png');
}

.logout {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/exit.png');
	background-repeat: no-repeat;
}
.logout:hover, .logout:focus {
	background: url('imgs/buttons/exit_hover.png');
}
.logout-inactive {
	height: 37px;
	width: 37px;
	background: url('imgs/buttons/exit_inactive.png');
	background-repeat: no-repeat;
	cursor: default;
}

.transcript {
	height: 30px;
	text-transform: uppercase;
	font-style: italic;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #333;
}