From: Robert Kaiser <kairo@kairo.at>
Date: Tue, 22 May 2007 15:16:10 +0000 (+0200)
Subject: first steps on synching EarlyBlue with trunk *stripe (global files starting with... 
X-Git-Tag: EarlyBlue-2.0a1~25
X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=df8c26c46020f7b778d46e6ceedc93e4d4cb6202;p=themes.git

first steps on synching EarlyBlue with trunk *stripe (global files starting with A-N)
---

diff --git a/EarlyBlue/global/about.css b/EarlyBlue/global/about.css
new file mode 100644
index 00000000..5337562c
--- /dev/null
+++ b/EarlyBlue/global/about.css
@@ -0,0 +1,49 @@
+html {
+  background-color: #CCD0DD;
+}
+
+body {
+  color: #000000;
+  font: 11px helvetica,arial,tahoma,sans-serif;
+  margin: 0;
+  padding: 0 1em;
+}
+
+#aboutPageContainer {
+  position: relative;
+  min-width: 330px;
+  max-width: 50em;
+  margin: 4em auto;
+  border: 1px solid #666699;
+  -moz-border-radius: 10px;
+  padding: 3em;
+  -moz-padding-start: 30px;
+  background: #FFFFFF;
+}
+
+#aboutLogoContainer {
+  border: 1px solid #9999CC;
+  width: 300px;
+  margin-bottom: 2em;
+}
+
+img {
+  border: 0;
+}
+
+#version {
+  font-weight: bold;
+  color: #666699;
+  margin: -24px 0 9px 17px;
+}
+
+ul {
+  margin: 0;
+  -moz-margin-start: 1.5em;
+  padding: 0;
+  list-style: square;
+}
+
+ul > li {
+  margin-top: .5em;
+}
diff --git a/EarlyBlue/global/autocomplete.css b/EarlyBlue/global/autocomplete.css
index 38e74a0f..aa9154fa 100644
--- a/EarlyBlue/global/autocomplete.css
+++ b/EarlyBlue/global/autocomplete.css
@@ -42,6 +42,9 @@
   == Styles used by the autocomplete widget.
   ======================================================================= */
 
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
 /* ::::: autocomplete ::::: */
 
 textbox {
@@ -49,6 +52,18 @@ textbox {
   padding: 0px;
 }
 
+/* Used by autocomplete widgets that don't have an icon. Gross. -dwh */
+textbox.padded {
+  padding-top: 1px;
+  padding-bottom: 1px;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 0px;
+}
+
+.autocomplete-textbox-container {
+  -moz-box-align: center;
+}
+
 .textbox-input-box {
   margin: 0 3px;
   -moz-box-align: center;
@@ -62,6 +77,10 @@ textbox {
   background-color: #9999CC;
 }
 
+.autocomplete-history-dropmarker[enablehistory="true"] {
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#history-dropmarker")
+}
+
 .autocomplete-history-dropmarker[open="true"] {
   border: 1px inset #CCD0DD;
   padding: 2px 0px 0px 2px;
@@ -97,6 +116,16 @@ textbox {
   padding-left: 8px;
 }
 
+.autocomplete-treebody::-moz-tree-row(selected) {
+  background-color: #336699;
+}
+
+.autocomplete-treebody::-moz-tree-cell-text(selected) {
+  color: white !important;
+}
+
+/* seamonkey and thunderbird do not use the new autocomplete widget yet so we need a couple of the old styles rules */
+
 .autocomplete-treebody::-moz-tree-row(menuactive) {
   background-color: #336699;
 }
@@ -104,3 +133,15 @@ textbox {
 .autocomplete-treebody::-moz-tree-cell-text(menuactive) {
   color: white !important;
 }
+
+/* end of seamonkey and thunderbird required autocomplete rules */
+
+/* ::::: textboxes inside toolbarpaletteitems ::::: */
+
+toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input {
+  visibility: hidden;
+}
+
+toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input {
+  visibility: hidden;
+}
diff --git a/EarlyBlue/global/browser.css b/EarlyBlue/global/browser.css
index c6f2c41e..5a0f83b4 100644
--- a/EarlyBlue/global/browser.css
+++ b/EarlyBlue/global/browser.css
@@ -37,78 +37,160 @@
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-.tabbrowser-strip {
-  padding-bottom: 1px;
-  border-bottom: 1px solid #666699;
+/**
+ * Tabbrowser Tabs
+ */
+
+.tabbrowser-tabs {
+  /* XXX: Firefox rules - look into those when we support FF
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tabs") !important;
+  padding-top: 0px;
+  background: -moz-dialog url("chrome://global/skin/icons/tabbrowser-tabs-bkgnd.png") !important;
+  -moz-padding-start: 0px;
+  */
 }
 
-tabpanels {
+.tabbrowser-tabs[overflow="true"] {
+  -moz-padding-start: 0px;
 }
 
-.tabbrowser-tabs {
-  padding-top: 1px;
+/**
+ * Tab
+ */
+
+.tabbrowser-tab {
+  /* XXX: Firefox rules - look into those when we support FF
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tab") !important;
+  background: transparent !important;
+  margin: 0px  !important;
+  padding: 0px !important;
+  border: none !important;
+  height: 22px !important;
+  margin-bottom: 1px;
+  */
 }
 
-.tabs-left,
-.tabs-right {
-  width: 0px;
+.tabbrowser-tab[busy] > .tab-image-middle > .tab-icon > .tab-icon-image {
+  list-style-image: url("chrome://global/skin/icons/loading.gif") !important;
 }
 
-.tab-icon {
+.tabbrowser-tab[selected="true"] {
+  font-weight: bold;
+}
+
+.tab-icon-image {
   margin-top: 1px;
-  margin-right: 3px;
+  -moz-margin-end: 3px;
   width: 16px;
   height: 16px;
+  /* XXX: Firefox rules - look into those when we support FF
+  list-style-image: url("chrome://global/skin/icons/folder-item.png");
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
+  */
 }
 
-tab {
-  list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item16.gif");
+.tabs-bottom {
 }
 
-tab[busy] {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+tabpanels {
 }
 
-tabbrowser > tabbox > tabpanels {
-  border: none;
-  padding: 0px;
-  margin: 0px;
+.tabs-left,
+.tabs-right {
+  width: 3px;
+  border-bottom-width: 0px;
+}
+
+/* tabbrowser-tab focus ring */
+.tabbrowser-tab >  .tab-image-middle > .tab-text {
+  border: 1px dotted transparent;
 }
 
-/* ::::: close & new tab buttons ::::: */
+.tabbrowser-tab:focus > .tab-image-middle > .tab-text {
+  border: 1px dotted #666699;
+}
 
-.tabs-closebutton {
-  margin-bottom: 2px;
-  margin-right: 2px;
-  list-style-image: url("chrome://global/skin/icons/close-button.gif");
+/**
+ * Tab Drag and Drop
+ */
+
+.tab-drop-indicator-bar {
+    display:none;
+    height: 9px;
+    margin-top: -9px;
+    position: relative;
+}
+
+.tab-drop-indicator {
+    height: 11px;
+    width: 11px;
+    margin-bottom: -5px;
+    position: relative;
+    background: url('chrome://global/skin/icons/tab-drag-indicator.gif') 50% 50% no-repeat;
 }
 
-.tabs-closebutton > .toolbarbutton-icon {
-  margin: 0;
+.tab-drop-indicator-bar[dragging="true"] {
+    display: -moz-box;
 }
 
-.tabs-newbutton {
-  margin: 0px;
-  margin-top: 2px;
+/**
+ * In-tab close button
+ */
+.tab-close-button > .toolbarbutton-icon {
+  -moz-margin-end: 0px !important;
+  margin-top: 1px;
+}
+
+.tab-close-button {
+  border: none !important;
   padding: 0px;
-  list-style-image: url("chrome://global/skin/icons/tab-new.gif");
+  cursor: default;
+  list-style-image: url("chrome://global/skin/icons/close-button.gif");
 }
 
-.tab-drop-indicator-bar {
-  height: 11px;
-  margin-top: -11px;
-  margin-left: -8px;
-  position: relative;
+
+.tab-close-button:focus {
+  outline: none !important;
 }
 
-.tab-drop-indicator {
-  height: 11px;
-  width: 11px;
-  margin-bottom: -8px;
-  position: relative;
-  list-style-image: url('chrome://global/skin/icons/tab-drag-indicator.gif');
+/**
+ * Tab Scrollbox Arrow Buttons
+ */
+
+/* XXX: Firefox rules - look into those when we support FF */
+
+/**
+ * All Tabs Button
+ */
+
+/* XXX: Firefox rules - look into those when we support FF
+.tabs-alltabs-box {
+}
+
+.tabs-alltabs-button {
+}
+
+.tabs-alltabs-box-animate {
 }
+*/
 
-tooltip[tabpreview="true"] {
-  max-width: none;
+/**
+ * All Tabs Menupopup 
+ */
+
+.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
+  width: 16px;
+  height: 16px;
+  /* XXX: Firefox rules - look into those when we support FF
+  list-style-image: url("chrome://global/skin/icons/folder-item.png");
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
+  */
+}
+
+.alltabs-item[selected="true"] {
+  font-weight: bold;
+}
+
+.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
 }
diff --git a/EarlyBlue/global/button.css b/EarlyBlue/global/button.css
index 666e6464..59c8b48e 100644
--- a/EarlyBlue/global/button.css
+++ b/EarlyBlue/global/button.css
@@ -35,15 +35,13 @@
  *
  * ***** END LICENSE BLOCK ***** */
 
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
 /* ===== button.css =====================================================
   == Styles used by the XUL button element.
   ======================================================================= */
 
-/* :::::::::: button :::::::::: */
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-/* outer frame */
+/* :::::::::: button :::::::::: */
 
 button {
   margin: 2px 3px;
@@ -58,6 +56,10 @@ button {
   padding: 0px 3px 1px 2px;
 }
 
+.button-icon {
+  margin-right: 2px;
+}
+
 .button-text {
   margin: 0px !important;
   text-align: center;
@@ -78,7 +80,11 @@ button[default="true"] > .button-box {
   font-weight: bold;
   list-style-image: url("chrome://global/skin/icons/return.gif");
   -moz-box-direction: reverse;
-  padding-right: 6px;
+}
+
+button[default="true"] > .button-box > .button-icon {
+  margin-right: 0px;
+  margin-left: 2px;
 }
 
 button[default="true"][disabled="true"] > .button-box {
@@ -142,3 +148,16 @@ button.plain {
   margin: 0px !important;
   padding: 0px !important;
 }
+
+button[type="disclosure"] {
+  border: 0px !important;
+  margin: 0px !important;
+  padding: 0px !important;
+  list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
+  min-width: 0px !important;
+  background-color: transparent;
+}
+
+button[type="disclosure"][open="true"] {
+  list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
+}
diff --git a/EarlyBlue/global/checkbox.css b/EarlyBlue/global/checkbox.css
index 92f25063..230f09be 100644
--- a/EarlyBlue/global/checkbox.css
+++ b/EarlyBlue/global/checkbox.css
@@ -35,12 +35,14 @@
  *
  * ***** END LICENSE BLOCK ***** */
 
+/* ===== checkbox.css ===================================================
+  == Styles used by the XUL checkbox element.
+  ======================================================================= */
+
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-/* stylesheet for XUL <checkbox> element */
+/* ::::: checkbox ::::: */
 
-/* default checkbox for dialogs */
-/* outer frame */
 checkbox {
   margin: 1px 2px;
   border-left: 1px transparent;
@@ -78,7 +80,7 @@ checkbox:focus > .checkbox-label-center-box > .checkbox-label-box {
 /* ..... disabled state ..... */
 
 checkbox[disabled="true"] > .checkbox-spacer-box > .checkbox-check {
-  background-color: -moz-Dialog;
+  background-color: #CCD0DD;
 }
 
 checkbox[disabled="true"] {
@@ -95,7 +97,7 @@ checkbox[disabled="true"] {
 }
 
 checkbox:hover:active > .checkbox-spacer-box > .checkbox-check {
-  background-color: transparent;
+  background-color: #CCD0DD;
 }
 
 /* ..... checked state ..... */
diff --git a/EarlyBlue/global/colorpicker.css b/EarlyBlue/global/colorpicker.css
index e089a9e6..d0d268ac 100644
--- a/EarlyBlue/global/colorpicker.css
+++ b/EarlyBlue/global/colorpicker.css
@@ -35,12 +35,12 @@
  *
  * ***** END LICENSE BLOCK ***** */
 
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
 /* ===== colorpicker.css ================================================
   == Styles used by the XUL colorpicker element.
   ======================================================================= */
 
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
 /* ::::: colorpicker button ::::: */
 
 /* colorpicker button */
@@ -59,7 +59,7 @@ colorpicker[type="button"] {
 
 colorpicker[type="button"]:focus {
 }
- 
+
 colorpicker[type="button"][open="true"] {
   border: 1px inset #CCD0DD;
 }
diff --git a/EarlyBlue/global/config.css b/EarlyBlue/global/config.css
index 71e5761b..c1073372 100644
--- a/EarlyBlue/global/config.css
+++ b/EarlyBlue/global/config.css
@@ -98,12 +98,23 @@
 
 /* ::::: tree rows ::::: */
 
-treechildren::-moz-tree-cell-text(user)
+#configTreeBody::-moz-tree-cell-text(user)
 {
   font-weight: bold;
 }
 
-treechildren::-moz-tree-cell-text(locked)
+#configTreeBody::-moz-tree-cell-text(locked)
 {
   font-style: italic;
 }
+
+#configTree
+{
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+#filterRow
+{
+  margin-top: 5px;
+}
diff --git a/EarlyBlue/global/console.css b/EarlyBlue/global/console/console.css
similarity index 56%
rename from EarlyBlue/global/console.css
rename to EarlyBlue/global/console/console.css
index 8d949d20..05b46de9 100644
--- a/EarlyBlue/global/console.css
+++ b/EarlyBlue/global/console/console.css
@@ -13,7 +13,7 @@
  *
  * The Original Code is mozilla.org code.
  *
- * The Initial Developer of the Original Code is 
+ * The Initial Developer of the Original Code is
  * Netscape Communications Corporation.
  * Portions created by the Initial Developer are Copyright (C) 1998-1999
  * the Initial Developer. All Rights Reserved.
@@ -22,7 +22,7 @@
  *   Robert Kaiser <KaiRo@KaiRo.at>
  *
  * Alternatively, the contents of this file may be used under the terms of
- * either the GNU General Public License Version 2 or later (the "GPL"), or 
+ * either the GNU General Public License Version 2 or later (the "GPL"), or
  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  * in which case the provisions of the GPL or the LGPL are applicable instead
  * of those above. If you wish to allow use of your version of this file only
@@ -35,17 +35,17 @@
  *
  * ***** END LICENSE BLOCK ***** */
 
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
 /* ===== console.css ====================================================
   == Styles used by the Error Console window.
   ======================================================================= */
 
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
 .console-box {
   background-color: #CCD0DD;
   color: #000000;
 }
- 
+
 /* ::::: console rows ::::: */
 
 .console-row {
@@ -60,14 +60,26 @@
   -moz-box-align: start;
 }
 
+.console-row-msg > label,
+.console-row-file > label:first-child {
+  display: none;
+}
+
 .console-icon {
-  list-style-image: inherit !important;
+  list-style-image: inherit;
+}
+
+.console-error-msg {
+  margin-bottom: 2px;
 }
 
 /* ..... error rows ..... */
 
 .console-row-code {
-  padding: 3px 0px 3px 3px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+  -moz-padding-start: 3px;
+  -moz-padding-end: 0px;
   font-size: larger;
   color: #0000BB;
 }
@@ -90,13 +102,13 @@
 
 .console-row[type="message"] {
   font-family: monospace;
-} 
+}
 
 /* ..... selected state ..... */
 
 .console-row[selected="true"] {
   background-color: #336699;
-  color: #000000;
+  color: #FFFFFF;
 }
 
 .console-row-code[selected="true"],
@@ -111,6 +123,11 @@
   list-style-image: url("chrome://global/skin/icons/alert-error.gif");
 }
 
+.console-row[type="error"] .console-row-msg,
+.console-row[type="exception"] .console-row-msg {
+  font-weight: bold;
+}
+
 .console-row[type="warning"] {
   list-style-image: url("chrome://global/skin/icons/alert-exclam.gif");
 }
@@ -132,3 +149,94 @@
 toolbarseparator {
   min-height: 1em;
 }
+
+/* Toolbar icons */
+
+#ToolbarMode toolbarbutton {
+  min-width: 57px;
+  padding: 0px 4px;
+  /* XXX: don't support icons on those yet
+  padding: 4px !important;
+  */
+}
+
+toolbar#ToolbarMode toolbarbutton:active,
+toolbar#ToolbarMode toolbarbutton[checked="true"] {
+  -moz-padding-start: 5px !important;
+  -moz-padding-end: 3px !important;
+}
+
+/* XXX: don't support icons on those yet
+
+
+toolbar#ToolbarMode toolbarbutton {
+  list-style-image: url("chrome://global/skin/console/console-toolbar.png");
+  -moz-box-orient: horizontal;
+  padding: 4px !important;
+}
+
+toolbarbutton[observes="Console:modeAll"] {
+  -moz-image-region: rect(0px 24px 24px 0px);
+}
+
+toolbarbutton[observes="Console:modeAll"] {
+  -moz-image-region: rect(0px 24px 24px 0px);
+}
+
+toolbarbutton[observes="Console:modeAll"]:hover,
+toolbarbutton[observes="Console:modeAll"][checked="true"] {
+  -moz-image-region: rect(24px 24px 48px 0px);
+}
+
+toolbarbutton[observes="Console:modeErrors"] {
+  -moz-image-region: rect(0px 96px 24px 72px);
+}
+
+toolbarbutton[observes="Console:modeErrors"]:hover,
+toolbarbutton[observes="Console:modeErrors"][checked="true"] {
+  -moz-image-region: rect(24px 96px 48px 72px);
+}
+
+toolbarbutton[observes="Console:modeWarnings"] {
+  -moz-image-region: rect(0px 72px 24px 48px);
+}
+
+toolbarbutton[observes="Console:modeWarnings"]:hover,
+toolbarbutton[observes="Console:modeWarnings"][checked="true"] {
+  -moz-image-region: rect(24px 72px 48px 48px);
+}
+
+toolbarbutton[observes="Console:modeMessages"] {
+  -moz-image-region: rect(0px 48px 24px 24px);
+}
+
+toolbarbutton[observes="Console:modeMessages"]:hover,
+toolbarbutton[observes="Console:modeMessages"][checked="true"] {
+  -moz-image-region: rect(24px 48px 48px 24px);
+}
+
+toolbarbutton[observes="Console:clear"] {
+  -moz-image-region: rect(0px 120px 24px 96px);
+}
+
+toolbarbutton[observes="Console:clear"]:hover,
+toolbarbutton[observes="Console:clear"][checked="true"] {
+  -moz-image-region: rect(24px 120px 48px 96px);
+}
+
+toolbar#ToolbarMode .toolbarbutton-icon {
+  padding: 2px 0 !important;
+}
+
+toolbar#ToolbarMode .toolbarbutton-text {
+  -moz-padding-end: 4px;
+}
+
+*/
+
+/* ::::: Fix Error Console toolbar button text spacing ::::: */
+
+.toolbarbutton-text {
+  -moz-padding-start: 0px;
+  -moz-padding-end: 5px;
+}
diff --git a/EarlyBlue/global/customizeToolbar.css b/EarlyBlue/global/customizeToolbar.css
new file mode 100644
index 00000000..0879fbb7
--- /dev/null
+++ b/EarlyBlue/global/customizeToolbar.css
@@ -0,0 +1,48 @@
+/* ***** BEGIN LICENSE BLOCK *****
+ Version: MPL 1.1/GPL 2.0/LGPL 2.1
+
+ The contents of this file are subject to the Mozilla Public License Version
+ 1.1 (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+ http://www.mozilla.org/MPL/
+
+ Software distributed under the License is distributed on an "AS IS" basis,
+ WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ for the specific language governing rights and limitations under the
+ License.
+
+ The Original Code is Mozilla Communicator client code, released
+ March 31, 1998.
+
+ The Initial Developer of the Original Code is
+ Blake Ross.
+ Portions created by the Initial Developer are Copyright (C) 2002
+ the Initial Developer. All Rights Reserved.
+
+ Contributor(s):
+   Blake Ross (blaker@netscape.com)
+   Joe Hewitt (hewitt@netscape.com)
+
+ Alternatively, the contents of this file may be used under the terms of
+ either the GNU General Public License Version 2 or later (the "GPL"), or
+ the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
+ in which case the provisions of the GPL or the LGPL are applicable instead
+ of those above. If you wish to allow use of your version of this file only
+ under the terms of either the GPL or the LGPL, and not to allow others to
+ use your version of this file under the terms of the MPL, indicate your
+ decision by deleting the provisions above and replace them with the notice
+ and other provisions required by the GPL or the LGPL. If you do not delete
+ the provisions above, a recipient may use your version of this file under
+ the terms of any one of the MPL, the GPL or the LGPL.
+
+ ***** END LICENSE BLOCK ***** */
+
+window,
+dialog {
+  padding: 6px;
+}
+
+#instructions {
+  font-weight: bold;
+  font-size: larger;
+}
diff --git a/EarlyBlue/global/datetimepicker.css b/EarlyBlue/global/datetimepicker.css
new file mode 100644
index 00000000..9427c73c
--- /dev/null
+++ b/EarlyBlue/global/datetimepicker.css
@@ -0,0 +1,153 @@
+/* ***** BEGIN LICENSE BLOCK *****
+ * Version: MPL 1.1/GPL 2.0/LGPL 2.1
+ *
+ * The contents of this file are subject to the Mozilla Public License Version
+ * 1.1 (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ * http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ * for the specific language governing rights and limitations under the
+ * License.
+ *
+ * The Original Code is mozilla.org code.
+ *
+ * The Initial Developer of the Original Code is the Mozilla Corporation
+ * Portions created by the Initial Developer are Copyright (C) 2006
+ * the Initial Developer. All Rights Reserved.
+ *
+ * Contributor(s):
+ *   Neil Deakin (enndeakin@sympatico.ca)
+ *
+ * Alternatively, the contents of this file may be used under the terms of
+ * either the GNU General Public License Version 2 or later (the "GPL"), or
+ * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
+ * in which case the provisions of the GPL or the LGPL are applicable instead
+ * of those above. If you wish to allow use of your version of this file only
+ * under the terms of either the GPL or the LGPL, and not to allow others to
+ * use your version of this file under the terms of the MPL, indicate your
+ * decision by deleting the provisions above and replace them with the notice
+ * and other provisions required by the GPL or the LGPL. If you do not delete
+ * the provisions above, a recipient may use your version of this file under
+ * the terms of any one of the MPL, the GPL or the LGPL.
+ *
+ * ***** END LICENSE BLOCK ***** */
+
+/* ===== datetimepicker.css =============================================
+  == Styles used by the XUL datepicker and timepicker elements.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+datepicker, timepicker {
+  margin: 2px 4px;
+  padding: 0;
+  border: none;
+  background: none;
+  cursor: default;
+}
+
+.datetimepicker-input-box {
+  cursor: text;
+  -moz-margin-end: 2px;
+  border: 1px inset #CCD0DD;
+  padding: 2px 0 3px 0;
+  -moz-padding-start: 4px;
+  -moz-padding-end: 2px;
+  background-color: #FFFFFF;
+  color: #000000;
+}
+
+.datetimepicker-input-subbox {
+  width: 1.6em;
+}
+
+html|*.datetimepicker-input {
+  text-align: right;
+}
+
+.datetimepicker-separator {
+  margin: 0 !important;
+}
+
+.datetimepicker-year {
+  width: 3.2em;
+}
+
+datepicker[readonly="true"],
+timepicker[readonly="true"] {
+  background-color: #CCCCCC;
+  color: #000000;
+}
+
+datepicker[disabled="true"],
+timepicker[disabled="true"] {
+  cursor: default;
+  background-color: #FFFFFF;
+  color: #CCCCCC;
+}
+
+.datepicker-mainbox {
+  margin: 2px 4px;
+  border: 1px inset #CCD0DD;
+  background-color: #FFFFFF;
+  color: #000000;
+}
+
+.datepicker-popupgrid > .datepicker-mainbox {
+  margin: 0;
+  border: none;
+}
+
+.datepicker-gridlabel, .datepicker-weeklabel {
+  text-align: center;
+}
+
+.datepicker-gridlabel[today="true"] {
+  background-color: #808080;
+  color: #FFFFFF;
+}
+
+.datepicker-gridlabel[selected="true"] {
+  background-color: #336699;
+  color: #FFFFFF;
+}
+
+.datepicker-button {
+  min-width: 8px;
+  padding: 0px;
+}
+
+.datepicker-previous {
+  list-style-image: url("chrome://global/skin/arrow/arrow-left.gif");
+}
+
+.datepicker-next {
+  list-style-image: url("chrome://global/skin/arrow/arrow-right.gif");
+}
+
+.datepicker-previous[disabled="true"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-left-disabled.gif");
+}
+
+.datepicker-next[disabled="true"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-right-disabled.gif");
+}
+
+.datepicker-previous[chromedir="rtl"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-right.gif");
+}
+
+.datepicker-next[chromedir="rtl"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-left.gif");
+}
+
+.datepicker-previous[disabled="true"][chromedir="rtl"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-right-disabled.gif");
+}
+
+.datepicker-next[disabled="true"][chromedir="rtl"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-left-disabled.gif");
+}
diff --git a/EarlyBlue/global/dialog.css b/EarlyBlue/global/dialog.css
index cddd89fe..5f31db4b 100644
--- a/EarlyBlue/global/dialog.css
+++ b/EarlyBlue/global/dialog.css
@@ -37,16 +37,19 @@
  *
  * ***** END LICENSE BLOCK ***** */
 
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
 /* ===== dialog.css =====================================================
   == Styles used by the XUL dialog element.
   ======================================================================= */
 
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
 /* ::::: dialog ::::: */
 
 dialog {
-  padding: 8px 10px 10px 8px;
+  padding-top: 8px;
+  padding-bottom: 10px;
+  -moz-padding-start: 8px;
+  -moz-padding-end: 10px;
 }
 
 /* ::::: dialog buttons ::::: */
@@ -79,7 +82,10 @@ dialogheader {
   margin: 0;
   border: none;
   border-bottom: 1px solid #000000;
-  padding: 12px 5px 12px 25px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  -moz-padding-start: 25px;
+  -moz-padding-end: 5px;
   background-color: #CCD0DD;
   color: #000000;
 }
@@ -90,5 +96,5 @@ dialogheader {
 }
 
 .header-large > .dialogheader-description {
-  margin-left: 12px !important;
+  -moz-margin-start: 12px !important;
 }
diff --git a/EarlyBlue/global/expander.css b/EarlyBlue/global/expander.css
new file mode 100644
index 00000000..d643d8c9
--- /dev/null
+++ b/EarlyBlue/global/expander.css
@@ -0,0 +1,47 @@
+/* ***** BEGIN LICENSE BLOCK *****
+ * Version: MPL 1.1/GPL 2.0/LGPL 2.1
+ *
+ * The contents of this file are subject to the Mozilla Public License Version
+ * 1.1 (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ * http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ * for the specific language governing rights and limitations under the
+ * License.
+ *
+ * The Original Code is Mozilla Communicator client code, released
+ * March 31, 1998.
+ *
+ * The Initial Developer of the Original Code is
+ * Netscape Communications Corporation.
+ * Portions created by the Initial Developer are Copyright (C) 1998-1999
+ * the Initial Developer. All Rights Reserved.
+ *
+ * Contributor(s):
+ *
+ * Alternatively, the contents of this file may be used under the terms of
+ * either the GNU General Public License Version 2 or later (the "GPL"), or
+ * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
+ * in which case the provisions of the GPL or the LGPL are applicable instead
+ * of those above. If you wish to allow use of your version of this file only
+ * under the terms of either the GPL or the LGPL, and not to allow others to
+ * use your version of this file under the terms of the MPL, indicate your
+ * decision by deleting the provisions above and replace them with the notice
+ * and other provisions required by the GPL or the LGPL. If you do not delete
+ * the provisions above, a recipient may use your version of this file under
+ * the terms of any one of the MPL, the GPL or the LGPL.
+ *
+ * ***** END LICENSE BLOCK ***** */
+ 
+.expanderButton {
+  cursor: pointer !important;
+}
+
+.settingsContainer {
+  padding-top: 3px;
+  padding-bottom: 5px;
+  -moz-padding-start: 20px;
+  -moz-padding-end: 5px;
+}
diff --git a/EarlyBlue/global/findBar.css b/EarlyBlue/global/findBar.css
new file mode 100644
index 00000000..1b4adb60
--- /dev/null
+++ b/EarlyBlue/global/findBar.css
@@ -0,0 +1,87 @@
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+findbar > toolbarbutton.findbar-closebutton {
+  list-style-image: url("chrome://global/skin/icons/close-button.gif");
+}
+
+findbar {
+  border-top: 1px solid #666699;
+  border-bottom: 1px solid transparent;
+  min-width: 1px;
+}
+
+/* find-next button */
+
+findbar > toolbarbutton.findbar-find-next {
+  /* XXX: look into this when we support FF
+  list-style-image: url("chrome://global/skin/icons/find.png");
+  -moz-image-region: rect(0px 16px 16px 0px);
+  */
+}
+
+/* find-previous button */
+
+findbar > toolbarbutton.findbar-find-previous {
+  /* XXX: look into this when we support FF
+  list-style-image: url("chrome://global/skin/icons/find.png");
+  -moz-image-region: rect(0px 32px 16px 16px);
+  */
+}
+
+/* highlight button */
+
+findbar > toolbarbutton.findbar-highlight {
+  /* XXX: look into this when we support FF
+  list-style-image: url("chrome://global/skin/icons/find.png");
+  -moz-image-region: rect(0px 48px 16px 32px);
+  */
+}
+
+findbar > image.find-status-icon {
+  list-style-image: none;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  -moz-margin-start: 12px;
+  -moz-margin-end: 0px;
+  width: 16px;
+  height: 16px;
+}
+
+findbar > label.findbar-find-status {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  -moz-margin-start: 3px;
+  -moz-margin-end: 0px;
+  padding: 2px;
+}
+
+findbar > image.find-status-icon[status="notfound"] {
+  /* XXX: look into this when we support FF
+  list-style-image: url("chrome://global/skin/icons/notfound.png");
+  */
+}
+
+findbar > .find-field-container > textbox.findbar-textbox {
+  -moz-binding: url("chrome://global/content/bindings/findbar.xml#findbar-textbox");
+  border: none;
+  margin: 0px;
+}
+
+findbar > .find-field-container > textbox.findbar-textbox[status="notfound"] {
+  background-color: #FFC0C0;
+  color: #000000;
+}
+
+findbar[flash="true"]  > .find-field-container > textbox.findbar-textbox {
+  background-color: #FFFFC0;
+}
+
+findbar > image.find-status-icon[status="wrapped"] {
+  /* XXX: look into this when we support FF
+  list-style-image: url("chrome://global/skin/icons/wrap.png");
+  */
+}
+
+findbar > .find-field-container {
+  /* -moz-appearance: textfield; */
+}
diff --git a/EarlyBlue/global/formatting.css b/EarlyBlue/global/formatting.css
index ea8e3993..9f3a6267 100644
--- a/EarlyBlue/global/formatting.css
+++ b/EarlyBlue/global/formatting.css
@@ -38,6 +38,7 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 /* inset areas */
+
 .inset {
   border: 1px inset #CCD0DD;
   margin: 0px 5px 5px 5px;
@@ -52,31 +53,36 @@
 
 /* formatting */
 .groove-top {
-  border-top: 2px groove #CCD0DD;  
+  border-top: 2px groove #CCD0DD;
 }
-  
+
 .groove-right {
   border-right: 2px groove #CCD0DD;
 }
-  
+
 .groove-left {
   border-left: 2px groove #CCD0DD;
 }
-  
+
 .groove-bottom {
   border-bottom: 2px groove #CCD0DD;
 }
-  
+
 .outset {
   border: 1px outset #CCD0DD;
-}  
+}
+
+.outset-top-bottom {
+  border-top: 1px outset #CCD0DD;
+  border-bottom: 1px outset #CCD0DD;
+}
 
 /** separator rules **/
 /* standard separators */
 separator, separator[orient="horizontal"] {
   height: 1.5em;
 }
-  
+
 separator[orient="vertical"] {
   width: 1.5em;
 }
@@ -85,7 +91,7 @@ separator[orient="vertical"] {
 separator.thin, separator.thin[orient="horizontal"] {
   height: 0.5em;
 }
-  
+
 separator.thin[orient="vertical"] {
   width: 0.5em;
 }
@@ -98,19 +104,19 @@ separator.groove[orient="horizontal"] {
   margin-top: 0.4em;
   margin-bottom: 0.4em;
 }
-  
+
 separator.groove[orient="vertical"] {
   border-left: 2px groove #CCD0DD;
   margin-left: 0.4em;
   margin-right: 0.4em;
 }
-  
-/* groove separators (0 padding, for dividing effects) */  
+
+/* groove separators (0 padding, for dividing effects) */
 separator.groove-thin {
   border-top: 2px groove #CCD0DD;
   height: 0px;
 }
-  
+
 separator[orient="vertical"].groove-thin {
   border-left: 2px groove #CCCCCC;
 }
@@ -120,22 +126,33 @@ separator[orient="vertical"].groove-thin {
 .small-margin {
   margin: 0px 1px;
 }
-    
+
+.plain {
+  margin: 0px !important;
+  border: none;
+  padding: 0px;
+}
+
 label[disabled="true"] {
   color: #9999CC;
-}    
+}
 
 description, label {
   cursor: default;
   margin: 1px 3px;
 }
-   
+
 description {
 /*  margin: 1px 5px 4px 5px; */
 }
 
 label {
-/*  margin: 1px 5px 2px 6px; */
+/*
+  margin-top: 1px;
+  margin-bottom: 2px;
+  -moz-margin-start: 6px;
+  -moz-margin-end: 5px;
+*/
 }
 
 .header {
@@ -149,11 +166,11 @@ label {
 .smaller-text {
   font-size: smaller;
 }
-   
+
 .monospace {
   font-family: monospace;
 }
-    
+
 .indent {
 /*  margin-left: 23px; */
   margin-left: 15px;
@@ -161,15 +178,15 @@ label {
 
 .box-padded  {
   padding: 5px;
-}    
+}
 
 .spaced {
   margin: 1px 3px;
-}    
+}
 
 .wizard-box {
   padding: 15px 35px 10px 35px;
-}    
+}
 
 .caption-text {
   margin: 0px 2px 0px 1px !important;
diff --git a/EarlyBlue/global/global.css b/EarlyBlue/global/global.css
index 18cc774a..1acfd01c 100644
--- a/EarlyBlue/global/global.css
+++ b/EarlyBlue/global/global.css
@@ -62,7 +62,7 @@ menulist > menupopup,
 }
 
 .menulist-compact {
-  -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact");
+  -moz-binding: url("chrome://global/content/bindings/menulist.xml#menulist-compact");
 }
 
 /*
@@ -76,17 +76,13 @@ progressmeter[mode="undetermined"] {
 window,
 page,
 dialog,
-wizard {
+wizard,
+prefwindow {
   background-color: #CCD0DD;
   color: #000000;
   font: 11px helvetica,arial,tahoma,sans-serif;
 }
 
-page {
-  padding: 3px;
-}
-
-/* deprecated */
 window.dialog {
   padding: 8px 10px 10px 8px;
 }
@@ -137,7 +133,7 @@ statusbar {
   border-top: 1px solid #9999CC;
   background-color: #666699;
   color: #CCD0DD;
-  min-width: 1px;
+  min-height: 16px;
 }
 
 statusbarpanel {
@@ -153,8 +149,8 @@ statusbarpanel {
   padding: 0px;
 }
 
-.statusbarpanel-iconic {
-  padding: 0px;
+.statusbarpanel-iconic,  .statusbarpanel-iconic-text, .statusbarpanel-menu-iconic {
+  padding: 0px 1px 0px 1px;
 }
 
 resizer[dir="bottomright"] {
@@ -166,7 +162,3 @@ resizer[dir="bottomright"] {
 .toolbar-focustarget {
   -moz-user-focus: ignore !important;
 }
-
-description.error {
-  color: #FF0000;
-}
diff --git a/EarlyBlue/global/globalBindings.xml b/EarlyBlue/global/globalBindings.xml
index 6036721e..9ac82046 100644
--- a/EarlyBlue/global/globalBindings.xml
+++ b/EarlyBlue/global/globalBindings.xml
@@ -5,7 +5,8 @@
    xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    xmlns:xbl="http://www.mozilla.org/xbl">
 
-  <binding id="radio" extends="chrome://global/content/bindings/radio.xml#radio">
+  <binding id="radio"
+           extends="chrome://global/content/bindings/radio.xml#radio">
     <content>
       <xul:hbox class="radio-check-box1" xbl:inherits="selected,checked,disabled">
         <xul:hbox class="radio-check-box2" flex="1">
@@ -39,15 +40,4 @@
     </content>
   </binding>
 
-  <binding id="menulist-compact" display="xul:menu"
-           extends="chrome://global/content/bindings/menulist.xml#menulist">
-    <content sizetopopup="false">
-      <xul:hbox class="menulist-label-box" flex="1">
-        <xul:image class="menulist-icon" xbl:inherits="src"/>
-        <xul:label class="menulist-label" xbl:inherits="value=label,crop,accesskey" crop="right" flex="1"/>
-      </xul:hbox>
-      <children includes="menupopup"/>
-    </content>
-  </binding>
-
 </bindings>
\ No newline at end of file
diff --git a/EarlyBlue/global/groupbox.css b/EarlyBlue/global/groupbox.css
index 581dd167..9a2e487a 100644
--- a/EarlyBlue/global/groupbox.css
+++ b/EarlyBlue/global/groupbox.css
@@ -35,12 +35,12 @@
  *
  * ***** END LICENSE BLOCK ***** */
 
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
 /* ===== groupbox.css ==================================================
   == Styles used by the XUL groupbox and related elements.
   ======================================================================= */
 
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
 /* ::::: groupbox ::::: */
 
 groupbox {
@@ -56,5 +56,5 @@ groupbox {
 caption {
   margin: 0px 6px 2px 6px;
   padding: 0px 3px;
-  background-color: #CCD0DD; 
+  background-color: #CCD0DD;
 }
diff --git a/EarlyBlue/global/listbox.css b/EarlyBlue/global/listbox.css
index 94b0ee44..14b23564 100644
--- a/EarlyBlue/global/listbox.css
+++ b/EarlyBlue/global/listbox.css
@@ -23,12 +23,12 @@
  *   Robert Kaiser <KaiRo@KaiRo.at>
  */
 
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
 /* ===== listbox.css =======================================================
   == Styles used by XUL listbox-related elements.
   ======================================================================= */
 
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
 /* ::::: listbox ::::: */
 
 listbox {
@@ -79,7 +79,10 @@ listheader {
 
 listheader[sortable="true"]:hover:active {
   border: 1px outset #CCD0DD;
-  padding: 1px 4px 0 5px;
+  padding-top: 1px;
+  padding-bottom: 0px;
+  -moz-padding-start: 5px;
+  -moz-padding-end: 4px;
 }
 
 .listheader-icon {
@@ -108,12 +111,15 @@ listheader[sortable="true"]:hover:active {
 
 .listcell-label {
   margin: 0px !important;
-  padding: 0px 0px 1px 4px;
+  padding-top: 0px;
+  padding-bottom: 1px;
+  -moz-padding-start: 4px;
+  -moz-padding-end: 0px;
   white-space: nowrap;
 }
 
 .listcell-icon {
-  margin-right: 2px;
+  -moz-margin-end: 2px;
 }
 
 .listcell-label[disabled="true"] {
diff --git a/EarlyBlue/global/menu.css b/EarlyBlue/global/menu.css
index 6476aeab..93ded8e8 100644
--- a/EarlyBlue/global/menu.css
+++ b/EarlyBlue/global/menu.css
@@ -35,17 +35,18 @@
  *
  * ***** END LICENSE BLOCK ***** */
 
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
 /* ===== menu.css =======================================================
   == Styles used by XUL menu-related elements.
   ======================================================================= */
 
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
 /* ::::: menu/menuitem ::::: */
 
 menu,
 menuitem {
   -moz-box-align: center;
+  max-width: 42em;
   color: #000000;
   list-style-image: none;
 }
@@ -54,6 +55,12 @@ menuitem[default="true"] {
   font-weight: bold;
 }
 
+menu[_moz-menuactive="true"],
+menuitem[_moz-menuactive="true"] {
+  background-color: #336699;
+  color: #FFFFFF;
+}
+
 menu[disabled="true"],
 menuitem[disabled="true"],
 menu[_moz-menuactive="true"][disabled="true"],
@@ -61,49 +68,92 @@ menuitem[_moz-menuactive="true"][disabled="true"] {
   color: #999999;
 }
 
+menubar > menu {
+  padding: 2px 0px 2px 3px;
+  margin: 0px 2px 0px 0px;
+  border: 1px solid #CCD0DD;
+}
+
+menubar > menu[_moz-menuactive="true"] {
+  background-color: #CCD0DD;
+  color: #000000;
+  border: 1px outset #CCD0DD;
+}
+
+menubar > menu[open] {
+  background-color: #CCD0DD;
+  color: #000000;
+  border: 1px inset #CCD0DD;
+}
+
+menuitem.spell-suggestion {
+  font-weight: bold;
+}
+
+/* ::::: menu/menuitems in popups ::::: */
+
+menupopup > menu,
+popup > menu,
+menupopup > menuitem,
+popup > menuitem {
+  padding: 2px;
+}
+
+/* ::::: menu/menuitems in menulist popups ::::: */
+
+.menulist-menupopup > menuitem,
+menulist > menupopup > menuitem,
+.menulist-menupopup > menu,
+menulist > menupopup > menu {
+  padding-top: 1px;
+  padding-bottom: 1px;
+  -moz-padding-start: 1px;
+  -moz-padding-end: 22px;
+  max-width: none;
+}
+
 /* ..... internal content .... */
 
 .menu-text,
 .menu-iconic-left,
 .menu-iconic-text {
-  margin: 0px 2px 0px 0px !important;
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  -moz-margin-start: 0px !important;
+  -moz-margin-end: 2px !important;
   color: inherit;
 }
 
 .menu-text {
-  margin-left: 18px !important;
+  -moz-margin-start: 18px !important;
   font-weight: inherit;
 }
 
 .menu-description {
   font-style: italic;
   color: #808080;
-  margin-left: 1ex !important;
+  -moz-margin-start: 1ex !important;
 }
 
 .menu-accel,
 .menu-iconic-accel {
-  margin: 0px 2px 0px 7px !important;
-  padding-right: 14px;
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  -moz-margin-start: 7px !important;
+  -moz-margin-end: 2px !important;
+  -moz-padding-end: 14px;
   color: inherit;
 }
 
-menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon,
-menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon {
-/*  width: 16px; */
-}
-
 .menu-iconic-left {
-  -moz-box-align: center;
-  -moz-box-pack: center;
   width: 16px;
-/*  height: 16px; */
 }
 
-/* ..... menu arrow box ..... */
-
 .menu-right {
-  margin: 0px 0px 0px 3px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  -moz-margin-start: 3px;
+  -moz-margin-end: 0px;
   width: 8px;
   list-style-image: url("chrome://global/skin/menu/menu-arrow.gif");
 }
@@ -113,73 +163,44 @@ menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon {
 }
 
 .menu-right[disabled="true"] {
-  list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled.gif") !important;
+  list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled.gif");
 }
 
-/* ::::: menu/menuitems in menubar ::::: */
-
-menubar > menu {
-  padding: 2px 0px 2px 3px;
-  margin: 0px 2px 0px 0px;
-  border: 1px solid #CCD0DD;
+.menu-right[chromedir="rtl"] {
+  list-style-image: url("chrome://global/skin/menu/menu-arrow-rtl.gif");
 }
 
-menubar > menu[_moz-menuactive="true"] {
-  border: 1px outset #CCD0DD;
+.menu-right[chromedir="rtl"][_moz-menuactive="true"] {
+  list-style-image: url("chrome://global/skin/menu/menu-arrow-hover-rtl.gif");
 }
 
-menubar > menu[_moz-menuactive="true"][open="true"] {
-  border: 1px inset #CCD0DD;
+.menu-right[chromedir="rtl"][disabled="true"] {
+  list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled-rtl.gif");
 }
 
-/* ..... internal content .... */
-
 .menubar-left {
-  margin: 0px 2px 0px 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  -moz-margin-start: 0px;
+  -moz-margin-end: 2px;
   color: inherit;
 }
 
 .menubar-text {
-  margin: 0px 2px 0px 0px !important;
+  margin: 0 1px !important;
   color: inherit;
 }
 
-/* ::::: menu/menuitems in popups ::::: */
-
-menupopup > menu,
-popup > menu,
-menupopup > menuitem,
-popup > menuitem {
-  padding: 2px;
-  max-width: 42em;
-}
-
-menupopup > menu[_moz-menuactive="true"],
-menupopup > menuitem[_moz-menuactive="true"],
-popup > menu[_moz-menuactive="true"],
-popup > menuitem[_moz-menuactive="true"] {
-  background-color: #336699;
-  color: #FFFFFF;
-}
-
-/* ::::: menu/menuitems in menulist popups ::::: */
-
-.menulist-menupopup > menuitem,
-menulist > menupopup > menuitem,
-.menulist-menupopup > menu,
-menulist > menupopup > menu {
-  border: 1px solid transparent;
-  padding: 1px 22px 1px 1px;
-  max-width: none;
-}
-
-menulist > menupopup > menuitem[_moz-menuactive="true"] {
-  border: 1px dotted #666699;
+.menulist-menupopup > menuitem > .menu-iconic-left,
+menulist > menupopup > menuitem > .menu-iconic-left,
+.menulist-menupopup > menu > .menu-iconic-left,
+menulist > menupopup > menu > .menu-iconic-left {
+  display: none;
 }
 
 /* ::::: checkbox menuitem ::::: */
 
-menuitem[checked="true"] {
+menuitem[checked="true"] { /* [type="checkbox"] */
   list-style-image: url("chrome://global/skin/menu/menu-check.gif");
 }
 
@@ -209,13 +230,13 @@ menuitem[checked="true"][type="radio"][disabled="true"] {
 
 menuseparator {
   border: 1px inset #CCD0DD;
-  margin: 2px 0px 2px 0px;
+  margin: 2px 0px;
 }
 
 menulist > menupopup > menuseparator,
 .menulist-menupopup > menuseparator {
   border: 1px inset #CCD0DD;
-  margin: 2px 0px 2px 0px;
+  margin: 2px 0px;
 }
 
 /* ::::: autocomplete ::::: */
@@ -224,6 +245,8 @@ menulist > menupopup > menuseparator,
   max-width: none !important;
 }
 
+/* ::::: tree column picker ::::: */
+
 .treecell-popupcell-menu {
   margin-left: -2px;
   list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
diff --git a/EarlyBlue/global/menu/menu-arrow-disabled-rtl.gif b/EarlyBlue/global/menu/menu-arrow-disabled-rtl.gif
new file mode 100644
index 00000000..305e7061
Binary files /dev/null and b/EarlyBlue/global/menu/menu-arrow-disabled-rtl.gif differ
diff --git a/EarlyBlue/global/menu/menu-arrow-hover-rtl.gif b/EarlyBlue/global/menu/menu-arrow-hover-rtl.gif
new file mode 100644
index 00000000..b7bdc3e1
Binary files /dev/null and b/EarlyBlue/global/menu/menu-arrow-hover-rtl.gif differ
diff --git a/EarlyBlue/global/menu/menu-arrow-rtl.gif b/EarlyBlue/global/menu/menu-arrow-rtl.gif
new file mode 100644
index 00000000..2b481e76
Binary files /dev/null and b/EarlyBlue/global/menu/menu-arrow-rtl.gif differ
diff --git a/EarlyBlue/global/menulist.css b/EarlyBlue/global/menulist.css
index 95de1691..8a33007a 100644
--- a/EarlyBlue/global/menulist.css
+++ b/EarlyBlue/global/menulist.css
@@ -35,13 +35,13 @@
  *
  * ***** END LICENSE BLOCK ***** */
 
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
-
 /* ===== menulist.css ===================================================
   == Styles used by the XUL menulist element.
   ======================================================================= */
 
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
+
 /* :::::::::: menulist :::::::::: */
 
 menulist {
@@ -55,12 +55,6 @@ menulist {
   -moz-box-align: center;
   -moz-box-pack: center;
 /*  margin: 1px; */
-}
-
-.menulist-label-box,
-menulist[open="true"]:focus > .menulist-label-box {
-/*  border: 1px inset #CCD0DD; */
-  background-color: transparent;
   color: inherit;
 }
 
@@ -74,6 +68,17 @@ menulist[open="true"]:focus > .menulist-label-box {
   margin-left: 1ex !important;
 }
 
+menulist:focus > .menulist-label-box {
+/*  border: 1px dotted #999999; */
+  background-color: #336699;
+  color: #000000;
+}
+
+menulist[disabled="true"] {
+  background-color: #CCCCCC;
+  color: #999999;
+}
+
 /* ..... dropmarker ..... */
 
 .menulist-dropmarker {
@@ -84,28 +89,18 @@ menulist[disabled="true"]:hover:active > .menulist-dropmarker {
   padding: 1px;
 }
 
-menulist:hover:active > .menulist-dropmarker {
+menulist:hover:active > .menulist-dropmarker,
+menulist:[open="true"] > .menulist-dropmarker {
   border: 1px inset #CCD0DD;
   padding: 2px 0px 0px 2px;
 }
 
-/* ..... focused state ..... */
+/* ::::: editable menulists ::::: */
 
-menulist:focus > .menulist-label-box {
-/*  border: 1px dotted #999999; */
-  background-color: #336699;
+menulist[editable="true"] {
   color: #000000;
 }
 
-/* ..... disabled state ..... */
-
-menulist[disabled="true"] {
-  background-color: #CCCCCC;
-  color: #999999;
-}
-
-/* ::::: editable menulists ::::: */
-
 .menulist-editable-box {
   background-color: #FFFFFF;
   padding: 2px;
@@ -115,8 +110,6 @@ html|*.menulist-editable-input {
   margin: 0px !important;
   border: none !important;
   padding: 0px !important;
-  background-color: #FFFFFF;
-  color: #000000;
   font: inherit;
 }
 
@@ -127,36 +120,26 @@ html|*.menulist-editable-input {
   -moz-box-pack: center;
   margin: 0px;
   border: 1px outset #CCD0DD;
-/*  background-color: -moz-Dialog;
-  color: -moz-DialogText; */
+  color: #000000;
   list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
 }
 
-.menulist-compact > .menulist-label-box {
-  border: 1px solid transparent;
-  background-color: transparent;
-  color: inherit;
+.menulist-compact > .menulist-dropmarker {
+  -moz-margin-start: 2px;
+  padding: 0 !important;
+  list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
 }
 
-.menulist-compact > .menulist-label-box > .menulist-label {
-  margin: 0 3px !important;
-  text-align: right;
+.menulist-compact[disabled="true"] > .menulist-dropmarker {
+  list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
 }
 
-.menulist-compact > .menulist-label-box > .menulist-icon {
-  margin-left: 2px;
+.menulist-compact > .menulist-label {
+  margin: 0 3px !important;
+  text-align: right;
 }
 
 .menulist-compact[open="true"] {
   border: 1px inset #CCD0DD;
-/*  background-color: ThreeDShadow;
-  color: ThreeDHighlight; */
-}
-
-.menulist-compact[disabled="true"] {
-  list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
-}
-
-.menulist-compact:focus > .menulist-label-box {
-  border: 1px dotted #9999CC;
+  /* color: ThreeDHighlight; */
 }
diff --git a/EarlyBlue/global/notification.css b/EarlyBlue/global/notification.css
new file mode 100644
index 00000000..445176ca
--- /dev/null
+++ b/EarlyBlue/global/notification.css
@@ -0,0 +1,34 @@
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+notification {
+  background-color : #FFFFCC;
+  color: #000000;
+}
+
+notification[type="info"] {
+  background-color: #CCD0DD;
+}
+
+notification[type="critical"] {
+  background-color: #FFC0C0;
+}
+
+.messageImage {
+  width: 16px;
+  height: 16px;
+  margin: 0px 1px 0px 6px;
+}
+
+.messageText {
+  -moz-margin-start: 5px;
+}
+
+.messageButton {
+  margin: 0px 5px 0px 5px;
+}
+
+.messageCloseButton {
+  list-style-image: url("chrome://global/skin/icons/close-button.gif");
+  padding: 4px 2px;
+  border: none;
+}
diff --git a/EarlyBlue/global/numberbox.css b/EarlyBlue/global/numberbox.css
index 353ffb4b..eceb6ed1 100644
--- a/EarlyBlue/global/numberbox.css
+++ b/EarlyBlue/global/numberbox.css
@@ -43,6 +43,7 @@
 
 textbox[type="number"] {
   padding: 0 !important;
+  border: none;
   cursor: default;
 }
 
@@ -52,5 +53,10 @@ html|*.numberbox-input {
 
 .numberbox-input-box {
   -moz-box-align: center;
+  cursor: text;
+  margin-right: -1px;
+  border: 1px inset #CCD0DD;
+  padding: 1px;
+  background-color: #FFFFFF;
+  color: #000000;
 }
-