.tree-container {
	/*padding: 10px;*/
	background-color: #CCC;
	border: 4px solid #BBB;
	/*box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);*/
	border-radius: 4px;
	width: 100%;
	/*height: 80%;*/
	height: 400px;
	overflow: hidden;
}

.taxonomytree {
	background-color: #CCC;
	border-radius: 4px;
	float: right;
}

.taxonomytree .node circle {
	cursor: pointer;
	fill-opacity: 0.8;
	stroke-width: 0;
	fill: hsl(98, 100%, 75%)
}

.taxonomytree .node.leaf circle {
	fill: white;
}

.taxonomytree .node.ghost circle {
	fill: #888
}

.taxonomytree .new.node circle {
}

.taxonomytree .node.selected circle {
	stroke: hsl(74, 100%, 60%);
	stroke-width: 12px;
	stroke-opacity: 0.55
}

.taxonomytree .node.selected.leaf circle {
	stroke: hsl(340, 100%, 60%)
}

.taxonomytree .node text {
	fill: #fff;
	stroke: none
}

.taxonomytree .link {
	fill: none;
	stroke: #aaa;
	opacity: 0.7
}

.taxonomytree .node tspan {
	font-size: 12px
}

.taxonomytree .node a {
	text-decoration: none;
}

.taxonomytree .node a.has-children rect {
	fill: #AFC3DD;
}

.taxonomytree .node a.no-children rect {
	fill: #333;
}

.taxonomytree .node a.no-children:hover rect {
	fill: #666;
}

.taxonomytree .node.current-term a rect {
	stroke: hsl(74, 100%, 60%);
	stroke-width: 12px;
	stroke-opacity: 0.55;
}

.taxonomytree .node.current-term a:hover rect {
	cursor: pointer;
}

.node circle {
	fill: #fff;
	stroke: steelblue;
	stroke-width: 3px;
}

.node text { font: 12px sans-serif; }

.link {
	fill: none;
	stroke: #ccc;
	stroke-width: 2px;
}

.post-svg-spacer-hack {
  margin-bottom: -1em !important;
  margin-top: 0px !important;
  max-width: 100% !important;
}