#parallelCoords
{
	width: 100%;
	height: 100%;
}

.background path {
  fill: none;
  stroke: #ccc;
  stroke-opacity: .4;
  shape-rendering: crispEdges;
}

.foreground path {
  fill: none;
  stroke-opacity: .7;
}

.foreground path:hover{
    stroke-width: 6px !important;
    stroke-opacity: 1 !important;
}

.background path:hover{
    stroke-width: 6px !important;
    stroke-opacity: 1 !important;
}

.brush .extent {
  fill-opacity: .3;
  stroke: #fff;
  shape-rendering: crispEdges;
}

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

.axis text {
  text-shadow: 0 1px 0 #fff;
  cursor: move;
}

.tooltip
{
    background-color: white;
    opacity: .8;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid black;
}

#parallelCoords .axis text {
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
    font-size: 7pt;
    cursor: move;
}

.category, .clusters
{
    cursor: pointer;
}