body, table, tr, th, td, h1, h2, h3, h4, h5, div, input, select {
	font-family: Verdana, Arial;  
	font-size: 17pt;
	color: white;
}

.button { color: #B63F0C; border-radius: 20px; padding: 9px 24px 9px 24px; font-weight: bold; }
.text   { color: #000000; border-radius:  1px; padding:  4px  7px 2px  7px; }
input.text   { text-align: center; }
input::placeholder { color: #6B767D; }
input::-ms-input-placeholder { color: #6B767D; }
.button, .text {
	display: inline-block;
	border: 2px solid #6B767D; 
}
.button {
	background: #FBFDFD; /* Old browsers */
	background: -moz-linear-gradient(top, #FBFDFD 0%, #AFB5B7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #FBFDFD 0%, #AFB5B7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #FBFDFD 0%, #AFB5B7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FBFDFD, endColorstr=#AFB5B7,GradientType=0 ); /* IE6-9 */
}
.text:hover, .button:hover { color: #ffffff; background: #F37440; }

body {
	background: #394951;
	text-shadow: 2px 2px 5px black;
}
h1 {	font-size: 40pt;
	letter-spacing: 0.05em;
	text-align: center;
	text-shadow: 2px 2px 5px black;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
}
.h1 {	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	text-align: center;
	color: #F3753F;
	padding: 2px 30px 1px 30px; 
	background: #000000;
}
h3 {	font-size: 32pt;
	text-align: center;
	text-shadow: 2px 2px 5px black;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 20px 0px; 
	color: #FEC64D; 
}
div.centerscreen { position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0, -50%); }
#allplayers { font-size: 24pt; color: #FEC64D; }

a:link {
	color: #0066ff;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:active {
	color: #0066ff;
	text-decoration: none;
}
a:hover {
	color: #0066ff;
	text-decoration: underline;
}
a.allplayers { color: #FEC64D; }

.newquestion { font-size: 24pt; }
td.option { width: 45%;
	background: black;
	border: 2px solid #6B767D; 
	font-size: 24pt;
	padding: 13px;
	border-radius: 12px;
}

td.option2 { width: 130px;
	background: black;
	border: 2px solid #6B767D; 
	font-size: 32pt;
	padding: 13px;
	border-radius: 12px;
	cursor: pointer;
}
td.option2 input {
	width: 30px;
	height: 30px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	padding: 3px;
	background-clip: content-box;
	border: 2px solid #6B767D; 
	margin-right: 0;
}
td.option2 input:checked  {
	background-color: #F37440;
}
td.option2 input[type=radio] { border-radius: 50%; }
td.option2 input[type=checkbox] { border-radius: 15%; }

table.votes tr td {
	padding: 6px;
	font-size: 24pt;
}
table.votes tr td.x {
	text-align: right;
}

.progress, #answered { color: #FEC64D; }
.feedback { font-size: 32pt; }

div.bgcolor { position: relative; border: solid 2px #999999;  width: 80px; height: 45px; cursor: pointer; }

.sql { font-family: Consolas, Courier New;
	font-size: 17pt;
	color: #FFE0C0;
	text-align: left;
	display: inline-block;
}

.orangebar { position: absolute; bottom: 40px; left: 0px; width: 100%; height: 5px; }
.footer { position: absolute; bottom: 0px; padding-bottom: 12px; left: 0px; width: 100%; text-align: center; background: black; }
.bigclick { position: absolute; bottom: 42px; right: 2px; display: none; }
.bookmarkDiv {position: absolute; bottom: 10px; left: 8px; width: 11px; display: none; }

.nextQ { display: inline-block; height: 51px; margin-top: 6px; }

img.feedback { width: 150px; height: 150px; padding: 6px; }