body{	margin:auto; font-family:"Verdana", Geneva, sans-serif; 
/*background:lightgrey;*/
font: 15px/1.231 arial,helvetica,clean,sans-serif;}

#chart_1,
#chart_2,
#chart_3,
#chart_4{
	height:200;
}

.light{color:lightgrey;}
.bright{color:blue;}

input[type=button]{ font-size: 1em; text-align:center; margin:0.1em; border-radius:6px; background:#2e6e9e; color:white; padding:0.1em; line-height: 1.2;}

img{ padding:1em;}

input{	text-align: right; width:10em; margin:0.2em;}

input[type=number]:hover{background-color: #DAF7A6;}
input[type=number]:focus {
  background-color: #DAF7A6;
}

input[type=text]:hover{background-color: #DAF7A6;}
input[type=text]:focus {
  background-color: #DAF7A6;
}


input[type=button], input[type=reset]{ text-align:center;}
select{	text-align: center; background-color:#FAEBD7; width:10em;}

table{	cellspacing: 50; border-collapse:collapse; margin:auto;}
td{	text-align:right; padding:.2em .4em .2em .4em;}
td:hover{background-color: yellow;}

#table_2 tr:hover{  background-color: #DAF7A6;}
#table_2 td:hover{ background-color: yellow;}

#summary tr:hover{  background-color: #DAF7A6;}
#summary td:hover{ background-color: yellow;}

#results td:hover{background-color: lightgreen;}

/*table {
  border-collapse: collapse;
  margin:auto;
}

table, th, td {
  border: 1px solid black;
}*/

form{
	border : .2em solid;
	padding : 0em;
	border-color:black;
	background: #EDEFC9;
	//		background: #D5ECFF;

}

label{
	width: 18em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

fieldset{width:40em; margin:auto;}

div.titlebar{background:black; color:white; margin: 0em 0em 0em 0em;}
.hide{display: none;}
.middle{text-align: center;}


.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}