All child style names (eg. .gwt-DecoratedPopupPanel .popupTopLeft) now have unique names so they do not collide when widgets are placed inside each other.  The default style sheets have been updated to reflect the changes.

Patch by: jlabanca
Review by: ecc (desk review)
Issue: 2272



git-svn-id: https://google-web-toolkit.googlecode.com/svn/trunk@2797 8db76d5a-ed1c-0410-87a9-c151d255dfc7
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase.css
index b2d9241..b2d7b72 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase.css
@@ -106,7 +106,6 @@
   background: #eeeeee;
   padding: 10px 2px;
   margin: 10px 0px;
-  font-size: medium;
 }
 
 /**
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase_rtl.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase_rtl.css
index edba36f..9ec344f 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase_rtl.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase_rtl.css
@@ -106,7 +106,6 @@
   background: #eeeeee;
   padding: 10px 2px;
   margin: 10px 0px;
-  font-size: medium;
 }
 
 /**
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase.css
index 7b2785a..b50060f 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase.css
@@ -108,7 +108,6 @@
   color: #000;
   padding: 10px 2px;
   margin: 10px 0px;
-  font-size: medium;
 }
 
 /**
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase_rtl.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase_rtl.css
index ef0290a..b335345 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase_rtl.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase_rtl.css
@@ -108,7 +108,6 @@
   color: #000;
   padding: 10px 2px;
   margin: 10px 0px;
-  font-size: medium;
 }
 
 /**
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase.css
index 1e4a587..69302dd 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase.css
@@ -106,7 +106,6 @@
   background: #eeeeee;
   padding: 10px 2px;
   margin: 10px 0px;
-  font-size: medium;
 }
 
 /**
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase_rtl.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase_rtl.css
index 186d3d0..68db7fb 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase_rtl.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase_rtl.css
@@ -106,7 +106,6 @@
   background: #eeeeee;
   padding: 10px 2px;
   margin: 10px 0px;
-  font-size: medium;
 }
 
 /**
diff --git a/user/src/com/google/gwt/user/client/ui/DecoratedPopupPanel.java b/user/src/com/google/gwt/user/client/ui/DecoratedPopupPanel.java
index ce112a7..4b0ea1a 100644
--- a/user/src/com/google/gwt/user/client/ui/DecoratedPopupPanel.java
+++ b/user/src/com/google/gwt/user/client/ui/DecoratedPopupPanel.java
@@ -27,11 +27,35 @@
  * <h3>CSS Style Rules</h3>
  * <ul class='css'>
  * <li>.gwt-DecoratedPopupPanel { the outside of the popup }</li>
- * <li>.gwt-DecoratedPopupPanel .content { the wrapper around the content }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupContent { the wrapper around the content }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupTopLeft { the top left cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupTopLeftInner { the inner element of the
+ * cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupTopCenter { the top center cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupTopCenterInner { the inner element of the
+ * cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupTopRight { the top right cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupTopRightInner { the inner element of the
+ * cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupMiddleLeft { the middle left cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupMiddleLeftInner { the inner element of
+ * the cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupMiddleCenter { the middle center cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupMiddleCenterInner { the inner element of
+ * the cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupMiddleRight { the middle right cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupMiddleRightInner { the inner element of
+ * the cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupBottomLeft { the bottom left cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupBottomLeftInner { the inner element of
+ * the cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupBottomCenter { the bottom center cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupBottomCenterInner { the inner element of
+ * the cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupBottomRight { the bottom right cell }</li>
+ * <li>.gwt-DecoratedPopupPanel .popupBottomRightInner { the inner element of
+ * the cell }</li>
  * </ul>
- * <p>
- * The styles that apply to {@link DecoratorPanel} also apply to PopupPanel.
- * </p>
  */
 public class DecoratedPopupPanel extends PopupPanel {
   private static final String DEFAULT_STYLENAME = "gwt-DecoratedPopupPanel";
@@ -39,7 +63,7 @@
   /**
    * The panel used to nine box the contents.
    */
-  private DecoratorPanel decPanel = new DecoratorPanel();
+  private DecoratorPanel decPanel;
 
   /**
    * Creates an empty decorated popup panel. A child widget must be added to it
@@ -70,12 +94,28 @@
    *          target the PopupPanel or its children should be ignored
    */
   public DecoratedPopupPanel(boolean autoHide, boolean modal) {
+    this(autoHide, modal, "popup");
+  }
+
+  /**
+   * Creates an empty decorated popup panel using the specified style names.
+   * 
+   * @param autoHide <code>true</code> if the popup should be automatically
+   *          hidden when the user clicks outside of it
+   * @param modal <code>true</code> if keyboard or mouse events that do not
+   *          target the PopupPanel or its children should be ignored
+   * @param prefix the prefix applied to child style names
+   */
+  DecoratedPopupPanel(boolean autoHide, boolean modal, String prefix) {
     super(autoHide, modal);
+    String[] rowStyles = new String[] {
+        prefix + "Top", prefix + "Middle", prefix + "Bottom"};
+    decPanel = new DecoratorPanel(rowStyles, 1);
     decPanel.setStyleName("");
     setStylePrimaryName(DEFAULT_STYLENAME);
     super.setWidget(decPanel);
-    setStyleName(getContainerElement(), "content", false);
-    setStyleName(decPanel.getContainerElement(), "content", true);
+    setStyleName(getContainerElement(), "popupContent", false);
+    setStyleName(decPanel.getContainerElement(), prefix + "Content", true);
   }
 
   @Override
diff --git a/user/src/com/google/gwt/user/client/ui/DecoratedStackPanel.java b/user/src/com/google/gwt/user/client/ui/DecoratedStackPanel.java
index ab849be..17f91be 100644
--- a/user/src/com/google/gwt/user/client/ui/DecoratedStackPanel.java
+++ b/user/src/com/google/gwt/user/client/ui/DecoratedStackPanel.java
@@ -30,18 +30,35 @@
  * <li>.gwt-DecoratedStackPanel .gwt-StackPanelItem-selected { selected items }</li>
  * <li>.gwt-DecoratedStackPanel .gwt-StackPanelContent { the wrapper around the
  * contents of the item }</li>
- * <li>.gwt-DecoratedStackPanel .topLeft { top left corner of the item}</li>
- * <li>.gwt-DecoratedStackPanel .topCenter { top center of the item}</li>
- * <li>.gwt-DecoratedStackPanel .topRight { top right corner of the item}</li>
- * <li>.gwt-DecoratedStackPanel .middleLeft { left side of the item }</li>
- * <li>.gwt-DecoratedStackPanel .middleCenter { center of the item, where the
- * item text resides }</li>
- * <li>.gwt-DecoratedStackPanel .middleRight { right side of the item }</li>
+ * <li>.gwt-DecoratedStackPanel .stackItemTopLeft { top left corner of the
+ * item}</li>
+ * <li>.gwt-DecoratedStackPanel .stackItemTopLeftInner { the inner element of
+ * the cell}</li>
+ * <li>.gwt-DecoratedStackPanel .stackItemTopCenter { top center of the item}</li>
+ * <li>.gwt-DecoratedStackPanel .stackItemTopCenterInner { the inner element of
+ * the cell}</li>
+ * <li>.gwt-DecoratedStackPanel .stackItemTopRight { top right corner of the
+ * item}</li>
+ * <li>.gwt-DecoratedStackPanel .stackItemTopRightInner { the inner element of
+ * the cell}</li>
+ * <li>.gwt-DecoratedStackPanel .stackItemMiddleLeft { left side of the item }</li>
+ * <li>.gwt-DecoratedStackPanel .stackItemMiddleLeftInner { the inner element
+ * of the cell}</li>
+ * <li>.gwt-DecoratedStackPanel .stackItemMiddleCenter { center of the item,
+ * where the item text resides }</li>
+ * <li>.gwt-DecoratedStackPanel .stackItemMiddleCenterInner { the inner element
+ * of the cell}</li>
+ * <li>.gwt-DecoratedStackPanel .stackItemMiddleRight { right side of the item }</li>
+ * <li>.gwt-DecoratedStackPanel .stackItemMiddleRightInner { the inner element
+ * of the cell}</li>
  * </ul>
  */
 public class DecoratedStackPanel extends StackPanel {
   public static final String DEFAULT_STYLENAME = "gwt-DecoratedStackPanel";
 
+  private static final String[] DEFAULT_ROW_STYLENAMES = {
+      "stackItemTop", "stackItemMiddle"};
+
   /**
    * Creates an empty decorated stack panel.
    */
@@ -60,11 +77,10 @@
     DOM.setElementPropertyInt(table, "cellSpacing", 0);
     DOM.setElementPropertyInt(table, "cellPadding", 0);
 
-    // Add the top row
-    DOM.appendChild(tbody, DecoratorPanel.createTR("top"));
-
-    // Add the middle row
-    DOM.appendChild(tbody, DecoratorPanel.createTR("middle"));
+    // Add the decorated rows
+    for (int i = 0; i < DEFAULT_ROW_STYLENAMES.length; i++) {
+      DOM.appendChild(tbody, DecoratorPanel.createTR(DEFAULT_ROW_STYLENAMES[i]));
+    }
 
     // Return the table
     return table;
diff --git a/user/src/com/google/gwt/user/client/ui/DecoratedTabBar.java b/user/src/com/google/gwt/user/client/ui/DecoratedTabBar.java
index 43acefe..c685c29 100644
--- a/user/src/com/google/gwt/user/client/ui/DecoratedTabBar.java
+++ b/user/src/com/google/gwt/user/client/ui/DecoratedTabBar.java
@@ -31,20 +31,26 @@
  * selected tabs } </li>
  * <li>.gwt-DecoratedTabBar .gwt-TabBarItem-wrapper-selected { table cell
  * around selected tab }</li>
- * <li>.gwt-DecoratedTabBar .gwt-TabBarItem .topLeft { top left corner of the
- * tab}</li>
- * <li>.gwt-DecoratedTabBar .gwt-TabBarItem .topCenter { top center of the tab}</li>
- * <li>.gwt-DecoratedTabBar .gwt-TabBarItem .topRight { top right corner of the
- * tab}</li>
- * <li>.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeft { left side of the tab }</li>
- * <li>.gwt-DecoratedTabBar .gwt-TabBarItem .middleCenter { center of the tab,
- * where the tab text or widget resides }</li>
- * <li>.gwt-DecoratedTabBar .gwt-TabBarItem .middleRight { right side of the
- * tab }</li>
+ * <li>.gwt-DecoratedTabBar .tabTopLeft { top left corner of the tab}</li>
+ * <li>.gwt-DecoratedTabBar .tabTopLeftInner { the inner element of the cell}</li>
+ * <li>.gwt-DecoratedTabBar .tabTopCenter { top center of the tab}</li>
+ * <li>.gwt-DecoratedTabBar .tabTopCenterInner { the inner element of the cell}</li>
+ * <li>.gwt-DecoratedTabBar .tabTopRight { top right corner of the tab}</li>
+ * <li>.gwt-DecoratedTabBar .tabTopRightInner { the inner element of the cell}</li>
+ * <li>.gwt-DecoratedTabBar .tabMiddleLeft { left side of the tab }</li>
+ * <li>.gwt-DecoratedTabBar .tabMiddleLeftInner { the inner element of the
+ * cell}</li>
+ * <li>.gwt-DecoratedTabBar .tabMiddleCenter { center of the tab, where the tab
+ * text or widget resides }</li>
+ * <li>.gwt-DecoratedTabBar .tabMiddleCenterInner { the inner element of the
+ * cell}</li>
+ * <li>.gwt-DecoratedTabBar .tabMiddleRight { right side of the tab }</li>
+ * <li>.gwt-DecoratedTabBar .tabMiddleRightInner { the inner element of the
+ * cell}</li>
  * </ul>
  */
 public class DecoratedTabBar extends TabBar {
-  static String[] TAB_ROW_STYLES = {"top", "middle"};
+  static String[] TAB_ROW_STYLES = {"tabTop", "tabMiddle"};
 
   static final String STYLENAME_DEFAULT = "gwt-DecoratedTabBar";
 
diff --git a/user/src/com/google/gwt/user/client/ui/DialogBox.java b/user/src/com/google/gwt/user/client/ui/DialogBox.java
index a3d8b4d..9c88d71 100644
--- a/user/src/com/google/gwt/user/client/ui/DialogBox.java
+++ b/user/src/com/google/gwt/user/client/ui/DialogBox.java
@@ -31,12 +31,29 @@
  * <ul class='css'>
  * <li>.gwt-DialogBox { the outside of the dialog }</li>
  * <li>.gwt-DialogBox .Caption { the caption }</li>
- * <li>.gwt-DialogBox .content { the content }</li>
+ * <li>.gwt-DialogBox .dialogContent { the wrapepr around the content }</li>
+ * <li>.gwt-DialogBox .dialogTopLeft { the top left cell }</li>
+ * <li>.gwt-DialogBox .dialogTopLeftInner { the inner element of the cell }</li>
+ * <li>.gwt-DialogBox .dialogTopCenter { the top center cell, where the caption
+ * is located }</li>
+ * <li>.gwt-DialogBox .dialogTopCenterInner { the inner element of the cell }</li>
+ * <li>.gwt-DialogBox .dialogTopRight { the top right cell }</li>
+ * <li>.gwt-DialogBox .dialogTopRightInner { the inner element of the cell }</li>
+ * <li>.gwt-DialogBox .dialogMiddleLeft { the middle left cell }</li>
+ * <li>.gwt-DialogBox .dialogMiddleLeftInner { the inner element of the cell }</li>
+ * <li>.gwt-DialogBox .dialogMiddleCenter { the middle center cell, where the
+ * content is located }</li>
+ * <li>.gwt-DialogBox .dialogMiddleCenterInner { the inner element of the cell }</li>
+ * <li>.gwt-DialogBox .dialogMiddleRight { the middle right cell }</li>
+ * <li>.gwt-DialogBox .dialogMiddleRightInner { the inner element of the cell }</li>
+ * <li>.gwt-DialogBox .dialogBottomLeft { the bottom left cell }</li>
+ * <li>.gwt-DialogBox .dialogBottomLeftInner { the inner element of the cell }</li>
+ * <li>.gwt-DialogBox .dialogBottomCenter { the bottom center cell }</li>
+ * <li>.gwt-DialogBox .dialogBottomCenterInner { the inner element of the cell }</li>
+ * <li>.gwt-DialogBox .dialogBottomRight { the bottom right cell }</li>
+ * <li>.gwt-DialogBox .dialogBottomRightInner { the inner element of the cell }</li>
  * </ul>
  * <p>
- * The styles that apply to {@link DecoratorPanel} also apply to DialogBox.
- * </p>
- * <p>
  * <h3>Example</h3>
  * {@example com.google.gwt.examples.DialogBoxExample}
  * </p>
@@ -47,7 +64,7 @@
    * The default style name.
    */
   private static final String DEFAULT_STYLENAME = "gwt-DialogBox";
-  
+
   private HTML caption = new HTML();
   private boolean dragging;
   private int dragStartX, dragStartY;
@@ -83,10 +100,10 @@
    *          not contained by the dialog should be ignored
    */
   public DialogBox(boolean autoHide, boolean modal) {
-    super(autoHide, modal);
+    super(autoHide, modal, "dialog");
 
-    // Add the caption to the top row of the decorator panel.  We need to
-    // logically adopt the caption so we can catch mouse events. 
+    // Add the caption to the top row of the decorator panel. We need to
+    // logically adopt the caption so we can catch mouse events.
     Element td = getCellElement(0, 1);
     DOM.appendChild(td, caption.getElement());
     adopt(caption);
@@ -168,11 +185,11 @@
   public void setText(String text) {
     caption.setText(text);
   }
-  
+
   @Override
   protected void doAttachChildren() {
     super.doAttachChildren();
-    
+
     // See comment in doDetachChildren for an explanation of this call
     caption.onAttach();
   }
@@ -180,7 +197,7 @@
   @Override
   protected void doDetachChildren() {
     super.doDetachChildren();
-    
+
     // We need to detach the caption specifically because it is not part of the
     // iterator of Widgets that the {@link SimplePanel} super class returns.
     // This is similar to a {@link ComplexPanel}, but we do not want to expose
diff --git a/user/src/com/google/gwt/user/client/ui/Frame.java b/user/src/com/google/gwt/user/client/ui/Frame.java
index d329864..9a0994a 100644
--- a/user/src/com/google/gwt/user/client/ui/Frame.java
+++ b/user/src/com/google/gwt/user/client/ui/Frame.java
@@ -25,11 +25,6 @@
  * browser history items generated by the Frame will interleave with your
  * application's history.</p>
  * 
- * <h3>CSS Style Rules</h3>
- * <ul class='css'>
- * <li>.gwt-Frame { }</li>
- * </ul>
- * 
  * <p>
  * <h3>Example</h3> {@example com.google.gwt.examples.FrameExample}
  * </p>
diff --git a/user/src/com/google/gwt/user/client/ui/MenuBar.java b/user/src/com/google/gwt/user/client/ui/MenuBar.java
index 5e55a79..a668c9e 100644
--- a/user/src/com/google/gwt/user/client/ui/MenuBar.java
+++ b/user/src/com/google/gwt/user/client/ui/MenuBar.java
@@ -46,8 +46,26 @@
  * <li>.gwt-MenuBar .gwt-MenuItem-selected { selected menu items }</li>
  * <li>.gwt-MenuBar .gwt-MenuItemSeparator { section breaks between menu items }
  * </li>
- * <li>.gwt-MenuBar .gwt-MenuItemSeparator .content { inner component of
+ * <li>.gwt-MenuBar .gwt-MenuItemSeparator .menuSeparatorInner { inner component of
  * section separators } </li>
+ * <li>.gwt-MenuBar .menuPopupTopLeft { the top left cell }</li>
+ * <li>.gwt-MenuBar .menuPopupTopLeftInner { the inner element of the cell }</li>
+ * <li>.gwt-MenuBar .menuPopupTopCenter { the top center cell }</li>
+ * <li>.gwt-MenuBar .menuPopupTopCenterInner { the inner element of the cell }</li>
+ * <li>.gwt-MenuBar .menuPopupTopRight { the top right cell }</li>
+ * <li>.gwt-MenuBar .menuPopupTopRightInner { the inner element of the cell }</li>
+ * <li>.gwt-MenuBar .menuPopupMiddleLeft { the middle left cell }</li>
+ * <li>.gwt-MenuBar .menuPopupMiddleLeftInner { the inner element of the cell }</li>
+ * <li>.gwt-MenuBar .menuPopupMiddleCenter { the middle center cell }</li>
+ * <li>.gwt-MenuBar .menuPopupMiddleCenterInner { the inner element of the cell }</li>
+ * <li>.gwt-MenuBar .menuPopupMiddleRight { the middle right cell }</li>
+ * <li>.gwt-MenuBar .menuPopupMiddleRightInner { the inner element of the cell }</li>
+ * <li>.gwt-MenuBar .menuPopupBottomLeft { the bottom left cell }</li>
+ * <li>.gwt-MenuBar .menuPopupBottomLeftInner { the inner element of the cell }</li>
+ * <li>.gwt-MenuBar .menuPopupBottomCenter { the bottom center cell }</li>
+ * <li>.gwt-MenuBar .menuPopupBottomCenterInner { the inner element of the cell }</li>
+ * <li>.gwt-MenuBar .menuPopupBottomRight { the bottom right cell }</li>
+ * <li>.gwt-MenuBar .menuPopupBottomRightInner { the inner element of the cell }</li>
  * </ul>
  * 
  * <p>
@@ -517,7 +535,7 @@
     // Create a new popup for this item, and position it next to
     // the item (below if this is a horizontal menu bar, to the
     // right if it's a vertical bar).
-    popup = new DecoratedPopupPanel(true) {
+    popup = new DecoratedPopupPanel(true, false, "menuPopup") {
       {
         setWidget(item.getSubMenu());
         item.getSubMenu().onShow();
diff --git a/user/src/com/google/gwt/user/client/ui/MenuItemSeparator.java b/user/src/com/google/gwt/user/client/ui/MenuItemSeparator.java
index 5d0bd89..b6a49f0 100644
--- a/user/src/com/google/gwt/user/client/ui/MenuItemSeparator.java
+++ b/user/src/com/google/gwt/user/client/ui/MenuItemSeparator.java
@@ -38,7 +38,7 @@
     // Add an inner element for styling purposes
     Element div = DOM.createDiv();
     DOM.appendChild(getElement(), div);
-    setStyleName(div, "content");
+    setStyleName(div, "menuSeparatorInner");
   }
 
   /**
diff --git a/user/src/com/google/gwt/user/client/ui/PopupPanel.java b/user/src/com/google/gwt/user/client/ui/PopupPanel.java
index d223f64..eefc1b1 100644
--- a/user/src/com/google/gwt/user/client/ui/PopupPanel.java
+++ b/user/src/com/google/gwt/user/client/ui/PopupPanel.java
@@ -43,7 +43,7 @@
  * <h3>CSS Style Rules</h3>
  * <ul class='css'>
  * <li>.gwt-PopupPanel { the outside of the popup }</li>
- * <li>.gwt-PopupPanel .content { the wrapper around the content }</li>
+ * <li>.gwt-PopupPanel .popupContent { the wrapper around the content }</li>
  * </ul>
  */
 public class PopupPanel extends SimplePanel implements SourcesPopupEvents,
@@ -269,7 +269,7 @@
     // an undefined location if it is shown before its position is set.
     setPopupPosition(0, 0);
     setStyleName(DEFAULT_STYLENAME);
-    setStyleName(getContainerElement(), "content");
+    setStyleName(getContainerElement(), "popupContent");
   }
 
   /**
diff --git a/user/src/com/google/gwt/user/client/ui/SuggestBox.java b/user/src/com/google/gwt/user/client/ui/SuggestBox.java
index 9a4c338..fca4e5f 100644
--- a/user/src/com/google/gwt/user/client/ui/SuggestBox.java
+++ b/user/src/com/google/gwt/user/client/ui/SuggestBox.java
@@ -81,6 +81,33 @@
  * <li>.gwt-SuggestBoxPopup { the suggestion popup }</li>
  * <li>.gwt-SuggestBoxPopup .item { an unselected suggestion }</li>
  * <li>.gwt-SuggestBoxPopup .item-selected { a selected suggestion }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupTopLeft { the top left cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupTopLeftInner { the inner element of
+ * the cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupTopCenter { the top center cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupTopCenterInner { the inner element of
+ * the cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupTopRight { the top right cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupTopRightInner { the inner element of
+ * the cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupMiddleLeft { the middle left cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupMiddleLeftInner { the inner element of
+ * the cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupMiddleCenter { the middle center cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupMiddleCenterInner { the inner element
+ * of the cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupMiddleRight { the middle right cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupMiddleRightInner { the inner element
+ * of the cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupBottomLeft { the bottom left cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner { the inner element of
+ * the cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupBottomCenter { the bottom center cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupBottomCenterInner { the inner element
+ * of the cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupBottomRight { the bottom right cell }</li>
+ * <li>.gwt-SuggestBoxPopup .suggestPopupBottomRightInner { the inner element
+ * of the cell }</li>
  * </ul>
  * 
  * @see SuggestOracle
@@ -160,6 +187,7 @@
    */
   private static class SuggestionMenuItem extends MenuItem {
 
+    @SuppressWarnings("hiding")
     private static final String STYLENAME_DEFAULT = "item";
 
     private Suggestion suggestion;
@@ -197,10 +225,11 @@
    */
   private class SuggestionPopup extends DecoratedPopupPanel {
 
+    @SuppressWarnings("hiding")
     private static final String STYLENAME_DEFAULT = "gwt-SuggestBoxPopup";
 
     public SuggestionPopup() {
-      super(true);
+      super(true, false, "suggestPopup");
       setWidget(suggestionMenu);
       setStyleName(STYLENAME_DEFAULT);
     }
diff --git a/user/src/com/google/gwt/user/public/chrome/GWT.css b/user/src/com/google/gwt/user/public/chrome/GWT.css
index 7247dfa..429dd6b 100644
--- a/user/src/com/google/gwt/user/public/chrome/GWT.css
+++ b/user/src/com/google/gwt/user/public/chrome/GWT.css
@@ -14,32 +14,21 @@
  * so we need to use the AlphaImageLoader in IE6 only.
  */
 
-/**
- * Applied to the entire page.
- */
-body,td,a,div,.p {
-  font-family:arial,sans-serif
+body, table td, a, div, .p, pre {
+  font-family: Arial, sans-serif;
+  font-size: small;
 }
-
 body {
   color: black;
-  font-family: Helvetica, Arial, sans-serif;
-  font-size: small;
   margin: 0px;
   border: 0px;
   padding: 0px;
   background: #fff;
   direction: ltr;
 }
-
-table td, pre {
-  font-size: small;
-}
-
 a, a:visited, a:hover {
   color: #0000AA;
 }
-
 iframe {
   border-top: 2px solid #666;
   border-left: 2px solid #666;
@@ -47,50 +36,38 @@
   border-bottom: 2px solid #bbb;
 }
 
-/**
- * Applied to buttons.
- */
 .gwt-Button {
   margin: 0;
-  padding: .3em 5px;
-  font-family:Arial, sans-serif;
+  padding: 3px 5px;
   text-decoration: none;
+  font-size: small;
   cursor: pointer;
   cursor: hand;
   background: url("images/hborder.png") repeat-x 0px -27px;
   border: 1px outset #ccc;
 }
-
 .gwt-Button:active {
   border: 1px inset #ccc;
 }
-
 .gwt-Button:hover {
   border-color: #9cf #69e #69e #7af;
 }
-
 .gwt-Button[disabled] {
   cursor: default;
   color: #888;
 }
-
 .gwt-Button[disabled]:hover {
   border: 1px outset #ccc;
 }
 
-/**
- * Applied to the checkbox and text next to the checkbox.
- */
 .gwt-CheckBox {
 }
-
 .gwt-CheckBox-disabled {
   color: #888;
 }
 
-/**
- * Applied to the decorator panel.
- */
+.gwt-DecoratorPanel {
+}
 .gwt-DecoratorPanel .topCenter,
 .gwt-DecoratorPanel .bottomCenter {
   background: url(images/hborder.png) repeat-x;
@@ -149,9 +126,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the dialog box.
- */
 .gwt-DialogBox .Caption {
   background: #ebebeb url(images/hborder.png) repeat-x 0px -2003px;
   padding: 4px 4px 4px 8px;
@@ -159,69 +133,75 @@
   border-bottom: 1px solid #bbbbbb;
   border-top: 5px solid #e3e3e3;
 }
-.gwt-DialogBox .content {
+.gwt-DialogBox .dialogContent {
 }
-.gwt-DialogBox .middleCenter {
+.gwt-DialogBox .dialogMiddleCenter {
   padding: 3px;
   background: white;
 }
-html>body .gwt-DialogBox .bottomCenter {
+html>body .gwt-DialogBox .dialogBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-DialogBox .bottomCenter {
+* html .gwt-DialogBox .dialogBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DialogBox .middleLeft {
+.gwt-DialogBox .dialogMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-DialogBox .middleRight {
+html>body .gwt-DialogBox .dialogMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-DialogBox .middleRight {
+* html .gwt-DialogBox .dialogMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DialogBox .topLeft,
-.gwt-DialogBox .topRight,
-.gwt-DialogBox .bottomLeft,
-.gwt-DialogBox .bottomRight {
+.gwt-DialogBox .dialogTopLeftInner {
+  width: 5px;
   zoom: 1;
 }
-html>body .gwt-DialogBox .topLeft {
+.gwt-DialogBox .dialogTopRightInner {
+  width: 8px;
+  zoom: 1;
+}
+.gwt-DialogBox .dialogBottomLeftInner {
   width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-DialogBox .dialogBottomRightInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-DialogBox .dialogTopLeft {
   background: url(images/corner.png) no-repeat -13px 0px;
 }
-html>body .gwt-DialogBox .topRight {
-  width: 8px;
+html>body .gwt-DialogBox .dialogTopRight {
   background: url(images/corner.png) no-repeat -18px 0px;
 }
-html>body .gwt-DialogBox .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-DialogBox .dialogBottomLeft {
   background: url(images/corner.png) no-repeat 0px -15px;
 }
-html>body .gwt-DialogBox .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-DialogBox .dialogBottomRight {
   background: url(images/corner.png) no-repeat -5px -15px;
 }
-* html .gwt-DialogBox .topLeft {
+* html .gwt-DialogBox .dialogTopLeft {
   width: 5px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .topRight {
+* html .gwt-DialogBox .dialogTopRight {
   width: 8px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/corner_dialog_topright.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .bottomLeftInner {
+* html .gwt-DialogBox .dialogBottomLeftInner {
   width: 5px;
   height: 23px;
   margin-top: -15px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .bottomRightInner {
+* html .gwt-DialogBox .dialogBottomRightInner {
   width: 13px;
   height: 23px;
   margin-left: -5px;
@@ -230,42 +210,29 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the disclosure panel, which shows or hides content when the user
- * toggles the header.
- */
 .gwt-DisclosurePanel {
 }
-
-.gwt-DisclosurePanel a {
-  text-decoration: none;  /* Remove underline from header */ 
-}
-
 .gwt-DisclosurePanel-open {
 }
-
 .gwt-DisclosurePanel-closed {
 }
-
-.gwt-DisclosurePanel .header {
-  color: black;
+.gwt-DisclosurePanel .header,
+.gwt-DisclosurePanel .header a,
+.gwt-DisclosurePanel .header td {
+  text-decoration: none;  /* Remove underline from header */
+  color: black; 
+  cursor: pointer;
+  cursor: hand;
 }
-
 .gwt-DisclosurePanel .content {
   border-left: 3px solid #e3e3e3;
   padding: 4px 0px 4px 8px;
   margin-left: 6px;
 }
 
-/**
- * Applied to the File Upload.
- */
 .gwt-FileUpload {
 }
 
-/**
- * Applied to split panels.
- */
 .gwt-HorizontalSplitPanel {
 }
 .gwt-HorizontalSplitPanel .hsplitter {
@@ -281,63 +248,40 @@
   background: #91c0ef url(images/hborder.png) repeat-x;
 }
 
-/**
- * Applied to all HTML label elements.
- */
 .gwt-HTML {
 }
 
-/**
- * Applied to all Hyperlinks.
- */
 .gwt-Hyperlink {
 }
 
-/**
- * Applied to all Images
- */
 .gwt-Image {
 }
 
-/**
- * Applied to all Label elements.
- */
 .gwt-Label {
 }
 
-/**
- * Applied to list boxes.
- */
 .gwt-ListBox {
 }
 
-/**
- * Applied to the menu bar.
- */
 .gwt-MenuBar {
   cursor: default;
 }
-
 .gwt-MenuBar .gwt-MenuItem {
   cursor: default;
 }
-
 .gwt-MenuBar .gwt-MenuItem-selected {
   background: #cdcdcd;
 }
-
 .gwt-MenuBar-horizontal {
   background: #ebebeb url(images/hborder.png) repeat-x 0px -2003px;
   border: 1px solid #BBBBBB;
 }
-
 .gwt-MenuBar-horizontal .gwt-MenuItem {
   padding: 0px 10px;
   vertical-align: bottom;
   color: #666666;
   font-weight: bold;
 }
-
 .gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
   width: 1px;
   padding: 0px;
@@ -346,31 +290,25 @@
   border-left: 1px solid #888888;
   background: white;
 }
-
-.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .content {
+.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
   width: 1px;
   background: white; 
 }
-
 .gwt-MenuBar-vertical {
   margin-top: 0px;
   margin-left: 0px;
   background: white;
 }
-
 .gwt-MenuBar-vertical table {
   border-collapse: collapse;
 }
-
 .gwt-MenuBar-vertical .gwt-MenuItem {
   padding: 4px 14px 4px 1px;
 }
-
 .gwt-MenuBar-vertical .gwt-MenuItemSeparator {
   padding: 2px 0px;
 }
-
-.gwt-MenuBar-vertical .gwt-MenuItemSeparator .content {
+.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
   height: 1px;
   padding: 0px;
   border: 0px;
@@ -387,52 +325,64 @@
 .gwt-MenuBarPopup {
   margin: 0px 0px 0px 3px;
 }
-.gwt-MenuBarPopup .topCenter {
+.gwt-MenuBarPopup .menuPopupTopCenter {
   background: url(images/hborder.png) 0px -12px repeat-x;
 }
-html>body .gwt-MenuBarPopup .bottomCenter {
+html>body .gwt-MenuBarPopup .menuPopupBottomCenter {
   background: url(images/hborder.png) 0px -13px repeat-x;
 }
-* html .gwt-MenuBarPopup .bottomCenter {
+* html .gwt-MenuBarPopup .menuPopupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
 }
-.gwt-MenuBarPopup .middleLeft {
+.gwt-MenuBarPopup .menuPopupMiddleLeft {
   background: url(images/vborder.png) -12px 0px repeat-y;
 }
-html>body .gwt-MenuBarPopup .middleRight {
+html>body .gwt-MenuBarPopup .menuPopupMiddleRight {
   background: url(images/vborder.png) -13px 0px repeat-y;
 }
-* html .gwt-MenuBarPopup .middleRight {
+* html .gwt-MenuBarPopup .menuPopupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
 }
-html>body .gwt-MenuBarPopup .topLeft {
+.gwt-MenuBarPopup .menuPopupTopLeftInner {
   width: 5px;
   height: 5px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupTopRightInner {
+  width: 8px;
+  height: 5px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-MenuBarPopup .menuPopupTopLeft {
   background: url(images/corner.png) no-repeat 0px -36px;
 }
-html>body .gwt-MenuBarPopup .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-MenuBarPopup .menuPopupTopRight {
   background: url(images/corner.png) no-repeat -5px -36px;
 }
-html>body .gwt-MenuBarPopup .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-MenuBarPopup .menuPopupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -41px;
 }
-html>body .gwt-MenuBarPopup .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-MenuBarPopup .menuPopupBottomRight {
   background: url(images/corner.png) no-repeat -5px -41px;
 }
-* html .gwt-MenuBarPopup .topLeftInner {
+* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
   width: 5px;
   height: 41px;
   margin-top: -36px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .topRightInner {
+* html .gwt-MenuBarPopup .menuPopupTopRightInner {
   width: 13px;
   height: 41px;
   margin-left: -5px;
@@ -440,14 +390,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .bottomLeftInner {
+* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
   width: 5px;
   height: 49px;
   margin-top: -41px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .bottomRightInner {
+* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
   width: 13px;
   height: 49px;
   margin-left: -5px;
@@ -456,9 +406,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the password input box.
- */
 .gwt-PasswordTextBox {
   padding: 2px;
 }
@@ -466,76 +413,76 @@
   color: #888;
 }
 
-/**
- * Applied to PopupPanel.
- */
 .gwt-PopupPanel {
   border: 3px solid #e3e3e3;
   padding: 3px;
   background: white;
 }
 
-/**
- * Applied to the DecoratedPopupPanel.
- */
-.gwt-DecoratedPopupPanel .content {
+.gwt-DecoratedPopupPanel .popupContent {
 }
-.gwt-DecoratedPopupPanel .middleCenter {
+.gwt-DecoratedPopupPanel .popupMiddleCenter {
   padding: 3px;
   background: white;
 }
-.gwt-DecoratedPopupPanel .topCenter {
+.gwt-DecoratedPopupPanel .popupTopCenter {
   background: url(images/hborder.png) repeat-x;
 }
-html>body .gwt-DecoratedPopupPanel .bottomCenter {
+html>body .gwt-DecoratedPopupPanel .popupBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-DecoratedPopupPanel .bottomCenter {
+* html .gwt-DecoratedPopupPanel .popupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DecoratedPopupPanel .middleLeft {
+.gwt-DecoratedPopupPanel .popupMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-DecoratedPopupPanel .middleRight {
+html>body .gwt-DecoratedPopupPanel .popupMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-DecoratedPopupPanel .middleRight {
+* html .gwt-DecoratedPopupPanel .popupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DecoratedPopupPanel .topLeft,
-.gwt-DecoratedPopupPanel .topRight,
-.gwt-DecoratedPopupPanel .bottomLeft,
-.gwt-DecoratedPopupPanel .bottomRight {
+.gwt-DecoratedPopupPanel .popupTopLeftInner {
+  width: 5px;
+  height: 5px;
   zoom: 1;
 }
-html>body .gwt-DecoratedPopupPanel .topLeft {
-  width: 5px;
+.gwt-DecoratedPopupPanel .popupTopRightInner {
+  width: 8px;
   height: 5px;
+  zoom: 1;
+}
+.gwt-DecoratedPopupPanel .popupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-DecoratedPopupPanel .popupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-DecoratedPopupPanel .popupTopLeft {
   background: url(images/corner.png) no-repeat 0px -10px;
 }
-html>body .gwt-DecoratedPopupPanel .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-DecoratedPopupPanel .popupTopRight {
   background: url(images/corner.png) no-repeat -5px -10px;
 }
-html>body .gwt-DecoratedPopupPanel .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-DecoratedPopupPanel .popupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -15px;
 }
-html>body .gwt-DecoratedPopupPanel .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-DecoratedPopupPanel .popupBottomRight {
   background: url(images/corner.png) no-repeat -5px -15px;
 }
-* html .gwt-DecoratedPopupPanel .topLeftInner {
+* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
   width: 5px;
   height: 15px;
   margin-top: -10px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .topRightInner {
+* html .gwt-DecoratedPopupPanel .popupTopRightInner {
   width: 13px;
   height: 15px;
   margin-left: -5px;
@@ -543,14 +490,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .bottomLeftInner {
+* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
   width: 5px;
   height: 23px;
   margin-top: -15px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .bottomRightInner {
+* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
   width: 13px;
   height: 23px;
   margin-left: -5px;
@@ -559,10 +506,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the push button, a customizable button that can be pressed
- * and released.
- */
 .gwt-PushButton-up,
 .gwt-PushButton-up-hovering,
 .gwt-PushButton-up-disabled,
@@ -571,7 +514,6 @@
 .gwt-PushButton-down-disabled {
   margin: 0;
   padding: 3px 5px;
-  font-family:Arial, sans-serif;
   text-decoration: none;
   background: url("images/hborder.png") repeat-x 0px -27px;
 }
@@ -612,83 +554,66 @@
   zoom: 1;
 }
 
-/**
- * Applied to radio buttons and the text next to them.
- */
 .gwt-RadioButton {
   padding: 4px 4px 3px 3px;
 }
-
 .gwt-RadioButton-disabled {
   color: #888;
 }
 
-/**
- * Applied to the Rich Text Area.
- */
 .gwt-RichTextArea {
 }
-
 .hasRichTextToolbar {
   border: 0px;
 }
-
 .gwt-RichTextToolbar {
   background: #ebebeb url(images/hborder.png) repeat-x 0px -2003px;
   border-bottom: 1px solid #BBBBBB;
   padding: 3px;
   margin: 0px;
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-up {
   padding: 0px 1px 0px 0px;
   margin-right: 4px;
   margin-bottom: 4px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-up-hovering {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-down {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-up {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-down {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
   margin-right: 4px;
   margin-bottom: 4px;
@@ -696,9 +621,6 @@
   border-width: 1px;
 }
 
-/**
- * Applied to StackPanel.
- */
 .gwt-StackPanel {
   border-bottom: 1px solid #bbbbbb;
 }
@@ -719,9 +641,6 @@
   padding: 2px 2px 10px 5px;
 }
 
-/**
- * Applied to DecoratedStackPanel.
- */
 .gwt-DecoratedStackPanel {
   border-bottom: 1px solid #bbbbbb;
 }
@@ -735,26 +654,26 @@
   cursor: pointer;
   cursor: hand;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight {
+.gwt-DecoratedStackPanel .stackItemTopLeft,
+.gwt-DecoratedStackPanel .stackItemTopRight {
   height: 6px;
   width: 6px;
   zoom: 1;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft {
+html>body .gwt-DecoratedStackPanel .stackItemTopLeft {
   background: #e4e4e4 url(images/corner.png) no-repeat 0px -49px;
   border-left: 1px solid #bbbbbb;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight {
+html>body .gwt-DecoratedStackPanel .stackItemTopRight {
   background: #e4e4e4 url(images/corner.png) no-repeat -6px -49px;
   border-right: 1px solid #bbbbbb;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner {
+.gwt-DecoratedStackPanel .stackItemTopLeftInner,
+.gwt-DecoratedStackPanel .stackItemTopRightInner {
   width: 1px;
   height: 1px;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner {
+* html .gwt-DecoratedStackPanel .stackItemTopLeftInner {
   width: 6px;
   height: 55px;
   margin-top: -49px;
@@ -763,7 +682,7 @@
   background-color: #d3def6;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner {
+* html .gwt-DecoratedStackPanel .stackItemTopRightInner {
   width: 12px;
   height: 55px;
   margin-top: -49px;
@@ -773,52 +692,49 @@
   background-color: #d3def6;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topCenter {
+.gwt-DecoratedStackPanel .stackItemTopCenter {
   background: url(images/hborder.png) 0px -21px repeat-x;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeft {
+.gwt-DecoratedStackPanel .stackItemMiddleLeft {
   background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
   border-left: 1px solid #bbbbbb;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeftInner,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRightInner {
+.gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
+.gwt-DecoratedStackPanel .stackItemMiddleRightInner {
   width: 1px;
   height: 1px;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRight {
+.gwt-DecoratedStackPanel .stackItemMiddleRight {
   background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
   border-right: 1px solid #bbbbbb;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleCenter {
+.gwt-DecoratedStackPanel .stackItemMiddleCenter {
   font-weight: bold;
   font-size: 1.3em;
   background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRight,
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeft {
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
   border: 0px;
   background-color: white;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeft,
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRight {
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
   background-color: white;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner,
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRightInner {
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeftInner,
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRightInner {
   border: 0px;
   background-color: white;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner {
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeftInner {
   padding-left: 1px;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeftInner,
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRightInner {
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeftInner,
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRightInner {
   background-color: white;
 }
 
-/**
- * Applied to the suggest box.
- */
 .gwt-SuggestBox {
   padding: 2px;
 }
@@ -833,55 +749,67 @@
 .gwt-SuggestBoxPopup .item-selected {
   background: #cdcdcd;
 }
-.gwt-SuggestBoxPopup .middleCenter {
+.gwt-SuggestBoxPopup .suggestPopupContent {
   background: white;
 }
-.gwt-SuggestBoxPopup .topCenter {
+.gwt-SuggestBoxPopup .suggestPopupTopCenter {
   background: url(images/hborder.png) repeat-x;
 }
-html>body .gwt-SuggestBoxPopup .bottomCenter {
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-SuggestBoxPopup .bottomCenter {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-SuggestBoxPopup .middleLeft {
+.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-SuggestBoxPopup .middleRight {
+html>body .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-SuggestBoxPopup .middleRight {
+* html .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
 }
-html>body .gwt-SuggestBoxPopup .topLeft {
+.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
   width: 5px;
   height: 5px;
+  zoom: 1;  
+}
+.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
+  width: 8px;
+  height: 5px;
+  zoom: 1;
+}
+.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-SuggestBoxPopup .suggestPopupTopLeft {
   background: url(images/corner.png) no-repeat 0px -23px;
 }
-html>body .gwt-SuggestBoxPopup .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-SuggestBoxPopup .suggestPopupTopRight {
   background: url(images/corner.png) no-repeat -5px -23px;
 }
-html>body .gwt-SuggestBoxPopup .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -28px;
 }
-html>body .gwt-SuggestBoxPopup .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomRight {
   background: url(images/corner.png) no-repeat -5px -28px;
 }
-* html .gwt-SuggestBoxPopup .topLeftInner {
+* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
   width: 5px;
   height: 28px;
   margin-top: -23px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .topRightInner {
+* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
   width: 13px;
   height: 28px;
   margin-left: -5px;
@@ -889,14 +817,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .bottomLeftInner {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
   width: 5px;
   height: 36px;
   margin-top: -28px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .bottomRightInner {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
   width: 13px;
   height: 36px;
   margin-left: -5px;
@@ -905,9 +833,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to TabPanel.
- */
 .gwt-TabBar {
 }
 .gwt-TabBar .gwt-TabBarFirst {
@@ -929,7 +854,6 @@
   cursor: default;
   background: #bcbcbc;
 } 
-
 .gwt-TabPanel {
 }
 .gwt-TabPanelBottom {
@@ -940,9 +864,6 @@
   padding: 6px;
 }
 
-/**
- * Applied to DecoratedTabPanel.
- */ 
 .gwt-DecoratedTabBar {
 }
 .gwt-DecoratedTabBar .gwt-TabBarFirst {
@@ -954,34 +875,34 @@
   border-collapse: collapse;
   margin-left: 6px;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .topCenter {
+.gwt-DecoratedTabBar .tabTopCenter {
   padding: 0px;
   background: #e3e3e3;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .topLeft,
-.gwt-DecoratedTabBar .gwt-TabBarItem .topRight {
+.gwt-DecoratedTabBar .tabTopLeft,
+.gwt-DecoratedTabBar .tabTopRight {
   padding: 0px;
   zoom: 1;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner,
-.gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner {
+.gwt-DecoratedTabBar .tabTopLeftInner,
+.gwt-DecoratedTabBar .tabTopRightInner {
   width: 6px;
   height: 6px;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topLeft {
+html>body .gwt-DecoratedTabBar .tabTopLeft {
   background: url(images/corner.png) no-repeat 0px -55px;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topRight {
+html>body .gwt-DecoratedTabBar .tabTopRight {
   background: url(images/corner.png) no-repeat -6px -55px;
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner {
+* html .gwt-DecoratedTabBar .tabTopLeftInner {
   width: 5px;
   height: 61px;
   margin-top: -55px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner {
+* html .gwt-DecoratedTabBar .tabTopRightInner {
   width: 12px;
   height: 61px;
   margin-top: -55px;
@@ -989,18 +910,18 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeft,
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleRight {
+.gwt-DecoratedTabBar .tabMiddleLeft,
+.gwt-DecoratedTabBar .tabMiddleRight {
   width: 6px;
   padding: 0px;
   background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeftInner,
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleRightInner {
+.gwt-DecoratedTabBar .tabMiddleLeftInner,
+.gwt-DecoratedTabBar .tabMiddleRightInner {
   width: 1px;
   height: 1px;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleCenter {
+.gwt-DecoratedTabBar .tabMiddleCenter {
   padding: 0px 4px 2px 4px;
   cursor: pointer;
   cursor: hand;
@@ -1009,23 +930,23 @@
   text-align: center;
   background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .topCenter {
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
   background: #747474;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeft {
+html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
   background-position: 0px -61px;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRight {
+html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
   background-position: -6px -61px;
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeftInner {
+* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeftInner {
   width: 5px;
   height: 67px;
   margin-top: -61px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRightInner {
+* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRightInner {
   width: 12px;
   height: 67px;
   margin-top: -61px;
@@ -1033,42 +954,30 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleLeft,
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleRight {
+.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 .middleCenter {
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
   cursor: default;
   background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
   color: white;
 }
 
-/**
- * Applied to general text areas.
- */
 .gwt-TextArea {
   padding: 2px;
 }
-
 .gwt-TextArea-readonly {
   color: #888;
 }
 
-/**
- * Applied to text boxes.
- */
 .gwt-TextBox {
   padding: 2px;
 }
-
 .gwt-TextBox-readonly {
   color: #888;
 }
 
-/**
- * Applied to toggle buttons, a customizable button that can be toggled
- * between two states (similar to a checkbox).
- */
 .gwt-ToggleButton-up,
 .gwt-ToggleButton-up-hovering,
 .gwt-ToggleButton-up-disabled,
@@ -1077,7 +986,6 @@
 .gwt-ToggleButton-down-disabled {
   margin: 0;
   padding: 3px 5px;
-  font-family:Arial, sans-serif;
   text-decoration: none;
   background: url("images/hborder.png") repeat-x 0px -27px;
 }
@@ -1121,9 +1029,6 @@
   filter: alpha(opacity=40);
 }
 
-/**
- * Applied to the Tree.
- */
 .gwt-Tree .gwt-TreeItem {
   padding: 1px;
   margin: 0px;
diff --git a/user/src/com/google/gwt/user/public/chrome/GWT_rtl.css b/user/src/com/google/gwt/user/public/chrome/GWT_rtl.css
index d9dc4a3..a3debb4 100644
--- a/user/src/com/google/gwt/user/public/chrome/GWT_rtl.css
+++ b/user/src/com/google/gwt/user/public/chrome/GWT_rtl.css
@@ -14,32 +14,21 @@
  * so we need to use the AlphaImageLoader in IE6 only.
  */
 
-/**
- * Applied to the entire page.
- */
-body,td,a,div,.p {
-  font-family:arial,sans-serif
+body, table td, a, div, .p, pre {
+  font-family: Arial, sans-serif;
+  font-size: small;
 }
-
 body {
   color: black;
-  font-family: Helvetica, Arial, sans-serif;
-  font-size: small;
   margin: 0px;
   border: 0px;
   padding: 0px;
   background: #fff;
   direction: rtl;
 }
-
-table td, pre {
-  font-size: small;
-}
-
 a, a:visited, a:hover {
   color: #0000AA;
 }
-
 iframe {
   border-top: 2px solid #666;
   border-left: 2px solid #666;
@@ -47,50 +36,38 @@
   border-bottom: 2px solid #bbb;
 }
 
-/**
- * Applied to buttons.
- */
 .gwt-Button {
   margin: 0;
-  padding: .3em 5px;
-  font-family:Arial, sans-serif;
+  padding: 3px 5px;
   text-decoration: none;
+  font-size: small;
   cursor: pointer;
   cursor: hand;
   background: url("images/hborder.png") repeat-x 0px -27px;
   border: 1px outset #ccc;
 }
-
 .gwt-Button:active {
   border: 1px inset #ccc;
 }
-
 .gwt-Button:hover {
   border-color: #9cf #69e #69e #7af;
 }
-
 .gwt-Button[disabled] {
   cursor: default;
   color: #888;
 }
-
 .gwt-Button[disabled]:hover {
   border: 1px outset #ccc;
 }
 
-/**
- * Applied to the checkbox and text next to the checkbox.
- */
 .gwt-CheckBox {
 }
-
 .gwt-CheckBox-disabled {
   color: #888;
 }
 
-/**
- * Applied to the decorator panel.
- */
+.gwt-DecoratorPanel {
+}
 .gwt-DecoratorPanel .topCenter,
 .gwt-DecoratorPanel .bottomCenter {
   background: url(images/hborder.png) repeat-x;
@@ -149,9 +126,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the dialog box.
- */
 .gwt-DialogBox .Caption {
   background: #ebebeb url(images/hborder.png) repeat-x 0px -2003px;
   padding: 4px 8px 4px 4px;
@@ -159,69 +133,75 @@
   border-bottom: 1px solid #bbbbbb;
   border-top: 5px solid #e3e3e3;
 }
-.gwt-DialogBox .content {
+.gwt-DialogBox .dialogContent {
 }
-.gwt-DialogBox .middleCenter {
+.gwt-DialogBox .dialogMiddleCenter {
   padding: 3px;
   background: white;
 }
-html>body .gwt-DialogBox .bottomCenter {
+html>body .gwt-DialogBox .dialogBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-DialogBox .bottomCenter {
+* html .gwt-DialogBox .dialogBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DialogBox .middleLeft {
+.gwt-DialogBox .dialogMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-DialogBox .middleRight {
+html>body .gwt-DialogBox .dialogMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-DialogBox .middleRight {
+* html .gwt-DialogBox .dialogMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DialogBox .topLeft,
-.gwt-DialogBox .topRight,
-.gwt-DialogBox .bottomLeft,
-.gwt-DialogBox .bottomRight {
+.gwt-DialogBox .dialogTopLeftInner {
+  width: 5px;
   zoom: 1;
 }
-html>body .gwt-DialogBox .topLeft {
+.gwt-DialogBox .dialogTopRightInner {
+  width: 8px;
+  zoom: 1;
+}
+.gwt-DialogBox .dialogBottomLeftInner {
   width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-DialogBox .dialogBottomRightInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-DialogBox .dialogTopLeft {
   background: url(images/corner.png) no-repeat -13px 0px;
 }
-html>body .gwt-DialogBox .topRight {
-  width: 8px;
+html>body .gwt-DialogBox .dialogTopRight {
   background: url(images/corner.png) no-repeat -18px 0px;
 }
-html>body .gwt-DialogBox .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-DialogBox .dialogBottomLeft {
   background: url(images/corner.png) no-repeat 0px -15px;
 }
-html>body .gwt-DialogBox .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-DialogBox .dialogBottomRight {
   background: url(images/corner.png) no-repeat -5px -15px;
 }
-* html .gwt-DialogBox .topLeft {
+* html .gwt-DialogBox .dialogTopLeft {
   width: 5px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .topRight {
+* html .gwt-DialogBox .dialogTopRight {
   width: 8px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/corner_dialog_topright.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .bottomLeftInner {
+* html .gwt-DialogBox .dialogBottomLeftInner {
   width: 5px;
   height: 23px;
   margin-top: -15px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .bottomRightInner {
+* html .gwt-DialogBox .dialogBottomRightInner {
   width: 13px;
   height: 23px;
   margin-left: -5px;
@@ -230,42 +210,29 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the disclosure panel, which shows or hides content when the user
- * toggles the header.
- */
 .gwt-DisclosurePanel {
 }
-
-.gwt-DisclosurePanel a {
-  text-decoration: none;  /* Remove underline from header */ 
-}
-
 .gwt-DisclosurePanel-open {
 }
-
 .gwt-DisclosurePanel-closed {
 }
-
-.gwt-DisclosurePanel .header {
-  color: black;
+.gwt-DisclosurePanel .header,
+.gwt-DisclosurePanel .header a,
+.gwt-DisclosurePanel .header td {
+  text-decoration: none;  /* Remove underline from header */
+  color: black; 
+  cursor: pointer;
+  cursor: hand;
 }
-
 .gwt-DisclosurePanel .content {
   border-right: 3px solid #e3e3e3;
   padding: 4px 8px 4px 0px;
   margin-right: 6px;
 }
 
-/**
- * Applied to the File Upload.
- */
 .gwt-FileUpload {
 }
 
-/**
- * Applied to split panels.
- */
 .gwt-HorizontalSplitPanel {
 }
 .gwt-HorizontalSplitPanel .hsplitter {
@@ -281,63 +248,40 @@
   background: #91c0ef url(images/hborder.png) repeat-x;
 }
 
-/**
- * Applied to all HTML label elements.
- */
 .gwt-HTML {
 }
 
-/**
- * Applied to all Hyperlinks.
- */
 .gwt-Hyperlink {
 }
 
-/**
- * Applied to all Images
- */
 .gwt-Image {
 }
 
-/**
- * Applied to all Label elements.
- */
 .gwt-Label {
 }
 
-/**
- * Applied to list boxes.
- */
 .gwt-ListBox {
 }
 
-/**
- * Applied to the menu bar.
- */
 .gwt-MenuBar {
   cursor: default;
 }
-
 .gwt-MenuBar .gwt-MenuItem {
   cursor: default;
 }
-
 .gwt-MenuBar .gwt-MenuItem-selected {
   background: #cdcdcd;
 }
-
 .gwt-MenuBar-horizontal {
   background: #ebebeb url(images/hborder.png) repeat-x 0px -2003px;
   border: 1px solid #BBBBBB;
 }
-
 .gwt-MenuBar-horizontal .gwt-MenuItem {
   padding: 0px 10px;
   vertical-align: bottom;
   color: #666666;
   font-weight: bold;
 }
-
 .gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
   width: 1px;
   padding: 0px;
@@ -346,31 +290,25 @@
   border-right: 1px solid #888888;
   background: white;
 }
-
-.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .content {
+.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
   width: 1px;
   background: white; 
 }
-
 .gwt-MenuBar-vertical {
   margin-top: 0px;
   margin-right: 0px;
   background: white;
 }
-
 .gwt-MenuBar-vertical table {
   border-collapse: collapse;
 }
-
 .gwt-MenuBar-vertical .gwt-MenuItem {
   padding: 4px 1px 4px 14px;
 }
-
 .gwt-MenuBar-vertical .gwt-MenuItemSeparator {
   padding: 2px 0px;
 }
-
-.gwt-MenuBar-vertical .gwt-MenuItemSeparator .content {
+.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
   height: 1px;
   padding: 0px;
   border: 0px;
@@ -387,52 +325,64 @@
 .gwt-MenuBarPopup {
   margin: 0px 3px 0px 0px;
 }
-.gwt-MenuBarPopup .topCenter {
+.gwt-MenuBarPopup .menuPopupTopCenter {
   background: url(images/hborder.png) 0px -12px repeat-x;
 }
-html>body .gwt-MenuBarPopup .bottomCenter {
+html>body .gwt-MenuBarPopup .menuPopupBottomCenter {
   background: url(images/hborder.png) 0px -13px repeat-x;
 }
-* html .gwt-MenuBarPopup .bottomCenter {
+* html .gwt-MenuBarPopup .menuPopupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
 }
-.gwt-MenuBarPopup .middleLeft {
+.gwt-MenuBarPopup .menuPopupMiddleLeft {
   background: url(images/vborder.png) -12px 0px repeat-y;
 }
-html>body .gwt-MenuBarPopup .middleRight {
+html>body .gwt-MenuBarPopup .menuPopupMiddleRight {
   background: url(images/vborder.png) -13px 0px repeat-y;
 }
-* html .gwt-MenuBarPopup .middleRight {
+* html .gwt-MenuBarPopup .menuPopupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
 }
-html>body .gwt-MenuBarPopup .topLeft {
+.gwt-MenuBarPopup .menuPopupTopLeftInner {
   width: 5px;
   height: 5px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupTopRightInner {
+  width: 8px;
+  height: 5px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-MenuBarPopup .menuPopupTopLeft {
   background: url(images/corner.png) no-repeat 0px -36px;
 }
-html>body .gwt-MenuBarPopup .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-MenuBarPopup .menuPopupTopRight {
   background: url(images/corner.png) no-repeat -5px -36px;
 }
-html>body .gwt-MenuBarPopup .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-MenuBarPopup .menuPopupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -41px;
 }
-html>body .gwt-MenuBarPopup .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-MenuBarPopup .menuPopupBottomRight {
   background: url(images/corner.png) no-repeat -5px -41px;
 }
-* html .gwt-MenuBarPopup .topLeftInner {
+* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
   width: 5px;
   height: 41px;
   margin-top: -36px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .topRightInner {
+* html .gwt-MenuBarPopup .menuPopupTopRightInner {
   width: 13px;
   height: 41px;
   margin-left: -5px;
@@ -440,14 +390,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .bottomLeftInner {
+* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
   width: 5px;
   height: 49px;
   margin-top: -41px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .bottomRightInner {
+* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
   width: 13px;
   height: 49px;
   margin-left: -5px;
@@ -456,9 +406,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the password input box.
- */
 .gwt-PasswordTextBox {
   padding: 2px;
 }
@@ -466,76 +413,76 @@
   color: #888;
 }
 
-/**
- * Applied to PopupPanel.
- */
 .gwt-PopupPanel {
   border: 3px solid #e3e3e3;
   padding: 3px;
   background: white;
 }
 
-/**
- * Applied to the DecoratedPopupPanel.
- */
-.gwt-DecoratedPopupPanel .content {
+.gwt-DecoratedPopupPanel .popupContent {
 }
-.gwt-DecoratedPopupPanel .middleCenter {
+.gwt-DecoratedPopupPanel .popupMiddleCenter {
   padding: 3px;
   background: white;
 }
-.gwt-DecoratedPopupPanel .topCenter {
+.gwt-DecoratedPopupPanel .popupTopCenter {
   background: url(images/hborder.png) repeat-x;
 }
-html>body .gwt-DecoratedPopupPanel .bottomCenter {
+html>body .gwt-DecoratedPopupPanel .popupBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-DecoratedPopupPanel .bottomCenter {
+* html .gwt-DecoratedPopupPanel .popupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DecoratedPopupPanel .middleLeft {
+.gwt-DecoratedPopupPanel .popupMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-DecoratedPopupPanel .middleRight {
+html>body .gwt-DecoratedPopupPanel .popupMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-DecoratedPopupPanel .middleRight {
+* html .gwt-DecoratedPopupPanel .popupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DecoratedPopupPanel .topLeft,
-.gwt-DecoratedPopupPanel .topRight,
-.gwt-DecoratedPopupPanel .bottomLeft,
-.gwt-DecoratedPopupPanel .bottomRight {
+.gwt-DecoratedPopupPanel .popupTopLeftInner {
+  width: 5px;
+  height: 5px;
   zoom: 1;
 }
-html>body .gwt-DecoratedPopupPanel .topLeft {
-  width: 5px;
+.gwt-DecoratedPopupPanel .popupTopRightInner {
+  width: 8px;
   height: 5px;
+  zoom: 1;
+}
+.gwt-DecoratedPopupPanel .popupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-DecoratedPopupPanel .popupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-DecoratedPopupPanel .popupTopLeft {
   background: url(images/corner.png) no-repeat 0px -10px;
 }
-html>body .gwt-DecoratedPopupPanel .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-DecoratedPopupPanel .popupTopRight {
   background: url(images/corner.png) no-repeat -5px -10px;
 }
-html>body .gwt-DecoratedPopupPanel .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-DecoratedPopupPanel .popupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -15px;
 }
-html>body .gwt-DecoratedPopupPanel .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-DecoratedPopupPanel .popupBottomRight {
   background: url(images/corner.png) no-repeat -5px -15px;
 }
-* html .gwt-DecoratedPopupPanel .topLeftInner {
+* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
   width: 5px;
   height: 15px;
   margin-top: -10px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .topRightInner {
+* html .gwt-DecoratedPopupPanel .popupTopRightInner {
   width: 13px;
   height: 15px;
   margin-left: -5px;
@@ -543,14 +490,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .bottomLeftInner {
+* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
   width: 5px;
   height: 23px;
   margin-top: -15px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .bottomRightInner {
+* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
   width: 13px;
   height: 23px;
   margin-left: -5px;
@@ -559,10 +506,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the push button, a customizable button that can be pressed
- * and released.
- */
 .gwt-PushButton-up,
 .gwt-PushButton-up-hovering,
 .gwt-PushButton-up-disabled,
@@ -571,7 +514,6 @@
 .gwt-PushButton-down-disabled {
   margin: 0;
   padding: 3px 5px;
-  font-family:Arial, sans-serif;
   text-decoration: none;
   background: url("images/hborder.png") repeat-x 0px -27px;
 }
@@ -612,83 +554,66 @@
   zoom: 1;
 }
 
-/**
- * Applied to radio buttons and the text next to them.
- */
 .gwt-RadioButton {
   padding: 4px 3px 3px 4px;
 }
-
 .gwt-RadioButton-disabled {
   color: #888;
 }
 
-/**
- * Applied to the Rich Text Area.
- */
 .gwt-RichTextArea {
 }
-
 .hasRichTextToolbar {
   border: 0px;
 }
-
 .gwt-RichTextToolbar {
   background: #ebebeb url(images/hborder.png) repeat-x 0px -2003px;
   border-bottom: 1px solid #BBBBBB;
   padding: 3px;
   margin: 0px;
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-up {
   padding: 0px 0px 0px 1px;
   margin-left: 4px;
   margin-bottom: 4px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-up-hovering {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-down {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-up {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-down {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
   margin-left: 4px;
   margin-bottom: 4px;
@@ -696,9 +621,6 @@
   border-width: 1px;
 }
 
-/**
- * Applied to StackPanel.
- */
 .gwt-StackPanel {
   border-bottom: 1px solid #bbbbbb;
 }
@@ -719,9 +641,6 @@
   padding: 2px 2px 10px 5px;
 }
 
-/**
- * Applied to DecoratedStackPanel.
- */
 .gwt-DecoratedStackPanel {
   border-bottom: 1px solid #bbbbbb;
 }
@@ -735,26 +654,26 @@
   cursor: pointer;
   cursor: hand;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight {
+.gwt-DecoratedStackPanel .stackItemTopLeft,
+.gwt-DecoratedStackPanel .stackItemTopRight {
   height: 6px;
   width: 6px;
   zoom: 1;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft {
+html>body .gwt-DecoratedStackPanel .stackItemTopLeft {
   background: #e4e4e4 url(images/corner.png) no-repeat 0px -49px;
   border-left: 1px solid #bbbbbb;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight {
+html>body .gwt-DecoratedStackPanel .stackItemTopRight {
   background: #e4e4e4 url(images/corner.png) no-repeat -6px -49px;
   border-right: 1px solid #bbbbbb;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner {
+.gwt-DecoratedStackPanel .stackItemTopLeftInner,
+.gwt-DecoratedStackPanel .stackItemTopRightInner {
   width: 1px;
   height: 1px;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner {
+* html .gwt-DecoratedStackPanel .stackItemTopLeftInner {
   width: 6px;
   height: 55px;
   margin-top: -49px;
@@ -763,7 +682,7 @@
   background-color: #d3def6;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner {
+* html .gwt-DecoratedStackPanel .stackItemTopRightInner {
   width: 12px;
   height: 55px;
   margin-top: -49px;
@@ -773,52 +692,49 @@
   background-color: #d3def6;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topCenter {
+.gwt-DecoratedStackPanel .stackItemTopCenter {
   background: url(images/hborder.png) 0px -21px repeat-x;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeft {
+.gwt-DecoratedStackPanel .stackItemMiddleLeft {
   background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
   border-left: 1px solid #bbbbbb;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeftInner,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRightInner {
+.gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
+.gwt-DecoratedStackPanel .stackItemMiddleRightInner {
   width: 1px;
   height: 1px;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRight {
+.gwt-DecoratedStackPanel .stackItemMiddleRight {
   background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
   border-right: 1px solid #bbbbbb;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleCenter {
+.gwt-DecoratedStackPanel .stackItemMiddleCenter {
   font-weight: bold;
   font-size: 1.3em;
   background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRight,
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeft {
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
   border: 0px;
   background-color: white;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeft,
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRight {
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
   background-color: white;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner,
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRightInner {
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeftInner,
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRightInner {
   border: 0px;
   background-color: white;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner {
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeftInner {
   padding-right: 1px;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeftInner,
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRightInner {
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeftInner,
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRightInner {
   background-color: white;
 }
 
-/**
- * Applied to the suggest box.
- */
 .gwt-SuggestBox {
   padding: 2px;
 }
@@ -833,55 +749,67 @@
 .gwt-SuggestBoxPopup .item-selected {
   background: #cdcdcd;
 }
-.gwt-SuggestBoxPopup .middleCenter {
+.gwt-SuggestBoxPopup .suggestPopupContent {
   background: white;
 }
-.gwt-SuggestBoxPopup .topCenter {
+.gwt-SuggestBoxPopup .suggestPopupTopCenter {
   background: url(images/hborder.png) repeat-x;
 }
-html>body .gwt-SuggestBoxPopup .bottomCenter {
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-SuggestBoxPopup .bottomCenter {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-SuggestBoxPopup .middleLeft {
+.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-SuggestBoxPopup .middleRight {
+html>body .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-SuggestBoxPopup .middleRight {
+* html .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
 }
-html>body .gwt-SuggestBoxPopup .topLeft {
+.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
   width: 5px;
   height: 5px;
+  zoom: 1;  
+}
+.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
+  width: 8px;
+  height: 5px;
+  zoom: 1;
+}
+.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-SuggestBoxPopup .suggestPopupTopLeft {
   background: url(images/corner.png) no-repeat 0px -23px;
 }
-html>body .gwt-SuggestBoxPopup .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-SuggestBoxPopup .suggestPopupTopRight {
   background: url(images/corner.png) no-repeat -5px -23px;
 }
-html>body .gwt-SuggestBoxPopup .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -28px;
 }
-html>body .gwt-SuggestBoxPopup .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomRight {
   background: url(images/corner.png) no-repeat -5px -28px;
 }
-* html .gwt-SuggestBoxPopup .topLeftInner {
+* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
   width: 5px;
   height: 28px;
   margin-top: -23px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .topRightInner {
+* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
   width: 13px;
   height: 28px;
   margin-left: -5px;
@@ -889,14 +817,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .bottomLeftInner {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
   width: 5px;
   height: 36px;
   margin-top: -28px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .bottomRightInner {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
   width: 13px;
   height: 36px;
   margin-left: -5px;
@@ -905,9 +833,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to TabPanel.
- */
 .gwt-TabBar {
 }
 .gwt-TabBar .gwt-TabBarFirst {
@@ -929,7 +854,6 @@
   cursor: default;
   background: #bcbcbc;
 } 
-
 .gwt-TabPanel {
 }
 .gwt-TabPanelBottom {
@@ -940,9 +864,6 @@
   padding: 6px;
 }
 
-/**
- * Applied to DecoratedTabPanel.
- */ 
 .gwt-DecoratedTabBar {
 }
 .gwt-DecoratedTabBar .gwt-TabBarFirst {
@@ -954,34 +875,34 @@
   border-collapse: collapse;
   margin-right: 6px;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .topCenter {
+.gwt-DecoratedTabBar .tabTopCenter {
   padding: 0px;
   background: #e3e3e3;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .topLeft,
-.gwt-DecoratedTabBar .gwt-TabBarItem .topRight {
+.gwt-DecoratedTabBar .tabTopLeft,
+.gwt-DecoratedTabBar .tabTopRight {
   padding: 0px;
   zoom: 1;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner,
-.gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner {
+.gwt-DecoratedTabBar .tabTopLeftInner,
+.gwt-DecoratedTabBar .tabTopRightInner {
   width: 6px;
   height: 6px;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topLeft {
+html>body .gwt-DecoratedTabBar .tabTopLeft {
   background: url(images/corner.png) no-repeat 0px -55px;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topRight {
+html>body .gwt-DecoratedTabBar .tabTopRight {
   background: url(images/corner.png) no-repeat -6px -55px;
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner {
+* html .gwt-DecoratedTabBar .tabTopLeftInner {
   width: 5px;
   height: 61px;
   margin-top: -55px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner {
+* html .gwt-DecoratedTabBar .tabTopRightInner {
   width: 12px;
   height: 61px;
   margin-top: -55px;
@@ -989,18 +910,18 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeft,
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleRight {
+.gwt-DecoratedTabBar .tabMiddleLeft,
+.gwt-DecoratedTabBar .tabMiddleRight {
   width: 6px;
   padding: 0px;
   background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeftInner,
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleRightInner {
+.gwt-DecoratedTabBar .tabMiddleLeftInner,
+.gwt-DecoratedTabBar .tabMiddleRightInner {
   width: 1px;
   height: 1px;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleCenter {
+.gwt-DecoratedTabBar .tabMiddleCenter {
   padding: 0px 4px 2px 4px;
   cursor: pointer;
   cursor: hand;
@@ -1009,23 +930,23 @@
   text-align: center;
   background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .topCenter {
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
   background: #747474;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeft {
+html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
   background-position: 0px -61px;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRight {
+html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
   background-position: -6px -61px;
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeftInner {
+* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeftInner {
   width: 5px;
   height: 67px;
   margin-top: -61px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRightInner {
+* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRightInner {
   width: 12px;
   height: 67px;
   margin-top: -61px;
@@ -1033,42 +954,30 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleLeft,
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleRight {
+.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 .middleCenter {
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
   cursor: default;
   background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
   color: white;
 }
 
-/**
- * Applied to general text areas.
- */
 .gwt-TextArea {
   padding: 2px;
 }
-
 .gwt-TextArea-readonly {
   color: #888;
 }
 
-/**
- * Applied to text boxes.
- */
 .gwt-TextBox {
   padding: 2px;
 }
-
 .gwt-TextBox-readonly {
   color: #888;
 }
 
-/**
- * Applied to toggle buttons, a customizable button that can be toggled
- * between two states (similar to a checkbox).
- */
 .gwt-ToggleButton-up,
 .gwt-ToggleButton-up-hovering,
 .gwt-ToggleButton-up-disabled,
@@ -1077,7 +986,6 @@
 .gwt-ToggleButton-down-disabled {
   margin: 0;
   padding: 3px 5px;
-  font-family:Arial, sans-serif;
   text-decoration: none;
   background: url("images/hborder.png") repeat-x 0px -27px;
 }
@@ -1121,9 +1029,6 @@
   filter: alpha(opacity=40);
 }
 
-/**
- * Applied to the Tree.
- */
 .gwt-Tree .gwt-TreeItem {
   padding: 1px;
   margin: 0px;
diff --git a/user/src/com/google/gwt/user/public/dark/GWT.css b/user/src/com/google/gwt/user/public/dark/GWT.css
index af7b401..473a333 100644
--- a/user/src/com/google/gwt/user/public/dark/GWT.css
+++ b/user/src/com/google/gwt/user/public/dark/GWT.css
@@ -14,32 +14,21 @@
  * so we need to use the AlphaImageLoader in IE6 only.
  */
 
-/**
- * Applied to the entire page.
- */
-body,td,a,div,.p {
-  font-family:arial,sans-serif
-}
-
-body {
-  font-family: Helvetica, Arial, sans-serif;
+body, table td, a, div, .p, pre {
+  font-family: Arial, sans-serif;
   font-size: small;
+  color: #bec7cc;
+}
+body {
   margin: 0px;
   border: 0px;
   padding: 0px;
   background: #4d4d4d;
   direction: ltr;
 }
-
-table td, pre {
-  font-size: small;
-  color: #bec7cc;
-}
-
 a, a:visited, a:hover {
   color: #ccf;
 }
-
 iframe {
   border-top: 2px solid #666;
   border-left: 2px solid #666;
@@ -47,50 +36,38 @@
   border-bottom: 2px solid #bbb;
 }
 
-/**
- * Applied to buttons.
- */
 .gwt-Button {
   margin: 0;
-  padding: .3em 5px;
-  font-family:Arial, sans-serif;
+  padding: 3px 5px;
   text-decoration: none;
+  font-size: small;
   cursor: pointer;
   cursor: hand;
   background: url("images/hborder.png") repeat-x 0px -27px;
   border: 1px outset #000;
 }
-
 .gwt-Button:active {
   border: 1px inset #000;
 }
-
 .gwt-Button:hover {
   border: 1px outset #24d3ff;
 }
-
 .gwt-Button[disabled] {
   cursor: default;
   color: #777;
 }
-
 .gwt-Button[disabled]:hover {
   border: 1px outset #000;
 }
 
-/**
- * Applied to the checkbox and text next to the checkbox.
- */
 .gwt-CheckBox {
 }
-
 .gwt-CheckBox-disabled {
   color: #888;
 }
 
-/**
- * Applied to the decorator panel.
- */
+.gwt-DecoratorPanel {
+}
 .gwt-DecoratorPanel .topCenter,
 .gwt-DecoratorPanel .bottomCenter,
 .gwt-DecoratorPanel .middleLeft,
@@ -111,9 +88,6 @@
   overflow: hidden;
 }
 
-/**
- * Applied to the dialog box.
- */
 .gwt-DialogBox .Caption {
   background: #888888;
   padding: 4px 4px 4px 8px;
@@ -122,69 +96,75 @@
   border-top: 5px solid #222222;
   color: black;
 }
-.gwt-DialogBox .content {
+.gwt-DialogBox .dialogContent {
 }
-.gwt-DialogBox .middleCenter {
+.gwt-DialogBox .dialogMiddleCenter {
   padding: 3px;
   background: #4d4d4d;
 }
-html>body .gwt-DialogBox .bottomCenter {
+html>body .gwt-DialogBox .dialogBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-DialogBox .bottomCenter {
+* html .gwt-DialogBox .dialogBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_black_shadow.png',sizingMethod='scale');
 }
-.gwt-DialogBox .middleLeft {
+.gwt-DialogBox .dialogMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-DialogBox .middleRight {
+html>body .gwt-DialogBox .dialogMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-DialogBox .middleRight {
+* html .gwt-DialogBox .dialogMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_black_shadow.png',sizingMethod='scale');
 }
-.gwt-DialogBox .topLeft,
-.gwt-DialogBox .topRight,
-.gwt-DialogBox .bottomLeft,
-.gwt-DialogBox .bottomRight {
+.gwt-DialogBox .dialogTopLeftInner {
+  width: 5px;
   zoom: 1;
 }
-html>body .gwt-DialogBox .topLeft {
+.gwt-DialogBox .dialogTopRightInner {
+  width: 8px;
+  zoom: 1;
+}
+.gwt-DialogBox .dialogBottomLeftInner {
   width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-DialogBox .dialogBottomRightInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-DialogBox .dialogTopLeft {
   background: url(images/corner.png) no-repeat -13px 0px;
 }
-html>body .gwt-DialogBox .topRight {
-  width: 8px;
+html>body .gwt-DialogBox .dialogTopRight {
   background: url(images/corner.png) no-repeat -18px 0px;
 }
-html>body .gwt-DialogBox .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-DialogBox .dialogBottomLeft {
   background: url(images/corner.png) no-repeat 0px -15px;
 }
-html>body .gwt-DialogBox .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-DialogBox .dialogBottomRight {
   background: url(images/corner.png) no-repeat -5px -15px;
 }
-* html .gwt-DialogBox .topLeft {
+* html .gwt-DialogBox .dialogTopLeft {
   width: 5px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .topRight {
+* html .gwt-DialogBox .dialogTopRight {
   width: 8px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/corner_dialog_topright.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .bottomLeftInner {
+* html .gwt-DialogBox .dialogBottomLeftInner {
   width: 5px;
   height: 23px;
   margin-top: -15px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .bottomRightInner {
+* html .gwt-DialogBox .dialogBottomRightInner {
   width: 13px;
   height: 23px;
   margin-left: -5px;
@@ -193,41 +173,29 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the disclosure panel, which shows or hides content when the user
- * toggles the header.
- */
 .gwt-DisclosurePanel {
 }
-
-.gwt-DisclosurePanel a {
-  text-decoration: none;  /* Remove underline from header */ 
-}
-
 .gwt-DisclosurePanel-open {
 }
-
 .gwt-DisclosurePanel-closed {
 }
-
-.gwt-DisclosurePanel .header {
+.gwt-DisclosurePanel .header,
+.gwt-DisclosurePanel .header a,
+.gwt-DisclosurePanel .header td {
+  text-decoration: none;  /* Remove underline from header */
+  color: #bec7cc; 
+  cursor: pointer;
+  cursor: hand;
 }
-
 .gwt-DisclosurePanel .content {
   border-left: 3px solid #1e1e1e;
   padding: 4px 0px 4px 8px;
   margin-left: 6px;
 }
 
-/**
- * Applied to the File Upload.
- */
 .gwt-FileUpload {
 }
 
-/**
- * Applied to split panels.
- */
 .gwt-HorizontalSplitPanel {
 }
 .gwt-HorizontalSplitPanel .hsplitter {
@@ -243,64 +211,41 @@
   background: #1E1E1E;
 }
 
-/**
- * Applied to all HTML label elements.
- */
 .gwt-HTML {
   color: #BEC7CC;
 }
 
-/**
- * Applied to all Hyperlinks.
- */
 .gwt-Hyperlink {
 }
 
-/**
- * Applied to all Images
- */
 .gwt-Image {
 }
 
-/**
- * Applied to all Label elements.
- */
 .gwt-Label {
 }
 
-/**
- * Applied to list boxes.
- */
 .gwt-ListBox {
 }
 
-/**
- * Applied to the menu bar.
- */
 .gwt-MenuBar {
   cursor: default;
 }
-
 .gwt-MenuBar .gwt-MenuItem {
   cursor: default;
 }
-
 .gwt-MenuBar .gwt-MenuItem-selected {
   background: #666;
   color: #0cf;
 }
-
 .gwt-MenuBar-horizontal {
   background: #222222;
   border: 1px solid #777;
 }
-
 .gwt-MenuBar-horizontal .gwt-MenuItem {
   padding: 0px 10px;
   vertical-align: bottom;
   font-weight: bold;
 }
-
 .gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
   width: 1px;
   padding: 0px;
@@ -309,31 +254,25 @@
   border-left: 1px solid #bec7cc;
   background: white;
 }
-
-.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .content {
+.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
   width: 1px;
   background: #000; 
 }
-
 .gwt-MenuBar-vertical {
   margin-top: 0px;
   margin-left: 0px;
   background: #4D4D4D;
 }
-
 .gwt-MenuBar-vertical table {
   border-collapse: collapse;
 }
-
 .gwt-MenuBar-vertical .gwt-MenuItem {
   padding: 4px 14px 4px 1px;
 }
-
 .gwt-MenuBar-vertical .gwt-MenuItemSeparator {
   padding: 2px 0px;
 }
-
-.gwt-MenuBar-vertical .gwt-MenuItemSeparator .content {
+.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
   height: 1px;
   padding: 0px;
   border: 0px;
@@ -350,52 +289,64 @@
 .gwt-MenuBarPopup {
   margin: 0px 0px 0px 3px;
 }
-.gwt-MenuBarPopup .topCenter {
+.gwt-MenuBarPopup .menuPopupTopCenter {
   background: url(images/hborder.png) 0px -12px repeat-x;
 }
-html>body .gwt-MenuBarPopup .bottomCenter {
+html>body .gwt-MenuBarPopup .menuPopupBottomCenter {
   background: url(images/hborder.png) 0px -13px repeat-x;
 }
-* html .gwt-MenuBarPopup .bottomCenter {
+* html .gwt-MenuBarPopup .menuPopupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
 }
-.gwt-MenuBarPopup .middleLeft {
+.gwt-MenuBarPopup .menuPopupMiddleLeft {
   background: url(images/vborder.png) -12px 0px repeat-y;
 }
-html>body .gwt-MenuBarPopup .middleRight {
+html>body .gwt-MenuBarPopup .menuPopupMiddleRight {
   background: url(images/vborder.png) -13px 0px repeat-y;
 }
-* html .gwt-MenuBarPopup .middleRight {
+* html .gwt-MenuBarPopup .menuPopupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
 }
-html>body .gwt-MenuBarPopup .topLeft {
+.gwt-MenuBarPopup .menuPopupTopLeftInner {
   width: 5px;
   height: 5px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupTopRightInner {
+  width: 8px;
+  height: 5px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-MenuBarPopup .menuPopupTopLeft {
   background: url(images/corner.png) no-repeat 0px -36px;
 }
-html>body .gwt-MenuBarPopup .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-MenuBarPopup .menuPopupTopRight {
   background: url(images/corner.png) no-repeat -5px -36px;
 }
-html>body .gwt-MenuBarPopup .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-MenuBarPopup .menuPopupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -41px;
 }
-html>body .gwt-MenuBarPopup .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-MenuBarPopup .menuPopupBottomRight {
   background: url(images/corner.png) no-repeat -5px -41px;
 }
-* html .gwt-MenuBarPopup .topLeftInner {
+* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
   width: 5px;
   height: 41px;
   margin-top: -36px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .topRightInner {
+* html .gwt-MenuBarPopup .menuPopupTopRightInner {
   width: 13px;
   height: 41px;
   margin-left: -5px;
@@ -403,14 +354,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .bottomLeftInner {
+* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
   width: 5px;
   height: 49px;
   margin-top: -41px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .bottomRightInner {
+* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
   width: 13px;
   height: 49px;
   margin-left: -5px;
@@ -419,9 +370,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the password input box.
- */
 .gwt-PasswordTextBox {
   padding: 2px;
 }
@@ -429,76 +377,76 @@
   color: #888;
 }
 
-/**
- * Applied to PopupPanel.
- */
 .gwt-PopupPanel {
   border: 3px solid #222222;
   padding: 3px;
   background: #4D4D4D;
 }
 
-/**
- * Applied to the DecoratedPopupPanel.
- */
-.gwt-DecoratedPopupPanel .content {
+.gwt-DecoratedPopupPanel .popupContent {
 }
-.gwt-DecoratedPopupPanel .middleCenter {
+.gwt-DecoratedPopupPanel .popupMiddleCenter {
   padding: 3px;
   background: #4D4D4D;
 }
-.gwt-DecoratedPopupPanel .topCenter {
+.gwt-DecoratedPopupPanel .popupTopCenter {
   background: url(images/hborder.png) repeat-x;
 }
-html>body .gwt-DecoratedPopupPanel .bottomCenter {
+html>body .gwt-DecoratedPopupPanel .popupBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-DecoratedPopupPanel .bottomCenter {
+* html .gwt-DecoratedPopupPanel .popupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_black_shadow.png',sizingMethod='scale');
 }
-.gwt-DecoratedPopupPanel .middleLeft {
+.gwt-DecoratedPopupPanel .popupMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-DecoratedPopupPanel .middleRight {
+html>body .gwt-DecoratedPopupPanel .popupMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-DecoratedPopupPanel .middleRight {
+* html .gwt-DecoratedPopupPanel .popupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_black_shadow.png',sizingMethod='scale');
 }
-.gwt-DecoratedPopupPanel .topLeft,
-.gwt-DecoratedPopupPanel .topRight,
-.gwt-DecoratedPopupPanel .bottomLeft,
-.gwt-DecoratedPopupPanel .bottomRight {
+.gwt-DecoratedPopupPanel .popupTopLeftInner {
+  width: 5px;
+  height: 5px;
   zoom: 1;
 }
-html>body .gwt-DecoratedPopupPanel .topLeft {
-  width: 5px;
+.gwt-DecoratedPopupPanel .popupTopRightInner {
+  width: 8px;
   height: 5px;
+  zoom: 1;
+}
+.gwt-DecoratedPopupPanel .popupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-DecoratedPopupPanel .popupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-DecoratedPopupPanel .popupTopLeft {
   background: url(images/corner.png) no-repeat 0px -10px;
 }
-html>body .gwt-DecoratedPopupPanel .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-DecoratedPopupPanel .popupTopRight {
   background: url(images/corner.png) no-repeat -5px -10px;
 }
-html>body .gwt-DecoratedPopupPanel .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-DecoratedPopupPanel .popupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -15px;
 }
-html>body .gwt-DecoratedPopupPanel .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-DecoratedPopupPanel .popupBottomRight {
   background: url(images/corner.png) no-repeat -5px -15px;
 }
-* html .gwt-DecoratedPopupPanel .topLeftInner {
+* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
   width: 5px;
   height: 15px;
   margin-top: -10px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .topRightInner {
+* html .gwt-DecoratedPopupPanel .popupTopRightInner {
   width: 13px;
   height: 15px;
   margin-left: -5px;
@@ -506,14 +454,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .bottomLeftInner {
+* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
   width: 5px;
   height: 23px;
   margin-top: -15px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .bottomRightInner {
+* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
   width: 13px;
   height: 23px;
   margin-left: -5px;
@@ -522,10 +470,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the push button, a customizable button that can be pressed
- * and released.
- */
 .gwt-PushButton-up,
 .gwt-PushButton-up-hovering,
 .gwt-PushButton-up-disabled,
@@ -534,7 +478,6 @@
 .gwt-PushButton-down-disabled {
   margin: 0;
   padding: 3px 5px;
-  font-family:Arial, sans-serif;
   text-decoration: none;
   background: url("images/hborder.png") repeat-x 0px -27px;
 }
@@ -574,83 +517,66 @@
   zoom: 1;
 }
 
-/**
- * Applied to radio buttons and the text next to them.
- */
 .gwt-RadioButton {
   padding: 4px 4px 3px 3px;
 }
-
 .gwt-RadioButton-disabled {
   color: #888;
 }
 
-/**
- * Applied to the Rich Text Area.
- */
 .gwt-RichTextArea {
 }
-
 .hasRichTextToolbar {
   border: 0px;
 }
-
 .gwt-RichTextToolbar {
   background: #222222;
   border-bottom: 1px solid #BBBBBB;
   padding: 3px;
   margin: 0px;
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-up {
   padding: 0px 1px 0px 0px;
   margin-right: 4px;
   margin-bottom: 4px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-up-hovering {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-down {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-up {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-down {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
   margin-right: 4px;
   margin-bottom: 4px;
@@ -658,9 +584,6 @@
   border-width: 1px;
 }
 
-/**
- * Applied to StackPanel.
- */
 .gwt-StackPanel {
   border-bottom: 1px solid #000;
 }
@@ -681,9 +604,6 @@
   padding: 2px 2px 10px 5px;
 }
 
-/**
- * Applied to DecoratedStackPanel.
- */
 .gwt-DecoratedStackPanel {
   border-bottom: 1px solid #000;
 }
@@ -703,16 +623,13 @@
   border-bottom: 0px;
   background: #222;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner {
+.gwt-DecoratedStackPanel .stackItemTopLeft,
+.gwt-DecoratedStackPanel .stackItemTopRight,
+.gwt-DecoratedStackPanel .stackItemTopLeftInner,
+.gwt-DecoratedStackPanel .stackItemTopRightInner {
   display: none;
 }
 
-/**
- * Applied to the suggest box.
- */
 .gwt-SuggestBox {
   padding: 2px;
 }
@@ -727,55 +644,67 @@
 .gwt-SuggestBoxPopup .item-selected {
   background: #b7d6f6;
 }
-.gwt-SuggestBoxPopup .middleCenter {
+.gwt-SuggestBoxPopup .suggestPopupContent {
   background: #ddd;
 }
-.gwt-SuggestBoxPopup .topCenter {
+.gwt-SuggestBoxPopup .suggestPopupTopCenter {
   background: url(images/hborder.png) repeat-x;
 }
-html>body .gwt-SuggestBoxPopup .bottomCenter {
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-SuggestBoxPopup .bottomCenter {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_black_shadow.png',sizingMethod='scale');
 }
-.gwt-SuggestBoxPopup .middleLeft {
+.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-SuggestBoxPopup .middleRight {
+html>body .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-SuggestBoxPopup .middleRight {
+* html .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_black_shadow.png',sizingMethod='scale');
 }
-html>body .gwt-SuggestBoxPopup .topLeft {
+.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
   width: 5px;
   height: 5px;
+  zoom: 1;  
+}
+.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
+  width: 8px;
+  height: 5px;
+  zoom: 1;
+}
+.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-SuggestBoxPopup .suggestPopupTopLeft {
   background: url(images/corner.png) no-repeat 0px -23px;
 }
-html>body .gwt-SuggestBoxPopup .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-SuggestBoxPopup .suggestPopupTopRight {
   background: url(images/corner.png) no-repeat -5px -23px;
 }
-html>body .gwt-SuggestBoxPopup .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -28px;
 }
-html>body .gwt-SuggestBoxPopup .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomRight {
   background: url(images/corner.png) no-repeat -5px -28px;
 }
-* html .gwt-SuggestBoxPopup .topLeftInner {
+* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
   width: 5px;
   height: 28px;
   margin-top: -23px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .topRightInner {
+* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
   width: 13px;
   height: 28px;
   margin-left: -5px;
@@ -783,14 +712,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .bottomLeftInner {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
   width: 5px;
   height: 36px;
   margin-top: -28px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .bottomRightInner {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
   width: 13px;
   height: 36px;
   margin-left: -5px;
@@ -799,9 +728,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to TabPanel.
- */
 .gwt-TabBar {
 }
 .gwt-TabBar .gwt-TabBarFirst {
@@ -823,7 +749,6 @@
   cursor: default;
   background: #000;
 } 
-
 .gwt-TabPanel {
 }
 .gwt-TabPanelBottom {
@@ -834,9 +759,6 @@
   padding: 6px;
 }
 
-/**
- * Applied to DecoratedTabPanel.
- */ 
 .gwt-DecoratedTabBar {
 }
 .gwt-DecoratedTabBar .gwt-TabBarFirst {
@@ -848,13 +770,13 @@
   border-collapse: collapse;
   margin-left: 6px;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .topLeft,
-.gwt-DecoratedTabBar .gwt-TabBarItem .topRight,
-.gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner,
-.gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner {
+.gwt-DecoratedTabBar .tabTopLeft,
+.gwt-DecoratedTabBar .tabTopRight,
+.gwt-DecoratedTabBar .tabTopLeftInner,
+.gwt-DecoratedTabBar .tabTopRightInner {
   display: none;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleCenter {
+.gwt-DecoratedTabBar .tabMiddleCenter {
   padding: 4px 6px;
   cursor: pointer;
   cursor: hand;
@@ -863,37 +785,25 @@
   text-align: center;
   background: #222;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleCenter {
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
   cursor: default;
   background: #000;
 }
 
-/**
- * Applied to general text areas.
- */
 .gwt-TextArea {
   padding: 2px;
 }
-
 .gwt-TextArea-readonly {
   color: #888;
 }
 
-/**
- * Applied to text boxes.
- */
 .gwt-TextBox {
   padding: 2px;
 }
-
 .gwt-TextBox-readonly {
   color: #888;
 }
 
-/**
- * Applied to toggle buttons, a customizable button that can be toggled
- * between two states (similar to a checkbox).
- */
 .gwt-ToggleButton-up,
 .gwt-ToggleButton-up-hovering,
 .gwt-ToggleButton-up-disabled,
@@ -902,7 +812,6 @@
 .gwt-ToggleButton-down-disabled {
   margin: 0;
   padding: 3px 5px;
-  font-family:Arial, sans-serif;
   text-decoration: none;
   background: url("images/hborder.png") repeat-x 0px -27px;
 }
@@ -946,9 +855,6 @@
   filter: alpha(opacity=40);
 }
 
-/**
- * Applied to the Tree.
- */
 .gwt-Tree .gwt-TreeItem {
   padding: 1px;
   margin: 0px;
diff --git a/user/src/com/google/gwt/user/public/dark/GWT_rtl.css b/user/src/com/google/gwt/user/public/dark/GWT_rtl.css
index e8236b5..d02227c 100644
--- a/user/src/com/google/gwt/user/public/dark/GWT_rtl.css
+++ b/user/src/com/google/gwt/user/public/dark/GWT_rtl.css
@@ -14,32 +14,21 @@
  * so we need to use the AlphaImageLoader in IE6 only.
  */
 
-/**
- * Applied to the entire page.
- */
-body,td,a,div,.p {
-  font-family:arial,sans-serif
-}
-
-body {
-  font-family: Helvetica, Arial, sans-serif;
+body, table td, a, div, .p, pre {
+  font-family: Arial, sans-serif;
   font-size: small;
+  color: #bec7cc;
+}
+body {
   margin: 0px;
   border: 0px;
   padding: 0px;
   background: #4d4d4d;
   direction: rtl;
 }
-
-table td, pre {
-  font-size: small;
-  color: #bec7cc;
-}
-
 a, a:visited, a:hover {
   color: #ccf;
 }
-
 iframe {
   border-top: 2px solid #666;
   border-left: 2px solid #666;
@@ -47,50 +36,38 @@
   border-bottom: 2px solid #bbb;
 }
 
-/**
- * Applied to buttons.
- */
 .gwt-Button {
   margin: 0;
-  padding: .3em 5px;
-  font-family:Arial, sans-serif;
+  padding: 3px 5px;
   text-decoration: none;
+  font-size: small;
   cursor: pointer;
   cursor: hand;
   background: url("images/hborder.png") repeat-x 0px -27px;
   border: 1px outset #000;
 }
-
 .gwt-Button:active {
   border: 1px inset #000;
 }
-
 .gwt-Button:hover {
   border: 1px outset #24d3ff;
 }
-
 .gwt-Button[disabled] {
   cursor: default;
   color: #777;
 }
-
 .gwt-Button[disabled]:hover {
   border: 1px outset #000;
 }
 
-/**
- * Applied to the checkbox and text next to the checkbox.
- */
 .gwt-CheckBox {
 }
-
 .gwt-CheckBox-disabled {
   color: #888;
 }
 
-/**
- * Applied to the decorator panel.
- */
+.gwt-DecoratorPanel {
+}
 .gwt-DecoratorPanel .topCenter,
 .gwt-DecoratorPanel .bottomCenter,
 .gwt-DecoratorPanel .middleLeft,
@@ -111,9 +88,6 @@
   overflow: hidden;
 }
 
-/**
- * Applied to the dialog box.
- */
 .gwt-DialogBox .Caption {
   background: #888888;
   padding: 4px 8px 4px 4px;
@@ -122,69 +96,75 @@
   border-top: 5px solid #222222;
   color: black;
 }
-.gwt-DialogBox .content {
+.gwt-DialogBox .dialogContent {
 }
-.gwt-DialogBox .middleCenter {
+.gwt-DialogBox .dialogMiddleCenter {
   padding: 3px;
   background: #4d4d4d;
 }
-html>body .gwt-DialogBox .bottomCenter {
+html>body .gwt-DialogBox .dialogBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-DialogBox .bottomCenter {
+* html .gwt-DialogBox .dialogBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_black_shadow.png',sizingMethod='scale');
 }
-.gwt-DialogBox .middleLeft {
+.gwt-DialogBox .dialogMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-DialogBox .middleRight {
+html>body .gwt-DialogBox .dialogMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-DialogBox .middleRight {
+* html .gwt-DialogBox .dialogMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_black_shadow.png',sizingMethod='scale');
 }
-.gwt-DialogBox .topLeft,
-.gwt-DialogBox .topRight,
-.gwt-DialogBox .bottomLeft,
-.gwt-DialogBox .bottomRight {
+.gwt-DialogBox .dialogTopLeftInner {
+  width: 5px;
   zoom: 1;
 }
-html>body .gwt-DialogBox .topLeft {
+.gwt-DialogBox .dialogTopRightInner {
+  width: 8px;
+  zoom: 1;
+}
+.gwt-DialogBox .dialogBottomLeftInner {
   width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-DialogBox .dialogBottomRightInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-DialogBox .dialogTopLeft {
   background: url(images/corner.png) no-repeat -13px 0px;
 }
-html>body .gwt-DialogBox .topRight {
-  width: 8px;
+html>body .gwt-DialogBox .dialogTopRight {
   background: url(images/corner.png) no-repeat -18px 0px;
 }
-html>body .gwt-DialogBox .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-DialogBox .dialogBottomLeft {
   background: url(images/corner.png) no-repeat 0px -15px;
 }
-html>body .gwt-DialogBox .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-DialogBox .dialogBottomRight {
   background: url(images/corner.png) no-repeat -5px -15px;
 }
-* html .gwt-DialogBox .topLeft {
+* html .gwt-DialogBox .dialogTopLeft {
   width: 5px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .topRight {
+* html .gwt-DialogBox .dialogTopRight {
   width: 8px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/corner_dialog_topright.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .bottomLeftInner {
+* html .gwt-DialogBox .dialogBottomLeftInner {
   width: 5px;
   height: 23px;
   margin-top: -15px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .bottomRightInner {
+* html .gwt-DialogBox .dialogBottomRightInner {
   width: 13px;
   height: 23px;
   margin-left: -5px;
@@ -193,41 +173,29 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the disclosure panel, which shows or hides content when the user
- * toggles the header.
- */
 .gwt-DisclosurePanel {
 }
-
-.gwt-DisclosurePanel a {
-  text-decoration: none;  /* Remove underline from header */ 
-}
-
 .gwt-DisclosurePanel-open {
 }
-
 .gwt-DisclosurePanel-closed {
 }
-
-.gwt-DisclosurePanel .header {
+.gwt-DisclosurePanel .header,
+.gwt-DisclosurePanel .header a,
+.gwt-DisclosurePanel .header td {
+  text-decoration: none;  /* Remove underline from header */
+  color: #bec7cc; 
+  cursor: pointer;
+  cursor: hand;
 }
-
 .gwt-DisclosurePanel .content {
   border-right: 3px solid #1e1e1e;
   padding: 4px 8px 4px 0px;
   margin-right: 6px;
 }
 
-/**
- * Applied to the File Upload.
- */
 .gwt-FileUpload {
 }
 
-/**
- * Applied to split panels.
- */
 .gwt-HorizontalSplitPanel {
 }
 .gwt-HorizontalSplitPanel .hsplitter {
@@ -243,64 +211,41 @@
   background: #1E1E1E;
 }
 
-/**
- * Applied to all HTML label elements.
- */
 .gwt-HTML {
   color: #BEC7CC;
 }
 
-/**
- * Applied to all Hyperlinks.
- */
 .gwt-Hyperlink {
 }
 
-/**
- * Applied to all Images
- */
 .gwt-Image {
 }
 
-/**
- * Applied to all Label elements.
- */
 .gwt-Label {
 }
 
-/**
- * Applied to list boxes.
- */
 .gwt-ListBox {
 }
 
-/**
- * Applied to the menu bar.
- */
 .gwt-MenuBar {
   cursor: default;
 }
-
 .gwt-MenuBar .gwt-MenuItem {
   cursor: default;
 }
-
 .gwt-MenuBar .gwt-MenuItem-selected {
   background: #666;
   color: #0cf;
 }
-
 .gwt-MenuBar-horizontal {
   background: #222222;
   border: 1px solid #777;
 }
-
 .gwt-MenuBar-horizontal .gwt-MenuItem {
   padding: 0px 10px;
   vertical-align: bottom;
   font-weight: bold;
 }
-
 .gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
   width: 1px;
   padding: 0px;
@@ -309,31 +254,25 @@
   border-right: 1px solid #bec7cc;
   background: white;
 }
-
-.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .content {
+.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
   width: 1px;
   background: #000; 
 }
-
 .gwt-MenuBar-vertical {
   margin-top: 0px;
   margin-right: 0px;
   background: #4D4D4D;
 }
-
 .gwt-MenuBar-vertical table {
   border-collapse: collapse;
 }
-
 .gwt-MenuBar-vertical .gwt-MenuItem {
   padding: 4px 1px 4px 14px;
 }
-
 .gwt-MenuBar-vertical .gwt-MenuItemSeparator {
   padding: 2px 0px;
 }
-
-.gwt-MenuBar-vertical .gwt-MenuItemSeparator .content {
+.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
   height: 1px;
   padding: 0px;
   border: 0px;
@@ -350,52 +289,64 @@
 .gwt-MenuBarPopup {
   margin: 0px 3px 0px 0px;
 }
-.gwt-MenuBarPopup .topCenter {
+.gwt-MenuBarPopup .menuPopupTopCenter {
   background: url(images/hborder.png) 0px -12px repeat-x;
 }
-html>body .gwt-MenuBarPopup .bottomCenter {
+html>body .gwt-MenuBarPopup .menuPopupBottomCenter {
   background: url(images/hborder.png) 0px -13px repeat-x;
 }
-* html .gwt-MenuBarPopup .bottomCenter {
+* html .gwt-MenuBarPopup .menuPopupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
 }
-.gwt-MenuBarPopup .middleLeft {
+.gwt-MenuBarPopup .menuPopupMiddleLeft {
   background: url(images/vborder.png) -12px 0px repeat-y;
 }
-html>body .gwt-MenuBarPopup .middleRight {
+html>body .gwt-MenuBarPopup .menuPopupMiddleRight {
   background: url(images/vborder.png) -13px 0px repeat-y;
 }
-* html .gwt-MenuBarPopup .middleRight {
+* html .gwt-MenuBarPopup .menuPopupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
 }
-html>body .gwt-MenuBarPopup .topLeft {
+.gwt-MenuBarPopup .menuPopupTopLeftInner {
   width: 5px;
   height: 5px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupTopRightInner {
+  width: 8px;
+  height: 5px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-MenuBarPopup .menuPopupTopLeft {
   background: url(images/corner.png) no-repeat 0px -36px;
 }
-html>body .gwt-MenuBarPopup .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-MenuBarPopup .menuPopupTopRight {
   background: url(images/corner.png) no-repeat -5px -36px;
 }
-html>body .gwt-MenuBarPopup .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-MenuBarPopup .menuPopupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -41px;
 }
-html>body .gwt-MenuBarPopup .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-MenuBarPopup .menuPopupBottomRight {
   background: url(images/corner.png) no-repeat -5px -41px;
 }
-* html .gwt-MenuBarPopup .topLeftInner {
+* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
   width: 5px;
   height: 41px;
   margin-top: -36px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .topRightInner {
+* html .gwt-MenuBarPopup .menuPopupTopRightInner {
   width: 13px;
   height: 41px;
   margin-left: -5px;
@@ -403,14 +354,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .bottomLeftInner {
+* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
   width: 5px;
   height: 49px;
   margin-top: -41px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .bottomRightInner {
+* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
   width: 13px;
   height: 49px;
   margin-left: -5px;
@@ -419,9 +370,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the password input box.
- */
 .gwt-PasswordTextBox {
   padding: 2px;
 }
@@ -429,76 +377,76 @@
   color: #888;
 }
 
-/**
- * Applied to PopupPanel.
- */
 .gwt-PopupPanel {
   border: 3px solid #222222;
   padding: 3px;
   background: #4D4D4D;
 }
 
-/**
- * Applied to the DecoratedPopupPanel.
- */
-.gwt-DecoratedPopupPanel .content {
+.gwt-DecoratedPopupPanel .popupContent {
 }
-.gwt-DecoratedPopupPanel .middleCenter {
+.gwt-DecoratedPopupPanel .popupMiddleCenter {
   padding: 3px;
   background: #4D4D4D;
 }
-.gwt-DecoratedPopupPanel .topCenter {
+.gwt-DecoratedPopupPanel .popupTopCenter {
   background: url(images/hborder.png) repeat-x;
 }
-html>body .gwt-DecoratedPopupPanel .bottomCenter {
+html>body .gwt-DecoratedPopupPanel .popupBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-DecoratedPopupPanel .bottomCenter {
+* html .gwt-DecoratedPopupPanel .popupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_black_shadow.png',sizingMethod='scale');
 }
-.gwt-DecoratedPopupPanel .middleLeft {
+.gwt-DecoratedPopupPanel .popupMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-DecoratedPopupPanel .middleRight {
+html>body .gwt-DecoratedPopupPanel .popupMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-DecoratedPopupPanel .middleRight {
+* html .gwt-DecoratedPopupPanel .popupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_black_shadow.png',sizingMethod='scale');
 }
-.gwt-DecoratedPopupPanel .topLeft,
-.gwt-DecoratedPopupPanel .topRight,
-.gwt-DecoratedPopupPanel .bottomLeft,
-.gwt-DecoratedPopupPanel .bottomRight {
+.gwt-DecoratedPopupPanel .popupTopLeftInner {
+  width: 5px;
+  height: 5px;
   zoom: 1;
 }
-html>body .gwt-DecoratedPopupPanel .topLeft {
-  width: 5px;
+.gwt-DecoratedPopupPanel .popupTopRightInner {
+  width: 8px;
   height: 5px;
+  zoom: 1;
+}
+.gwt-DecoratedPopupPanel .popupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-DecoratedPopupPanel .popupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-DecoratedPopupPanel .popupTopLeft {
   background: url(images/corner.png) no-repeat 0px -10px;
 }
-html>body .gwt-DecoratedPopupPanel .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-DecoratedPopupPanel .popupTopRight {
   background: url(images/corner.png) no-repeat -5px -10px;
 }
-html>body .gwt-DecoratedPopupPanel .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-DecoratedPopupPanel .popupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -15px;
 }
-html>body .gwt-DecoratedPopupPanel .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-DecoratedPopupPanel .popupBottomRight {
   background: url(images/corner.png) no-repeat -5px -15px;
 }
-* html .gwt-DecoratedPopupPanel .topLeftInner {
+* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
   width: 5px;
   height: 15px;
   margin-top: -10px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .topRightInner {
+* html .gwt-DecoratedPopupPanel .popupTopRightInner {
   width: 13px;
   height: 15px;
   margin-left: -5px;
@@ -506,14 +454,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .bottomLeftInner {
+* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
   width: 5px;
   height: 23px;
   margin-top: -15px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .bottomRightInner {
+* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
   width: 13px;
   height: 23px;
   margin-left: -5px;
@@ -522,10 +470,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the push button, a customizable button that can be pressed
- * and released.
- */
 .gwt-PushButton-up,
 .gwt-PushButton-up-hovering,
 .gwt-PushButton-up-disabled,
@@ -534,7 +478,6 @@
 .gwt-PushButton-down-disabled {
   margin: 0;
   padding: 3px 5px;
-  font-family:Arial, sans-serif;
   text-decoration: none;
   background: url("images/hborder.png") repeat-x 0px -27px;
 }
@@ -574,83 +517,66 @@
   zoom: 1;
 }
 
-/**
- * Applied to radio buttons and the text next to them.
- */
 .gwt-RadioButton {
   padding: 4px 3px 3px 4px;
 }
-
 .gwt-RadioButton-disabled {
   color: #888;
 }
 
-/**
- * Applied to the Rich Text Area.
- */
 .gwt-RichTextArea {
 }
-
 .hasRichTextToolbar {
   border: 0px;
 }
-
 .gwt-RichTextToolbar {
   background: #222222;
   border-bottom: 1px solid #BBBBBB;
   padding: 3px;
   margin: 0px;
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-up {
   padding: 0px 0px 0px 1px;
   margin-left: 4px;
   margin-bottom: 4px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-up-hovering {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-down {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-up {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-down {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
   margin-left: 4px;
   margin-bottom: 4px;
@@ -658,9 +584,6 @@
   border-width: 1px;
 }
 
-/**
- * Applied to StackPanel.
- */
 .gwt-StackPanel {
   border-bottom: 1px solid #000;
 }
@@ -681,9 +604,6 @@
   padding: 2px 5px 10px 2px;
 }
 
-/**
- * Applied to DecoratedStackPanel.
- */
 .gwt-DecoratedStackPanel {
   border-bottom: 1px solid #000;
 }
@@ -703,16 +623,13 @@
   border-bottom: 0px;
   background: #222;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner {
+.gwt-DecoratedStackPanel .stackItemTopLeft,
+.gwt-DecoratedStackPanel .stackItemTopRight,
+.gwt-DecoratedStackPanel .stackItemTopLeftInner,
+.gwt-DecoratedStackPanel .stackItemTopRightInner {
   display: none;
 }
 
-/**
- * Applied to the suggest box.
- */
 .gwt-SuggestBox {
   padding: 2px;
 }
@@ -727,55 +644,67 @@
 .gwt-SuggestBoxPopup .item-selected {
   background: #b7d6f6;
 }
-.gwt-SuggestBoxPopup .middleCenter {
+.gwt-SuggestBoxPopup .suggestPopupContent {
   background: #ddd;
 }
-.gwt-SuggestBoxPopup .topCenter {
+.gwt-SuggestBoxPopup .suggestPopupTopCenter {
   background: url(images/hborder.png) repeat-x;
 }
-html>body .gwt-SuggestBoxPopup .bottomCenter {
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-SuggestBoxPopup .bottomCenter {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_black_shadow.png',sizingMethod='scale');
 }
-.gwt-SuggestBoxPopup .middleLeft {
+.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-SuggestBoxPopup .middleRight {
+html>body .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-SuggestBoxPopup .middleRight {
+* html .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_black_shadow.png',sizingMethod='scale');
 }
-html>body .gwt-SuggestBoxPopup .topLeft {
+.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
   width: 5px;
   height: 5px;
+  zoom: 1;  
+}
+.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
+  width: 8px;
+  height: 5px;
+  zoom: 1;
+}
+.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-SuggestBoxPopup .suggestPopupTopLeft {
   background: url(images/corner.png) no-repeat 0px -23px;
 }
-html>body .gwt-SuggestBoxPopup .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-SuggestBoxPopup .suggestPopupTopRight {
   background: url(images/corner.png) no-repeat -5px -23px;
 }
-html>body .gwt-SuggestBoxPopup .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -28px;
 }
-html>body .gwt-SuggestBoxPopup .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomRight {
   background: url(images/corner.png) no-repeat -5px -28px;
 }
-* html .gwt-SuggestBoxPopup .topLeftInner {
+* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
   width: 5px;
   height: 28px;
   margin-top: -23px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .topRightInner {
+* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
   width: 13px;
   height: 28px;
   margin-left: -5px;
@@ -783,14 +712,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .bottomLeftInner {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
   width: 5px;
   height: 36px;
   margin-top: -28px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .bottomRightInner {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
   width: 13px;
   height: 36px;
   margin-left: -5px;
@@ -799,9 +728,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to TabPanel.
- */
 .gwt-TabBar {
 }
 .gwt-TabBar .gwt-TabBarFirst {
@@ -823,7 +749,6 @@
   cursor: default;
   background: #000;
 } 
-
 .gwt-TabPanel {
 }
 .gwt-TabPanelBottom {
@@ -834,9 +759,6 @@
   padding: 6px;
 }
 
-/**
- * Applied to DecoratedTabPanel.
- */ 
 .gwt-DecoratedTabBar {
 }
 .gwt-DecoratedTabBar .gwt-TabBarFirst {
@@ -848,13 +770,13 @@
   border-collapse: collapse;
   margin-right: 6px;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .topLeft,
-.gwt-DecoratedTabBar .gwt-TabBarItem .topRight,
-.gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner,
-.gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner {
+.gwt-DecoratedTabBar .tabTopLeft,
+.gwt-DecoratedTabBar .tabTopRight,
+.gwt-DecoratedTabBar .tabTopLeftInner,
+.gwt-DecoratedTabBar .tabTopRightInner {
   display: none;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleCenter {
+.gwt-DecoratedTabBar .tabMiddleCenter {
   padding: 4px 6px;
   cursor: pointer;
   cursor: hand;
@@ -863,37 +785,25 @@
   text-align: center;
   background: #222;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleCenter {
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
   cursor: default;
   background: #000;
 }
 
-/**
- * Applied to general text areas.
- */
 .gwt-TextArea {
   padding: 2px;
 }
-
 .gwt-TextArea-readonly {
   color: #888;
 }
 
-/**
- * Applied to text boxes.
- */
 .gwt-TextBox {
   padding: 2px;
 }
-
 .gwt-TextBox-readonly {
   color: #888;
 }
 
-/**
- * Applied to toggle buttons, a customizable button that can be toggled
- * between two states (similar to a checkbox).
- */
 .gwt-ToggleButton-up,
 .gwt-ToggleButton-up-hovering,
 .gwt-ToggleButton-up-disabled,
@@ -902,7 +812,6 @@
 .gwt-ToggleButton-down-disabled {
   margin: 0;
   padding: 3px 5px;
-  font-family:Arial, sans-serif;
   text-decoration: none;
   background: url("images/hborder.png") repeat-x 0px -27px;
 }
@@ -946,9 +855,6 @@
   filter: alpha(opacity=40);
 }
 
-/**
- * Applied to the Tree.
- */
 .gwt-Tree .gwt-TreeItem {
   padding: 1px;
   margin: 0px;
diff --git a/user/src/com/google/gwt/user/public/default/GWT.css b/user/src/com/google/gwt/user/public/default/GWT.css
index 854ea1e..106cd95 100644
--- a/user/src/com/google/gwt/user/public/default/GWT.css
+++ b/user/src/com/google/gwt/user/public/default/GWT.css
@@ -14,32 +14,21 @@
  * so we need to use the AlphaImageLoader in IE6 only.
  */
 
-/**
- * Applied to the entire page.
- */
-body,td,a,div,.p {
-  font-family:arial,sans-serif
+body, table td, a, div, .p, pre {
+  font-family: Arial, sans-serif;
+  font-size: small;
 }
-
 body {
   color: black;
-  font-family: Helvetica, Arial, sans-serif;
-  font-size: small;
   margin: 0px;
   border: 0px;
   padding: 0px;
   background: #fff;
   direction: ltr;
 }
-
-table td, pre {
-  font-size: small;
-}
-
 a, a:visited, a:hover {
   color: #0000AA;
 }
-
 iframe {
   border-top: 2px solid #666;
   border-left: 2px solid #666;
@@ -47,50 +36,38 @@
   border-bottom: 2px solid #bbb;
 }
 
-/**
- * Applied to buttons.
- */
 .gwt-Button {
   margin: 0;
-  padding: .3em 5px;
-  font-family:Arial, sans-serif;
+  padding: 3px 5px;
   text-decoration: none;
+  font-size: small;
   cursor: pointer;
   cursor: hand;
   background: url("images/hborder.png") repeat-x 0px -27px;
   border: 1px outset #ccc;
 }
-
 .gwt-Button:active {
   border: 1px inset #ccc;
 }
-
 .gwt-Button:hover {
   border-color: #9cf #69e #69e #7af;
 }
-
 .gwt-Button[disabled] {
   cursor: default;
   color: #888;
 }
-
 .gwt-Button[disabled]:hover {
   border: 1px outset #ccc;
 }
 
-/**
- * Applied to the checkbox and text next to the checkbox.
- */
 .gwt-CheckBox {
 }
-
 .gwt-CheckBox-disabled {
   color: #888;
 }
 
-/**
- * Applied to the decorator panel.
- */
+.gwt-DecoratorPanel {
+}
 .gwt-DecoratorPanel .topCenter,
 .gwt-DecoratorPanel .bottomCenter {
   background: url(images/hborder.png) repeat-x;
@@ -149,9 +126,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the dialog box.
- */
 .gwt-DialogBox .Caption {
   background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
   padding: 4px 4px 4px 8px;
@@ -159,69 +133,75 @@
   border-bottom: 1px solid #bbbbbb;
   border-top: 5px solid #d0e4f6;
 }
-.gwt-DialogBox .content {
+.gwt-DialogBox .dialogContent {
 }
-.gwt-DialogBox .middleCenter {
+.gwt-DialogBox .dialogMiddleCenter {
   padding: 3px;
   background: white;
 }
-html>body .gwt-DialogBox .bottomCenter {
+html>body .gwt-DialogBox .dialogBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-DialogBox .bottomCenter {
+* html .gwt-DialogBox .dialogBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DialogBox .middleLeft {
+.gwt-DialogBox .dialogMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-DialogBox .middleRight {
+html>body .gwt-DialogBox .dialogMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-DialogBox .middleRight {
+* html .gwt-DialogBox .dialogMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DialogBox .topLeft,
-.gwt-DialogBox .topRight,
-.gwt-DialogBox .bottomLeft,
-.gwt-DialogBox .bottomRight {
+.gwt-DialogBox .dialogTopLeftInner {
+  width: 5px;
   zoom: 1;
 }
-html>body .gwt-DialogBox .topLeft {
+.gwt-DialogBox .dialogTopRightInner {
+  width: 8px;
+  zoom: 1;
+}
+.gwt-DialogBox .dialogBottomLeftInner {
   width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-DialogBox .dialogBottomRightInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-DialogBox .dialogTopLeft {
   background: url(images/corner.png) no-repeat -13px 0px;
 }
-html>body .gwt-DialogBox .topRight {
-  width: 8px;
+html>body .gwt-DialogBox .dialogTopRight {
   background: url(images/corner.png) no-repeat -18px 0px;
 }
-html>body .gwt-DialogBox .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-DialogBox .dialogBottomLeft {
   background: url(images/corner.png) no-repeat 0px -15px;
 }
-html>body .gwt-DialogBox .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-DialogBox .dialogBottomRight {
   background: url(images/corner.png) no-repeat -5px -15px;
 }
-* html .gwt-DialogBox .topLeft {
+* html .gwt-DialogBox .dialogTopLeft {
   width: 5px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .topRight {
+* html .gwt-DialogBox .dialogTopRight {
   width: 8px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/corner_dialog_topright.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .bottomLeftInner {
+* html .gwt-DialogBox .dialogBottomLeftInner {
   width: 5px;
   height: 23px;
   margin-top: -15px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .bottomRightInner {
+* html .gwt-DialogBox .dialogBottomRightInner {
   width: 13px;
   height: 23px;
   margin-left: -5px;
@@ -230,42 +210,29 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the disclosure panel, which shows or hides content when the user
- * toggles the header.
- */
 .gwt-DisclosurePanel {
 }
-
-.gwt-DisclosurePanel a {
-  text-decoration: none;  /* Remove underline from header */ 
-}
-
 .gwt-DisclosurePanel-open {
 }
-
 .gwt-DisclosurePanel-closed {
 }
-
-.gwt-DisclosurePanel .header {
-  color: black;
+.gwt-DisclosurePanel .header,
+.gwt-DisclosurePanel .header a,
+.gwt-DisclosurePanel .header td {
+  text-decoration: none;  /* Remove underline from header */
+  color: black; 
+  cursor: pointer;
+  cursor: hand;
 }
-
 .gwt-DisclosurePanel .content {
   border-left: 3px solid #e8eef7;
   padding: 4px 0px 4px 8px;
   margin-left: 6px;
 }
 
-/**
- * Applied to the File Upload.
- */
 .gwt-FileUpload {
 }
 
-/**
- * Applied to split panels.
- */
 .gwt-HorizontalSplitPanel {
 }
 .gwt-HorizontalSplitPanel .hsplitter {
@@ -281,63 +248,40 @@
   background: #91c0ef url(images/hborder.png) repeat-x;
 }
 
-/**
- * Applied to all HTML label elements.
- */
 .gwt-HTML {
 }
 
-/**
- * Applied to all Hyperlinks.
- */
 .gwt-Hyperlink {
 }
 
-/**
- * Applied to all Images
- */
 .gwt-Image {
 }
 
-/**
- * Applied to all Label elements.
- */
 .gwt-Label {
 }
 
-/**
- * Applied to list boxes.
- */
 .gwt-ListBox {
 }
 
-/**
- * Applied to the menu bar.
- */
 .gwt-MenuBar {
   cursor: default;
 }
-
 .gwt-MenuBar .gwt-MenuItem {
   cursor: default;
 }
-
 .gwt-MenuBar .gwt-MenuItem-selected {
   background: #E0EDFE;
 }
-
 .gwt-MenuBar-horizontal {
   background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
   border: 1px solid #BBBBBB;
 }
-
 .gwt-MenuBar-horizontal .gwt-MenuItem {
   padding: 0px 10px;
   vertical-align: bottom;
   color: #666666;
   font-weight: bold;
 }
-
 .gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
   width: 1px;
   padding: 0px;
@@ -346,31 +290,25 @@
   border-left: 1px solid #888888;
   background: white;
 }
-
-.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .content {
+.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
   width: 1px;
   background: white; 
 }
-
 .gwt-MenuBar-vertical {
   margin-top: 0px;
   margin-left: 0px;
   background: white;
 }
-
 .gwt-MenuBar-vertical table {
   border-collapse: collapse;
 }
-
 .gwt-MenuBar-vertical .gwt-MenuItem {
   padding: 4px 14px 4px 1px;
 }
-
 .gwt-MenuBar-vertical .gwt-MenuItemSeparator {
   padding: 2px 0px;
 }
-
-.gwt-MenuBar-vertical .gwt-MenuItemSeparator .content {
+.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
   height: 1px;
   padding: 0px;
   border: 0px;
@@ -387,52 +325,64 @@
 .gwt-MenuBarPopup {
   margin: 0px 0px 0px 3px;
 }
-.gwt-MenuBarPopup .topCenter {
+.gwt-MenuBarPopup .menuPopupTopCenter {
   background: url(images/hborder.png) 0px -12px repeat-x;
 }
-html>body .gwt-MenuBarPopup .bottomCenter {
+html>body .gwt-MenuBarPopup .menuPopupBottomCenter {
   background: url(images/hborder.png) 0px -13px repeat-x;
 }
-* html .gwt-MenuBarPopup .bottomCenter {
+* html .gwt-MenuBarPopup .menuPopupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
 }
-.gwt-MenuBarPopup .middleLeft {
+.gwt-MenuBarPopup .menuPopupMiddleLeft {
   background: url(images/vborder.png) -12px 0px repeat-y;
 }
-html>body .gwt-MenuBarPopup .middleRight {
+html>body .gwt-MenuBarPopup .menuPopupMiddleRight {
   background: url(images/vborder.png) -13px 0px repeat-y;
 }
-* html .gwt-MenuBarPopup .middleRight {
+* html .gwt-MenuBarPopup .menuPopupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
 }
-html>body .gwt-MenuBarPopup .topLeft {
+.gwt-MenuBarPopup .menuPopupTopLeftInner {
   width: 5px;
   height: 5px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupTopRightInner {
+  width: 8px;
+  height: 5px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-MenuBarPopup .menuPopupTopLeft {
   background: url(images/corner.png) no-repeat 0px -36px;
 }
-html>body .gwt-MenuBarPopup .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-MenuBarPopup .menuPopupTopRight {
   background: url(images/corner.png) no-repeat -5px -36px;
 }
-html>body .gwt-MenuBarPopup .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-MenuBarPopup .menuPopupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -41px;
 }
-html>body .gwt-MenuBarPopup .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-MenuBarPopup .menuPopupBottomRight {
   background: url(images/corner.png) no-repeat -5px -41px;
 }
-* html .gwt-MenuBarPopup .topLeftInner {
+* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
   width: 5px;
   height: 41px;
   margin-top: -36px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .topRightInner {
+* html .gwt-MenuBarPopup .menuPopupTopRightInner {
   width: 13px;
   height: 41px;
   margin-left: -5px;
@@ -440,14 +390,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .bottomLeftInner {
+* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
   width: 5px;
   height: 49px;
   margin-top: -41px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .bottomRightInner {
+* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
   width: 13px;
   height: 49px;
   margin-left: -5px;
@@ -456,9 +406,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the password input box.
- */
 .gwt-PasswordTextBox {
   padding: 2px;
 }
@@ -466,76 +413,76 @@
   color: #888;
 }
 
-/**
- * Applied to PopupPanel.
- */
 .gwt-PopupPanel {
   border: 3px solid #C3D9FF;
   padding: 3px;
   background: white;
 }
 
-/**
- * Applied to the DecoratedPopupPanel.
- */
-.gwt-DecoratedPopupPanel .content {
+.gwt-DecoratedPopupPanel .popupContent {
 }
-.gwt-DecoratedPopupPanel .middleCenter {
+.gwt-DecoratedPopupPanel .popupMiddleCenter {
   padding: 3px;
   background: white;
 }
-.gwt-DecoratedPopupPanel .topCenter {
+.gwt-DecoratedPopupPanel .popupTopCenter {
   background: url(images/hborder.png) repeat-x;
 }
-html>body .gwt-DecoratedPopupPanel .bottomCenter {
+html>body .gwt-DecoratedPopupPanel .popupBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-DecoratedPopupPanel .bottomCenter {
+* html .gwt-DecoratedPopupPanel .popupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DecoratedPopupPanel .middleLeft {
+.gwt-DecoratedPopupPanel .popupMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-DecoratedPopupPanel .middleRight {
+html>body .gwt-DecoratedPopupPanel .popupMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-DecoratedPopupPanel .middleRight {
+* html .gwt-DecoratedPopupPanel .popupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DecoratedPopupPanel .topLeft,
-.gwt-DecoratedPopupPanel .topRight,
-.gwt-DecoratedPopupPanel .bottomLeft,
-.gwt-DecoratedPopupPanel .bottomRight {
+.gwt-DecoratedPopupPanel .popupTopLeftInner {
+  width: 5px;
+  height: 5px;
   zoom: 1;
 }
-html>body .gwt-DecoratedPopupPanel .topLeft {
-  width: 5px;
+.gwt-DecoratedPopupPanel .popupTopRightInner {
+  width: 8px;
   height: 5px;
+  zoom: 1;
+}
+.gwt-DecoratedPopupPanel .popupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-DecoratedPopupPanel .popupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-DecoratedPopupPanel .popupTopLeft {
   background: url(images/corner.png) no-repeat 0px -10px;
 }
-html>body .gwt-DecoratedPopupPanel .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-DecoratedPopupPanel .popupTopRight {
   background: url(images/corner.png) no-repeat -5px -10px;
 }
-html>body .gwt-DecoratedPopupPanel .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-DecoratedPopupPanel .popupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -15px;
 }
-html>body .gwt-DecoratedPopupPanel .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-DecoratedPopupPanel .popupBottomRight {
   background: url(images/corner.png) no-repeat -5px -15px;
 }
-* html .gwt-DecoratedPopupPanel .topLeftInner {
+* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
   width: 5px;
   height: 15px;
   margin-top: -10px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .topRightInner {
+* html .gwt-DecoratedPopupPanel .popupTopRightInner {
   width: 13px;
   height: 15px;
   margin-left: -5px;
@@ -543,14 +490,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .bottomLeftInner {
+* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
   width: 5px;
   height: 23px;
   margin-top: -15px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .bottomRightInner {
+* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
   width: 13px;
   height: 23px;
   margin-left: -5px;
@@ -559,10 +506,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the push button, a customizable button that can be pressed
- * and released.
- */
 .gwt-PushButton-up,
 .gwt-PushButton-up-hovering,
 .gwt-PushButton-up-disabled,
@@ -571,7 +514,6 @@
 .gwt-PushButton-down-disabled {
   margin: 0;
   padding: 3px 5px;
-  font-family:Arial, sans-serif;
   text-decoration: none;
   background: url("images/hborder.png") repeat-x 0px -27px;
 }
@@ -612,83 +554,66 @@
   zoom: 1;
 }
 
-/**
- * Applied to radio buttons and the text next to them.
- */
 .gwt-RadioButton {
   padding: 4px 4px 3px 3px;
 }
-
 .gwt-RadioButton-disabled {
   color: #888;
 }
 
-/**
- * Applied to the Rich Text Area.
- */
 .gwt-RichTextArea {
 }
-
 .hasRichTextToolbar {
   border: 0px;
 }
-
 .gwt-RichTextToolbar {
   background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
   border-bottom: 1px solid #BBBBBB;
   padding: 3px;
   margin: 0px;
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-up {
   padding: 0px 1px 0px 0px;
   margin-right: 4px;
   margin-bottom: 4px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-up-hovering {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-down {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-up {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-down {
   margin-right: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
   margin-right: 4px;
   margin-bottom: 4px;
@@ -696,9 +621,6 @@
   border-width: 1px;
 }
 
-/**
- * Applied to StackPanel.
- */
 .gwt-StackPanel {
   border-bottom: 1px solid #bbbbbb;
 }
@@ -719,9 +641,6 @@
   padding: 2px 2px 10px 5px;
 }
 
-/**
- * Applied to DecoratedStackPanel.
- */
 .gwt-DecoratedStackPanel {
   border-bottom: 1px solid #bbbbbb;
 }
@@ -735,26 +654,26 @@
   cursor: pointer;
   cursor: hand;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight {
+.gwt-DecoratedStackPanel .stackItemTopLeft,
+.gwt-DecoratedStackPanel .stackItemTopRight {
   height: 6px;
   width: 6px;
   zoom: 1;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft {
+html>body .gwt-DecoratedStackPanel .stackItemTopLeft {
   background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
   border-left: 1px solid #bbbbbb;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight {
+html>body .gwt-DecoratedStackPanel .stackItemTopRight {
   background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
   border-right: 1px solid #bbbbbb;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner {
+.gwt-DecoratedStackPanel .stackItemTopLeftInner,
+.gwt-DecoratedStackPanel .stackItemTopRightInner {
   width: 1px;
   height: 1px;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner {
+* html .gwt-DecoratedStackPanel .stackItemTopLeftInner {
   width: 6px;
   height: 55px;
   margin-top: -49px;
@@ -763,7 +682,7 @@
   background-color: #d3def6;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner {
+* html .gwt-DecoratedStackPanel .stackItemTopRightInner {
   width: 12px;
   height: 55px;
   margin-top: -49px;
@@ -773,52 +692,49 @@
   background-color: #d3def6;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topCenter {
+.gwt-DecoratedStackPanel .stackItemTopCenter {
   background: url(images/hborder.png) 0px -21px repeat-x;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeft {
+.gwt-DecoratedStackPanel .stackItemMiddleLeft {
   background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
   border-left: 1px solid #bbbbbb;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeftInner,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRightInner {
+.gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
+.gwt-DecoratedStackPanel .stackItemMiddleRightInner {
   width: 1px;
   height: 1px;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRight {
+.gwt-DecoratedStackPanel .stackItemMiddleRight {
   background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
   border-right: 1px solid #bbbbbb;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleCenter {
+.gwt-DecoratedStackPanel .stackItemMiddleCenter {
   font-weight: bold;
   font-size: 1.3em;
   background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRight,
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeft {
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
   border: 0px;
   background-color: white;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeft,
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRight {
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
   background-color: white;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner,
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRightInner {
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeftInner,
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRightInner {
   border: 0px;
   background-color: white;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner {
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeftInner {
   padding-left: 1px;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeftInner,
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRightInner {
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeftInner,
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRightInner {
   background-color: white;
 }
 
-/**
- * Applied to the suggest box.
- */
 .gwt-SuggestBox {
   padding: 2px;
 }
@@ -833,55 +749,67 @@
 .gwt-SuggestBoxPopup .item-selected {
   background: #b7d6f6;
 }
-.gwt-SuggestBoxPopup .middleCenter {
+.gwt-SuggestBoxPopup .suggestPopupContent {
   background: white;
 }
-.gwt-SuggestBoxPopup .topCenter {
+.gwt-SuggestBoxPopup .suggestPopupTopCenter {
   background: url(images/hborder.png) repeat-x;
 }
-html>body .gwt-SuggestBoxPopup .bottomCenter {
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-SuggestBoxPopup .bottomCenter {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-SuggestBoxPopup .middleLeft {
+.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-SuggestBoxPopup .middleRight {
+html>body .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-SuggestBoxPopup .middleRight {
+* html .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
 }
-html>body .gwt-SuggestBoxPopup .topLeft {
+.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
   width: 5px;
   height: 5px;
+  zoom: 1;  
+}
+.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
+  width: 8px;
+  height: 5px;
+  zoom: 1;
+}
+.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-SuggestBoxPopup .suggestPopupTopLeft {
   background: url(images/corner.png) no-repeat 0px -23px;
 }
-html>body .gwt-SuggestBoxPopup .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-SuggestBoxPopup .suggestPopupTopRight {
   background: url(images/corner.png) no-repeat -5px -23px;
 }
-html>body .gwt-SuggestBoxPopup .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -28px;
 }
-html>body .gwt-SuggestBoxPopup .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomRight {
   background: url(images/corner.png) no-repeat -5px -28px;
 }
-* html .gwt-SuggestBoxPopup .topLeftInner {
+* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
   width: 5px;
   height: 28px;
   margin-top: -23px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .topRightInner {
+* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
   width: 13px;
   height: 28px;
   margin-left: -5px;
@@ -889,14 +817,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .bottomLeftInner {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
   width: 5px;
   height: 36px;
   margin-top: -28px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .bottomRightInner {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
   width: 13px;
   height: 36px;
   margin-left: -5px;
@@ -905,9 +833,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to TabPanel.
- */
 .gwt-TabBar {
 }
 .gwt-TabBar .gwt-TabBarFirst {
@@ -929,7 +854,6 @@
   cursor: default;
   background: #92c1f0;
 } 
-
 .gwt-TabPanel {
 }
 .gwt-TabPanelBottom {
@@ -940,9 +864,6 @@
   padding: 6px;
 }
 
-/**
- * Applied to DecoratedTabPanel.
- */ 
 .gwt-DecoratedTabBar {
 }
 .gwt-DecoratedTabBar .gwt-TabBarFirst {
@@ -954,34 +875,34 @@
   border-collapse: collapse;
   margin-left: 6px;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .topCenter {
+.gwt-DecoratedTabBar .tabTopCenter {
   padding: 0px;
   background: #d0e4f6;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .topLeft,
-.gwt-DecoratedTabBar .gwt-TabBarItem .topRight {
+.gwt-DecoratedTabBar .tabTopLeft,
+.gwt-DecoratedTabBar .tabTopRight {
   padding: 0px;
   zoom: 1;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner,
-.gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner {
+.gwt-DecoratedTabBar .tabTopLeftInner,
+.gwt-DecoratedTabBar .tabTopRightInner {
   width: 6px;
   height: 6px;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topLeft {
+html>body .gwt-DecoratedTabBar .tabTopLeft {
   background: url(images/corner.png) no-repeat 0px -55px;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topRight {
+html>body .gwt-DecoratedTabBar .tabTopRight {
   background: url(images/corner.png) no-repeat -6px -55px;
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner {
+* html .gwt-DecoratedTabBar .tabTopLeftInner {
   width: 5px;
   height: 61px;
   margin-top: -55px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner {
+* html .gwt-DecoratedTabBar .tabTopRightInner {
   width: 12px;
   height: 61px;
   margin-top: -55px;
@@ -989,18 +910,18 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeft,
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleRight {
+.gwt-DecoratedTabBar .tabMiddleLeft,
+.gwt-DecoratedTabBar .tabMiddleRight {
   width: 6px;
   padding: 0px;
   background: #d0e4f6;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeftInner,
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleRightInner {
+.gwt-DecoratedTabBar .tabMiddleLeftInner,
+.gwt-DecoratedTabBar .tabMiddleRightInner {
   width: 1px;
   height: 1px;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleCenter {
+.gwt-DecoratedTabBar .tabMiddleCenter {
   padding: 0px 4px 2px 4px;
   cursor: pointer;
   cursor: hand;
@@ -1009,23 +930,23 @@
   text-align: center;
   background: #d0e4f6;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .topCenter {
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
   background: #92c1f0;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeft {
+html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
   background-position: 0px -61px;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRight {
+html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
   background-position: -6px -61px;
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeftInner {
+* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeftInner {
   width: 5px;
   height: 67px;
   margin-top: -61px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRightInner {
+* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRightInner {
   width: 12px;
   height: 67px;
   margin-top: -61px;
@@ -1033,41 +954,29 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleLeft,
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleRight {
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
   background: #92c1f0;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleCenter {
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
   cursor: default;
   background: #92c1f0;
 }
 
-/**
- * Applied to general text areas.
- */
 .gwt-TextArea {
   padding: 2px;
 }
-
 .gwt-TextArea-readonly {
   color: #888;
 }
 
-/**
- * Applied to text boxes.
- */
 .gwt-TextBox {
   padding: 2px;
 }
-
 .gwt-TextBox-readonly {
   color: #888;
 }
 
-/**
- * Applied to toggle buttons, a customizable button that can be toggled
- * between two states (similar to a checkbox).
- */
 .gwt-ToggleButton-up,
 .gwt-ToggleButton-up-hovering,
 .gwt-ToggleButton-up-disabled,
@@ -1076,7 +985,6 @@
 .gwt-ToggleButton-down-disabled {
   margin: 0;
   padding: 3px 5px;
-  font-family:Arial, sans-serif;
   text-decoration: none;
   background: url("images/hborder.png") repeat-x 0px -27px;
 }
@@ -1120,9 +1028,6 @@
   filter: alpha(opacity=40);
 }
 
-/**
- * Applied to the Tree.
- */
 .gwt-Tree .gwt-TreeItem {
   padding: 1px;
   margin: 0px;
diff --git a/user/src/com/google/gwt/user/public/default/GWT_rtl.css b/user/src/com/google/gwt/user/public/default/GWT_rtl.css
index 567aef7..4e0309f 100644
--- a/user/src/com/google/gwt/user/public/default/GWT_rtl.css
+++ b/user/src/com/google/gwt/user/public/default/GWT_rtl.css
@@ -14,32 +14,21 @@
  * so we need to use the AlphaImageLoader in IE6 only.
  */
 
-/**
- * Applied to the entire page.
- */
-body,td,a,div,.p {
-  font-family:arial,sans-serif
+body, table td, a, div, .p, pre {
+  font-family: Arial, sans-serif;
+  font-size: small;
 }
-
 body {
   color: black;
-  font-family: Helvetica, Arial, sans-serif;
-  font-size: small;
   margin: 0px;
   border: 0px;
   padding: 0px;
   background: #fff;
   direction: rtl;
 }
-
-table td, pre {
-  font-size: small;
-}
-
 a, a:visited, a:hover {
   color: #0000AA;
 }
-
 iframe {
   border-top: 2px solid #666;
   border-left: 2px solid #666;
@@ -47,50 +36,38 @@
   border-bottom: 2px solid #bbb;
 }
 
-/**
- * Applied to buttons.
- */
 .gwt-Button {
   margin: 0;
-  padding: .3em 5px;
-  font-family:Arial, sans-serif;
+  padding: 3px 5px;
   text-decoration: none;
+  font-size: small;
   cursor: pointer;
   cursor: hand;
   background: url("images/hborder.png") repeat-x 0px -27px;
   border: 1px outset #ccc;
 }
-
 .gwt-Button:active {
   border: 1px inset #ccc;
 }
-
 .gwt-Button:hover {
   border-color: #9cf #69e #69e #7af;
 }
-
 .gwt-Button[disabled] {
   cursor: default;
   color: #888;
 }
-
 .gwt-Button[disabled]:hover {
   border: 1px outset #ccc;
 }
 
-/**
- * Applied to the checkbox and text next to the checkbox.
- */
 .gwt-CheckBox {
 }
-
 .gwt-CheckBox-disabled {
   color: #888;
 }
 
-/**
- * Applied to the decorator panel.
- */
+.gwt-DecoratorPanel {
+}
 .gwt-DecoratorPanel .topCenter,
 .gwt-DecoratorPanel .bottomCenter {
   background: url(images/hborder.png) repeat-x;
@@ -149,9 +126,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the dialog box.
- */
 .gwt-DialogBox .Caption {
   background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
   padding: 4px 8px 4px 4px;
@@ -159,69 +133,75 @@
   border-bottom: 1px solid #bbbbbb;
   border-top: 5px solid #d0e4f6;
 }
-.gwt-DialogBox .content {
+.gwt-DialogBox .dialogContent {
 }
-.gwt-DialogBox .middleCenter {
+.gwt-DialogBox .dialogMiddleCenter {
   padding: 3px;
   background: white;
 }
-html>body .gwt-DialogBox .bottomCenter {
+html>body .gwt-DialogBox .dialogBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-DialogBox .bottomCenter {
+* html .gwt-DialogBox .dialogBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DialogBox .middleLeft {
+.gwt-DialogBox .dialogMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-DialogBox .middleRight {
+html>body .gwt-DialogBox .dialogMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-DialogBox .middleRight {
+* html .gwt-DialogBox .dialogMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DialogBox .topLeft,
-.gwt-DialogBox .topRight,
-.gwt-DialogBox .bottomLeft,
-.gwt-DialogBox .bottomRight {
+.gwt-DialogBox .dialogTopLeftInner {
+  width: 5px;
   zoom: 1;
 }
-html>body .gwt-DialogBox .topLeft {
+.gwt-DialogBox .dialogTopRightInner {
+  width: 8px;
+  zoom: 1;
+}
+.gwt-DialogBox .dialogBottomLeftInner {
   width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-DialogBox .dialogBottomRightInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-DialogBox .dialogTopLeft {
   background: url(images/corner.png) no-repeat -13px 0px;
 }
-html>body .gwt-DialogBox .topRight {
-  width: 8px;
+html>body .gwt-DialogBox .dialogTopRight {
   background: url(images/corner.png) no-repeat -18px 0px;
 }
-html>body .gwt-DialogBox .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-DialogBox .dialogBottomLeft {
   background: url(images/corner.png) no-repeat 0px -15px;
 }
-html>body .gwt-DialogBox .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-DialogBox .dialogBottomRight {
   background: url(images/corner.png) no-repeat -5px -15px;
 }
-* html .gwt-DialogBox .topLeft {
+* html .gwt-DialogBox .dialogTopLeft {
   width: 5px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .topRight {
+* html .gwt-DialogBox .dialogTopRight {
   width: 8px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/corner_dialog_topright.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .bottomLeftInner {
+* html .gwt-DialogBox .dialogBottomLeftInner {
   width: 5px;
   height: 23px;
   margin-top: -15px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DialogBox .bottomRightInner {
+* html .gwt-DialogBox .dialogBottomRightInner {
   width: 13px;
   height: 23px;
   margin-left: -5px;
@@ -230,42 +210,29 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the disclosure panel, which shows or hides content when the user
- * toggles the header.
- */
 .gwt-DisclosurePanel {
 }
-
-.gwt-DisclosurePanel a {
-  text-decoration: none;  /* Remove underline from header */ 
-}
-
 .gwt-DisclosurePanel-open {
 }
-
 .gwt-DisclosurePanel-closed {
 }
-
-.gwt-DisclosurePanel .header {
-  color: black;
+.gwt-DisclosurePanel .header,
+.gwt-DisclosurePanel .header a,
+.gwt-DisclosurePanel .header td {
+  text-decoration: none;  /* Remove underline from header */
+  color: black; 
+  cursor: pointer;
+  cursor: hand;
 }
-
 .gwt-DisclosurePanel .content {
   border-right: 3px solid #e8eef7;
   padding: 4px 8px 4px 0px;
   margin-right: 6px;
 }
 
-/**
- * Applied to the File Upload.
- */
 .gwt-FileUpload {
 }
 
-/**
- * Applied to split panels.
- */
 .gwt-HorizontalSplitPanel {
 }
 .gwt-HorizontalSplitPanel .hsplitter {
@@ -281,63 +248,40 @@
   background: #91c0ef url(images/hborder.png) repeat-x;
 }
 
-/**
- * Applied to all HTML label elements.
- */
 .gwt-HTML {
 }
 
-/**
- * Applied to all Hyperlinks.
- */
 .gwt-Hyperlink {
 }
 
-/**
- * Applied to all Images
- */
 .gwt-Image {
 }
 
-/**
- * Applied to all Label elements.
- */
 .gwt-Label {
 }
 
-/**
- * Applied to list boxes.
- */
 .gwt-ListBox {
 }
 
-/**
- * Applied to the menu bar.
- */
 .gwt-MenuBar {
   cursor: default;
 }
-
 .gwt-MenuBar .gwt-MenuItem {
   cursor: default;
 }
-
 .gwt-MenuBar .gwt-MenuItem-selected {
   background: #E0EDFE;
 }
-
 .gwt-MenuBar-horizontal {
   background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
   border: 1px solid #BBBBBB;
 }
-
 .gwt-MenuBar-horizontal .gwt-MenuItem {
   padding: 0px 10px;
   vertical-align: bottom;
   color: #666666;
   font-weight: bold;
 }
-
 .gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
   width: 1px;
   padding: 0px;
@@ -346,31 +290,25 @@
   border-right: 1px solid #888888;
   background: white;
 }
-
-.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .content {
+.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
   width: 1px;
   background: white; 
 }
-
 .gwt-MenuBar-vertical {
   margin-top: 0px;
   margin-right: 0px;
   background: white;
 }
-
 .gwt-MenuBar-vertical table {
   border-collapse: collapse;
 }
-
 .gwt-MenuBar-vertical .gwt-MenuItem {
   padding: 4px 1px 4px 14px;
 }
-
 .gwt-MenuBar-vertical .gwt-MenuItemSeparator {
   padding: 2px 0px;
 }
-
-.gwt-MenuBar-vertical .gwt-MenuItemSeparator .content {
+.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
   height: 1px;
   padding: 0px;
   border: 0px;
@@ -387,52 +325,64 @@
 .gwt-MenuBarPopup {
   margin: 0px 3px 0px 0px;
 }
-.gwt-MenuBarPopup .topCenter {
+.gwt-MenuBarPopup .menuPopupTopCenter {
   background: url(images/hborder.png) 0px -12px repeat-x;
 }
-html>body .gwt-MenuBarPopup .bottomCenter {
+html>body .gwt-MenuBarPopup .menuPopupBottomCenter {
   background: url(images/hborder.png) 0px -13px repeat-x;
 }
-* html .gwt-MenuBarPopup .bottomCenter {
+* html .gwt-MenuBarPopup .menuPopupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
 }
-.gwt-MenuBarPopup .middleLeft {
+.gwt-MenuBarPopup .menuPopupMiddleLeft {
   background: url(images/vborder.png) -12px 0px repeat-y;
 }
-html>body .gwt-MenuBarPopup .middleRight {
+html>body .gwt-MenuBarPopup .menuPopupMiddleRight {
   background: url(images/vborder.png) -13px 0px repeat-y;
 }
-* html .gwt-MenuBarPopup .middleRight {
+* html .gwt-MenuBarPopup .menuPopupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
 }
-html>body .gwt-MenuBarPopup .topLeft {
+.gwt-MenuBarPopup .menuPopupTopLeftInner {
   width: 5px;
   height: 5px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupTopRightInner {
+  width: 8px;
+  height: 5px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-MenuBarPopup .menuPopupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-MenuBarPopup .menuPopupTopLeft {
   background: url(images/corner.png) no-repeat 0px -36px;
 }
-html>body .gwt-MenuBarPopup .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-MenuBarPopup .menuPopupTopRight {
   background: url(images/corner.png) no-repeat -5px -36px;
 }
-html>body .gwt-MenuBarPopup .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-MenuBarPopup .menuPopupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -41px;
 }
-html>body .gwt-MenuBarPopup .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-MenuBarPopup .menuPopupBottomRight {
   background: url(images/corner.png) no-repeat -5px -41px;
 }
-* html .gwt-MenuBarPopup .topLeftInner {
+* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
   width: 5px;
   height: 41px;
   margin-top: -36px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .topRightInner {
+* html .gwt-MenuBarPopup .menuPopupTopRightInner {
   width: 13px;
   height: 41px;
   margin-left: -5px;
@@ -440,14 +390,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .bottomLeftInner {
+* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
   width: 5px;
   height: 49px;
   margin-top: -41px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-MenuBarPopup .bottomRightInner {
+* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
   width: 13px;
   height: 49px;
   margin-left: -5px;
@@ -456,9 +406,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the password input box.
- */
 .gwt-PasswordTextBox {
   padding: 2px;
 }
@@ -466,76 +413,76 @@
   color: #888;
 }
 
-/**
- * Applied to PopupPanel.
- */
 .gwt-PopupPanel {
   border: 3px solid #C3D9FF;
   padding: 3px;
   background: white;
 }
 
-/**
- * Applied to the DecoratedPopupPanel.
- */
-.gwt-DecoratedPopupPanel .content {
+.gwt-DecoratedPopupPanel .popupContent {
 }
-.gwt-DecoratedPopupPanel .middleCenter {
+.gwt-DecoratedPopupPanel .popupMiddleCenter {
   padding: 3px;
   background: white;
 }
-.gwt-DecoratedPopupPanel .topCenter {
+.gwt-DecoratedPopupPanel .popupTopCenter {
   background: url(images/hborder.png) repeat-x;
 }
-html>body .gwt-DecoratedPopupPanel .bottomCenter {
+html>body .gwt-DecoratedPopupPanel .popupBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-DecoratedPopupPanel .bottomCenter {
+* html .gwt-DecoratedPopupPanel .popupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DecoratedPopupPanel .middleLeft {
+.gwt-DecoratedPopupPanel .popupMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-DecoratedPopupPanel .middleRight {
+html>body .gwt-DecoratedPopupPanel .popupMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-DecoratedPopupPanel .middleRight {
+* html .gwt-DecoratedPopupPanel .popupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-DecoratedPopupPanel .topLeft,
-.gwt-DecoratedPopupPanel .topRight,
-.gwt-DecoratedPopupPanel .bottomLeft,
-.gwt-DecoratedPopupPanel .bottomRight {
+.gwt-DecoratedPopupPanel .popupTopLeftInner {
+  width: 5px;
+  height: 5px;
   zoom: 1;
 }
-html>body .gwt-DecoratedPopupPanel .topLeft {
-  width: 5px;
+.gwt-DecoratedPopupPanel .popupTopRightInner {
+  width: 8px;
   height: 5px;
+  zoom: 1;
+}
+.gwt-DecoratedPopupPanel .popupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-DecoratedPopupPanel .popupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-DecoratedPopupPanel .popupTopLeft {
   background: url(images/corner.png) no-repeat 0px -10px;
 }
-html>body .gwt-DecoratedPopupPanel .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-DecoratedPopupPanel .popupTopRight {
   background: url(images/corner.png) no-repeat -5px -10px;
 }
-html>body .gwt-DecoratedPopupPanel .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-DecoratedPopupPanel .popupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -15px;
 }
-html>body .gwt-DecoratedPopupPanel .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-DecoratedPopupPanel .popupBottomRight {
   background: url(images/corner.png) no-repeat -5px -15px;
 }
-* html .gwt-DecoratedPopupPanel .topLeftInner {
+* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
   width: 5px;
   height: 15px;
   margin-top: -10px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .topRightInner {
+* html .gwt-DecoratedPopupPanel .popupTopRightInner {
   width: 13px;
   height: 15px;
   margin-left: -5px;
@@ -543,14 +490,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .bottomLeftInner {
+* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
   width: 5px;
   height: 23px;
   margin-top: -15px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedPopupPanel .bottomRightInner {
+* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
   width: 13px;
   height: 23px;
   margin-left: -5px;
@@ -559,10 +506,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to the push button, a customizable button that can be pressed
- * and released.
- */
 .gwt-PushButton-up,
 .gwt-PushButton-up-hovering,
 .gwt-PushButton-up-disabled,
@@ -571,7 +514,6 @@
 .gwt-PushButton-down-disabled {
   margin: 0;
   padding: 3px 5px;
-  font-family:Arial, sans-serif;
   text-decoration: none;
   background: url("images/hborder.png") repeat-x 0px -27px;
 }
@@ -612,83 +554,66 @@
   zoom: 1;
 }
 
-/**
- * Applied to radio buttons and the text next to them.
- */
 .gwt-RadioButton {
   padding: 4px 3px 3px 4px;
 }
-
 .gwt-RadioButton-disabled {
   color: #888;
 }
 
-/**
- * Applied to the Rich Text Area.
- */
 .gwt-RichTextArea {
 }
-
 .hasRichTextToolbar {
   border: 0px;
 }
-
 .gwt-RichTextToolbar {
   background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
   border-bottom: 1px solid #BBBBBB;
   padding: 3px;
   margin: 0px;
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-up {
   padding: 0px 0px 0px 1px;
   margin-left: 4px;
   margin-bottom: 4px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-up-hovering {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-down {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px; 
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-up {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 0px 0px 1px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-down {
   margin-left: 4px;
   margin-bottom: 4px;
   padding: 0px 1px 0px 0px;
   border-width: 1px;
 }
-
 .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
   margin-left: 4px;
   margin-bottom: 4px;
@@ -696,9 +621,6 @@
   border-width: 1px;
 }
 
-/**
- * Applied to StackPanel.
- */
 .gwt-StackPanel {
   border-bottom: 1px solid #bbbbbb;
 }
@@ -719,9 +641,6 @@
   padding: 2px 2px 10px 5px;
 }
 
-/**
- * Applied to DecoratedStackPanel.
- */
 .gwt-DecoratedStackPanel {
   border-bottom: 1px solid #bbbbbb;
 }
@@ -735,26 +654,26 @@
   cursor: pointer;
   cursor: hand;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight {
+.gwt-DecoratedStackPanel .stackItemTopLeft,
+.gwt-DecoratedStackPanel .stackItemTopRight {
   height: 6px;
   width: 6px;
   zoom: 1;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft {
+html>body .gwt-DecoratedStackPanel .stackItemTopLeft {
   background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
   border-left: 1px solid #bbbbbb;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight {
+html>body .gwt-DecoratedStackPanel .stackItemTopRight {
   background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
   border-right: 1px solid #bbbbbb;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner {
+.gwt-DecoratedStackPanel .stackItemTopLeftInner,
+.gwt-DecoratedStackPanel .stackItemTopRightInner {
   width: 1px;
   height: 1px;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner {
+* html .gwt-DecoratedStackPanel .stackItemTopLeftInner {
   width: 6px;
   height: 55px;
   margin-top: -49px;
@@ -763,7 +682,7 @@
   background-color: #d3def6;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner {
+* html .gwt-DecoratedStackPanel .stackItemTopRightInner {
   width: 12px;
   height: 55px;
   margin-top: -49px;
@@ -773,52 +692,49 @@
   background-color: #d3def6;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .topCenter {
+.gwt-DecoratedStackPanel .stackItemTopCenter {
   background: url(images/hborder.png) 0px -21px repeat-x;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeft {
+.gwt-DecoratedStackPanel .stackItemMiddleLeft {
   background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
   border-left: 1px solid #bbbbbb;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeftInner,
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRightInner {
+.gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
+.gwt-DecoratedStackPanel .stackItemMiddleRightInner {
   width: 1px;
   height: 1px;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRight {
+.gwt-DecoratedStackPanel .stackItemMiddleRight {
   background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
   border-right: 1px solid #bbbbbb;
 }
-.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleCenter {
+.gwt-DecoratedStackPanel .stackItemMiddleCenter {
   font-weight: bold;
   font-size: 1.3em;
   background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRight,
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeft {
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
   border: 0px;
   background-color: white;
 }
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeft,
-html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRight {
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
+html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
   background-color: white;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner,
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRightInner {
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeftInner,
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRightInner {
   border: 0px;
   background-color: white;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner {
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeftInner {
   padding-right: 1px;
 }
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeftInner,
-* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRightInner {
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeftInner,
+* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRightInner {
   background-color: white;
 }
 
-/**
- * Applied to the suggest box.
- */
 .gwt-SuggestBox {
   padding: 2px;
 }
@@ -833,55 +749,67 @@
 .gwt-SuggestBoxPopup .item-selected {
   background: #b7d6f6;
 }
-.gwt-SuggestBoxPopup .middleCenter {
+.gwt-SuggestBoxPopup .suggestPopupContent {
   background: white;
 }
-.gwt-SuggestBoxPopup .topCenter {
+.gwt-SuggestBoxPopup .suggestPopupTopCenter {
   background: url(images/hborder.png) repeat-x;
 }
-html>body .gwt-SuggestBoxPopup .bottomCenter {
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
   background: url(images/hborder.png) repeat-x 0px -4px;
 }
-* html .gwt-SuggestBoxPopup .bottomCenter {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
 }
-.gwt-SuggestBoxPopup .middleLeft {
+.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
   background: url(images/vborder.png) repeat-y;
 }
-html>body .gwt-SuggestBoxPopup .middleRight {
+html>body .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
   background: url(images/vborder.png) repeat-y -4px 0px;
 }
-* html .gwt-SuggestBoxPopup .middleRight {
+* html .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
 }
-html>body .gwt-SuggestBoxPopup .topLeft {
+.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
   width: 5px;
   height: 5px;
+  zoom: 1;  
+}
+.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
+  width: 8px;
+  height: 5px;
+  zoom: 1;
+}
+.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
+  width: 5px;
+  height: 8px;
+  zoom: 1;
+}
+.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
+  width: 8px;
+  height: 8px;
+  zoom: 1;
+}
+html>body .gwt-SuggestBoxPopup .suggestPopupTopLeft {
   background: url(images/corner.png) no-repeat 0px -23px;
 }
-html>body .gwt-SuggestBoxPopup .topRight {
-  width: 8px;
-  height: 5px;
+html>body .gwt-SuggestBoxPopup .suggestPopupTopRight {
   background: url(images/corner.png) no-repeat -5px -23px;
 }
-html>body .gwt-SuggestBoxPopup .bottomLeft {
-  width: 5px;
-  height: 8px;
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomLeft {
   background: url(images/corner.png) no-repeat 0px -28px;
 }
-html>body .gwt-SuggestBoxPopup .bottomRight {
-  width: 8px;
-  height: 8px;
+html>body .gwt-SuggestBoxPopup .suggestPopupBottomRight {
   background: url(images/corner.png) no-repeat -5px -28px;
 }
-* html .gwt-SuggestBoxPopup .topLeftInner {
+* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
   width: 5px;
   height: 28px;
   margin-top: -23px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .topRightInner {
+* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
   width: 13px;
   height: 28px;
   margin-left: -5px;
@@ -889,14 +817,14 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .bottomLeftInner {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
   width: 5px;
   height: 36px;
   margin-top: -28px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-SuggestBoxPopup .bottomRightInner {
+* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
   width: 13px;
   height: 36px;
   margin-left: -5px;
@@ -905,9 +833,6 @@
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
 
-/**
- * Applied to TabPanel.
- */
 .gwt-TabBar {
 }
 .gwt-TabBar .gwt-TabBarFirst {
@@ -929,7 +854,6 @@
   cursor: default;
   background: #92c1f0;
 } 
-
 .gwt-TabPanel {
 }
 .gwt-TabPanelBottom {
@@ -940,9 +864,6 @@
   padding: 6px;
 }
 
-/**
- * Applied to DecoratedTabPanel.
- */ 
 .gwt-DecoratedTabBar {
 }
 .gwt-DecoratedTabBar .gwt-TabBarFirst {
@@ -954,34 +875,34 @@
   border-collapse: collapse;
   margin-right: 6px;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .topCenter {
+.gwt-DecoratedTabBar .tabTopCenter {
   padding: 0px;
   background: #d0e4f6;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .topLeft,
-.gwt-DecoratedTabBar .gwt-TabBarItem .topRight {
+.gwt-DecoratedTabBar .tabTopLeft,
+.gwt-DecoratedTabBar .tabTopRight {
   padding: 0px;
   zoom: 1;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner,
-.gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner {
+.gwt-DecoratedTabBar .tabTopLeftInner,
+.gwt-DecoratedTabBar .tabTopRightInner {
   width: 6px;
   height: 6px;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topLeft {
+html>body .gwt-DecoratedTabBar .tabTopLeft {
   background: url(images/corner.png) no-repeat 0px -55px;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topRight {
+html>body .gwt-DecoratedTabBar .tabTopRight {
   background: url(images/corner.png) no-repeat -6px -55px;
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner {
+* html .gwt-DecoratedTabBar .tabTopLeftInner {
   width: 5px;
   height: 61px;
   margin-top: -55px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner {
+* html .gwt-DecoratedTabBar .tabTopRightInner {
   width: 12px;
   height: 61px;
   margin-top: -55px;
@@ -989,18 +910,18 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeft,
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleRight {
+.gwt-DecoratedTabBar .tabMiddleLeft,
+.gwt-DecoratedTabBar .tabMiddleRight {
   width: 6px;
   padding: 0px;
   background: #d0e4f6;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeftInner,
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleRightInner {
+.gwt-DecoratedTabBar .tabMiddleLeftInner,
+.gwt-DecoratedTabBar .tabMiddleRightInner {
   width: 1px;
   height: 1px;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem .middleCenter {
+.gwt-DecoratedTabBar .tabMiddleCenter {
   padding: 0px 4px 2px 4px;
   cursor: pointer;
   cursor: hand;
@@ -1009,23 +930,23 @@
   text-align: center;
   background: #d0e4f6;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .topCenter {
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
   background: #92c1f0;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeft {
+html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
   background-position: 0px -61px;
 }
-html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRight {
+html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
   background-position: -6px -61px;
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeftInner {
+* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeftInner {
   width: 5px;
   height: 67px;
   margin-top: -61px;
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRightInner {
+* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRightInner {
   width: 12px;
   height: 67px;
   margin-top: -61px;
@@ -1033,41 +954,29 @@
   overflow: hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleLeft,
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleRight {
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
   background: #92c1f0;
 }
-.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleCenter {
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
   cursor: default;
   background: #92c1f0;
 }
 
-/**
- * Applied to general text areas.
- */
 .gwt-TextArea {
   padding: 2px;
 }
-
 .gwt-TextArea-readonly {
   color: #888;
 }
 
-/**
- * Applied to text boxes.
- */
 .gwt-TextBox {
   padding: 2px;
 }
-
 .gwt-TextBox-readonly {
   color: #888;
 }
 
-/**
- * Applied to toggle buttons, a customizable button that can be toggled
- * between two states (similar to a checkbox).
- */
 .gwt-ToggleButton-up,
 .gwt-ToggleButton-up-hovering,
 .gwt-ToggleButton-up-disabled,
@@ -1076,7 +985,6 @@
 .gwt-ToggleButton-down-disabled {
   margin: 0;
   padding: 3px 5px;
-  font-family:Arial, sans-serif;
   text-decoration: none;
   background: url("images/hborder.png") repeat-x 0px -27px;
 }
@@ -1120,9 +1028,6 @@
   filter: alpha(opacity=40);
 }
 
-/**
- * Applied to the Tree.
- */
 .gwt-Tree .gwt-TreeItem {
   padding: 1px;
   margin: 0px;