[kune-commits] r1348 - in kune-sandbox: src/cc/kune/sandbox src/cc/kune/sandbox/client war war/kune_messages war/kune_sandbox war/kune_sandbox/images war/kune_sandbox/images/ie6 war/kune_sandbox/styles

Vicente J. Ruiz Jurado vjrj_ at ourproject.org
Thu May 5 23:20:18 CEST 2011


Author: vjrj_
Date: 2011-05-05 23:20:17 +0200 (Thu, 05 May 2011)
New Revision: 1348

Added:
   kune-sandbox/war/kune_sandbox/images/corner.png
   kune-sandbox/war/kune_sandbox/images/corner_ie6.png
   kune-sandbox/war/kune_sandbox/images/ie6/
   kune-sandbox/war/kune_sandbox/images/ie6/corner_dialog_topleft.png
   kune-sandbox/war/kune_sandbox/images/ie6/corner_dialog_topright.png
   kune-sandbox/war/kune_sandbox/images/ie6/hborder_blue_shadow.png
   kune-sandbox/war/kune_sandbox/images/ie6/hborder_gray_shadow.png
   kune-sandbox/war/kune_sandbox/images/ie6/vborder_blue_shadow.png
   kune-sandbox/war/kune_sandbox/images/ie6/vborder_gray_shadow.png
   kune-sandbox/war/kune_sandbox/images/vborder.png
   kune-sandbox/war/kune_sandbox/images/vborder_ie6.png
   kune-sandbox/war/kune_sandbox/styles/
   kune-sandbox/war/kune_sandbox/styles/styl1.png
   kune-sandbox/war/kune_sandbox/styles/styl2.png
   kune-sandbox/war/kune_sandbox/styles/styl3.png
   kune-sandbox/war/kune_sandbox/styles/styl4.png
   kune-sandbox/war/kune_sandbox/styles/styl5.png
   kune-sandbox/war/kune_sandbox/styles/styl6.png
Modified:
   kune-sandbox/src/cc/kune/sandbox/KuneSandbox.gwt.xml
   kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java
   kune-sandbox/war/kune_messages/kune-common.css
   kune-sandbox/war/kune_sandbox/about.html
   kune-sandbox/war/kune_sandbox/kune-common.css
   kune-sandbox/war/kune_sandbox/ws.css
   kune-sandbox/war/ws.css
Log:
Some right/center/left buttons for navigator

Modified: kune-sandbox/src/cc/kune/sandbox/KuneSandbox.gwt.xml
===================================================================
--- kune-sandbox/src/cc/kune/sandbox/KuneSandbox.gwt.xml	2011-05-05 16:19:38 UTC (rev 1347)
+++ kune-sandbox/src/cc/kune/sandbox/KuneSandbox.gwt.xml	2011-05-05 21:20:17 UTC (rev 1348)
@@ -3,7 +3,7 @@
   <!-- Inherit the core Web Toolkit stuff. -->
   <inherits name='com.google.gwt.user.User' />
   <inherits name="cc.kune.msgs.KuneMsgs" />
-  <inherits name="cc.kune.core.Core" />
+  <inherits name="cc.kune.core.KuneCore" />
   <inherits name="cc.kune.wave.KuneWave" />
   <inherits name="org.adamtacy.GWTEffects"></inherits>
   <!-- Inherit the default GWT style sheet. You can change -->
@@ -19,6 +19,5 @@
   <source path='client' />
   <public path="public" />
   <stylesheet src="kune-sandbox.css" />
-  <set-property name="user.agent" value="safari,gecko1_8" />
   <inherits name="com.extjs.gxt.ui.GXT" />
 </module>

Modified: kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java
===================================================================
--- kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java	2011-05-05 16:19:38 UTC (rev 1347)
+++ kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java	2011-05-05 21:20:17 UTC (rev 1348)
@@ -5,10 +5,10 @@
 import cc.kune.common.client.ui.MaskWidget;
 import cc.kune.common.client.ui.PopupBottomPanel;
 import cc.kune.common.client.ui.PopupTopPanel;
-import cc.kune.core.client.ui.dialogs.BasicDialog;
-import cc.kune.gspace.client.WsArmorImpl;
-import cc.kune.gspace.client.tool.ToolSelectorItemPanel;
-import cc.kune.gspace.client.tool.ToolSelectorPanel;
+import cc.kune.common.client.ui.dialogs.BasicDialog;
+import cc.kune.gspace.client.GSpaceArmorImpl;
+import cc.kune.gspace.client.tool.selector.ToolSelectorItemPanel;
+import cc.kune.gspace.client.tool.selector.ToolSelectorPanel;
 import cc.kune.msgs.client.CloseCallback;
 import cc.kune.msgs.client.UserMessage;
 import cc.kune.msgs.client.UserMessagesPanel;
@@ -20,6 +20,7 @@
 import com.google.gwt.user.client.Window;
 import com.google.gwt.user.client.ui.AbsolutePanel;
 import com.google.gwt.user.client.ui.Button;
+import com.google.gwt.user.client.ui.FlowPanel;
 import com.google.gwt.user.client.ui.IsWidget;
 import com.google.gwt.user.client.ui.Label;
 import com.google.gwt.user.client.ui.RootPanel;
@@ -30,143 +31,167 @@
  */
 public class KuneSandboxEntryPoint implements EntryPoint {
 
-    private PopupBottomPanel pop;
+  private PopupBottomPanel pop;
 
-    /**
-     * This is the entry point method.
-     */
-    @Override
-    public void onModuleLoad() {
-        // testUserMessages();
-        // testDialogs();
-        // testToolpanel();
-        // toolSelector.addWidget(new Label("Test"));
-        final AbsolutePanel panel = new AbsolutePanel();
-        final Button button = new Button("Btn 1");
-        final Button button2 = new Button("Btn 2");
-        final Button button3 = new Button("Btn 3");
-        final Button button4 = new Button("Btn 4");
-        int clientWidth = Window.getClientWidth();
-        int clientHeight = Window.getClientHeight();
-        panel.setSize(String.valueOf(clientWidth-10) + "px", String.valueOf(clientHeight-10) + "px");
-        panel.add(button, 5, 5);
-        panel.add(button2, clientWidth - 60, 5);
-        panel.add(button3, 5, clientHeight - 40);
-        panel.add(button4, clientWidth - 60, clientHeight - 40);
-        Tooltip.to(button, "Some tooltip");
-        Tooltip.to(button2, "Some tooltip");
-        Tooltip.to(button3, "Some tooltip");
-        Tooltip.to(button4, "Some tooltip");
-        // DOM.setElementProperty(button2.getElement(), "position", "relative");
-        RootPanel.get().add(panel);
-    }
+  /**
+   * This is the entry point method.
+   */
+  @Override
+  public void onModuleLoad() {
+    // testUserMessages();
+    // testDialogs();
+    // testToolpanel();
+    // toolSelector.addWidget(new Label("Test"));
+    // testTooltips();
+    Button btn1 = new Button("Btn 1");
+    Button btn2 = new Button("Btn 2");
+    Button btn3 = new Button("Btn 3");
+    btn1.addStyleName("k-button");
+    btn1.addStyleName("k-button-left");
+    btn2.addStyleName("k-button");
+    btn2.addStyleName("k-button-center");
+    btn3.addStyleName("k-button");
+    btn3.addStyleName("k-button-right");
+    btn1.addStyleName("kune-Margin-Large-t");
+    btn2.addStyleName("kune-Margin-Large-t");
+    btn3.addStyleName("kune-Margin-Large-t");
+    btn1.addStyleName("k-fl");
+    btn2.addStyleName("k-fl");
+    btn3.addStyleName("k-fl");
+    FlowPanel vp = new FlowPanel();
+    vp.add(btn1);
+    vp.add(btn2);
+    vp.add(btn3);
+    RootPanel.get().add(vp);
+  }
 
-    private void testToolpanel() {
-        ToolSelectorPanel toolSelector = new ToolSelectorPanel(new WsArmorImpl());
-        ToolSelectorItemPanel toolItem1 = new ToolSelectorItemPanel();
-        toolItem1.getLabel().setText("documents");
-        ToolSelectorItemPanel toolItem2 = new ToolSelectorItemPanel();
-        toolItem2.getLabel().setText("something very longgggggg");
-        ToolSelectorItemPanel toolItem3 = new ToolSelectorItemPanel();
-        toolItem3.getLabel().setText("media");
-        toolSelector.addItem(toolItem1);
-        toolSelector.addItem(toolItem2);
-        toolSelector.addItem(toolItem3);
-        toolItem1.setSelected(true);
-        toolItem2.setSelected(false);
-        toolItem3.setSelected(false);
-        toolSelector.asWidget().setWidth("200px");
-        RootPanel.get().add(toolSelector.asWidget());
-    }
+  private void testTooltips() {
+    final AbsolutePanel panel = new AbsolutePanel();
+    final Button button = new Button("Btn 1");
+    final Button button2 = new Button("Btn 2");
+    final Button button3 = new Button("Btn 3");
+    final Button button4 = new Button("Btn 4");
+    int clientWidth = Window.getClientWidth();
+    int clientHeight = Window.getClientHeight();
+    panel.setSize(String.valueOf(clientWidth - 10) + "px", String.valueOf(clientHeight - 10) + "px");
+    panel.add(button, 5, 5);
+    panel.add(button2, clientWidth - 60, 5);
+    panel.add(button3, 5, clientHeight - 40);
+    panel.add(button4, clientWidth - 60, clientHeight - 40);
+    Tooltip.to(button, "Some tooltip");
+    Tooltip.to(button2, "Some tooltip");
+    Tooltip.to(button3, "Some tooltip");
+    Tooltip.to(button4, "Some tooltip");
+    // DOM.setElementProperty(button2.getElement(), "position", "relative");
+    RootPanel.get().add(panel);
+  }
 
-    private void postAdd(final PopupBottomPanel pop) {
-        pop.setCenterPosition();
-    }
+  private void testToolpanel() {
+    ToolSelectorPanel toolSelector = new ToolSelectorPanel(new GSpaceArmorImpl(null));
+    ToolSelectorItemPanel toolItem1 = new ToolSelectorItemPanel();
+    toolItem1.getLabel().setText("documents");
+    ToolSelectorItemPanel toolItem2 = new ToolSelectorItemPanel();
+    toolItem2.getLabel().setText("something very longgggggg");
+    ToolSelectorItemPanel toolItem3 = new ToolSelectorItemPanel();
+    toolItem3.getLabel().setText("media");
+    toolSelector.addItem(toolItem1);
+    toolSelector.addItem(toolItem2);
+    toolSelector.addItem(toolItem3);
+    toolItem1.setSelected(true);
+    toolItem2.setSelected(false);
+    toolItem3.setSelected(false);
+    toolSelector.asWidget().setWidth("200px");
+    RootPanel.get().add(toolSelector.asWidget());
+  }
 
-    private void postAdd(final PopupTopPanel pop) {
-        pop.setCenterPosition();
-    }
+  private void postAdd(final PopupBottomPanel pop) {
+    pop.setCenterPosition();
+  }
 
-    private void testDialogs() {
-        final PopupTopPanel pop2 = new PopupTopPanel(false, true);
-        pop2.setGlassEnabled(true);
-        final BasicDialog dialog = new BasicDialog();
-        pop2.add(dialog);
+  private void postAdd(final PopupTopPanel pop) {
+    pop.setCenterPosition();
+  }
 
-        dialog.getTitleText().setText("Title");
-        dialog.getFirstBtnText().setText("Accept");
-        dialog.getSecondBtnText().setText("Cancel");
-        dialog.setFirstBtnTabIndex(2);
-        dialog.setSecondBtnTabIndex(3);
-        final VerticalPanel sPanel = new VerticalPanel();
-        sPanel.add(new Label("lo que sea"));
-        final Button btn = new Button("lo que sea");
-        btn.setTabIndex(1);
-        btn.setFocus(true);
-        sPanel.add(btn);
-        sPanel.setSize("300px", "150px");
-        dialog.getInnerPanel().add((IsWidget) sPanel);
-        final Label label = new Label("Test label");
-        // final NotifyLevelImages levelImg =
-        // GWT.create(NotifyLevelImages.class);
-        // dialog.getBottomPanel().add(new MessagePanel(levelImg, "kk"));
-        final MaskWidget mask = new MaskWidget();
+  private void testDialogs() {
+    final PopupTopPanel pop2 = new PopupTopPanel(false, true);
+    pop2.setGlassEnabled(true);
+    final BasicDialog dialog = new BasicDialog();
+    pop2.add(dialog);
 
-        RootPanel.get().add(label);
-        pop2.showNear(label);
-        // final String zIndex = DOM.getStyleAttribute(pop2.getElement(),
-        // "zIndex");
-        DOM.setStyleAttribute(pop.getElement(), "zIndex", "10000");
-        mask.mask(pop2, "JAarrrrr!");
-    }
+    dialog.getTitleText().setText("Title");
+    dialog.setFirstBtnText("Accept");
+    dialog.setSecondBtnText("Cancel");
+    dialog.setFirstBtnTabIndex(2);
+    dialog.setSecondBtnTabIndex(3);
+    final VerticalPanel sPanel = new VerticalPanel();
+    sPanel.add(new Label("lo que sea"));
+    final Button btn = new Button("lo que sea");
+    btn.setTabIndex(1);
+    btn.setFocus(true);
+    sPanel.add(btn);
+    sPanel.setSize("300px", "150px");
+    dialog.getInnerPanel().add((IsWidget) sPanel);
+    final Label label = new Label("Test label");
+    // final NotifyLevelImages levelImg =
+    // GWT.create(NotifyLevelImages.class);
+    // dialog.getBottomPanel().add(new MessagePanel(levelImg, "kk"));
+    final MaskWidget mask = new MaskWidget();
 
-    private void testUserMessages() {
-        final UserMessagesPanel panel = new UserMessagesPanel();
-        UserMessage.setFadeMills(3000);
-        UserMessage.setCloseTitle("Close message");
-        panel.setWidth("422px");
-        final UserMessagesPresenter presenter = new UserMessagesPresenter();
-        presenter.init(panel);
+    RootPanel.get().add(label);
+    pop2.showNear(label);
+    // final String zIndex = DOM.getStyleAttribute(pop2.getElement(),
+    // "zIndex");
+    DOM.setStyleAttribute(pop.getElement(), "zIndex", "10000");
+    mask.mask(pop2, "JAarrrrr!");
+  }
 
-        pop = new PopupBottomPanel();
-        final CloseCallback closeCalback = new CloseCallback() {
-            @Override
-            public void onClose() {
-                pop.setCenterPosition();
-            }
-        };
-        presenter.add(NotifyLevel.info, "Title", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit", "", false,
-                closeCalback);
-        postAdd(pop);
-        presenter.add(NotifyLevel.error, "Title", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit", "",
-                false, closeCalback);
-        pop.add(panel);
+  private void testUserMessages() {
+    final UserMessagesPanel panel = new UserMessagesPanel();
+    UserMessage.setFadeMills(3000);
+    UserMessage.setCloseTitle("Close message");
+    panel.setWidth("422px");
+    final UserMessagesPresenter presenter = new UserMessagesPresenter();
+    presenter.init(panel);
 
+    pop = new PopupBottomPanel();
+    final CloseCallback closeCalback = new CloseCallback() {
+      @Override
+      public void onClose() {
+        pop.setCenterPosition();
+      }
+    };
+    presenter.add(NotifyLevel.info, "Title", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit",
+        "", false, closeCalback);
+    postAdd(pop);
+    presenter.add(NotifyLevel.error, "Title",
+        "Lorem ipsum dolor sit amet, consectetuer adipiscing elit", "", false, closeCalback);
+    pop.add(panel);
+
+    postAdd(pop);
+
+    final Timer time = new Timer() {
+      @Override
+      public void run() {
+        presenter.add(
+            NotifyLevel.error,
+            "",
+            "Lorem <a href='/'>ipsum</a> dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit",
+            "", true, closeCalback);
         postAdd(pop);
+      }
+    };
+    final Timer time2 = new Timer() {
+      @Override
+      public void run() {
+        presenter.add(NotifyLevel.important, "", "Lorem ", "", false, closeCalback);
+        postAdd(pop);
+        presenter.add(NotifyLevel.important, "Title", "Lorem ", "", true, closeCalback);
+        postAdd(pop);
+      }
+    };
+    time.schedule(1000);
+    time2.schedule(2000);
+    pop.show();
 
-        final Timer time = new Timer() {
-            @Override
-            public void run() {
-                presenter.add(
-                        NotifyLevel.error,
-                        "",
-                        "Lorem <a href='/'>ipsum</a> dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit",
-                        "", true, closeCalback);
-                postAdd(pop);
-            }
-        };
-        final Timer time2 = new Timer() {
-            @Override
-            public void run() {
-                presenter.add(NotifyLevel.important, "", "Lorem ", "", false, closeCalback);
-                postAdd(pop);
-                presenter.add(NotifyLevel.important, "Title", "Lorem ", "", true, closeCalback);
-                postAdd(pop);
-            }
-        };
-        time.schedule(1000);
-        time2.schedule(2000);
-        pop.show();
-
-    }
+  }
 }

