.data-line {
	stroke: green;
	stroke-width: 2;
	fill: none;
	stroke-dasharray: 0;
}

path {
	stroke: #eee;
	stroke-width: 2;
	stroke-dasharray: 0;
	fill: none;
}

.area {
  	fill: #b1b1b1;
}

text {
	font-family: Arial;
	font-size: 8pt;
	fill: #787878;
}

line {
	stroke: #CDCDCD;
	stroke-width: 0.5;
	/* stroke-dasharray: 3 3; */
	fill: none;
}

.data-point {
	stroke: green;
	stroke-width: 2;
	fill: #FFF;
}

#chart-container { 
	width: 80%;
	height: 450px;
}

#ranksettings .warn { 
	font-size: 12px; 
	color: red; 
}

#ranksettings label { 
	float: left; 
	width: 100px; 
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
	line-height: 25px;
}

#ranksettings input[type="submit"] {
	float: right;
}

#settings { 
	float: right; 
}
#settings div { 
	margin-bottom: 5px;
}

#datepicked { 
	color: #609030; 
	font-size: 12px;
	margin-left: 40px;
}
	#datepicked:hover {
		cursor: pointer;
		text-decoration: underline;
	}

#gamecountwarn, #usernamewarn { 
	position: absolute;
	margin-left: -120px;
	margin-top: -11px;
}

.data-point:hover { cursor: pointer; }

.clear { clear: both; }
.hidden { display: none; }
