html, body {
		height: 100%;
		overflow:hidden;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
	html, body {	
		-webkit-overflow-scrolling: touch;
		-webkit-text-size-adjust: 100%;
	}
}

@media screen and (orientation:portrait) {
		footer{
			position: fixed;
			padding: 0px;
			left: 0px;
			bottom: 0px;
			height: 48px;
			width: 100%;
			background-color: silver;
			color: white;
			text-align: center;
		}
		footer form {
			position: fixed;
			padding: 0px;
			left: 0px;
			bottom: 0px;
			height: 48px;
			width: 100%;
			background-color: silver;
			color: white;
			text-align: center;
		}
		.marginFix {
			height:64px;
		}
	  }

.roundedCorners {	
	position: absolute;
	top: 20px;
	bottom: 50px;
	left: 20px;
	right: 20px;
	overflow: auto;
}

.roundedCornersInnerStyle {
	border: 1px solid grey;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

body {
	font-family: sans-serif, arial, helvetica;
	font-size: 14px;
	background-color: #cccccc;
	color: black;
}

div {
	background-color: white;
	padding: 20px;
}

.gameTitle {
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	color: black;
	padding-top: 25px;
}

.gameIntro {
	color: #008800;
}

h1 {
	font-size:22px;
	font-weight:bold;
	border-bottom: 1px solid black;
}

h2 {
	font-size:20px;
	font-weight:bold;
}

h3 {
	font-size:18px;
	font-weight:bold;
}

table {
	margin: 4px;
	border: 2px solid black;
	border-collapse: collapse;					
	display: inline-table;
	width: auto;
	padding: 8px;
}

th	{

	background-color: #0f0f0f;
	border: 2px solid black;
	border-collapse: collapse;
	color: white;
	text-align: center;					
}

td {
	padding: 8px;					
	text-align: left;
	border: 2px solid black;
	border-collapse: collapse;
}

.multiplier-table {
	margin: 4px;
	border: 2px solid #888888;
	border-collapse: collapse;
	display: inline-table;
	width: auto;
	padding: 8px;					
}

.multiplier-table th {
	background-color: #0f0f0f;
	border: 2px solid #888888;
	border-collapse: collapse;					
}

.multiplier-table td {
	text-align: center;
	border: 2px solid #888888;
	border-collapse: collapse;					
}

.mono {
	color: #0070C0;
	font-size: 14px; 
	font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
	text-align: right;
}

.marginFix {
		height:64px;
		clear:both;
		background-color: #cccccc;
}

.closeBtn {
	width: 61px;
	height: 27px;
	line-height: 25px;
	color: #EEEEEE;
	font-size: 12px;
	font-weight: bold;
	text-shadow: #aaa 0px 1px 1px;
	text-align: center;
	border-radius: 6px;
	border: 1px solid #0590d1;
	background: -webkit-linear-gradient(#69bce3, #0590d1);
	background: -moz-linear-gradient(#69bce3, #0590d1);
	background: -o-linear-gradient(#69bce3, #0590d1);
	background: linear-gradient(#69bce3, #0590d1);
	cursor: pointer;
	margin: 10px auto;
	display: block;
	outline: none;
}

footer {
        position: fixed;
        padding: 0px;
        left: 0px;
        bottom: 0px;
		height: 50px;
        width: 100%;
        background-color: silver;
        color: white;
        text-align: center;
      }
	  
	  footer form {
        position: fixed;
        padding: 0px;
        left: 0px;
        bottom: 0px;
		height: 50px;
        width: 100%;
        background-color: silver;
        color: white;
        text-align: center;
      }