table,td{
	font-size: 100%;
}
.gamestatusheading
{
	font-family: "courier new",courier;
	font-size: 120%;
}

.gamebutton
{
    border-bottom: #000000 1px solid;
    border-left: #111111 1px solid;
    border-top: #333333 1px solid;
    border-right: #222222 1px solid;
    padding: 4px;
    color: black;
    background-color: #f6f6f7;
    font-size: 100%;
    font-family: "courier new",courier;
    
}

.gamestatusbox
{
    border-bottom: #000000 1px solid;
    border-left: #111111 1px solid;
    border-top: #333333 1px solid;
    border-right: #222222 1px solid;
    padding: 4px;
    color: black;
    background-color: #ffffff;
    font-size: 150%;
    font-family: "courier new",courier;
    
}
.gamescore {padding-left: 10px; padding-right: 10px}

.gamepanel /* outer div */
{
	border: #000000 1px solid;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
	background-color: #edeeef;
}

.hiscoretable
{
	border-collapse:collapse;
}
.hiscoreheading
{
	font-style: bold;
	font-size: 130%;
	background-color: #332211;
	color: #eeddcc;
}
.hiscoretop
{
	font-weight: bold;
	font-size: 120%;
	background-color: #f5e5d5;
	color: #000000;
}
.hiscorebg1
{
	background-color: #ccbbaa;
	color: #222222;
	font-style: normal;
	font-size: 90%;
}
.hiscorebg2
{
	background-color: #eeddcc;
	color: #000000;
	font-style: normal;
	font-size: 90%;
}

td.wronganswer 
{
	color: #ee1122;
}
.quizmeaning{
	color: black;
	font-family: arial;
}
.quizjyutping{
	font-style: italic;
	color: red;
}
.questionjyutping{
	font-size: 95%;
	font-style: italic;
	color: red;
}
.questionmeaning{
	font-size: 90%;
	font-style: normal;
	color: black;
	font-family: arial;
}