style.css

* {
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
html, body {
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	cursor: pointer;
	font-size: 10pt;
	overflow: hidden;
}
#wrapper {
	height: 100%;
}
#top {
	background: url('img/topgradient.png') repeat-x;
	height: 4px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}
table {
	width: 100%;
	height: 100%;
}
table, tr, td, th {
	border-collapse: collapse;
}
thead tr th{
	height: 100px;
}
td {
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}
td + td + td + td + td,
th + th + th + th + th {
	border-right: 0px solid #d0d0d0;
}
table, thead {
	border: 0px;
}
th {
	text-align: center;
	font-size: 20pt;
	height: 90px;
	border: none;
	background: none;
	width: 20%;
	font-weight: normal;
	text-shadow: 0px -1px 0px #374683;
	color: #fff;
}
td {
	text-align: center;
	font-size: 2em;
}
thead th {
	border: none;
	background: url('img/bgtop.png') repeat-x;
}
td:hover {
	background: #ededed;
}
tr.players {
	height: 40px;
	background: #ddd;
	margin-bottom: -24px;
	border-bottom: 5px solid #ddd;
}
tr.players th, 
tr.players td {
	height: 40px;
	background: none;
	font-size: 17pt;
	border: none;
	text-align: left;
	padding: 0px 5px;
}
tr.players td:hover {
	background: none;
}
.player {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 5px;
}
.p1 {
	background: #3691C5 !important;
}
.p2 {
	background: #F25950 !important;
}
.p3 {
	background: #FFD64B !important;
}
.p4 {
	background: #4FBE68 !important;
}
.border-p1 {
	border-bottom: 5px solid #3691C5 !important;
}
.border-p2 {
	border-bottom: 5px solid #F25950 !important;
}
.border-p3 {
	border-bottom: 5px solid #FFD64B !important;
}
.border-p4 {
	border-bottom: 5px solid #4FBE68 !important;
}
.playerinfo {
	margin-right: 40px;
}
.questionwrapper input {
	font-size: 28pt;
	height: 50px;
}
input {
	border: none;
	font-size: 17pt;
	width: 15px;
	padding: 0px;
	margin: 0px;
	height: 23px;
}
.questionwrapper {
	position: absolute;
	top: 0%;
	left: 0%;
	right: 0%;
	bottom: 40px;
	background: rgba(64, 64, 64, 0.5); /* R, G, B, A */
	z-index: 10;
	padding: 30px;
}
.question {
	position: absolute;
	padding: 100px;
	top: 30px;
	left: 30px;
	right: 30px;
	bottom: 30px;
	font-size: 30pt;
	text-align: center;
	background: #fff;
	box-shadow: 8px 8px 5px #666;
	z-index: 20;
	padding-top: 90px;
	border-radius: 4px;
	line-height: 1.4em;
}
#fastest {
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
	color: #000;
	font-size: 28pt;
	z-index: 30;
	padding: 10px 30px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.activequestion {
	background: #fffea4;
}
.negative {
	color: #900;
}
.donequestion {
	color: #333;
	background: #ccc;
}
.opacity {
	opacity: 0.6;
}
#next {
	position: absolute;
	left: 30%;
	right: 30%;
	top: 0px;
	display: none;
	opacity: 0.9;
	text-align: center;
	font-size: 18pt;
	padding: 20px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
a, a:hover {
	color: #000;
}
#timer {
	position: absolute;
	bottom: 70px;
	right: -140px;
	height: 5px;
	z-index: 1000000;
}
#menu {
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 32px;
	width: 32px;
	background: #e3e3e3;
	border: 1px solid #d1d1d1;
}
div#menu:hover > ul {
	display: block;
}
div#menu > ul > li:hover {
	background: #e8e8e8;
}
div#menu ul {
	display: none;
	position: absolute;
	top: -85px;
	left: -1px;
	width: px;
	border: 1px solid #d1d1d1;
	background: #e3e3e3;
	padding-left: 0px;
	margin-left: 0px;
}
div#menu ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#keyboardhelp {
	height: auto;
}
#keyboardhelp tr,
#keyboardhelp th,
#keyboardhelp td {
	font-size: 11pt !important;
	height: 20px;
	width: auto;
	line-height: normal;
	border: 1px solid black;
}
#keyboardhelp th {
	font-weight: bold;
	color: #000;
	text-shadow: none;
}