+/*** header ***/
+
+#header {
+ height: 2em;
+ padding: 3px;
+ background-color: #A09090;
+}
+
+@media (max-width: 600px) {
+ #header-search {
+ width: 12em;
+ }
+}
+
+#header-utils-btn {
+ list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities");
+ margin-inline-end: 16px;
+}
+
+#header-utils-btn:hover,
+#header-utils-btn:hover:active,
+#header-utils-btn[open="true"] {
+ list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-hover");
+}
+
+#header-utils-btn > .button-box > .button-menu-dropmarker {
+ border: none;
+ background: transparent;
+}
+
+#header-utils-btn:hover > .button-box > .button-menu-dropmarker {
+ list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
+}
+
+.view-header {
+ margin: 0 48px;
+ background-color: #9C9CFF;
+ color: #000000;
+ border-radius: 8px;
+ padding: 0px 1em;
+ margin: 3px;
+}
+
+.header-button {
+}
+
+.header-button[disabled="true"] > .toolbarbutton-icon {
+}
+
+.header-button:not([disabled="true"]):hover,
+#header-utils-btn:not([disabled="true"]):hover {
+ cursor: pointer;
+}
+
+.header-button > .toolbarbutton-text {
+ display: none;
+}
+
+.nav-button {
+ list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
+}
+
+#forward-btn {
+ border-inline-start: none;
+}
+
+#back-btn:-moz-locale-dir(ltr),
+#forward-btn:-moz-locale-dir(rtl) {
+ -moz-image-region: rect(42px 25px 63px 0px);
+}
+
+#back-btn[disabled="true"]:-moz-locale-dir(ltr),
+#forward-btn[disabled="true"]:-moz-locale-dir(rtl) {
+ -moz-image-region: rect(42px 50px 63px 25px);
+}
+
+#back-btn:-moz-locale-dir(rtl),
+#forward-btn:-moz-locale-dir(ltr) {
+ -moz-image-region: rect(63px 25px 84px 0px);
+}
+
+#back-btn[disabled="true"]:-moz-locale-dir(rtl),
+#forward-btn[disabled="true"]:-moz-locale-dir(ltr) {
+ -moz-image-region: rect(63px 50px 84px 25px);
+}
+
+/*** sorters ***/
+
+.sort-controls {
+ border-right: 3px solid #000000;
+}
+
+.sorter {
+ border: none;
+ border-left: 3px solid #000000;
+ background-color: transparent;
+ color: #000000;
+ border-radius: 0;
+ margin: 0;
+ min-width: 12px !important;
+ -moz-box-direction: reverse;
+}
+.sorter:hover {
+ background-color: #FFCF00;