#chart {
/*  margin-left: -40px;*/
    margin-bottom: 40px;
    height: 650px;
}

#chart img {
    position: relative;
    top: -610px;
    left: 92px;
    background: #fff;
    padding: 8px;
}

text {
  font: 11px Helvetica;
}

.dot {
  stroke: #fff;
}
.dot.highlight {
    stroke: #000;
    stroke-width: 2px;
}

.grid line {
  stroke: #ccc;
  stroke-width: .5px;
  stroke-dasharray: 4, 3;
}

.grid line.minor {
  stroke-width: .3px;
}

.axis line {
  stroke: #000;
}

.grid path {
  display: none;
}

/* Historical paths */
.history path {
    fill: none;
    stroke: #000;
    stroke-width: 0.5px;
}
path.manocc { stroke: #895881; }
path.prod { stroke: #ED7C31; }
path.comp { stroke: #82A5C0; }
path.prof { stroke: #6E9E75; }
path.health { stroke: #53C0C9; }
path.serv { stroke: #e25f82; }
path.sales { stroke: #CC525A; }
path.nat { stroke: #e25f82; }
path.busi { stroke: #82BFBF; }

circle.manocc { fill: #895881; }
circle.prod { fill: #ED7C31; }
circle.comp { fill: #82A5C0; }
circle.prof { fill: #6E9E75; }
circle.health { fill: #53C0C9; }
circle.serv { fill: #e25f82; }
circle.sales { fill: #CC525A; }
circle.nat { fill: #e25f82; }
circle.busi { fill: #82BFBF; }

.label {
    fill: #aaa;
}
.label.bold { 
    fill: #000;
    text-transform: uppercase;
    font-weight: bold; 
}
.equalline {
    fill: none;
    stroke: #000;
    stroke-width: 2px;
}
.line10 {
    fill: none;
    stroke: #ccc;
}
.line20 {
    fill: none;
    stroke: #ccc;
}
.line30 {
    fill: none;
    stroke: #ccc;
}

.year.label {
  font: 500 90px "Helvetica";
  fill: #ddd;
}

.year.label.active {
  fill: #aaa;
}

.overlay {
  fill: none;
  pointer-events: all;
  cursor: ew-resize;
}

.hidden {
    display: none;
}
.right { float: right; }
.left { float: left; }
.clr { clear: both; }
.meta { fill: #aaa; font-style: italic; }

#filters { 
    margin: 0 24px 10px 0;
    float:right;
    font: 10px Helvectica, Arial, sans-serif;
}
#filters table { 
	width: 145px; 
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	margin-right: 1px;
}
#filters table td { padding: 0; margin: 0; }

#filters a {
	display: block;
	width: 153px;
	padding: 3px 4px;
	font-size: 1.1em;
	color: #919292;
	background: #F0F4F5;
	cursor: pointer;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	overflow: hidden;
	text-decoration: none;
}
#filters a:last-child {
    margin-right: 0;
}
#filters a.manocc { background: #895881; color: #fff; }
#filters a.busi { background: #82BFBF; color: #fff; }
#filters a.comp { background: #82A5C0; color: #fff; }
#filters a.prof { background: #6E9E75; color: #fff; }
#filters a.health { background: #53C0C9; color: #fff; }
#filters a.serv { background: #e25f82; color: #fff; }
#filters a.sales { background: #CC525A; color: #fff; }
#filters a.nat { background: #e25f82; color: #fff; }
#filters a.prod { background: #ED7C31; color: #fff; }

#showpaths.activated { background: #000; color: #fff; }


/* Tooltip */
div.tooltip {
    background: #fff;
    border: 1px solid #f0f0f0;
    width: 125px;
/*    height: 60px;*/
    padding: 5px;
    font-size: 11px;
}
div.tooltip h3 { line-height: 1.3em; margin-bottom: 0.3em; }
div.tooltip p { line-height: 1.3em; }
#debug {display:none;}