html, body {
	background-color: #1d1d1d;
	font-family: Arial;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

a {
	text-decoration: none;
}

table {
	border-collapse: collapse;
	font-size: 15px;
	text-align: center;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#container {
	height: 100%;
	min-height: 100%;
	position: relative;
}

#header {
	/*background: #6badf6;*/
	background: #474747;
	height: 60px;
	top:expression(window.scrollTop + "px");
	position: fixed;
	width: 100%;
	z-index: 1;
}

#nav  {
	/*border: 1px solid #fff;*/
	background: #1d1d1d;
	height: 20px;
	top:expression(window.scrollTop + "px");
	position: fixed;
	width: 100%;
	margin-top: 50px;
	z-index: 1;
	padding-bottom: 10px;
}

#body {
	/*border: 1px solid #fff;*/
	/*padding: 10px;*/
	padding-bottom:30px;	/* Height of the footer */
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 75px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#table_div {
	margin-left: auto;
	margin-right: auto;
	width: 100%
}

#footer {
	/*background: #528cc8;*/
	background: #474747;
	bottom: 0;
	height: 30px;
	position: fixed;
	top:expression(window.scrollBottom + "px");
	width: 100%;
}

#header-text {
	color: #CFCFCF;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	display: inline-block;
}

#header-text a {
	color: #CFCFCF;
}

#menu-text {
	float: left;
}

#admin-text {
	float: right;
}

#nav-text, #nav-text a{
	color: #CFCFCF;
	font-size: 15px;
	font-weight: bold;
	margin-left: 50px;
	display: inline-block;
}

#nav-text a:hover {
	color: #6badf6;
}

#footer-text {
	color: #CFCFCF;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
}

#datetime {
	text-align: bottom;
}

#time {
	color: #CFCFCF;
	font-size: 70px;
}

#date {
	color: #CFCFCF;
	font-size: 50px;
}

#sidebar  {
	left: 0px;
	top: 200px;
	position: fixed;
	z-index: 1;
}

#admin-logo  {
	left: 15px;
	bottom: 0px;
	position: fixed;
	z-index: 1;
}

#email-logo  {
	left: 15px;
	top: 20px;
	position: fixed;
	z-index: 1;
}

.sidebar-button {
	background: #474747;
	color: #CFCFCF;
	height: 50px;
	width: 50px;
	margin-top:10px;
	vertical-align: middle;
}

.tile-row {
	color: #CFCFCF;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.underline {
	background: #474747;
	height: 1px;
	margin-bottom: 15px;
}

.square {
	border: 2px solid transparent;
	cursor: pointer;
	background-color: #474747;
	width: 200px;
	height: 200px;
	margin-bottom: 10px;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	z-index: 0;
}

.square-small {
	border: 2px solid transparent;
	cursor: pointer;
	background-color: #474747;
	width: 200px;
	height: 100px;
	margin-bottom: 10px;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	z-index: 0;
}

.square-text {
	color: #CFCFCF;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 5px;
	text-align: left;
	position: absolute;
	bottom: 0;
}

.square.image {
	
}

.square:hover {
	border: 2px solid #303030;
}

#l-blue.square {
	background-color: #2c86ee;
}

#d-blue.square {
	background-color: #04417a;
}

#green.square {
	background-color: #008f00;
}

#purple.square {
	background-color: #5636b0;
}

#yellow.square {
	background-color: #e19e1b;
}

#teal.square {
	background-color: #0096a9;
}

#grey.square {
	background-color: #474747;
}

#l-grey.square {
	background-color: #999999;
}

#orange.square {
	background-color: #d8502a;
}

#red.square {
	background-color: #ae193e;
}

#pink.square {
	background-color: #8d0096;
}

