* { font-family:Arial; }
body { width:100%; }
.inputslider { width:300px; }

[id^=out] { width:12ch; white-space:nowrap;}
.bigger { font-size:160%; }
.bigger button { font-size:100%; }

#welcome button {
	font-size:150%;
}

#stereorealm {
	display:inline-block;
	border:1px solid gray;
	border-radius:15px;
	font-size:120%;
	margin-bottom:20px;
}

#stereorealm div {
	display: inline-block;
	cursor:pointer;
	padding:10px;
	transition:background-color 1s;
	border-radius:14px;
}

#stereorealm div:hover {
	background-color:lightgray;
}

#stereorealm div.selected {
	background-color:lightgray;
}

#realms {
	height:390px;
	width:100%;
}

#realms div[id^="stereo"] {
	position:absolute;
	visibility:hidden;
	width:100%;
}

#reverb {
	 width:250px;
}

.graph {
	border:1px solid;
	border-radius:15px;
	display:inline-block; 
	vertical-align:top;
}

polar-graph {
    padding:10px;
}

*[id^=recordingangle] {
	width:250px;
}

*[id^=recordingangledisplay] {
	display:inline-block;
	width:4em;
	margin-left:10px;
}

*[id^=pattern] {
	width:250px;
}

#reverbdisplay {
	display:inline-block;
	width:3em;
}


.explanation {
	 font-size:80%;
	 display:inline-block;
	 min-height:7em;
	 line-height: normal;
}

#frontmixtable {
	display:inline-block;
}

#backmixtable {
	display:none;
}

table[id$=mixtable] td {
	text-align:right;
	padding-right:10px;
}

span[surrounddependent] {
	display:none;
}

#mixtable_front_header { display:none; }
#mixtable_back_header { display:none; }

#products {
	margin-top:10px;
}

#products a {
	display:inline-block;
	width:120px; height:120px;
	border:1px solid black;
	border-radius:15px;
	text-decoration:none;
	vertical-align:top;
	padding:5px;
	color:black;
	background-color:#DDDDDD;
	transition:background-color 0.3s;
	margin:5px;
	line-height: normal;
	text-align:left;
}

#products a:hover {
	background-color:#AAAAAA;
}

table[name^=channelStrip] select {
	max-width: 85px;
}

table[name^=channelStrip] input[type=range] {
	max-width: 50px;
}

.button {
	cursor:pointer;
	border:1px solid;
	font-size:13px;
	display:inline-block;
	padding:4px;
	border-radius:8px;
	transition: background-color 0.3s;
	font-weight:normal;
	text-align:center;
	background-color:transparent;
	color:inherit;
	line-height:100% !important;
}