/* http://www.w3schools.com/cssref/css_websafe_fonts.asp */
html, body { text-align: center; }
body,form {
	width:100%; height:100%;
	margin-top:0; margin-bottom:0;	
	padding:0px;
	font-family:'Arial Unicode MS',Verdana,arial,sans-serif;
	font-size:18.0pt; 
	line-height:100%;
	font-weight:normal; 
}
select {
    font-size:18.0pt; 
}
button, input {
	font-size:20.0pt; 
}
/* Adjustments for iPad */
@media screen and (-webkit-min-device-pixel-ratio:0){
	body {
		font-family:Tahoma, Geneva, sans-serif;
		/* background-size:contain; */
    }
}
body {
    /* -- begin fastclick: */
    -webkit-touch-callout: none; 
    -webkit-text-size-adjust: none; 
    -webkit-user-select: none; 
    -webkit-highlight: none; 
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /* -- end fastclick */
}
h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,div,td,th,address,blockquote, button { 
	margin-top:0; margin-bottom:0;
	text-align: left;
}
div.header {
    position:relative;
    top: 5px;
    left: 5px;
    }
div.content {
    position:relative;
    top: 15px;
    left: 5px;
}
div.header, div.content {
    text-align: center;
    width: 330px;
}

table {
    border-collapse: collapse;
    border: 0px;
    padding: 2px;
    text-align: center;
}
th, td {
    padding: 5px;
}

th.keyboard, td.keyboard {
    padding: 1px;
}
table.data {
    border: 1px solid #dddddd;
    width: 100%;
}
tr.data:nth-child(even), tr.data:nth-child(even){
    background-color: #dddddd;
}

.button {
    background-color: #4CAF50;
    border: none;
    color: blue;
    /* padding: 15px;*/
    width: 101px;
    height: 55px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin: 1px 1px;
    cursor: pointer;
    touch-action: none;
}