--- a/server/src/main/webapp/static/js/main.js	Mon Feb 11 12:39:35 2013 +0100
+++ b/server/src/main/webapp/static/js/main.js	Mon Feb 11 18:08:19 2013 +0100
@@ -26,6 +26,8 @@
 
 Rkns._ = _;
 
+Rkns.pickerColors = ["#8f1919", "#a80000", "#d82626", "#ff0000", "#e87c7c", "#ff6565", "#f7d3d3", "#fecccc", "#8f5419", "#a85400", "#d87f26", "#ff7f00", "#e8b27c", "#ffb265", "#f7e5d3", "#fee5cc", "#8f8f19", "#a8a800", "#d8d826", "#feff00", "#e8e87c", "#feff65", "#f7f7d3", "#fefecc", "#198f19", "#00a800", "#26d826", "#00ff00", "#7ce87c", "#65ff65", "#d3f7d3", "#ccfecc", "#198f8f", "#00a8a8", "#26d8d8", "#00feff", "#7ce8e8", "#65feff", "#d3f7f7", "#ccfefe", "#19198f", "#0000a8", "#2626d8", "#0000ff", "#7c7ce8", "#6565ff", "#d3d3f7", "#ccccfe", "#8f198f", "#a800a8", "#d826d8", "#ff00fe", "#e87ce8", "#ff65fe", "#f7d3f7", "#feccfe", "#000000", "#242424", "#484848", "#6d6d6d", "#919191", "#b6b6b6", "#dadada", "#ffffff"];
+
 Rkns._BaseBin = function(_renkan, _opts) {
     if (typeof _renkan !== "undefined") {
         this.renkan = _renkan;
@@ -120,12 +122,12 @@
         _this.$.find(".Rk-Bin-Item.dragging").removeClass("dragging");
     });
     if (!_opts.search.length) {
-        this.$.find(".Rk-Search-Form").detach();
+        this.$.find(".Rk-Web-Search-Form").detach();
     } else {
         var _tmpl = Rkns._.template('<li class="<%= className %>" data-key="<%= key %>"><%= title %></li>'),
             _select = this.$.find(".Rk-Search-List"),
-            _input = this.$.find(".Rk-Search-Input"),
-            _form = this.$.find(".Rk-Search-Form");
+            _input = this.$.find(".Rk-Web-Search-Input")
+            _form = this.$.find(".Rk-Web-Search-Form");
         Rkns._(_opts.search).each(function(_search, _key) {
             var _searchObj = new _search.type(_this, _search);
             _this.search_engines.push(_searchObj);
@@ -196,13 +198,25 @@
     Rkns.$(window).resize(function() {
         _this.resizeBins();
     });
+    
+    this.$.find(".Rk-Bins-Search-Input").on("change keyup paste input", function() {
+       var val = Rkns.$(this).val();
+       Rkns._(_this.tabs).each(function(tab) {
+           tab.render(val);
+       });
+    });
+    this.$.find(".Rk-Bins-Search-Form").submit(function() {
+        return false
+    });
 }
 
 Rkns.Renkan.prototype.template = Rkns._.template(
     '<div class="Rk-Title"><h1>Hyper Plateau</h1></div><div class="Rk-Bins">'
-    + '<form class="Rk-Search-Form"><input class="Rk-Search-Input" type="text" placeholder="Search" />'
+    + '<form class="Rk-Web-Search-Form Rk-Search-Form"><input class="Rk-Web-Search-Input Rk-Search-Input" type="search" placeholder="Search the Web" />'
     + '<div class="Rk-Search-Select"><div class="Rk-Search-Current"></div><ul class="Rk-Search-List"></ul></div>'
-    + '<input type="submit" value="" class="Rk-Search-Submit" /></form>'
+    + '<input type="submit" value="" class="Rk-Web-Search-Submit Rk-Search-Submit" /></form>'
+    + '<form class="Rk-Bins-Search-Form Rk-Search-Form"><input class="Rk-Bins-Search-Input Rk-Search-Input" type="search" placeholder="Search in Bins" />'
+    + '<input type="submit" value="" class="Rk-Bins-Search-Submit Rk-Search-Submit" /></form>'
     + '<ul class="Rk-Bin-List"></ul></div><div class="Rk-Render Rk-Render-Panel"></div>'
 );
 
@@ -213,8 +227,8 @@
 }
 
 Rkns.Renkan.prototype.resizeBins = function() {
-    var _d = + this.$.find(".Rk-Search-Form").outerHeight();
-    this.$.find(".Rk-Bin-Title").each(function() {
+    var _d = + this.$.find(".Rk-Web-Search-Form").outerHeight() + this.$.find(".Rk-Bins-Search-Form").outerHeight();
+    this.$.find(".Rk-Bin-Title:visible").each(function() {
         _d += Rkns.$(this).outerHeight();
     });
     this.$.find(".Rk-Bin-Main").css({