--- a/src/browser/public/libervia.css	Thu Nov 19 11:19:05 2015 +0100
+++ b/src/browser/public/libervia.css	Thu Nov 19 11:41:03 2015 +0100
@@ -300,11 +300,6 @@
 
 /* Misc Pyjamas stuff */
 
-.gwt-AutoCompleteTextBox {
-    width: 80%;
-    border: 1px solid #87B3FF;
-    margin-top: 20px;
-}
 .gwt-DialogBox {
     padding: 10px;
     border: 1px solid #aaa;
@@ -464,6 +459,7 @@
 }
 
 .group {
+    curser: pointer;
     padding: 2px 15px;
     margin: 5px;
     display: inline-block;
@@ -1291,6 +1287,8 @@
     width: 99%;
     margin: auto;
     display: block;
+    border: 0px;
+    border-radius: 5px;
 }
 
 .richTextToolbar {
@@ -1300,6 +1298,7 @@
 
 .richTextArea {
     width: 100%;
+    height: 250px;
 }
 
 .richMessageArea {
@@ -1361,36 +1360,24 @@
 .itemPanel {
 }
 
-.itemTextBox {
+.listItem-box {
     cursor: pointer;
     width: auto;
+    border: 1px solid #87B3FF;
     border-radius: 5px 5px 5px 5px;
-    -webkit-box-shadow: inset 0px 1px 4px rgba(135, 179, 255, 0.6);
-    box-shadow: inset 0px 1px 4px rgba(135, 179, 255, 0.6);
+    -webkit-box-shadow: inset 0px 1px 0px rgba(135, 179, 255, 0.6);
+    box-shadow: inset 0px 1px 2px rgba(135, 179, 255, 0.6);
     padding: 2px 1px;
-    margin: 0px;
-    color: #444;
-    font-size: 1em;
 }
 
-.itemTextBox-invalid {
-    -webkit-box-shadow: inset 0px 1px 4px rgba(255, 0, 0, 0.6);
-    box-shadow: inset 0px 1px 4px rgba(255, 0, 0, 0.6);
+.listItem-box-invalid {
     border: 1px solid rgb(255, 0, 0);
+    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 0, 0, 0.6);
+    box-shadow: inset 0px 1px 0px rgba(255, 0, 0, 0.6);
 }
 
-.itemRemoveButton {
-    margin: 0px 10px 0px 0px;
-    padding: 0px;
-    border: 1px dashed red;
-    border-radius: 5px 5px 5px 5px;
-}
-
-.itemRemoveIcon {
+.listItem-button span {
     color: red;
-    width:15px;
-    height:15px;
-    vertical-align: baseline;
 }
 
 .recipientSpacer {
@@ -1408,29 +1395,38 @@
 /* Contact group manager */
 
 .contactGroupEditor {
-    width: 800px;
-    max-width:800px;
-    min-width: 800px;
-    margin-top: 9px;
-    margin-left:18px;
+    width: 680px !important;
+}
+
+.contactGroupManager {
+    width: 400px !important;
+    height: 300px !important;
+    margin: 20px 0px;
 }
 
-.contactGroupRemoveButton {
-    margin: 0px 10px 0px 0px;
+.contactGroupRoster {
+    width: 280px !important;
+    height: 300px !important;
+    margin: 20px 0px;
+}
+
+.listItem-button {
+    margin: 0px;
     padding: 0px;
-    border: 1px dashed red;
-    border-radius: 5px 5px 5px 5px;
+    border: none;
+    background: transparent;
 }
 
 .addContactGroupPanel {
    
 }
 
-.contactGroupPanel {
-    vertical-align:middle;
+.listPanel {
+    vertical-align:top;
+    padding: 10px 0px;
 }
 
-.contactGroupPanel.dragover {
+.listPanel.dragover {
     border-radius: 5px !important;
     background: none repeat scroll 0% 0% rgb(135, 179, 255) !important;
     border: 1px dashed rgb(35,79,255) !important;
@@ -1440,10 +1436,16 @@
     white-space: nowrap;
 }
 
-.contactGroupButtonCell {
-    vertical-align: baseline;
+.listManager-button-cell {
+    vertical-align: top;
+    padding: 10px 0px;
     width: 55px;
-    white-space: nowrap;
+    white-space: top;
+}
+
+.listManager-button-cell .group {
+    border: 0px;
+	margin: 0px 5px;
 }
 
 /* Room and contacts chooser */
@@ -1459,9 +1461,9 @@
 
 .gwt-StackPanel .gwt-StackPanelItem {
     background-color: #222;
-    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);
+    background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#666666));
+    background: -webkit-linear-gradient(top, #888888, #666666);
+    background: linear-gradient(to bottom, #888888, #666666);
     text-decoration: none;    
     font-weight: bold;
     height: 100%;