diff --git a/static/css/pad.css b/static/css/pad.css
index d6c5a9a4..a71c5d59 100644
--- a/static/css/pad.css
+++ b/static/css/pad.css
@@ -1289,3 +1289,11 @@ label {
  font-size: 11px;
  font-weight: bold;
 }
+
+.selected {
+ background: #eee !important;
+ background: -webkit-linear-gradient(#EEE, #F0F0F0) !important;
+ background: -moz-linear-gradient(#EEE, #F0F0F0) !important;
+ background: -ms-linear-gradient(#EEE, #F0F0F0) !important;
+ background: -o-linear-gradient(#EEE, #F0F0F0) !important;
+}
diff --git a/static/js/pad_editbar.js b/static/js/pad_editbar.js
index e6ff9adf..9280bc7b 100644
--- a/static/js/pad_editbar.js
+++ b/static/js/pad_editbar.js
@@ -168,11 +168,12 @@ var padeditbar = (function()
     },
     toogleDropDown: function(moduleName)
     {
-      var modules = ["embed", "users", "readonly", "importexport", "settingsmenu"];
+      var modules = ["settingsmenu", "importexport", "embed", "users"];
       
       //hide all modules
       if(moduleName == "none")
       {
+        $("#editbar ul#menu_right > li").removeClass("selected");
         for(var i=0;i<modules.length;i++)
         {
           //skip the userlist
@@ -189,6 +190,11 @@ var padeditbar = (function()
       }
       else 
       {
+      	var nth_child = modules.indexOf(moduleName) + 1;
+      	if (nth_child > 0 && nth_child <= 3) {
+          $("#editbar ul#menu_right li:not(:nth-child(" + nth_child + "))").removeClass("selected");
+          $("#editbar ul#menu_right li:nth-child(" + nth_child + ")").toggleClass("selected");
+      	}
         //hide all modules that are not selected and show the selected one
         for(var i=0;i<modules.length;i++)
         {