+.category-icon {
+ width: 32px;
+ height: 32px;
+ -moz-margin-start: 6px;
+}
+
+#category-search > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-search.png");
+}
+#category-discover > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png");
+}
+#category-languages > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
+}
+#category-searchengines > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png");
+}
+#category-extensions > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
+}
+#category-themes > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png");
+}
+#category-plugins > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png");
+}
+#category-availableUpdates > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
+}
+#category-recentUpdates > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png");
+}
+
+
+/*** header ***/
+
+#header {
+ margin-bottom: 20px;
+ height: 2em;
+}
+
+#header-name, #header-link {
+ color: #000000;
+}
+
+#header-name {
+ font-size: 180%;
+}
+
+#header-link {
+ -moz-appearance: none;
+ border: none;
+ background: transparent;
+ font-size: 120%;
+ cursor: pointer;
+ list-style-image: url("chrome://mozapps/skin/extensions/go-back.png");
+}
+
+#header-link .button-icon {
+ -moz-margin-end: 6px;
+}
+
+#header-searching {
+ list-style-image: url("chrome://global/skin/icons/loading.gif");
+}
+
+#header-utils-btn {
+ min-width: 4.5em;
+ list-style-image: url("chrome://mozapps/skin/extensions/utilities.png");
+}
+
+#header-utils-btn:hover,
+#header-utils-btn:hover:active,
+#header-utils-btn[open="true"] {
+ list-style-image: url("chrome://mozapps/skin/extensions/utilities-hover.png");
+}
+
+#header-utils-btn:-moz-focusring > .button-box {
+ border: none;
+}
+
+#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 {
+ border-radius: 8px;
+ padding: 0px 1em;
+ margin: 3px;
+}
+
+
+/*** sorters ***/
+
+.sort-controls {
+ -moz-appearance: none;
+ border-right: 3px solid #000000;
+}
+
+.sorter {
+ -moz-appearance: none;
+ border: none;
+ border-left: 3px solid #000000;
+ background-color: transparent;
+ color: #8050B0;
+ border-radius: 0;
+ padding: 0px 6px;
+ -moz-padding-start: 6px;
+ -moz-padding-end: 3px;
+ margin: 0px;
+ min-width: 12px !important;
+ -moz-box-direction: reverse;
+}
+.sorter:hover {
+ background-color: #FFCF00;
+ color: #000000;
+}
+
+.sorter[checkState="1"],
+.sorter[checkState="2"] {