body{
	background-color:#333;
	font-family: 'Source Code Pro', monospace;
	color:#ccc;
}


form{
  width:600px;
  height:20px;
  margin:0 auto;
}
input{
	display: inline-block;
	outline: none;
}
input[type="range"]{
  -webkit-appearance:none;
  width:250px;
  height:10px;
  margin:10px 10px;
  background: linear-gradient(to right, #6b6de5 0%, #46e260 100%);
  background-size:250px 2px;
  background-position:center;
  background-repeat:no-repeat;
  overflow:hidden;
  outline: none;
}

input[type="range"]:first-of-type{
  margin-top:0px;
}

input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:20px;
  height:20px;
  background:#ddd;
  position:relative;
  z-index:3;
  box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
}

input[type="range"]::-webkit-slider-thumb:after{
  content:" ";
  width:20px;
  height:10px;
  position:absolute;
  z-index:1;
  right:20px;
  top:5px;
  background: #ff5b32;
  background: linear-gradient(to right, #6b6de5 1%, #46e260 70%);
}
.input{
	margin-left:20px;
}
.add{
	margin-left:20px
}
.preview, .previewhist{
	font-weight:100;
	font-size:0.7em;
	padding-bottom: 10px;
}
.date, .datehist{color: #9f00ca; margin-right:5px;}
.hpyno, .hpyhist{color:#efe23e; margin-right:5px;}
.pretext, .pretexthist{color:#ece5e5; margin-right:5px;}
.prepos, .preposhist{ color: #58e81b; margin-right:5px;}
.preneg, .preneghist{ color: #e81b1b; margin-right:5px;}
.precon, .preconhist{ color: #999; margin-right:5px;}

.filter{
	background-color:#555;
	width:880px;
	font-weight:100;
	font-size:0.7em;
	padding:10px;
	border-radius: 2px;
}
.filtitle{font-weight:700; margin-right:5px;}
.filpos{ background-color: #58e81b; border-radius: 2px; padding:2px 5px; color:#222; margin-right:5px;}
.filneg{ background-color: #e81b1b; border-radius: 2px; padding:2px 5px; color:#222; margin-right:5px;}
.filcon{ background-color: #999; border-radius: 2px; padding:2px 5px; color:#222; margin-right:5px;}

rect.r0 {
    fill: #ededed;
    fill: #000;
}
.highlight, rect.now, rect.now:hover{
	stroke: #999;
}
.graph, .graph-legend rect {
    shape-rendering: auto;
}
.subdomain-text{ fill:#111; font-weight:700;}
.banner, .top10s, .fullday{
	width:950px;
	color:#ccc;
	text-align:left;
	font-weight:700;
	margin-bottom:10px;
	margin-left: 50px;
}
.header{
	width:140px;
	display:inline-block;
	margin-right:197px;
}
.header a:link, .header a:hover, .header a:visited, .header a:active{
	text-decoration: none;
	color:#ccc;
}
.fullday{
	padding-top:10px;
}
.new-log{
	width:600px; 
	display:inline-block;
	vertical-align:top;
}
.sub-header{
	font-weight:700;
	color:#ccc;
}
.toppos, .latpos, .topneg, .latneg, .topcon, .latcon{ 
	width:150px;
	display: inline-block;
	font-weight:100;
	font-size:0.7em;
}
.toppos, .latpos{ color: #58e81b; vertical-align: top;}
.topneg, .latneg{ color: #e81b1b; vertical-align: top;}
.topcon, .latcon{ color: #999; vertical-align: top;}