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

/* define standard CSS defaults for T&C */

html, body, div, span, h1, h2, h3, h4, h5, h6, hr, p, a img, font, img, dd, dl, dt, li, ol, ul, blockquote, fieldset, form, label, legend, table, caption, tr, th, td, video {
	margin: 0;
	border: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}


html, body {
	height: 100%;
	width: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	background: transparent;
}

body {
	min-height: 100%;
}

.dinLight {
	font-family: urw-din, sans-serif;
	font-weight: 300;
	font-style: normal;
}

.dinRegular {
	font-family: urw-din, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.dinDemi {
	font-family: urw-din, sans-serif;
	font-weight: 600;
	font-style: normal;
}

.dinBold {
	font-family: urw-din, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.dinBlack {
	font-family: urw-din, sans-serif;
	font-weight: 900;
	font-style: normal;
}

.dinCondensedRegular {
	font-family: urw-din-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.dinCondensedDemi {
	font-family: urw-din-condensed, sans-serif;
	font-weight: 600;
	font-style: normal;
}

.topLogo {
	display: block;
	width: 200px;
	height: 46px;
	background-image: url(wordmark.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin: 40px auto;
}

.pageArea {
	display: block; 
	position: absolute; 
	left: 20px; 
	right: 20px; 
	padding: 20px; 
	box-sizing: 
	border-box; 
	background-color: rgb(255, 255, 255); 
	border-radius: 10px;
}

.vSpace15 {
	display: block;
	width: 100%;
	height: 15px;
}

.vSpace5 {
	display: block;
	width: 100%;
	height: 5px;
}

.cButton {
	display: block;
	width: max-content;
	padding: 10px 8px;
	border-radius: 5px;
	background-color: rgb(48, 0, 72);
	color: rgb(255, 255, 255);
	line-height: 16px;
	margin: 0px auto;
}

.cButton:active {
	background-color: rgb(154, 0, 93);
}

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

.audioMeterBlock {
	display: block;
	width: 200px;
	height: 30px;
	margin: 0px auto;
	background-color: rgb(179, 179, 179);
	position: relative;
}
.audioMeter {
	  position: absolute;
	  left: 0;
	  top: 0;
	  height: 100%;
	  background-color: rgb(0, 142, 39);
}

.cCanvas {
	width: 100%;
	height: 200px;
	background-color: rgb(179, 179, 179);
	border-radius: 10px;
}


.termsHead {
	background-color: rgba(0, 0, 0, 0.1);
	padding: 6px;
}

.termsBody {
	padding: 6px;
}