.dimension {
    cursor: ns-resize;
}

.category {
    cursor: ew-resize;
    font: bold 13px Arial, sans-serif;
}

.dimension tspan.name {
    font-size: 1.5em;
    fill: #3e3e3e;
    font-weight: bold;
    font: normal 18px 'OGloboCondensedBold', Arial, sans-serif;
}

.dimension tspan.sort {
    fill: #000;
    cursor: pointer;
    opacity: 0;
}

.dimension tspan.sort:hover {
    fill: #333;
}

.dimension:hover tspan.name {
    fill: #000;
}

.dimension:hover tspan.sort {
    opacity: 1;
}

.dimension line {
    stroke: #000;
}

.dimension rect {
    stroke: none;
    fill-opacity: 0;
}

.dimension > rect, .category-background {
    fill: #fff;
}

.dimension > rect {
    display: none;
}

.category:hover rect {
    fill-opacity: .3;
}

.dimension:hover > rect {
    fill-opacity: .3;
}

.ribbon path {
    stroke-opacity: 0;
}

.ribbon path.active {
    fill-opacity: .9;
}

.ribbon-mouse path {
    fill-opacity: 0;
}

.tooltip-parsets {
    background-color: rgba(255, 255, 255, 1);
	position: absolute;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #b7b7b7;
}

.tooltip-parsets .name {
	font: normal 12px Arial, sans-serif;
	color: #3e3e3e;
}

.tooltip-parsets .value {
	font: bold 12px Arial, sans-serif;
	color: #25314a;
}

.tooltip-parsets hr {
	margin: 10px 0;
}