style.css

html, body {
	background-color: #aaa; 
	font-family: sans-serif;
}

.navbar-brand img {
	margin: -12px 7px 0 0;
}

#splattercell {
	text-align: center;
	position: relative;
}

#splatters {
	height: 607px;
	display: inline-block;
}

.splatter-panel {
	background-color: #fff;
	border: 1px solid black;
	display: inline-block;
	width: 150px;
	position: absolute;
	margin-left: 10px;
	text-align: left;
}

#detail {
	bottom: -10px;
}

#legend li { 
	display: block;
	margin-bottom: 7px;
}

.legend-swatch {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 7px;
	border: none;
}

/* dunno why #2dcanvas doesn't work */
canvas:nth-child(2) {
	position: relative;
	top: -602px;
	z-index: 10;
}

canvas { 
	margin: 0 auto;
	border: 1px solid black;
	display: block;
}

section { 
	width: 150px; 
	height: auto; 
	margin: 100px auto 0; 
	position: relative; 
}

.clearcanvas {
	position: absolute; top: 610px; left: 6px; clear: both;
}

#controls { 
	width: 800px;
}

.ui-slider {
	margin-top: 13px;
	width: 330px;
	float: left;
}

.slider-value {
	margin: 6px 0 0 20px;
}

.ui-slider-horizontal {
	background: #555 !important;
	border: 1px solid #000 !important;
	height: 8px !important;
}

.ui-slider-handle {
	background: url("img/handle.png") !important;
	border: none !important;
	width: 25px !important;
	height: 25px !important;
	outline: none;
	top: -9px !important;
}

/* uses colorbrewer2.org's 5-class Pastel2 */
#bandwidth > .ui-widget-header {
	background: #b3e2cd;
}

#threshold > .ui-widget-header {
	background: #fdcdac;
}

#clutter > .ui-widget-header {
	background: #cbd5e8;
}

#outlierSize > .ui-widget-header {
	background: #f4cae4;
}

#subsetpercent > .ui-widget-header {
	background: #e6f5c9;
}

/* FILE UPLOADING STYLES */

.lg-msg {
	padding: 15px;
}