.axis path,
.axis line {
  fill: none;
/*  stroke: #000;
*/  shape-rendering: crispEdges;
}



.markerline,
.markerline2 {
	
shape-rendering: crispEdges;
}


.x.axis line{
 stroke:#000;
}

.x.axis path {
 stroke:none;
}


.y.axis.domain {
stroke: none;
}

.axis line {
/*stroke: none;*/
}


.x.axis.zero path {
   stroke:#000;
  
}

#guesschart .x.axis text {
font-weight: bold;
  
}

/*
@media only screen and (min-width: 2000px) {
#guesschart .y.axis text {
font-size: .7em;
}
}*/


.line {
  fill: none;
 stroke: #7EB7A7;
  stroke-width: 2.5px;
}




#title{
	margin: auto;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-size: 19px;	
}

.axislabel {
margin: auto;
	text-align: center;
	/*font-family: 'Oswald', sans-serif;
	letter-spacing: .1em;*/
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .08em;
	
}

.dot {
/*  fill: white;*/
 /* stroke: #7EB7A7;*/
  stroke-width: 1.5px;
  
}

.dot2 {
/*  fill: white;*/position:relative;
z-index:500;
 /* stroke: #7EB7A7;*/
  stroke-width: 1.5px;
  
}


/*
div.tooltip {
    position: absolute;
    text-align: left;
//width: 100px;
   
    padding: 5px 11px 5px 11px;
    font: 12px sans-serif;
	background: url(tipground.png);
	background-size:cover;
//background: #fffff2;
//border: 1px solid #ccc;
 //border-radius: 8px;
    pointer-events: none;
	line-height:1.4em;
	float: right;
}
*/

.grid .tick {
    stroke: lightgrey;
    opacity: 0.7;
	position: relative;
	z-index: -1;
	 shape-rendering: crispEdges;
	
}
.grid path {
      stroke-width: 0;
}

.grid.vertical{
    stroke-dasharray:1,4;
	 shape-rendering: crispEdges;
}

.markerline {
stroke: #C1B179;
stroke-width: 1px;
fill:none;
shape-rendering: crispEdges;
}


.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}


#guessarea .source {
	margin-top: 1em;
	margin-left:30px;
	color: #666;
}


.comment {
	margin: 3em auto;	
	font-size: 1.4em;
	line-height: 1.6em;
	width: 600px;
	
}

.comment:first-letter {
	font-family: 'Oswald', sans-serif;
	margin-top: .4em;
	margin-right: .1em;
	float: left;	
	font-size: 8em;
	
}

.area {
 /*   fill: #ECAF60;*/
 fill: #7EB7A7;
    stroke-width: 0;
}

#chartspace{
	position: relative;
}

.date {display: block;
width: 100%;
margin:  2px 0 0 0;
/*	line-height: 1.8em;*/
		border-bottom: 3px solid #fff;
	}
	

#guesswrapper {
	margin-top: 0;
	border-bottom: 1px solid #d05131;
}

.rule line {
  stroke: #eee;
  shape-rendering: crispEdges;
}

.rule line.axis {
  stroke: #000;
}

.area {
  fill: #ECAF60;
}

.line, circle.area {
  fill: none;
  stroke-width: 1.5px;
}

circle.area {
  fill: #fff;
}

#container {
	position: relative;
	width: 100%;
}

#guesschart {
	position: relative;
	width: 70%;
	font-family: sans-serif;
	float: left;
	
}


/*@media only screen and (min-width: 767px) {
#guesschart {
	height:28em;
	
}

}*/

/*@media only screen and (min-width: 950px) {
#guesschart {

	height:38em;
	
}

}
*/




.guess.button {
	
	width: 80%;
float: left;
clear: both
}

.guess.button {
	
	width: 80%;
float: left;
clear: both;
margin-left:0;
}



.bigemph {
	font-size: 2em; 
color: #D05131; 
fill: #D05131; 
font-family:  font-family:'Pathway Gothic One', sans-serif;
}