html, body
{
	font-family: sans-serif;
	background-color: #222;
	color: #ccc;
	margin: 0px;
	height: 100%;
}
video
{
	margin: auto;
	height: 100%;
	width: 100%;
}
table, th, td
{
	text-align: left;
	/*border: 1px solid white;*/
	border-collapse: collapse;
	border: 1px solid #333;
}
th, td
{
	padding: 8px;
}
tr
{
	display: table-row;
}
tr:nth-child(even)
{
	background-color: #333;
}
table.preview tr:nth-child(n+12)
{
	display: none;
}

.movie-tag
{
	border-radius: 10px;
	border: 2px solid #666;
	padding: 1px 4px;
}

.syncplayer
{
	margin: auto;
	height: 100%;
	width: 100%;
}
.playercontrols
{
	position: absolute;
	bottom: 0px;
}
.title
{
	position: absolute;
	top: 10%;
	left: 0px;
	width: 100%;
	border-top: #000 solid 5px;
	border-bottom: #000 solid 5px;
	font-size: 5em;
	font-size: 5vw;
	text-align: center;
	visibility: hidden;
	background-color:rgba(0, 0, 0, 0.4);
	text-shadow: -1px  1px 0px #000,
				  1px  1px 0px #000,
				  1px -1px 0px #000,
				 -1px -1px 0px #000,
				 -2px  2px 1px #000,
				  2px  2px 1px #000,
				  2px -2px 1px #000,
				 -2px -2px 1px #000;
}
#button-container
{
	margin: 10px;
}
#mute-info-box
{
	position: absolute;
	bottom: 0px;
	left: 40px;
}
#countdown
{
	font-family: monospace, monospace;
}

/* request form */
.table
{
	display: table;
}
.row
{
	display: table-row;
}
.cell
{
	padding: 3px;
	display: table-cell;
	vertical-align: top;
}
input[type=text]
{
	min-width: 300px;
	width: 100%;
}
textarea
{
	min-width: 300px;
	width: 100%;
}

/* volume warning box */
.box.error
{
	border-color: #922;
	background: #922;
	color: white;
}
.box.success
{
	border-color: #292;
	background: #292;
	color: white;
}
.box
{
	min-width: 50px;
	min-height: 20px;
	border-color: #CCC;
	background-color: #CCC;
	color: #555;
	display: inline-block;
	position: relative;
	padding: 10px;
	font-size: 13px;
	margin: 20px;
	border-radius: 10px;  
	box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.2),
				inset -1px -1px 0px rgba(0, 0, 0, 0.6),
				0 14px 6px -10px rgba(0, 0, 0, 0.3);
}
.speech-bottom:after
{
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	top: 100%;
	left: 10px;
	margin-top: -2px;
	border: 10px solid;  
	border-color: transparent;
	border-top-color: inherit;
}
.speech-push-right:after
{
	left: 100%;
	margin-left: -30px;
}

a
{
	color: #fff;
}

a:hover
{
	color: #aaa;
}