Modified: kune-sandbox/war/kune_messages/kune-common.css
===================================================================
--- kune-sandbox/war/kune_messages/kune-common.css	2011-05-05 16:19:38 UTC (rev 1347)
+++ kune-sandbox/war/kune_messages/kune-common.css	2011-05-05 21:20:17 UTC (rev 1348)
@@ -8,531 +8,646 @@
 }
 
 .k-floatleft,.k-fl {
-    float: left;
+  float: left;
 }
 
 .k-floatright,.k-fr {
-    float: right;
+  float: right;
 }
 
 .k-pointer {
-    cursor: pointer;
-    cursor: hand;
+  cursor: pointer;
+  cursor: hand;
 }
 
 .k-opacity80 {
-    kfilter: alpha(opacity =                                         80);
-    -moz-opacity: 0.80;
-    -khtml-opacity: 0.80;
-    opacity: 0.80;
+  kfilter: alpha(opacity =                                           80);
+  -moz-opacity: 0.80;
+  -khtml-opacity: 0.80;
+  opacity: 0.80;
 }
 
 .k-opacity90 {
-    kfilter: alpha(opacity =                                         90);
-    -moz-opacity: 0.90;
-    -khtml-opacity: 0.90;
-    opacity: 0.90;
+  kfilter: alpha(opacity =                                           90);
+  -moz-opacity: 0.90;
+  -khtml-opacity: 0.90;
+  opacity: 0.90;
 }
 
 .k-opacity95 {
-    kfilter: alpha(opacity =                                         95);
-    -moz-opacity: 0.95;
-    -khtml-opacity: 0.95;
-    opacity: 0.95;
+  kfilter: alpha(opacity =                                           95);
+  -moz-opacity: 0.95;
+  -khtml-opacity: 0.95;
+  opacity: 0.95;
 }
 
 .gwt-PopupPanelGlass {
-    background-color: #f7ebe3 !important;
-    kfilter: alpha(opacity =                                         68)
-        !important;
-    -moz-opacity: 0.68 !important;
-    -khtml-opacity: 0.68 !important;
-    opacity: 0.68 !important;
+  background-color: #f7ebe3 !important;
+  kfilter: alpha(opacity =                                           68)
+    !important;
+  -moz-opacity: 0.68 !important;
+  -khtml-opacity: 0.68 !important;
+  opacity: 0.68 !important;
 }
 
 .k-box-3shadow {
-    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
-    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
+  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
 }
 
 .k-box-5shadow {
-    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
-    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
 }
 
 .k-box-10shadow {
-    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
 }
 
 .k-bottom-5corners {
-    -webkit-border-bottom-right-radius: 5px;
-    -moz-border-radius-bottomright: 5px;
-    border-bottom-right-radius: 5px;
-    -webkit-border-bottom-left-radius: 5px;
-    -moz-border-radius-bottomleft: 5px;
-    border-bottom-left-radius: 5px;
+  -webkit-border-bottom-right-radius: 5px;
+  -moz-border-radius-bottomright: 5px;
+  border-bottom-right-radius: 5px;
+  -webkit-border-bottom-left-radius: 5px;
+  -moz-border-radius-bottomleft: 5px;
+  border-bottom-left-radius: 5px;
 }
 
 .k-bottom-10corners {
-    -webkit-border-bottom-right-radius: 10px;
-    -moz-border-radius-bottomright: 10px;
-    border-bottom-right-radius: 10px;
-    -webkit-border-bottom-left-radius: 10px;
-    -moz-border-radius-bottomleft: 10px;
-    border-bottom-left-radius: 10px;
+  -webkit-border-bottom-right-radius: 10px;
+  -moz-border-radius-bottomright: 10px;
+  border-bottom-right-radius: 10px;
+  -webkit-border-bottom-left-radius: 10px;
+  -moz-border-radius-bottomleft: 10px;
+  border-bottom-left-radius: 10px;
 }
 
 .k-top-5corners {
-    -webkit-border-top-right-radius: 5px;
-    -moz-border-radius-topright: 5px;
-    border-top-right-radius: 5px;
-    -webkit-border-top-left-radius: 5px;
-    -moz-border-radius-topleft: 5px;
-    border-top-left-radius: 5px;
+  -webkit-border-top-right-radius: 5px;
+  -moz-border-radius-topright: 5px;
+  border-top-right-radius: 5px;
+  -webkit-border-top-left-radius: 5px;
+  -moz-border-radius-topleft: 5px;
+  border-top-left-radius: 5px;
 }
 
 .k-top-10corners {
-    -webkit-border-top-right-radius: 10px;
-    -moz-border-radius-topright: 10px;
-    border-top-right-radius: 10px;
-    -webkit-border-top-left-radius: 10px;
-    -moz-border-radius-topleft: 10px;
-    border-top-left-radius: 10px;
+  -webkit-border-top-right-radius: 10px;
+  -moz-border-radius-topright: 10px;
+  border-top-right-radius: 10px;
+  -webkit-border-top-left-radius: 10px;
+  -moz-border-radius-topleft: 10px;
+  border-top-left-radius: 10px;
 }
 
 .k-2corners {
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
 }
 
 .k-3corners {
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
 }
 
 .k-5corners {
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
 }
 
 .k-10corners {
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
 }
 
 .k-dialog-outerp {
-    background-color: #552200;
-    border-top: 4px solid #000;
-    padding: 22px 4px 3px 4px;
+  background-color: #552200;
+  border-top: 4px solid #000;
+  padding: 22px 4px 3px 4px;
 }
 
-.k-dialog-title span {
-    color: #552200;
-    font-size: 20px;
-    font-weight: bold;
-    margin: 0 0 0 6px;
+.k-dialog-title div {
+  color: #552200;
+  font-size: 20px;
+  font-weight: bold;
+  margin: 10px 0 10px 10px;
 }
 
 .k-dialog-innerp {
-    background-color: #FFFFFF;
-    border: solid 1px #F2F2F2;
-    margin: 34px 16px 20px 16px;
+  background-color: #FFFFFF;
+  border: solid 1px #F2F2F2;
+  margin: 34px 16px 20px 16px;
 }
 
 .k-dialog-btn-area {
-    padding: 0 15px 15px 15px;
-    margin-bottom: 30px;
+  padding: 0 15px 15px 15px;
+  margin-bottom: 30px;
 }
 
 .k-dialog-btn-area div {
-    margin: 10px
+  margin: 10px
 }
 
-.k-dialog-innerp table {
-    margin: 5px;
+.k-dialog-btn {
+  text-shadow: 1px 1px 1px #FFFFFF;
+  font-weight: bold;
+  -moz-user-select: none;
+  -khtml-user-select: none;
 }
 
-.k-dialog-btn,.k-btn {
-    text-shadow: 1px 1px 1px #FFFFFF;
-    font-weight: bold;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-}
-
 .k-dialog-firstBtn {
-    float: left;
+  float: left;
 }
 
 .k-dialog-secondBtn {
-    float: right;
+  float: right;
 }
 
 .k-z100000 {
-    z-index: 100000;
+  z-index: 100000;
 }
 
 .k-z10000 {
-    z-index: 10000;
+  z-index: 10000;
 }
 
 .k-z1000 {
-    z-index: 1000;
+  z-index: 1000;
 }
 
 .oc-user-msg {
-    background-color: #FFCC00;
-    padding: 3px;
+  background-color: #FFCC00;
+  padding: 3px;
 }
 
 .oc-user-msg-popup {
-    padding: 0px;
-    border: 0px;
+  padding: 0px;
+  border: 0px;
 }
 
 .oc-floatleft {
-    float: left;
+  float: left;
 }
 
 .oc-floatright {
-    float: right;
+  float: right;
 }
 
 .x-toolbar {
-    background: none !important;
-    border-color: transparent !important;
+  background: none !important;
+  border-color: transparent !important;
 }
 
 .oc-testico {
-    background-image: url(images/ico.png) !important;
-    -moz-background-clip: border;
-    -moz-background-inline-policy: continuous;
-    -moz-background-origin: padding;
-    background-attachment: scroll;
-    background-color: transparent;
-    background-position: 0 0;
-    background-repeat: no-repeat;
-    height: 16px;
-    widows: 16px;
+  background-image: url(images/ico.png) !important;
+  -moz-background-clip: border;
+  -moz-background-inline-policy: continuous;
+  -moz-background-origin: padding;
+  background-attachment: scroll;
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  height: 16px;
+  widows: 16px;
 }
 
 .oc-tb-spacer {
-    margin: 2px;
-    width: 2px;
+  margin: 2px;
+  width: 2px;
 }
 
 .oc-tb-bottom-line {
-    border-bottom-color: rgb(208, 208, 208);
-    border-bottom-style: solid;
-    border-bottom-width: 1px;
+  border-bottom-color: rgb(208, 208, 208);
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
 }
 
 .oc-blank-toolbar {
-    background: #FFF none repeat scroll 0% 50%;
+  background: #FFF none repeat scroll 0% 50%;
 }
 
 .oc-tb-sep {
-    padding-top: 4px;
-    padding-left: 5px;
+  padding-top: 4px;
+  padding-left: 5px;
 }
 
 .oc-transp .x-panel-body {
-    background: transparent;
+  background: transparent;
 }
 
 .oc-menu {
-    cursor: default;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-    border: 1 px solid #BBBBBB;
-    font: 16px 'Ubuntu', arial;
-    /* font-weight: bold; */
-    -webkit-border-bottom-right-radius: 5px;
-    -moz-border-radius-bottomright: 5px;
-    border-bottom-right-radius: 5px;
-    -webkit-border-bottom-left-radius: 5px;
-    -moz-border-radius-bottomleft: 5px;
-    border-bottom-left-radius: 5px;
-    background-color: #280b0b;
+  cursor: default;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+  border: 1 px solid #BBBBBB;
+  font: 16px 'Ubuntu', arial;
+  /* font-weight: bold; */
+  -webkit-border-bottom-right-radius: 5px;
+  -moz-border-radius-bottomright: 5px;
+  border-bottom-right-radius: 5px;
+  -webkit-border-bottom-left-radius: 5px;
+  -moz-border-radius-bottomleft: 5px;
+  border-bottom-left-radius: 5px;
+  background-color: #280b0b;
 }
 
 .gwt-PopupPanel .oc-menu {
-    border: 2px solid #552200;
-    background-color: #280b0b;
+  border: 2px solid #552200;
+  background-color: #280b0b;
 }
 
 .oc-menu .gwt-MenuBar-vertical,.gwt-MenuBar-vertical {
-    background-color: #280b0b;
-    border: 2px solid #552200;
-    padding: 3px;
-    font: 16px 'Ubuntu', arial;
-    color: white;
-    -webkit-border-top-right-radius: 5px;
-    -moz-border-radius-topright: 5px;
-    border-top-right-radius: 5px;
-    -webkit-border-bottom-right-radius: 5px;
-    -moz-border-radius-bottomright: 5px;
-    border-bottom-right-radius: 5px;
-    -webkit-border-bottom-left-radius: 5px;
-    -moz-border-radius-bottomleft: 5px;
-    border-bottom-left-radius: 5px;
-    kfilter: alpha(opacity =                 90);
-    -moz-opacity: 0.90;
-    -khtml-opacity: 0.90;
-    opacity: 0.90;
+  background-color: #704f4f;
+  border: 2px solid #552200;
+  padding: 3px;
+  font: 16px 'Ubuntu', arial;
+  color: white;
+  -webkit-border-top-right-radius: 5px;
+  -moz-border-radius-topright: 5px;
+  border-top-right-radius: 5px;
+  -webkit-border-bottom-right-radius: 5px;
+  -moz-border-radius-bottomright: 5px;
+  border-bottom-right-radius: 5px;
+  -webkit-border-bottom-left-radius: 5px;
+  -moz-border-radius-bottomleft: 5px;
+  border-bottom-left-radius: 5px;
+  kfilter: alpha(opacity =                   90);
+  -moz-opacity: 0.90;
+  -khtml-opacity: 0.90;
+  opacity: 0.90;
 }
 
 .gwt-MenuBar .gwt-MenuItem-selected {
-    background-color: #c87137 !important;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
+  background-color: #c87137 !important;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
 }
 
 .gwt-MenuBar .gwt-MenuItem {
-    padding: 4px 4px 3px !important;
+  padding: 4px 4px 3px !important;
 }
 
+.oc-noselect {
+  -moz-user-select: none;
+  -khtml-user-select: none;
+}
+
 .oc-menu .gwt-MenuItem {
-    cursor: pointer;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    /* background-color: #c87137; */
-    color: white;
+  cursor: pointer;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  /* background-color: #c87137; */
+  color: white;
 }
 
 .oc-button {
-    padding: 2px;
-    -webkit-border-radius: 6px;
-    -moz-border-radius: 6px;
-    border-radius: 6px;
-    text-decoration: none;
-    vertical-align: middle;
-    background-color: #F2F2F2;
-    white-space: nowrap;
+  padding: 2px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  text-decoration: none;
+  vertical-align: middle;
+  background-color: #F2F2F2;
+  white-space: nowrap;
+  margin-right: 3px;
 }
 
 .oc-button:hover {
-    border: 2px orange solid;
-    background: #f0f0f0;
-    color: #855585;
+  border: 2px orange solid;
+  background: #f0f0f0;
+  color: #855585;
 }
 
 .oc-button:active {
-    border-top-color: #ffffff;
-    background: #ffffff;
+  border-top-color: #ffffff;
+  background: #ffffff;
 }
 
 #oc-mshortcut {
-    position: absolute;
-    right: 10px;
+  position: absolute;
+  right: 10px;
 }
 
 #oc-mshortcut-hidden {
-    visibility: hidden;
+  visibility: hidden;
 }
 
 #oc-mshortcut a {
-    text-decoration: none;
-    color: black;
+  text-decoration: none;
+  color: black;
 }
 
 .oc-user-msg {
-    background-color: #FFCC00;
-    padding: 3px;
+  background-color: #FFCC00;
+  padding: 3px;
 }
 
 .oc-user-msg-popup {
-    padding: 0px;
-    border: 0px;
+  padding: 0px;
+  border: 0px;
 }
 
 .oc-floatleft {
-    float: left;
+  float: left;
 }
 
 .oc-floatright {
-    float: right;
+  float: right;
 }
 
 .x-toolbar {
-    background: none !important;
-    border-color: transparent !important;
+  background: none !important;
+  border-color: transparent !important;
 }
 
 .oc-testico {
-    background-image: url(images/ico.png) !important;
-    -moz-background-clip: border;
-    -moz-background-inline-policy: continuous;
-    -moz-background-origin: padding;
-    background-attachment: scroll;
-    background-color: transparent;
-    background-position: 0 0;
-    background-repeat: no-repeat;
-    height: 16px;
-    widows: 16px;
+  background-image: url(images/ico.png) !important;
+  -moz-background-clip: border;
+  -moz-background-inline-policy: continuous;
+  -moz-background-origin: padding;
+  background-attachment: scroll;
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  height: 16px;
+  widows: 16px;
 }
 
 .oc-ico-pad { /* padding-right: 20px; */
-    white-space: normal;
+  white-space: normal;
 }
 
 .oc-tb-spacer {
-    margin: 2px;
-    width: 2px;
+  margin: 2px;
+  width: 2px;
 }
 
 .oc-tb-bottom-line {
-    border-bottom-color: rgb(208, 208, 208);
-    border-bottom-style: solid;
-    border-bottom-width: 1px;
+  border-bottom-color: rgb(208, 208, 208);
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
 }
 
 .oc-blank-toolbar {
-    background: #FFF none repeat scroll 0% 50%;
+  background: #FFF none repeat scroll 0% 50%;
 }
 
 .oc-tb-sep {
-    padding-top: 4px;
-    padding-left: 5px;
+  padding-top: 4px;
+  padding-left: 5px;
 }
 
 .oc-transp .x-panel-body {
-    background: transparent;
+  background: transparent;
 }
 
 #oc-mshortcut {
-    position: absolute;
-    right: 10px;
+  position: absolute;
+  right: 10px;
 }
 
 #oc-mshortcut-hidden {
-    visibility: hidden;
+  visibility: hidden;
 }
 
 #oc-mshortcut a {
-    text-decoration: none;
-    color: black;
+  text-decoration: none;
+  color: black;
 }
 
 .k-no-backimage,.k-no-backimage td {
-    background-image: none;
+  background-image: none;
 }
 
 .k-nobackcolor {
-    background-color: transparent !important;
+  background-color: transparent !important;
 }
 
 .k-noborder {
-    border: 0px !important;
+  border: 0px !important;
 }
 
 .k-space-nowrap {
-    white-space: nowrap;
+  white-space: nowrap;
 }
 
 .k-iconlabel-text {
-    vertical-align: top;
-    padding-left: 3px;
-    float: left;
+  vertical-align: top;
+  padding-left: 3px;
+  padding-right: 3px;
+  /* float: left; */
 }
 
 .k-menuimtem-title {
-    color: white;
-    font-size: 15px;
-    font-weight: bold;
-    padding: 2px 3px 2px 0;
+  color: white;
+  font-size: 15px;
+  font-weight: bold;
+  padding: 2px 3px 2px 0;
 }
 
 .k-tb-sep {
-    border-left: 1px solid #B3B3B3;
-    height: 10px;
-    margin-top: 4px;
+  border-left: 1px solid #B3B3B3;
+  height: 10px;
+  margin-top: 4px;
 }
 
 .k-iconlabel-left {
-    float: left;
+  float: left;
 }
 
 .k-iconlabel-right {
-    float: left;
-    /*   margin-left: 5px; */
+  /* float: left; */
+  /*   margin-left: 5px; */
 }
 
 .gwt-MenuBar-vertical .subMenuIcon-selected {
-    background: none repeat scroll 0 0 #808080;
+  background: none repeat scroll 0 0 #808080;
 }
 
 .gwt-Button {
-    background: url("images/hborder.png") repeat-x scroll 0 -27px
-        transparent;
+  background: url("images/hborder.png") repeat-x scroll 0 -27px
+    transparent;
 }
 
-/* tooltips */
+/* tooltips, adaptation of http://jonrohan.me/guide/css/creating-triangles-in-css/ */
 .k-tooltip {
-    background-color: #EDEDED;
-    border: 2px solid #666666;
-    line-height: 1.3em;
-    /* margin: 10px auto; */
-    padding: 5px;
-    /* position: relative; */
-/*    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    -moz-box-shadow: 0 0 5px #888888;
-    -webkit-box-shadow: 0 0 5px #888888; */
+  background-color: #FEFFF1;
+  border: 2px solid #666666;
+  line-height: 1.3em;
+  padding: 5px;
 }
 
 .k-tooltip-arrow-border {
-    border-style: solid;
-    border-width: 10px;
-    height: 0;
-    width: 0;
-    position: absolute;
-    /* bottom: -22px;
-    left: 30px; */
+  border-style: solid;
+  border-width: 7px;
+  height: 0;
+  width: 0;
+  position: absolute;
 }
 
 .k-tooltip-arrow-border-n {
-    border-color: transparent transparent #666666 transparent;
+  border-color: transparent transparent #666666 transparent;
 }
 
 .k-tooltip-arrow-border-s {
-    border-color: #666666 transparent transparent transparent;
+  border-color: #666666 transparent transparent transparent;
 }
 
 .k-tooltip-arrow {
-    border-style: solid;
-    border-width: 10px;
-    height: 0;
-    width: 0;
-    position: absolute;
-    /*    bottom: -19px;
-    left: 30px; */
+  border-style: solid;
+  border-width: 7px;
+  height: 0;
+  width: 0;
+  position: absolute;
 }
 
 .k-tooltip-arrow-n {
-    border-color: transparent transparent #EDEDED transparent;
+  border-color: transparent transparent #FEFFF1 transparent;
 }
 
 .k-tooltip-arrow-s {
-    border-color: #EDEDED transparent transparent transparent;
+  border-color: #FEFFF1 transparent transparent transparent;
 }
 
 /* IE6 */
 .k-tooltip-arrow {
-    _border-left-color: pink;
-    _border-bottom-color: pink;
-    _border-right-color: pink;
-    _filter: chroma(color =       pink);
+  _border-left-color: pink;
+  _border-bottom-color: pink;
+  _border-right-color: pink;
+  _filter: chroma(color =         pink);
 }
 