.table {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

.row {
	height: 50px;
}

.title {
	/*border: 1px solid black;*/
	background-color: #474747;
	/*background-image:url(headerRow.png);*/
	color: #CFCFCF;
	font-size: 15px;
	font-weight: bold;
	height: 35px;
	cursor: auto;
	/* for IE */
	/*-ms-filter: progid;:DXImageTransform.Microsoft.Alpha(opacity=80);*/
	/*filter: alpha(opacity=80);*/
	/* CSS3 standard */
	/*-khtml-opacity: 0.8;*/
	/*opacity: 0.8;*/
	/*-moz-opacity: 0.8;*/
}

.heading {
	/*border: 1px solid black;*/
	background-color: #427AD1;
	/*background-image:url(headerRow.png);*/
	color: #FFF;
	font-size: 15px;
	height: 35px;
	cursor: auto;
	/* for IE */
	/*-ms-filter: progid;:DXImageTransform.Microsoft.Alpha(opacity=80);*/
	/*filter: alpha(opacity=80);*/
	/* CSS3 standard */
	/*-khtml-opacity: 0.8;*/
	/*opacity: 0.8;*/
	/*-moz-opacity: 0.8;*/
}

.text {
	text-align: left;
	padding-left: 10px;
}

.text-bold {
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
	width: 125px;
}

.text-red {
	color: #F00;
}

.links-image {
	width: 40%;
}

.links-text {
	color: #FFF;
	font-weight: bold;
	text-align: left;
	width: 60%;
}

.space {
	height: 15px;
}

.oddRow {
	background-color: #F8F8FA;
	/*background-image:url(oddRow.png);*/
	color: #222;
	/* for IE */
	/*-ms-filter: progid;:DXImageTransform.Microsoft.Alpha(opacity=80);*/
	/*filter: alpha(opacity=80);*/
	/* CSS3 standard */
	/*-khtml-opacity: 0.8;*/
	/*opacity: 0.8;*/
	/*-moz-opacity: 0.8;*/
}

.oddRow_pce {
	background-color: #FCFCFC;
	/*background-image:url(oddRow.png);*/
	color: #0C0C0C;
	/* for IE */
	/*-ms-filter: progid;:DXImageTransform.Microsoft.Alpha(opacity=80);*/
	/*filter: alpha(opacity=80);*/
	/* CSS3 standard */
	/*-khtml-opacity: 0.8;*/
	/*opacity: 0.8;*/
	/*-moz-opacity: 0.8;*/
}

.evenRow {
	background-color: #E8E8EA;
	/*background-image:url(evenRow.png);*/
	color: #222;
	/* for IE */
	/*-ms-filter: progid;:DXImageTransform.Microsoft.Alpha(opacity=80);*/
	/*filter: alpha(opacity=80);*/
	/* CSS3 standard */
	/*-khtml-opacity: 0.8;*/
	/*opacity: 0.8;*/
	/*-moz-opacity: 0.8;*/
}

.activeRow {
	background-color: #ffc8c8;
	/*background-image:url(activeRow.png);*/
	color: #427AD1;
	text-decoration: underline;
	/* for IE */
	/*-ms-filter: progid;:DXImageTransform.Microsoft.Alpha(opacity=80);*/
	/*filter: alpha(opacity=80);*/
	/* CSS3 standard */
	/*-khtml-opacity: 0.8;*/
	/*opacity: 0.8;*/
	/*-moz-opacity: 0.8;*/
}

#gameform {
	background-color: white;
	border: 5px solid #474747;
	margin-left: 35%;
	margin-right: 35%;
	padding-top: 50px;
	padding-bottom: 50px;"
}
	
.resultFail {
	background-color: #ae193e;
	color: #CFCFCF;
	margin-left: 20%;
	margin-right: 20%;
	padding-top: 20px;
	padding-bottom: 20px;"
}

.resultSuccess {
	background-color: #008f00;
	color: #CFCFCF;
	margin-left: 20%;
	margin-right: 20%;
	padding-top: 20px;
	padding-bottom: 20px;"
}

.filter {
	position: absolute;
	padding-left: 20px;
	padding-top: 30px;
}