--- a/src/browser/public/libervia.css	Fri Feb 27 01:45:34 2015 +0100
+++ b/src/browser/public/libervia.css	Fri Feb 27 02:39:43 2015 +0100
@@ -137,10 +137,13 @@
 .header {
     background-color: #eee;
     border-bottom: 1px solid #ddd;
+    width: 100%;
+    height: 64px;
 }
 
-.menuContainer {
-    margin: 0 32px 0 20px;   
+.mainPanel {
+    width: 100%;
+    height: 100%;
 }
 
 .mainMenuBar {
@@ -148,7 +151,6 @@
     background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
     background: -webkit-linear-gradient(top, #444444, #222222);
     background: linear-gradient(to bottom, #444444, #222222);
-    width: 100%;
     height: 28px;
     padding: 5px 5px 0 5px;    
     border: 1px solid #ddd;
@@ -157,6 +159,10 @@
     -webkit-box-shadow: 0px 1px 4px #000;
     box-shadow: 0px 1px 4px #000;
     display: inline-block;
+    position: absolute;
+    left: 20px;
+    right: 20px;
+    width: auto;
 }
 
 .mainMenuBar .gwt-MenuItem {
@@ -422,14 +428,7 @@
 
 div.contactList {
     width: 100%;
-   /* We want the contact panel to not use all the available height when displayed
-      in the unibox panel (grey part), because the dialogs panels (white part) should
-      still be visible. The setting max-height: fit-content would be appropriate here
-      but it doesn't work with firefox 24.0. TODO: check if the current setting works
-      with other browsers... the panel should of course not be displayed on 100px
-      but exactly fit the contacts box.
-     */
-    max-height: 100px;
+    margin-top: 9px;
 }
 
 .contactTitle {
@@ -447,6 +446,7 @@
     border: 0;
     padding: 0;
     font-size: large;
+    margin-top: 9px;
 }
 
 .groupPanel {
@@ -610,10 +610,9 @@
     height:45px;
 }
 
-.statusPanel {
+.presenceStatusPanel {
     margin: auto;
     text-align: center;
-    width: 100%;
     padding: 5px 0px;
     text-shadow: 0 -1px 1px rgba(255,255,255,0.25);
     font-size: 1.2em;
@@ -1132,9 +1131,6 @@
 
 /* Tab panel */
 
-.liberviaTabPanel {
-}
-
 .gwt-TabPanel {
 }
 
@@ -1148,13 +1144,6 @@
     border-bottom: 3px solid #a01c1c;  
 }
 
-.mainTabPanel .gwt-TabBar {
-    z-index: 10;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-}
-
 .gwt-TabBar .gwt-TabBarFirst {
     height: 100%;
 }
@@ -1162,12 +1151,13 @@
 .gwt-TabBar .gwt-TabBarRest {
 }
 
-.liberviaTabPanel .gwt-TabBar {;
+.mainPanel .gwt-TabBar {
+    z-index: 10;
 }
 
-.liberviaTabPanel .gwt-TabBar .gwt-TabBarItem {
-    cursor: pointer;
-    margin-right: 5px;
+.liberviaTabPanel {
+    width: 100%;
+    height: 100%;
 }
 
 .liberviaTabPanel .gwt-TabBarItem div {
@@ -1185,6 +1175,8 @@
     padding: 4px 15px 4px 15px;
     border-radius: 1em 1em 0 0;
     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+    cursor: pointer;
+    margin-right: 5px;
 }
 
 .liberviaTabPanel .gwt-TabBarItem-selected {
@@ -1198,6 +1190,7 @@
     padding: 4px 15px 4px 15px;
     border-radius: 1em 1em 0 0;
     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
+    cursor: default;
 }
 
 .liberviaTabPanel div.gwt-TabBarItem:hover {
@@ -1213,10 +1206,6 @@
     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 
 }
 
-.liberviaTabPanel .gwt-TabBar .gwt-TabBarItem-selected {
-    cursor: default;
-}
-
 .globalLeftArea {
     margin-top: 9px;
 }