body {
	font: 13px Helvetica Neue, Helvetica, Arial, sans-serif;
	line-height: 18px;
	background: rgb(10,10,10);
	color: rgb(250,250,250);
	padding:0;
	margin:0;
}

#main {
	width:1100px;
	padding:0;
	position:relative;
	margin: auto auto;
}
.headline {
	font-size: 48px;
	line-height: 48px;
    font-weight: 500;
	color: rgba(240,240,240,1);
	letter-spacing:-1.2px;
	position:relative;
	margin-left: 96px;
	margin-top: 20px;
	margin-bottom: 8px;
}
.subhead {
	font-size: 24px;
	line-height: 24px;
    font-weight: 500;
	color: rgba(240,240,240,1);
	letter-spacing:-0.9px;
	position:relative;
	margin-left: 96px;
	margin-bottom: 6px;
}
.intro {
	margin-left: 96px;
}
#datamenu {
	padding:0;
	margin:0;
	width: 1200px;
	height: 30px;
}
select {
    width: 250px;
    height: 24px;
    display: inline;
    float: left;
	position: relative;
	left: -102px;
}


#chart {
	padding:0;
	margin:0;
	width: 1200px;
	height: 800px;
	position: relative;
	/* top: -90px;
	left: -96px; */
}
#info {
	margin:0;
	padding: 10px 14px;
	
	fill:rgba(250,250,250,0.7);
	font-size:14px;
	font-weight:400;
	letter-spacing:0.7px;
	line-height: 22px;
	
	position: absolute;
	left:800px;
	top: 80px;
	width: 240px;
	height: 110px;
	
	border:1.5px solid rgba(230,230,230,0.7);
	background: rgba(40,40,40,1);
	shape-rendering: crispEdges;
}

.frame {
	stroke: rgba(30,30,30,1);
	/*stroke: rgba(87,96,108,0.5);*/
	stroke-width: 1.5px;
	fill: rgb(20,20,20);
	shape-rendering: crispEdges;
}

.hidden {
	visibility: hidden;
}

.dot {
	stroke: rgba(230,230,230,0.2);
	/*fill: rgba(0, 82, 155, 0.5);*/
	/*stroke-width: 1px;*/
	cursor:pointer;
}

.outerdot {
	/*fill: rgba(0, 120, 120, 0.2);*/
	/*fill: rgba(0, 140, 70, 0.2);*/
	stroke-width: 0.5px;
	cursor:pointer;
}

.innerdot {
	fill: rgba(10, 10, 10, 0.3);
	/*fill: rgba(190, 40, 40, 0.2);*/
	stroke-width: 0.5px;
	cursor:pointer;
}

.x, .y  {
	stroke: none;
	font-weight:500;
	letter-spacing:0.5px;
	color:white;
}

.labels  {
	fill:rgba(250,250,250,0.5);
	font-size: 8px;
	letter-spacing: 1px;
	font-weight:200;
	stroke:none;
}

.xaxlbl {
	fill:rgba(250,250,250,0.7);
	font-size: 9px;
	font-weight: 200;
	letter-spacing: 3px;
	position: relative;
	top: -20px;
	margin: 1px auto;
	width: 1184px;
	text-align: center;
}

.yaxlbl {
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); /* IE 9 */
	-moz-transform:rotate(-90deg); /* Firefox */
	-webkit-transform:rotate(-90deg); /* Safari and Chrome */
	-o-transform:rotate(-90deg); /* Opera */
	
	float:left;
	fill:rgba(250,250,250,0.7);
	font-size: 9px;
	font-weight:200;
	letter-spacing:3px;
	position: relative;
	top:350px;
	left:-75px;
	text-align: center;
}

.line {
	stroke: rgba(30,30,30,1);
	/*stroke: rgba(230,230,230,0.1);*/
	shape-rendering: crispEdges;
}

.crosshair {
	stroke: rgba(220,220,220,0.2);
	shape-rendering: crispEdges;
}

.over {
	stroke: rgba(220,220,220,1);
	/*stroke: rgba(230,230,230,0.86);	*/
}

.out {
	stroke: rgba(220,220,220,0.2);
	/*stroke: rgba(230,230,230,0.1);*/
}