-/* end tooltip */
\ No newline at end of file
+/* end tooltip */
+
+/* tabbar */
+
+.gwt-DecoratedTabBar {
+}
+.gwt-DecoratedTabBar .gwt-TabBarFirst {
+  width: 5px;  /* first tab distance from the left */
+}
+.gwt-DecoratedTabBar .gwt-TabBarRest {
+}
+.gwt-DecoratedTabBar .gwt-TabBarItem {
+  border-collapse: collapse;
+  margin-left: 6px;
+}
+.gwt-DecoratedTabBar .tabTopCenter {
+  padding: 0px;
+  background: #e3e3e3;
+}
+.gwt-DecoratedTabBar .tabTopLeft,
+.gwt-DecoratedTabBar .tabTopRight {
+  padding: 0px;
+  zoom: 1;
+}
+.gwt-DecoratedTabBar .tabTopLeftInner,
+.gwt-DecoratedTabBar .tabTopRightInner {
+  width: 6px;
+  height: 6px;
+}
+.gwt-DecoratedTabBar .tabTopLeft {
+  background: url(images/corner.png) no-repeat 0px -55px;
+  -background: url(images/corner_ie6.png) no-repeat 0px -55px;
+}
+.gwt-DecoratedTabBar .tabTopRight {
+  background: url(images/corner.png) no-repeat -6px -55px;
+  -background: url(images/corner_ie6.png) no-repeat -6px -55px;
+}
+* html .gwt-DecoratedTabBar .tabTopLeftInner,
+* html .gwt-DecoratedTabBar .tabTopRightInner {
+  width: 6px;
+  height: 6px;
+  overflow: hidden;
+}
+.gwt-DecoratedTabBar .tabMiddleLeft,
+.gwt-DecoratedTabBar .tabMiddleRight {
+  width: 6px;
+  padding: 0px;
+  background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
+}
+.gwt-DecoratedTabBar .tabMiddleLeftInner,
+.gwt-DecoratedTabBar .tabMiddleRightInner {
+  width: 1px;
+  height: 1px;
+}
+.gwt-DecoratedTabBar .tabMiddleCenter {
+  padding: 0px 4px 2px 4px;
+  cursor: pointer;
+  cursor: hand;
+  color: black;
+  font-weight: bold;
+  text-align: center;
+  background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
+}
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
+  background: #747474;
+}
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
+  background-position: 0px -61px;
+}
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
+  background-position: -6px -61px;
+}
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
+  background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
+}
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
+  cursor: default;
+  background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
+  color: white;
+}
+.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
+  cursor: default;
+  color: #999999;
+}
+
+/* End tabbar */
+
+.k-editableLabel {
+  font-weight: bold;
+  padding: 3px
+}
+
+.k-editableLabel-high {
+  font-weight: bold;
+  background-color: #FFFBC1;
+  color: black !important;
+}
+
+.k-editableLabel-high span {
+  background-color: #FFFBC1;
+  color: black !important;
+}
+
+.k-btn-min {
+  min-width: 19px !important;
+}
+
+.k-overflow-y-scroll {
+  overflow-y: scroll;
+}
+.k-overflow-y-auto {
+  overflow-y: auto;
+}
+.k-overflow-x-scroll {
+  overflow-x: scroll;
+}
+
+.k-tab-panel {
+    padding: 10px;
+    background-color: #F2F0F0;
+    border: 1px solid #D0D0D0;
+}

Modified: kune-sandbox/war/kune_sandbox/about.html
===================================================================
--- kune-sandbox/war/kune_sandbox/about.html	2011-05-05 16:19:38 UTC (rev 1347)
+++ kune-sandbox/war/kune_sandbox/about.html	2011-05-05 21:20:17 UTC (rev 1348)
@@ -13,7 +13,7 @@
 </img>
 </a>
 </span>
-<p>Version 0.0.7 (r1274+c5)</p>
+<p>Version 0.0.7 (r1339+c18)</p>
 <h1><a name="section_1">CREDITS</a></h1>
 
 <h2><a name="section_1_1">Authors</a></h2>

Added: kune-sandbox/war/kune_sandbox/images/corner.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/images/corner.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/war/kune_sandbox/images/corner_ie6.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/images/corner_ie6.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/war/kune_sandbox/images/ie6/corner_dialog_topleft.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/images/ie6/corner_dialog_topleft.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/war/kune_sandbox/images/ie6/corner_dialog_topright.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/images/ie6/corner_dialog_topright.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/war/kune_sandbox/images/ie6/hborder_blue_shadow.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/images/ie6/hborder_blue_shadow.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/war/kune_sandbox/images/ie6/hborder_gray_shadow.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/images/ie6/hborder_gray_shadow.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/war/kune_sandbox/images/ie6/vborder_blue_shadow.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/images/ie6/vborder_blue_shadow.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/war/kune_sandbox/images/ie6/vborder_gray_shadow.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/images/ie6/vborder_gray_shadow.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/war/kune_sandbox/images/vborder.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/images/vborder.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/war/kune_sandbox/images/vborder_ie6.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/images/vborder_ie6.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Modified: kune-sandbox/war/kune_sandbox/kune-common.css
===================================================================
--- kune-sandbox/war/kune_sandbox/kune-common.css	2011-05-05 16:19:38 UTC (rev 1347)
+++ kune-sandbox/war/kune_sandbox/kune-common.css	2011-05-05 21:20:17 UTC (rev 1348)
@@ -8,531 +8,646 @@
 }
 
 .k-floatleft,.k-fl {
-    float: left;
+  float: left;
 }
 
 .k-floatright,.k-fr {
-    float: right;
+  float: right;
 }
 
 .k-pointer {
-    cursor: pointer;
-    cursor: hand;
+  cursor: pointer;
+  cursor: hand;
 }
 
 .k-opacity80 {
-    kfilter: alpha(opacity =                                         80);
-    -moz-opacity: 0.80;
-    -khtml-opacity: 0.80;
-    opacity: 0.80;
+  kfilter: alpha(opacity =                                           80);
+  -moz-opacity: 0.80;
+  -khtml-opacity: 0.80;
+  opacity: 0.80;
 }
 
 .k-opacity90 {
-    kfilter: alpha(opacity =                                         90);
-    -moz-opacity: 0.90;
-    -khtml-opacity: 0.90;
-    opacity: 0.90;
+  kfilter: alpha(opacity =                                           90);
+  -moz-opacity: 0.90;
+  -khtml-opacity: 0.90;
+  opacity: 0.90;
 }
 
 .k-opacity95 {
-    kfilter: alpha(opacity =                                         95);
-    -moz-opacity: 0.95;
-    -khtml-opacity: 0.95;
-    opacity: 0.95;
+  kfilter: alpha(opacity =                                           95);
+  -moz-opacity: 0.95;
+  -khtml-opacity: 0.95;
+  opacity: 0.95;
 }
 
 .gwt-PopupPanelGlass {
-    background-color: #f7ebe3 !important;
-    kfilter: alpha(opacity =                                         68)
-        !important;
-    -moz-opacity: 0.68 !important;
-    -khtml-opacity: 0.68 !important;
-    opacity: 0.68 !important;
+  background-color: #f7ebe3 !important;
+  kfilter: alpha(opacity =                                           68)
+    !important;
+  -moz-opacity: 0.68 !important;
+  -khtml-opacity: 0.68 !important;
+  opacity: 0.68 !important;
 }
 
 .k-box-3shadow {
-    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
-    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
+  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
 }
 
 .k-box-5shadow {
-    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
-    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
 }
 
 .k-box-10shadow {
-    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
 }
 
 .k-bottom-5corners {
-    -webkit-border-bottom-right-radius: 5px;
-    -moz-border-radius-bottomright: 5px;
-    border-bottom-right-radius: 5px;
-    -webkit-border-bottom-left-radius: 5px;
-    -moz-border-radius-bottomleft: 5px;
-    border-bottom-left-radius: 5px;
+  -webkit-border-bottom-right-radius: 5px;
+  -moz-border-radius-bottomright: 5px;
+  border-bottom-right-radius: 5px;
+  -webkit-border-bottom-left-radius: 5px;
+  -moz-border-radius-bottomleft: 5px;
+  border-bottom-left-radius: 5px;
 }
 
 .k-bottom-10corners {
-    -webkit-border-bottom-right-radius: 10px;
-    -moz-border-radius-bottomright: 10px;
-    border-bottom-right-radius: 10px;
-    -webkit-border-bottom-left-radius: 10px;
-    -moz-border-radius-bottomleft: 10px;
-    border-bottom-left-radius: 10px;
+  -webkit-border-bottom-right-radius: 10px;
+  -moz-border-radius-bottomright: 10px;
+  border-bottom-right-radius: 10px;
+  -webkit-border-bottom-left-radius: 10px;
+  -moz-border-radius-bottomleft: 10px;
+  border-bottom-left-radius: 10px;
 }
 
 .k-top-5corners {
-    -webkit-border-top-right-radius: 5px;
-    -moz-border-radius-topright: 5px;
-    border-top-right-radius: 5px;
-    -webkit-border-top-left-radius: 5px;
-    -moz-border-radius-topleft: 5px;
-    border-top-left-radius: 5px;
+  -webkit-border-top-right-radius: 5px;
+  -moz-border-radius-topright: 5px;
+  border-top-right-radius: 5px;
+  -webkit-border-top-left-radius: 5px;
+  -moz-border-radius-topleft: 5px;
+  border-top-left-radius: 5px;
 }
 
 .k-top-10corners {
-    -webkit-border-top-right-radius: 10px;
-    -moz-border-radius-topright: 10px;
-    border-top-right-radius: 10px;
-    -webkit-border-top-left-radius: 10px;
-    -moz-border-radius-topleft: 10px;
-    border-top-left-radius: 10px;
+  -webkit-border-top-right-radius: 10px;
+  -moz-border-radius-topright: 10px;
+  border-top-right-radius: 10px;
+  -webkit-border-top-left-radius: 10px;
+  -moz-border-radius-topleft: 10px;
+  border-top-left-radius: 10px;
 }
 
 .k-2corners {
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
 }
 
 .k-3corners {
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
 }
 
 .k-5corners {
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
 }
 
 .k-10corners {
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
 }
 
 .k-dialog-outerp {
-    background-color: #552200;
-    border-top: 4px solid #000;
-    padding: 22px 4px 3px 4px;
+  background-color: #552200;
+  border-top: 4px solid #000;
+  padding: 22px 4px 3px 4px;
 }
 
-.k-dialog-title span {
-    color: #552200;
-    font-size: 20px;
-    font-weight: bold;
-    margin: 0 0 0 6px;
+.k-dialog-title div {
+  color: #552200;
+  font-size: 20px;
+  font-weight: bold;
+  margin: 10px 0 10px 10px;
 }
 
 .k-dialog-innerp {
-    background-color: #FFFFFF;
-    border: solid 1px #F2F2F2;
-    margin: 34px 16px 20px 16px;
+  background-color: #FFFFFF;
+  border: solid 1px #F2F2F2;
+  margin: 34px 16px 20px 16px;
 }
 
 .k-dialog-btn-area {
-    padding: 0 15px 15px 15px;
-    margin-bottom: 30px;
+  padding: 0 15px 15px 15px;
+  margin-bottom: 30px;
 }
 
 .k-dialog-btn-area div {
-    margin: 10px
+  margin: 10px
 }
 
-.k-dialog-innerp table {
-    margin: 5px;
+.k-dialog-btn {
+  text-shadow: 1px 1px 1px #FFFFFF;
+  font-weight: bold;
+  -moz-user-select: none;
+  -khtml-user-select: none;
 }
 
-.k-dialog-btn,.k-btn {
-    text-shadow: 1px 1px 1px #FFFFFF;
-    font-weight: bold;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-}
-
 .k-dialog-firstBtn {
-    float: left;
+  float: left;
 }
 
 .k-dialog-secondBtn {
-    float: right;
+  float: right;
 }
 
 .k-z100000 {
-    z-index: 100000;
+  z-index: 100000;
 }
 
 .k-z10000 {
-    z-index: 10000;
+  z-index: 10000;
 }
 
 .k-z1000 {
-    z-index: 1000;
+  z-index: 1000;
 }
 
 .oc-user-msg {
-    background-color: #FFCC00;
-    padding: 3px;
+  background-color: #FFCC00;
+  padding: 3px;
 }
 
 .oc-user-msg-popup {
-    padding: 0px;
-    border: 0px;
+  padding: 0px;
+  border: 0px;
 }
 
 .oc-floatleft {
-    float: left;
+  float: left;
 }
 
 .oc-floatright {
-    float: right;
+  float: right;
 }
 
 .x-toolbar {
-    background: none !important;
-    border-color: transparent !important;
+  background: none !important;
+  border-color: transparent !important;
 }
 
 .oc-testico {
-    background-image: url(images/ico.png) !important;
-    -moz-background-clip: border;
-    -moz-background-inline-policy: continuous;
-    -moz-background-origin: padding;
-    background-attachment: scroll;
-    background-color: transparent;
-    background-position: 0 0;
-    background-repeat: no-repeat;
-    height: 16px;
-    widows: 16px;
+  background-image: url(images/ico.png) !important;
+  -moz-background-clip: border;
+  -moz-background-inline-policy: continuous;
+  -moz-background-origin: padding;
+  background-attachment: scroll;
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  height: 16px;
+  widows: 16px;
 }
 
 .oc-tb-spacer {
-    margin: 2px;
-    width: 2px;
+  margin: 2px;
+  width: 2px;
 }
 
 .oc-tb-bottom-line {
-    border-bottom-color: rgb(208, 208, 208);
-    border-bottom-style: solid;
-    border-bottom-width: 1px;
+  border-bottom-color: rgb(208, 208, 208);
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
 }
 
 .oc-blank-toolbar {
-    background: #FFF none repeat scroll 0% 50%;
+  background: #FFF none repeat scroll 0% 50%;
 }
 
 .oc-tb-sep {
-    padding-top: 4px;
-    padding-left: 5px;
+  padding-top: 4px;
+  padding-left: 5px;
 }
 
 .oc-transp .x-panel-body {
-    background: transparent;
+  background: transparent;
 }
 
 .oc-menu {
-    cursor: default;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-    border: 1 px solid #BBBBBB;
-    font: 16px 'Ubuntu', arial;
-    /* font-weight: bold; */
-    -webkit-border-bottom-right-radius: 5px;
-    -moz-border-radius-bottomright: 5px;
-    border-bottom-right-radius: 5px;
-    -webkit-border-bottom-left-radius: 5px;
-    -moz-border-radius-bottomleft: 5px;
-    border-bottom-left-radius: 5px;
-    background-color: #280b0b;
+  cursor: default;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+  border: 1 px solid #BBBBBB;
+  font: 16px 'Ubuntu', arial;
+  /* font-weight: bold; */
+  -webkit-border-bottom-right-radius: 5px;
+  -moz-border-radius-bottomright: 5px;
+  border-bottom-right-radius: 5px;
+  -webkit-border-bottom-left-radius: 5px;
+  -moz-border-radius-bottomleft: 5px;
+  border-bottom-left-radius: 5px;
+  background-color: #280b0b;
 }
 
 .gwt-PopupPanel .oc-menu {
-    border: 2px solid #552200;
-    background-color: #280b0b;
+  border: 2px solid #552200;
+  background-color: #280b0b;
 }
 
 .oc-menu .gwt-MenuBar-vertical,.gwt-MenuBar-vertical {
-    background-color: #280b0b;
-    border: 2px solid #552200;
-    padding: 3px;
-    font: 16px 'Ubuntu', arial;
-    color: white;
-    -webkit-border-top-right-radius: 5px;
-    -moz-border-radius-topright: 5px;
-    border-top-right-radius: 5px;
-    -webkit-border-bottom-right-radius: 5px;
-    -moz-border-radius-bottomright: 5px;
-    border-bottom-right-radius: 5px;
-    -webkit-border-bottom-left-radius: 5px;
-    -moz-border-radius-bottomleft: 5px;
-    border-bottom-left-radius: 5px;
-    kfilter: alpha(opacity =                 90);
-    -moz-opacity: 0.90;
-    -khtml-opacity: 0.90;
-    opacity: 0.90;
+  background-color: #704f4f;
+  border: 2px solid #552200;
+  padding: 3px;
+  font: 16px 'Ubuntu', arial;
+  color: white;
+  -webkit-border-top-right-radius: 5px;
+  -moz-border-radius-topright: 5px;
+  border-top-right-radius: 5px;
+  -webkit-border-bottom-right-radius: 5px;
+  -moz-border-radius-bottomright: 5px;
+  border-bottom-right-radius: 5px;
+  -webkit-border-bottom-left-radius: 5px;
+  -moz-border-radius-bottomleft: 5px;
+  border-bottom-left-radius: 5px;
+  kfilter: alpha(opacity =                   90);
+  -moz-opacity: 0.90;
+  -khtml-opacity: 0.90;
+  opacity: 0.90;
 }
 
 .gwt-MenuBar .gwt-MenuItem-selected {
-    background-color: #c87137 !important;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
+  background-color: #c87137 !important;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
 }
 
 .gwt-MenuBar .gwt-MenuItem {
-    padding: 4px 4px 3px !important;
+  padding: 4px 4px 3px !important;
 }
 
+.oc-noselect {
+  -moz-user-select: none;
+  -khtml-user-select: none;
+}
+
 .oc-menu .gwt-MenuItem {
-    cursor: pointer;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    /* background-color: #c87137; */
-    color: white;
+  cursor: pointer;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  /* background-color: #c87137; */
+  color: white;
 }
 
 .oc-button {
-    padding: 2px;
-    -webkit-border-radius: 6px;
-    -moz-border-radius: 6px;
-    border-radius: 6px;
-    text-decoration: none;
-    vertical-align: middle;
-    background-color: #F2F2F2;
-    white-space: nowrap;
+  padding: 2px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  text-decoration: none;
+  vertical-align: middle;
+  background-color: #F2F2F2;
+  white-space: nowrap;
+  margin-right: 3px;
 }
 
 .oc-button:hover {
-    border: 2px orange solid;
-    background: #f0f0f0;
-    color: #855585;
+  border: 2px orange solid;
+  background: #f0f0f0;
+  color: #855585;
 }
 
 .oc-button:active {
-    border-top-color: #ffffff;
-    background: #ffffff;
+  border-top-color: #ffffff;
+  background: #ffffff;
 }
 
 #oc-mshortcut {
-    position: absolute;
-    right: 10px;
+  position: absolute;
+  right: 10px;
 }
 
 #oc-mshortcut-hidden {
-    visibility: hidden;
+  visibility: hidden;
 }
 
 #oc-mshortcut a {
