diff --git a/web/gui/src/main/webapp/onos.css b/web/gui/src/main/webapp/onos.css
index 5cd75e6..baa00a3 100644
--- a/web/gui/src/main/webapp/onos.css
+++ b/web/gui/src/main/webapp/onos.css
@@ -88,7 +88,12 @@
     -moz-transition: opacity 250ms;
 }
 
-svg .node rect {
+svg .link.host {
+    stroke: #6a6;
+    stroke-dasharray: 3,3;
+}
+
+svg .node.device rect {
     stroke-width: 1.5px;
 
     transition: opacity 250ms;
@@ -104,8 +109,9 @@
     fill: #55f;
 }
 
-svg .node.host rect {
-    fill: #787;
+svg .node.host circle {
+    fill: #898;
+    stroke: #000;
 }
 
 svg .node text {
@@ -132,6 +138,7 @@
 
 svg .link.inactive,
 svg .node.inactive rect,
+svg .node.inactive circle,
 svg .node.inactive text,
 svg .node.inactive image {
     opacity: .2;
@@ -175,16 +182,28 @@
  * Specific structural elements
  */
 
+#mast {
+    height: 36px;
+    padding: 4px;
+    background-color: #ccc;
+    vertical-align: baseline;
+}
+
 #frame {
     width: 100%;
     height: 100%;
     background-color: #fff;
 }
 
-#mast {
-    height: 36px;
-    padding: 4px;
-    background-color: #ccc;
-    vertical-align: baseline;
+#flyout {
+    width: 300px;
+    height: 80%;
+    top: 10%;
+    right: 2%;
+    background-color: rgba(0,0,0,0.5);
+
+    position: absolute;
+    z-index: 100;
+    display: none;
 }