#disney-princess {position:relative; padding-top:60px;}
.node {
  cursor: pointer;
}
.node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}
.node text {
  font: 10px sans-serif;
}
.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

.axis {font-size: 11px;}
.axis path,
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
    opacity: 1;
}
.axis.sub line {stroke:none;}
.axis.sub text {fill:none;}
.axis.sub.princess path {stroke:#ffd7e4;}
.axis.sub.disney path {stroke:#dfd9fd;}
.axis.sub.worldhistory path {stroke:#e5e1ce;}
.axisLabel {
    pointer-events: none;
    font-weight: bold;
    font-size: 10px;
}

.legend text {font-size:11px; fill:#555;}
#guideConnector line,
#popupConnectors line {
    pointer-events: none;
    shape-rendering: crispEdges;
    stroke-dasharray: 2, 2;
    stroke: #aaa;
}

#disney-popup {
    pointer-events: none;
    position: absolute;
    width: 140px;
    height: 90px;
    text-align:left;
    padding: 0 0 0 10px;
    background: rgba(255, 255, 255, .7);
}

#category-title {font-weight:bold; font-size:0.786em; margin-bottom:5px;}
#disney-popup.type0 #category-title {color:#ff3678;}
#disney-popup.type1 #category-title {color:#6043f4;}
#disney-popup.type2 #category-title {color:#7f680c;}
#disney-popup h3 {font-size:1.143em; font-weight:bold; color:#333; margin-bottom:5px; line-height:1.1;}
#disney-popup .when-where {color:#555; font-size:0.786em; margin-bottom:3px;}
#disney-popup #related-photo img {border:1px solid #ccc; margin-bottom:5px;}
#disney-popup .serif {color:#ca8b9f; font-size:0.786em;}