-    text-decoration: none;
-    color: black;
+  text-decoration: none;
+  color: black;
 }
 
 .oc-user-msg {
-    background-color: #FFCC00;
-    padding: 3px;
+  background-color: #FFCC00;
+  padding: 3px;
 }
 
 .oc-user-msg-popup {
-    padding: 0px;
-    border: 0px;
+  padding: 0px;
+  border: 0px;
 }
 
 .oc-floatleft {
-    float: left;
+  float: left;
 }
 
 .oc-floatright {
-    float: right;
+  float: right;
 }
 
 .x-toolbar {
-    background: none !important;
-    border-color: transparent !important;
+  background: none !important;
+  border-color: transparent !important;
 }
 
 .oc-testico {
-    background-image: url(images/ico.png) !important;
-    -moz-background-clip: border;
-    -moz-background-inline-policy: continuous;
-    -moz-background-origin: padding;
-    background-attachment: scroll;
-    background-color: transparent;
-    background-position: 0 0;
-    background-repeat: no-repeat;
-    height: 16px;
-    widows: 16px;
+  background-image: url(images/ico.png) !important;
+  -moz-background-clip: border;
+  -moz-background-inline-policy: continuous;
+  -moz-background-origin: padding;
+  background-attachment: scroll;
+  background-color: transparent;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  height: 16px;
+  widows: 16px;
 }
 
 .oc-ico-pad { /* padding-right: 20px; */
-    white-space: normal;
+  white-space: normal;
 }
 
 .oc-tb-spacer {
-    margin: 2px;
-    width: 2px;
+  margin: 2px;
+  width: 2px;
 }
 
 .oc-tb-bottom-line {
-    border-bottom-color: rgb(208, 208, 208);
-    border-bottom-style: solid;
-    border-bottom-width: 1px;
+  border-bottom-color: rgb(208, 208, 208);
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
 }
 
 .oc-blank-toolbar {
-    background: #FFF none repeat scroll 0% 50%;
+  background: #FFF none repeat scroll 0% 50%;
 }
 
 .oc-tb-sep {
-    padding-top: 4px;
-    padding-left: 5px;
+  padding-top: 4px;
+  padding-left: 5px;
 }
 
 .oc-transp .x-panel-body {
-    background: transparent;
+  background: transparent;
 }
 
 #oc-mshortcut {
-    position: absolute;
-    right: 10px;
+  position: absolute;
+  right: 10px;
 }
 
 #oc-mshortcut-hidden {
-    visibility: hidden;
+  visibility: hidden;
 }
 
 #oc-mshortcut a {
-    text-decoration: none;
-    color: black;
+  text-decoration: none;
+  color: black;
 }
 
 .k-no-backimage,.k-no-backimage td {
-    background-image: none;
+  background-image: none;
 }
 
 .k-nobackcolor {
-    background-color: transparent !important;
+  background-color: transparent !important;
 }
 
 .k-noborder {
-    border: 0px !important;
+  border: 0px !important;
 }
 
 .k-space-nowrap {
-    white-space: nowrap;
+  white-space: nowrap;
 }
 
 .k-iconlabel-text {
-    vertical-align: top;
-    padding-left: 3px;
-    float: left;
+  vertical-align: top;
+  padding-left: 3px;
+  padding-right: 3px;
+  /* float: left; */
 }
 
 .k-menuimtem-title {
-    color: white;
-    font-size: 15px;
-    font-weight: bold;
-    padding: 2px 3px 2px 0;
+  color: white;
+  font-size: 15px;
+  font-weight: bold;
+  padding: 2px 3px 2px 0;
 }
 
 .k-tb-sep {
-    border-left: 1px solid #B3B3B3;
-    height: 10px;
-    margin-top: 4px;
+  border-left: 1px solid #B3B3B3;
+  height: 10px;
+  margin-top: 4px;
 }
 
 .k-iconlabel-left {
-    float: left;
+  float: left;
 }
 
 .k-iconlabel-right {
-    float: left;
-    /*   margin-left: 5px; */
+  /* float: left; */
+  /*   margin-left: 5px; */
 }
 
 .gwt-MenuBar-vertical .subMenuIcon-selected {
-    background: none repeat scroll 0 0 #808080;
+  background: none repeat scroll 0 0 #808080;
 }
 
 .gwt-Button {
-    background: url("images/hborder.png") repeat-x scroll 0 -27px
-        transparent;
+  background: url("images/hborder.png") repeat-x scroll 0 -27px
+    transparent;
 }
 
-/* tooltips */
+/* tooltips, adaptation of http://jonrohan.me/guide/css/creating-triangles-in-css/ */
 .k-tooltip {
-    background-color: #EDEDED;
-    border: 2px solid #666666;
-    line-height: 1.3em;
-    /* margin: 10px auto; */
-    padding: 5px;
-    /* position: relative; */
-/*    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    -moz-box-shadow: 0 0 5px #888888;
-    -webkit-box-shadow: 0 0 5px #888888; */
+  background-color: #FEFFF1;
+  border: 2px solid #666666;
+  line-height: 1.3em;
+  padding: 5px;
 }
 
 .k-tooltip-arrow-border {
-    border-style: solid;
-    border-width: 10px;
-    height: 0;
-    width: 0;
-    position: absolute;
-    /* bottom: -22px;
-    left: 30px; */
+  border-style: solid;
+  border-width: 7px;
+  height: 0;
+  width: 0;
+  position: absolute;
 }
 
 .k-tooltip-arrow-border-n {
-    border-color: transparent transparent #666666 transparent;
+  border-color: transparent transparent #666666 transparent;
 }
 
 .k-tooltip-arrow-border-s {
-    border-color: #666666 transparent transparent transparent;
+  border-color: #666666 transparent transparent transparent;
 }
 
 .k-tooltip-arrow {
-    border-style: solid;
-    border-width: 10px;
-    height: 0;
-    width: 0;
-    position: absolute;
-    /*    bottom: -19px;
-    left: 30px; */
+  border-style: solid;
+  border-width: 7px;
+  height: 0;
+  width: 0;
+  position: absolute;
 }
 
 .k-tooltip-arrow-n {
-    border-color: transparent transparent #EDEDED transparent;
+  border-color: transparent transparent #FEFFF1 transparent;
 }
 
 .k-tooltip-arrow-s {
-    border-color: #EDEDED transparent transparent transparent;
+  border-color: #FEFFF1 transparent transparent transparent;
 }
 
 /* IE6 */
 .k-tooltip-arrow {
-    _border-left-color: pink;
-    _border-bottom-color: pink;
-    _border-right-color: pink;
-    _filter: chroma(color =       pink);
+  _border-left-color: pink;
+  _border-bottom-color: pink;
+  _border-right-color: pink;
+  _filter: chroma(color =         pink);
 }
 
-/* end tooltip */
\ No newline at end of file
+/* end tooltip */
+
+/* tabbar */
+
+.gwt-DecoratedTabBar {
+}
+.gwt-DecoratedTabBar .gwt-TabBarFirst {
+  width: 5px;  /* first tab distance from the left */
+}
+.gwt-DecoratedTabBar .gwt-TabBarRest {
+}
+.gwt-DecoratedTabBar .gwt-TabBarItem {
+  border-collapse: collapse;
+  margin-left: 6px;
+}
+.gwt-DecoratedTabBar .tabTopCenter {
+  padding: 0px;
+  background: #e3e3e3;
+}
+.gwt-DecoratedTabBar .tabTopLeft,
+.gwt-DecoratedTabBar .tabTopRight {
+  padding: 0px;
+  zoom: 1;
+}
+.gwt-DecoratedTabBar .tabTopLeftInner,
+.gwt-DecoratedTabBar .tabTopRightInner {
+  width: 6px;
+  height: 6px;
+}
+.gwt-DecoratedTabBar .tabTopLeft {
+  background: url(images/corner.png) no-repeat 0px -55px;
+  -background: url(images/corner_ie6.png) no-repeat 0px -55px;
+}
+.gwt-DecoratedTabBar .tabTopRight {
+  background: url(images/corner.png) no-repeat -6px -55px;
+  -background: url(images/corner_ie6.png) no-repeat -6px -55px;
+}
+* html .gwt-DecoratedTabBar .tabTopLeftInner,
+* html .gwt-DecoratedTabBar .tabTopRightInner {
+  width: 6px;
+  height: 6px;
+  overflow: hidden;
+}
+.gwt-DecoratedTabBar .tabMiddleLeft,
+.gwt-DecoratedTabBar .tabMiddleRight {
+  width: 6px;
+  padding: 0px;
+  background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
+}
+.gwt-DecoratedTabBar .tabMiddleLeftInner,
+.gwt-DecoratedTabBar .tabMiddleRightInner {
+  width: 1px;
+  height: 1px;
+}
+.gwt-DecoratedTabBar .tabMiddleCenter {
+  padding: 0px 4px 2px 4px;
+  cursor: pointer;
+  cursor: hand;
+  color: black;
+  font-weight: bold;
+  text-align: center;
+  background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
+}
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
+  background: #747474;
+}
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
+  background-position: 0px -61px;
+}
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
+  background-position: -6px -61px;
+}
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
+  background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
+}
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
+  cursor: default;
+  background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
+  color: white;
+}
+.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
+  cursor: default;
+  color: #999999;
+}
+
+/* End tabbar */
+
+.k-editableLabel {
+  font-weight: bold;
+  padding: 3px
+}
+
+.k-editableLabel-high {
+  font-weight: bold;
+  background-color: #FFFBC1;
+  color: black !important;
+}
+
+.k-editableLabel-high span {
+  background-color: #FFFBC1;
+  color: black !important;
+}
+
+.k-btn-min {
+  min-width: 19px !important;
+}
+
+.k-overflow-y-scroll {
+  overflow-y: scroll;
+}
+.k-overflow-y-auto {
+  overflow-y: auto;
+}
+.k-overflow-x-scroll {
+  overflow-x: scroll;
+}
+
+.k-tab-panel {
+    padding: 10px;
+    background-color: #F2F0F0;
+    border: 1px solid #D0D0D0;
+}

