@charset "utf-8";
/* CSS Document */


*{
	padding:0;
	margin:0;
	font-size:medium;
	font-family:Arial, Helvetica, sans-serif;	
}

body{
	width:100%;
	max-width:100%;
	font-size:100%;
	min-width:320px;		
        max-height:100%;
}

img{
	border:none;
	max-width:100%;
	width:100%;
	height:auto;	
}

img.sHead{
	max-width:80%;
	width:80%;
}

div {
	overflow:hidden;	
}

h1{
	font-size:1.5em;	
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.container{
	display:block;
	height:auto;
	width:100%;
	max-width:100%;
	max-height:100%;
	overflow:hidden;	
}

.head{
	display:block;
		width:100%;
	max-width:100%;
	font-size:120%;
	text-align:center;
        background-color:white;
}

.result {
	display:block;
		width:100%;
	max-width:100%;
	font-size:120%;
	text-align:center;
	background-color:#CC0000;
	color:#FFF;
	padding-bottom:.3em;
	padding-top:.3em;
}

.result strong{
	font-size:1.2em;	
}

.xxLarge{
	font-size:xx-large;
}

.xLarge{
	font-size:x-large;	
}

.large{
	font-size:large;	
}

.small{
	font-size:small;	
}

.xsmall{
	font-size:x-small;
}

.pB {
	margin-bottom:.2em;	
}

.lB {
	padding-bottom:.2em;
	border-bottom:2px solid #FFF;	
}

.content{
	display:block;
		width:100%;
	max-width:100%;
	text-align:center;
}

.selections{
	display:block;
		width:100%;
	max-width:100%;
	max-height:80%;	
	text-align:center;
	position:relative;
	overflow:hidden;	
}


.selections div{
	max-width:100%;
	display:block;
}

div.inLines{
	width:20em;
	display:inline-block;
	padding-top:.3em;
	padding-bottom:.3em;		
	margin:3px;
}

div.gray{
	background-color:#CCC;
	color:#000;
	padding-top:.3em;
	padding-bottom:.5em;
}

.selections table{
	max-width:100%;
	width:100%;	
}

table.full{
	margin:0 auto .3em auto;
	width:98%;
	max-width:98%;
	border-collapse:collapse;	
}

table.full2{
	margin:0 auto .3em auto;
	width:98%;
	max-width:98%;
	border-collapse:collapse;	
}

table.full th{
	font-weight:bold;	
}

table.full td{
	border:1px solid #FFF;
	padding:.5em;
	text-align:center;	
}

table.full th{
	color:#FFF;
	background-color:#000;
	font-size:small;
	border:2px solid #000;
	padding-top:.2em;
	padding-bottom:.2em;	
}

table.full td{
	font-size:medium;
	color:#000;
	background-color:#FFF;
	border:2px solid #000;	
}

table.full tr.alt td {
	background-color:#EDEDED;	
}

table.gray{
	border-spacing:.2em;	
}

table.gray td{
	background-color:#CCC;
	padding-top:.8em;
	padding-bottom: .8em;	
}

div.tSet{
	display:table;
	width:100%;
	max-width:100%;
	border-spacing:.3em;
	border:1px solid #06C;
	text-align:center;
}

div.tSet div.tRow{
	display:table-row
	}

div.tSet div.tRow div.tCell{
	display:table-cell;	
}

div.left{
	float:left;
	text-align:center;
	border:none;
	display:block;
	margin:0;
	width:49%;
	max-width:49%;
}

div.left strong{
	line-height:.7em;	
}

div.right{
	float:right;
		width:49%;
	max-width:49%;
	max-height:80%;
	text-align:center;
	border:none;
	display:block;
	margin:0;
}

div.center{
	margin:0 auto;
	display:block;
	text-align:center;	
}

div.left,div.right,div.center{
	/*border:1px solid #0F3;*/	
}

div.R25, div.L25, div.C25{
	width:25%;
	max-width:25%;
}

div.R30,div.L30,div.C30{
	width:30%;
	max-width:30%;
}

div.R33,div.L33,div.C33{
	width:33%;
	max-width:33%;
	margin:3%;
}


div.L40,div.R40,div.C40{
	width:40%;
	max-width:40%;
}


div.L50,div.R50,div.C50{
	width:50%;
	max-width:50%;
}

div.R60,div.L60,div.C60{
	width:60%;
	max-width:60%;
}

div.R70,div.L70,div.C70{
	width:70%;
	max-width:70%;
}

div.R75,div.L75,div.C75{
	width:75%;
	max-width:75%;
}

div.ht1{
	height:1.5em;
	max-height:1.5em;	
}
div.ht2{
	height:2.5em;
	max-height:2.5em;	
}
div.ht3{
	height:3.5em;
	max-height:3.5em;	
}
div.ht4{
	height:4.5em;
	max-height:4.5em;	
}

.selections img{
	max-height:80%;	
}

.clear{
	clear:both;	
}

.action{
	display:block;
		width:100%;
	max-width:100%;
	text-align:center;
	padding-top:.3em;	
}
.footer{
	margin:0 auto;
	font-size:.7em;
	color:#CCC;	
}
.short3{
	width:5em;
	text-align:center;	
}
.pico{
	font-size:.7em;	
	text-transform:uppercase;
}

.note{
	font-size:.6em;
	line-height:.8em;	
}

.copyright{
	position:fixed;
	bottom:0;
	left:0;
	font-size:.5em;
	text-transform:uppercase;
	color:#333;
	background-color:#FFF;
	padding-right:2px;	
}
.selections div.left div.white{
	background-color:#FFF;	
}

a.unit {
	background-color:#CCC;
	font-weight:bold;
	padding-top:.5em;
	padding-bottom:.3em;
	width:100%;
	height:1.6em;
	display:block;
	text-decoration:underline;
}

a.unit:hover,a.on{
	background-color:#333;
	color:#FFF;
	text-decoration:none;	
}

table.legend{
	margin:0 auto;
	background-color:#FFF;
	border:1px solid #999;
	padding:2%;
}

input[type="submit"],button{
    padding:.5em 1em .5em 1em;
    color:white;
    background-color:#CC0000;
    border:1px solid #666666;
    border-radius: 10px;
}
input[type="submit"]:hover,button:hover{
    background-color:darkolivegreen;
    }