
	body{
		font-family:Arial, Helvetica, sans-serif;
	}
	input{
		box-sizing:border-box;
	}
	header{
		display:block;
		background: #0277bd;
		color:white;
		padding:10px 2px;
	}
	header table{
		width:100%;
		white-space:nowrap;
	}
	#contentPane{
		width:100%;
		max-width:480px;
		margin:0 auto;
		margin-top:32px;
		padding:16px 0px;
		background-color: rgba(240,240,240,.9);
		border: 2px solid #fff;
	}
	#contentPane2{
		min-width:480px;
		text-align:left;
		margin-top:32px;
		display:inline-block;
		padding:16px 0px;
		background-color: rgba(240,240,240,0.9);
		border: 2px solid #fff;
	}
	.resultTable{
		border-spacing: 0px;
    border-collapse: collapse;
	}
	.resultTable th{
		background: #bfbfbf;
		padding: 5px;
		vertical-align: text-top;
		text-align: left;
		border-bottom: solid 1px #bfbfbf;
	}
	.resultTable td{
		padding: 5px;
		vertical-align: text-top;
		text-align: left;
		background-color:white;
		border-bottom: solid 1px #bfbfbf;
	}
	input[type=submit], button{
		-webkit-border-radius: 3;
	  -moz-border-radius: 3;
	  border-radius: 3px;
	  font-family: Arial;
	  color: #ffffff;
	  font-size: 16px;
	  background: #0277bd;
	  padding: 10px 16px;
		font-size: 16px;
	  text-decoration: none;
		border:0;
	}
	input[type=submit]:hover, button:hover{
	  background: #01528f;
	  text-decoration: none;
	}
	input[type=text]:not(.small), input[type=password]{
		width:100%;
		display:block;
		color: #232323;
		background-color: #fff;
		background-image: none;
		border: 1px solid #9f9f9f;
		padding: 10px 16px;
		font-size: 16px;
		margin-bottom: 16px;
		border-radius: 0;
	}
	input[type=text].small{
		box-sizing: border-box;
		height: 19px;
		width: 100px;
	}
	.errorMessage{
			min-height: 60px;
			border: 1px solid #ba7d7d;
			margin: 4px 4px;
			position: relative;
			padding: 10px 10px 10px 10px;
			border-radius: 2px;
			font-size: 12px;
			background-color: #e8b6b6;
	}
	.heading{
	  font-size: 24px;
		font-weight: bold;
		color: #232323;
		padding-bottom:2px;
	}
	a.hidden{
		color: inherit;
		text-decoration: inherit;
	}
	a:link, a:visited{
		text-decoration: none;
		color: #0277bd;
	}
	a:hover{
	    text-decoration: underline;
		color: #0277bd;
	}

	@media screen and (max-width: 320px) {
		.vwButton{
			font-size:5vw;
			padding: 2vw 3vw;
		}
		#contentPane{
			padding-top:5vw;
		}
	}
	@media screen and (min-width: 512px) {
		#contentPane{
			margin-top:16px;
			padding:16px
		}
	}
  @media screen and (max-width: 480px) {
		.vw3, .resultTable td, .resultTable th{
				font-size:3vw;
		}
		.vw5, .heading{
			font-size:5vw;
		}
		.vw5width{
			width:5vw;
		}
		#time{
			font-size:20vw;
		}
		.button{
			color:white;
			text-align:center;
			line-height:19vw;
			vertical-align:middle;
			display:inline-block;
			font-size:12vw;
			width:40%;
			height:20vw;
			border-radius:5vw;
		}

	}
	@media screen and (min-width: 481px) {
		.vw3, .resultTable td, .resultTable th{
				font-size:16px;
		}
		.vw5, .heading{
			font-size:24px;
		}
		.vw5width{
			width:80px;
		}
		#time{
			font-size:96px;
		}
		.button{
			color:white;
			text-align:center;
			line-height:91px;
			vertical-align:middle;
			display:inline-block;
			font-size:58px;
			width:40%;
			height:96px;
			border-radius:24px;
		}
		#contentPane{
				min-height:250px;
		}
	}

	.checkbox{display:inline-block;width:23px;height:23px;background:#fcfff4;background:-webkit-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-moz-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-o-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-ms-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);-webkit-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);-moz-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);position:relative;}
	.checkbox label{cursor:pointer;position:absolute;width:15px;height:15px;left:4px;top:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,1);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,1);box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,1);background:-webkit-linear-gradient(top,#222 0%,#45484d 100%);background:-moz-linear-gradient(top,#222 0%,#45484d 100%);background:-o-linear-gradient(top,#222 0%,#45484d 100%);background:-ms-linear-gradient(top,#222 0%,#45484d 100%);background:linear-gradient(top,#222 0%,#45484d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222',endColorstr='#45484d',GradientType=0)}
	.checkbox label:after{-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";filter: alpha(opacity=0);	opacity: 0;content: '\2714';text-align:center;color:white;line-height:13px;position:absolute;width:11px;height:11px;background:#35aaf0;background:-moz-linear-gradient(top,#35aaf0 0%,#0277bd 100%);background:-webkit-linear-gradient(top,#35aaf0 0%,#0277bd 100%);background:linear-gradient(to bottom,#35aaf0 0%,#0277bd 100%);top:2px;left:2px;-webkit-box-shadow:inset 0 1px 1px white,0 1px 3px rgba(0,0,0,.5);-moz-box-shadow:inset 0 1px 1px white,0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 1px 1px white,0 1px 3px rgba(0,0,0,.5);font-size:11px}
	.checkbox input[type=checkbox]{Opacity:0}
	.checkbox input[type=checkbox]:enabled + label:hover::after{-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)\";filter:alpha(opacity=30);opacity:.3}
	.checkbox input[type=checkbox]:checked + label:after{-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\";filter:alpha(opacity=100);opacity:1}
	.checkbox input[type=checkbox]:disabled:checked + label:after{background:url('/symbol/padlock'),#35aaf0;background:url('/symbol/padlock'),-moz-linear-gradient(top,#35aaf0 0%,#0277bd 100%);background:url('/symbol/padlock'),-webkit-linear-gradient(top,#35aaf0 0%,#0277bd 100%);background:url('/symbol/padlock'),linear-gradient(to bottom,#35aaf0 0%,#0277bd 100%);background-size:11px,auto;content:' '}
	.checkbox input[type=checkbox]:disabled + label::after{background:url('/symbol/padlock');background-size:11px;content:' ';-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\";filter:alpha(opacity=100);opacity:1}

	.menuExpand{
		position: absolute;
		right: 9px;
		top: 5px;
		border-color: transparent;
		border-top-color: #808080;
		border-width: 9px;
		border-style: solid;
	}
	.focused .menuExpand{
		border-top-color: transparent;
		border-right-color: #808080;
		right: 13px;
		top: 1px;
	}
	.hiddenPannel{
		max-height: 0px;
		overflow: hidden;
	}
	.focused .hiddenPannel{
		max-height:1500px;
	}