Added: kune-sandbox/war/kune_sandbox/styles/styl1.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/styles/styl1.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/war/kune_sandbox/styles/styl2.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/styles/styl2.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/war/kune_sandbox/styles/styl3.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/styles/styl3.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/war/kune_sandbox/styles/styl4.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/styles/styl4.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/war/kune_sandbox/styles/styl5.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/styles/styl5.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/war/kune_sandbox/styles/styl6.png
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/war/kune_sandbox/styles/styl6.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Modified: kune-sandbox/war/kune_sandbox/ws.css
===================================================================
--- kune-sandbox/war/kune_sandbox/ws.css	2011-05-05 16:19:38 UTC (rev 1347)
+++ kune-sandbox/war/kune_sandbox/ws.css	2011-05-05 21:20:17 UTC (rev 1348)
@@ -1,22 +1,24 @@
- at CHARSET "UTF-8";
-
-body {
-    background-color: white;
-    color: black;
-    font-family: 'Ubuntu', Arial;
-    font-size: small;
-    margin: 5px;
-    overflow: hidden;
+CHARSET    "UTF-8   "; body {
+  background-color: white;
+  color: black;
+  font-family: 'Ubuntu', Arial;
+  font-size: small;
+  margin: 5px;
+  overflow: hidden;
 }
 
 * {
-    font-family: 'Ubuntu', Arial;
+  font-family: 'Ubuntu', Arial;
 }
 
 body.fontface {
-    font: 'Ubuntu', Arial;
+  font: 'Ubuntu', Arial;
 }
 
+div,span {
+  outline: 0 none;
+}
+
 /*
 a {
     color: darkblue;
@@ -27,32 +29,32 @@
 }
 */
 .gwt-DialogBox {
-    border: 2px solid #AAAAAA;
-    background-color: white;
+  border: 2px solid #AAAAAA;
+  background-color: white;
 }
 
 .gwt-DialogBox .Caption {
-    background-image: url(gray_gradient.gif);
-    background-repeat: repeat-x;
-    padding: 4px;
-    padding-bottom: 8px;
-    font-weight: bold;
-    cursor: default;
+  background-image: url(gray_gradient.gif);
+  background-repeat: repeat-x;
+  padding: 4px;
+  padding-bottom: 8px;
+  font-weight: bold;
+  cursor: default;
 }
 
 .gwt-MenuBar {
-    background-color: #C3D9FF;
-    cursor: default;
+  background-color: #C3D9FF;
+  cursor: default;
 }
 
 .gwt-MenuItem {
-    font-size: 14px;
-    margin: 1px;
-    cursor: default;
+  font-size: 14px;
+  margin: 1px;
+  cursor: default;
 }
 
 .gwt-MenuItem-selected {
-    background-color: #E8EEF7;
+  background-color: #E8EEF7;
 }
 
 .gwt-Tree {
@@ -60,267 +62,208 @@
 }
 
 .gwt-Tree .gwt-TreeItem {
-    font-size: 14px;
-    cursor: default;
+  font-size: 14px;
+  cursor: default;
 }
 
 .gwt-Tree .gwt-TreeItem-selected {
-    background-color: #C3D9FF;
+  background-color: #C3D9FF;
 }
 
 .gwt-StackPanel {
-    background-color: white;
-    border: 1px solid #AAAAAA;
-    width: 15em;
+  background-color: white;
+  border: 1px solid #AAAAAA;
+  width: 15em;
 }
 
 .gwt-StackPanel .gwt-StackPanelItem {
-    background-image: url(blue_gradient.gif);
-    background-repeat: repeat-x;
-    background-color: #EEEEEE;
-    cursor: pointer;
-    cursor: hand;
+  background-image: url(blue_gradient.gif);
+  background-repeat: repeat-x;
+  background-color: #EEEEEE;
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-StackPanel .gwt-StackPanelItem-selected {
 
 }
 
-.gwt-TabPanel {
-
-}
-
-.gwt-TabPanelBottom {
-    border-left: 1px solid #87b3ff;
-    border-right: 1px solid #87b3ff;
-    border-bottom: 1px solid #87b3ff;
-}
-
-.gwt-TabBar {
-    font-size: smaller;
-}
-
-.gwt-TabBar .gwt-TabBarFirst {
-    height: 100%;
-    border-bottom: 1px solid #87b3ff;
-    border-right: 1px solid #87b3ff;
-    padding-left: 3px;
-}
-
-.gwt-TabBar .gwt-TabBarRest {
-    border-bottom: 1px solid #87b3ff;
-    padding-right: 3px;
-}
-
-.gwt-TabBar .gwt-TabBarItem {
-    border-top: 1px solid #87b3ff;
-    border-bottom: 1px solid #87b3ff;
-    padding: 2px;
-    cursor: hand;
-    white-space: nowrap;
-    border-right: 1px solid #87b3ff;
-}
-
-.gwt-TabBar .gwt-TabBarItem-selected {
-    font-weight: bold;
-    background-color: #e8eef7;
-    border-top: 1px solid #87b3ff;
-    border-right: 1px solid #87b3ff;
-    border-bottom: 1px solid #e8eef7;
-    padding: 2px;
-    cursor: default;
-    white-space: nowrap;
-}
-
 .gwt-PushButton-up {
-    background-color: #C3D9FF;
-    padding: 2px;
-    border: 2px solid transparent;
-    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
-        rgb(232, 241, 255);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  border: 2px solid transparent;
+  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+    rgb(232, 241, 255);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-PushButton-up-hovering {
-    background-color: #C3D9FF;
-    padding: 2px;
-    border: 2px solid transparent;
-    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
-        rgb(232, 241, 255);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  border: 2px solid transparent;
+  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+    rgb(232, 241, 255);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-PushButton-down {
-    background-color: #C3D9FF;
-    padding: 2px;
-    border: 2px solid transparent;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  border: 2px solid transparent;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-PushButton-down-hovering {
-    background-color: #C3D9FF;
-    padding: 2px;
-    border: 2px solid transparent;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  border: 2px solid transparent;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-ToggleButton-up {
-    background-color: #C3D9FF;
-    padding: 2px;
-    border: 2px solid transparent;
-    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
-        rgb(232, 241, 255);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  border: 2px solid transparent;
+  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+    rgb(232, 241, 255);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-ToggleButton-up-hovering {
-    background-color: #C3D9FF;
-    padding: 2px;
-    border: 2px solid transparent;
-    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
-        rgb(232, 241, 255);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  border: 2px solid transparent;
+  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+    rgb(232, 241, 255);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-ToggleButton-down {
-    background-color: #C3D9FF;
-    padding: 2px;
-    background-color: #E8F1FF;
-    border: 2px solid transparent;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  background-color: #E8F1FF;
+  border: 2px solid transparent;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-ToggleButton-down-hovering {
-    background-color: #C3D9FF;
-    padding: 2px;
-    background-color: #E8F1FF;
-    border: 2px solid transparent;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  background-color: #E8F1FF;
+  border: 2px solid transparent;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-RichTextArea {
-    border: 1px solid black;
-    background-color: white;
+  border: 1px solid black;
+  background-color: white;
 }
 
 .gwt-RichTextToolbar {
-    background-color: #C3D9FF;
-    padding: 2px;
+  background-color: #C3D9FF;
+  padding: 2px;
 }
 
 .gwt-RichTextToolbar .gwt-PushButton-up {
-    margin-right: 2px;
-    border: 1px solid #C3D9FF;
+  margin-right: 2px;
+  border: 1px solid #C3D9FF;
 }
 
 .gwt-RichTextToolbar .gwt-PushButton-up-hovering {
-    margin-right: 2px;
-    border: 1px solid #C3D9FF;
-    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
-        rgb(232, 241, 255);
+  margin-right: 2px;
+  border: 1px solid #C3D9FF;
+  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+    rgb(232, 241, 255);
 }
 
 .gwt-RichTextToolbar .gwt-PushButton-down {
-    margin-right: 2px;
-    border: 1px solid #C3D9FF;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
+  margin-right: 2px;
+  border: 1px solid #C3D9FF;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
 }
 
 .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
-    margin-right: 2px;
-    border: 1px solid #C3D9FF;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
+  margin-right: 2px;
+  border: 1px solid #C3D9FF;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
 }
 
 .gwt-RichTextToolbar .gwt-ToggleButton-up {
-    margin-right: 2px;
-    border: 1px solid #C3D9FF;
+  margin-right: 2px;
+  border: 1px solid #C3D9FF;
 }
 
 .gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
-    margin-right: 2px;
-    border: 1px solid #C3D9FF;
-    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
-        rgb(232, 241, 255);
+  margin-right: 2px;
+  border: 1px solid #C3D9FF;
+  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+    rgb(232, 241, 255);
 }
 
 .gwt-RichTextToolbar .gwt-ToggleButton-down {
-    margin-right: 2px;
-    background-color: #E8F1FF;
-    border: 1px solid #C3D9FF;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
+  margin-right: 2px;
+  background-color: #E8F1FF;
+  border: 1px solid #C3D9FF;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
 }
 
 .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
-    margin-right: 2px;
-    background-color: #E8F1FF;
-    border: 1px solid #C3D9FF;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
+  margin-right: 2px;
+  background-color: #E8F1FF;
+  border: 1px solid #C3D9FF;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
 }
 
 .gwt-HorizontalSplitPanel {
-    border: 8px solid #C3D9FF;
+  border: 8px solid #C3D9FF;
 }
 
 .gwt-HorizontalSplitPanel .splitter {
-    background-color: #C3D9FF;
-    cursor: move;
+  background-color: #C3D9FF;
+  cursor: move;
 }
 
 .gwt-HorizontalSplitPanel .left {
-    background-color: #E8EEF7;
+  background-color: #E8EEF7;
 }
 
 .gwt-VerticalSplitPanel {
-    border: 8px solid #C3D9FF;
+  border: 8px solid #C3D9FF;
 }
 
 .gwt-VerticalSplitPanel .splitter {
-    background-color: #C3D9FF;
-    height: 8px;
-    cursor: move;
+  background-color: #C3D9FF;
+  height: 8px;
+  cursor: move;
 }
 
-.gwt-SuggestBoxPopup {
-    border: 2px solid #C3D9FF;
-}
-
-.gwt-SuggestBoxPopup .item {
-    padding: 2px;
-}
-
-.gwt-SuggestBoxPopup .item-selected {
-    background-color: #C3D9FF;
-    padding: 2px;
-}
-
 .gwt-DisclosurePanel {
-    border: 2px solid #C3D9FF;
+  border: 2px solid #C3D9FF;
 }
 
 .gwt-DisclosurePanel .header {
-    background-color: #e8eef7;
-    cursor: hand;
+  background-color: #e8eef7;
+  cursor: hand;
 }
 
 .gwt-SplitLayoutPanel {
@@ -328,78 +271,93 @@
 }
 
 .gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger {
-    background-color: transparent;
-    background: url("images/spliter-top.png") no-repeat scroll center bottom
-        transparent;
-    cursor: col-resize;
+  background-color: transparent;
+  background: url("images/spliter-top.png") no-repeat scroll center bottom
+    transparent;
+  cursor: col-resize;
 }
 
 .gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-VDragger {
-    background-color: white;
-    background: none;
-    cursor: row-resize;
+  background-color: white;
+  background: none;
+  cursor: row-resize;
 }
 
 .kLoadingPanel {
-    background-color: #FF9999;
-    -webkit-border-bottom-left-radius: 4px;
-    -moz-border-radius-bottomleft: 4px;
-    border-bottom-left-radius: 4px;
-    -webkit-border-bottom-right-radius: 4px;
-    -moz-border-radius-bottomright: 4px;
-    border-bottom-right-radius: 4px;
-    padding: 0 1px 0 3px;
-    border-collapse: separate;
-    border-spacing: 2px;
+  background-color: #FF9999;
+  -webkit-border-bottom-left-radius: 4px;
+  -moz-border-radius-bottomleft: 4px;
+  border-bottom-left-radius: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  border-bottom-right-radius: 4px;
+  padding: 0 1px 0 3px;
+  border-collapse: separate;
+  border-spacing: 2px;
 }
 
 .kLoadingLabel {
-    font-size: 14px;
-    color: white;
-    font-weight: bold;
-    padding: 0 5px 0 5px;
+  font-size: 14px;
+  color: white;
+  font-weight: bold;
+  padding: 0 5px 0 5px;
 }
 
+.k-space-tooltip {
+  border-collapse: separate;
+  border-spacing: 5px;
+  vertical-align: middle;
+  line-height: 1.1em;
+}
+
 .k-space-sel {
-    margin-right: 10px;
-    background-color: #F2F2F2;
+  margin-right: 10px;
+  background-color: #F2F2F2;
 }
 
 .k-space-sel-btn {
-    padding: 0 1px 0 1px;
-    margin: 0 0 -2px;
+  padding: 0 1px 0 1px;
+  margin: 0 0 -2px;
+  outline: 0 none;
 }
 
 .k-sitebar-logo {
-    margin-top: 2px;
+  margin-top: 2px;
 }
 
 .x-btn button,button { /* font: 18px/27px 'Ubuntu', arial; */
 
 }
 
-.k-btn-sitebar span,.k-btn-sitebar button span,.k-sitebar button span {
-    text-decoration: underline;
+.x-panel-mc {
+  font: inherit;
 }
 
-.k-btn-sitebar,.k-btn-sitebar button,.k-sitebar button {
-    font: 13px 'Ubuntu', arial;
-    color: #B3B3B3;
-    cursor: pointer;
-    white-space: nowrap;
-    background: none;
-    border: 0px;
-    padding: 0 3px 0 0 !important;
+k-btn-sitebar button spin,.k-sitebar button spin,.k-btn-sitebar div,.k-btn-sitebar span,.k-btn-sitebar button span,.k-sitebar button span
+  {
+  text-decoration: underline;
 }
 
+.k-btn-sitebar,.k-btn-sitebar button,.k-sitebar button,.k-btn-sitebar div,.k-btn-sitebar button div,.k-sitebar button div
+  {
+  font: 13px 'Ubuntu', arial;
+  color: #B3B3B3;
+  cursor: pointer;
+  white-space: nowrap;
+  background: none;
+  border: 0px;
+  padding: 0 3px 0 0 !important;
+  height: 17px !important;
+}
+
 .k-sitebar-wave-status {
-    font: 13px 'Ubuntu', arial;
-    /* font-weight: bold; */
-    color: #B3B3B3;
-    white-space: nowrap;
-    background: none;
-    border: 0px;
-    padding: 1px 7px 0 0 !important;
+  font: 13px 'Ubuntu', arial;
+  /* font-weight: bold; */
+  color: #B3B3B3;
+  white-space: nowrap;
+  background: none;
+  border: 0px;
+  padding: 1px 7px 0 0 !important;
 }
 
 .k-sitebar-wave-status {
@@ -407,20 +365,20 @@
 }
 
 .k-sitebar-wave-status-online {
-    color: green;
+  color: green;
 }
 
 .k-sitebar-wave-status-offline {
-    color: red;
+  color: red;
 }
 
 .k-sitebar button:hover {
-    border: 0px;
-    background: none;
+  border: 0px;
+  background: none;
 }
 
 .k-btn-sitebar button {
-    margin-top: -5px;
+  margin-top: -5px;
 }
 
 .k-sitebar { /* margin-top: -30px; */
@@ -428,247 +386,247 @@
 }
 
 .k-link {
-    text-decoration: underline;
-    color: green;
-    cursor: pointer;
+  text-decoration: underline;
+  color: green;
+  cursor: pointer;
 }
 
 /* Margins */
 .kune-Margin-40-trbl {
-    margin: 40px;
+  margin: 40px;
 }
 
 .kune-Margin-40-lr {
-    margin-left: 40px;
-    margin-right: 40px;
+  margin-left: 40px;
+  margin-right: 40px;
 }
 
 .kune-Margin-40-tl {
-    margin-top: 40px;
-    margin-left: 40px;
+  margin-top: 40px;
+  margin-left: 40px;
 }
 
 .kune-Margin-40-tb {
-    margin-top: 40px;
-    margin-bottom: 40px;
+  margin-top: 40px;
+  margin-bottom: 40px;
 }
 
 .kune-Margin-40-t {
-    margin-top: 40px;
+  margin-top: 40px;
 }
 
 .kune-Margin-40-r {
-    margin-right: 40px;
+  margin-right: 40px;
 }
 
 .kune-Margin-40-l {
-    margin-left: 40px;
+  margin-left: 40px;
 }
 
 .kune-Margin-20-trbl {
-    margin: 20px;
+  margin: 20px;
 }
 
 .kune-Margin-20-lr {
-    margin-left: 20px;
-    margin-right: 20px;
+  margin-left: 20px;
+  margin-right: 20px;
 }
 
 .kune-Margin-20-tl {
-    margin-top: 20px;
-    margin-left: 20px;
+  margin-top: 20px;
+  margin-left: 20px;
 }
 
 .kune-Margin-20-tb {
-    margin-top: 20px;
-    margin-bottom: 20px;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 
 .kune-Margin-20-t {
-    margin-top: 20px;
+  margin-top: 20px;
 }
 
 .kune-Margin-20-r {
-    margin-right: 20px;
+  margin-right: 20px;
 }
 
 .kune-Margin-20-l {
-    margin-left: 20px;
+  margin-left: 20px;
 }
 
 .kune-Margin-Large-trbl {
-    margin: 10px;
+  margin: 10px;
 }
 
 .kune-Margin-Large-lr {
-    margin-left: 10px;
-    margin-right: 10px;
+  margin-left: 10px;
+  margin-right: 10px;
 }
 
 .kune-Margin-Large-tl {
-    margin-top: 10px;
-    margin-left: 10px;
+  margin-top: 10px;
+  margin-left: 10px;
 }
 
 .kune-Margin-Large-tb {
-    margin-top: 10px;
-    margin-bottom: 10px;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 .kune-Margin-Large-t {
-    margin-top: 10px;
+  margin-top: 10px;
 }
 
 .kune-Margin-Large-r {
-    margin-right: 10px;
+  margin-right: 10px;
 }
 
 .kune-Margin-Large-l {
-    margin-left: 10px;
+  margin-left: 10px;
 }
 
 .kune-Margin-7-trbl {
-    margin: 7px;
+  margin: 7px;
 }
 
 .kune-Margin-7-lr {
-    margin-left: 7px;
-    margin-right: 7px;
+  margin-left: 7px;
+  margin-right: 7px;
 }
 
 .kune-Margin-7-tl {
-    margin-top: 7px;
-    margin-left: 7px;
+  margin-top: 7px;
+  margin-left: 7px;
 }
 
 .kune-Margin-7-tb {
-    margin-top: 7px;
-    margin-bottom: 7px;
+  margin-top: 7px;
+  margin-bottom: 7px;
 }
 
 .kune-Margin-7-t {
-    margin-top: 7px;
+  margin-top: 7px;
 }
 
 .kune-Margin-7-r {
-    margin-right: 7px;
+  margin-right: 7px;
 }
 
 .kune-Margin-7-b {
-    margin-bottom: 7px;
+  margin-bottom: 7px;
 }
 
 .kune-Margin-7-l {
-    margin-left: 7px;
+  margin-left: 7px;
 }
 
 .kune-Margin-Medium-trbl {
-    margin: 5px;
+  margin: 5px;
 }
 
 .kune-Margin-Medium-lr {
-    margin-left: 5px;
-    margin-right: 5px;
+  margin-left: 5px;
+  margin-right: 5px;
 }
 
 .kune-Margin-Medium-tl {
-    margin-top: 5px;
-    margin-left: 5px;
+  margin-top: 5px;
+  margin-left: 5px;
 }
 
 .kune-Margin-Medium-tb {
-    margin-top: 5px;
-    margin-bottom: 5px;
+  margin-top: 5px;
+  margin-bottom: 5px;
 }
 
 .kune-Margin-Medium-t {
-    margin-top: 5px;
+  margin-top: 5px;
 }
 
 .kune-Margin-Medium-r {
-    margin-right: 5px;
+  margin-right: 5px;
 }
 
 .kune-Margin-Medium-b {
-    margin-bottom: 5px;
+  margin-bottom: 5px;
 }
 
 .kune-Margin-Medium-l {
-    margin-left: 5px;
+  margin-left: 5px;
 }
 
 .kune-Margin-Small-trbl {
-    margin: 3px;
+  margin: 3px;
 }
 
 .kune-Margin-Small-lr {
-    margin-left: 3px;
-    margin-right: 3px;
+  margin-left: 3px;
+  margin-right: 3px;
 }
 
 .kune-Margin-Small-tl {
-    margin-top: 3px;
-    margin-left: 3px;
+  margin-top: 3px;
+  margin-left: 3px;
 }
 
 .kune-Margin-Small-tb {
-    margin-top: 3px;
-    margin-bottom: 3px;
+  margin-top: 3px;
+  margin-bottom: 3px;
 }
 
 .kune-Margin-Small-t {
-    margin-top: 3px;
+  margin-top: 3px;
 }
 
 .kune-Margin-Small-l {
-    margin-left: 3px;
+  margin-left: 3px;
 }
 
 .kune-Margin-Small-r {
-    margin-right: 3px;
+  margin-right: 3px;
 }
 
 .kune-Margin-Small-b {
-    margin-bottom: 3px;
+  margin-bottom: 3px;
 }
 
 .kune-Margin-Mini-trbl {
-    margin: 1px;
+  margin: 1px;
 }
 
 .kune-Margin-Mini-lr {
-    margin-left: 1px;
-    margin-right: 1px;
+  margin-left: 1px;
+  margin-right: 1px;
 }
 
 .kune-Margin-Mini-tl {
-    margin-top: 1px;
-    margin-left: 1px;
+  margin-top: 1px;
+  margin-left: 1px;
 }
 
 .kune-Margin-Mini-tb {
-    margin-top: 1px;
-    margin-bottom: 1px;
+  margin-top: 1px;
+  margin-bottom: 1px;
 }
 
 .kune-Margin-Mini-t {
-    margin-top: 1px;
+  margin-top: 1px;
 }
 
 .kune-Margin-Mini-r {
-    margin-right: 1px;
+  margin-right: 1px;
 }
 
 .kune-Margin-Mini-b {
-    margin-bottom: 1px;
+  margin-bottom: 1px;
 }
 
 .kune-Margin-Mini-l {
-    margin-left: 1px;
+  margin-left: 1px;
 }
 
 .k-publicspace-msg {
-    background-color: #E0E0E0;
+  background-color: #E0E0E0;
 }
 
 .k-publicspace-mask { /*	background-color: #fff !important;
@@ -680,147 +638,147 @@
 }
 
 .k-publicspace-panel {
-    margin: 5px;
-    display: table-row;
+  margin: 5px;
+  display: table-row;
 }
 
 .k-publicspace-icon {
-    margin: 3px 3px 3px 0;
-    float: left;
+  margin: 3px 3px 3px 0;
+  float: left;
 }
 
 .k-publicspace-title {
-    font-weight: bold;
-    display: block;
-    margin-bottom: 5px;
-    font-size: 16px;
-    display: table-caption;
+  font-weight: bold;
+  display: block;
+  margin-bottom: 5px;
+  font-size: 16px;
+  display: table-caption;
 }
 
 .k-publicspace-description {
-    font-size: 14px;
-    display: table-cell;
+  font-size: 14px;
+  display: table-cell;
 }
 
 .k-publicspace-actions {
-    display: inline;
+  display: inline;
 }
 
 .k-message-panel {
-    margin: 5px;
-    display: table-row;
+  margin: 5px;
+  display: table-row;
 }
 
 .k-message-icon {
-    margin: 3px 3px 3px 0;
-    float: left;
+  margin: 3px 3px 3px 0;
+  float: left;
 }
 
 .k-message-title {
-    font-weight: bold;
-    display: block;
-    margin-bottom: 5px;
-    font-size: 16px;
-    display: table-caption;
+  font-weight: bold;
+  display: block;
+  margin-bottom: 5px;
+  font-size: 16px;
+  display: table-caption;
 }
 
 .k-message-description {
-    font-size: 14px;
-    display: table-cell;
+  font-size: 14px;
+  display: table-cell;
 }
 
 .k-error-tb {
-    background: #FFB380 none repeat scroll 0% 50%;
-    /* color: #250; */
-    padding: 10px;
+  background: #FFB380 none repeat scroll 0% 50%;
+  /* color: #250; */
+  padding: 10px;
 }
 
 .k-error-tb img {
-    margin: 0 10px;
-    float: left;
+  margin: 0 10px;
+  float: left;
 }
 
 .k-error-tb div {
-    font-size: 14px;
-    display: table-cell;
+  font-size: 14px;
+  display: table-cell;
 }
 
 .k-mask {
-    background-color: #F2F2F2 !important;
-    /* kfilter: alpha(opacity = 78) !important; */
-    -moz-opacity: 0.78 !important;
-    -khtml-opacity: 0.78 !important;
-    opacity: 0.78 !important;
+  background-color: #F2F2F2 !important;
+  /* kfilter: alpha(opacity = 78) !important; */
+  -moz-opacity: 0.78 !important;
+  -khtml-opacity: 0.78 !important;
+  opacity: 0.78 !important;
 }
 
 .x-form-item-label {
-    font-size: 14px;
-    font-weight: bold;
-    color: brown;
+  font-size: 14px;
+  font-weight: bold;
+  color: brown;
 }
 
 .x-form-text {
-    font-size: 14px;
+  font-size: 14px;
 }
 
 .x-fieldset-header-text,.x-form-group-label,.x-form-cb-label {
-    font-size: 14px;
-    font-family: 'Ubuntu', Arial;
+  font-size: 14px;
+  font-family: 'Ubuntu', Arial;
 }
 
 .k-form-intro {
-    font-size: 14px;
-    margin-bottom: 10px;
+  font-size: 14px;
+  margin-bottom: 10px;
 }
 
 .k-form-fieldset {
-    font-size: 16px;
-    margin-left: 105px;
+  font-size: 16px;
+  margin-left: 105px;
 }
 
 .k-basic-thumb {
-    background-color: #F2F2F2;
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
+  background-color: #F2F2F2;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
 }
 
 .k-basic-thumb img {
-    margin: 2px 2px 0px 2px;
+  margin: 2px 2px 0px 2px;
 }
 
 .k-basic-thumb div {
-    margin: -3px 0px 0px 0px;
-    font-weight: normal;
-    font-size: 12px;
+  margin: -3px 0px 0px 0px;
+  font-weight: normal;
+  font-size: 12px;
 }
 
 .k-sn-mainpanel {
-    font-size: 16px;
-    font-weight: bold;
+  font-size: 16px;
+  font-weight: bold;
 }
 
 .k-sn-maintitle {
-    margin: 5px;
+  margin: 5px;
 }
 
 .k-sn-maintitle {
-    color: #a05a2c;
-    font-size: 20px;
+  color: #a05a2c;
+  font-size: 20px;
 }
 
 .k-sn-adminslabel,.k-sn-collabslabel,.k-sn-pendingslabel {
-    color: #FFF;
-    text-transform: lowercase;
-    padding-left: 10px;
-    float: left;
+  color: #FFF;
+  text-transform: lowercase;
+  padding-left: 10px;
+  float: left;
 }
 
 .k-sn-adminsCountlabel,.k-sn-collabsCountlabel,.k-sn-pendingsCountlabel
-    {
-    float: left;
-    padding-left: 5px;
-    color: #e0e0e0;
+  {
+  float: left;
+  padding-left: 5px;
+  color: #e0e0e0;
 }
 
 .k-sn-adminslabel {
@@ -828,7 +786,7 @@
 }
 
 .k-sn-mainpanel .k-basic-thumb {
-    float: left;
+  float: left;
 }
 
 /*
@@ -837,40 +795,75 @@
     white-space: nowrap;
 }
 */
-.k-sn-mainpanel .x-btn button,.k-sn-mainpanel button {
-    font: 13px 'Ubuntu', arial;
-    border: 2px solid #CCCCCC;
-    cursor: pointer;
-    margin: 0;
-    padding: 3px 0;
-    text-decoration: none;
-    background-color: #F2F2F2;
-    color: #855585;
-    -webkit-border-radius: 6px;
-    -moz-border-radius: 6px;
-    border-radius: 6px;
-    vertical-align: middle;
-    line-height: 2em !important;
-    height: 26px !important;
-    font-weight: bold;
-    /*
-font-size:small;
-    cursor: pointer;
-    border: 2px gray solid;
-    padding-left: 25px !important; */
+.k-sn-mainpanel .x-btn button,.k-sn-mainpanel button,button.k-button {
+  font: 13px 'Ubuntu', arial;
+  border: 2px solid #CCCCCC;
+  cursor: pointer;
+  margin: 0;
+  padding: 3px 0;
+  text-decoration: none;
+  background-color: #F2F2F2;
+  color: #A05A2C;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  vertical-align: middle;
+  outline: 0 none;
+  font-weight: bold;
+  width: auto !IMPORTANT;
+  width: 50px;
+  min-width: 50px;
+  height: 28px;
 }
 
-.k-sn-mainpanel .x-btn button:hover,.k-sn-mainpanel button:hover {
-    border: 2px orange solid;
-    background: #f0f0f0;
-    color: #855585;
+.k-sn-mainpanel .x-btn button:hover,.k-sn-mainpanel button:hover,button.k-button:hover
+  {
+  border: 2px orange solid;
+  outline: 0 none;
+  /* background: #f0f0f0; */
 }
 
-.k-sn-mainpanel .x-btn button:active,.k-sn-mainpanel button:active {
-    border-top-color: #ffffff;
-    background: #ffffff;
+.k-sn-mainpanel .x-btn button:hover span,.k-sn-mainpanel button:hover span,button.k-button:hover span
+  {
+  color: brown !important;
+  outline: 0 none;
 }
 
+.k-sn-mainpanel .x-btn button:active,.k-sn-mainpanel button:active,button.k-button:active
+  {
+  border-top-color: #ffffff;
+  background: #ffffff;
+}
+
+.k-button-center {
+  border-left: 1px solid #CCCCCC !important;
+  border-right: 1px solid #CCCCCC !important;
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+
+.k-button-right {
+  border-left: 1px solid #CCCCCC !important;
+  -webkit-border-top-left-radius: 0px !important;
+  -moz-border-radius-topleft: 0px !important;
+  border-top-left-radius: 0px !important;
+  -webkit-border-bottom-left-radius: 0px !important;
+  -moz-border-radius-bottomleft: 0px !important;
+  border-bottom-left-radius: 0px !important;
+}
+
+.k-button-left {
+  border-right: 1px solid #CCCCCC !important;
+  -webkit-border-top-right-radius: 0px !important;
+  -moz-border-radius-topright: 0px !important;
+  border-top-right-radius: 0px !important;
+  -webkit-border-bottom-right-radius: 0px !important;
+  -moz-border-radius-bottomright: 0px !important;
+  border-bottom-right-radius: 0px !important;
+}
+
+/* end buttons */
 .k-sn-collabslabel {
 
 }
@@ -880,20 +873,20 @@
 }
 
 .k-sn-orphan-label {
-    padding: 10px;
+  padding: 10px;
 }
 
 .k-sn-novisible-label {
-    padding: 10px;
+  padding: 10px;
 }
 
 .k-sn-adminspanel { /* background-color: #a05a2c; */
-    border-bottom: 2px solid #F7EBE3;
-    border-top: 2px solid #F7EBE3;
+  border-bottom: 2px solid #F7EBE3;
+  border-top: 2px solid #F7EBE3;
 }
 
 .k-sn-collabspanel {
-    background-color: #d38d5f;
+  background-color: #d38d5f;
 }
 
 .k-sn-pendingspanel { /* background-color: #a05a2c; */
@@ -905,7 +898,7 @@
 }
 
 .k-sn-adminsflow,.k-sn-collabsflow,.k-sn-pendingsflow {
-    margin-left: 10px;
+  margin-left: 10px;
 }
 
 .k-sn-adminsscroll {
@@ -921,8 +914,8 @@
 }
 
 .k-userconfirm-label {
-    width: 300px;
-    margin: 10px;
+  width: 300px;
+  margin: 10px;
 }
 
 .k-sn-deck {
@@ -930,159 +923,160 @@
 }
 
 .k-sn-bottomPanel {
-    padding: 8px 10px 0;
-    float: left;
+  padding: 8px 10px 0;
+  float: left;
 }
 
 .k-sn-bottomPanel-actions {
-    width: 100%;
+  width: 100%;
 }
 
 .k-sn-novisible-label,.k-sn-orphan-label {
-    color: #FFF;
-    font-size: 16px;
-    font-weight: bold;
+  color: #FFF;
+  font-size: 16px;
+  font-weight: bold;
 }
 
 .k-frame-def {
-    margin: 0px;
-    border: 0px;
+  margin: 0px;
+  border: 0px;
 }
 
 .k-maxsize {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 .k-footer-license-label {
-    float: right;
-    margin-top: 8px;
-    cursor: pointer;
-    font-weight: bold;
-    font-size: 16px;
-    color: #784421;
+  float: right;
+  margin-top: 8px;
+  cursor: pointer;
+  font-weight: bold;
+  font-size: 16px;
+  color: #784421;
 }
 
 .k-footer-license-label-title {
-    margin-right: 5px;
-    color: #280b0b;
+  margin-right: 5px;
+  color: #280b0b;
 }
 
 .k-footer-license-img {
-    float: right;
-    margin: 10px 15px 0px 5px;
-    cursor: pointer;
+  float: right;
+  margin: 10px 15px 0px 5px;
+  cursor: pointer;
 }
 
 .k-sn-options-menu {
-    float: left;
+  float: left;
 }
 
 .k-sn-options-menu button {
-    background-color: none;
+  background-color: none;
 }
 
 .k-sn-join {
-    float: left;
+  float: left;
 }
 
 .k-entitytextlogo-border {
-    border: 2px solid #F2F2F2;
+  border: 2px solid #F2F2F2;
 }
 
 .k-entitytextlogo-no-border {
-    border: none;
+  border: none;
 }
 
 .k-entitytextlogo {
-    height: 60px;
-    margin: 5px;
-    overflow: hidden;
-    width: 468px;
+  height: 60px;
+  margin: 5px;
+  overflow: hidden;
+  width: 468px;
 }
 
 .k-entitytextlogo table {
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 .k-elogo-l-l {
-    font-size: 46px;
+  font-size: 46px;
 }
 
 .k-elogo-l-m {
-    font-size: 167%;
+  font-size: 167%;
 }
 
 .k-elogo-l-s {
-    font-size: 108%;
+  font-size: 108%;
 }
 
 .k-entitytextlogo .gwt-Label {
-    font-weight: 700;
-    margin: 5px;
-    height: 27px;
+  font-weight: 700;
+  margin: 5px;
+  height: 27px;
 }
 
 .k-entitytextlogo-default .gwt-Label {
-    color: #69312F;
+  color: #69312F;
 }
 
 .k-entitytextlogo-green .gwt-Label {
-    color: #250;
+  color: #250;
 }
 
 .k-entitytextlogo-blue .gwt-Label {
-    color: #000080;
+  color: #000080;
 }
 
 .k-entitytextlogo-grey .gwt-Label {
-    color: #1A1A1A;
+  color: #1A1A1A;
 }
 
 .k-entitytextlogo-purple .gwt-Label {
-    color: #440055;
+  color: #440055;
 }
 
 .k-entitytextlogo-red .gwt-Label {
-    color: #800000;
+  color: #800000;
 }
 
 .k-elogo-plink {
-    color: #CCC;
-    font-size: 85%;
-    margin: 5px;
-    text-decoration: underline;
-    white-space: nowrap;
-    background-color: #FFF;
+  color: #CCC;
+  font-size: 85%;
+  margin: 5px;
+  text-decoration: underline;
+  white-space: nowrap;
+  background-color: #FFF;
 }
 
 .k-elogop-expand {
-    background-color: transparent;
+  background-color: transparent;
 }
 
 .k-tsp-tag {
-    float: left;
-    padding: 3px;
-    cursor: pointer;
-    color: #5B4683;
+  float: left;
+  padding: 3px;
+  cursor: pointer;
+  color: #5B4683;
 }
 
 .k-tsp-cloud {
-    line-height: 1em;
-    text-align: center;
+  line-height: 1em;
+  text-align: center;
 }
 
 .k-tool-panel {
-    background-color: #DEAA87;
+  background-color: #DEAA87;
 }
 
 .k-tool-item {
-    display: block;
-    cursor: pointer;
+  display: block;
+  cursor: pointer;
+  outline: 0 none;
 }
 
 .k-tool-item-focus {
-    background-color: #d38d5f;
+  background-color: #d38d5f;
 }
 
 .k-tool-item-nofocus {
@@ -1090,9 +1084,201 @@
 }
 
 .k-tool-item-selected {
-    background-color: #C87137;
+  background-color: #C87137;
 }
 
 .k-tool-item-notselected {
-    background-color: inherits;
-}
\ No newline at end of file
+  background-color: inherits;
+}
+
+.k-def-docbtn span {
+  font-size: 13px !important;
+}
+
+.k-empty-msg {
+  font-size: 16px;
+  font-style: italic;
+}
+
+button.k-ent-header-btn {
+  margin-left: 5px !important;
+}
+
+.k-ent-header-btn * {
+  font-size: 13px !important;
+}
+
+table.k-folder-viewer {
+  border: 5px solid #FFF;
+  border-collapse: separate;
+}
+
+/* Suggest box */
+.gwt-SuggestBox {
+  padding: 2px;
+}
+
+.gwt-SuggestBoxPopup {
+  background-color: #FFF;
+  border: 2px solid #552200;
+  padding: 3px;
+  color: white;
+  -webkit-border-bottom-right-radius: 5px;
+  -moz-border-radius-bottomright: 5px;
+  border-bottom-right-radius: 5px;
+  -webkit-border-bottom-left-radius: 5px;
+  -moz-border-radius-bottomleft: 5px;
+  border-bottom-left-radius: 5px;
+  kfilter: alpha(opacity =                         90);
+  -moz-opacity: 0.90;
+  -khtml-opacity: 0.90;
+  opacity: 0.90;
+  margin-left: 3px;
+}
+
+.gwt-SuggestBoxPopup .item {
+  padding: 2px 6px;
+  color: #424242;
+  cursor: default;
+}
+
+.gwt-SuggestBoxPopup .item-selected {
+  background: #cdcdcd;
+  cursor: pointer;
+}
+
+.gwt-SuggestBoxPopup .suggestPopupContent {
+  background: white;
+}
+
+.k-sitebarsearch {
+  border: 1px solid #E4A374;
+  margin: 1px 6px 0 3px;
+  padding-left: 1px;
+  color: #B3B3B3;
+  background: transparent;
+}
+
+.k-sitebarsearch-img {
+  cursor: pointer;
+  background: none;
+  border: 0px;
+  padding: 2px 0 0 0 !important;
+}
+
+/* end of suggestbox */
+.k-table {
+  display: table;
+}
+
+.k-table-row {
+  display: table-row;
+}
+
+.k-table-cell {
+  display: table-cell;
+}
+
+/* Decorated tabbar */
+.gwt-DecoratedTabBar {
+
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarFirst {
+  width: 5px; /* first tab distance from the left */
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarRest {
+
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem {
+  border-collapse: collapse;
+  margin-left: 6px;
+}
+
+.gwt-DecoratedTabBar .tabTopCenter {
+  padding: 0px;
+  background: #e3e3e3;
+}
+
+.gwt-DecoratedTabBar .tabTopLeft,.gwt-DecoratedTabBar .tabTopRight {
+  padding: 0px;
+  zoom: 1;
+}
+
+.gwt-DecoratedTabBar .tabTopLeftInner,.gwt-DecoratedTabBar .tabTopRightInner
+  {
+  width: 6px;
+  height: 6px;
+}
+
+.gwt-DecoratedTabBar .tabTopLeft {
+  background: url(images/corner.png) no-repeat 0px -55px;
+  -background: url(images/corner_ie6.png) no-repeat 0px -55px;
+}
+
+.gwt-DecoratedTabBar .tabTopRight {
+  background: url(images/corner.png) no-repeat -6px -55px;
+  -background: url(images/corner_ie6.png) no-repeat -6px -55px;
+}
+
+* html .gwt-DecoratedTabBar .tabTopLeftInner,* html .gwt-DecoratedTabBar .tabTopRightInner
+  {
+  width: 6px;
+  height: 6px;
+  overflow: hidden;
+}
+
+.gwt-DecoratedTabBar .tabMiddleLeft,.gwt-DecoratedTabBar .tabMiddleRight
+  {
+  width: 6px;
+  padding: 0px;
+  background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
+}
+
+.gwt-DecoratedTabBar .tabMiddleLeftInner,.gwt-DecoratedTabBar .tabMiddleRightInner
+  {
+  width: 1px;
+  height: 1px;
+}
+
+.gwt-DecoratedTabBar .tabMiddleCenter {
+  padding: 0px 4px 2px 4px;
+  cursor: pointer;
+  cursor: hand;
+  color: black;
+  font-weight: bold;
+  text-align: center;
+  background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
+  background: #747474;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
+  background-position: 0px -61px;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
+  background-position: -6px -61px;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight
+  {
+  background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
+  cursor: default;
+  background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
+  color: white;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
+  cursor: default;
+  color: #999999;
+}
+
+/* end Decorated tabbar */
\ No newline at end of file

Modified: kune-sandbox/war/ws.css
===================================================================
--- kune-sandbox/war/ws.css	2011-05-05 16:19:38 UTC (rev 1347)
+++ kune-sandbox/war/ws.css	2011-05-05 21:20:17 UTC (rev 1348)
@@ -1,22 +1,24 @@
- at CHARSET "UTF-8";
-
-body {
-    background-color: white;
-    color: black;
-    font-family: 'Ubuntu', Arial;
-    font-size: small;
-    margin: 5px;
-    overflow: hidden;
+CHARSET      "UTF-8     "; body {
+  background-color: white;
+  color: black;
+  font-family: 'Ubuntu', Arial;
+  font-size: small;
+  margin: 5px;
+  overflow: hidden;
 }
 
 * {
-    font-family: 'Ubuntu', Arial;
+  font-family: 'Ubuntu', Arial;
 }
 
 body.fontface {
-    font: 'Ubuntu', Arial;
+  font: 'Ubuntu', Arial;
 }
 
+div,span {
+  outline: 0 none;
+}
+
 /*
 a {
     color: darkblue;
@@ -27,32 +29,32 @@
 }
 */
 .gwt-DialogBox {
-    border: 2px solid #AAAAAA;
-    background-color: white;
+  border: 2px solid #AAAAAA;
+  background-color: white;
 }
 
 .gwt-DialogBox .Caption {
-    background-image: url(gray_gradient.gif);
-    background-repeat: repeat-x;
-    padding: 4px;
-    padding-bottom: 8px;
-    font-weight: bold;
-    cursor: default;
+  background-image: url(gray_gradient.gif);
+  background-repeat: repeat-x;
+  padding: 4px;
+  padding-bottom: 8px;
+  font-weight: bold;
+  cursor: default;
 }
 
 .gwt-MenuBar {
-    background-color: #C3D9FF;
-    cursor: default;
+  background-color: #C3D9FF;
+  cursor: default;
 }
 
 .gwt-MenuItem {
-    font-size: 14px;
-    margin: 1px;
-    cursor: default;
+  font-size: 14px;
+  margin: 1px;
+  cursor: default;
 }
 
 .gwt-MenuItem-selected {
-    background-color: #E8EEF7;
+  background-color: #E8EEF7;
 }
 
 .gwt-Tree {
@@ -60,267 +62,208 @@
 }
 
 .gwt-Tree .gwt-TreeItem {
-    font-size: 14px;
-    cursor: default;
+  font-size: 14px;
+  cursor: default;
 }
 
 .gwt-Tree .gwt-TreeItem-selected {
-    background-color: #C3D9FF;
+  background-color: #C3D9FF;
 }
 
 .gwt-StackPanel {
-    background-color: white;
-    border: 1px solid #AAAAAA;
-    width: 15em;
+  background-color: white;
+  border: 1px solid #AAAAAA;
+  width: 15em;
 }
 
 .gwt-StackPanel .gwt-StackPanelItem {
-    background-image: url(blue_gradient.gif);
-    background-repeat: repeat-x;
-    background-color: #EEEEEE;
-    cursor: pointer;
-    cursor: hand;
+  background-image: url(blue_gradient.gif);
+  background-repeat: repeat-x;
+  background-color: #EEEEEE;
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-StackPanel .gwt-StackPanelItem-selected {
 
 }
 
-.gwt-TabPanel {
-
-}
-
-.gwt-TabPanelBottom {
-    border-left: 1px solid #87b3ff;
-    border-right: 1px solid #87b3ff;
-    border-bottom: 1px solid #87b3ff;
-}
-
-.gwt-TabBar {
-    font-size: smaller;
-}
-
-.gwt-TabBar .gwt-TabBarFirst {
-    height: 100%;
-    border-bottom: 1px solid #87b3ff;
-    border-right: 1px solid #87b3ff;
-    padding-left: 3px;
-}
-
-.gwt-TabBar .gwt-TabBarRest {
-    border-bottom: 1px solid #87b3ff;
-    padding-right: 3px;
-}
-
-.gwt-TabBar .gwt-TabBarItem {
-    border-top: 1px solid #87b3ff;
-    border-bottom: 1px solid #87b3ff;
-    padding: 2px;
-    cursor: hand;
-    white-space: nowrap;
-    border-right: 1px solid #87b3ff;
-}
-
-.gwt-TabBar .gwt-TabBarItem-selected {
-    font-weight: bold;
-    background-color: #e8eef7;
-    border-top: 1px solid #87b3ff;
-    border-right: 1px solid #87b3ff;
-    border-bottom: 1px solid #e8eef7;
-    padding: 2px;
-    cursor: default;
-    white-space: nowrap;
-}
-
 .gwt-PushButton-up {
-    background-color: #C3D9FF;
-    padding: 2px;
-    border: 2px solid transparent;
-    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
-        rgb(232, 241, 255);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  border: 2px solid transparent;
+  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+    rgb(232, 241, 255);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-PushButton-up-hovering {
-    background-color: #C3D9FF;
-    padding: 2px;
-    border: 2px solid transparent;
-    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
-        rgb(232, 241, 255);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  border: 2px solid transparent;
+  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+    rgb(232, 241, 255);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-PushButton-down {
-    background-color: #C3D9FF;
-    padding: 2px;
-    border: 2px solid transparent;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  border: 2px solid transparent;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-PushButton-down-hovering {
-    background-color: #C3D9FF;
-    padding: 2px;
-    border: 2px solid transparent;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  border: 2px solid transparent;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-ToggleButton-up {
-    background-color: #C3D9FF;
-    padding: 2px;
-    border: 2px solid transparent;
-    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
-        rgb(232, 241, 255);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  border: 2px solid transparent;
+  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+    rgb(232, 241, 255);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-ToggleButton-up-hovering {
-    background-color: #C3D9FF;
-    padding: 2px;
-    border: 2px solid transparent;
-    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
-        rgb(232, 241, 255);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  border: 2px solid transparent;
+  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+    rgb(232, 241, 255);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-ToggleButton-down {
-    background-color: #C3D9FF;
-    padding: 2px;
-    background-color: #E8F1FF;
-    border: 2px solid transparent;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  background-color: #E8F1FF;
+  border: 2px solid transparent;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-ToggleButton-down-hovering {
-    background-color: #C3D9FF;
-    padding: 2px;
-    background-color: #E8F1FF;
-    border: 2px solid transparent;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
-    cursor: pointer;
-    cursor: hand;
+  background-color: #C3D9FF;
+  padding: 2px;
+  background-color: #E8F1FF;
+  border: 2px solid transparent;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
+  cursor: pointer;
+  cursor: hand;
 }
 
 .gwt-RichTextArea {
-    border: 1px solid black;
-    background-color: white;
+  border: 1px solid black;
+  background-color: white;
 }
 
 .gwt-RichTextToolbar {
-    background-color: #C3D9FF;
-    padding: 2px;
+  background-color: #C3D9FF;
+  padding: 2px;
 }
 
 .gwt-RichTextToolbar .gwt-PushButton-up {
-    margin-right: 2px;
-    border: 1px solid #C3D9FF;
+  margin-right: 2px;
+  border: 1px solid #C3D9FF;
 }
 
 .gwt-RichTextToolbar .gwt-PushButton-up-hovering {
-    margin-right: 2px;
-    border: 1px solid #C3D9FF;
-    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
-        rgb(232, 241, 255);
+  margin-right: 2px;
+  border: 1px solid #C3D9FF;
+  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+    rgb(232, 241, 255);
 }
 
 .gwt-RichTextToolbar .gwt-PushButton-down {
-    margin-right: 2px;
-    border: 1px solid #C3D9FF;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
+  margin-right: 2px;
+  border: 1px solid #C3D9FF;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
 }
 
 .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
-    margin-right: 2px;
-    border: 1px solid #C3D9FF;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
+  margin-right: 2px;
+  border: 1px solid #C3D9FF;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
 }
 
 .gwt-RichTextToolbar .gwt-ToggleButton-up {
-    margin-right: 2px;
-    border: 1px solid #C3D9FF;
+  margin-right: 2px;
+  border: 1px solid #C3D9FF;
 }
 
 .gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
-    margin-right: 2px;
-    border: 1px solid #C3D9FF;
-    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
-        rgb(232, 241, 255);
+  margin-right: 2px;
+  border: 1px solid #C3D9FF;
+  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+    rgb(232, 241, 255);
 }
 
 .gwt-RichTextToolbar .gwt-ToggleButton-down {
-    margin-right: 2px;
-    background-color: #E8F1FF;
-    border: 1px solid #C3D9FF;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
+  margin-right: 2px;
+  background-color: #E8F1FF;
+  border: 1px solid #C3D9FF;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
 }
 
 .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
-    margin-right: 2px;
-    background-color: #E8F1FF;
-    border: 1px solid #C3D9FF;
-    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
-        rgb(157, 174, 205);
+  margin-right: 2px;
+  background-color: #E8F1FF;
+  border: 1px solid #C3D9FF;
+  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+    rgb(157, 174, 205);
 }
 
 .gwt-HorizontalSplitPanel {
-    border: 8px solid #C3D9FF;
+  border: 8px solid #C3D9FF;
 }
 
 .gwt-HorizontalSplitPanel .splitter {
-    background-color: #C3D9FF;
-    cursor: move;
+  background-color: #C3D9FF;
+  cursor: move;
 }
 
 .gwt-HorizontalSplitPanel .left {
-    background-color: #E8EEF7;
+  background-color: #E8EEF7;
 }
 
 .gwt-VerticalSplitPanel {
-    border: 8px solid #C3D9FF;
+  border: 8px solid #C3D9FF;
 }
 
 .gwt-VerticalSplitPanel .splitter {
-    background-color: #C3D9FF;
-    height: 8px;
-    cursor: move;
+  background-color: #C3D9FF;
+  height: 8px;
+  cursor: move;
 }
 
-.gwt-SuggestBoxPopup {
-    border: 2px solid #C3D9FF;
-}
-
-.gwt-SuggestBoxPopup .item {
-    padding: 2px;
-}
-
-.gwt-SuggestBoxPopup .item-selected {
-    background-color: #C3D9FF;
-    padding: 2px;
-}
-
 .gwt-DisclosurePanel {
-    border: 2px solid #C3D9FF;
+  border: 2px solid #C3D9FF;
 }
 
 .gwt-DisclosurePanel .header {
-    background-color: #e8eef7;
-    cursor: hand;
+  background-color: #e8eef7;
+  cursor: hand;
 }
 
 .gwt-SplitLayoutPanel {
@@ -328,78 +271,93 @@
 }
 
 .gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger {
-    background-color: transparent;
-    background: url("images/spliter-top.png") no-repeat scroll center bottom
-        transparent;
-    cursor: col-resize;
+  background-color: transparent;
+  background: url("images/spliter-top.png") no-repeat scroll center bottom
+    transparent;
+  cursor: col-resize;
 }
 
 .gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-VDragger {
-    background-color: white;
-    background: none;
-    cursor: row-resize;
+  background-color: white;
+  background: none;
+  cursor: row-resize;
 }
 
 .kLoadingPanel {
-    background-color: #FF9999;
-    -webkit-border-bottom-left-radius: 4px;
-    -moz-border-radius-bottomleft: 4px;
-    border-bottom-left-radius: 4px;
-    -webkit-border-bottom-right-radius: 4px;
-    -moz-border-radius-bottomright: 4px;
-    border-bottom-right-radius: 4px;
-    padding: 0 1px 0 3px;
-    border-collapse: separate;
-    border-spacing: 2px;
+  background-color: #FF9999;
+  -webkit-border-bottom-left-radius: 4px;
+  -moz-border-radius-bottomleft: 4px;
+  border-bottom-left-radius: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  border-bottom-right-radius: 4px;
+  padding: 0 1px 0 3px;
+  border-collapse: separate;
+  border-spacing: 2px;
 }
 
 .kLoadingLabel {
-    font-size: 14px;
-    color: white;
-    font-weight: bold;
-    padding: 0 5px 0 5px;
+  font-size: 14px;
+  color: white;
+  font-weight: bold;
+  padding: 0 5px 0 5px;
 }
 
+.k-space-tooltip {
+  border-collapse: separate;
+  border-spacing: 5px;
+  vertical-align: middle;
+  line-height: 1.1em;
+}
+
 .k-space-sel {
-    margin-right: 10px;
-    background-color: #F2F2F2;
+  margin-right: 10px;
+  background-color: #F2F2F2;
 }
 
 .k-space-sel-btn {
-    padding: 0 1px 0 1px;
-    margin: 0 0 -2px;
+  padding: 0 1px 0 1px;
+  margin: 0 0 -2px;
+  outline: 0 none;
 }
 
 .k-sitebar-logo {
-    margin-top: 2px;
+  margin-top: 2px;
 }
 
 .x-btn button,button { /* font: 18px/27px 'Ubuntu', arial; */
 
 }
 
-.k-btn-sitebar span,.k-btn-sitebar button span,.k-sitebar button span {
-    text-decoration: underline;
+.x-panel-mc {
+  font: inherit;
 }
 
-.k-btn-sitebar,.k-btn-sitebar button,.k-sitebar button {
-    font: 13px 'Ubuntu', arial;
-    color: #B3B3B3;
-    cursor: pointer;
-    white-space: nowrap;
-    background: none;
-    border: 0px;
-    padding: 0 3px 0 0 !important;
+k-btn-sitebar button spin,.k-sitebar button spin,.k-btn-sitebar div,.k-btn-sitebar span,.k-btn-sitebar button span,.k-sitebar button span
+  {
+  text-decoration: underline;
 }
 
+.k-btn-sitebar,.k-btn-sitebar button,.k-sitebar button,.k-btn-sitebar div,.k-btn-sitebar button div,.k-sitebar button div
+  {
+  font: 13px 'Ubuntu', arial;
+  color: #B3B3B3;
+  cursor: pointer;
+  white-space: nowrap;
+  background: none;
+  border: 0px;
+  padding: 0 3px 0 0 !important;
+  height: 17px !important;
+}
+
 .k-sitebar-wave-status {
-    font: 13px 'Ubuntu', arial;
-    /* font-weight: bold; */
-    color: #B3B3B3;
-    white-space: nowrap;
-    background: none;
-    border: 0px;
-    padding: 1px 7px 0 0 !important;
+  font: 13px 'Ubuntu', arial;
+  /* font-weight: bold; */
+  color: #B3B3B3;
+  white-space: nowrap;
+  background: none;
+  border: 0px;
+  padding: 1px 7px 0 0 !important;
 }
 
 .k-sitebar-wave-status {
@@ -407,20 +365,20 @@
 }
 
 .k-sitebar-wave-status-online {
-    color: green;
+  color: green;
 }
 
 .k-sitebar-wave-status-offline {
-    color: red;
+  color: red;
 }
 
 .k-sitebar button:hover {
-    border: 0px;
-    background: none;
+  border: 0px;
+  background: none;
 }
 
 .k-btn-sitebar button {
-    margin-top: -5px;
+  margin-top: -5px;
 }
 
 .k-sitebar { /* margin-top: -30px; */
@@ -428,247 +386,247 @@
 }
 
 .k-link {
-    text-decoration: underline;
-    color: green;
-    cursor: pointer;
+  text-decoration: underline;
+  color: green;
+  cursor: pointer;
 }
 
 /* Margins */
 .kune-Margin-40-trbl {
-    margin: 40px;
+  margin: 40px;
 }
 
 .kune-Margin-40-lr {
-    margin-left: 40px;
-    margin-right: 40px;
+  margin-left: 40px;
+  margin-right: 40px;
 }
 
 .kune-Margin-40-tl {
-    margin-top: 40px;
-    margin-left: 40px;
+  margin-top: 40px;
+  margin-left: 40px;
 }
 
 .kune-Margin-40-tb {
-    margin-top: 40px;
-    margin-bottom: 40px;
+  margin-top: 40px;
+  margin-bottom: 40px;
 }
 
 .kune-Margin-40-t {
-    margin-top: 40px;
+  margin-top: 40px;
 }
 
 .kune-Margin-40-r {
-    margin-right: 40px;
+  margin-right: 40px;
 }
 
 .kune-Margin-40-l {
-    margin-left: 40px;
+  margin-left: 40px;
 }
 
 .kune-Margin-20-trbl {
-    margin: 20px;
+  margin: 20px;
 }
 
 .kune-Margin-20-lr {
-    margin-left: 20px;
-    margin-right: 20px;
+  margin-left: 20px;
+  margin-right: 20px;
 }
 
 .kune-Margin-20-tl {
-    margin-top: 20px;
-    margin-left: 20px;
+  margin-top: 20px;
+  margin-left: 20px;
 }
 
 .kune-Margin-20-tb {
-    margin-top: 20px;
-    margin-bottom: 20px;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 
 .kune-Margin-20-t {
-    margin-top: 20px;
+  margin-top: 20px;
 }
 
 .kune-Margin-20-r {
-    margin-right: 20px;
+  margin-right: 20px;
 }
 
 .kune-Margin-20-l {
-    margin-left: 20px;
+  margin-left: 20px;
 }
 
 .kune-Margin-Large-trbl {
-    margin: 10px;
+  margin: 10px;
 }
 
 .kune-Margin-Large-lr {
-    margin-left: 10px;
-    margin-right: 10px;
+  margin-left: 10px;
+  margin-right: 10px;
 }
 
 .kune-Margin-Large-tl {
-    margin-top: 10px;
-    margin-left: 10px;
+  margin-top: 10px;
+  margin-left: 10px;
 }
 
 .kune-Margin-Large-tb {
-    margin-top: 10px;
-    margin-bottom: 10px;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 .kune-Margin-Large-t {
-    margin-top: 10px;
+  margin-top: 10px;
 }
 
 .kune-Margin-Large-r {
-    margin-right: 10px;
+  margin-right: 10px;
 }
 
 .kune-Margin-Large-l {
-    margin-left: 10px;
+  margin-left: 10px;
 }
 
 .kune-Margin-7-trbl {
-    margin: 7px;
+  margin: 7px;
 }
 
 .kune-Margin-7-lr {
-    margin-left: 7px;
-    margin-right: 7px;
+  margin-left: 7px;
+  margin-right: 7px;
 }
 
 .kune-Margin-7-tl {
-    margin-top: 7px;
-    margin-left: 7px;
+  margin-top: 7px;
+  margin-left: 7px;
 }
 
 .kune-Margin-7-tb {
-    margin-top: 7px;
-    margin-bottom: 7px;
+  margin-top: 7px;
+  margin-bottom: 7px;
 }
 
 .kune-Margin-7-t {
-    margin-top: 7px;
+  margin-top: 7px;
 }
 
 .kune-Margin-7-r {
-    margin-right: 7px;
+  margin-right: 7px;
 }
 
 .kune-Margin-7-b {
-    margin-bottom: 7px;
+  margin-bottom: 7px;
 }
 
 .kune-Margin-7-l {
-    margin-left: 7px;
+  margin-left: 7px;
 }
 
 .kune-Margin-Medium-trbl {
-    margin: 5px;
+  margin: 5px;
 }
 
 .kune-Margin-Medium-lr {
-    margin-left: 5px;
-    margin-right: 5px;
+  margin-left: 5px;
+  margin-right: 5px;
 }
 
 .kune-Margin-Medium-tl {
-    margin-top: 5px;
-    margin-left: 5px;
+  margin-top: 5px;
+  margin-left: 5px;
 }
 
 .kune-Margin-Medium-tb {
-    margin-top: 5px;
-    margin-bottom: 5px;
+  margin-top: 5px;
+  margin-bottom: 5px;
 }
 
 .kune-Margin-Medium-t {
-    margin-top: 5px;
+  margin-top: 5px;
 }
 
 .kune-Margin-Medium-r {
-    margin-right: 5px;
+  margin-right: 5px;
 }
 
 .kune-Margin-Medium-b {
-    margin-bottom: 5px;
+  margin-bottom: 5px;
 }
 
 .kune-Margin-Medium-l {
-    margin-left: 5px;
+  margin-left: 5px;
 }
 
 .kune-Margin-Small-trbl {
-    margin: 3px;
+  margin: 3px;
 }
 
 .kune-Margin-Small-lr {
-    margin-left: 3px;
-    margin-right: 3px;
+  margin-left: 3px;
+  margin-right: 3px;
 }
 
 .kune-Margin-Small-tl {
-    margin-top: 3px;
-    margin-left: 3px;
+  margin-top: 3px;
+  margin-left: 3px;
 }
 
 .kune-Margin-Small-tb {
-    margin-top: 3px;
-    margin-bottom: 3px;
+  margin-top: 3px;
+  margin-bottom: 3px;
 }
 
 .kune-Margin-Small-t {
-    margin-top: 3px;
+  margin-top: 3px;
 }
 
 .kune-Margin-Small-l {
-    margin-left: 3px;
+  margin-left: 3px;
 }
 
 .kune-Margin-Small-r {
-    margin-right: 3px;
+  margin-right: 3px;
 }
 
 .kune-Margin-Small-b {
-    margin-bottom: 3px;
+  margin-bottom: 3px;
 }
 
 .kune-Margin-Mini-trbl {
-    margin: 1px;
+  margin: 1px;
 }
 
 .kune-Margin-Mini-lr {
-    margin-left: 1px;
-    margin-right: 1px;
+  margin-left: 1px;
+  margin-right: 1px;
 }
 
 .kune-Margin-Mini-tl {
-    margin-top: 1px;
-    margin-left: 1px;
+  margin-top: 1px;
+  margin-left: 1px;
 }
 
 .kune-Margin-Mini-tb {
-    margin-top: 1px;
-    margin-bottom: 1px;
+  margin-top: 1px;
+  margin-bottom: 1px;
 }
 
 .kune-Margin-Mini-t {
-    margin-top: 1px;
+  margin-top: 1px;
 }
 
 .kune-Margin-Mini-r {
-    margin-right: 1px;
+  margin-right: 1px;
 }
 
 .kune-Margin-Mini-b {
-    margin-bottom: 1px;
+  margin-bottom: 1px;
 }
 
 .kune-Margin-Mini-l {
-    margin-left: 1px;
+  margin-left: 1px;
 }
 
 .k-publicspace-msg {
-    background-color: #E0E0E0;
+  background-color: #E0E0E0;
 }
 
 .k-publicspace-mask { /*	background-color: #fff !important;
@@ -680,147 +638,147 @@
 }
 
 .k-publicspace-panel {
-    margin: 5px;
-    display: table-row;
+  margin: 5px;
+  display: table-row;
 }
 
 .k-publicspace-icon {
-    margin: 3px 3px 3px 0;
-    float: left;
+  margin: 3px 3px 3px 0;
+  float: left;
 }
 
 .k-publicspace-title {
-    font-weight: bold;
-    display: block;
-    margin-bottom: 5px;
-    font-size: 16px;
-    display: table-caption;
+  font-weight: bold;
+  display: block;
+  margin-bottom: 5px;
+  font-size: 16px;
+  display: table-caption;
 }
 
 .k-publicspace-description {
-    font-size: 14px;
-    display: table-cell;
+  font-size: 14px;
+  display: table-cell;
 }
 
 .k-publicspace-actions {
-    display: inline;
+  display: inline;
 }
 
 .k-message-panel {
-    margin: 5px;
-    display: table-row;
+  margin: 5px;
+  display: table-row;
 }
 
 .k-message-icon {
-    margin: 3px 3px 3px 0;
-    float: left;
+  margin: 3px 3px 3px 0;
+  float: left;
 }
 
 .k-message-title {
-    font-weight: bold;
-    display: block;
-    margin-bottom: 5px;
-    font-size: 16px;
-    display: table-caption;
+  font-weight: bold;
+  display: block;
+  margin-bottom: 5px;
+  font-size: 16px;
+  display: table-caption;
 }
 
 .k-message-description {
-    font-size: 14px;
-    display: table-cell;
+  font-size: 14px;
+  display: table-cell;
 }
 
 .k-error-tb {
-    background: #FFB380 none repeat scroll 0% 50%;
-    /* color: #250; */
-    padding: 10px;
+  background: #FFB380 none repeat scroll 0% 50%;
+  /* color: #250; */
+  padding: 10px;
 }
 
 .k-error-tb img {
-    margin: 0 10px;
-    float: left;
+  margin: 0 10px;
+  float: left;
 }
 
 .k-error-tb div {
-    font-size: 14px;
-    display: table-cell;
+  font-size: 14px;
+  display: table-cell;
 }
 
 .k-mask {
-    background-color: #F2F2F2 !important;
-    /* kfilter: alpha(opacity = 78) !important; */
-    -moz-opacity: 0.78 !important;
-    -khtml-opacity: 0.78 !important;
-    opacity: 0.78 !important;
+  background-color: #F2F2F2 !important;
+  /* kfilter: alpha(opacity = 78) !important; */
+  -moz-opacity: 0.78 !important;
+  -khtml-opacity: 0.78 !important;
+  opacity: 0.78 !important;
 }
 
 .x-form-item-label {
-    font-size: 14px;
-    font-weight: bold;
-    color: brown;
+  font-size: 14px;
+  font-weight: bold;
+  color: brown;
 }
 
 .x-form-text {
-    font-size: 14px;
+  font-size: 14px;
 }
 
 .x-fieldset-header-text,.x-form-group-label,.x-form-cb-label {
-    font-size: 14px;
-    font-family: 'Ubuntu', Arial;
+  font-size: 14px;
+  font-family: 'Ubuntu', Arial;
 }
 
 .k-form-intro {
-    font-size: 14px;
-    margin-bottom: 10px;
+  font-size: 14px;
+  margin-bottom: 10px;
 }
 
 .k-form-fieldset {
-    font-size: 16px;
-    margin-left: 105px;
+  font-size: 16px;
+  margin-left: 105px;
 }
 
 .k-basic-thumb {
-    background-color: #F2F2F2;
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
+  background-color: #F2F2F2;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
 }
 
 .k-basic-thumb img {
-    margin: 2px 2px 0px 2px;
+  margin: 2px 2px 0px 2px;
 }
 
 .k-basic-thumb div {
-    margin: -3px 0px 0px 0px;
-    font-weight: normal;
-    font-size: 12px;
+  margin: -3px 0px 0px 0px;
+  font-weight: normal;
+  font-size: 12px;
 }
 
 .k-sn-mainpanel {
-    font-size: 16px;
-    font-weight: bold;
+  font-size: 16px;
+  font-weight: bold;
 }
 
 .k-sn-maintitle {
-    margin: 5px;
+  margin: 5px;
 }
 
 .k-sn-maintitle {
-    color: #a05a2c;
-    font-size: 20px;
+  color: #a05a2c;
+  font-size: 20px;
 }
 
 .k-sn-adminslabel,.k-sn-collabslabel,.k-sn-pendingslabel {
-    color: #FFF;
-    text-transform: lowercase;
-    padding-left: 10px;
-    float: left;
+  color: #FFF;
+  text-transform: lowercase;
+  padding-left: 10px;
+  float: left;
 }
 
 .k-sn-adminsCountlabel,.k-sn-collabsCountlabel,.k-sn-pendingsCountlabel
-    {
-    float: left;
-    padding-left: 5px;
-    color: #e0e0e0;
+  {
+  float: left;
+  padding-left: 5px;
+  color: #e0e0e0;
 }
 
 .k-sn-adminslabel {
@@ -828,7 +786,7 @@
 }
 
 .k-sn-mainpanel .k-basic-thumb {
-    float: left;
+  float: left;
 }
 
 /*
@@ -837,40 +795,91 @@
     white-space: nowrap;
 }
 */
-.k-sn-mainpanel .x-btn button,.k-sn-mainpanel button {
-    font: 13px 'Ubuntu', arial;
-    border: 2px solid #CCCCCC;
-    cursor: pointer;
-    margin: 0;
-    padding: 3px 0;
-    text-decoration: none;
-    background-color: #F2F2F2;
-    color: #855585;
-    -webkit-border-radius: 6px;
-    -moz-border-radius: 6px;
-    border-radius: 6px;
-    vertical-align: middle;
-    line-height: 2em !important;
-    height: 26px !important;
-    font-weight: bold;
-    /*
-font-size:small;
-    cursor: pointer;
-    border: 2px gray solid;
-    padding-left: 25px !important; */
+.k-sn-mainpanel .x-btn button,.k-sn-mainpanel button,button.k-button {
+  font: 13px 'Ubuntu', arial;
+  border: 2px solid #CCCCCC;
+  cursor: pointer;
+  margin: 0;
+  padding: 3px 0;
+  text-decoration: none;
+  background-color: #F2F2F2;
+  color: #A05A2C;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  vertical-align: middle;
+  outline: 0 none;
+  font-weight: bold;
+  width: auto !IMPORTANT;
+  width: 50px;
+  min-width: 50px;
+  height: 28px;
 }
 
-.k-sn-mainpanel .x-btn button:hover,.k-sn-mainpanel button:hover {
-    border: 2px orange solid;
-    background: #f0f0f0;
-    color: #855585;
+.k-sn-mainpanel .x-btn button:hover,.k-sn-mainpanel button:hover,button.k-button:hover
+  {
+  border: 2px orange solid;
+  outline: 0 none;
+  /* background: #f0f0f0; */
 }
 
-.k-sn-mainpanel .x-btn button:active,.k-sn-mainpanel button:active {
-    border-top-color: #ffffff;
-    background: #ffffff;
+.k-sn-mainpanel .x-btn button:hover span,.k-sn-mainpanel button:hover span,button.k-button:hover span
+  {
+  color: brown !important;
+  outline: 0 none;
 }
 
+.k-sn-mainpanel .x-btn button:active,.k-sn-mainpanel button:active,button.k-button:active
+  {
+  border-top-color: #ffffff;
+  background: #ffffff;
+}
+
+.k-button-center {
+  border-left: 1px solid #CCCCCC !important;
+  border-right: 1px solid #CCCCCC !important;
+  -webkit-border-radius: 0px !important;
+  -moz-border-radius: 0px !important;
+  border-radius: 0px !important;
+}
+
+.k-button-right {
+  border-left: 1px solid #CCCCCC !important;
+  -webkit-border-top-left-radius: 0px !important;
+  -moz-border-radius-topleft: 0px !important;
+  border-top-left-radius: 0px !important;
+  -webkit-border-bottom-left-radius: 0px !important;
+  -moz-border-radius-bottomleft: 0px !important;
+  border-bottom-left-radius: 0px !important;
+}
+
+.k-button-left {
+  border-right: 1px solid #CCCCCC !important;
+  -webkit-border-top-right-radius: 0px !important;
+  -moz-border-radius-topright: 0px !important;
+  border-top-right-radius: 0px !important;
+  -webkit-border-bottom-right-radius: 0px !important;
+  -moz-border-radius-bottomright: 0px !important;
+  border-bottom-right-radius: 0px !important;
+}
+
+button.k-button-center:hover {
+  border-left: 1px solid orange !important;
+  border-right: 1px solid orange !important;
+  outline: 0 none;
+}
+
+button.k-button-right:hover {
+  border-left: 1px solid orange !important;
+  outline: 0 none;
+}
+
+button.k-button-left:hover {
+  border-right: 1px solid orange !important;
+  outline: 0 none;
+}
+
+/* end buttons */
 .k-sn-collabslabel {
 
 }
@@ -880,20 +889,20 @@
 }
 
 .k-sn-orphan-label {
-    padding: 10px;
+  padding: 10px;
 }
 
 .k-sn-novisible-label {
-    padding: 10px;
+  padding: 10px;
 }
 
 .k-sn-adminspanel { /* background-color: #a05a2c; */
-    border-bottom: 2px solid #F7EBE3;
-    border-top: 2px solid #F7EBE3;
+  border-bottom: 2px solid #F7EBE3;
+  border-top: 2px solid #F7EBE3;
 }
 
 .k-sn-collabspanel {
-    background-color: #d38d5f;
+  background-color: #d38d5f;
 }
 
 .k-sn-pendingspanel { /* background-color: #a05a2c; */
@@ -905,7 +914,7 @@
 }
 
 .k-sn-adminsflow,.k-sn-collabsflow,.k-sn-pendingsflow {
-    margin-left: 10px;
+  margin-left: 10px;
 }
 
 .k-sn-adminsscroll {
@@ -921,8 +930,8 @@
 }
 
 .k-userconfirm-label {
-    width: 300px;
-    margin: 10px;
+  width: 300px;
+  margin: 10px;
 }
 
 .k-sn-deck {
@@ -930,159 +939,160 @@
 }
 
 .k-sn-bottomPanel {
-    padding: 8px 10px 0;
-    float: left;
+  padding: 8px 10px 0;
+  float: left;
 }
 
 .k-sn-bottomPanel-actions {
-    width: 100%;
+  width: 100%;
 }
 
 .k-sn-novisible-label,.k-sn-orphan-label {
-    color: #FFF;
-    font-size: 16px;
-    font-weight: bold;
+  color: #FFF;
+  font-size: 16px;
+  font-weight: bold;
 }
 
 .k-frame-def {
-    margin: 0px;
-    border: 0px;
+  margin: 0px;
+  border: 0px;
 }
 
 .k-maxsize {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 .k-footer-license-label {
-    float: right;
-    margin-top: 8px;
-    cursor: pointer;
-    font-weight: bold;
-    font-size: 16px;
-    color: #784421;
+  float: right;
+  margin-top: 8px;
+  cursor: pointer;
+  font-weight: bold;
+  font-size: 16px;
+  color: #784421;
 }
 
 .k-footer-license-label-title {
-    margin-right: 5px;
-    color: #280b0b;
+  margin-right: 5px;
+  color: #280b0b;
 }
 
 .k-footer-license-img {
-    float: right;
-    margin: 10px 15px 0px 5px;
-    cursor: pointer;
+  float: right;
+  margin: 10px 15px 0px 5px;
+  cursor: pointer;
 }
 
 .k-sn-options-menu {
-    float: left;
+  float: left;
 }
 
 .k-sn-options-menu button {
-    background-color: none;
+  background-color: none;
 }
 
 .k-sn-join {
-    float: left;
+  float: left;
 }
 
 .k-entitytextlogo-border {
-    border: 2px solid #F2F2F2;
+  border: 2px solid #F2F2F2;
 }
 
 .k-entitytextlogo-no-border {
-    border: none;
+  border: none;
 }
 
 .k-entitytextlogo {
-    height: 60px;
-    margin: 5px;
-    overflow: hidden;
-    width: 468px;
+  height: 60px;
+  margin: 5px;
+  overflow: hidden;
+  width: 468px;
 }
 
 .k-entitytextlogo table {
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 .k-elogo-l-l {
-    font-size: 46px;
+  font-size: 46px;
 }
 
 .k-elogo-l-m {
-    font-size: 167%;
+  font-size: 167%;
 }
 
 .k-elogo-l-s {
-    font-size: 108%;
+  font-size: 108%;
 }
 
 .k-entitytextlogo .gwt-Label {
-    font-weight: 700;
-    margin: 5px;
-    height: 27px;
+  font-weight: 700;
+  margin: 5px;
+  height: 27px;
 }
 
 .k-entitytextlogo-default .gwt-Label {
-    color: #69312F;
+  color: #69312F;
 }
 
 .k-entitytextlogo-green .gwt-Label {
-    color: #250;
+  color: #250;
 }
 
 .k-entitytextlogo-blue .gwt-Label {
-    color: #000080;
+  color: #000080;
 }
 
 .k-entitytextlogo-grey .gwt-Label {
-    color: #1A1A1A;
+  color: #1A1A1A;
 }
 
 .k-entitytextlogo-purple .gwt-Label {
-    color: #440055;
+  color: #440055;
 }
 
 .k-entitytextlogo-red .gwt-Label {
-    color: #800000;
+  color: #800000;
 }
 
 .k-elogo-plink {
-    color: #CCC;
-    font-size: 85%;
-    margin: 5px;
-    text-decoration: underline;
-    white-space: nowrap;
-    background-color: #FFF;
+  color: #CCC;
+  font-size: 85%;
+  margin: 5px;
+  text-decoration: underline;
+  white-space: nowrap;
+  background-color: #FFF;
 }
 
 .k-elogop-expand {
-    background-color: transparent;
+  background-color: transparent;
 }
 
 .k-tsp-tag {
-    float: left;
-    padding: 3px;
-    cursor: pointer;
-    color: #5B4683;
+  float: left;
+  padding: 3px;
+  cursor: pointer;
+  color: #5B4683;
 }
 
 .k-tsp-cloud {
-    line-height: 1em;
-    text-align: center;
+  line-height: 1em;
+  text-align: center;
 }
 
 .k-tool-panel {
-    background-color: #DEAA87;
+  background-color: #DEAA87;
 }
 
 .k-tool-item {
-    display: block;
-    cursor: pointer;
+  display: block;
+  cursor: pointer;
+  outline: 0 none;
 }
 
 .k-tool-item-focus {
-    background-color: #d38d5f;
+  background-color: #d38d5f;
 }
 
 .k-tool-item-nofocus {
@@ -1090,9 +1100,201 @@
 }
 
 .k-tool-item-selected {
-    background-color: #C87137;
+  background-color: #C87137;
 }
 
 .k-tool-item-notselected {
-    background-color: inherits;
-}
\ No newline at end of file
+  background-color: inherits;
+}
+
+.k-def-docbtn span {
+  font-size: 13px !important;
+}
+
+.k-empty-msg {
+  font-size: 16px;
+  font-style: italic;
+}
+
+button.k-ent-header-btn {
+  margin-left: 5px !important;
+}
+
+.k-ent-header-btn * {
+  font-size: 13px !important;
+}
+
+table.k-folder-viewer {
+  border: 5px solid #FFF;
+  border-collapse: separate;
+}
+
+/* Suggest box */
+.gwt-SuggestBox {
+  padding: 2px;
+}
+
+.gwt-SuggestBoxPopup {
+  background-color: #FFF;
+  border: 2px solid #552200;
+  padding: 3px;
+  color: white;
+  -webkit-border-bottom-right-radius: 5px;
+  -moz-border-radius-bottomright: 5px;
+  border-bottom-right-radius: 5px;
+  -webkit-border-bottom-left-radius: 5px;
+  -moz-border-radius-bottomleft: 5px;
+  border-bottom-left-radius: 5px;
+  kfilter: alpha(opacity =                             90);
+  -moz-opacity: 0.90;
+  -khtml-opacity: 0.90;
+  opacity: 0.90;
+  margin-left: 3px;
+}
+
+.gwt-SuggestBoxPopup .item {
+  padding: 2px 6px;
+  color: #424242;
+  cursor: default;
+}
+
+.gwt-SuggestBoxPopup .item-selected {
+  background: #cdcdcd;
+  cursor: pointer;
+}
+
+.gwt-SuggestBoxPopup .suggestPopupContent {
+  background: white;
+}
+
+.k-sitebarsearch {
+  border: 1px solid #E4A374;
+  margin: 1px 6px 0 3px;
+  padding-left: 1px;
+  color: #B3B3B3;
+  background: transparent;
+}
+
+.k-sitebarsearch-img {
+  cursor: pointer;
+  background: none;
+  border: 0px;
+  padding: 2px 0 0 0 !important;
+}
+
+/* end of suggestbox */
+.k-table {
+  display: table;
+}
+
+.k-table-row {
+  display: table-row;
+}
+
+.k-table-cell {
+  display: table-cell;
+}
+
+/* Decorated tabbar */
+.gwt-DecoratedTabBar {
+
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarFirst {
+  width: 5px; /* first tab distance from the left */
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarRest {
+
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem {
+  border-collapse: collapse;
+  margin-left: 6px;
+}
+
+.gwt-DecoratedTabBar .tabTopCenter {
+  padding: 0px;
+  background: #e3e3e3;
+}
+
+.gwt-DecoratedTabBar .tabTopLeft,.gwt-DecoratedTabBar .tabTopRight {
+  padding: 0px;
+  zoom: 1;
+}
+
+.gwt-DecoratedTabBar .tabTopLeftInner,.gwt-DecoratedTabBar .tabTopRightInner
+  {
+  width: 6px;
+  height: 6px;
+}
+
+.gwt-DecoratedTabBar .tabTopLeft {
+  background: url(images/corner.png) no-repeat 0px -55px;
+  -background: url(images/corner_ie6.png) no-repeat 0px -55px;
+}
+
+.gwt-DecoratedTabBar .tabTopRight {
+  background: url(images/corner.png) no-repeat -6px -55px;
+  -background: url(images/corner_ie6.png) no-repeat -6px -55px;
+}
+
+* html .gwt-DecoratedTabBar .tabTopLeftInner,* html .gwt-DecoratedTabBar .tabTopRightInner
+  {
+  width: 6px;
+  height: 6px;
+  overflow: hidden;
+}
+
+.gwt-DecoratedTabBar .tabMiddleLeft,.gwt-DecoratedTabBar .tabMiddleRight
+  {
+  width: 6px;
+  padding: 0px;
+  background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
+}
+
+.gwt-DecoratedTabBar .tabMiddleLeftInner,.gwt-DecoratedTabBar .tabMiddleRightInner
+  {
+  width: 1px;
+  height: 1px;
+}
+
+.gwt-DecoratedTabBar .tabMiddleCenter {
+  padding: 0px 4px 2px 4px;
+  cursor: pointer;
+  cursor: hand;
+  color: black;
+  font-weight: bold;
+  text-align: center;
+  background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
+  background: #747474;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
+  background-position: 0px -61px;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
+  background-position: -6px -61px;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight
+  {
+  background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
+  cursor: default;
+  background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
+  color: white;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
+  cursor: default;
+  color: #999999;
+}
+
+/* end Decorated tabbar */
\ No newline at end of file




More information about the kune-commits mailing list