.collapsibletree 
.node 
circle {
    cursor:pointer;
    fill:#fff;
    stroke:#4682b4;
    stroke-width:1.5px
}

.collapsibletree 
.node text {
    font-size:8px
}

.collapsibletree 
path.link {
    fill:none;
    stroke:#ccc;
    stroke-width:1.5px
}

#hidden-comments{display:none}
#show-comments{margin:20px 0}
#ditem-container{position:relative;width:750px;height:600px;margin:20px auto;padding-top:65px}
#ditems{margin:0;height:380px}
#ditems li{list-style:none;margin:0;padding:0;display:none}
#ditems li.first{display:block}
#ditems li>a{position:relative;display:block;width:750px}
#ditems li>a:hover{border:0}
#ditems h2{text-transform:uppercase;position:absolute;right:0;top:250px;background-color:#fff;padding:10px 30px}
#ditems li>a .date,
#ditems li>a h2{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
#ditems li>a:hover .date,
#ditems li>a:hover h2{background-color:#000;color:#fff}
#ditems .date{position:absolute;right:0;top:300px;color:#999;background-color:#fff;padding:5px 30px 5px 10px}
#ditems p{margin-top:20px;width:500px}
#transport{position:absolute;top:410px;width:750px}
#transport a{position:absolute;height:30px;width:30px;line-height:30px;text-align:center;display:block;background-color:rgba(0,0,0,.5);color:#fff;z-index:99}
#next-ditem{right:0}#transport a:hover{border:0;background-color:#000}
#ditem-thumbs{position:absolute;top:0;background-color:#fff;margin:0;width:750px;z-index:100}.conceptmap 
#ditem-thumbs li{list-style:none;margin:0;padding:0;display:inline-block}.conceptmap 
#ditem-thumbs li a{display:block;border:6px solid #fff}.conceptmap #ditem-thumbs li a:hover{border-color:#0da4d3}.conceptmap 
#controls{margin-top:20px;width:750px}.conceptmap #controls .btn{position:relative;float:right;margin-left:10px;z-index:99}

.conceptmap 
svg {
  font-family:Abel,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:8px
}

.conceptmap .ditem>rect {
  stroke:#fff;
  stroke-width:1.5px
}

.conceptmap path{fill:none}
.conceptmap .all-ditems,
.conceptmap .detail text,
.conceptmap .ditem,
.conceptmap .node{cursor:pointer}.conceptmap 

.all-ditems{fill:#aaa}.conceptmap 
.detail a text:hover,.conceptmap text.all-ditems:hover{text-decoration:underline}.herograph 

#wrapper{width:650px;margin:0 auto}

.herograph{width:650px;height:650px}

.herographinfo{width:100%;height:30px;font-size:16px;font-weight:200;text-align:center;margin-bottom:20px}

.herograph path{stroke:#666;fill:#333}

.herograph circle{fill:#225d23}

.herograph text{font-size:8px;fill:#666;text-anchor:middle}

.herograph g.node{cursor:pointer}
.herograph g:hover text{font-weight:500;fill:#000;font-size:14px}
.herograph g:hover circle{fill:#ff0}
.herograph #title{margin:10px 0}
.herograph #title .desc{font-size:14px}
.heb .node{font:300 11px "Helvetica Neue",Helvetica,Arial,sans-serif;fill:#bbb}.heb 
.node:hover{fill:#000}
.heb .link{stroke:#4682b4;

stroke-opacity:.4;
fill:none;pointer-events:none}
.heb .node--source,.heb .node--target,
.heb .node:hover{font-weight:700}
.heb .node--source{fill:#2ca02c}
.heb .node--target{fill:#d62728}
.heb .link--source,
.heb .link--target{stroke-opacity:1;stroke-width:2px}
.heb .link--source{stroke:#d62728}
.heb .link--target{stroke:#2ca02c}
.hiveplot.axis{stroke:#000;stroke-width:1.5px}
.hiveplot .node circle{stroke:#000}
.hiveplot .link{fill:none;stroke:#999;stroke-width:1.5px;stroke-opacity:.3}
.hiveplot .link.active{stroke:red;stroke-width:2px;stroke-opacity:1}
.hiveplot .node circle.active{stroke:red;stroke-width:3px}

.matrixplot .background{fill:#eee}
.matrixplot line{stroke:#fff}
.matrixplot text.active{fill:red}
.matrixplot{font-family:"PT Serif",serif;font-size:small;margin-bottom:2em}

.sankeyplot .node rect{cursor:move;fill-opacity:.9;shape-rendering:crispEdges}
.sankeyplot .node text{pointer-events:none;text-shadow:0 1px 0 #fff}
.sankeyplot .link{fill:none;stroke:#000;stroke-opacity:.2}
.sankeyplot .link:hover{stroke-opacity:.5}.sankeyplot{height:500px}