--- a/client/css/renkan.css	Sun Jan 04 22:42:49 2015 +0100
+++ b/client/css/renkan.css	Sun Jan 04 22:43:16 2015 +0100
@@ -111,7 +111,7 @@
 }
 
 .Rk-CurrentUser {
-    font-size: 13px; background: #666666; padding: 4px; border: 1px solid #333333; border-radius: 3px; box-shadow: 0 1px 0 #505050; color: #ffffff;
+    font-size: 13px; background: #666666; padding: 4px; border: 1px solid #333333; border-radius: 3px; box-shadow: 0 1px 0 #505050; color: #ffffff; text-align: center;
 }
 
 .Rk-CurrentUser-Color {
@@ -187,26 +187,24 @@
 .Rk-Save-Button {
     width: 30px; background-position: -104px 0;
 }
-
-.Rk-Save-Button.disabled {
-    opacity: .5; cursor: default;
+.Rk-Save-Button.saving {
+    background-position: -104px 0;
 }
-
 .Rk-Save-Button:hover {
     background-position: -104px -35px;
 }
-
-.Rk-Save-Button.disabled:hover {
-    opacity: 1; background-position: -104px 0;
+.Rk-Save-Button:active {
+	background-position: -104px 0;
 }
-
-.Rk-Save-Button.Rk-Save-ReadOnly, .Rk-Save-Button.Rk-Save-ReadOnly:hover {
+.Rk-Save-Button.to-save {
     background-position: -172px -35px;
 }
-
-.Rk-Save-Button.Rk-Save-Online, .Rk-Save-Button.Rk-Save-Online:hover {
+.Rk-Save-Button.saved, .Rk-Save-Button.Rk-Save-Online {
     background-position: -172px 0;
 }
+.Rk-Save-Button.disabled, .Rk-Save-Button.Rk-Save-ReadOnly {
+    opacity: .4; cursor: default;
+}
 
 .Rk-Export-Button {
     width: 30px; background-position: -274px 0;
@@ -404,7 +402,7 @@
 }
 
 .Rk-Edit-ColorPicker-Wrapper {
-    display: inline-block; position: relative;
+    display: inline-block; position: relative; float: left;
 }
 
 .Rk-Edit-ColorPicker {