body {
	background-color:rgb(255,255,255);
	height:80%;
	font-family: Arial, Helvetica, sans-serif;
}

html {
	height:100%;
}

.indexButtons button {
	background: rgb(89,89,89); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgb(89,89,89) 1%, rgb(14,14,14) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgb(89,89,89)), color-stop(100%,rgb(14,14,14))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgb(89,89,89) 1%,rgb(14,14,14) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgb(89,89,89) 1%,rgb(14,14,14) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgb(89,89,89) 1%,rgb(14,14,14) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgb(89,89,89) 1%,rgb(14,14,14) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	
	width:80%;
	border:3px solid;
	border-radius:12px;
	margin-top:3%;
	color:rgb(235,238,239);
	padding:5%;
}	

.indexButtons button:disabled
{
	background: rgb(201,201,201); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgb(201,201,201) 0%, rgb(155,155,155) 51%, rgb(94,94,94) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(201,201,201)), color-stop(51%,rgb(155,155,155)), color-stop(100%,rgb(94,94,94))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgb(201,201,201) 0%,rgb(155,155,155) 51%,rgb(94,94,94) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgb(201,201,201) 0%,rgb(155,155,155) 51%,rgb(94,94,94) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgb(201,201,201) 0%,rgb(155,155,155) 51%,rgb(94,94,94) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgb(201,201,201) 0%,rgb(155,155,155) 51%,rgb(94,94,94) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#5e5e5e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	color:rgb(130,130,130);
	border:3px solid rgb(200,200,200);
}

.indexButtons button {
	font-size:100%;
	font-weight: 600;
}

.indexButtons {
	text-align:center;
}

.indexButtons a {
	text-decoration:none;
}

button {
	width:100%;
	height:100%;
}

#instructions {
	font-size:125%;
}

.blockButtons button {
	background: rgb(89,89,89); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgb(89,89,89) 1%, rgb(14,14,14) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgb(89,89,89)), color-stop(100%,rgb(14,14,14))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgb(89,89,89) 1%,rgb(14,14,14) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgb(89,89,89) 1%,rgb(14,14,14) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgb(89,89,89) 1%,rgb(14,14,14) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgb(89,89,89) 1%,rgb(14,14,14) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	width:40%;
	border:3px solid;
	border-radius:12px;
	margin-top:3%;
	color:rgb(235,238,239);
	padding:5%;
}	

.blockButtons button:disabled
{
	background: rgb(201,201,201); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgb(201,201,201) 0%, rgb(155,155,155) 51%, rgb(94,94,94) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(201,201,201)), color-stop(51%,rgb(155,155,155)), color-stop(100%,rgb(94,94,94))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgb(201,201,201) 0%,rgb(155,155,155) 51%,rgb(94,94,94) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgb(201,201,201) 0%,rgb(155,155,155) 51%,rgb(94,94,94) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgb(201,201,201) 0%,rgb(155,155,155) 51%,rgb(94,94,94) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgb(201,201,201) 0%,rgb(155,155,155) 51%,rgb(94,94,94) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#5e5e5e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	color:rgb(130,130,130);
	border:3px solid rgb(200,200,200);
}

.blockButtons button {
	font-size:100%;
	font-weight: 600;
}

.blockButtons {
	text-align:center;
}

.blockButtons a {
	text-decoration:none;
}


/* Game styles */

#theTable {
	font-size:150%;
	border:1px solid;
	width:100%;
	height:100%;
	text-align:center;
}

#theTable td {
	width:15%;
	border:1px solid;
	font-size:140%;
	color:#343a40;
}

#infoCorrectAnswers {
	float:right;
	color:rgb(10, 199, 54);
	font-size:150%;
}

#infoRandomNumber {
	font-size:200%;
	color:rgb(230,53,69);
	text-align:center;
}

#infoTime {
	float:left;
	font-size:150%;
	color: #343a40;
}

.guessbutton {
	background: #343a40;
	/* this is for debugging this brings numbers visible in buttons */
	/*color: white !important; */
}

.guessbuttondisabled {
	background: rgb(185,255,128);
}


/* High Scores */

.highscores {
	font-size:200%;
	color:rgb(235,238,239);
}

.highscoresText {
	font-size:150%;
	color:rgb(235,238,239);
	font-weight: 600;
}

.highscoresTable {
	width: 100%;
	border-collapse: collapse;
}

.highscoresTable td {
	border-top: 1px solid rgb(235,238,239);
}

.highscoresTable th {
	color:rgb(235,238,239);
	text-align: left;
}