body {
	font-family: sans-serif;
}
h1 {
	text-align: right;
	font: outline;
	border-bottom: dotted 2px;
}
#sortbox .ui-selecting { background: #CA40FE; }

#sortbox {
	position: fixed;
	position: absolute;
	left: auto;
	right: 5em;
	top: 10ex;
	width: 30em;
}
#sortbox ul li {list-style-type: none;list-style-position: inside;}
#sortbox .ui-selected { background: #145598; color: white; border:2px solid gray;padding: 2px;}
#sortbox .ui-selected span { background: #145598; color: white; border:none;padding: 2px;}
#sortable {
	list-style-type: none; list-style-position: inside;
	left: 0px;
	padding-bottom:0px;margin-bottom:0px;
	width: 30em;
}
form p {
	margin-top:2ex;
}
.layer li {
	border: solid black 1px;
	margin: 4px;
	padding: 2px;
	/*width: 30em;*/
	background-color: #ddd;
}
.substrate {padding-top:0px;margin-top:0px;}
.substrate li {
	border-bottom: 0px gray solid;
	width: 29em;
}
.substrate > li:after { color:gray; content:" .. substrate"; }	
.vslide {
	height:5px;
	width:16em;
	margin:5px;
	float:right;
}
.layer span {
	border: solid black 1px;
	margin: 4px;
	background-color: #ddd;
}
span.widt {
	border: none;
}
.layer li it { /* was "span" before  */
	border: solid 1px;
	border-left: dotted;
	border-right: dotted;
	margin: 4px;
	margin-bottom: 8px;
	background-color: #eee;
}
#sortable.layer li:hover {color:blue; /*	background: #aaa;  */}

#mixtable {
	display: inline;
	right: auto;
	list-style-type: none; 
}

#here {margin:1ex;}
#here a {text-decoration:none;}
#eq span {
	height:120px; float:left; margin:15px
}
#pool {
	width:15em;
}
.butts span {
    background-color: #ccc;padding: 2px;
}

.butts span.hit {
	border: solid black 1px;
	background-color: #dd7;
	margin: 6px;
	padding: 2px;
	margin-bottom: 16px; 
}
.butts span:hover {
	background-color: #aa7;
}
#instr {
	font-size: small;
	text-align:right;
}
.grap span {
	margin:2px;border:none;
}
.lorepar {
	padding:0px;margin:0px;
}
#contbox.show {border: 2px solid gray;margin-bottom:60px}
#contbox.small { width: 590px; height: 450px;margin-top:65px;margin-left:45px; } 
#contbox.medium { width: 650px; height: 410px;margin-top:60px;margin-left:70px; } 
#contbox.large { width: 650px; height: 410px;margin-top:60px;margin-left:70px; } 

#zoombox { width: 150px; height: 250px; padding: 0.5em; z-index:10; background-color:#CCEEEE;
	border: 2px dotted gray; opacity:0.5;filter:alpha(opacity=50);}
#zoombox {display:none;}
#here img {float:left;}