.chart{
    background-color: white;
}

.main text {
	color: #333;
}

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

circle {
    fill: black;
}

#scatterplotId{
	margin-left:	190px;
	margin-right:	40px;
	border-spacing:	 0px;
}

#scatterplot2Id{
	margin-left:	0px;
	margin-right:	0px;
	border-spacing:	0px;
}

.scatterplotClass{
  float: left;
	margin-left:	0px;
	margin-right:	0px;
	border-spacing:	0px;	
}

.scatterplotLabels{
  font-weight: bold;
  font-size: 17px;
  stroke: white; 
  stroke-width:.3px;

  fill: black;  
}

.axis-label{
   text-anchor:end;
   font-size:15px;
}
   
.choices{
  fill: yellow;
}

.d3-tip{
  line-height:1;
  font-weight: bold;
  padding: 12px;
  background: #eee;
  color:black;
  border-radius: 2px;
}

/* Jeremy's css */

    path.domain{
      fill:none;
      stroke:#000;
    }
   .tick line{
      fill:red;
      stroke:red;
    }
    text{
      font-size: 8pt;
      font-family: Helvetica;
    }
    .visible{
      display: block;
    }
    .invisible{
      display: none;
    }