@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300);
body {
  font-family: 'Open Sans Condensed', sans-serif;
}
body .legends {
	background: #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	width: 298px;
	float: left;
	padding: 4px 16px;
	position: absolute;
	top: 12px;
	left: 10px;
}
.publiccolor {
  background: #ff3378;
}
.privatecolor {
  background: #0094ff;
}
.interestcolor {
  background: #000000;
}
.workcolor {
  background: #33FF00;
}
.personcolor {
  background: #cccccc;
}
.infobox {
  position: absolute;
  top: 10px;
  left: 10px;
  border: 1px solid #ccc;
  width: 200px;
  height: 40;
  display: none;
  padding: 5px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
}
.inactive {
  fill: none;
  stroke-width: 2.5px;
  stroke: #eee;
  stroke-dasharray: 15 3;
}
.active {
  fill: none;
  stroke-width: 2.5px;
  stroke: #666;
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
}
line:hover {
  stroke-width: 7px;
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
}
.highlight {
  stroke-width: 3px;
}
circle {
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
  stroke: #fff;
  stroke-width: 1.5px;
}
.private.org circle {
  fill: #0094ff;
}
.public.org circle {
  fill: #ff3378;
}
.interest.org circle {
  fill: #000000;
}
.work.org circle {
  fill: #33FF00;
}
.person circle {
  fill: #cccccc;
}
/*.node:hover circle {
    fill: #f0f;
    .transform(scale(1.2, 1.2))
}*/
.node:hover text {
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
  font-weight: bold;
}
g.person text {
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
  font: 8px;
  pointer-events: none;
  fill: #666;
}
g.org text {
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
  font: 10px;
  pointer-events: none;
}