
#home-chart-data{ font-size:11px;}

.list-inline > li {
  padding-left: 0px;
}
.issue-text {
  pointer-events: none;
}
#timeline {
  stroke: black;
  opacity: .9;
  stroke-width: 10px;
}
circle {
  fill: #fff !important;
  fill-opacity: .9;
  stroke: #38a0f4;
  stroke-width: 1px;
  cursor:pointer;
}
.other {
  opacity: .8;
  fill: #998877;
}
.story {
  opacity: .8;
  fill: yellow;
}
.decade-text {
  fill: gray;
  opacity: .8;
  font-size: 270px;
}
.decade {
  filter: url(#css_blur);
  opacity: .2;
}
.d40 {
  fill: #aabbcc;
}
.d50 {
  fill: #778899;
}
.d60 {
  fill: #445577;
}
.d70 {
  fill: #223344;
}
.d80 {
  fill: #aabbcc;
}
.d90 {
  fill: #778899;
}
.d20 {
  fill: #445577;
}

text{ fill: #888;}

.popover{ width:130px; background:#333; color:#fff; border:#333;}


path { 
    stroke: #38a0f4;
    stroke-width: 0;
    fill: #38a0f4;
	fill-opacity: .9;
}

.axis path,
.axis line {
    fill: none;
    stroke: #dddddd;
    stroke-width: 1;
    shape-rendering: crispEdges;
	color:#ddd;
}

.grid line {
  stroke: lightgrey;
  stroke-opacity: 0.7;
  shape-rendering: crispEdges;
}

.grid path {
  stroke-width: 0;
}

div.tooltip {	
   /* position: absolute;	*/		
    text-align: center;			
    width: 100px;					
   /* height: 28px;*/					
    padding: 0px;				
    font: 12px sans-serif;		
    background: lightsteelblue;	
    border: 0px;		
    border-radius: 8px;			
    pointer-events: none;
	margin-left:10px;		
}
