+<div id="topo_plugin_width" class="expandable">
+
+</div>
+
+
+<div id="topo_plugin">
+
+<h2>Topology</h2>
+<!--
+<link rel="stylesheet" href="tooltip.topology.css" />
+<link rel="stylesheet" href="tooltip.css" />
+-->
+<style>
+ .link {
+ stroke: #ccc;
+ stroke-width:1px;
+ }
+ .node {
+ stroke-width:2px;
+ }
+ .node text {
+ pointer-events: none;
+ font: 10px sans-serif;
+ }
+</style>
+<!--
+<script src="tooltip.topology.js"></script>
+<script src="d3.v2.min.js"></script>
+-->
+
+<div id="topologyContainer" class="expandable">
+ <div id="selected_node_info">
+ Tip: Move cursor over the icons to get extra information...
+ </div>
+
+ <div id="target" style="background:white;">>
+
+
+ </div>
+
+
+
+
+<div id="topology_options_menu">
+
+ <a id="topo_regroup" href="">
+ <img alt="Group" title="Group" src="../../static/img/groupin.png" style="height:16px;text-align:middle" />
+ </a>
+
+ <a id="link_zoom_in">
+ <img alt="Zoom in" title="Zoom in" src="../../static/img/zoomin.png" style="height:16px;text-align:middle" />
+ </a>
+
+ <a id="link_zoom_out" href="">
+ <img alt="Zoom out" title="Zoom out" src="../../static/img/zoomout.png" style="height:16px;" />
+ </a>
+
+ <a id="link_zoom_reset" href="">
+ <img alt="Zoom reset" title="Zoom reset" src="../../static/img/zoom.png" style="height:16px;" />
+ </a>
+
+</div>
+</div>
+</div>
+
+