diff --git a/browser/loops/loops_layout.css b/browser/loops/loops_layout.css
index a965799..52d8f31 100644
--- a/browser/loops/loops_layout.css
+++ b/browser/loops/loops_layout.css
@@ -14,7 +14,7 @@ body {
     font: 85% Helvetica, Arial, sans-serif;
     background: White;
     /* color: Black; */
-    color: #202020;
+    color: #242424;
     margin: 0;
     padding: 0;
 /* These work in IE only, changes the look of the scrollbar + textareas */
@@ -78,7 +78,7 @@ hr {
 
 
 h1, h2, h3, h4, h5, h6 {
-    color: #202020;
+    color: #242424;
     clear: left;
     font: 100% bold Verdana, Helvetica, Arial, sans-serif;
     margin: 0;
@@ -158,14 +158,14 @@ form {
 }
 
 textarea {
-    color: #202020;
+    color: #242424;
     width: 88%;
     padding: 0.1em;
 }
 
 input {
     font: normal 100% Verdana, Helvetica, Arial, sans-serif;
-    color: #202020;
+    color: #242424;
     vertical-align: middle;
     margin-bottom: 1px; /* IE bug fix */
     padding: 0.1em;
@@ -177,8 +177,8 @@ select {
 }
 
 abbr, acronym, .explain {
-    border-bottom: 1px dotted #202020;
-    color: #202020;
+    border-bottom: 1px dotted #242424;
+    color: #242424;
     background-color: transparent;
     cursor: help;
 }
@@ -197,7 +197,7 @@ blockquote {
 
 code {
     font-size: 120%;
-    color: #202020;
+    color: #242424;
     background-color: #CCCCCC;
 }
 
@@ -205,7 +205,7 @@ pre {
     font-size: 120%;
     padding: 1em;
     border: 1px solid #A0A0A0;
-    color: #202020;
+    color: #242424;
     background-color: #CCCCCC;
 }
 
@@ -285,7 +285,7 @@ pre {
 */
 
 #top {
-    border-bottom: 0.1em solid #a0a0a0;
+    border-bottom: 0.1em solid #b0b0b0;
 }
 
 #top #userDetails {
@@ -295,19 +295,22 @@ pre {
 }
 
 div#action {
-    height: 18px;
-    width: 100%;
-    /*background-color: #336699;*/
-    background-color: #6d80b0;
+    height: 16px;
+    /*width: 100%;*/
+    background-color: #c8c4ff;
+    border-left: 1px solid #6478b0;
+    border-right: 1px solid #6478b0;
 }
 
 div#action ul {
-    line-height: 18px;
-    color: #FFF;
+    line-height: 16px;
+    /*color: #FFF;*/
+    color: #344080;
     white-space: nowrap;
     float: right;
     margin: 0px;
-    padding: 0px 5px 0px 0px;
+    margin-right: 20px;
+    padding: 0px 0px 0px 0px;
 }
 
 div#action li {
@@ -316,24 +319,25 @@ div#action li {
 }
 
 div#action li a {
-    color: #FFF;
+    /*color: #FFF;*/
+    color: #344080;
     text-decoration: none;
-    border-left: 1px dashed white;
+    border-left: 1px solid #c8c4ff;
     padding: 0px 5px;
 }
 
 div#action li a:link {
-    color: #FFF:
+    color: #344080;
 }
 
 div#action li a:hover {
-    color: #202020;
-    background-color: white;
+    color: #344080;
+    background-color: #e0e0ff;
 }
 
 #breadcrumbs {
     margin: 0;
-    padding: 5px 5px 5px 5px;
+    padding: 5px 5px 5px 8px;
 }
 
 #navigation {
@@ -344,7 +348,7 @@ div#action li a:hover {
 }
 
 #navigators {
