diff --git a/gui/html/style.css b/gui/html/style.css
index cd16f8c..cc3face 100644
--- a/gui/html/style.css
+++ b/gui/html/style.css
@@ -28,8 +28,9 @@
 }
 
 article {
-    margin: 20px auto 0;
+    margin: 20px auto 20px;
     width: 90%;
+    padding-bottom: 20px;
 }
 
 footer {
@@ -64,9 +65,7 @@
     min-width: 587px;
     width: 100%;
     height: 40px;
-}
 
-nav {
     background-color: #EAF4EF;
     -moz-border-radius: 6px;
     border-radius: 6px;
@@ -189,9 +188,22 @@
 .filename {
     width: 50%;
 }
+
+.highlighted .filename {
+    font-weight: bold;
+}
+
+.delete .filename {
+    color: red;
+}
+
 .version {
     width: 5%;
 }
+.size {
+    width: 5%;
+    whitespace: nowrap;
+}
 .modified {
     width: 20%;
 }
@@ -227,4 +239,46 @@
 seqNo {
     display: inline-block;
     margin-left: 5px;
-}
\ No newline at end of file
+}
+
+.ajax-action {
+    cursor: pointer;
+}
+
+
+
+/* Navigation menu */
+content-nav {
+    display: inline-block;
+    margin: 0;
+    /* width: 100%; */
+    height: 24px;
+
+    background-color: #EAF4EF;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    border: 1px solid #99CCB2;
+}
+
+content-nav ul {
+    margin: 0;
+    padding: 0px;
+}
+
+content-nav li {
+    list-style-type: none;
+    display: inline;
+    margin: 0;
+}
+
+content-nav li a {
+    display: inline-block;
+    color: #727272;
+    font-size: 14px;
+    line-height: 14px;
+    font-family: sans-serif;
+    text-decoration: none;
+    padding: 5px 30px 5px 30px;
+}
+
+content-nav li a.active, content-nav a:hover { color: #2D9A65; }