+#extensionManager {
+ background-color: #CCD0DD;
+}
+
+#extensionsBox {
+ margin: 10px 10px 0px 10px;
+ min-width:1px;
+}
+
+richlistbox {
+ border: 1px inset #CCD0DD;
+ margin: 0;
+}
+
+#getMore {
+ text-align: right;
+}
+
+#resizerBox {
+margin-top: -12px;
+}
+
+#resizerBox resizer {
+ height: 10px;
+ max-height: 10px;
+}
+
+.notification-inner {
+ border: none;
+ border-bottom: 1px solid #9999CC;
+}
+
+/* Command Bar */
+#commandBarBottom {
+ margin: 10px 10px 5px 10px;
+ min-width: 1px;
+}
+
+#commandBarBottom button {
+ margin: 0;
+ list-style-image: url("chrome://mozapps/skin/extensions/actionbuttons.png");
+ -moz-margin-end: 5px;
+}
+
+#commandBarBottom button .button-icon {
+ margin-top: 0px;
+ margin-bottom: 0px;
+ -moz-margin-start: 0px;
+ -moz-margin-end: 5px;
+}
+
+#installFileButton, #installUpdatesAllButton {
+ -moz-image-region: rect(0px, 84px, 21px, 63px);
+}
+
+#installFileButton[disabled="true"],
+#installUpdatesAllButton[disabled="true"] {
+ -moz-image-region: rect(21px, 84px, 42px, 63px);
+}
+
+#checkUpdatesAllButton {
+ -moz-image-region: rect(0px, 63px, 21px, 42px);
+}
+#checkUpdatesAllButton[disabled="true"] {
+ -moz-image-region: rect(21px, 63px, 42px, 42px);
+}
+
+#restartAppButton {
+ -moz-image-region: rect(0px, 42px, 21px, 21px);
+}
+
+#restartAppButton[disabled="true"] {
+ -moz-image-region: rect(21px, 42px, 42px, 21px);
+}
+
+/* these skip/continue icons don't make sense. it's just a placeholder. */
+#skipDialogButton {
+ -moz-image-region: rect(0px, 42px, 21px, 21px);
+}
+
+#skipDialogButton[disabled="true"] {
+ -moz-image-region: rect(21px, 42px, 42px, 21px);
+}
+
+#continueDialogButton {
+ -moz-image-region: rect(0px, 42px, 21px, 21px);
+}
+
+#continueDialogButton[disabled="true"] {
+ -moz-image-region: rect(21px, 42px, 42px, 21px);
+}
+
+/* List Items */
+richlistitem {
+ padding-top: 6px;
+ padding-bottom: 6px;
+ -moz-padding-start: 7px;
+ -moz-padding-end: 7px;
+ min-height: 25px;
+ border-bottom: 1px dotted #666699;
+}
+
+richlistitem[isDisabled="true"] .addonIcon {
+ opacity: 0.3;
+}
+
+richlistitem[isDisabled="true"] {
+ color: #808080;
+}
+
+richlistitem[selected="true"] {
+ background-color: #CCD0DD;
+ color: #000000;
+}
+
+richlistbox[focused] richlistitem[selected="true"] {
+ background-color: #336699;
+ color: #FFFFFF;
+}
+
+richlistbox[focused] richlistitem[selected="true"][isDisabled="true"] {
+ background-color: #666699;
+ color: #FFFFFF;
+}
+
+.descriptionWrap {
+ margin-bottom: 2px;
+}
+
+richlistitem[selected="true"][opType="none"] .descriptionCrop {
+ display: none;
+}
+
+.addonName {
+ font-weight: bold;
+}
+
+.addonIcon {
+ -moz-margin-end: 2px;
+}
+
+.previewText {
+ font-size: larger;
+ font-weight: bold;
+ color: #000000;
+ text-align: center;
+}
+
+#themePreviewArea {
+ border: 1px inset #CCD0DD;
+ background-color: #FFFFFF;
+ color: #000000;
+ overflow: auto;
+ width: 0px;
+}
+
+#themeSplitter {
+ border-width: 0;
+}
+
+.addonIcon {
+ width: 32px;
+ max-width: 32px;
+ height: 32px;
+ max-height: 32px;
+}
+
+richlistitem .updateBadge,
+richlistitem .notifyBadge {
+ width: 16px;
+ height: 16px;
+ list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
+}
+
+richlistitem .updateBadge,
+richlistitem .notifyBadge {
+ margin-bottom: -3px;
+}
+
+richlistitem .updateBadge {
+ -moz-margin-end: -2px;
+}
+
+richlistitem .notifyBadge {
+ -moz-margin-start: -2px;
+}
+
+richlistitem[availableUpdateURL="none"] .updateBadge,
+.notifyBadge {
+ display: none;
+}
+
+richlistitem[compatible="false"] .notifyBadge,
+richlistitem[blocklisted="true"] .notifyBadge,
+richlistitem[satisfiesDependencies="false"] .notifyBadge {
+ display: -moz-box;
+}
+
+
+/* Selected Add-on buttons */
+.selectedButtons {
+ margin-top: 4px;
+ min-height: 2.1em;
+}
+
+.selectedButtons button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.optionsButton, .useThemeButton {
+ -moz-margin-end: 0;
+}
+
+.enableButton, .disableButton {
+ -moz-margin-start: 5px;
+ -moz-margin-end: 0;
+}
+
+.uninstallButton, .cancelUninstallButton {
+ -moz-margin-start: 5px;
+}
+
+.enableHide,
+.uninstallShow,
+richlistitem[isDisabled="true"] .disableHide {
+ display: none;
+}
+
+richlistitem[opType="needs-uninstall"] .uninstallShow,
+richlistitem[opType="needs-enable"] .enableShow,
+richlistitem[opType="needs-disable"] .disableShow,
+richlistitem[isDisabled="true"] .disableShow {
+ display: -moz-box;
+}
+
+richlistitem[opType="needs-uninstall"] .uninstallHide,
+richlistitem[opType="needs-enable"] .enableHide,
+richlistitem[opType="needs-disable"] .disableHide {
+ display: none;
+}
+
+richlistitem[type="2"] .themeButton,
+richlistitem[type="8"] .themeButton,
+richlistitem[type="16"] .themeButton,
+richlistitem[type="4"] .optionsButton,
+richlistitem[type="8"] .optionsButton,
+richlistitem[type="16"] .optionsButton,
+richlistitem[type="4"] .disableShow,
+richlistitem[type="4"] .disableHide {
+ display: none;
+}
+
+/* Selected Add-on status messages and images */
+richlistitem[compatible="true"] .incompatibleBox,
+richlistitem[satisfiesDependencies="true"] .needsDependenciesBox,
+richlistitem[blocklisted="false"] .blocklistedBox,
+richlistitem[opType="needs-uninstall"] .blocklistedBox,
+richlistitem[opType="needs-uninstall"] .incompatibleBox,
+richlistitem[opType="needs-uninstall"] .needsDependenciesBox,
+richlistitem[opType="needs-uninstall"] .blocklistedBox {
+ display: none;
+}
+
+richlistitem[opType="needs-uninstall"] .updateAvailableBox,
+richlistitem[availableUpdateURL="none"] .updateAvailableBox {
+ display: none;
+}
+
+richlistitem[loading="true"] .updateBadge {
+ display: -moz-box;
+ width: 16px;
+ height: 16px;
+ margin-bottom: -3px;
+ -moz-margin-end: -2px;
+ list-style-image: url("chrome://global/skin/icons/loading.gif");
+ -moz-image-region: auto;
+}
+
+.addonThrobber {
+ -moz-margin-start: 5px;
+ width: 16px;
+ height: 16px;
+ list-style-image: url("chrome://global/skin/icons/loading.gif");
+}
+
+.selectedStatusMsgs hbox {
+ margin-top: 2px;
+ margin-bottom: 2px;
+}
+
+.selectedStatusMsgs label {
+ font-weight: bold;
+}
+
+.selectedStatusMsgs label.text-link {
+ font-weight: normal;
+ border: none;
+}
+
+.needsInstall, .needsUninstall, .needsEnable, .needsDisable {
+ display: none;
+}
+
+richlistitem[opType="needs-install"] .needsInstall,
+richlistitem[opType="needs-uninstall"] .needsUninstall,
+richlistitem[opType="needs-enable"] .needsEnable,
+richlistitem[opType="needs-disable"] .needsDisable {
+ display: -moz-box;
+}
+
+richlistitem[opType="needs-uninstall"] .updateBadge,
+richlistitem[opType="needs-uninstall"] .notifyBadge {
+ display: none;
+}
+
+#progressBox {
+ padding: 5px 5px 5px 5px;
+}
+
+#progressBox > hbox {
+ -moz-box-align: center;
+}
+
+/* View buttons */
+.viewSelector {
+ border-bottom: 1px solid #9999CC;
+ margin: 0px;
+ -moz-padding-start: 10px;
+ background-color: #CCD0DD;
+ color: #000000;
+}
+
+#viewGroup radio {
+ margin: 0px 1px 0px 1px;
+ padding: 1px 3px 1px 3px;
+ min-width: 4.5em;
+ list-style-image: url("chrome://mozapps/skin/extensions/viewButtons.png");
+ border: 1px solid transparent;
+}
+
+#viewGroup radio:hover {
+ border: 1px outset #CCD0DD;
+}
+
+#viewGroup radio[selected="true"] {
+ border: 1px inset #CCD0DD;
+}
+
+.viewButtonIcon {
+ width: 32px;
+ height: 32px;
+}
+
+radio#extensions-view {
+ -moz-image-region: rect(0px, 32px, 32px, 0px)
+}
+
+radio#themes-view {
+ -moz-image-region: rect(0px, 64px, 32px, 32px)
+}
+
+radio#locales-view {
+ -moz-image-region: rect(0px, 96px, 32px, 64px)
+}
+
+radio#plugins-view {
+ -moz-image-region: rect(0px, 128px, 32px, 96px)
+}
+
+radio#updates-view {
+ -moz-image-region: rect(0px, 160px, 32px, 128px)
+}
+
+radio#installs-view {
+ -moz-image-region: rect(0px, 192px, 32px, 160px)
+}
+
+/* Update view checkbox */
+.includeUpdate {
+ -moz-user-focus: none;
+}
+
+richlistitem[selected="true"] .includeUpdate {
+ -moz-user-focus: normal;
+}