--- a/client/css/renkan.css	Mon Feb 11 10:34:23 2013 +0100
+++ b/client/css/renkan.css	Mon Feb 11 12:39:35 2013 +0100
@@ -193,12 +193,12 @@
     font-size: 16px; font-weight: bold;
 }
 
-.Rk-Editor p {
+.Rk-Editor p, .Rk-Editor-p {
     margin: 5px 0; font-size: 12px;
 }
 
 .Rk-Editor label {
-    display: inline-block; width: 70px;
+    float: left; width: 70px;
 }
 
 a.Rk-Edit-Goto {
@@ -223,7 +223,32 @@
 }
 
 .Rk-UserColor {
-    display: inline-block; width: 1em; height: 1em; border: 1px solid #666666; margin: -2px 2px;
+    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; position: relative;
+}
+
+.Rk-Edit-ColorPicker {
+    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: 11px; height: 11px; margin: 0 1px 1px 0; cursor: pointer;
 }
 
 .Rk-ZoomButtons {