diff -r e0f6f3c31150 -r bb63da144239 client/css/renkan.css
--- a/client/css/renkan.css	Thu Jan 31 18:53:08 2013 +0100
+++ b/client/css/renkan.css	Fri Feb 01 12:48:40 2013 +0100
@@ -198,7 +198,7 @@
 }
 
 .Rk-Editor label {
-    display: inline-block; width: 70px;
+    float: left; width: 70px;
 }
 
 a.Rk-Edit-Goto {
@@ -222,21 +222,33 @@
     width: 225px; height: 120px; resize: none;
 }
 
-.Rk-UserColor, .Rk-Edit-Color {
-    display: inline-block; width: 1em; height: 1em; border: 1px solid #666666; margin: -2px 2px;
+.Rk-UserColor {
+    display: inline-block; width: 12px; height: 12px; border: 1px solid #666666; margin: -2px 2px;
+}
+
+.Rk-Edit-Color {
+    display: inline-block; width: 10px; height: 10px; border: 2px solid #333333; margin: -2px 2px;
+}
+
+.Rk-Edit-ColorTip {
+    display: block; width: 3px; height: 3px; background: #fff; margin: 7px 0 0 7px; cursor: pointer;
 }
 
 .Rk-Edit-ColorPicker-Wrapper {
-    display: inline-block; height: 1em; position: relative;
+    display: inline-block; position: relative;
 }
 
 .Rk-Edit-ColorPicker {
-    position: absolute; top: -2px; left: 15px; width: 60px; height: 72px; border: 1px solid #CCCCCC;
+    position: absolute; top: -2px; left: 15px; width: 96px; height: 96px; border: 1px solid #CCCCCC;
     padding: 5px 4px 4px 5px; background: #ffffff; border-radius: 5px; display: none;
 }
 
+.Rk-Edit-ColorPicker-Text {
+    color: #303080; font-weight: bold;
+}
+
 .Rk-Edit-ColorPicker li {
-    float: left; width: 14px; height: 11px; margin: 0 1px 1px 0; cursor: pointer;
+    float: left; width: 11px; height: 11px; margin: 0 1px 1px 0; cursor: pointer;
 }
 
 .Rk-ZoomButtons {