-    padding: 10px 20px 0px 5px;
+    padding: 10px 8px 0px 8px;
 }
 
 /* slot boxes
@@ -352,16 +356,16 @@ div#action li a:hover {
 
 div.box {
     background: #CCCCCC;
-    border-right: 1px solid #CCCCCC;
-    border-left: 1px solid #CCCCCC;
+    border-right: 1px solid #6478b0;
+    border-left: 1px solid #6478b0;
     margin-bottom: 10px;
     padding: 0px;
 }
 
 div.box h4 {
-    background: #CCCCCC;
-    border: 1px solid #CCCCCC;
-    border-style: solid solid none solid;
+    background: #c8c4ff;
+    border-bottom: 1px solid #6478b0;
+    border-top: 1px solid #6478b0;
     color: #606060;
     padding: 0px 5px;
     display: block;
@@ -370,7 +374,7 @@ div.box h4 {
 
 .box div.body {
     background: white;
-    border-bottom: 1px solid #CCCCCC;
+    border-bottom: 1px solid #6478b0;
 }
 
 .box div.body div {
@@ -381,7 +385,7 @@ div.box h4 {
 
 .box div.treebody {
     background: white;
-    border-bottom: 1px solid #CCCCCC;
+    border-bottom: 1px solid #6478b0;
 }
 
 .box div.treebody table {
@@ -419,6 +423,7 @@ div.box h4 {
 
 
 #content {
+    padding-right: 10px;
 }
 
 #context_information {
@@ -439,7 +444,7 @@ div.box h4 {
 }
 
 #footer {
-    border-bottom: 1px solid #202020;
+    border-bottom: 1px solid #242424;
     float: left;
     clear: both;
 }
@@ -475,10 +480,11 @@ div.row div.field {
 }
 
 div.row div.label {
-    background: #6d80b0;
-    color: #fff;
+    font-weight: bold;
+    /*background: #dddddd;
+    border: 1px solid #dddddd; /* Same as .itemViews */
+    color: #202020;
     padding: 0.1em 0.5em 0.1em 0.5em; /* Same as .itemViews */
-    border: 1px solid #6d80b0; /* Same as .itemViews */
     margin: 0;
     float: left;
     clear: both;
@@ -506,9 +512,9 @@ div.row div.error:before {
 .itemViews {
     background: transparent;
     border-collapse: collapse;
-    border-bottom: 1px solid #6d80b0;
+    border-bottom: 1px solid #6478b0;
     padding-top: 1px;
-    padding-bottom: 1px;
+    padding-bottom: 0;
     padding-left: 1em;
     margin-top: 0.8em;
     white-space: nowrap;
@@ -516,29 +522,31 @@ div.row div.error:before {
 
 .itemViews a {
     background: transparent;
-    border: 1px solid #6d80b0;
-    color: #202020;
+    border: 1px solid #6478b0;
+    color: #344080;
     font-weight: normal;
     margin-right: 0.5em;
-    padding: 0.1em 0.5em 0.1em 0.5em;
+    padding: 0.1em 0.5em 0 0.5em;
 }
 
 .itemViews a.selected {
-    background: #6d80b0;
-    border-bottom: #6d80b0 1px solid;
-    color: White;
+    background: #c8c4ff;
+    border-bottom: #c8c4ff 1px solid;
+    /*color: White;*/
     font-weight: normal;
 }
 
 
 .itemViews a:hover {
-    background-color: #6d80b0;
-    color: White;
+    background-color: #c8c4ff;
+    /*color: White;*/
 }
 
 #viewspace {
     border-collapse: collapse;
+    border: 1px solid #6478b0;
     margin: 0;
+    padding: 0 0px 10px 10px;
 }
 
 table.listingdescription, table.listing {
@@ -636,7 +644,7 @@ div.spacer {
 div.message {
     background: #FFCE7B;
     border: 1px solid #FFA500;
-    color: #202020;
+    color: #242424;
     font: bold 80% Verdana, Helvetica, Arial, sans-serif;
     margin: 2em 0em 1em 0em;
     padding: 0.5em 1em;
@@ -644,7 +652,7 @@ div.message {
 }
 
 div.message a {
-    color: #202020;
+    color: #242424;
 }
 
 /* Style for page error divs.  Use this for displaying errors for a
@@ -660,7 +668,7 @@ div.page_error {
 div.bug {
     background: #FFCE7B;
     border: 1px solid #FFA500;
-    color: #202020;
+    color: #242424;
     font: bold 80% Verdana, Helvetica, Arial, sans-serif;
     margin: 2em 1em 1em 0em;
     padding: 0.5em 1em;