--- a/public/libervia.css	Thu Jun 02 15:57:57 2011 +0200
+++ b/public/libervia.css	Wed Jun 15 00:49:34 2011 +0200
@@ -1,6 +1,7 @@
 /*
 Libervia: a Salut à Toi frontend
-Copyright (C) 2011  Jérôme Poisson (goffi@goffi.org)
+Copyright (C) 2011  Jérôme Poisson <goffi@goffi.org>
+Copyright (C) 2011  Adrien Vigneron <adrienvigneron@mailoo.org>
 
 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU Affero General Public License as published by
@@ -25,7 +26,7 @@
 
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
+a, abbr, acronym, address, big, button, cite, code,
 del, dfn, em, font, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center, dl, dt, dd, ol, ul, li,
@@ -136,10 +137,6 @@
   text-align: center;
 }
 
-.gwt-DialogBox .Registration {
-    padding: 10px;
-}
-
 .gwt-ListBox {
     width: 100%;
 }
@@ -204,6 +201,91 @@
     font-style: italic;
 }
 
+/* RegisterBox */
+
+.registerPanel_main div, .registerPanel_main button {
+    color: #fff;
+    font-family: Verdana, sans-serif;
+    text-decoration: none;
+}
+
+.registerPanel_main{
+    height: 100%;
+}
+
+.registerPanel_tabs .gwt-Label {
+    margin-top: 20px;
+    margin-left: 15px;
+    cursor: pointer;
+}
+
+.registerPanel_tabs .gwt-TabBarItem div {
+    color: #444444;
+}
+
+.registerPanel_tabs .gwt-TabBarItem div:hover {
+    color: #fff;
+}
+
+.registerPanel_tabs .gwt-TabBarItem-selected div {
+    color: #fff;
+}
+
+.registerPanel_right_side {
+   background: #111 url('popup_right.png');
+   height: 100%;
+   width: 100%;
+}
+.registerPanel_content {
+   margin-left: 50px;
+   margin-top: 30px;
+}
+
+.registerPanel_content div {
+   font-size: 0.8em;
+   margin-left: 10px;
+   margin-top: 15px;
+   font-style: bold;
+   color: #888;
+}
+
+.registerPanel_content input {
+   height: 25px;
+   line-height: 25px;
+   width: 200px;
+   text-indent: 11px;
+   background: #000;
+   color: #aaa;
+   border: 1px solid #222;
+   border-radius:15px;
+   -webkit-border-radius: 15px;
+   -moz-border-radius: 15px;
+}
+
+.registerPanel_content input:focus {
+   border: 1px solid #444;
+}
+
+
+.registerPanel_content .button, .registerPanel_content .button:visited {
+   background: #222 url('gradient.png') repeat-x;
+   display: inline-block;
+   text-decoration: none;
+   -moz-border-radius: 6px;
+   -webkit-border-radius: 6px;
+   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
+   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
+   border-bottom: 1px solid rgba(0,0,0,0.25);
+   cursor: pointer;
+   margin-top: 30px;
+}
+
+.registerPanel_content .button:hover { background-color: #111; color: #fff; }
+.registerPanel_content .button:active	{ top: 1px; }
+.registerPanel_content .button, .registerPanel_content .button:visited { font-size: 14px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); padding: 7px 10px 8px; }
+.registerPanel_content .red.button, .registerPanel_content .red.button:visited { background-color: #000; }
+.registerPanel_content .red.button:hover { background-color: #bc0000; }
+
 /* Microblog */
 
 .microblogPanel {
@@ -381,7 +463,7 @@
   padding-right: 3px;
 }
 
-.gwt-TabBar .gwt-TabBarItem {
+.mainTabPanel .gwt-TabBar .gwt-TabBarItem {
   border-top: 1px solid #C3D9FF;
   border-bottom: 1px solid #C3D9FF;
   border-right:  1px solid #C3D9FF;
@@ -390,11 +472,11 @@
   cursor: pointer;
 }
 
-div.gwt-TabBarItem:hover {
+.mainTabPanel div.gwt-TabBarItem:hover {
   background: yellow;
 }
 
-.gwt-TabBar .gwt-TabBarItem-selected {
+.mainTabPanel .gwt-TabBar .gwt-TabBarItem-selected {
   font-weight: bold;
   background-color: #E8EEF7;
   border-top: 1px solid #87B3FF;