#player {
	background-color: #16120E;
	display: inline-block;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
img {
/*	background-color: rgb(70, 70, 70);	*/
}
img:hover {
	background-color: #932A04;
}
img:active {
	background-color: #ED5923;
}
img, #pbar-container, #sbar-container {
	cursor: pointer;
}

/* THE CONTAINER */

#video-container {
	position: relative;
}
video {
	height: 100%;
	width: 100%;
}
#screen {
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: center;
	z-index: 1 !important;
}
#screen img {
	vertical-align: middle;
	height: 100%;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE8 and earlier */
}

#pbar-container {
	padding-bottom: 1px;
	margin-top: 1px;
	background-color: #211D19;
}
#pbar {
	height: 8px;
	width: 0%;
	/* background-color: rgb(50, 170, 220); */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
	background: rgb(204,63,12); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(204,63,12,1) 0%, rgba(239,86,31,1) 50%, rgba(204,63,3,1) 54%, rgba(242,85,29,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(204,63,12,1) 0%,rgba(239,86,31,1) 50%,rgba(204,63,3,1) 54%,rgba(242,85,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(204,63,12,1) 0%,rgba(239,86,31,1) 50%,rgba(204,63,3,1) 54%,rgba(242,85,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3f0c', endColorstr='#f2551d',GradientType=0 ); /* IE6-9 */
}
#buttons-container {
	height: 30px;
}
#buttons-container > * {
	display: inline-block;
	margin: 0 10px;
	height: 100%;
	/*outline: 1px solid #F00;*/
	vertical-align: middle;
}
#time-field {
	font-family: Arial,sans-serif;
	font-size: 11px;
	color: #E4DBD3;
	line-height: 30px;
	cursor: default;
}
#sound-button {
	margin-right: 0;
}
#sbar-container {
	width: 100px;
	height: 5px;
	margin-left: 0;
	background-color: rgb(70, 70, 70);
}
#sbar {
	height: 100%;
	width: 100%;
	/* background-color: rgb(50, 170, 220); */
	background: rgb(109,179,242); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
}
#fullscreen-button {
	float: right;
}