Adding upstream version 1:115.7.0.upstream/1%115.7.0 upstream

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
author: Daniel Baumann <daniel.baumann@progress-linux.org> 2024-04-07 17:32:43 +0000
committer: Daniel Baumann <daniel.baumann@progress-linux.org> 2024-04-07 17:32:43 +0000
commit: 6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch)
tree: a68f146d7fa01f0134297619fbe7e33db084e0aa /comm/suite/themes/modern/global
parent: Initial commit. (diff)
download: thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.tar.xz
thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.zip
287 files changed, 5164 insertions, 0 deletions
diff --git a/comm/suite/themes/modern/global/about.css b/comm/suite/themes/modern/global/about.css
new file mode 100644
index 0000000000..3ba9673475
--- /dev/null
+++ b/comm/suite/themes/modern/global/about.css
@@ -0,0 +1,65 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("chrome://global/skin/plugins.css");
+
+html {
+  background: #FFF;
+}
+
+body {
+  color: #22262F;
+  font: message-box;
+  position: relative;
+  min-width: 330px;
+  max-width: 50em;
+  margin: 4em auto;
+  border: 1px solid #494F5D;
+  border-radius: 10px;
+  padding: 3em;
+  padding-inline-start: 30px;
+  background: #C7D0D9;
+  text-align: left;
+}
+
+.aboutPageWideContainer {
+  max-width: 80%;
+}
+
+#aboutLogoContainer {
+  border: 1px solid #494F5D;
+  width: 300px;
+  margin-bottom: 2em;
+}
+
+img {
+  border: 0;
+}
+
+#version {
+  font-weight: bold;
+  color: #000;
+  margin-top: -24px;
+  margin-bottom: 9px;
+  margin-inline-start: 10px;
+  margin-inline-end: 0px;
+  font-size: 130%;
+}
+
+ul {
+  margin: 0;
+  margin-inline-start: 1.5em;
+  padding: 0;
+  list-style: square;
+  font-size: 110%;
+}
+
+ul > li {
+  margin-top: .5em;
+}
+
+.columns {
+  -moz-column-width: 20em;
+  -moz-column-gap: 3em;
+}
diff --git a/comm/suite/themes/modern/global/aboutCache.css b/comm/suite/themes/modern/global/aboutCache.css
new file mode 100644
index 0000000000..49e9015ee4
--- /dev/null
+++ b/comm/suite/themes/modern/global/aboutCache.css
@@ -0,0 +1,50 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+h2 {
+  margin-top: 1em;
+}
+
+table {
+  table-layout: fixed;
+  width: 100%;
+  margin-bottom: 1em;
+}
+
+th {
+  width: 14em;
+  white-space: nowrap;
+  text-align: end;
+}
+
+td {
+  font-family: -moz-fixed;
+  word-wrap: break-word;
+}
+
+#col-key {
+  width: 52%;
+}
+
+#col-dataSize,
+#col-fetchCount,
+#col-lastModified,
+#col-expires {
+  width: 12%;
+}
+
+#entries > tbody > tr > td {
+  padding: .5em 0;
+  text-align: center;
+}
+
+#entries > thead > tr > th {
+  text-align: center;
+  white-space: normal;
+}
+
+#entries > thead > tr > th:first-child,
+#entries > tbody > tr > td:first-child {
+  text-align: start;
+}
diff --git a/comm/suite/themes/modern/global/aboutCacheEntry.css b/comm/suite/themes/modern/global/aboutCacheEntry.css
new file mode 100644
index 0000000000..2ea1bf7ba6
--- /dev/null
+++ b/comm/suite/themes/modern/global/aboutCacheEntry.css
@@ -0,0 +1,27 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+body {
+  display: table;
+}
+
+table {
+  table-layout: fixed;
+  width: 100%;
+}
+
+th {
+  width: 12em;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  vertical-align: top;
+  text-align: end;
+}
+
+td {
+  display: block;
+  font-family: -moz-fixed;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
diff --git a/comm/suite/themes/modern/global/aboutMemory.css b/comm/suite/themes/modern/global/aboutMemory.css
new file mode 100644
index 0000000000..295ef6a847
--- /dev/null
+++ b/comm/suite/themes/modern/global/aboutMemory.css
@@ -0,0 +1,26 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("chrome://global/content/aboutMemory.css");
+@import url("chrome://global/skin/button.css");
+
+html {
+  background-color: #FFF;
+}
+
+div.section, div.opsRow {
+  background-color: #C7D0D9;
+}
+
+h2 {
+  background-color: #90A1B3;
+}
+
+a:link, a:visited, a:active {
+ color: #313063;
+}
+
+input[type="checkbox"] {
+  -moz-appearance: none;
+}
diff --git a/comm/suite/themes/modern/global/aboutSupport.css b/comm/suite/themes/modern/global/aboutSupport.css
new file mode 100644
index 0000000000..b63f309cd2
--- /dev/null
+++ b/comm/suite/themes/modern/global/aboutSupport.css
@@ -0,0 +1,108 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("chrome://global/skin/plugins.css");
+@import url("chrome://global/skin/button.css");
+
+body {
+  width: 90%;
+  margin-left: 5%;
+  margin-right: 5%;
+}
+
+.page-subtitle {
+  margin-bottom: 1.5em;
+}
+
+.major-section {
+  margin-top: 2em;
+  margin-bottom: 1em;
+  text-align: start;
+}
+
+button {
+  margin-inline-start: 0;
+  margin-inline-end: 8px;
+}
+
+th.title-column {
+  white-space: nowrap;
+  width: 0px;
+  font-size: medium;
+}
+
+th.column {
+  text-align: start;
+  border-top: 1px dotted #2D3B49;
+  white-space: nowrap;
+  width: 0px;
+}
+
+tr:first-child > th,
+tr:first-child > td {
+  border-top: 0;
+}
+
+.prefs-table {
+  table-layout: fixed;
+}
+
+.name {
+  width: 70%;
+}
+
+.value {
+  width: 30%;
+}
+
+.pref-name,
+.pref-value {
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+#action-box {
+  background-color: #C7D0D9;
+  border: 1px solid #2D3B49;
+  border-radius: 6px;
+  color: #22262F;
+  float: right;
+  margin-top: 2em;
+  margin-bottom: 20px;
+  margin-inline-start: 20px;
+  margin-inline-end: 0;
+  padding: 16px;
+  width: 30%;
+}
+
+#action-box,
+#reset-box,
+#safe-mode-box {
+  display: none;
+}
+
+#action-box:dir(rtl) {
+  float: left;
+}
+
+#reset-box > h3 {
+  margin-top: 0;
+}
+
+#action-box button {
+  display: block;
+}
+
+#verify-place-result {
+  max-height: 200px;
+  overflow: auto;
+}
+
+.block {
+  display: block;
+}
+
+.hidden {
+  display: none;
+}
diff --git a/comm/suite/themes/modern/global/alerts/alert.css b/comm/suite/themes/modern/global/alerts/alert.css
new file mode 100644
index 0000000000..5f0984db7d
--- /dev/null
+++ b/comm/suite/themes/modern/global/alerts/alert.css
@@ -0,0 +1,113 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== alert.css =====================================================
+  == Styles specific to the alerts dialog.
+  ======================================================================= */
+
+@import url("chrome://global/skin/global.css");
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+.alertBox {
+  background-color: #C7D0D9;
+}
+
+#alertBox[hasBodyText] > #alertTitleBox,
+#alertBox[hasOrigin] > #alertTitleBox {
+  border-bottom: 1px solid #7B969C;
+}
+
+#alertBox[animate][clicked],
+#alertBox[animate][closing] {
+  animation-duration: 0.75s;
+}
+
+alertBox[hasImage] > box > .alertImageBox {
+  padding: 4px;
+  width: 64px;
+}
+
+.alertTextBox {
+  padding: 4px;
+  width: 255px;
+  -moz-box-flex: 1;
+}
+
+.alertTitle {
+  font-weight: bold;
+  font-size: 110%;
+  padding: 4px;
+  -moz-box-flex: 1;
+}
+
+.alertSource {
+  color: #8C99AB;
+  -moz-box-flex: 1;
+}
+
+#alertImage {
+  max-width: 48px;
+  max-height: 48px;
+  list-style-image: url("chrome://global/skin/alerts/notification-48.png");
+}
+
+#alertNotification {
+  border: ridge #5486DA 4px;
+}
+
+#alertNotification[clickable="true"] {
+  cursor: pointer;
+}
+
+label {
+  cursor: inherit;
+}
+
+.alertText[clickable="true"] {
+  color: #1455D6;
+  text-decoration: underline;
+}
+
+.alertText[clickable="true"]:hover:active {
+  color: #424F63;
+}
+
+@keyframes alert-animation {
+  from {
+    opacity: 0;
+  }
+  6.25% {
+    opacity: 1;
+  }
+  93.75% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+.alertCloseButton {
+  list-style-image: url("chrome://global/skin/icons/closebox.png");
+  padding: 4px;
+  border: none;
+}
+
+#alertFooter {
+  -moz-box-align: end;
+}
+
+#alertSettings {
+  min-width: 0px;
+  list-style-image: url("chrome://mozapps/skin/extensions/utilities.png");
+  margin: 0px;
+  border: none;
+  background-color: transparent;
+}
+
+.button-menu-dropmarker,
+.button-text {
+  display: none;
+}
diff --git a/comm/suite/themes/modern/global/alerts/notification-48.png b/comm/suite/themes/modern/global/alerts/notification-48.png
new file mode 100644
index 0000000000..23ab5a0eb8
--- /dev/null
+++ b/comm/suite/themes/modern/global/alerts/notification-48.png
diff --git a/comm/suite/themes/modern/global/appPicker.css b/comm/suite/themes/modern/global/appPicker.css
new file mode 100644
index 0000000000..2af61e1eb6
--- /dev/null
+++ b/comm/suite/themes/modern/global/appPicker.css
@@ -0,0 +1,26 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+#app-picker {
+  width: 57ch;
+}
+
+#content-description {
+  font-weight: bold;
+}
+
+.listitem-iconic {
+  border-bottom: 1px dotted #C7D0D9;
+}
+
+#content-icon,
+.listcell-icon {
+  margin: 5px;
+  width: 32px;
+  height: 32px;
+}
+
+.listcell-label {
+  padding: 5px;
+}
diff --git a/comm/suite/themes/modern/global/arrow/arrow-dn-dis.gif b/comm/suite/themes/modern/global/arrow/arrow-dn-dis.gif
new file mode 100644
index 0000000000..d1e378c24e
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-dn-dis.gif
diff --git a/comm/suite/themes/modern/global/arrow/arrow-dn-dis.png b/comm/suite/themes/modern/global/arrow/arrow-dn-dis.png
new file mode 100644
index 0000000000..11b72f18f1
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-dn-dis.png
diff --git a/comm/suite/themes/modern/global/arrow/arrow-dn.gif b/comm/suite/themes/modern/global/arrow/arrow-dn.gif
new file mode 100644
index 0000000000..459dfa4130
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-dn.gif
diff --git a/comm/suite/themes/modern/global/arrow/arrow-dn.png b/comm/suite/themes/modern/global/arrow/arrow-dn.png
new file mode 100644
index 0000000000..527efee994
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-dn.png
diff --git a/comm/suite/themes/modern/global/arrow/arrow-lft-dis.gif b/comm/suite/themes/modern/global/arrow/arrow-lft-dis.gif
new file mode 100644
index 0000000000..70a62b7620
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-lft-dis.gif
diff --git a/comm/suite/themes/modern/global/arrow/arrow-lft-dis.png b/comm/suite/themes/modern/global/arrow/arrow-lft-dis.png
new file mode 100644
index 0000000000..4ea0e174d9
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-lft-dis.png
diff --git a/comm/suite/themes/modern/global/arrow/arrow-lft-sharp-end.gif b/comm/suite/themes/modern/global/arrow/arrow-lft-sharp-end.gif
new file mode 100644
index 0000000000..c22294ba21
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-lft-sharp-end.gif
diff --git a/comm/suite/themes/modern/global/arrow/arrow-lft-sharp-end.png b/comm/suite/themes/modern/global/arrow/arrow-lft-sharp-end.png
new file mode 100644
index 0000000000..e6817290b1
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-lft-sharp-end.png
diff --git a/comm/suite/themes/modern/global/arrow/arrow-lft-sharp.gif b/comm/suite/themes/modern/global/arrow/arrow-lft-sharp.gif
new file mode 100644
index 0000000000..ae9b1dd0fb
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-lft-sharp.gif
diff --git a/comm/suite/themes/modern/global/arrow/arrow-lft-sharp.png b/comm/suite/themes/modern/global/arrow/arrow-lft-sharp.png
new file mode 100644
index 0000000000..d306dbb626
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-lft-sharp.png
diff --git a/comm/suite/themes/modern/global/arrow/arrow-lft.gif b/comm/suite/themes/modern/global/arrow/arrow-lft.gif
new file mode 100644
index 0000000000..18d3c0d4a5
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-lft.gif
diff --git a/comm/suite/themes/modern/global/arrow/arrow-lft.png b/comm/suite/themes/modern/global/arrow/arrow-lft.png
new file mode 100644
index 0000000000..1a09350721
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-lft.png
diff --git a/comm/suite/themes/modern/global/arrow/arrow-rit-dis.gif b/comm/suite/themes/modern/global/arrow/arrow-rit-dis.gif
new file mode 100644
index 0000000000..e53bd10e2d
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-rit-dis.gif
diff --git a/comm/suite/themes/modern/global/arrow/arrow-rit-dis.png b/comm/suite/themes/modern/global/arrow/arrow-rit-dis.png
new file mode 100644
index 0000000000..48074d503a
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-rit-dis.png
diff --git a/comm/suite/themes/modern/global/arrow/arrow-rit-sharp-end.gif b/comm/suite/themes/modern/global/arrow/arrow-rit-sharp-end.gif
new file mode 100644
index 0000000000..c1b3750d4c
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-rit-sharp-end.gif
diff --git a/comm/suite/themes/modern/global/arrow/arrow-rit-sharp-end.png b/comm/suite/themes/modern/global/arrow/arrow-rit-sharp-end.png
new file mode 100644
index 0000000000..0ced7e34af
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-rit-sharp-end.png
diff --git a/comm/suite/themes/modern/global/arrow/arrow-rit-sharp.gif b/comm/suite/themes/modern/global/arrow/arrow-rit-sharp.gif
new file mode 100644
index 0000000000..ca628ba69b
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-rit-sharp.gif
diff --git a/comm/suite/themes/modern/global/arrow/arrow-rit-sharp.png b/comm/suite/themes/modern/global/arrow/arrow-rit-sharp.png
new file mode 100644
index 0000000000..e662e73090
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-rit-sharp.png
diff --git a/comm/suite/themes/modern/global/arrow/arrow-rit.gif b/comm/suite/themes/modern/global/arrow/arrow-rit.gif
new file mode 100644
index 0000000000..fdbb09773b
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-rit.gif
diff --git a/comm/suite/themes/modern/global/arrow/arrow-rit.png b/comm/suite/themes/modern/global/arrow/arrow-rit.png
new file mode 100644
index 0000000000..299d40ed2d
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-rit.png
diff --git a/comm/suite/themes/modern/global/arrow/arrow-up-dis.gif b/comm/suite/themes/modern/global/arrow/arrow-up-dis.gif
new file mode 100644
index 0000000000..0484fe7d2a
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-up-dis.gif
diff --git a/comm/suite/themes/modern/global/arrow/arrow-up-dis.png b/comm/suite/themes/modern/global/arrow/arrow-up-dis.png
new file mode 100644
index 0000000000..dfee46b783
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-up-dis.png
diff --git a/comm/suite/themes/modern/global/arrow/arrow-up.gif b/comm/suite/themes/modern/global/arrow/arrow-up.gif
new file mode 100644
index 0000000000..bbba9d43dc
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-up.gif
diff --git a/comm/suite/themes/modern/global/arrow/arrow-up.png b/comm/suite/themes/modern/global/arrow/arrow-up.png
new file mode 100644
index 0000000000..76adae3649
--- /dev/null
+++ b/comm/suite/themes/modern/global/arrow/arrow-up.png
diff --git a/comm/suite/themes/modern/global/autocomplete.css b/comm/suite/themes/modern/global/autocomplete.css
new file mode 100644
index 0000000000..bbc747db4a
--- /dev/null
+++ b/comm/suite/themes/modern/global/autocomplete.css
@@ -0,0 +1,105 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== autocomplete.css =================================================
+  == 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[type="autocomplete"] {
+  cursor: default !important;
+}
+
+textbox[nomatch="true"][highlightnonmatches="true"] {
+  color: #F00;
+}
+
+.textbox-input-box {
+  -moz-box-align: center;
+}
+
+/* ::::: history button ::::: */
+
+.autocomplete-history-dropmarker {
+  margin: 2px;
+  padding: 0;
+  border: none !important;
+  background-color: transparent !important;
+}
+
+.autocomplete-history-dropmarker[open="true"] {
+  margin-top: 3px;
+  margin-bottom: 1px;
+  margin-inline-start: 3px;
+  margin-inline-end: 1px;
+}
+
+/* ::::: autocomplete popups ::::: */
+
+panel[type="autocomplete"],
+panel[type="autocomplete-richlistbox"],
+.autocomplete-history-popup {
+  -moz-appearance: none;
+  border: 1px solid;
+  border-color: #6B747E;
+  background-color: #FFFFFF;
+}
+
+.autocomplete-history-popup {
+  max-height: 180px;
+}
+
+/* ::::: tree ::::: */
+
+.autocomplete-tree {
+  border: none;
+  background-color: transparent !important;
+}
+
+.autocomplete-treecol {
+  margin: 0px !important;
+  border: none !important;
+  padding: 0px !important;
+}
+
+.autocomplete-treebody::-moz-tree-cell-text {
+  padding-inline-start: 8px;
+  color: #000000;
+}
+
+.autocomplete-treebody::-moz-tree-row(selected) {
+  background-color: #9499AC;
+}
+
+.autocomplete-treebody::-moz-tree-cell-text(selected) {
+  color: #FFFFFF !important;
+}
+
+.autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) {
+  max-width: 16px;
+  height: 16px;
+}
+
+/* ::::: richlistbox autocomplete ::::: */
+
+.autocomplete-richlistbox {
+  -moz-appearance: none;
+  margin: 0px !important;
+  border: none !important;
+  padding: 0px !important;
+}
+
+/* ::::: 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/comm/suite/themes/modern/global/button.css b/comm/suite/themes/modern/global/button.css
new file mode 100644
index 0000000000..216791cc3e
--- /dev/null
+++ b/comm/suite/themes/modern/global/button.css
@@ -0,0 +1,127 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== button.css =====================================================
+  == Styles used by the XUL (and XHTML in netError.xhtml) button element.
+  ======================================================================= */
+
+/* :::::::::: button :::::::::: */
+
+button {
+  margin: 2px;
+  border: 1px solid;
+  padding: 3px;
+  border-color: #5F5F5F;
+  border-radius: 2px;
+  min-width: 6em;
+  background-color: #AAB6C4;
+  background-clip: padding-box;
+  color: #000000;
+  font: menu;
+}
+
+.button-icon {
+  margin-inline-start: 2px;
+}
+
+.button-text {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  margin-inline-start: 4px !important;
+  margin-inline-end: 6px !important;
+  text-align: center;
+}
+
+/* .......... focused state .......... */
+
+button:focus {
+  border-color: #000000;
+}
+
+/* .......... active/open/checked state .......... */
+
+button:hover:active,
+button[checked="true"],
+button[open="true"] {
+  border-color: #000000;
+  background-color: #90A1B3;
+  color: #FFFFFF;
+}
+
+button:hover:active:focus,
+button[checked="true"]:focus,
+button[open="true"]:focus {
+  border: 2px solid;
+  border-color: #000000;
+}
+
+/* .......... disabled state .......... */
+
+button[disabled="true"] {
+  border-color: #8290A5 !important;
+  background-color: #B7BFCB !important;
+  color: #8C99AB !important;
+}
+  
+/* .......... default state .......... */
+
+button[default="true"] {
+  border-color: #000000;
+}
+
+button[default="true"]:hover:active {
+  border-color: #000000;
+  border-radius: 2px;
+}
+
+button[default="true"]:hover:active:focus {
+  border-color: #000000;
+}
+
+button[default="true"]:focus {
+  border-color: #000000;
+}
+
+/* ::::: menu/menu-button buttons ::::: */
+
+button[type="menu-button"] {
+  border: none;
+  background: transparent !important;
+}
+
+.button-menubutton-button {
+  margin: 0;
+}
+
+.button-menu-dropmarker,
+.button-menubutton-dropmarker {
+  margin: 1px;
+  background-color: transparent;
+  border: none;
+}
+  
+.button-menubutton-dropmarker[open="true"] {
+  margin-top: 2px;
+  margin-bottom: 0px;
+  margin-inline-start: 2px;
+  margin-inline-end: 0px;
+}
+
+/* ::::: plain buttons ::::: */
+
+button.plain,
+button.plain:hover,
+button.plain:hover:active
+{
+  margin: 0px;
+  border: none !important;
+  padding: 0px;
+}
+
+/* ::::: xhtml buttons ::::: */
+
+button::-moz-focus-inner {
+  padding: 0px;
+  border: 0px none;
+}
diff --git a/comm/suite/themes/modern/global/button/tbmbtn-arrow-act.gif b/comm/suite/themes/modern/global/button/tbmbtn-arrow-act.gif
new file mode 100644
index 0000000000..fadbe25025
--- /dev/null
+++ b/comm/suite/themes/modern/global/button/tbmbtn-arrow-act.gif
diff --git a/comm/suite/themes/modern/global/button/tbmbtn-arrow-act.png b/comm/suite/themes/modern/global/button/tbmbtn-arrow-act.png
new file mode 100644
index 0000000000..0cf89767ed
--- /dev/null
+++ b/comm/suite/themes/modern/global/button/tbmbtn-arrow-act.png
diff --git a/comm/suite/themes/modern/global/button/tbmbtn-arrow-hov.gif b/comm/suite/themes/modern/global/button/tbmbtn-arrow-hov.gif
new file mode 100644
index 0000000000..65d8d50c59
--- /dev/null
+++ b/comm/suite/themes/modern/global/button/tbmbtn-arrow-hov.gif
diff --git a/comm/suite/themes/modern/global/button/tbmbtn-arrow-hov.png b/comm/suite/themes/modern/global/button/tbmbtn-arrow-hov.png
new file mode 100644
index 0000000000..db21aa0524
--- /dev/null
+++ b/comm/suite/themes/modern/global/button/tbmbtn-arrow-hov.png
diff --git a/comm/suite/themes/modern/global/button/tbmbtn-arrow.gif b/comm/suite/themes/modern/global/button/tbmbtn-arrow.gif
new file mode 100644
index 0000000000..2f9e3ac67c
--- /dev/null
+++ b/comm/suite/themes/modern/global/button/tbmbtn-arrow.gif
diff --git a/comm/suite/themes/modern/global/button/tbmbtn-arrow.png b/comm/suite/themes/modern/global/button/tbmbtn-arrow.png
new file mode 100644
index 0000000000..2f7d89c498
--- /dev/null
+++ b/comm/suite/themes/modern/global/button/tbmbtn-arrow.png
diff --git a/comm/suite/themes/modern/global/button/tbmenu-arrow-act.gif b/comm/suite/themes/modern/global/button/tbmenu-arrow-act.gif
new file mode 100644
index 0000000000..6f1a8a0fb9
--- /dev/null
+++ b/comm/suite/themes/modern/global/button/tbmenu-arrow-act.gif
diff --git a/comm/suite/themes/modern/global/button/tbmenu-arrow-act.png b/comm/suite/themes/modern/global/button/tbmenu-arrow-act.png
new file mode 100644
index 0000000000..291f25a8ca
--- /dev/null
+++ b/comm/suite/themes/modern/global/button/tbmenu-arrow-act.png
diff --git a/comm/suite/themes/modern/global/button/tbmenu-arrow-dis.gif b/comm/suite/themes/modern/global/button/tbmenu-arrow-dis.gif
new file mode 100644
index 0000000000..ad7fdb61ca
--- /dev/null
+++ b/comm/suite/themes/modern/global/button/tbmenu-arrow-dis.gif
diff --git a/comm/suite/themes/modern/global/button/tbmenu-arrow-dis.png b/comm/suite/themes/modern/global/button/tbmenu-arrow-dis.png
new file mode 100644
index 0000000000..f490d05edb
--- /dev/null
+++ b/comm/suite/themes/modern/global/button/tbmenu-arrow-dis.png
diff --git a/comm/suite/themes/modern/global/button/tbmenu-arrow.gif b/comm/suite/themes/modern/global/button/tbmenu-arrow.gif
new file mode 100644
index 0000000000..1d8fbda3d7
--- /dev/null
+++ b/comm/suite/themes/modern/global/button/tbmenu-arrow.gif
diff --git a/comm/suite/themes/modern/global/button/tbmenu-arrow.png b/comm/suite/themes/modern/global/button/tbmenu-arrow.png
new file mode 100644
index 0000000000..d9f193db27
--- /dev/null
+++ b/comm/suite/themes/modern/global/button/tbmenu-arrow.png
diff --git a/comm/suite/themes/modern/global/checkbox.css b/comm/suite/themes/modern/global/checkbox.css
new file mode 100644
index 0000000000..b787096a9c
--- /dev/null
+++ b/comm/suite/themes/modern/global/checkbox.css
@@ -0,0 +1,69 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== checkbox.css ===================================================
+  == Styles used by the XUL checkbox element.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: checkbox ::::: */
+
+checkbox {
+  -moz-box-align: center;
+  margin: 0px 2px;
+  border: 2px solid transparent;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  padding-inline-start: 4px;
+  padding-inline-end: 2px;
+}
+
+.checkbox-icon {
+  margin-inline-start: 2px;
+}
+
+/* ..... focused state ..... */
+
+checkbox:focus {
+  border-color: #98A5B2;
+  border-radius: 4px 5px;
+}
+
+/* ..... disabled state ..... */
+
+checkbox[disabled="true"] > .checkbox-label-box > .checkbox-label {
+  color: #8C99AB !important;
+}
+
+/* ::::: checkmark image ::::: */
+
+.checkbox-check {
+  width: 13px;
+  height: 13px;
+  list-style-image: url("chrome://global/skin/checkbox/cbox.png");
+}
+  
+checkbox:hover:active > .checkbox-check {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-act.png");  
+}
+  
+.checkbox-check[disabled="true"] {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-dis.png") !important
+}
+
+/* ..... checked state ..... */
+
+.checkbox-check[checked="true"] {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-check.png");
+}
+    
+checkbox:hover:active > .checkbox-check[checked="true"] {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-act-check.png");
+}
+
+.checkbox-check[checked="true"][disabled="true"] {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-dis-check.png") !important;
+}
+
diff --git a/comm/suite/themes/modern/global/checkbox/cbox-act-check.gif b/comm/suite/themes/modern/global/checkbox/cbox-act-check.gif
new file mode 100644
index 0000000000..1775859c91
--- /dev/null
+++ b/comm/suite/themes/modern/global/checkbox/cbox-act-check.gif
diff --git a/comm/suite/themes/modern/global/checkbox/cbox-act-check.png b/comm/suite/themes/modern/global/checkbox/cbox-act-check.png
new file mode 100644
index 0000000000..fc6c1b400e
--- /dev/null
+++ b/comm/suite/themes/modern/global/checkbox/cbox-act-check.png
diff --git a/comm/suite/themes/modern/global/checkbox/cbox-act.gif b/comm/suite/themes/modern/global/checkbox/cbox-act.gif
new file mode 100644
index 0000000000..f8a9e004ec
--- /dev/null
+++ b/comm/suite/themes/modern/global/checkbox/cbox-act.gif
diff --git a/comm/suite/themes/modern/global/checkbox/cbox-act.png b/comm/suite/themes/modern/global/checkbox/cbox-act.png
new file mode 100644
index 0000000000..712d7cd2d5
--- /dev/null
+++ b/comm/suite/themes/modern/global/checkbox/cbox-act.png
diff --git a/comm/suite/themes/modern/global/checkbox/cbox-check.gif b/comm/suite/themes/modern/global/checkbox/cbox-check.gif
new file mode 100644
index 0000000000..22f133bc5e
--- /dev/null
+++ b/comm/suite/themes/modern/global/checkbox/cbox-check.gif
diff --git a/comm/suite/themes/modern/global/checkbox/cbox-check.png b/comm/suite/themes/modern/global/checkbox/cbox-check.png
new file mode 100644
index 0000000000..7676c399e4
--- /dev/null
+++ b/comm/suite/themes/modern/global/checkbox/cbox-check.png
diff --git a/comm/suite/themes/modern/global/checkbox/cbox-dis-check.gif b/comm/suite/themes/modern/global/checkbox/cbox-dis-check.gif
new file mode 100644
index 0000000000..c34cf95d3c
--- /dev/null
+++ b/comm/suite/themes/modern/global/checkbox/cbox-dis-check.gif
diff --git a/comm/suite/themes/modern/global/checkbox/cbox-dis-check.png b/comm/suite/themes/modern/global/checkbox/cbox-dis-check.png
new file mode 100644
index 0000000000..4d71c80634
--- /dev/null
+++ b/comm/suite/themes/modern/global/checkbox/cbox-dis-check.png
diff --git a/comm/suite/themes/modern/global/checkbox/cbox-dis.gif b/comm/suite/themes/modern/global/checkbox/cbox-dis.gif
new file mode 100644
index 0000000000..52f3c2353f
--- /dev/null
+++ b/comm/suite/themes/modern/global/checkbox/cbox-dis.gif
diff --git a/comm/suite/themes/modern/global/checkbox/cbox-dis.png b/comm/suite/themes/modern/global/checkbox/cbox-dis.png
new file mode 100644
index 0000000000..b8ed5d3ddf
--- /dev/null
+++ b/comm/suite/themes/modern/global/checkbox/cbox-dis.png
diff --git a/comm/suite/themes/modern/global/checkbox/cbox.gif b/comm/suite/themes/modern/global/checkbox/cbox.gif
new file mode 100644
index 0000000000..5fecf79d03
--- /dev/null
+++ b/comm/suite/themes/modern/global/checkbox/cbox.gif
diff --git a/comm/suite/themes/modern/global/checkbox/cbox.png b/comm/suite/themes/modern/global/checkbox/cbox.png
new file mode 100644
index 0000000000..0c0355c438
--- /dev/null
+++ b/comm/suite/themes/modern/global/checkbox/cbox.png
diff --git a/comm/suite/themes/modern/global/colorpicker.css b/comm/suite/themes/modern/global/colorpicker.css
new file mode 100644
index 0000000000..28ccc2b30d
--- /dev/null
+++ b/comm/suite/themes/modern/global/colorpicker.css
@@ -0,0 +1,57 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== colorpicker.css ================================================
+  == Styles used by the XUL colorpicker element.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: colorpicker button ::::: */
+ 
+colorpicker[type="button"] {
+  width: 38px;
+  height: 24px;
+  border: 4px solid transparent;
+  background-color: #C7D0D9;
+  padding: 3px;
+}
+
+.colorpicker-button-colorbox {
+  border: 1px solid #000000;
+}
+
+colorpicker[type="button"][open="true"] {
+  border-color: #3B414F;
+  background-color: #A6B3C0;
+}
+
+colorpicker[type="button"]:focus {
+  border-color: #98A5B2;
+}
+
+colorpicker[type="button"][open="true"]:focus {
+  border-color: #98A5B2;
+}
+
+/* ::::: colorpicker tiles ::::: */
+
+.colorpickertile {
+  width: 20px;
+  height: 20px;
+  margin: 1px;
+  border: 1px inset #C7D0D9;
+}
+
+.colorpickertile[selected="true"] {
+  border: 2px outset #C0C0C0;
+}
+
+.colorpickertile[hover="true"] {
+  border: 2px dotted #FFFFFF;
+}
+
+.cp-light[hover="true"] {
+  border : 2px dotted #909090;
+}
diff --git a/comm/suite/themes/modern/global/config.css b/comm/suite/themes/modern/global/config.css
new file mode 100644
index 0000000000..c4864c7adb
--- /dev/null
+++ b/comm/suite/themes/modern/global/config.css
@@ -0,0 +1,72 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== config.css ==============================================
+   == Styles for about:config
+   ======================================================================= */
+
+@import url("chrome://global/skin/global.css");
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: warning screen ::::: */
+
+#warningScreen
+{
+  background-color: #FFF;
+}
+
+#warningBox
+{
+  background-color: #C7D0D9;
+  background-image: url("chrome://global/skin/icons/warning-48.png");
+  background-repeat: no-repeat;
+  background-position: 30px 3em;
+  color: #22262F;
+  border: 1px solid #494F5D;
+  border-radius: 10px;
+  padding: 3em;
+  padding-inline-start: 78px;
+  margin: 0 1em;
+}
+
+.title, .description
+{
+  max-width: 50em;
+  padding-inline-start: 3em;
+}
+
+#warningTitle
+{
+  margin: 0 0 .6em;
+  font-size: 160%;
+  border-bottom: 1px solid #7A8490;
+}
+
+#warningText
+{
+  font-size: 110%;
+  margin-inline-start: 0;
+}
+
+#warningButton
+{
+  margin-top: 0.6em;
+}
+
+#showWarningNextTime
+{
+  margin-top: 0.6em;
+}
+
+/* ::::: tree rows ::::: */
+
+treechildren::-moz-tree-cell-text(user)
+{
+  font-weight: bold;
+}
+
+treechildren::-moz-tree-cell-text(locked)
+{
+  font-style: italic;
+}
diff --git a/comm/suite/themes/modern/global/dialog.css b/comm/suite/themes/modern/global/dialog.css
new file mode 100644
index 0000000000..686f9fcf31
--- /dev/null
+++ b/comm/suite/themes/modern/global/dialog.css
@@ -0,0 +1,16 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== dialog.css =====================================================
+  == Styles used by the XUL dialog element.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: dialog ::::: */
+
+dialog { 
+  padding: 7px 5px 5px;
+}
+
diff --git a/comm/suite/themes/modern/global/dirListing/dirListing.css b/comm/suite/themes/modern/global/dirListing/dirListing.css
new file mode 100644
index 0000000000..2b7412f51d
--- /dev/null
+++ b/comm/suite/themes/modern/global/dirListing/dirListing.css
@@ -0,0 +1,107 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+:root {
+  background-color: #FFF;
+  font: message-box;
+  padding-left: 2em;
+  padding-right: 2em;
+}
+
+body {
+  border: 1px solid #494F5D;
+  border-radius: 10px;
+  padding: 3em;
+  min-width: 30em;
+  max-width: 65em;
+  margin: 4em auto;
+  background-color: #C7D0D9;
+  color: #22262F;
+}
+
+h1 {
+  font-size: 160%;
+  margin: 0 0 .6em;
+  border-bottom: 1px solid #7A8490;
+  font-weight: normal;
+}
+
+a {
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+p {
+  font-size: 110%;
+}
+
+#UI_goUp {
+  margin-top: 0;
+  float: left;
+}
+
+body[dir="rtl"] #UI_goUp {
+float: right;
+}
+
+#UI_showHidden {
+  margin-top: 0;
+  float: right;
+}
+
+#UI_showHidden:not(:hover) {
+  color: #8C99AB;
+}
+
+body[dir="rtl"] #UI_showHidden {
+  float: left;
+}
+
+table {
+  clear: both;
+  width: 90%;
+  margin: 0 auto;
+}
+
+thead {
+  font-size: 130%;
+}
+
+/* last modified */
+th:last-child {
+  text-align: center;
+}
+
+th:hover > a {
+  text-decoration: underline;
+}
+
+body > table > tbody > tr:hover {
+  outline: 1px solid #98A5B2;
+  -moz-outline-radius: .3em;
+}
+
+td:not(:first-child) {
+  width: 0;
+}
+
+.up {
+  padding: 0 .5em;
+  margin-inline-start: 24px;
+}
+
+.up::before {
+  margin-inline-end: 4px;
+  margin-inline-start: -24px;
+  vertical-align: middle;
+  content: url("chrome://global/skin/filepicker/folder-up.png");
+}
+
+.dir::before {
+  content: url("chrome://communicator/skin/places/bookmark-folder-closed.png");
+}
+
diff --git a/comm/suite/themes/modern/global/dropmarker.css b/comm/suite/themes/modern/global/dropmarker.css
new file mode 100644
index 0000000000..6a6c7c1c13
--- /dev/null
+++ b/comm/suite/themes/modern/global/dropmarker.css
@@ -0,0 +1,24 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+dropmarker {
+  -moz-box-align: center;
+  -moz-box-pack: center;
+  border: 3px solid;
+  border-top-color: #BBC4D1;
+  border-right-color: #99A7B7;
+  border-bottom-color: #99A7B7;
+  border-left-color: #BBC4D1;
+  border-radius: 2px;
+  padding-top: 3px;
+  padding-bottom: 2px;
+  background-color: #A6B3C0;
+  list-style-image: url("chrome://global/skin/menulist/mlist-arrow.png");
+}
+
+dropmarker[disabled="true"] {
+  border-color: #727D8E !important;
+  background-color: #B7BFCB !important;
+  list-style-image: url("chrome://global/skin/menulist/mlist-dis-arrow.png") !important;
+}
diff --git a/comm/suite/themes/modern/global/filefield.css b/comm/suite/themes/modern/global/filefield.css
new file mode 100644
index 0000000000..4a7b05b63e
--- /dev/null
+++ b/comm/suite/themes/modern/global/filefield.css
@@ -0,0 +1,37 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* File Field Widget */
+filefield {
+  margin: 2px 4px;
+  border: 1px solid #5D616E;
+}
+
+.fileFieldContentBox {
+  background-color: #C7D0D9;
+}
+
+filefield[disabled="true"] {
+  border-color: #98A5B2;
+}
+
+.fileFieldIcon[disabled="true"] {
+ opacity: 0.4;
+}
+
+.fileFieldIcon {
+  width: 16px;
+  height: 16px;
+  margin-top: 1px;
+  margin-bottom: 1px;
+  margin-inline-start: 1px;
+  margin-inline-end: 4px;
+}
+
+.fileFieldLabel {
+  border: none;
+  margin: 0px;
+}
diff --git a/comm/suite/themes/modern/global/filepicker.css b/comm/suite/themes/modern/global/filepicker.css
new file mode 100644
index 0000000000..8faebdc84e
--- /dev/null
+++ b/comm/suite/themes/modern/global/filepicker.css
@@ -0,0 +1,59 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== filepicker.css =================================================
+  == Styles used by the File Picker dialog.
+  ======================================================================= */
+
+@import url("chrome://global/skin/global.css");
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: column widths ::::: */
+
+#FilenameColumn,
+#ContentLengthColumn,
+#LastModifiedDateColumn {
+  width: 100px;
+}
+
+/* ::::: file/directory items ::::: */
+
+treechildren::-moz-tree-image(treecolAutoCompleteValue),
+treechildren::-moz-tree-image(FilenameColumn) {
+  margin-inline-end: 2px;
+}
+
+treechildren::-moz-tree-image(treecolAutoCompleteValue, directory),
+treechildren::-moz-tree-image(FilenameColumn, directory) {
+  list-style-image: url("chrome://global/skin/filepicker/dir-closed.png");
+}
+
+treechildren::-moz-tree-image(treecolAutoCompleteValue, file),
+treechildren::-moz-tree-image(FilenameColumn, file) {
+  list-style-image: url("chrome://global/skin/filepicker/blank.png");
+}
+
+/* ::::: button items ::::: */
+
+.up-button {
+  list-style-image: url("chrome://global/skin/filepicker/folder-up.png");
+  min-width: 0%; /* don't let XUL layout min-size override our max-width setting */
+  min-height: 0%;
+  max-width: 36px;
+}
+
+.home-button {
+  list-style-image: url("chrome://global/skin/filepicker/folder-home.png");
+  min-width: 0%; /* don't let XUL layout min-size override our max-width setting */
+  min-height: 0%;
+  max-width: 36px;
+}
+
+.new-dir-button {
+  list-style-image: url("chrome://global/skin/filepicker/folder-new.png");
+  min-width: 0%; /* don't let XUL layout min-size override our max-width setting */
+  min-height: 0%;
+  max-width: 36px;
+}
diff --git a/comm/suite/themes/modern/global/filepicker/blank.gif b/comm/suite/themes/modern/global/filepicker/blank.gif
new file mode 100644
index 0000000000..e9233162fc
--- /dev/null
+++ b/comm/suite/themes/modern/global/filepicker/blank.gif
diff --git a/comm/suite/themes/modern/global/filepicker/blank.png b/comm/suite/themes/modern/global/filepicker/blank.png
new file mode 100644
index 0000000000..39a5ea7a1f
--- /dev/null
+++ b/comm/suite/themes/modern/global/filepicker/blank.png
diff --git a/comm/suite/themes/modern/global/filepicker/dir-closed.gif b/comm/suite/themes/modern/global/filepicker/dir-closed.gif
new file mode 100644
index 0000000000..2487b6cfe6
--- /dev/null
+++ b/comm/suite/themes/modern/global/filepicker/dir-closed.gif
diff --git a/comm/suite/themes/modern/global/filepicker/dir-closed.png b/comm/suite/themes/modern/global/filepicker/dir-closed.png
new file mode 100644
index 0000000000..38cbc836ee
--- /dev/null
+++ b/comm/suite/themes/modern/global/filepicker/dir-closed.png
diff --git a/comm/suite/themes/modern/global/filepicker/dir-open.gif b/comm/suite/themes/modern/global/filepicker/dir-open.gif
new file mode 100644
index 0000000000..245a0002df
--- /dev/null
+++ b/comm/suite/themes/modern/global/filepicker/dir-open.gif
diff --git a/comm/suite/themes/modern/global/filepicker/dir-open.png b/comm/suite/themes/modern/global/filepicker/dir-open.png
new file mode 100644
index 0000000000..c923d5cff6
--- /dev/null
+++ b/comm/suite/themes/modern/global/filepicker/dir-open.png
diff --git a/comm/suite/themes/modern/global/filepicker/folder-home.gif b/comm/suite/themes/modern/global/filepicker/folder-home.gif
new file mode 100644
index 0000000000..bcc09c3254
--- /dev/null
+++ b/comm/suite/themes/modern/global/filepicker/folder-home.gif
diff --git a/comm/suite/themes/modern/global/filepicker/folder-home.png b/comm/suite/themes/modern/global/filepicker/folder-home.png
new file mode 100644
index 0000000000..cc722e2640
--- /dev/null
+++ b/comm/suite/themes/modern/global/filepicker/folder-home.png
diff --git a/comm/suite/themes/modern/global/filepicker/folder-new.gif b/comm/suite/themes/modern/global/filepicker/folder-new.gif
new file mode 100644
index 0000000000..c48f63af85
--- /dev/null
+++ b/comm/suite/themes/modern/global/filepicker/folder-new.gif
diff --git a/comm/suite/themes/modern/global/filepicker/folder-new.png b/comm/suite/themes/modern/global/filepicker/folder-new.png
new file mode 100644
index 0000000000..a3bcaa42eb
--- /dev/null
+++ b/comm/suite/themes/modern/global/filepicker/folder-new.png
diff --git a/comm/suite/themes/modern/global/filepicker/folder-up.gif b/comm/suite/themes/modern/global/filepicker/folder-up.gif
new file mode 100644
index 0000000000..8f622d1647
--- /dev/null
+++ b/comm/suite/themes/modern/global/filepicker/folder-up.gif
diff --git a/comm/suite/themes/modern/global/filepicker/folder-up.png b/comm/suite/themes/modern/global/filepicker/folder-up.png
new file mode 100644
index 0000000000..1b715959f7
--- /dev/null
+++ b/comm/suite/themes/modern/global/filepicker/folder-up.png
diff --git a/comm/suite/themes/modern/global/findBar.css b/comm/suite/themes/modern/global/findBar.css
new file mode 100644
index 0000000000..add2f5f2ba
--- /dev/null
+++ b/comm/suite/themes/modern/global/findBar.css
@@ -0,0 +1,98 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+.findbar-closebutton {
+  list-style-image: url("chrome://global/skin/icons/close.png");
+  padding: 0 !important;
+  margin-top: 3px !important;
+  margin-bottom: 3px !important;
+  margin-inline-start: 6px !important;
+  margin-inline-end: 4px !important;
+  border: none;
+}
+
+.findbar-closebutton:hover {
+  list-style-image: url("chrome://global/skin/icons/close-hov.png");
+}
+
+.findbar-closebutton:hover:active {
+  list-style-image: url("chrome://global/skin/icons/close-act.png");
+}
+
+findbar {
+  min-width: 1px;
+  background-color: #C7D0D9;
+  border-top: 1px solid #EBF4FF;
+  border-right: 1px solid #95A0AD;
+  border-bottom: 1px solid #95A0AD;
+}
+
+/* find-next button */
+
+.findbar-find-next {
+  list-style-image: url("chrome://global/skin/icons/find.png");
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+.findbar-find-next[disabled="true"] {
+  -moz-image-region: rect(16px, 16px, 32px, 0px) !important;
+}
+
+/* find-previous button */
+
+.findbar-find-previous {
+  list-style-image: url("chrome://global/skin/icons/find.png");
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
+.findbar-find-previous[disabled="true"] {
+  -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
+}
+
+/* highlight button */
+
+.findbar-highlight {
+  list-style-image: url("chrome://global/skin/icons/find.png");
+  -moz-image-region: rect(0px, 48px, 16px, 32px);
+}
+
+.findbar-highlight[disabled="true"] {
+  -moz-image-region: rect(16px, 48px, 32px, 32px) !important;
+}
+
+.findbar-highlight:hover:active {
+  -moz-image-region: rect(32px, 48px, 48px, 32px);
+}
+
+.findbar-highlight[checked="true"] {
+  -moz-image-region: rect(32px, 48px, 48px, 32px);
+}
+
+.find-status-icon {
+  list-style-image: none;
+  margin-top: 2px;
+  margin-bottom: 2px;
+  margin-inline-start: 8px;
+  margin-inline-end: 0;
+  width: 16px;
+  height: 16px;
+}
+
+.find-status-icon[status="notfound"] {
+  list-style-image: url("chrome://global/skin/icons/notfound.png");
+}
+
+.findbar-textbox[status="notfound"] {
+  background-color: #FFCCCC;
+}
+
+.findbar-textbox[flash="true"] {
+  background-color: #FFFF00;
+}
+
+.find-status-icon[status="wrapped"] {
+  list-style-image: url("chrome://global/skin/icons/wrap.png");
+}
diff --git a/comm/suite/themes/modern/global/global.css b/comm/suite/themes/modern/global/global.css
new file mode 100644
index 0000000000..2fe9344fc0
--- /dev/null
+++ b/comm/suite/themes/modern/global/global.css
@@ -0,0 +1,309 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== global.css =====================================================
+  == Styles that apply everywhere.
+  ======================================================================= */
+
+/* all localizable skin settings shall live here */
+@import url("chrome://global/locale/intl.css");
+@import url("chrome://global/skin/menu.css");
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: XBL bindings ::::: */
+
+toolbarbutton[type="menu-button"] {
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menu-button");
+}
+
+toolbarbutton.devtools-toolbarbutton[type="menu-button"] {
+  -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu-button");
+}
+
+.menulist-compact {
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact");
+}
+
+/* ::::: root elements ::::: */
+
+window, 
+page,
+dialog,
+wizard,
+prefwindow { 
+  background-color: #C7D0D9;
+  color: #000000;
+  font: message-box;
+}
+  
+[wait-cursor] { 
+  cursor: wait !important; 
+}
+
+/* deprecated */  
+window.dialog { 
+  padding: 7px 5px 5px;
+}
+
+/* ::::: alert icons :::::*/
+
+.message-icon {
+  width: 48px;
+  height: 48px;
+  list-style-image: url("chrome://global/skin/icons/information-48.png");
+}
+
+.alert-icon {
+  width: 48px;
+  height: 48px;
+  list-style-image: url("chrome://global/skin/icons/warning-48.png");
+}
+
+.error-icon {
+  width: 48px;
+  height: 48px;
+  list-style-image: url("chrome://global/skin/icons/error-48.png");
+}
+
+.question-icon {
+  width: 48px;
+  height: 48px;
+  list-style-image: url("chrome://global/skin/icons/question-48.png");
+}
+
+.authentication-icon {
+  width: 48px;
+  height: 48px;
+  list-style-image: url("chrome://global/skin/icons/authentication-48.png");
+}
+
+/* ::::: iframe ::::: */
+
+iframe {
+  border: none;
+  width: 100px;
+  height: 100px;
+  min-width: 10px;
+  min-height: 10px;
+}
+
+/* Override resizer.css for "normal" resizers */
+resizer {
+  background-color: transparent;
+}
+
+/* ::::: miscellaneous ::::: */
+
+.toolbar-focustarget {
+  -moz-user-focus: ignore !important;
+}
+
+description.error {
+  color: #FF0000;
+}
+/* :::::: autoscroll popup ::::: */
+
+.autoscroller {
+  height: 28px;
+  width: 28px;
+  border: none;
+  margin: -14px;
+  padding: 0;
+  background-image: url("chrome://global/skin/icons/autoscroll.png");
+  background-color: transparent;
+  -moz-appearance: none;
+  -moz-window-shadow: none;
+}
+
+.autoscroller[scrolldir="NS"] {
+  background-position: left center;
+}
+
+.autoscroller[scrolldir="EW"] {
+  background-position: left bottom;
+}
+
+.autoscroller[transparent="true"] {
+  background-position: center top;
+}
+
+.autoscroller[transparent="true"][scrolldir="NS"] {
+  background-position: center center;
+}
+
+.autoscroller[transparent="true"][scrolldir="EW"] {
+  background-position: center bottom;
+}
+
+.autoscroller[translucent="true"] {
+  background-position: right top;
+}
+
+.autoscroller[translucent="true"][scrolldir="NS"] {
+  background-position: right center;
+}
+
+.autoscroller[translucent="true"][scrolldir="EW"] {
+  background-position: right bottom;
+}
+
+/* :::::: Close button icons ::::: */
+
+.close-icon {
+  list-style-image: url("chrome://global/skin/icons/close.png");
+}
+
+.close-icon:hover {
+  list-style-image: url("chrome://global/skin/icons/close-hov.png");
+}
+
+.close-icon:hover:active {
+  list-style-image: url("chrome://global/skin/icons/close-act.png");
+}
+
+/* ===== taken from formatting.css ===== */
+
+/* ::::: inset areas ::::: */
+
+.inset {
+  border: 1px inset #C7D0D9;
+  margin: 0px 5px 5px 5px;
+}
+
+/* ::::: formatting ::::: */
+
+.outset {
+  border: 1px outset #C7D0D9;
+}
+
+/* ::::: separator rules ::::: */
+
+/* ..... standard separators ..... */
+
+separator, separator[orient="horizontal"] {
+  height: 1.5em;
+}
+
+separator[orient="vertical"] {
+  width: 1.5em;
+}
+
+/* ..... thinner separators ..... */
+
+separator.thin, separator.thin[orient="horizontal"] {
+  height: 0.5em;
+}
+
+separator.thin[orient="vertical"] {
+  width: 0.5em;
+}
+
+/* ..... groove separators ..... */
+
+separator.groove,
+separator.groove[orient="horizontal"] {
+  border-top: 1px solid #7A8490;
+  border-bottom: 1px solid #FEFEFE;
+  height: 0px;
+  margin-top: 0.4em;
+  margin-bottom: 0.4em;
+}
+
+separator.groove[orient="vertical"] {
+  border-left: 1px solid #7A8490;
+  border-right: 1px solid #FEFEFE;
+  margin: 0 .4em;
+}
+
+/* ..... thin groove separators ..... */
+
+separator.groove-thin {
+  border-top: 2px groove #D7D9E0;
+  height: 0px;
+}
+
+separator[orient="vertical"].groove-thin {
+  border-left: 2px groove #D7D9E0;
+}
+
+/* ::::: text formatting rules ::::: */
+
+/* ..... label (with margins) ..... */
+
+/* reduced margin for some UI */
+.small-margin {
+  margin: 1px 2px 1px 2px;
+}
+
+.plain {
+  margin: 0px !important;
+  border: none;
+  padding: 0px;
+}
+
+description, label {
+  cursor: default;
+}
+
+description {
+  margin: 1px 5px 4px 5px;
+}
+
+label {
+  margin: 1px 5px 2px 5px;
+}
+
+description[disabled="true"],
+label[disabled="true"] {
+  color: #8C99AB;
+}
+
+.tooltip-label {
+  margin: 0px;
+}
+
+.header {
+  font-weight: bold;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+.indent {
+  margin-inline-start: 20px;
+}
+
+.box-padded {
+  padding: 5px;
+}
+
+.spaced {
+  margin: 3px 5px 4px 5px;
+}
+
+/* class for text with a 'link' appearance */
+.text-link {
+  color: blue;
+  text-decoration: underline;
+}
+
+.text-link:focus {
+  color: red;
+  /* Don't specify the outline-color, we should always use initial value. */
+  outline: 1px dotted;
+}
+
+.text-link:hover {
+  cursor: pointer;
+}
+
+.text-link:hover:active {
+  color: red;
+}
+
+.text-link[visited="true"] {
+  color: purple;
+}
diff --git a/comm/suite/themes/modern/global/globalBindings.xml b/comm/suite/themes/modern/global/globalBindings.xml
new file mode 100644
index 0000000000..0e31150286
--- /dev/null
+++ b/comm/suite/themes/modern/global/globalBindings.xml
@@ -0,0 +1,70 @@
+<?xml version="1.0"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+
+<bindings id="globalBindings"
+          xmlns="http://www.mozilla.org/xbl"
+          xmlns:html="http://www.w3.org/1999/xhtml"
+          xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+          xmlns:xbl="http://www.mozilla.org/xbl">
+
+  <!-- :::/ widgets \ ::::::::::::::::::::::::::::::::::::::::::::::::::::: -->
+
+  <binding id="menulist-compact" display="xul:menu"
+           extends="chrome://global/content/bindings/menulist.xml#menulist">
+    <content sizetopopup="false">
+      <xul:dropmarker class="menulist-dropmarker" type="menu" xbl:inherits="disabled,open"/>
+      <xul:label class="menulist-label" xbl:inherits="value=label,crop,accesskey" crop="right" flex="1"/>
+      <children includes="menupopup"/>
+    </content>
+  </binding>
+
+  <binding id="toolbar-menu-button" display="xul:menu"
+           extends="chrome://global/content/bindings/toolbarbutton.xml#menu-button">
+    <content>
+      <children includes="observes|template|menupopup|tooltip"/>
+      <xul:stack class="box-inherit toolbarbutton-menubutton-stack" flex="1">
+        <xul:toolbarbutton class="box-inherit toolbarbutton-menubutton-button"
+             anonid="button" allowevents="true"
+             xbl:inherits="disabled,image,label,crop,accesskey,command,
+                           align,dir,pack,orient"/>
+        <xul:dropmarker type="menu-button" xbl:inherits="open,disabled"
+                        class="toolbarbutton-menubutton-dropmarker"/>
+      </xul:stack>
+    </content>
+  </binding>
+
+  <!-- :::/ mini scrollbar \ ::::::::::::::::::::::::::::::::::::::::::::::::: -->
+
+  <binding id="iframe-miniscroll" extends="chrome://global/content/bindings/general.xml#iframe">
+    <content usechromesheets="chrome://global/skin/scrollbars-mini.css"/>
+  </binding>
+
+  <binding id="browser-miniscroll" extends="chrome://global/content/bindings/browser.xml#browser">
+    <content usechromesheets="chrome://global/skin/scrollbars-mini.css"/>
+  </binding>
+
+  <binding id="scrollbar-mini" extends="chrome://global/content/bindings/scrollbar.xml#scrollbar">
+    <resources>
+      <stylesheet src="chrome://global/skin/scrollbars-mini.css"/>
+    </resources>
+  </binding>
+
+  <!-- :::/ misc scrollbar \ ::::::::::::::::::::::::::::::::::::::::::::::::: -->
+
+  <binding id="row-iconic" extends="xul:row">
+    <content>
+      <xul:hbox align="center">
+        <xul:image class="row-iconic-icon"/>
+        <children/>
+      </xul:hbox>
+    </content>
+  </binding>
+
+  <!-- Hack to prevent Add-ons Manager window transparency on Mac (bug 415934) -->
+
+  <binding id="unifiedWindow"/>
+
+</bindings>
diff --git a/comm/suite/themes/modern/global/groupbox.css b/comm/suite/themes/modern/global/groupbox.css
new file mode 100644
index 0000000000..41ae48c5bd
--- /dev/null
+++ b/comm/suite/themes/modern/global/groupbox.css
@@ -0,0 +1,27 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== 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 {
+  margin: 5px;
+  border: 1px solid #858B97;
+  padding: 5px;
+}
+
+.groupbox-body {
+  padding: inherit;
+}
+
+caption {
+  margin: 0px 6px 2px;
+  padding: 0px 3px;
+  background-color: #C7D0D9; 
+}
diff --git a/comm/suite/themes/modern/global/icons/Error.png b/comm/suite/themes/modern/global/icons/Error.png
new file mode 100644
index 0000000000..512a1b010e
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/Error.png
diff --git a/comm/suite/themes/modern/global/icons/Question.png b/comm/suite/themes/modern/global/icons/Question.png
new file mode 100644
index 0000000000..19304ac5e6
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/Question.png
diff --git a/comm/suite/themes/modern/global/icons/authentication-48.png b/comm/suite/themes/modern/global/icons/authentication-48.png
new file mode 100644
index 0000000000..cfd1a7144f
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/authentication-48.png
diff --git a/comm/suite/themes/modern/global/icons/autoscroll.png b/comm/suite/themes/modern/global/icons/autoscroll.png
new file mode 100644
index 0000000000..95794f822f
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/autoscroll.png
diff --git a/comm/suite/themes/modern/global/icons/blacklist_favicon.png b/comm/suite/themes/modern/global/icons/blacklist_favicon.png
new file mode 100644
index 0000000000..c347fb36aa
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/blacklist_favicon.png
diff --git a/comm/suite/themes/modern/global/icons/blacklist_large.png b/comm/suite/themes/modern/global/icons/blacklist_large.png
new file mode 100644
index 0000000000..96ff341c0a
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/blacklist_large.png
diff --git a/comm/suite/themes/modern/global/icons/close-act.gif b/comm/suite/themes/modern/global/icons/close-act.gif
new file mode 100644
index 0000000000..3d2fc64d02
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/close-act.gif
diff --git a/comm/suite/themes/modern/global/icons/close-act.png b/comm/suite/themes/modern/global/icons/close-act.png
new file mode 100644
index 0000000000..a860ea07bd
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/close-act.png
diff --git a/comm/suite/themes/modern/global/icons/close-dis.gif b/comm/suite/themes/modern/global/icons/close-dis.gif
new file mode 100644
index 0000000000..42d0a09961
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/close-dis.gif
diff --git a/comm/suite/themes/modern/global/icons/close-dis.png b/comm/suite/themes/modern/global/icons/close-dis.png
new file mode 100644
index 0000000000..d79c92749c
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/close-dis.png
diff --git a/comm/suite/themes/modern/global/icons/close-hov.gif b/comm/suite/themes/modern/global/icons/close-hov.gif
new file mode 100644
index 0000000000..451d92d0c4
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/close-hov.gif
diff --git a/comm/suite/themes/modern/global/icons/close-hov.png b/comm/suite/themes/modern/global/icons/close-hov.png
new file mode 100644
index 0000000000..b5a7e6ed8f
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/close-hov.png
diff --git a/comm/suite/themes/modern/global/icons/close.gif b/comm/suite/themes/modern/global/icons/close.gif
new file mode 100644
index 0000000000..e0a4cff20c
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/close.gif
diff --git a/comm/suite/themes/modern/global/icons/close.png b/comm/suite/themes/modern/global/icons/close.png
new file mode 100644
index 0000000000..7055768b7d
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/close.png
diff --git a/comm/suite/themes/modern/global/icons/closebox.gif b/comm/suite/themes/modern/global/icons/closebox.gif
new file mode 100644
index 0000000000..da69691601
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/closebox.gif
diff --git a/comm/suite/themes/modern/global/icons/closebox.png b/comm/suite/themes/modern/global/icons/closebox.png
new file mode 100644
index 0000000000..609b18cf99
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/closebox.png
diff --git a/comm/suite/themes/modern/global/icons/error-16.png b/comm/suite/themes/modern/global/icons/error-16.png
new file mode 100644
index 0000000000..f2b01a13eb
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/error-16.png
diff --git a/comm/suite/themes/modern/global/icons/error-24.png b/comm/suite/themes/modern/global/icons/error-24.png
new file mode 100644
index 0000000000..6b81eb7933
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/error-24.png
diff --git a/comm/suite/themes/modern/global/icons/error-48.png b/comm/suite/themes/modern/global/icons/error-48.png
new file mode 100644
index 0000000000..a233945b0f
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/error-48.png
diff --git a/comm/suite/themes/modern/global/icons/error-64.png b/comm/suite/themes/modern/global/icons/error-64.png
new file mode 100644
index 0000000000..92c11533ee
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/error-64.png
diff --git a/comm/suite/themes/modern/global/icons/find.png b/comm/suite/themes/modern/global/icons/find.png
new file mode 100644
index 0000000000..4fb70d2766
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/find.png
diff --git a/comm/suite/themes/modern/global/icons/information-16.png b/comm/suite/themes/modern/global/icons/information-16.png
new file mode 100644
index 0000000000..dad31249ed
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/information-16.png
diff --git a/comm/suite/themes/modern/global/icons/information-24.png b/comm/suite/themes/modern/global/icons/information-24.png
new file mode 100644
index 0000000000..b8120e5be8
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/information-24.png
diff --git a/comm/suite/themes/modern/global/icons/information-32.png b/comm/suite/themes/modern/global/icons/information-32.png
new file mode 100644
index 0000000000..af7974c132
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/information-32.png
diff --git a/comm/suite/themes/modern/global/icons/information-48.png b/comm/suite/themes/modern/global/icons/information-48.png
new file mode 100644
index 0000000000..e8b6bd6468
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/information-48.png
diff --git a/comm/suite/themes/modern/global/icons/information-64.png b/comm/suite/themes/modern/global/icons/information-64.png
new file mode 100644
index 0000000000..bd1ead88c6
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/information-64.png
diff --git a/comm/suite/themes/modern/global/icons/notfound.png b/comm/suite/themes/modern/global/icons/notfound.png
new file mode 100644
index 0000000000..dad31249ed
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/notfound.png
diff --git a/comm/suite/themes/modern/global/icons/pg-landscape-small.gif b/comm/suite/themes/modern/global/icons/pg-landscape-small.gif
new file mode 100644
index 0000000000..96a9381049
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/pg-landscape-small.gif
diff --git a/comm/suite/themes/modern/global/icons/pg-landscape-small.png b/comm/suite/themes/modern/global/icons/pg-landscape-small.png
new file mode 100644
index 0000000000..b518415cae
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/pg-landscape-small.png
diff --git a/comm/suite/themes/modern/global/icons/pg-landscape.gif b/comm/suite/themes/modern/global/icons/pg-landscape.gif
new file mode 100644
index 0000000000..fe94aba114
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/pg-landscape.gif
diff --git a/comm/suite/themes/modern/global/icons/pg-landscape.png b/comm/suite/themes/modern/global/icons/pg-landscape.png
new file mode 100644
index 0000000000..cfd9c70732
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/pg-landscape.png
diff --git a/comm/suite/themes/modern/global/icons/pg-portrait-small.gif b/comm/suite/themes/modern/global/icons/pg-portrait-small.gif
new file mode 100644
index 0000000000..4fc6745bc8
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/pg-portrait-small.gif
diff --git a/comm/suite/themes/modern/global/icons/pg-portrait-small.png b/comm/suite/themes/modern/global/icons/pg-portrait-small.png
new file mode 100644
index 0000000000..141ba8f629
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/pg-portrait-small.png
diff --git a/comm/suite/themes/modern/global/icons/pg-portrait.gif b/comm/suite/themes/modern/global/icons/pg-portrait.gif
new file mode 100644
index 0000000000..01840302e2
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/pg-portrait.gif
diff --git a/comm/suite/themes/modern/global/icons/pg-portrait.png b/comm/suite/themes/modern/global/icons/pg-portrait.png
new file mode 100644
index 0000000000..8c47256c9e
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/pg-portrait.png
diff --git a/comm/suite/themes/modern/global/icons/question-16.png b/comm/suite/themes/modern/global/icons/question-16.png
new file mode 100644
index 0000000000..80ec9dd12f
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/question-16.png
diff --git a/comm/suite/themes/modern/global/icons/question-24.png b/comm/suite/themes/modern/global/icons/question-24.png
new file mode 100644
index 0000000000..151b244991
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/question-24.png
diff --git a/comm/suite/themes/modern/global/icons/question-48.png b/comm/suite/themes/modern/global/icons/question-48.png
new file mode 100644
index 0000000000..d055385dac
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/question-48.png
diff --git a/comm/suite/themes/modern/global/icons/question-64.png b/comm/suite/themes/modern/global/icons/question-64.png
new file mode 100644
index 0000000000..85ea0c8b5c
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/question-64.png
diff --git a/comm/suite/themes/modern/global/icons/resizer-rtl.png b/comm/suite/themes/modern/global/icons/resizer-rtl.png
new file mode 100644
index 0000000000..d6bb324401
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/resizer-rtl.png
diff --git a/comm/suite/themes/modern/global/icons/resizer.png b/comm/suite/themes/modern/global/icons/resizer.png
new file mode 100644
index 0000000000..d6841f9b1e
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/resizer.png
diff --git a/comm/suite/themes/modern/global/icons/search.gif b/comm/suite/themes/modern/global/icons/search.gif
new file mode 100644
index 0000000000..2b7b08dc26
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/search.gif
diff --git a/comm/suite/themes/modern/global/icons/search.png b/comm/suite/themes/modern/global/icons/search.png
new file mode 100644
index 0000000000..85f6bfb61f
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/search.png
diff --git a/comm/suite/themes/modern/global/icons/sslWarning.png b/comm/suite/themes/modern/global/icons/sslWarning.png
new file mode 100644
index 0000000000..09946986fe
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/sslWarning.png
diff --git a/comm/suite/themes/modern/global/icons/warning-16.png b/comm/suite/themes/modern/global/icons/warning-16.png
new file mode 100644
index 0000000000..cd6537c2ea
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/warning-16.png
diff --git a/comm/suite/themes/modern/global/icons/warning-24.png b/comm/suite/themes/modern/global/icons/warning-24.png
new file mode 100644
index 0000000000..c12a5c3de0
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/warning-24.png
diff --git a/comm/suite/themes/modern/global/icons/warning-32.png b/comm/suite/themes/modern/global/icons/warning-32.png
new file mode 100644
index 0000000000..d5a70bdbf0
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/warning-32.png
diff --git a/comm/suite/themes/modern/global/icons/warning-48.png b/comm/suite/themes/modern/global/icons/warning-48.png
new file mode 100644
index 0000000000..8c988cc5d5
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/warning-48.png
diff --git a/comm/suite/themes/modern/global/icons/warning-64.png b/comm/suite/themes/modern/global/icons/warning-64.png
new file mode 100644
index 0000000000..2208e9b58a
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/warning-64.png
diff --git a/comm/suite/themes/modern/global/icons/wrap.png b/comm/suite/themes/modern/global/icons/wrap.png
new file mode 100644
index 0000000000..c2043877ce
--- /dev/null
+++ b/comm/suite/themes/modern/global/icons/wrap.png
diff --git a/comm/suite/themes/modern/global/listbox.css b/comm/suite/themes/modern/global/listbox.css
new file mode 100644
index 0000000000..87cedcfe59
--- /dev/null
+++ b/comm/suite/themes/modern/global/listbox.css
@@ -0,0 +1,137 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== listbox.css =======================================================
+  == Styles used by XUL listbox-related elements.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: listbox ::::: */
+
+listbox {
+  margin: 2px 4px;
+  border: 1px solid #5D616E;
+  background-color: #FFFFFF;
+  color: #000000;
+}
+
+listbox[disabled="true"] {
+  color: #999999;
+}
+
+/* ::::: listitem ::::: */
+
+listitem {
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+}
+
+listbox:focus > listitem[current="true"] {
+  border-top-color: #000000;
+  border-bottom-color: #000000;
+}
+
+listitem[selected="true"] {
+  background-color: #C7D0D9;
+  color: #000000;
+}
+
+listbox:focus > listitem[selected="true"] {
+  background-color: #424F63;
+  color: #FFFFFF;
+}
+
+listcell {
+  padding-top: 0px;
+  padding-bottom: 1px;
+  padding-inline-start: 2px;
+  padding-inline-end: 0px;
+}
+
+/* ::::: listcell checkbox ::::: */
+
+.listcell-check {
+  margin: 0px 2px;
+  list-style-image: url("chrome://global/skin/checkbox/cbox.png");
+}
+
+.listcell-check[checked="true"] {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-check.png");
+}
+
+.listcell-check[disabled="true"] {
+  border-color: #999999;
+  list-style-image: url("chrome://global/skin/checkbox/cbox-dis.png");
+}
+
+.listcell-check[disabled="true"][checked="true"] {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-dis-check.png");
+}
+
+/* ::::: listheader ::::: */
+
+listheader {
+  -moz-box-align: center;
+  border: 1px solid;
+  border-top-color: #C7D0D9;
+  border-right-color: #63676B;
+  border-bottom-color: #63676B;
+  border-left-color: #C7D0D9;
+  padding: 0 4px;
+  background-color: #C7D0D9;
+  color: #000000;
+}
+
+listheader[sortable="true"]:hover:active {
+  border-top: 1px solid #A5ABB0;
+  border-right: 1px solid #A5ABB0;
+  border-bottom: 1px solid #A5ABB0;
+  border-left: 1px solid #A5ABB0;
+  padding-top: 1px;
+  padding-bottom: 0px;
+  padding-inline-start: 5px;
+  padding-inline-end: 4px;
+}
+
+.listheader-icon {
+  margin-inline-end: 2px;
+}
+
+.listheader-label {
+  margin: 0px !important;
+}
+
+/* ..... sort direction icon ..... */
+
+.listheader-sortdirection {
+  list-style-image: none;
+}
+
+.listheader-sortdirection[sortDirection="ascending"] {
+  list-style-image: url("chrome://global/skin/tree/sort-asc.png");
+}
+
+.listheader-sortdirection[sortDirection="descending"] {
+  list-style-image: url("chrome://global/skin/tree/sort-dsc.png");
+}
+
+/* ::::: listcell ::::: */
+
+.listcell-label {
+  margin: 0px !important;
+  padding-top: 0px;
+  padding-bottom: 1px;
+  padding-inline-start: 4px;
+  padding-inline-end: 0px;
+  white-space: nowrap;
+}
+
+.listcell-icon {
+  margin-inline-end: 2px;
+}
+
+.listcell-label[disabled="true"] {
+  color: #999999;
+}
diff --git a/comm/suite/themes/modern/global/media/TopLevelImageDocument.css b/comm/suite/themes/modern/global/media/TopLevelImageDocument.css
new file mode 100644
index 0000000000..5242175161
--- /dev/null
+++ b/comm/suite/themes/modern/global/media/TopLevelImageDocument.css
@@ -0,0 +1,17 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@media not print {
+  /* N.B.: Remember to update ImageDocument.css in the tree or reftests may fail! */
+
+  body {
+    color: #eee;
+    background-image: url("chrome://global/skin/media/imagedoc-darknoise.png");
+  }
+
+  img.transparent {
+    background: hsl(0,0%,90%) url("chrome://global/skin/media/imagedoc-lightnoise.png");
+    color: #222;
+  }
+}
diff --git a/comm/suite/themes/modern/global/media/TopLevelVideoDocument.css b/comm/suite/themes/modern/global/media/TopLevelVideoDocument.css
new file mode 100644
index 0000000000..2d857ced2d
--- /dev/null
+++ b/comm/suite/themes/modern/global/media/TopLevelVideoDocument.css
@@ -0,0 +1,12 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+body {
+  background-image: url("chrome://global/skin/media/imagedoc-darknoise.png");
+  background-color: rgb(33,33,33); /* Average color of that ^ image. */
+}
+
+video {
+  box-shadow: 0 0 5px rgba(0,0,0,0.6);
+}
diff --git a/comm/suite/themes/modern/global/media/closedCaptionButton.svg b/comm/suite/themes/modern/global/media/closedCaptionButton.svg
new file mode 100644
index 0000000000..0c55071956
--- /dev/null
+++ b/comm/suite/themes/modern/global/media/closedCaptionButton.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18">
+  <style>
+    use:not(:target) {
+      display: none;
+    }
+    use {
+      fill: #ffffff;
+    }
+    use[id$="-hover"] {
+      fill: #48a0f7;
+    }
+    use[id$="-active"] {
+      fill: #2d89e6;
+    }
+    use[id$="-focus"] {
+      fill: #48a0f7;
+    }
+    use[id$="-disabled"] {
+      fill: #ffffff;
+    }
+  </style>
+  <symbol id="cc-off-shape">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.531,16.107H5.267l1.982-2H15c0.6,0,1-0.4,1-1V5.274
+      l1.946-1.964C17.963,3.399,18,3.483,18,3.576v11.031C18,15.407,17.331,16.107,16.531,16.107z M14.016,8.506h-1.218l1.005-1.014
+      C13.913,7.789,13.984,8.128,14.016,8.506z M11.786,12.361c-0.828,0-1.476-0.326-1.913-0.902l1.09-1.101
+      c0.136,0.323,0.374,0.541,0.796,0.541c0.514,0,0.695-0.44,0.756-1.014h1.535C13.908,11.43,13.071,12.361,11.786,12.361z
+       M1.496,16.106C0.697,16.104,0,15.406,0,14.607V3.576c0-0.8,0.7-1.5,1.5-1.5h12.846L16.299,0l1.316,1.283L2.615,17.13L1.496,16.106
+      z M3,4.107c-0.6,0-1,0.4-1,1v8c0,0.6,0.4,1,1,1h0.029l2.031-2.16c-0.757-0.503-1.191-1.457-1.191-2.744
+      c0-1.936,1.069-3.14,2.428-3.14c1.357,0,2.136,0.76,2.361,2.059l3.777-4.016H3z M8.298,8.506H7.355
+      c-0.047-0.623-0.49-1.23-0.99-1.23c-0.561,0-1.337,0.84-1.337,1.995c0,0.674,0.381,1.427,0.95,1.702L8.298,8.506z"/>
+  </symbol>
+
+  <symbol id="cc-shape">
+    <path d="M16.531,1.984H1.5c-0.8,0-1.5,0.7-1.5,1.5v11.031c0,0.8,0.7,1.5,1.5,1.5h15.031
+      c0.8,0,1.469-0.7,1.469-1.5V3.484C18,2.684,17.331,1.984,16.531,1.984z M16,13.016c0,0.6-0.4,1-1,1H3c-0.6,0-1-0.4-1-1v-8
+      c0-0.6,0.4-1,1-1h12c0.6,0,1,0.4,1,1V13.016z M6.426,10.807c-0.811,0-0.96-0.789-0.96-1.628c0-1.155,0.338-1.745,0.899-1.745
+      c0.5,0,0.818,0.357,0.866,0.98h1.484C8.585,6.877,7.785,5.972,6.297,5.972c-1.359,0-2.428,1.205-2.428,3.14
+      c0,1.944,0.974,3.157,2.583,3.157c1.285,0,2.153-0.93,2.295-2.476H7.244C7.183,10.367,6.94,10.807,6.426,10.807z M11.759,10.807
+      c-0.811,0-0.96-0.789-0.96-1.628c0-1.155,0.338-1.745,0.899-1.745c0.5,0,0.756,0.357,0.803,0.98h1.515
+      c-0.129-1.537-0.898-2.443-2.385-2.443c-1.359,0-2.396,1.205-2.396,3.14c0,1.944,0.943,3.157,2.552,3.157
+      c1.285,0,2.122-0.93,2.264-2.476h-1.535C12.454,10.367,12.273,10.807,11.759,10.807z"/>
+  </symbol>
+  <use id="cc" xlink:href="#cc-shape"/>
+  <use id="cc-hover" xlink:href="#cc-shape"/>
+  <use id="cc-active" xlink:href="#cc-shape"/>
+  <use id="cc-focus" xlink:href="#cc-shape"/>
+  <use id="cc-disabled" xlink:href="#cc-shape"/>
+
+  <use id="cc-off" xlink:href="#cc-off-shape"/>
+  <use id="cc-off-hover" xlink:href="#cc-off-shape"/>
+  <use id="cc-off-active" xlink:href="#cc-off-shape"/>
+  <use id="cc-off-focus" xlink:href="#cc-off-shape"/>
+  <use id="cc-off-disabled" xlink:href="#cc-off-shape"/>
+</svg>
diff --git a/comm/suite/themes/modern/global/media/error.png b/comm/suite/themes/modern/global/media/error.png
new file mode 100644
index 0000000000..30ee8eb0b3
--- /dev/null
+++ b/comm/suite/themes/modern/global/media/error.png
diff --git a/comm/suite/themes/modern/global/media/fullscreenButton.svg b/comm/suite/themes/modern/global/media/fullscreenButton.svg
new file mode 100644
index 0000000000..b39fa3407a
--- /dev/null
+++ b/comm/suite/themes/modern/global/media/fullscreenButton.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18">
+  <style>
+    use:not(:target) {
+      display: none;
+    }
+    use {
+      fill: #ffffff;
+    }
+    use[id$="-hover"] {
+      fill: #C7D0D9;
+    }
+    use[id$="-active"] {
+      fill: #6B7B8D;
+    }
+    use[id$="-focus"] {
+      fill: #C7D0D9;
+    }
+    use[id$="-disabled"] {
+      fill: #ffffff;
+    }
+  </style>
+  <symbol id="fullscreen-shape">
+    <path d="M6.728,10.188l-3.235,3.094l0.017-2.267l-1.513-0.016l0,5l4.987-0.008l0.011-1.537l-2.281-0.022
+  l3.097-3.158L6.728,10.188z M14.453,11.004l-0.022,2.281l-3.158-3.097l-1.086,1.083l3.094,3.235l-2.267-0.017l-0.016,1.514l5,0
+  l-0.008-4.988L14.453,11.004z M11.015,2.01l-0.011,1.537l2.281,0.022l-3.097,3.158l1.083,1.086l3.235-3.094L14.49,6.986
+  l1.513,0.016v-5L11.015,2.01z M6.986,3.511l0.016-1.514l-5,0L2.01,6.985l1.537,0.011l0.022-2.281l3.158,3.097l1.086-1.083
+  L4.718,3.494L6.986,3.511z"/>
+  </symbol>
+  <symbol id="unfullscreen-shape">
+    <path d="M2.047,11.135l-0.011,1.537l2.281,0.022L1.22,15.851l1.083,1.086l3.235-3.094l-0.017,2.268l1.513,0.016
+  l0-5L2.047,11.135z M13.781,12.587l2.267,0.017l0.016-1.514l-5,0l0.008,4.988l1.537,0.011l0.022-2.281l3.158,3.097l1.086-1.083
+  L13.781,12.587z M16.058,5.578l-2.281-0.021l3.097-3.158l-1.083-1.086l-3.235,3.094l0.017-2.267L11.06,2.123v5l4.988-0.008
+  L16.058,5.578z M5.516,2.098L5.494,4.379L2.336,1.283L1.25,2.365L4.344,5.6L2.077,5.583L2.06,7.097l5,0L7.053,2.109L5.516,2.098z"/>
+  </symbol>
+  <use id="fullscreen" xlink:href="#fullscreen-shape"/>
+  <use id="fullscreen-hover" xlink:href="#fullscreen-shape"/>
+  <use id="fullscreen-active" xlink:href="#fullscreen-shape"/>
+  <use id="fullscreen-focus" xlink:href="#fullscreen-shape"/>
+  <use id="fullscreen-disabled" xlink:href="#fullscreen-shape"/>
+
+  <use id="unfullscreen" xlink:href="#unfullscreen-shape"/>
+  <use id="unfullscreen-hover" xlink:href="#unfullscreen-shape"/>
+  <use id="unfullscreen-active" xlink:href="#unfullscreen-shape"/>
+  <use id="unfullscreen-focus" xlink:href="#unfullscreen-shape"/>
+  <use id="unfullscreen-disabled" xlink:href="#unfullscreen-shape"/>
+</svg>
diff --git a/comm/suite/themes/modern/global/media/imagedoc-darknoise.png b/comm/suite/themes/modern/global/media/imagedoc-darknoise.png
new file mode 100644
index 0000000000..5c33e24d4c
--- /dev/null
+++ b/comm/suite/themes/modern/global/media/imagedoc-darknoise.png
diff --git a/comm/suite/themes/modern/global/media/imagedoc-lightnoise.png b/comm/suite/themes/modern/global/media/imagedoc-lightnoise.png
new file mode 100644
index 0000000000..3467cf4d47
--- /dev/null
+++ b/comm/suite/themes/modern/global/media/imagedoc-lightnoise.png
diff --git a/comm/suite/themes/modern/global/media/muteButton.svg b/comm/suite/themes/modern/global/media/muteButton.svg
new file mode 100644
index 0000000000..0ac2ab9376
--- /dev/null
+++ b/comm/suite/themes/modern/global/media/muteButton.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18">
+  <style>
+    use:not(:target) {
+      display: none;
+    }
+    use {
+      fill: #ffffff;
+    }
+    use[id$="-hover"] {
+      fill: #C7D0D9;
+    }
+    use[id$="-active"] {
+      fill: #6B7B8D;
+    }
+    use[id$="-focus"] {
+      fill: #C7D0D9;
+    }
+    use[id$="-disabled"] {
+      fill: #ffffff;
+    }
+  </style>
+  <symbol id="unmute-shape">
+    <path d="M3.52,5.367c-1.332,0-2.422,1.09-2.422,2.422v2.422c0,1.332,1.09,2.422,2.422,2.422h1.516l4.102,3.633
+    V1.735L5.035,5.367H3.52z M12.059,9c0-0.727-0.484-1.211-1.211-1.211v2.422C11.574,10.211,12.059,9.727,12.059,9z M14.48,9
+    c0-1.695-1.211-3.148-2.785-3.512l-0.363,1.09C12.422,6.82,13.27,7.789,13.27,9c0,1.211-0.848,2.18-1.938,2.422l0.484,1.09
+    C13.27,12.148,14.48,10.695,14.48,9z M12.543,3.188l-0.484,1.09C14.238,4.883,15.691,6.82,15.691,9c0,2.18-1.453,4.117-3.512,4.601
+    l0.484,1.09c2.422-0.605,4.238-2.906,4.238-5.691C16.902,6.215,15.086,3.914,12.543,3.188z"/>
+  </symbol>
+  <symbol id="mute-shape">
+    <path d="M3.52,5.367c-1.332,0-2.422,1.09-2.422,2.422v2.422c0,1.332,1.09,2.422,2.422,2.422h1.516l4.102,3.633
+      V1.735L5.035,5.367H3.52z"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.155,12.066l-1.138-1.138l4.872-4.872l1.138,1.138
+      L12.155,12.066z"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.998,7.204l1.138-1.138l4.872,4.872l-1.138,1.138L10.998,7.204
+      z"/>
+  </symbol>
+  <symbol id="noaudio-shape">
+    <path d="M14.901,3.571l-4.412,3.422V1.919L6.286,5.46H4.869c-1.298,0-2.36,1.062-2.36,2.36v2.36
+      c0,1.062,0.708,1.888,1.652,2.242l-2.242,1.77l1.18,1.416L16.081,4.987L14.901,3.571z M10.489,16.081V11.36l-2.669,2.36
+      L10.489,16.081z"/>
+  </symbol>
+  <use id="unmute" xlink:href="#unmute-shape"/>
+  <use id="unmute-hover" xlink:href="#unmute-shape"/>
+  <use id="unmute-active" xlink:href="#unmute-shape"/>
+  <use id="unmute-focus" xlink:href="#unmute-shape"/>
+  <use id="unmute-disabled" xlink:href="#unmute-shape"/>
+
+  <use id="mute" xlink:href="#mute-shape"/>
+  <use id="mute-hover" xlink:href="#mute-shape"/>
+  <use id="mute-active" xlink:href="#mute-shape"/>
+  <use id="mute-focus" xlink:href="#mute-shape"/>
+  <use id="mute-disabled" xlink:href="#mute-shape"/>
+
+  <use id="noaudio" xlink:href="#noaudio-shape"/>
+</svg>
diff --git a/comm/suite/themes/modern/global/media/pauseButton.svg b/comm/suite/themes/modern/global/media/pauseButton.svg
new file mode 100644
index 0000000000..dfc258194a
--- /dev/null
+++ b/comm/suite/themes/modern/global/media/pauseButton.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 18 18">
+  <path fill="context-fill" d="M6.002,1.953C5.172,1.953,4.5,2.626,4.5,3.455v11.08
+        c0,0.83,0.672,1.502,1.502,1.502c0.829,0,1.502-0.672,1.502-1.502V3.455C7.504,2.626,6.831,1.953,6.002,1.953z M12,1.953
+        c-0.828,0-1.5,0.672-1.5,1.5v11.094c0,0.828,0.672,1.5,1.5,1.5s1.5-0.672,1.5-1.5V3.453C13.5,2.625,12.828,1.953,12,1.953z"/>
+</svg>
+
diff --git a/comm/suite/themes/modern/global/media/playButton.svg b/comm/suite/themes/modern/global/media/playButton.svg
new file mode 100644
index 0000000000..ee8e482a2a
--- /dev/null
+++ b/comm/suite/themes/modern/global/media/playButton.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 18 18">
+  <path fill="context-fill" d="M3.243,15.155c0,0.845,0.593,1.157,1.317,0.707l9.659-6.041c0.727-0.453,0.722-1.193,0-1.645L4.556,2.137
+    C3.827,1.682,3.237,2.014,3.237,2.844v12.312H3.243z"/>
+</svg>
+
diff --git a/comm/suite/themes/modern/global/media/stalled.png b/comm/suite/themes/modern/global/media/stalled.png
new file mode 100644
index 0000000000..525375889b
--- /dev/null
+++ b/comm/suite/themes/modern/global/media/stalled.png
diff --git a/comm/suite/themes/modern/global/media/throbber.png b/comm/suite/themes/modern/global/media/throbber.png
new file mode 100644
index 0000000000..1c8fe0f5cb
--- /dev/null
+++ b/comm/suite/themes/modern/global/media/throbber.png
diff --git a/comm/suite/themes/modern/global/media/videocontrols.css b/comm/suite/themes/modern/global/media/videocontrols.css
new file mode 100644
index 0000000000..43e8e1d236
--- /dev/null
+++ b/comm/suite/themes/modern/global/media/videocontrols.css
@@ -0,0 +1,482 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace url("http://www.w3.org/1999/xhtml");
+
+video > xul|videocontrols,
+audio > xul|videocontrols {
+  writing-mode: horizontal-tb;
+  width: 100%;
+  height: 100%;
+  display: inline-block;
+}
+
+.controlsContainer [hidden="true"],
+.controlBar[hidden] {
+  display: none;
+}
+
+.controlBar[size="hidden"] {
+  display: none;
+}
+
+.controlsSpacer[hideCursor] {
+  cursor: none;
+}
+
+.controlsContainer,
+.progressContainer {
+  position: relative;
+  height: 100%;
+}
+
+.stackItem {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.statusOverlay {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: rgb(80,80,80, .85);
+}
+
+.controlsOverlay {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  position: relative;
+}
+
+.controlsSpacerStack {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  justify-content: center;
+  align-items: center;
+}
+
+.controlsSpacer {
+  background-color: rgba(255,255,255,.4);
+}
+
+.controlBar {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  height: 40px;
+  padding: 0 9px;
+  background-color: #A5B3C0;
+  border-style: solid;
+  border-width: 2px;
+  border-color: #000000;
+  border-radius: 5px;
+}
+
+.playButton,
+.muteButton,
+.closedCaptionButton,
+.fullscreenButton {
+  -moz-binding: none;
+  height: 100%;
+  min-height: 30px;
+  min-width: 30px;
+  padding: 6px;
+  border: 0;
+  margin: 0;
+  background-color: transparent;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-origin: content-box;
+  background-clip: content-box;
+}
+
+.playButton {
+  background-image: url(chrome://global/skin/media/pauseButton.svg);
+  -moz-context-properties: fill;
+  fill: #ffffff;
+}
+.playButton:hover {
+  fill: #C7D0D9;
+}
+.playButton:hover:active {
+  fill: #6B7B8D;
+}
+.playButton[paused] {
+  background-image: url(chrome://global/skin/media/playButton.svg);
+  -moz-context-properties: fill;
+  fill: #ffffff;
+}
+.playButton[paused]:hover {
+  fill: #C7D0D9;
+}
+.playButton[paused]:hover:active {
+  fill: #6B7B8D;
+}
+
+.muteButton {
+  background-image: url(chrome://global/skin/media/muteButton.svg#unmute);
+}
+.muteButton:hover {
+  background-image: url(chrome://global/skin/media/muteButton.svg#unmute-hover);
+}
+.muteButton:hover:active {
+  background-image: url(chrome://global/skin/media/muteButton.svg#unmute-active);
+}
+.muteButton[muted] {
+  background-image: url(chrome://global/skin/media/muteButton.svg#mute);
+}
+.muteButton[muted]:hover {
+  background-image: url(chrome://global/skin/media/muteButton.svg#mute-hover);
+}
+.muteButton[muted]:hover:active {
+  background-image: url(chrome://global/skin/media/muteButton.svg#mute-active);
+}
+.muteButton[noAudio],
+.muteButton[noAudio]:hover,
+.muteButton[noAudio]:hover:active {
+  background-image: url(chrome://global/skin/media/muteButton.svg#noaudio);
+}
+.muteButton[noAudio] + .volumeStack {
+  display: none;
+}
+
+.closedCaptionButton {
+  background-image: url(chrome://global/skin/media/closedCaptionButton.svg#cc-off);
+}
+.closedCaptionButton:hover {
+  background-image: url(chrome://global/skin/media/closedCaptionButton.svg#cc-off-hover);
+}
+.closedCaptionButton:hover:active {
+  background-image: url(chrome://global/skin/media/closedCaptionButton.svg#cc-off-active);
+}
+.closedCaptionButton[enabled] {
+  background-image: url(chrome://global/skin/media/closedCaptionButton.svg#cc);
+}
+.closedCaptionButton[enabled]:hover {
+  background-image: url(chrome://global/skin/media/closedCaptionButton.svg#cc-hover);
+}
+.closedCaptionButton[enabled]:hover:active {
+  background-image: url(chrome://global/skin/media/closedCaptionButton.svg#cc-active);
+}
+
+.fullscreenButton {
+  background-image: url(chrome://global/skin/media/fullscreenButton.svg#fullscreen);
+}
+.fullscreenButton:hover {
+  background-image: url(chrome://global/skin/media/fullscreenButton.svg#fullscreen-hover);
+}
+.fullscreenButton:hover:active {
+  background-image: url(chrome://global/skin/media/fullscreenButton.svg#fullscreen-active);
+}
+.fullscreenButton[fullscreened] {
+  background-image: url(chrome://global/skin/media/fullscreenButton.svg#unfullscreen);
+}
+.fullscreenButton[fullscreened]:hover {
+  background-image: url(chrome://global/skin/media/fullscreenButton.svg#unfullscreen-hover);
+}
+.fullscreenButton[fullscreened]:hover:active {
+  background-image: url(chrome://global/skin/media/fullscreenButton.svg#unfullscreen-active);
+}
+
+.controlBarSpacer {
+  flex-grow: 1;
+}
+
+.volumeControl::-moz-range-thumb,
+.scrubber::-moz-range-thumb {
+  height: 13px;
+  width: 13px;
+  border-style: solid;
+  border-color: #000000;
+  border-radius: 50%;
+  background-color: #ffffff;
+}
+
+.volumeControl::-moz-focus-outer,
+.scrubber::-moz-focus-outer {
+  border: 0;
+}
+
+.progressBackgroundBar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.progressStack {
+  position: relative;
+  width: 100%;
+  height: 5px;
+}
+
+.scrubberStack {
+  min-width: 48px;
+  flex-basis: 48px;
+  flex-grow: 2;
+  flex-shrink: 0;
+  margin: 0 9px;
+}
+
+.volumeStack {
+  max-width: 60px;
+  min-width: 48px;
+  flex-grow: 1;
+  flex-shrink: 0;
+  margin-right: 6px;
+  margin-left: 4px;
+}
+
+.bufferBar,
+.progressBar,
+.scrubber,
+.volumeBackground,
+.volumeControl {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  border: 0;
+  border-radius: 2.5px;
+  margin: 0;
+  background: none;
+  background-color: transparent;
+}
+
+.bufferBar,
+.volumeBackground {
+  background-color: rgba(0,0,0,0.7);
+}
+
+.bufferBar::-moz-progress-bar,
+.progressBar::-moz-progress-bar,
+.volumeBackground::-moz-meter-bar {
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border-radius: 2.5px;
+  background: none;
+}
+
+.scrubber:hover::-moz-range-thumb,
+.volumeControl:hover::-moz-range-thumb {
+  background-color: #C7D0D9;
+}
+
+.scrubber:active::-moz-range-thumb,
+.volumeControl:active::-moz-range-thumb {
+  background-color: #6B7B8D;
+}
+
+.scrubber::-moz-range-track,
+.scrubber::-moz-range-progress {
+  background-color: transparent;
+}
+
+.volumeControl::-moz-range-progress,
+.volumeControl::-moz-range-track {
+  height: 5px;
+  border-radius: 2.5px;
+}
+
+.volumeControl::-moz-range-progress {
+  background-color: #ffffff;
+}
+
+.volumeControl::-moz-range-track {
+  background-color: rgba(0,0,0,0.7);
+}
+
+
+.bufferBar::-moz-progress-bar {
+  background-color: rgba(255,255,255,0.3);
+  border-radius: 2.5px;
+}
+
+.progressBar::-moz-progress-bar {
+  background-color: #C7D0D9;
+}
+
+.textTrackList {
+  position: absolute;
+  right: 5px;
+  bottom: 45px;
+  max-width: 80%;
+  border: 1px solid #000000;
+  border-radius: 2.5px;
+  padding: 5px 0;
+  vertical-align: middle;
+  font-size: 12px;
+  background-color: #000000;
+  opacity: 0.7;
+}
+
+.textTrackList > .textTrackItem {
+  display: block;
+  width: 100%;
+  height: 30px;
+  padding: 2px 10px;
+  border: none;
+  margin: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-align: left;
+  text-overflow: ellipsis;
+  color: #ffffff;
+  background-color: transparent;
+}
+
+.textTrackList > .textTrackItem:hover {
+  background-color: #444444;
+}
+
+.textTrackList > .textTrackItem[on] {
+  color: #C7D0D9;
+}
+
+.positionLabel,
+.durationLabel {
+  display: none;
+}
+
+.positionDurationBox {
+  text-align: center;
+  padding-inline-start: 1px;
+  padding-inline-end: 9px;
+  white-space: nowrap;
+  font: message-box;
+  font-size: 13px;
+  font-size-adjust: 0.55;
+  color: #ffffff;
+}
+
+.duration {
+  display: inline-block;
+  white-space: pre;
+  color: #404040;
+}
+
+.statusIcon {
+  width: 36px;
+  height: 36px;
+  margin-bottom: 20px;
+}
+
+.statusIcon[type="throbber"] {
+  background: url(chrome://global/skin/media/throbber.png) no-repeat center;
+}
+
+.statusIcon[type="throbber"][stalled] {
+  background: url(chrome://global/skin/media/stalled.png) no-repeat center;
+}
+
+.statusIcon[type="error"] {
+  min-width: 70px;
+  min-height: 60px;
+  background: url(chrome://global/skin/media/error.png) no-repeat center;
+  background-size: contain;
+}
+
+/* Overlay Play button */
+.clickToPlay {
+  min-width: 48px;
+  min-height: 48px;
+  border-radius: 50%;
+  background-image: url(chrome://global/skin/media/playButton.svg);
+  background-repeat: no-repeat;
+  background-position: 54% 50%;
+  background-size: 40% 40%;
+  background-color: #1a1a1a;
+  -moz-context-properties: fill;
+  fill: #ffffff;
+  opacity: 0.8;
+  position: relative;
+  top: 20px;
+}
+
+.controlsSpacerStack:hover > .clickToPlay,
+.clickToPlay:hover {
+  opacity: 0.55;
+}
+
+.controlsSpacerStack:hover > .clickToPlay[fadeout] {
+  opacity: 0;
+}
+
+.controlBar[fullscreen-unavailable] .fullscreenButton {
+  display: none;
+}
+
+/* CSS Transitions */
+.clickToPlay {
+  transition-property: transform, opacity;
+  transition-duration: 400ms, 400ms;
+}
+
+.controlsSpacer[fadeout] {
+  opacity: 0;
+}
+
+.clickToPlay[fadeout] {
+  transform: scale(3);
+  opacity: 0;
+}
+
+.clickToPlay[fadeout][immediate] {
+  transition-property: opacity, background-size;
+  transition-duration: 0s, 0s;
+}
+.controlBar:not([immediate]) {
+  transition-property: opacity;
+  transition-duration: 200ms;
+}
+.controlBar[fadeout] {
+  opacity: 0;
+}
+.volumeStack:not([immediate]) {
+  transition-property: opacity, margin-top;
+  transition-duration: 200ms, 200ms;
+}
+.statusOverlay:not([immediate]) {
+  transition-property: opacity;
+  transition-duration: 300ms;
+  transition-delay: 750ms;
+}
+.statusOverlay[fadeout] {
+  opacity: 0;
+}
+
+/* Error description formatting */
+.errorLabel {
+  padding: 0 10px;
+  text-align: center;
+  font: message-box;
+  font-size: 14px;
+  color: #ffffff;
+}
+
+.errorLabel {
+  display: none;
+}
+
+[error="errorAborted"]         > [anonid="errorAborted"],
+[error="errorNetwork"]         > [anonid="errorNetwork"],
+[error="errorDecode"]          > [anonid="errorDecode"],
+[error="errorSrcNotSupported"] > [anonid="errorSrcNotSupported"],
+[error="errorNoSource"]        > [anonid="errorNoSource"],
+[error="errorGeneric"]         > [anonid="errorGeneric"] {
+  display: inline;
+}
diff --git a/comm/suite/themes/modern/global/menu.css b/comm/suite/themes/modern/global/menu.css
new file mode 100644
index 0000000000..5d2df75295
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu.css
@@ -0,0 +1,233 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== 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;
+  color: #000000;
+  font: menu;
+  list-style-image: none;
+  -moz-image-region: auto;
+}
+
+menuitem[default="true"] {
+  font-weight: bold;
+}  
+  
+menu[disabled="true"],
+menuitem[disabled="true"],
+menu[_moz-menuactive="true"][disabled="true"],
+menuitem[_moz-menuactive="true"][disabled="true"] {
+  color: #8C99AB;
+}
+
+/* ..... internal content .... */
+
+.menu-text, 
+.menu-iconic-left,
+.menu-iconic-text {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  margin-inline-start: 0px !important;
+  margin-inline-end: 2px !important;
+  color: inherit;
+}
+
+.menu-text {
+  margin-inline-start: 18px !important;
+  font-weight: inherit;
+}
+
+.menu-description {
+  font-style: italic;
+  color: #8C99AB;
+  margin-inline-start: 1ex !important;
+}
+
+.menu-accel,
+.menu-iconic-accel {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  margin-inline-start: 7px !important;
+  margin-inline-end: 2px !important;
+  padding-inline-end: 14px;
+  color: inherit;
+}
+
+.menu-iconic-icon {
+  width: 16px;
+  height: 16px;
+  list-style-image: inherit;
+}
+
+/* ..... menu arrow box ..... */
+
+.menu-right {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  margin-inline-start: 6px;
+  margin-inline-end: 4px;
+  width: 4px;
+  list-style-image: url("chrome://global/skin/menu/menu-arrow.png");
+  -moz-image-region: auto;
+}
+
+.menu-right[_moz-menuactive="true"] {
+  list-style-image: url("chrome://global/skin/menu/menu-arrow-hov.png");
+  -moz-image-region: auto;
+}
+
+.menu-right[disabled="true"] {
+  list-style-image: url("chrome://global/skin/menu/menu-arrow-dis.png") !important;
+  -moz-image-region: auto;
+}
+
+/* ::::: menu/menuitems in menubar ::::: */
+
+menubar > menu {
+  border: 1px solid transparent;
+  padding: 1px 4px 2px;
+  margin: 1px 0px;
+}
+
+menubar > menu[_moz-menuactive="true"] {
+  border: 1px outset #DDE3EB;
+  background-color: transparent;
+  color: #000000;
+}
+
+menubar > menu[_moz-menuactive="true"][open="true"] {
+  border-style: inset;
+}
+
+/* ..... internal content .... */
+
+.menubar-left {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  margin-inline-start: 0px;
+  margin-inline-end: 2px;
+  color: inherit;
+}
+
+.menubar-text {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  margin-inline-start: 0px !important;
+  margin-inline-end: 2px !important;
+  color: inherit;
+}
+
+/* ::::: menu/menuitems in popups ::::: */
+
+menu,
+menuitem {
+  padding: 2px;
+  max-width: 42em;
+}
+
+menu[_moz-menuactive="true"],
+menuitem[_moz-menuactive="true"] {
+  background-color: #424F63;
+  color: #FFFFFF;
+}
+
+/* ::::: menu/menuitems in menulist popups ::::: */
+
+.menulist-menupopup > menuitem,
+menulist > menupopup > menuitem,
+.menulist-menupopup > menu,
+menulist > menupopup > menu {
+  padding-top: 1px;
+  padding-bottom: 1px;
+  max-width: none;
+  font: message-box;
+}
+
+menulist > menupopup > menuitem {
+  padding-inline-end: 30px;
+}
+    
+/* ..... selected state ..... */
+
+menulist > menupopup > menuitem[selected="true"] {
+  list-style-image: url("chrome://global/skin/menu/menu-check.png");
+  -moz-image-region: auto;
+}
+  
+menulist > menupopup > menuitem[_moz-menuactive="true"][selected="true"] {
+  list-style-image: url("chrome://global/skin/menu/menu-check-hov.png");
+  -moz-image-region: auto;
+}
+
+/* ::::: checkbox menuitem ::::: */
+
+menuitem[checked="true"] {
+  list-style-image: url("chrome://global/skin/menu/menu-check.png");
+  -moz-image-region: auto;
+}
+
+menuitem[checked="true"][disabled="true"] {
+  list-style-image: url("chrome://global/skin/menu/menu-check-dis.png");
+  -moz-image-region: auto;
+}
+
+menuitem[checked="true"][_moz-menuactive="true"] {
+  list-style-image: url("chrome://global/skin/menu/menu-check-hov.png");
+  -moz-image-region: auto;
+}
+
+/* ::::: radio menuitem ::::: */
+
+menuitem[checked="true"][type="radio"] {
+  list-style-image: url("chrome://global/skin/menu/menu-radio.png");
+  -moz-image-region: auto;
+}
+
+menuitem[checked="true"][type="radio"][disabled="true"] {
+  list-style-image: url("chrome://global/skin/menu/menu-radio-dis.png");
+  -moz-image-region: auto;
+}
+
+menuitem[checked="true"][type="radio"][_moz-menuactive="true"] {
+  list-style-image: url("chrome://global/skin/menu/menu-radio-hov.png");
+  -moz-image-region: auto;
+}
+
+/* ::::: menuseparator ::::: */
+
+menuseparator {
+  margin: 2px 3px;
+  border-top: 1px solid #A5ABC0;
+  border-bottom: 1px solid #EEF1F7;
+}
+
+menulist > menupopup > menuseparator,
+.menulist-menupopup > menuseparator {
+  margin: 2px 0;
+  border-bottom: none;
+}
+
+/* ::::: autocomplete ::::: */
+
+.autocomplete-history-popup > menuitem {
+  max-width: none !important;
+  font: message-box;
+}
+
+/* ::::: tree column picker ::::: */
+
+.treecell-popupcell-menu {
+  margin-inline-start: -2px;
+  list-style-image: url("chrome://global/skin/tree/columnpicker.png");
+  -moz-image-region: auto;
+}
diff --git a/comm/suite/themes/modern/global/menu/menu-arrow-dis.gif b/comm/suite/themes/modern/global/menu/menu-arrow-dis.gif
new file mode 100644
index 0000000000..99860477e4
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-arrow-dis.gif
diff --git a/comm/suite/themes/modern/global/menu/menu-arrow-dis.png b/comm/suite/themes/modern/global/menu/menu-arrow-dis.png
new file mode 100644
index 0000000000..ea3aef3c50
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-arrow-dis.png
diff --git a/comm/suite/themes/modern/global/menu/menu-arrow-hov.gif b/comm/suite/themes/modern/global/menu/menu-arrow-hov.gif
new file mode 100644
index 0000000000..22a82a66d5
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-arrow-hov.gif
diff --git a/comm/suite/themes/modern/global/menu/menu-arrow-hov.png b/comm/suite/themes/modern/global/menu/menu-arrow-hov.png
new file mode 100644
index 0000000000..a572a4bb96
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-arrow-hov.png
diff --git a/comm/suite/themes/modern/global/menu/menu-arrow.gif b/comm/suite/themes/modern/global/menu/menu-arrow.gif
new file mode 100644
index 0000000000..921ae65b69
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-arrow.gif
diff --git a/comm/suite/themes/modern/global/menu/menu-arrow.png b/comm/suite/themes/modern/global/menu/menu-arrow.png
new file mode 100644
index 0000000000..0be772e464
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-arrow.png
diff --git a/comm/suite/themes/modern/global/menu/menu-check-dis.gif b/comm/suite/themes/modern/global/menu/menu-check-dis.gif
new file mode 100644
index 0000000000..ddd8ecdc35
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-check-dis.gif
diff --git a/comm/suite/themes/modern/global/menu/menu-check-dis.png b/comm/suite/themes/modern/global/menu/menu-check-dis.png
new file mode 100644
index 0000000000..46a6b8526a
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-check-dis.png
diff --git a/comm/suite/themes/modern/global/menu/menu-check-hov.gif b/comm/suite/themes/modern/global/menu/menu-check-hov.gif
new file mode 100644
index 0000000000..03e7e12790
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-check-hov.gif
diff --git a/comm/suite/themes/modern/global/menu/menu-check-hov.png b/comm/suite/themes/modern/global/menu/menu-check-hov.png
new file mode 100644
index 0000000000..e7bda1cec3
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-check-hov.png
diff --git a/comm/suite/themes/modern/global/menu/menu-check.gif b/comm/suite/themes/modern/global/menu/menu-check.gif
new file mode 100644
index 0000000000..ddd8ecdc35
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-check.gif
diff --git a/comm/suite/themes/modern/global/menu/menu-check.png b/comm/suite/themes/modern/global/menu/menu-check.png
new file mode 100644
index 0000000000..46a6b8526a
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-check.png
diff --git a/comm/suite/themes/modern/global/menu/menu-radio-dis.gif b/comm/suite/themes/modern/global/menu/menu-radio-dis.gif
new file mode 100644
index 0000000000..83cb3cdf5d
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-radio-dis.gif
diff --git a/comm/suite/themes/modern/global/menu/menu-radio-dis.png b/comm/suite/themes/modern/global/menu/menu-radio-dis.png
new file mode 100644
index 0000000000..d68b52b9bd
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-radio-dis.png
diff --git a/comm/suite/themes/modern/global/menu/menu-radio-hov.gif b/comm/suite/themes/modern/global/menu/menu-radio-hov.gif
new file mode 100644
index 0000000000..c9eb82afbb
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-radio-hov.gif
diff --git a/comm/suite/themes/modern/global/menu/menu-radio-hov.png b/comm/suite/themes/modern/global/menu/menu-radio-hov.png
new file mode 100644
index 0000000000..ac61ee33ef
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-radio-hov.png
diff --git a/comm/suite/themes/modern/global/menu/menu-radio.gif b/comm/suite/themes/modern/global/menu/menu-radio.gif
new file mode 100644
index 0000000000..83cb3cdf5d
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-radio.gif
diff --git a/comm/suite/themes/modern/global/menu/menu-radio.png b/comm/suite/themes/modern/global/menu/menu-radio.png
new file mode 100644
index 0000000000..d68b52b9bd
--- /dev/null
+++ b/comm/suite/themes/modern/global/menu/menu-radio.png
diff --git a/comm/suite/themes/modern/global/menulist.css b/comm/suite/themes/modern/global/menulist.css
new file mode 100644
index 0000000000..aae5b01114
--- /dev/null
+++ b/comm/suite/themes/modern/global/menulist.css
@@ -0,0 +1,180 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== 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 {
+  margin: 1px 4px;
+  border: 2px solid transparent;
+  min-height: 19px;
+  color: #000000;
+  font: message-box;
+}
+
+.menulist-label {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  margin-inline-start: 0px !important;
+  margin-inline-end: 2px !important;
+}
+
+.menulist-description {
+  font-style: italic;
+  color: #5D616E;
+  margin-inline-start: 1em !important;
+}
+
+.menulist-icon {
+  margin-inline-end: 2px;
+}
+
+.menulist-label-box {
+  -moz-box-align: center;
+  -moz-box-pack: center;
+  padding: 2px;
+  border: 1px solid #000000;
+  border-right: 1px solid transparent;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+  background-color: #A6B3C0;
+  padding-inline-start: 8px;
+}
+
+.menulist-dropmarker {
+  border: 1px solid black;
+  border-left: 1px solid #6D7C8F;
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+
+.menulist-dropmarker > .dropmarker-icon {
+  margin: 1px 2px 0px;
+}
+
+/* ..... focused state ..... */
+
+menulist:focus {
+  border-color: #98A5B2;
+  border-radius: 7px;
+  background-color: #98A5B2;
+}
+
+/* ..... active state ..... */
+  
+menulist[open="true"] {
+  color: #FFFFFF;
+}
+  
+menulist[open="true"] > .menulist-label-box {
+  border-top-color: #313948;
+  border-bottom-color: #313948;
+  border-left-color: #313948;
+  background-color: #91A2B4;
+}
+
+menulist[open="true"] > .menulist-dropmarker {
+  list-style-image: url("chrome://global/skin/menulist/mlist-act-arrow.png");
+}
+
+/* ..... disabled state ..... */
+
+menulist[disabled="true"] {
+  color: #8C99AB !important;
+}
+  
+menulist[disabled="true"] > .menulist-label-box {
+  border-top-color: #727D8E !important;
+  border-bottom-color: #727D8E !important;
+  background-color: #B7BFCB !important;
+}
+
+menulist[disabled="true"] > .menulist-label-box {
+  border-left-color: #727D8E !important;
+}
+
+menulist[disabled="true"] > .menulist-dropmarker {
+  border-left-color: #95A1AD !important;
+}
+
+/* ::::: editable menulists ::::: */
+
+.menulist-editable-box {
+  border: 1px solid #000000;
+  border-right: none;
+  background-color: #FFFFFF;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  padding-inline-start: 2px;
+  padding-inline-end: 0px;
+}
+
+html|*.menulist-editable-input {
+  margin: 0px !important;
+  border: none !important;
+  padding: 0px !important;
+  background: inherit;
+  font: inherit;
+}
+
+menulist[focused="true"] {
+  border-color: #98A5B2;
+  border-top-right-radius: 7px;
+  border-bottom-right-radius: 7px;
+  background-color: #98A5B2;
+}
+
+/* ::::: compact menulists ::::: */
+
+.menulist-compact {
+  -moz-box-align: center;
+  -moz-box-pack: center;
+  margin: 0;
+  border: 1px solid;
+  border-top-color: #A6B3C0;
+  border-right-color: #5D616E;
+  border-bottom-color: #5D616E;
+  border-left-color: #A6B3C0;
+  border-radius: 0;
+  padding: 1px;
+  min-height: 0px;
+  background-color: #A6B3C0;
+  color: #000000;
+}
+
+.menulist-compact > .menulist-label {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  margin-inline-start: 0px !important;
+  margin-inline-end: 3px !important;
+  text-align: end;
+}  
+
+.menulist-compact > .menulist-dropmarker {
+  border: none;
+  background: transparent;
+}
+
+.menulist-compact > .menulist-dropmarker,
+.menulist-compact[open="true"] > .menulist-dropmarker {
+  list-style-image: url("chrome://global/skin/menulist/mlist-compact-arrow.png");
+}
+
+.menulist-compact:focus {
+  border-radius: 0;
+}
+      
+.menulist-compact[open="true"] {
+  border-top-color: #788797;
+  border-right-color: #5D616E;
+  border-bottom-color: #5D616E;
+  border-left-color: #788797;
+  background-color: #91A2B4;
+}
diff --git a/comm/suite/themes/modern/global/menulist/mlist-act-arrow.gif b/comm/suite/themes/modern/global/menulist/mlist-act-arrow.gif
new file mode 100644
index 0000000000..79c2777abb
--- /dev/null
+++ b/comm/suite/themes/modern/global/menulist/mlist-act-arrow.gif
diff --git a/comm/suite/themes/modern/global/menulist/mlist-act-arrow.png b/comm/suite/themes/modern/global/menulist/mlist-act-arrow.png
new file mode 100644
index 0000000000..20c978ad90
--- /dev/null
+++ b/comm/suite/themes/modern/global/menulist/mlist-act-arrow.png
diff --git a/comm/suite/themes/modern/global/menulist/mlist-arrow.gif b/comm/suite/themes/modern/global/menulist/mlist-arrow.gif
new file mode 100644
index 0000000000..0067826651
--- /dev/null
+++ b/comm/suite/themes/modern/global/menulist/mlist-arrow.gif
diff --git a/comm/suite/themes/modern/global/menulist/mlist-arrow.png b/comm/suite/themes/modern/global/menulist/mlist-arrow.png
new file mode 100644
index 0000000000..aa69aca2d2
--- /dev/null
+++ b/comm/suite/themes/modern/global/menulist/mlist-arrow.png
diff --git a/comm/suite/themes/modern/global/menulist/mlist-compact-arrow.gif b/comm/suite/themes/modern/global/menulist/mlist-compact-arrow.gif
new file mode 100644
index 0000000000..41751cbf2f
--- /dev/null
+++ b/comm/suite/themes/modern/global/menulist/mlist-compact-arrow.gif
diff --git a/comm/suite/themes/modern/global/menulist/mlist-compact-arrow.png b/comm/suite/themes/modern/global/menulist/mlist-compact-arrow.png
new file mode 100644
index 0000000000..3fbcf0b362
--- /dev/null
+++ b/comm/suite/themes/modern/global/menulist/mlist-compact-arrow.png
diff --git a/comm/suite/themes/modern/global/menulist/mlist-dis-arrow.gif b/comm/suite/themes/modern/global/menulist/mlist-dis-arrow.gif
new file mode 100644
index 0000000000..9ca54729bc
--- /dev/null
+++ b/comm/suite/themes/modern/global/menulist/mlist-dis-arrow.gif
diff --git a/comm/suite/themes/modern/global/menulist/mlist-dis-arrow.png b/comm/suite/themes/modern/global/menulist/mlist-dis-arrow.png
new file mode 100644
index 0000000000..498285b415
--- /dev/null
+++ b/comm/suite/themes/modern/global/menulist/mlist-dis-arrow.png
diff --git a/comm/suite/themes/modern/global/netError.css b/comm/suite/themes/modern/global/netError.css
new file mode 100644
index 0000000000..3c84a12bdd
--- /dev/null
+++ b/comm/suite/themes/modern/global/netError.css
@@ -0,0 +1,137 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/*
+ *  This defines the look-and-feel styling of the error pages.
+ *  (see: netError.xhtml)
+ *
+ *  Original styling by William Price <bugzilla@mob.rice.edu>
+ *  Updated by: Steven Garrity <steven@silverorange.com>
+ *              Henrik Skupin  <mozilla@hskupin.info>
+ *              Akihiro Misaki <spitfire.kuden@gmail.com>
+ */
+
+@import url("chrome://global/skin/button.css");
+
+html {
+  background: #FFF;
+}
+
+body {
+  margin: 0;
+  padding: 0 1em;
+  color: #22262F;
+  font: message-box;
+}
+
+h1 {
+  margin: 0 0 .6em;
+  border-bottom: 1px solid #7A8490;
+  font-size: 160%;
+}
+
+ul, ol {
+  margin: 0;
+  margin-inline-start: 1.5em;
+  padding: 0;
+}
+
+ul > li, ol > li {
+  margin-bottom: .5em;
+}
+
+ul {
+  list-style: square;
+}
+
+#errorPageContainer {
+  position: relative;
+  min-width: 13em;
+  max-width: 52em;
+  margin: 4em auto;
+  border: 1px solid #494F5D;
+  border-radius: 10px;
+  padding: 3em;
+  padding-inline-start: 30px;
+  background: url("chrome://global/skin/icons/warning-48.png") left 0 no-repeat #C7D0D9;
+  background-origin: content-box;
+}
+
+#errorPageContainer.certerror {
+  background-image: url("chrome://global/skin/icons/authentication-48.png");
+}
+
+#errorPageContainer:dir(rtl) {
+  background-position: right 0;
+}
+
+#errorTitle {
+  margin-inline-start: 80px;
+}
+
+#errorLongContent {
+  margin-inline-start: 80px;
+}
+
+#errorShortDesc > p {
+  overflow: auto;
+  border-bottom: 1px solid #7A8490;
+  padding-bottom: 1em;
+  font-size: 130%;
+  white-space: pre-wrap;
+}
+
+#errorLongDesc {
+  padding-inline-end: 3em;
+  font-size: 110%;
+}
+
+#errorPageContainer > #errorTryAgain {
+  margin-top: 2em;
+  margin-inline-start: 80px;
+}
+
+#brand {
+  position: absolute;
+  right: 0;
+  bottom: -1.5em;
+  margin-inline-end: 10px;
+  opacity: .6;
+}
+
+#brand:dir(rtl) {
+  right: auto;
+  left: 0;
+}
+
+#brand > p {
+  margin: 0;
+}
+
+#errorContainer {
+  display: none;
+}
+
+#securityOverrideDiv {
+  padding-top: 10px;
+}
+
+#securityOverrideContent {
+  background-color: #FFFFE7;
+  color: #000000;
+  padding: 10px;
+  border-radius: 10px;
+  display: none;
+}
+
+/* Custom styling for 'blacklist' error class */
+:root.blacklist #errorPageContainer {
+  background-image: url("chrome://global/skin/icons/blacklist_large.png");
+  background-color: #772222;
+  color: #FFFFFF;
+}
+
+:root.blacklist {
+  background: #333333;
+}
diff --git a/comm/suite/themes/modern/global/notification.css b/comm/suite/themes/modern/global/notification.css
new file mode 100644
index 0000000000..30487da13b
--- /dev/null
+++ b/comm/suite/themes/modern/global/notification.css
@@ -0,0 +1,129 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+notification {
+  background-color: #C7D0D9;
+  color: #000000;
+}
+
+notification[type="warning"] {
+  background-color: #E8DB99;
+}
+
+notification[type="critical"] {
+  background-color: #FF0000;
+  color: #FFFFFF;
+}
+
+.notification-inner[type="warning"] {
+  border-color: #E8DB99 !important;
+}
+
+.notification-inner[type="critical"] {
+  border-color: #FF0000 !important;
+}
+
+.messageImage {
+  width: 16px;
+  height: 16px;
+  margin-top: 0px;
+  margin-bottom: 3px;
+  margin-inline-start: 5px;
+  margin-inline-end: 1px;
+}
+
+/* Default icons for notifications */
+
+.messageImage[type="info"] {
+  list-style-image: url("chrome://global/skin/icons/information-16.png");
+}
+
+.messageImage[type="warning"] {
+  list-style-image: url("chrome://global/skin/icons/warning-16.png");
+}
+
+.messageImage[type="critical"] {
+  list-style-image: url("chrome://global/skin/icons/error-16.png");
+}
+
+.messageText {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  margin-inline-start: 5px !important;
+  margin-inline-end: 1px !important;
+}
+
+.messageCloseButton {
+  list-style-image: url("chrome://global/skin/icons/close.png");
+  padding: 4px 2px;
+  border: none;
+}
+
+.messageCloseButton:hover {
+  list-style-image: url("chrome://global/skin/icons/close-hov.png");
+}
+
+.messageCloseButton:hover:active {
+  list-style-image: url("chrome://global/skin/icons/close-act.png");
+}
+
+/* Popup notifications */
+
+popupnotification {
+  background-color: #C7D0D9;
+}
+
+.popup-notification-description {
+  max-width: 248px;
+  margin-top: 4px !important;
+}
+
+.popup-notification-learnmore-link:not([href]) {
+  display: none;
+}
+
+.popup-notification-closeitem {
+  list-style-image: url("chrome://global/skin/icons/closebox.png");
+}
+
+.popup-notification-button-container {
+  background-color: transparent;
+  display: flex;
+}
+
+.popup-notification-button-container > toolbarseparator {
+  display: none;
+}
+
+.popup-notification-button {
+  flex: 1;
+  min-width: 0;
+}
+
+.popup-notification-button[anonid="secondarybutton"][hidden="true"] ~ .popup-notification-button[default] {
+  flex: 1;
+}
+
+.popup-notification-button > .button-box {
+  padding: 0;
+}
+
+.popup-notification-dropmarker {
+  flex: none;
+  padding: 0 15px;
+}
+
+.popup-notification-dropmarker > .button-box > hbox {
+  display: none;
+}
+
+.popup-notification-dropmarker > .button-box > .button-menu-dropmarker {
+  /* This is to override the linux !important */
+  -moz-appearance: none !important;
+  display: -moz-box;
+  padding: 0;
+  margin: 0;
+}
diff --git a/comm/suite/themes/modern/global/plugins.css b/comm/suite/themes/modern/global/plugins.css
new file mode 100644
index 0000000000..ca612c13d2
--- /dev/null
+++ b/comm/suite/themes/modern/global/plugins.css
@@ -0,0 +1,101 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== plugins.css =====================================================
+   == Styles used by the about:plugins dialog.
+   ======================================================================= */
+
+body {
+  background-color: #FFFFFF;
+  color: #22262F;
+  font: message-box;
+  text-align: start;
+}
+
+a:link, a:visited, a:active {
+ color: #313063;
+}
+
+hr {
+ display: none;
+}
+
+div#outside {
+ text-align: justify;
+ width: 90%;
+ margin: 0 5%;
+}
+
+div#plugs {
+  text-align: center;
+  font-size: x-large;
+  font-weight: bold;
+  color: #5D616E;
+}
+
+div#noplugs {
+  font-size: large;
+  font-weight: bold;
+  color: #5D616E;
+}
+
+div#findmore {
+  margin-top: 2em;
+}
+
+div.plugname {
+  margin-top: 2em;
+  margin-bottom: 1em;
+  font-size: large;
+  text-align: left;
+  font-weight: bold;
+  color: #5D616E;
+}
+
+dl {
+  margin: 0px 0px 3px;
+}
+
+table {
+  background-color: #C7D0D9;
+  color: #22262F;
+  font: message-box;
+  text-align: left;
+  width: 100%;
+  border: 1px solid #2D3B49;
+  border-spacing: 0px;
+}
+
+th {
+  text-align: center;
+  font-weight: bold;
+  background-color: #90A1B3;
+  color: #000000;
+}
+
+th + th,
+td + td {
+  border-left: 1px dotted #2D3B49; 
+}
+
+td {
+  text-align: left;
+  border-top: 1px dotted #2D3B49;
+}
+
+th, td {
+  padding: 3px;
+}
+
+th.type, th.suff {
+  width: 20%;
+}
+
+th.desc {
+  width: 50%;
+}
+
+th.enabled {
+  width: 10%;
+}
+\ No newline at end of file
diff --git a/comm/suite/themes/modern/global/popup.css b/comm/suite/themes/modern/global/popup.css
new file mode 100644
index 0000000000..33250e6733
--- /dev/null
+++ b/comm/suite/themes/modern/global/popup.css
@@ -0,0 +1,104 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== popup.css =====================================================
+  == Styles used by the XUL popup & menupopup elements.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: popup/menupopup ::::: */
+
+.panel-arrowcontent,
+panel:not([type="arrow"]),
+menupopup,
+popup {
+  cursor: default;
+  border: 1px solid #7F8893;
+  min-width: 1px;
+  background-color: #DDE3EB;
+  color: #22262F;
+}
+
+menupopup > menu > menupopup,
+popup > menu > menupopup {
+  margin: -2px;
+}
+
+/* Ideally we would set and forget a -16px margin around the entire panel.
+   Unfortunately this makes the panel code think we're hiding the anchor,
+   and it reacts by turning the arrow off. So instead we have to turn off
+   the 16px border on the appropriate side of the arrow. */
+panel[type="arrow"][side="top"],
+panel[type="arrow"][side="bottom"] {
+  margin: 0px -16px;
+}
+
+panel[type="arrow"][side="left"],
+panel[type="arrow"][side="right"] {
+  margin: -16px 0px;
+}
+
+/* The arrow is empty, but it has equal triangular borders on all four sides.
+   We just have to turn on the border on the side touching the content. */
+.panel-arrow {
+  border: 16px solid transparent;
+}
+
+.panel-arrow[side="top"] {
+  border-top-style: none;
+  border-bottom-color: #7F8893;
+}
+
+.panel-arrow[side="bottom"] {
+  border-bottom-style: none;
+  border-top-color: #7F8893;
+}
+
+.panel-arrow[side="left"] {
+  border-left-style: none;
+  border-right-color: #7F8893;
+}
+
+.panel-arrow[side="right"] {
+  border-right-style: none;
+  border-left-color: #7F8893;
+}
+
+/* ::::: tooltip ::::: */
+
+tooltip {
+  margin-top: 21px;
+  border: 1px solid #000000;
+  padding: 2px 3px;
+  max-width: 40em;
+  background-color: #FFFFE7;
+  color: #000000;
+  font: message-box;
+}
+
+tooltip[titletip="true"] {
+  /* See bug 32157 comment 128
+   * margin-top: -2px;
+   * margin-bottom: 0px;
+   * margin-inline-start: -4px;
+   * margin-inline-end: 0px;
+   */
+  max-width: none;
+}
+
+/* ::::: menulist popup :::::: */
+
+menulist > menupopup,
+.menulist-menupopup {
+  border-width: 1px;
+  border-color: #000000;
+  padding: 0px;
+  min-width: 0px;
+}
+
+menupopup > menu > .menulist-menupopup,
+popup > menu > .menulist-menupopup {
+  margin: -1px;
+}
diff --git a/comm/suite/themes/modern/global/preferences.css b/comm/suite/themes/modern/global/preferences.css
new file mode 100644
index 0000000000..49450a6ef7
--- /dev/null
+++ b/comm/suite/themes/modern/global/preferences.css
@@ -0,0 +1,65 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== preferences.css =====================================================
+  == Styles used by the XUL prefwindow element.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: dialog ::::: */
+
+prefwindow {
+  padding: 0px;
+}
+
+prefwindow[type="child"] {
+  padding: 7px 5px 5px;
+}
+
+prefpane {
+  padding: 7px 5px 0px 5px;
+}
+
+prefwindow[type="child"] > prefpane {
+  padding: 0px;
+}
+
+.prefWindow-dlgbuttons {
+  padding: 0px 5px 5px;
+}
+
+prefwindow[type="child"] > .prefWindow-dlgbuttons {
+  padding: 0px;
+}
+
+radio[pane] {
+  margin: 0px 1px;
+  padding: 1px 3px;
+  min-width: 4.5em;
+  background-color: #FFFFFF;
+  color: #000000;
+}
+
+radio[pane][selected="true"] {
+  background-color: #C7D0D9;
+}
+
+radio[pane]:hover:active {
+  background-color: #90A1B3;
+  color: #FFFFFF;
+}
+
+.paneSelector {
+  border-bottom: 1px solid #2D3B49;
+  margin: 0px;
+  padding-inline-start: 10px;
+  background-color: #FFFFFF;
+  color: #000000;
+}
+
+.paneButtonIcon {
+  width: 32px;
+  height: 32px;
+}
diff --git a/comm/suite/themes/modern/global/printPageSetup.css b/comm/suite/themes/modern/global/printPageSetup.css
new file mode 100644
index 0000000000..7846c8b58e
--- /dev/null
+++ b/comm/suite/themes/modern/global/printPageSetup.css
@@ -0,0 +1,11 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+.portrait-page {
+  list-style-image: url("chrome://global/skin/icons/pg-portrait.png");
+}
+
+.landscape-page {
+  list-style-image: url("chrome://global/skin/icons/pg-landscape.png");
+}
diff --git a/comm/suite/themes/modern/global/printPreview.css b/comm/suite/themes/modern/global/printPreview.css
new file mode 100644
index 0000000000..2c416e51f1
--- /dev/null
+++ b/comm/suite/themes/modern/global/printPreview.css
@@ -0,0 +1,37 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ::::: print preview toolbar ::::: */
+
+/* ..... page navigation ..... */
+
+.home-arrow,
+.end-arrow:-moz-locale-dir(rtl) {
+  list-style-image: url("chrome://global/skin/arrow/arrow-lft-sharp-end.png");
+}
+
+.end-arrow,
+.home-arrow:-moz-locale-dir(rtl) {
+  list-style-image: url("chrome://global/skin/arrow/arrow-rit-sharp-end.png");
+}
+
+.previous-arrow,
+.next-arrow:-moz-locale-dir(rtl) {
+  list-style-image: url("chrome://global/skin/arrow/arrow-lft-sharp.png");
+}
+
+.next-arrow,
+.previous-arrow:-moz-locale-dir(rtl) {
+  list-style-image: url("chrome://global/skin/arrow/arrow-rit-sharp.png");
+}
+
+/* ..... orientation ..... */
+
+.toolbar-portrait-page {
+  list-style-image: url("chrome://global/skin/icons/pg-portrait-small.png");
+}
+
+.toolbar-landscape-page {
+  list-style-image: url("chrome://global/skin/icons/pg-landscape-small.png");
+}
diff --git a/comm/suite/themes/modern/global/progressmeter.css b/comm/suite/themes/modern/global/progressmeter.css
new file mode 100644
index 0000000000..ae44afec74
--- /dev/null
+++ b/comm/suite/themes/modern/global/progressmeter.css
@@ -0,0 +1,47 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== progressmeter.css ==============================================
+  == Styles used by the XUL progressmeter element.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: progressmeter ::::: */
+
+progressmeter {
+  margin: 2px 4px;
+  border: 1px solid;
+  border-top-color: #8997A1;
+  border-right-color: #C7D0D9;
+  border-bottom-color: #C7D0D9;
+  border-left-color: #8997A1;
+  min-width: 128px;
+  height: 14px;
+}
+
+progressmeter[mode="undetermined"] {
+  background: url("chrome://global/skin/progressmeter/progress-busy.png");
+}
+
+.progress-bar {
+  min-width: 0px;
+  background-color: #6B7B8D;
+}
+
+.progress-bar[mode="undetermined"],
+.progress-remainder[mode="undetermined"] {
+  visibility: hidden;
+}
+
+/* ::::: statusbar progressmeter ::::: */
+
+.progressmeter-statusbar {
+  margin: 0;
+  border-bottom-color: transparent;
+  border-top-color: #C7D0D9;
+  border-right-color: #8997A1;
+  border-left-color: #C7D0D9;
+}
+
diff --git a/comm/suite/themes/modern/global/progressmeter/progress-busy.gif b/comm/suite/themes/modern/global/progressmeter/progress-busy.gif
new file mode 100644
index 0000000000..acbf06931d
--- /dev/null
+++ b/comm/suite/themes/modern/global/progressmeter/progress-busy.gif
diff --git a/comm/suite/themes/modern/global/progressmeter/progress-busy.png b/comm/suite/themes/modern/global/progressmeter/progress-busy.png
new file mode 100644
index 0000000000..0c5dc994dc
--- /dev/null
+++ b/comm/suite/themes/modern/global/progressmeter/progress-busy.png
diff --git a/comm/suite/themes/modern/global/radio.css b/comm/suite/themes/modern/global/radio.css
new file mode 100644
index 0000000000..a9fb28856f
--- /dev/null
+++ b/comm/suite/themes/modern/global/radio.css
@@ -0,0 +1,72 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== radio.css ======================================================
+  == Styles used by the XUL radio element.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: radio ::::: */
+
+radio {
+  -moz-box-align: center;
+  margin: 0px 2px;
+  border: 2px solid transparent;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  padding-inline-start: 4px;
+  padding-inline-end: 2px;
+  border-radius: 4px 5px;
+}
+
+.radio-icon {
+  margin-inline-start: 2px;
+}
+
+.radio-text {
+  margin: 0px 2px !important;
+}
+
+/* ..... focused state ..... */
+
+radio[focused="true"] {
+  border-color: #98A5B2;
+}
+  
+/* ..... disabled state ..... */
+
+radio[disabled="true"] > .radio-label-box > .radio-label {
+  color: #8C99AB !important;
+}
+
+/* ::::: checkmark image ::::: */
+
+.radio-check {
+  width: 13px;
+  height: 13px;
+  list-style-image: url("chrome://global/skin/radio/radio.png");
+}
+
+radio:hover:active > .radio-check {
+  list-style-image: url("chrome://global/skin/radio/radio-act.png");
+}
+
+radio[disabled="true"] > .radio-check {
+  list-style-image: url("chrome://global/skin/radio/radio-dis.png") !important;
+}
+
+/* ..... checked state ..... */
+
+radio[selected] > .radio-check {
+  list-style-image: url("chrome://global/skin/radio/radio-check.png");
+}
+  
+radio[selected]:hover:active > .radio-check {
+  list-style-image: url("chrome://global/skin/radio/radio-act-check.png");  
+}
+
+radio[selected][disabled="true"] > .radio-check {
+  list-style-image: url("chrome://global/skin/radio/radio-dis-check.png") !important;
+}
diff --git a/comm/suite/themes/modern/global/radio/radio-act-check.gif b/comm/suite/themes/modern/global/radio/radio-act-check.gif
new file mode 100644
index 0000000000..a3ad23afdf
--- /dev/null
+++ b/comm/suite/themes/modern/global/radio/radio-act-check.gif
diff --git a/comm/suite/themes/modern/global/radio/radio-act-check.png b/comm/suite/themes/modern/global/radio/radio-act-check.png
new file mode 100644
index 0000000000..360c4370d4
--- /dev/null
+++ b/comm/suite/themes/modern/global/radio/radio-act-check.png
diff --git a/comm/suite/themes/modern/global/radio/radio-act.gif b/comm/suite/themes/modern/global/radio/radio-act.gif
new file mode 100644
index 0000000000..6acf3006e2
--- /dev/null
+++ b/comm/suite/themes/modern/global/radio/radio-act.gif
diff --git a/comm/suite/themes/modern/global/radio/radio-act.png b/comm/suite/themes/modern/global/radio/radio-act.png
new file mode 100644
index 0000000000..f8fe1cb595
--- /dev/null
+++ b/comm/suite/themes/modern/global/radio/radio-act.png
diff --git a/comm/suite/themes/modern/global/radio/radio-check.gif b/comm/suite/themes/modern/global/radio/radio-check.gif
new file mode 100644
index 0000000000..e3a534af41
--- /dev/null
+++ b/comm/suite/themes/modern/global/radio/radio-check.gif
diff --git a/comm/suite/themes/modern/global/radio/radio-check.png b/comm/suite/themes/modern/global/radio/radio-check.png
new file mode 100644
index 0000000000..69bffa6361
--- /dev/null
+++ b/comm/suite/themes/modern/global/radio/radio-check.png
diff --git a/comm/suite/themes/modern/global/radio/radio-dis-check.gif b/comm/suite/themes/modern/global/radio/radio-dis-check.gif
new file mode 100644
index 0000000000..fbec743564
--- /dev/null
+++ b/comm/suite/themes/modern/global/radio/radio-dis-check.gif
diff --git a/comm/suite/themes/modern/global/radio/radio-dis-check.png b/comm/suite/themes/modern/global/radio/radio-dis-check.png
new file mode 100644
index 0000000000..3fa12a37dd
--- /dev/null
+++ b/comm/suite/themes/modern/global/radio/radio-dis-check.png
diff --git a/comm/suite/themes/modern/global/radio/radio-dis.gif b/comm/suite/themes/modern/global/radio/radio-dis.gif
new file mode 100644
index 0000000000..1ccf4f060b
--- /dev/null
+++ b/comm/suite/themes/modern/global/radio/radio-dis.gif
diff --git a/comm/suite/themes/modern/global/radio/radio-dis.png b/comm/suite/themes/modern/global/radio/radio-dis.png
new file mode 100644
index 0000000000..e415e54871
--- /dev/null
+++ b/comm/suite/themes/modern/global/radio/radio-dis.png
diff --git a/comm/suite/themes/modern/global/radio/radio.gif b/comm/suite/themes/modern/global/radio/radio.gif
new file mode 100644
index 0000000000..abc479afa6
--- /dev/null
+++ b/comm/suite/themes/modern/global/radio/radio.gif
diff --git a/comm/suite/themes/modern/global/radio/radio.png b/comm/suite/themes/modern/global/radio/radio.png
new file mode 100644
index 0000000000..7d226f7341
--- /dev/null
+++ b/comm/suite/themes/modern/global/radio/radio.png
diff --git a/comm/suite/themes/modern/global/resizer.css b/comm/suite/themes/modern/global/resizer.css
new file mode 100644
index 0000000000..2242efc976
--- /dev/null
+++ b/comm/suite/themes/modern/global/resizer.css
@@ -0,0 +1,49 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@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 */
+
+/* This affects all resizers, even native anonymous ones. */
+resizer {
+  background-color: #B1BBC5;
+}
+
+resizer[dir="top"],
+resizer[dir="bottom"] {
+  cursor: ns-resize;
+}
+
+resizer[dir="left"],
+resizer[dir="right"] {
+  cursor: ew-resize;
+}
+
+resizer[dir="topleft"] {
+  cursor: nw-resize;
+}
+
+resizer[dir="bottomright"],
+resizer[dir="bottomend"]:-moz-locale-dir(ltr) {
+  background-image: url("chrome://global/skin/icons/resizer.png");
+  background-position: bottom right;
+  background-repeat: no-repeat;
+  cursor: se-resize;
+  width: 15px;
+  height: 15px;
+}
+
+resizer[dir="topright"] {
+  cursor: ne-resize;
+}
+
+resizer[dir="bottomleft"],
+resizer[dir="bottomend"]:-moz-locale-dir(rtl) {
+  background-image: url("chrome://global/skin/icons/resizer-rtl.png");
+  background-position: bottom left;
+  background-repeat: no-repeat;
+  cursor: sw-resize;
+  width: 15px;
+  height: 15px;
+}
diff --git a/comm/suite/themes/modern/global/richlistbox.css b/comm/suite/themes/modern/global/richlistbox.css
new file mode 100644
index 0000000000..b938b0005d
--- /dev/null
+++ b/comm/suite/themes/modern/global/richlistbox.css
@@ -0,0 +1,51 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== richlistbox.css ===================================================
+  == Styles used by XUL richlistbox-related elements.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: richlistbox ::::: */
+
+richlistbox {
+  /* -moz-appearance needed to override xul.css */
+  -moz-appearance: none !important;
+  margin: 2px 4px;
+  border: 1px solid #5D616E;
+  background-color: #FFFFFF;
+  color: #000000;
+}
+
+richlistbox[disabled="true"] {
+  color: #8C99AB;
+}
+
+/* ::::: richlistitem ::::: */
+
+richlistitem {
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+}
+
+richlistitem[selected="true"] {
+  background-color: #C7D0D9;
+  color: #000000;
+}
+
+richlistbox:focus > richlistitem[selected="true"] {
+  background-color: #424F63;
+  color: #FFFFFF;
+}
+
+richlistbox:focus > richlistitem[current="true"] {
+  border-top-color: #000000;
+  border-bottom-color: #000000;
+}
+
+richlistbox[seltype="multiple"]:focus > richlistitem[selected="true"][current="true"] {
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+}
diff --git a/comm/suite/themes/modern/global/scale.css b/comm/suite/themes/modern/global/scale.css
new file mode 100644
index 0000000000..e7863deaf7
--- /dev/null
+++ b/comm/suite/themes/modern/global/scale.css
@@ -0,0 +1,51 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== scale.css =================================================
+  == Styles used by XUL scale elements.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: scale ::::: */
+
+.scale-slider {
+  background: url("chrome://global/skin/scrollbar/slider-hrz.png") repeat-x;
+  border-left: 1px solid black;
+  border-right: 1px solid black;
+  margin: 2px 4px;
+  width: 100px;
+  height: 15px;
+}
+
+.scale-slider[orient="vertical"]
+{
+  background: url("chrome://global/skin/scrollbar/slider-vrt.png") repeat-y;
+  border-left: none;
+  border-right: none;
+  border-top: 1px solid black;
+  border-bottom: 1px solid black;
+  margin: 4px 2px;
+  width: 15px;
+  height: 100px;
+}
+
+/* ::::: scale thumb ::::: */
+
+.scale-thumb {
+  border: 1px solid #000000;
+  background-image: url("chrome://global/skin/scrollbar/thumb-hrz-grip.png");
+  min-width: 18px;
+}
+
+.scale-thumb[orient="vertical"] {
+  background-image: url("chrome://global/skin/scrollbar/thumb-vrt-grip.png");
+  min-height: 18px;
+  min-width: 0px;
+}
+
+.scale-thumb[disabled="true"] {
+  border-color: #000000;
+  background: #9CA8B4;
+}
diff --git a/comm/suite/themes/modern/global/scrollbar/btn-dn.gif b/comm/suite/themes/modern/global/scrollbar/btn-dn.gif
new file mode 100644
index 0000000000..ccd686cb8b
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/btn-dn.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/btn-dn.png b/comm/suite/themes/modern/global/scrollbar/btn-dn.png
new file mode 100644
index 0000000000..e26dcc597c
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/btn-dn.png
diff --git a/comm/suite/themes/modern/global/scrollbar/btn-lft.gif b/comm/suite/themes/modern/global/scrollbar/btn-lft.gif
new file mode 100644
index 0000000000..c0493ca918
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/btn-lft.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/btn-lft.png b/comm/suite/themes/modern/global/scrollbar/btn-lft.png
new file mode 100644
index 0000000000..d306dbb626
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/btn-lft.png
diff --git a/comm/suite/themes/modern/global/scrollbar/btn-rit.gif b/comm/suite/themes/modern/global/scrollbar/btn-rit.gif
new file mode 100644
index 0000000000..b23b771f27
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/btn-rit.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/btn-rit.png b/comm/suite/themes/modern/global/scrollbar/btn-rit.png
new file mode 100644
index 0000000000..e662e73090
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/btn-rit.png
diff --git a/comm/suite/themes/modern/global/scrollbar/btn-up.gif b/comm/suite/themes/modern/global/scrollbar/btn-up.gif
new file mode 100644
index 0000000000..97db3ed22f
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/btn-up.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/btn-up.png b/comm/suite/themes/modern/global/scrollbar/btn-up.png
new file mode 100644
index 0000000000..6888f3ed79
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/btn-up.png
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-btn-dn.gif b/comm/suite/themes/modern/global/scrollbar/mini-btn-dn.gif
new file mode 100644
index 0000000000..1f03248f07
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-btn-dn.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-btn-dn.png b/comm/suite/themes/modern/global/scrollbar/mini-btn-dn.png
new file mode 100644
index 0000000000..0855351197
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-btn-dn.png
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-btn-lft.gif b/comm/suite/themes/modern/global/scrollbar/mini-btn-lft.gif
new file mode 100644
index 0000000000..6f85443e2a
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-btn-lft.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-btn-lft.png b/comm/suite/themes/modern/global/scrollbar/mini-btn-lft.png
new file mode 100644
index 0000000000..14d44d7eea
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-btn-lft.png
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-btn-rit.gif b/comm/suite/themes/modern/global/scrollbar/mini-btn-rit.gif
new file mode 100644
index 0000000000..e8404bc185
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-btn-rit.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-btn-rit.png b/comm/suite/themes/modern/global/scrollbar/mini-btn-rit.png
new file mode 100644
index 0000000000..21f9e43779
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-btn-rit.png
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-btn-up.gif b/comm/suite/themes/modern/global/scrollbar/mini-btn-up.gif
new file mode 100644
index 0000000000..837c4369b5
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-btn-up.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-btn-up.png b/comm/suite/themes/modern/global/scrollbar/mini-btn-up.png
new file mode 100644
index 0000000000..0bbd83ba8f
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-btn-up.png
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-slider-hrz.gif b/comm/suite/themes/modern/global/scrollbar/mini-slider-hrz.gif
new file mode 100644
index 0000000000..bc391487c1
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-slider-hrz.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-slider-hrz.png b/comm/suite/themes/modern/global/scrollbar/mini-slider-hrz.png
new file mode 100644
index 0000000000..306a6c0dd4
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-slider-hrz.png
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-slider-vrt.gif b/comm/suite/themes/modern/global/scrollbar/mini-slider-vrt.gif
new file mode 100644
index 0000000000..09c5ac8a93
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-slider-vrt.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-slider-vrt.png b/comm/suite/themes/modern/global/scrollbar/mini-slider-vrt.png
new file mode 100644
index 0000000000..ff6b021b36
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-slider-vrt.png
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-thumb-hrz-grip.gif b/comm/suite/themes/modern/global/scrollbar/mini-thumb-hrz-grip.gif
new file mode 100644
index 0000000000..087219863e
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-thumb-hrz-grip.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-thumb-hrz-grip.png b/comm/suite/themes/modern/global/scrollbar/mini-thumb-hrz-grip.png
new file mode 100644
index 0000000000..0fcae98003
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-thumb-hrz-grip.png
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-thumb-vrt-grip.gif b/comm/suite/themes/modern/global/scrollbar/mini-thumb-vrt-grip.gif
new file mode 100644
index 0000000000..95073fcee9
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-thumb-vrt-grip.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/mini-thumb-vrt-grip.png b/comm/suite/themes/modern/global/scrollbar/mini-thumb-vrt-grip.png
new file mode 100644
index 0000000000..cafac1df0d
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/mini-thumb-vrt-grip.png
diff --git a/comm/suite/themes/modern/global/scrollbar/slider-hrz.gif b/comm/suite/themes/modern/global/scrollbar/slider-hrz.gif
new file mode 100644
index 0000000000..93a4d1a090
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/slider-hrz.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/slider-hrz.png b/comm/suite/themes/modern/global/scrollbar/slider-hrz.png
new file mode 100644
index 0000000000..8511a19a83
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/slider-hrz.png
diff --git a/comm/suite/themes/modern/global/scrollbar/slider-vrt.gif b/comm/suite/themes/modern/global/scrollbar/slider-vrt.gif
new file mode 100644
index 0000000000..9d85a0c774
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/slider-vrt.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/slider-vrt.png b/comm/suite/themes/modern/global/scrollbar/slider-vrt.png
new file mode 100644
index 0000000000..1641d0cbc2
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/slider-vrt.png
diff --git a/comm/suite/themes/modern/global/scrollbar/thumb-hrz-grip.gif b/comm/suite/themes/modern/global/scrollbar/thumb-hrz-grip.gif
new file mode 100644
index 0000000000..3e40a51b8e
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/thumb-hrz-grip.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/thumb-hrz-grip.png b/comm/suite/themes/modern/global/scrollbar/thumb-hrz-grip.png
new file mode 100644
index 0000000000..3e04533f68
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/thumb-hrz-grip.png
diff --git a/comm/suite/themes/modern/global/scrollbar/thumb-vrt-grip.gif b/comm/suite/themes/modern/global/scrollbar/thumb-vrt-grip.gif
new file mode 100644
index 0000000000..046e343a4e
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/thumb-vrt-grip.gif
diff --git a/comm/suite/themes/modern/global/scrollbar/thumb-vrt-grip.png b/comm/suite/themes/modern/global/scrollbar/thumb-vrt-grip.png
new file mode 100644
index 0000000000..9d6521b117
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbar/thumb-vrt-grip.png
diff --git a/comm/suite/themes/modern/global/scrollbars-mini.css b/comm/suite/themes/modern/global/scrollbars-mini.css
new file mode 100644
index 0000000000..a9591c60bf
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbars-mini.css
@@ -0,0 +1,108 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== scrollbars.css =================================================
+  == Styles used by XUL scrollbar-related elements.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+
+/* ::::: scrollbar ::::: */
+
+scrollbar {
+  -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
+  cursor: default;
+  min-width: 11px;
+  min-height: 11px;
+}
+
+/* ::::: square at the corner of two scrollbars ::::: */
+
+scrollcorner { 
+  -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar-base");
+  cursor: default;
+  background-color: #B1BBC5;
+}
+
+/* ::::: slider ::::: */
+
+slider {
+  background: url("chrome://global/skin/scrollbar/mini-slider-hrz.png") repeat-x;
+}
+
+slider[orient="vertical"] {
+  background: url("chrome://global/skin/scrollbar/mini-slider-vrt.png") repeat-y;
+}
+
+/* ::::: borders for thumb and buttons ::::: */
+
+thumb,
+scrollbarbutton {
+  border: 1px solid;
+  border-color: #000000;
+  background: #B1BBC5 50% 50% no-repeat;
+}
+
+thumb:active {
+  background-color: #C2CCD6;
+  border-color: #111111;
+}
+
+/* ::::: thumb (horizontal) ::::: */
+
+thumb {
+  background-image: url("chrome://global/skin/scrollbar/thumb-vrt-grip.png");
+}
+
+thumb[orient="horizontal"] {
+  background-image: url("chrome://global/skin/scrollbar/thumb-hrz-grip.png");
+}
+
+/* ::::: scrollbar button ::::: */
+
+scrollbarbutton {
+  width: 11px;
+  height: 14px;
+  max-width: 11px;
+  max-height: 14px;
+  -moz-box-flex: 1;
+}
+
+scrollbar[orient="horizontal"] > scrollbarbutton {
+  width: 14px;
+  height: 11px;
+  max-width: 14px;
+  max-height: 11px;
+}
+
+scrollbarbutton[disabled="true"],
+scrollbarbutton[active="true"],
+scrollbarbutton:hover:active {
+  border-left-width: 1px;
+  border-right-width: 1px;
+  border-color: #000000;
+  background-color: #9CA8B4;
+}
+
+/* ..... increment .... */
+
+scrollbarbutton[type="increment"] {
+  background-image: url("chrome://global/skin/scrollbar/mini-btn-rit.png")
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
+  background-image: url("chrome://global/skin/scrollbar/mini-btn-dn.png")
+}
+
+/* ..... decrement .... */
+
+scrollbarbutton[type="decrement"] {
+   background-image: url("chrome://global/skin/scrollbar/mini-btn-lft.png")
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
+   background-image: url("chrome://global/skin/scrollbar/mini-btn-up.png")
+}
+
diff --git a/comm/suite/themes/modern/global/scrollbars.css b/comm/suite/themes/modern/global/scrollbars.css
new file mode 100644
index 0000000000..64ce6a4f63
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbars.css
@@ -0,0 +1,192 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== scrollbars.css =================================================
+  == Styles used by XUL scrollbar-related elements.
+  ======================================================================= */
+
+@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 */
+
+/* ::::: scrollbar ::::: */
+
+scrollbar {
+  -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
+  cursor: default;
+}
+
+/* ::::: slider ::::: */
+
+slider {
+  min-width: 15px;
+  min-height: 15px;
+  background: url("chrome://global/skin/scrollbar/slider-hrz.png") repeat-x;
+}
+
+slider[orient="vertical"] {
+  background: url("chrome://global/skin/scrollbar/slider-vrt.png") repeat-y;
+}
+
+/* ::::: borders for thumb and buttons ::::: */
+
+thumb,
+scrollbarbutton {
+  border: 1px solid;
+  border-color: #000000;
+  background: #B1BBC5 50% 50% no-repeat;
+}
+
+thumb:active {
+  background-color: #C2CCD6;
+  border-color: #111111;
+}
+
+%ifdef MOZ_WIDGET_GTK
+scrollbarbutton[sbattr="scrollbar-up-bottom"],
+scrollbarbutton[sbattr="scrollbar-down-top"] {
+  display: none;
+}
+
+scrollbarbutton[sbattr="scrollbar-up-top"],
+scrollbarbutton[sbattr="scrollbar-down-bottom"] {
+  display: -moz-box !important;
+}
+%endif
+
+/* ::::: thumb (horizontal) ::::: */
+
+thumb {
+  min-height: 18px;
+  background-image: url("chrome://global/skin/scrollbar/thumb-vrt-grip.png");
+}
+
+thumb[orient="horizontal"] {
+  min-width: 18px;
+  background-image: url("chrome://global/skin/scrollbar/thumb-hrz-grip.png");
+}
+
+/* ::::: scrollbar button ::::: */
+
+scrollbarbutton {
+  width: 15px;
+  height: 15px;
+  max-width: 15px;
+  max-height: 15px;
+  -moz-box-flex: 1;
+}
+
+scrollbarbutton[disabled="true"],
+scrollbarbutton[active="true"],
+scrollbarbutton:hover:active {
+  border-color: #000000;
+  background-color: #9CA8B4;
+}
+
+/* ::::: square at the corner of two scrollbars ::::: */
+
+scrollcorner { 
+  -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar-base");
+  width: 15px;
+  cursor: default;
+  background-color: #B1BBC5;
+}
+
+/* ..... increment .... */
+
+scrollbarbutton[type="increment"] {
+  background-image: url("chrome://global/skin/scrollbar/btn-rit.png")
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
+  background-image: url("chrome://global/skin/scrollbar/btn-dn.png")
+}
+
+/* ..... decrement .... */
+
+scrollbarbutton[type="decrement"] {
+   background-image: url("chrome://global/skin/scrollbar/btn-lft.png")
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
+   background-image: url("chrome://global/skin/scrollbar/btn-up.png")
+}
+
+/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
+/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */
+/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
+@media print {
+
+  /* ::::: slider ::::: */
+
+  html|div slider {
+    height: 15px;
+    background: url("chrome://global/skin/scrollbar/slider-hrz.png") repeat-x;
+  }
+
+  html|div slider[orient="vertical"] {
+    width: 15px;
+    background: url("chrome://global/skin/scrollbar/slider-vrt.png") repeat-y;
+  }
+
+  /* ::::: borders for thumb and buttons ::::: */
+
+  html|div thumb,
+  html|div scrollbarbutton {
+    border: 1px solid;
+    border-color: #000000;
+    background: #B1BBC5 50% 50% no-repeat;
+  }
+
+  html|div thumb:active {
+    background-color: #C2CCD6;
+    border-color: #111111;
+  }
+
+  /* ::::: thumb (horizontal) ::::: */
+
+  html|div thumb {
+    min-height: 18px;
+    background-image: url("chrome://global/skin/scrollbar/thumb-vrt-grip.png");
+  }
+
+  html|div thumb[orient="horizontal"] {
+    min-width: 18px;
+    background-image: url("chrome://global/skin/scrollbar/thumb-hrz-grip.png");
+  }
+
+  /* ::::: scrollbar button ::::: */
+
+  html|div scrollbarbutton {
+    width: 15px;
+    height: 15px;
+  }
+
+  html|div scrollbarbutton[disabled="true"],
+  html|div scrollbarbutton[active="true"],   
+  html|div scrollbarbutton:hover:active {
+    border-color: #000000;
+    background-color: #9CA8B4;
+  }
+
+  /* ..... increment .... */
+
+  html|div scrollbarbutton[type="increment"] {
+    background-image: url("chrome://global/skin/scrollbar/btn-rit.png")
+  }
+
+  html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
+    background-image: url("chrome://global/skin/scrollbar/btn-dn.png")
+  }
+
+  /* ..... decrement .... */
+
+  html|div scrollbarbutton[type="decrement"] {
+     background-image: url("chrome://global/skin/scrollbar/btn-lft.png")
+  }
+
+  html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
+     background-image: url("chrome://global/skin/scrollbar/btn-up.png")
+  }
+
+}
diff --git a/comm/suite/themes/modern/global/scrollbox.css b/comm/suite/themes/modern/global/scrollbox.css
new file mode 100644
index 0000000000..10b5d417fe
--- /dev/null
+++ b/comm/suite/themes/modern/global/scrollbox.css
@@ -0,0 +1,95 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== arrowscrollbox.css =============================================
+  == Styles used by the XUL arrowscrollbox and related elements.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: auto-repeat button ::::: */
+
+autorepeatbutton {
+  -moz-box-align: center;
+  -moz-box-pack: center;
+  margin-top: 1px;
+  margin-bottom: 2px;
+  margin-inline-start: 1px;
+  margin-inline-end: 2px;
+  border: 1px solid transparent;
+  padding: 3px;
+}
+
+autorepeatbutton:not([disabled="true"]):hover {
+  margin: 1px;
+  border: 1px inset #A5B2C2;
+  padding-top: 4px;
+  padding-bottom: 3px;
+  padding-inline-start: 4px;
+  padding-inline-end: 3px;
+  background-color: #A5B2C2;
+}
+
+.scrollbutton-up,
+.scrollbutton-down {
+  -moz-box-align: center;
+  -moz-box-pack: center;
+}
+
+.scrollbutton-up > .toolbarbutton-text,
+.scrollbutton-down > .toolbarbutton-text {
+  display: none;
+}
+
+/* Vertical enabled */
+.autorepeatbutton-up,
+.scrollbutton-up {
+  list-style-image: url("chrome://global/skin/arrow/arrow-up.png")
+}
+
+.autorepeatbutton-down,
+.scrollbutton-down {
+  list-style-image: url("chrome://global/skin/arrow/arrow-dn.png")
+}
+
+/* Vertical disabled */
+.autorepeatbutton-up[disabled="true"],
+.scrollbutton-up[disabled="true"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.png");
+}
+
+.autorepeatbutton-down[disabled="true"],
+.scrollbutton-down[disabled="true"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.png");
+}
+
+/* Horizontal enabled */
+.autorepeatbutton-up[orient="horizontal"],
+.autorepeatbutton-down[orient="horizontal"]:-moz-locale-dir(rtl),
+.scrollbutton-up[orient="horizontal"],
+.scrollbutton-down[orient="horizontal"]:-moz-locale-dir(rtl) {
+  list-style-image: url("chrome://global/skin/arrow/arrow-lft.png");
+}
+
+.autorepeatbutton-down[orient="horizontal"],
+.autorepeatbutton-up[orient="horizontal"]:-moz-locale-dir(rtl),
+.scrollbutton-down[orient="horizontal"],
+.scrollbutton-up[orient="horizontal"]:-moz-locale-dir(rtl) {
+  list-style-image: url("chrome://global/skin/arrow/arrow-rit.png");
+}
+
+ /* Horizontal disabled */
+.autorepeatbutton-up[orient="horizontal"][disabled="true"],
+.autorepeatbutton-down[orient="horizontal"][disabled="true"]:-moz-locale-dir(rtl),
+.scrollbutton-up[orient="horizontal"][disabled="true"],
+.scrollbutton-down[orient="horizontal"][disabled="true"]:-moz-locale-dir(rtl) {
+  list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.png");
+}
+
+.autorepeatbutton-down[orient="horizontal"][disabled="true"],
+.autorepeatbutton-up[orient="horizontal"][disabled="true"]:-moz-locale-dir(rtl),
+.scrollbutton-down[orient="horizontal"][disabled="true"],
+.scrollbutton-up[orient="horizontal"][disabled="true"]:-moz-locale-dir(rtl) {
+  list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.png");
+}
diff --git a/comm/suite/themes/modern/global/splitter.css b/comm/suite/themes/modern/global/splitter.css
new file mode 100644
index 0000000000..4236334444
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter.css
@@ -0,0 +1,182 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== splitter.css ===================================================
+  == Styles used by the XUL splitter element.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: splitter (vertical) ::::: */
+
+splitter {
+  -moz-box-align: center;
+  -moz-box-pack: center;
+  cursor: ew-resize;
+  border-top: 1px solid #DFE5EF;
+  border-right: 1px solid #3B414F;
+  border-bottom: 1px solid #AAB4BF;
+  border-left: 1px solid #97A4B2;
+  min-width: 5px;
+  background-color: #C1CBD5;
+}
+
+splitter[state="collapsed"][collapse="before"],
+splitter[state="collapsed"][substate="before"],
+splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl),
+splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) {
+  cursor: e-resize;
+}
+
+splitter[state="collapsed"][collapse="after"],
+splitter[state="collapsed"][substate="after"],
+splitter[state="collapsed"][collapse="before"]:-moz-locale-dir(rtl),
+splitter[state="collapsed"][substate="before"]:-moz-locale-dir(rtl) {
+  cursor: w-resize;
+}
+
+/* ::::: splitter (horizontal) ::::: */
+
+splitter[orient="vertical"] {
+  cursor: ns-resize;
+  border-top: 1px solid #97A4B2;
+  border-right: 1px solid #AAB4BF;
+  border-bottom: 1px solid #3B414F;
+  border-left: 1px solid #DFE5EF;
+  min-width: 0;
+  min-height: 5px;
+}
+
+splitter[orient="vertical"][state="collapsed"][collapse="before"],
+splitter[orient="vertical"][state="collapsed"][substate="before"] {
+  cursor: s-resize;
+}
+
+splitter[orient="vertical"][state="collapsed"][collapse="after"],
+splitter[orient="vertical"][state="collapsed"][substate="after"] {
+  cursor: n-resize;
+}
+
+splitter[disabled="true"] {
+  cursor: default !important;
+}
+
+/* ::::: splitter grippy ::::: */
+
+grippy {
+  cursor: pointer;
+  margin: 0px;
+  min-width: 5px;
+  min-height: 50px;
+}
+
+splitter[orient="vertical"] > grippy {
+  margin: 0px;
+  min-width: 50px;
+  min-height: 5px;
+}
+
+/* ..... normal state ..... */
+
+/* vertical grippies */
+splitter[collapse="before"] > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-vrt-before.png");
+}
+
+splitter[collapse="before"]:hover:active > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-vrt-before-act.png");
+}
+
+splitter[collapse="before"] > grippy:hover:active {
+  background-image: url("chrome://global/skin/splitter/grip-vrt-before-act.png");
+}
+
+splitter[collapse="after"] > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-vrt-after.png");
+}
+
+splitter[collapse="after"]:hover:active > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-vrt-after-act.png");
+}
+
+splitter[collapse="after"] > grippy:hover:active {
+  background-image: url("chrome://global/skin/splitter/grip-vrt-after-act.png");
+}
+
+/* horizontal grippies */
+splitter[collapse="before"][orient="vertical"] > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-hrz-before.png");
+}
+
+splitter[collapse="before"][orient="vertical"]:hover:active > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-hrz-before-act.png");
+}
+
+splitter[collapse="before"][orient="vertical"] > grippy:hover:active {
+  background-image: url("chrome://global/skin/splitter/grip-hrz-before-act.png");
+}
+
+splitter[collapse="after"][orient="vertical"] > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-hrz-after.png");
+}
+
+splitter[collapse="after"][orient="vertical"]:hover:active > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-hrz-after-act.png");
+}
+
+splitter[collapse="after"][orient="vertical"] > grippy:hover:active {
+  background-image: url("chrome://global/skin/splitter/grip-hrz-after-act.png");
+}
+
+/* ..... collapsed state ..... */
+
+/* vertical grippies */
+splitter[collapse="before"][state="collapsed"] > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-vrt-after.png");
+}
+
+splitter[collapse="before"][state="collapsed"]:hover:active > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-vrt-after-act.png");
+}
+
+splitter[collapse="before"][state="collapsed"] > grippy:hover:active {
+  background-image: url("chrome://global/skin/splitter/grip-vrt-after-act.png");
+}
+
+splitter[collapse="after"][state="collapsed"] > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-vrt-before.png");
+}
+
+splitter[collapse="after"][state="collapsed"]:hover:active > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-vrt-before-act.png");
+}
+
+splitter[collapse="after"][state="collapsed"] > grippy:hover:active {
+  background-image: url("chrome://global/skin/splitter/grip-vrt-before-act.png");
+}
+
+/* horizontal grippies */
+splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-hrz-after.png");
+}
+
+splitter[collapse="before"][state="collapsed"][orient="vertical"]:hover:active > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-hrz-after-act.png");
+}
+
+splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy:hover:active {
+  background-image: url("chrome://global/skin/splitter/grip-hrz-after-act.png");
+}
+
+splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-hrz-before.png");
+}
+
+splitter[collapse="after"][state="collapsed"][orient="vertical"]:hover:active > grippy {
+  background-image: url("chrome://global/skin/splitter/grip-hrz-before-act.png");
+}
+
+splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy:hover:active {
+  background-image: url("chrome://global/skin/splitter/grip-hrz-before-act.png");
+}
diff --git a/comm/suite/themes/modern/global/splitter/grip-hrz-after-act.gif b/comm/suite/themes/modern/global/splitter/grip-hrz-after-act.gif
new file mode 100644
index 0000000000..700815a7a1
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-hrz-after-act.gif
diff --git a/comm/suite/themes/modern/global/splitter/grip-hrz-after-act.png b/comm/suite/themes/modern/global/splitter/grip-hrz-after-act.png
new file mode 100644
index 0000000000..3d907f8516
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-hrz-after-act.png
diff --git a/comm/suite/themes/modern/global/splitter/grip-hrz-after.gif b/comm/suite/themes/modern/global/splitter/grip-hrz-after.gif
new file mode 100644
index 0000000000..533e55399f
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-hrz-after.gif
diff --git a/comm/suite/themes/modern/global/splitter/grip-hrz-after.png b/comm/suite/themes/modern/global/splitter/grip-hrz-after.png
new file mode 100644
index 0000000000..b1d03f51c5
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-hrz-after.png
diff --git a/comm/suite/themes/modern/global/splitter/grip-hrz-before-act.gif b/comm/suite/themes/modern/global/splitter/grip-hrz-before-act.gif
new file mode 100644
index 0000000000..df08d29c0d
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-hrz-before-act.gif
diff --git a/comm/suite/themes/modern/global/splitter/grip-hrz-before-act.png b/comm/suite/themes/modern/global/splitter/grip-hrz-before-act.png
new file mode 100644
index 0000000000..f929149031
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-hrz-before-act.png
diff --git a/comm/suite/themes/modern/global/splitter/grip-hrz-before.gif b/comm/suite/themes/modern/global/splitter/grip-hrz-before.gif
new file mode 100644
index 0000000000..703bbafeff
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-hrz-before.gif
diff --git a/comm/suite/themes/modern/global/splitter/grip-hrz-before.png b/comm/suite/themes/modern/global/splitter/grip-hrz-before.png
new file mode 100644
index 0000000000..4b2e3d41e8
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-hrz-before.png
diff --git a/comm/suite/themes/modern/global/splitter/grip-vrt-after-act.gif b/comm/suite/themes/modern/global/splitter/grip-vrt-after-act.gif
new file mode 100644
index 0000000000..1fb624dbb0
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-vrt-after-act.gif
diff --git a/comm/suite/themes/modern/global/splitter/grip-vrt-after-act.png b/comm/suite/themes/modern/global/splitter/grip-vrt-after-act.png
new file mode 100644
index 0000000000..cbcd094da7
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-vrt-after-act.png
diff --git a/comm/suite/themes/modern/global/splitter/grip-vrt-after.gif b/comm/suite/themes/modern/global/splitter/grip-vrt-after.gif
new file mode 100644
index 0000000000..15ea90a20a
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-vrt-after.gif
diff --git a/comm/suite/themes/modern/global/splitter/grip-vrt-after.png b/comm/suite/themes/modern/global/splitter/grip-vrt-after.png
new file mode 100644
index 0000000000..c2f2ff0722
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-vrt-after.png
diff --git a/comm/suite/themes/modern/global/splitter/grip-vrt-before-act.gif b/comm/suite/themes/modern/global/splitter/grip-vrt-before-act.gif
new file mode 100644
index 0000000000..e06f8cbeef
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-vrt-before-act.gif
diff --git a/comm/suite/themes/modern/global/splitter/grip-vrt-before-act.png b/comm/suite/themes/modern/global/splitter/grip-vrt-before-act.png
new file mode 100644
index 0000000000..f17373c84d
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-vrt-before-act.png
diff --git a/comm/suite/themes/modern/global/splitter/grip-vrt-before.gif b/comm/suite/themes/modern/global/splitter/grip-vrt-before.gif
new file mode 100644
index 0000000000..0f08486e44
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-vrt-before.gif
diff --git a/comm/suite/themes/modern/global/splitter/grip-vrt-before.png b/comm/suite/themes/modern/global/splitter/grip-vrt-before.png
new file mode 100644
index 0000000000..99ebfb38e0
--- /dev/null
+++ b/comm/suite/themes/modern/global/splitter/grip-vrt-before.png
diff --git a/comm/suite/themes/modern/global/tabbox.css b/comm/suite/themes/modern/global/tabbox.css
new file mode 100644
index 0000000000..0e93163048
--- /dev/null
+++ b/comm/suite/themes/modern/global/tabbox.css
@@ -0,0 +1,123 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== tabbox.css =================================================
+  == Styles used by XUL tab-related elements.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: tabs ::::: */
+
+tabs {
+  -moz-box-align: end;
+}
+
+.tabs-left,
+.tabs-right {
+  border-bottom: 1px solid #000000;
+}
+
+/* ::::: tabpanels ::::: */
+
+tabpanels {
+  border-right: 1px solid #000000;
+  border-left: 1px solid #000000;
+  border-bottom: 1px solid #000000;
+  padding: 5px;
+  background-color: #C7D0D9;
+}
+
+/* ::::: tab ::::: */
+
+tab {
+  margin: 0px;
+  border: 1px solid #000000;
+  border-bottom-width: 1px;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+  padding: 1px 3px;
+  /*background-color: #8C9DAF;*/
+  background-color: #9CABBA;
+  color: #000000;
+  font: menu;
+}
+
+.tab-text {
+  margin: 0px !important;
+}
+
+.tab-image {
+  list-style-image: inherit;
+}
+
+/* ..... active state ..... */
+
+tab:hover:active {
+  border-top-color: #8190A5;
+  border-right-color: #8190A5;
+  border-left-color: #8190A5;
+  background-color: #8B9AAD;
+  color: #FFFFFF;
+}
+
+/* ..... selected state ..... */
+
+tab[selected="true"],
+tab[selected="true"]:hover:active {
+  border-top-color: #000000;
+  border-right-color: #000000;
+  border-bottom-color: transparent;
+  border-left-color: #000000;
+  background-color: #C7D0D9;
+  color: #000000;
+}
+
+/* ::::: tab-bottom ::::::::::
+   :: Tabs that are attached to the bottom of a panel, but not necessarily
+   :: a tabpanels.
+   ::::: */
+
+.tab-bottom {
+  border-top-color: #000000;
+  border-bottom-color: #000000;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.tab-bottom:hover:active {
+  border-top-color: #000000;
+  border-bottom-color: transparent;
+}
+   
+.tab-bottom[selected="true"] {
+  border-top-color: transparent !important;
+  border-bottom-color: #000000 !important;
+}
+
+tab:focus {
+  border-top-color: #000000;
+  border-left-color: #000000;
+  border-right-color: #000000;
+  border-bottom-color: #8190A5;
+}
+
+.tab-bottom > .tab-text {
+  font: message-box;
+  font-weight: bold;
+}
+   
+/* ::::: tabs-bottom ::::: */
+
+.tabs-bottom {
+  -moz-box-align: start;
+}
+
+.tabs-bottom > .tabs-left,
+.tabs-bottom > .tabs-right {
+  border-top: 1px solid #000000;
+  border-bottom: none;
+}
diff --git a/comm/suite/themes/modern/global/textbox.css b/comm/suite/themes/modern/global/textbox.css
new file mode 100644
index 0000000000..d0bae80b5a
--- /dev/null
+++ b/comm/suite/themes/modern/global/textbox.css
@@ -0,0 +1,120 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== textbox.css ==================================================
+  == Styles used by the XUL textbox element.
+  ======================================================================= */
+
+@import url("chrome://global/content/autocomplete.css");
+
+@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 */
+
+/* ::::: textbox ::::: */
+
+textbox {
+  margin: 2px 4px;
+  border: 1px solid;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  padding-inline-start: 2px;
+  padding-inline-end: 0px;
+  background-color: #FFFFFF;
+  color: #000000;
+  font: inherit;
+}
+
+html|*.textbox-input::placeholder,
+html|*.textbox-textarea::placeholder {
+  color: #999999;
+  opacity: 1.0;
+}
+
+textbox,
+textbox[readonly="true"][focused="true"] {
+  border-color: #5D616E;
+}
+
+html|*.textbox-input,
+html|*.textbox-textarea {
+  cursor: text;
+  margin: 0px !important;
+  border: none !important;
+  padding: 0px !important;
+  background-color: inherit;
+  color: inherit;
+  font: inherit;
+}
+
+/* ..... focused state ..... */
+
+textbox[focused="true"] {
+  border-color: #000000;
+}
+
+/* ..... disabled state ..... */
+
+textbox[disabled="true"] {
+  border-top-color: #98A5B2;
+  border-right-color: #F8FAFE;
+  border-bottom-color: #F8FAFE;
+  border-left-color: #BEC3D3;
+  background-color: #C7D0D9;
+  color: #999999;
+  cursor: default !important;
+}
+
+/* ..... readonly state ..... */
+
+textbox[readonly="true"] {
+  background-color: #C7D0D9;
+}
+
+/* ::::: plain textbox ::::: */
+
+textbox.plain {
+  background-color: transparent;
+  margin: 0px !important;
+  border: none !important;
+  padding: 0px !important;
+}
+
+/* ::::: search textbox ::::: */
+
+.textbox-search-icon {
+  list-style-image: url("chrome://global/skin/icons/search.png");
+}
+
+.textbox-search-clear {
+  list-style-image: url("chrome://global/skin/icons/closebox.png");
+}
+
+/* ::::: scrollable textbox ::::: */
+
+.scrollfield {
+  border: none !important;
+  margin: 0px;
+  margin-top: 1px;
+  padding: 0px !important;
+  background: inherit;
+}
+
+.scrollfield > .textbox-internal-box {
+  border: none !important;
+  margin: 0px !important;
+  padding: 0px !important;
+}
+
+/* ::::: inline-edit textbox ::::: */
+
+.textbox-inline-edit {
+  margin: 0px !important;
+  border: 1px solid #000000 !important;
+}
+
+/* ::::: textboxes inside toolbarpaletteitems ::::: */
+
+toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input {
+  visibility: hidden;
+}
diff --git a/comm/suite/themes/modern/global/toolbar.css b/comm/suite/themes/modern/global/toolbar.css
new file mode 100644
index 0000000000..483b986c93
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar.css
@@ -0,0 +1,186 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== toolbar.css ====================================================
+  == Styles used by XUL toolbar-related elements.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: toolbox ::::: */
+
+toolbox {
+  border-bottom: 1px solid #494F5D;
+}
+ 
+/* ::::: toolbar ::::: */
+
+toolbar {
+  min-width: 1px; /* DON'T DELETE!
+    Prevents hiding of scrollbars in browser when window is made smaller.*/
+  min-height: 22px;
+  background: #C7D0D9;
+  color: #000000;
+}
+
+toolbar > .toolbar-box > .toolbar-holder {
+  border-top: 1px solid #EEF0F3;
+  border-right: 1px solid #86929E;
+  border-bottom: 1px solid #86929E;
+}
+
+/* ::::: menubar ::::: */
+
+menubar,
+toolbar[type="menubar"] {
+  cursor: default;
+  min-width: 1px; /* DON'T DELETE!
+    Prevents hiding of scrollbars in browser when window is made smaller.*/
+  background-color: #DDE3EB;
+  color: #000000;
+}
+
+menubar > .toolbar-box > .toolbar-holder,
+toolbar[type="menubar"] > .toolbar-box > .toolbar-holder  {
+  border-top: 1px solid #EBF4FF;
+  border-right: 1px solid #86929E;
+  border-bottom: 1px solid #B9BFC7;
+  border-left: 1px solid #EEF4FC;
+}  
+
+toolbar > toolbaritem > menubar > .toolbar-box > .toolbar-holder {
+  border: 0px none;
+}
+
+/* ::::: toolbargrippy ::::: */
+ 
+toolbargrippy {
+  -moz-box-orient: vertical;
+  -moz-box-align: center;
+  -moz-box-pack: end;
+  -moz-box-direction: reverse;
+  border-top: 1px solid #EEF0F3;
+  border-right: 1px solid #86929E;
+  border-bottom: 1px solid #86929E;
+  border-left: 1px solid #EEF0F3;
+  list-style-image: url("chrome://global/skin/toolbar/tbgrip-arrow.png");
+}
+
+toolbargrippy:hover:active {
+  border-color: #67737E;
+  background-color: #9DA9B6;
+  list-style-image: url("chrome://global/skin/toolbar/tbgrip-arrow-act.png");
+}
+
+.toolbargrippy-arrow {
+  margin: 0px 1px 3px;
+  width: 8px;
+  height: 5px;
+}
+
+/* ::::: menubar grippy ::::: */
+
+toolbar[type="menubar"] > .toolbar-box > toolbargrippy,
+menubar > .toolbar-box > toolbargrippy {
+  border-top: 1px solid #EBF4FF;
+  border-right: 1px solid #B9BFC7;
+  border-bottom: 1px solid #B9BFC7;
+  border-left: 1px solid #F4FAFF;
+  background-color: #DDE3EB;
+  list-style-image: url("chrome://global/skin/toolbar/mbgrip-arrow.png");
+} 
+
+/* ::::: collapsed toolbargrippy and tray ::::: */
+  
+toolbargrippy[tbgrippy-collapsed="true"] {
+  -moz-box-orient: horizontal;
+  -moz-box-pack: start;
+  -moz-box-direction: normal;
+  width: 40px;
+  list-style-image: url("chrome://global/skin/toolbar/tbgrip-arrow-clps.png");
+}
+
+toolbargrippy[tbgrippy-collapsed="true"] > .toolbargrippy-arrow {
+  margin-top: 1px;
+  margin-bottom: 1px;
+  margin-inline-start: 3px;
+  margin-inline-end: 0px;
+  width: 5px;
+  height: 8px;
+}
+
+toolbargrippy[tbgrippy-collapsed="true"]:hover:active > .toolbargrippy-arrow {
+  list-style-image: url("chrome://global/skin/toolbar/tbgrip-arrow-clps-act.png");
+}
+
+.collapsed-tray-holder {
+  background-color: #C7D0D9;
+}
+
+/* ::::: toolbar decorations ::::: */
+
+toolbarseparator { 
+  margin: 0px 0.2em;
+  border-right: 1px solid #E2E7EB;
+  border-left: 1px solid #95A0AD;
+  width: 0px;
+}
+
+toolbarspacer {
+  width: 15px;
+}
+
+/* ::::: toolbarpaletteitem ::::: */
+
+toolbarpaletteitem {
+  cursor: grab;
+}
+
+.toolbarpaletteitem-box[type="spacer"],
+.toolbarpaletteitem-box[type="spring"] {
+  border: 1px solid #808080;
+  background-color: #F0F0F0 !important;
+}
+
+toolbarpaletteitem[place="toolbar"] > toolbarspacer {
+  width: 11px;
+}
+
+.toolbarpaletteitem-box[type="separator"][place="palette"] {
+  width: 2px;
+  height: 50px;
+}
+
+.toolbarpaletteitem-box[type="splitter"][place="palette"] {
+  width: 8px;
+  height: 50px;
+}
+
+.toolbarpaletteitem-box[type="spacer"][place="palette"],
+.toolbarpaletteitem-box[type="spring"][place="palette"] {
+  margin-bottom: 2px;
+  width: 50px;
+  height: 50px;
+}
+
+.toolbarpaletteitem-box[type="spring"][place] {
+  background: url("chrome://global/skin/toolbar/spring.png") no-repeat center;
+}
+
+/* ..... drag and drop feedback ..... */
+
+toolbarpaletteitem[place="toolbar"] {
+  margin-left: -2px;
+  margin-right: -2px;
+  border-left: 2px solid transparent;
+  border-right: 2px solid transparent;
+}
+
+toolbarpaletteitem[dragover="left"] {
+  border-left-color: #000000;
+}
+
+toolbarpaletteitem[dragover="right"] {
+  border-right-color: #000000;
+}
diff --git a/comm/suite/themes/modern/global/toolbar/chevron.gif b/comm/suite/themes/modern/global/toolbar/chevron.gif
new file mode 100644
index 0000000000..186aac9764
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/chevron.gif
diff --git a/comm/suite/themes/modern/global/toolbar/chevron.png b/comm/suite/themes/modern/global/toolbar/chevron.png
new file mode 100644
index 0000000000..7b7a9a1d9e
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/chevron.png
diff --git a/comm/suite/themes/modern/global/toolbar/mbgrip-arrow.gif b/comm/suite/themes/modern/global/toolbar/mbgrip-arrow.gif
new file mode 100644
index 0000000000..0b0715ca1d
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/mbgrip-arrow.gif
diff --git a/comm/suite/themes/modern/global/toolbar/mbgrip-arrow.png b/comm/suite/themes/modern/global/toolbar/mbgrip-arrow.png
new file mode 100644
index 0000000000..6e4828cb66
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/mbgrip-arrow.png
diff --git a/comm/suite/themes/modern/global/toolbar/spring.png b/comm/suite/themes/modern/global/toolbar/spring.png
new file mode 100644
index 0000000000..16ba2f6b1c
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/spring.png
diff --git a/comm/suite/themes/modern/global/toolbar/tb-mid.gif b/comm/suite/themes/modern/global/toolbar/tb-mid.gif
new file mode 100644
index 0000000000..b41b42b925
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/tb-mid.gif
diff --git a/comm/suite/themes/modern/global/toolbar/tb-mid.png b/comm/suite/themes/modern/global/toolbar/tb-mid.png
new file mode 100644
index 0000000000..ec36d448a4
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/tb-mid.png
diff --git a/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-act.gif b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-act.gif
new file mode 100644
index 0000000000..a7af50a254
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-act.gif
diff --git a/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-act.png b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-act.png
new file mode 100644
index 0000000000..23d527d458
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-act.png
diff --git a/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-clps-act.gif b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-clps-act.gif
new file mode 100644
index 0000000000..4e44940114
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-clps-act.gif
diff --git a/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-clps-act.png b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-clps-act.png
new file mode 100644
index 0000000000..4c277a704c
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-clps-act.png
diff --git a/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-clps.gif b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-clps.gif
new file mode 100644
index 0000000000..b7d879acfa
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-clps.gif
diff --git a/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-clps.png b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-clps.png
new file mode 100644
index 0000000000..52dca015bc
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow-clps.png
diff --git a/comm/suite/themes/modern/global/toolbar/tbgrip-arrow.gif b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow.gif
new file mode 100644
index 0000000000..cc4c647156
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow.gif
diff --git a/comm/suite/themes/modern/global/toolbar/tbgrip-arrow.png b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow.png
new file mode 100644
index 0000000000..e90a1c0a5a
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbar/tbgrip-arrow.png
diff --git a/comm/suite/themes/modern/global/toolbarbutton.css b/comm/suite/themes/modern/global/toolbarbutton.css
new file mode 100644
index 0000000000..1b0ba564fe
--- /dev/null
+++ b/comm/suite/themes/modern/global/toolbarbutton.css
@@ -0,0 +1,146 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== toolbarbutton.css ==============================================
+  == Styles used by XUL toolbarbutton elements.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: toolbarbutton ::::: */
+
+toolbarbutton {
+  -moz-box-align: center;
+  -moz-box-pack: center;
+  border: 1px solid transparent;
+  padding: 1px 2px;
+  font: message-box;
+}
+
+.toolbarbutton-icon[label]:not([label=""]),
+.toolbarbutton-icon[type="menu"] {
+  margin-inline-end: 2px;
+}
+
+.toolbarbutton-text {
+  margin: 0px !important;
+  text-align: center;
+}
+
+.tabbable {
+  -moz-user-focus: normal !important;
+}
+
+toolbarbutton:focus,
+toolbarbutton:hover {
+  border-top-color: #EEF0F3;
+  border-right-color: #86929E;
+  border-bottom-color: #86929E;
+  border-left-color: #EEF0F3;
+}
+
+toolbarbutton:hover:active,
+toolbarbutton[open="true"] {
+  border-top-color: #86929E;
+  border-right-color: #EEF0F3;
+  border-bottom-color: #EEF0F3;
+  border-left-color: #86929E;
+  padding-top: 2px;
+  padding-bottom: 0px;
+  padding-inline-start: 3px;
+  padding-inline-end: 1px;
+}
+
+toolbarbutton[disabled="true"] {
+  border-color: transparent !important;
+  padding: 1px 2px !important;
+  color: #9399AB !important;
+}
+
+/* ..... checked state ..... */
+
+toolbarbutton[checked="true"] {
+  border-top-color: #454C55 !important;
+  border-right-color: #7D848D !important;
+  border-bottom-color: #7D848D !important;
+  border-left-color: #454C55 !important;
+}
+
+toolbarbutton:not(.devtools-toolbarbutton)[checked="true"] {
+  background-color: #8C9AA8 !important;
+  color: #EFF1F4;
+}
+
+toolbarbutton[checked="true"]:hover:active {
+  padding: 1px 2px;
+}
+
+/* ::::: toolbarbutton menu ::::: */
+
+.toolbarbutton-menu-dropmarker {
+  list-style-image: url("chrome://global/skin/button/tbmenu-arrow.png");
+  -moz-image-region: auto; /* cut off inheritance */
+  padding: 0px;
+  border: none !important;
+  background-color: transparent !important;
+}
+
+.toolbarbutton-menu-dropmarker[disabled="true"] {
+  list-style-image: url("chrome://global/skin/button/tbmenu-arrow-dis.png");
+}
+
+.toolbarbutton-menu-dropmarker[open="true"] {
+  list-style-image: url("chrome://global/skin/button/tbmenu-arrow-act.png");
+}
+
+/* ::::: toolbarbutton menu-button ::::: */
+
+.toolbarbutton-menubutton-button {
+  font: inherit;
+}
+
+/* ..... dropmarker ..... */
+
+.toolbarbutton-menubutton-dropmarker {
+  -moz-box-align: center;
+  -moz-box-pack: center;
+  margin-top: 20px;
+  margin-bottom: 15px;
+  margin-inline-start: 40px;
+  margin-inline-end: 5px;
+  padding: 0px;
+  border: none !important;
+  background-color: transparent !important;
+  width: 13px;
+  height: 11px;
+  list-style-image: url("chrome://global/skin/button/tbmbtn-arrow.png");
+  -moz-image-region: auto; /* cut off inheritance */
+}
+
+toolbarbutton:hover > .toolbarbutton-menubutton-dropmarker,
+toolbarbutton:hover > stack > .toolbarbutton-menubutton-dropmarker {
+  list-style-image: url("chrome://global/skin/button/tbmbtn-arrow-hov.png");
+}
+
+toolbarbutton[open="true"] > .toolbarbutton-menubutton-dropmarker,
+toolbarbutton[open="true"] > stack > .toolbarbutton-menubutton-dropmarker {
+  list-style-image: url("chrome://global/skin/button/tbmbtn-arrow-act.png");
+}
+
+toolbarbutton[disabled="true"] > .toolbarbutton-menubutton-dropmarker,
+toolbarbutton[disabled="true"] > stack > .toolbarbutton-menubutton-dropmarker,
+toolbarbutton[disabled="true"]:hover > stack > .toolbarbutton-menubutton-dropmarker
+{
+  list-style-image: none;
+}
+
+/* ::::: Devtools toolbarbuttons ::::: */
+
+.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
+.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  margin-inline-start: 0px;
+  margin-inline-end: 0px;
+}
diff --git a/comm/suite/themes/modern/global/tree.css b/comm/suite/themes/modern/global/tree.css
new file mode 100644
index 0000000000..0acc157a7f
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree.css
@@ -0,0 +1,278 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== tree.css ===================================================
+  == Styles used by the XUL outline element.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: tree ::::: */
+
+tree {
+  margin: 0px 4px;
+  border: 1px solid #5D616E;
+  background-color: #FFFFFF;
+  color: #000000;
+}
+
+/* ::::: tree focusring ::::: */
+
+.focusring > .tree-stack > .tree-rows > .tree-bodybox {
+  border: 1px solid transparent;  
+}
+
+.focusring:focus > .tree-stack > .tree-rows > .tree-bodybox {
+  border: 1px solid #000000;
+}
+
+/* ::::: tree rows ::::: */
+
+treechildren::-moz-tree-row {
+  border: 1px solid transparent;
+  background-color: transparent;
+  min-height: 18px;
+  height: 1.3em;
+}
+
+/* ::::: alternating background ::::: */
+treechildren[alternatingbackground="true"]::-moz-tree-row(odd) {
+  background-color: #f3f3f3;
+}
+
+treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected),
+treechildren::-moz-tree-row(selected) {
+  background-color: #C7D0D9;
+}
+
+treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected, focus),
+treechildren::-moz-tree-row(selected, focus) {
+  background-color: #424F63;
+}
+
+treechildren::-moz-tree-row(current, focus) {
+  border-top-color: #000000;
+  border-bottom-color: #000000;
+}
+
+/* ::::: tree cells ::::: */
+
+treechildren::-moz-tree-cell {
+  padding: 0px 2px;
+}
+
+treechildren::-moz-tree-cell-text {
+  color: inherit;
+}
+
+treechildren::-moz-tree-cell-text(selected) {
+  color: #000000;
+}
+
+treechildren::-moz-tree-cell-text(selected, focus) {
+  color: #FFFFFF;
+}
+
+/* ::::: lines connecting cells ::::: */
+
+treechildren::-moz-tree-line {
+  border: 1px dotted #808080;
+}
+
+treechildren::-moz-tree-line(selected, focus) {
+  border: 1px dotted #FFFFFF;
+}
+
+/* ::::: tree separator ::::: */
+
+treechildren::-moz-tree-separator {
+  border-top: 1px solid #7A8490;
+  border-bottom: 1px solid #FEFEFE;
+}
+
+/* ::::: drop feedback ::::: */
+
+treechildren::-moz-tree-cell-text(primary, dropOn) {
+  background-color: #424F63;
+  color: #FFFFFF;
+}
+
+treechildren::-moz-tree-drop-feedback {
+  background-color: #424F63;
+  width: 50px;
+  height: 2px;
+  margin-inline-start: 5px;
+}
+
+/* ::::: tree checkbox ::::: */
+
+treechildren::-moz-tree-checkbox {
+  list-style-image: url("chrome://global/skin/tree/checkbox.png");
+}
+
+treechildren::-moz-tree-checkbox(checked) {
+  list-style-image: url("chrome://global/skin/tree/checkbox-checked.png");
+}
+
+/* ::::: tree progress meter ::::: */
+
+treechildren::-moz-tree-progressmeter {
+  margin: 2px 4px;
+  border: 1px solid;
+  border-top-color: #8997A1;
+  border-right-color: #C7D0D9;
+  border-bottom-color: #C7D0D9;
+  border-left-color: #8997A1;
+  color: #6B7B8D;
+}
+
+treechildren::-moz-tree-progressmeter(progressUndetermined) {
+  list-style-image: url("chrome://global/skin/progressmeter/progress-busy.png");
+}
+
+treechildren::-moz-tree-cell-text(progressmeter) {
+  margin: 2px 4px;
+ }
+
+/* ::::: tree columns ::::: */
+
+treecol,
+treecolpicker {
+  -moz-box-align: center;
+  -moz-box-pack: center;
+  border: 1px solid;
+  border-top-color: #C7D0D9;
+  border-right-color: #63676B;
+  border-bottom-color: #63676B;
+  border-left-color: #C7D0D9;
+  background-color: #C7D0D9;
+  color: #000000;
+  padding: 0px 4px;
+  min-width: 19px;
+}
+
+.treecol-image {
+  padding: 0px 1px;
+}
+
+.treecol-text {
+  margin: 0px !important;
+}
+
+treecol[hideheader="true"] {
+  border: none;
+  padding: 0;
+}
+
+/* ..... internal box ..... */
+
+treecol:hover:active,
+treecolpicker:hover:active {
+  border-top: 1px solid;
+  border-right: 1px solid;
+  border-bottom: 1px solid;
+  border-left: 2px solid;
+  border-color: #A5ABB0;
+  padding-top: 1px;
+  padding-bottom: 0px;
+  padding-inline-start: 5px;
+  padding-inline-end: 4px;
+}
+
+.treecol-image:hover:active {
+  padding-top: 1px;
+  padding-bottom: 0px;
+  padding-inline-start: 2px;
+  padding-inline-end: 1px;
+}
+
+/* ::::: column drag and drop styles ::::: */
+
+treecol[dragging="true"] {
+  border-top-color: #000000 !important;
+  border-right-color: #000000 !important;
+  border-bottom-color: #000000 !important;
+  border-left-color: #000000 !important;
+  background-color: #90A1B3 !important;
+  color: #FFFFFF !important;
+}
+
+treecol[insertafter="true"]:-moz-locale-dir(ltr),
+treecol[insertbefore="true"]:-moz-locale-dir(rtl) {
+  border-right-color: #000000;
+}
+
+treecol[insertafter="true"]:-moz-locale-dir(rtl),
+treecol[insertbefore="true"]:-moz-locale-dir(ltr) {
+  border-left-color: #000000;
+}
+
+treechildren::-moz-tree-column(insertbefore) {
+  border-inline-start: 1px solid #AAAAAA;
+}
+
+treechildren::-moz-tree-column(insertafter) {
+  border-inline-end: 1px solid #AAAAAA;
+}
+
+/* ::::: sort direction indicator :::::  */
+
+.treecol-sortdirection {
+  list-style-image: none;
+}
+
+.treecol-sortdirection[sortDirection="ascending"] {
+  list-style-image: url("chrome://global-platform/skin/tree/sort-asc.png");
+}
+
+.treecol-sortdirection[sortDirection="descending"] {
+  list-style-image: url("chrome://global-platform/skin/tree/sort-dsc.png");
+}
+
+/* ::::: column picker :::::  */
+
+.tree-columnpicker-icon {
+  list-style-image: url("chrome://global/skin/tree/columnpicker.png");
+}
+
+/* ::::: twisty :::::  */
+
+treechildren::-moz-tree-twisty {
+  padding-inline-end: 2px;
+  width: 10px; /* The image's width is 10 pixels */
+  list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
+}
+
+treechildren::-moz-tree-twisty(open) {
+  width: 10px; /* The image's width is 10 pixels */
+  list-style-image: url("chrome://global/skin/tree/twisty-open.png");
+}
+
+treechildren::-moz-tree-indentation {
+  width: 16px;
+}
+
+/* ::::: editable tree ::::: */
+
+treechildren::-moz-tree-row(selected, editing) {
+  background-color: transparent;
+}
+
+treechildren::-moz-tree-cell-text(selected, editing) {
+  color: inherit;
+}
+
+.tree-input {
+  -moz-appearance: none;
+  border-top-color: #C7D0D9;
+  border-bottom-color: #C7D0D9;
+  border-left-color: #C7D0D9;
+  border-right-color: #C7D0D9;
+  border: 1px solid #C7D0D9;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  margin-inline-start: -4px;
+  margin-inline-end: 0px;
+  padding: 1px;
+}
diff --git a/comm/suite/themes/modern/global/tree/checkbox-checked.gif b/comm/suite/themes/modern/global/tree/checkbox-checked.gif
new file mode 100644
index 0000000000..f9fa6338de
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree/checkbox-checked.gif
diff --git a/comm/suite/themes/modern/global/tree/checkbox-checked.png b/comm/suite/themes/modern/global/tree/checkbox-checked.png
new file mode 100644
index 0000000000..bae3ab8cc7
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree/checkbox-checked.png
diff --git a/comm/suite/themes/modern/global/tree/checkbox.gif b/comm/suite/themes/modern/global/tree/checkbox.gif
new file mode 100644
index 0000000000..4b6110c037
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree/checkbox.gif
diff --git a/comm/suite/themes/modern/global/tree/checkbox.png b/comm/suite/themes/modern/global/tree/checkbox.png
new file mode 100644
index 0000000000..541c2f6374
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree/checkbox.png
diff --git a/comm/suite/themes/modern/global/tree/columnpicker.gif b/comm/suite/themes/modern/global/tree/columnpicker.gif
new file mode 100644
index 0000000000..a4ef0d6080
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree/columnpicker.gif
diff --git a/comm/suite/themes/modern/global/tree/columnpicker.png b/comm/suite/themes/modern/global/tree/columnpicker.png
new file mode 100644
index 0000000000..6ba273a2fc
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree/columnpicker.png
diff --git a/comm/suite/themes/modern/global/tree/sort-asc.gif b/comm/suite/themes/modern/global/tree/sort-asc.gif
new file mode 100644
index 0000000000..5e13c7398f
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree/sort-asc.gif
diff --git a/comm/suite/themes/modern/global/tree/sort-asc.png b/comm/suite/themes/modern/global/tree/sort-asc.png
new file mode 100644
index 0000000000..4dc365f1fe
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree/sort-asc.png
diff --git a/comm/suite/themes/modern/global/tree/sort-dsc.gif b/comm/suite/themes/modern/global/tree/sort-dsc.gif
new file mode 100644
index 0000000000..fa957ac1e7
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree/sort-dsc.gif
diff --git a/comm/suite/themes/modern/global/tree/sort-dsc.png b/comm/suite/themes/modern/global/tree/sort-dsc.png
new file mode 100644
index 0000000000..a24720dc1b
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree/sort-dsc.png
diff --git a/comm/suite/themes/modern/global/tree/twisty-clsd.gif b/comm/suite/themes/modern/global/tree/twisty-clsd.gif
new file mode 100644
index 0000000000..3efbd5b2d7
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree/twisty-clsd.gif
diff --git a/comm/suite/themes/modern/global/tree/twisty-clsd.png b/comm/suite/themes/modern/global/tree/twisty-clsd.png
new file mode 100644
index 0000000000..df1ab82608
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree/twisty-clsd.png
diff --git a/comm/suite/themes/modern/global/tree/twisty-open.gif b/comm/suite/themes/modern/global/tree/twisty-open.gif
new file mode 100644
index 0000000000..2117e5ff70
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree/twisty-open.gif
diff --git a/comm/suite/themes/modern/global/tree/twisty-open.png b/comm/suite/themes/modern/global/tree/twisty-open.png
new file mode 100644
index 0000000000..955ebed9e3
--- /dev/null
+++ b/comm/suite/themes/modern/global/tree/twisty-open.png
diff --git a/comm/suite/themes/modern/global/wizard.css b/comm/suite/themes/modern/global/wizard.css
new file mode 100644
index 0000000000..62f3b010e8
--- /dev/null
+++ b/comm/suite/themes/modern/global/wizard.css
@@ -0,0 +1,58 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== wizard.css =====================================================
+  == Styles used by the wizards which contains buttons for stepping
+  == through a wizard.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+.wizard-header {
+  border-top: 1px solid #94AACE;
+  border-bottom: 1px solid #000000;
+  padding: 10px 0px;
+  background-color: #5B7693;
+  color: #ffffff;
+}
+
+.wizard-header-description[value=""] {
+  display: none;
+}
+
+.wizard-header-label {
+  margin-inline-start: 23px !important;
+  font-weight: bold;
+}
+
+.wizard-header-description {
+  margin-inline-start: 44px !important;
+}
+
+wizard[branded="true"] .wizard-header-icon {
+  list-style-image: url("chrome://branding/content/icon48.png");
+  margin-inline-end: 5px;
+}
+
+.wizard-page-box {
+  margin: 10px 44px;
+}
+
+.wizard-buttons-separator {
+  margin-bottom: 0px !important;
+}
+
+.wizard-buttons-box-2,
+.wizard-buttons-btm {
+  padding: 5px;
+}
+
+.wizard-button[dlgtype="finish"],
+.wizard-button[dlgtype="next"] {
+  margin-inline-start: 0px;
+}
+
+.wizard-button[dlgtype="back"] {
+  margin-inline-end: 0px;
+}
author	Daniel Baumann <daniel.baumann@progress-linux.org>	2024-04-07 17:32:43 +0000
committer	Daniel Baumann <daniel.baumann@progress-linux.org>	2024-04-07 17:32:43 +0000
commit	6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch)
tree	a68f146d7fa01f0134297619fbe7e33db084e0aa /comm/suite/themes/modern/global
parent	Initial commit. (diff)
download	thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.tar.xz thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.zip