.svgArrow {
	fill: #336699;
}

.graphSimpleNode > rect,
.graphStartNode > rect,
.graphSuccessNode > rect,
.graphJoinNode > rect {
	stroke-width: 4px;
	fill-opacity: 0.7;
	cursor: pointer;
}

.graphSimpleNode > rect {
	stroke: #336699;
	fill: #fafafa;
}

.graphStartNode > rect {
	stroke: #336699;
	fill: #aaccff;
}

.graphSuccessNode > rect {
	stroke: #008000;
	fill: #fafafa;
}

.graphJoinNode > rect {
	stroke-dasharray: 10 5;
	stroke: #336699;
	fill: #fafafa;
}

.graphStartNode:hover > rect,
.graphSimpleNode:hover > rect,
.graphJoinNode:hover > rect,
.graphSuccessNode:hover > rect {
	fill: #dadada;
}

.graphStartNode > text,
.graphSimpleNode > text,
.graphJoinNode > text {
	font-family: Verdana;
	font-size: 12px;
	color: #336699;
	fill: #336699;
	text-anchor: middle;
	alignment-baseline: middle;
}

.graphSuccessNode > text {
	font-family: Verdana;
	font-size: 12px;
	color: #008000;
	fill: #008000;
	text-anchor: middle;
	alignment-baseline: middle;
}

.graphStartNode > text.small,
.graphSimpleNode > text.small,
.graphJoinNode > text.small,
.graphSuccessNode > text.small {
	font-size: 10px;
	color: #999999;
	fill: #999999;
}


.graphSimpleArc > line {
	stroke: #336699;
	stroke-width: 1;
}

.graphSimpleArc > path {
	stroke: #336699;
	stroke-width: 1;
	fill: none;
}

.graphSimpleArc > text {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-anchor: middle;
	alignment-baseline: middle;
}