.diagram-container
{
	display: none;
}

.diagram
{
	overflow: hidden;
	padding-top:15px;
}

.diagram svg
{
	display: block;
	position: absolute;
	visibility: hidden;
	margin: auto;
}

.diagram-help
{
	float:right;
	display:none;
}

.magnifying
{
	cursor: -webkit-zoom-in ! important;
	cursor: -moz-zoom-in ! important;
	cursor: pointer;
}

#close-link
{
	position: absolute;
	z-index: 100;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	text-decoration: underline;
	color: #315479;
}

#close:hover
{
	text-decoration: none;
}

svg a
{
	cursor:pointer;
}

svg text
{
	font-size: 10px;
}

/* try to move the node text 1px in order to be vertically
   centered (does not work in all browsers) */
svg .node text
{
	transform: translate(0px,1px);
	-ms-transform: translate(0px,1px);
	-webkit-transform: translate(0px,1px);
	-o-transform: translate(0px,1px);
	-moz-transform: translate(0px,1px);
}

/* hover effect for edges */

svg .edge.over text,
svg .edge.implicit-incoming.over polygon,
svg .edge.implicit-outgoing.over polygon
{
	fill: #202020;
}

svg .edge.over path,
svg .edge.over polygon
{
	stroke: #202020;
}

/* hover effect for nodes in class diagrams */

svg.class-diagram .node
{
	opacity: 0.75;
}

svg.class-diagram .node.this
{
	opacity: 1.0;
}

svg.class-diagram .node.over
{
	opacity: 1.0;
}

svg .node.over polygon
{
	stroke: #202020;
}

/* hover effect for nodes in package diagrams */

svg.package-diagram .node.class.over polygon,
svg.class-diagram .node.this.class.over polygon
{
	fill: #098552;
	fill: #04663e;
}

svg.package-diagram .node.trait.over polygon,
svg.class-diagram .node.this.trait.over polygon
{
	fill: #3c7b9b;
	fill: #235d7b;
}

svg.package-diagram .node.type.over polygon,
svg.class-diagram .node.this.type.over polygon
{
	fill: #098552;
	fill: #04663e;
}


svg.package-diagram .node.object.over polygon
{
	fill: #183377;
}

svg.package-diagram .node.outside.over polygon
{
	fill: #d4d4d4;
}

svg.package-diagram .node.default.over polygon
{
	fill: #d4d4d4;
}