@charset "utf-8";

body {
	/* width: 450px; */
	height: 480px;
	text-align: center;
}

.mainWindow > *{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.diagramTextBlack {
	display: inline-block;
	position: relative;
}

.mainWindow {
	position: relative;
	display: inline-block;
	width: 370px; height: 300px;
	padding-top: 20px;
}

#gridContainer {
	width: 249px; height: 251px;
}

#gridCan {
	position: absolute;
	left: 0px; top: 0px;
	width: 249px; height: 251px;
	border: 2px solid black;
}

#graphCan {
	position: absolute;
	left: 2px; top: 2px;
	width: 249px; height: 251px;
}

#yAxis {
	position: relative;
	left: -18px;
	width: 15px; height: 251px;
}

.yLbl {
	margin-bottom: 33px;
}

#intensityLbl {
	left: -133px; top: -170px;
	width: 248px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#xAxis {
	position: relative;
	left: -15px; top: 5px;
	width: 315px; height: 15px;
}

.xLbl {
	margin-right: 32px;
}

#angleLbl {
	left: -10px;
}

.controlText {
	margin: 4px auto;
}

.controlPanelBack {
	display: inline-block;
	margin: 4px;
	padding: 4px;
	vertical-align: middle;
}

.controlBack {
	padding: 4px;
}

#indexSldr {
	display: inline-block;
	position: relative;
	width: 120px;
}