html {	height: 100%;}
body { font-family:Arial; /*font-size:12pt;*/ font-size:100%; margin:0; padding:0; height:100%;background-color:white; -webkit-text-size-adjust: 100%;}
img.header { height:10%;width:100%;/*position:absolute; left:0; top:0;*/border: 0; margin: 0; display: block;}
a {text-decoration: none; color:black}
h1 { font-size:1.2em;}
h2 { font-size:1.1em;}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

/* .button {
display: table;
width: 35%; max-width:35%;
height: 14%; overflow:hidden;
margin:0% 5% 0% 5%;
text-align:center;vertical-align:middle;text-decoration:none;
background-color:#398bbd;color:#FFFFFF;
font-family:arial;font-weight:bold;font-size:1.4em;
float:left
}
.button:hover { cursor:pointer;}
*/

.buttona {
display: table;
width: 75%; 
height: 14%; /*min-height: 14%; max-height: 90px;*/ overflow:hidden;
margin:0% 5% 0% 5%;
text-align:center;vertical-align:middle;text-decoration:none;
background-color:#398bbd;color:#FFFFFF;
font-weight:bold;font-size:1.4em;
}
.buttona:hover { cursor:pointer;}

.button1 {
display: table;
width: 80%; max-width:80%;
height: 14%; /* min-height: 14%; max-height: 90px;*/ overflow:hidden;
margin:0% 5% 0% 5%;
text-align:center;vertical-align:middle;text-decoration:none;
background-color:#398bbd;color:#FFFFFF;
font-weight:bold;font-size:1.4em;
}
.button1:hover { cursor:pointer;}

.buttontext {  
	display: table-cell;
	text-align:center;vertical-align:middle;text-decoration:none;
	font-weight:bold;
}

.header {
	display: table;
    height:4%;
    width:100%;max-width:640px;
	background-color:#398bbd;
	color:#FFFFFF;
}
.footer {
	display: table;
    position:fixed;
    bottom:0;
    height:4%;
    width:100%;max-width:640px;
	background-color:#398bbd;
	color:#FFFFFF;
}

.label {
//display: block; display:inline-block;
display: table;
width: 80%; 
height: 14%; overflow:hidden;
margin:0% 5% 0% 5%; 
text-align:center;vertical-align:middle;text-decoration:none;
background-color:white;color:#094382;
font-weight:1em;
}
.inputl, .inputr {
display: table;
width: 80%; 
height: 15%;  overflow:hidden;
margin-top:2%; padding-top:1%;
text-align:left;vertical-align:middle;text-decoration:none;
background-color:white;color:#094382;
font-weight:bold;font-size:1.5em;
}
.inputl {text-align:left; }
.inputr {text-align:right;}
input {font-size:1.4em;}

.info {
display: table;
width: 84%; max-width:84%;
height: 40%; overflow:hidden;
margin:2% 2%; padding-top:1%;
text-align:center;vertical-align:middle;text-decoration:none;
background-color:#f0f0f0;color:#094382;
font-weight:bold;font-size:1.4em;
}


.detailx { /* this is used for report output */
display: block; display:inline-block;
width: 90%; max-width:90%;
overflow:auto;
margin:2% 2%; padding-top:1%;
text-align:center;vertical-align:middle;text-decoration:none;
background-color:#f0f0f0;color:#094382;border:1px solid gray;
font-weight:bold;white-space: nowrap;
-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;
}

._main {height: 80%; max-height: 80%;min-height:80%; overflow:auto;}

.popup {display:none;position:absolute;background-color:#eeeeee;top:60px;left:10%;width:80%;z-index:9002; overflow:scroll}
.blanket {background-color:#111;opacity: 0.65; filter:alpha(opacity=65); position:absolute; z-index: 9001;top:0px; left:0px; width:100%; height:100%; display:block; }