+.click-to-play-plugins-notification-content {
+ margin: -10px;
+ border-radius: 4px;
+}
+
+.click-to-play-plugins-notification-icon-box {
+ background: #000000;
+ -moz-border-end: 1px solid #9C9CFF;
+ padding-top: 16px;
+ -moz-padding-end: 16px;
+ -moz-padding-start: 24px;
+}
+
+.click-to-play-plugins-notification-icon-box:-moz-locale-dir(ltr) {
+ border-bottom-left-radius: 4px;
+ border-top-left-radius: 4px;
+}
+
+.click-to-play-plugins-notification-icon-box:-moz-locale-dir(rtl) {
+ border-bottom-right-radius: 4px;
+ border-top-right-radius: 4px;
+}
+
+.click-to-play-plugins-notification-separator {
+ -moz-border-start: 1px solid #9C9CFF;
+ border-top: 1px solid #9C9CFF;
+}
+
+.click-to-play-plugins-notification-description-box {
+ border-bottom: 1px solid #9C9CFF;
+ -moz-border-start: 1px solid #9C9CFF;
+ padding-top: 12px;
+ -moz-padding-end: 11px;
+ padding-bottom: 9px;
+ -moz-padding-start: 10px;
+}
+
+.click-to-play-plugins-notification-center-box {
+ border-top: 1px solid #9C9CFF;
+ border-bottom: 1px solid #9C9CFF;
+ -moz-border-start: 1px solid #9C9CFF;
+ background-color: #000000;
+}
+
+.click-to-play-plugins-notification-button-container {
+ border-top: 1px solid #9C9CFF;
+ -moz-border-start: 1px solid #9C9CFF;
+ margin: 0px;
+ padding: 16px;
+}
+
+.center-item-box {
+ padding: 12px 16px 0px 16px;
+}
+
+.center-item-box[padbottom="true"] {
+ padding-bottom: 12px;
+}
+
+.center-item-icon {
+ background-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
+ background-repeat: no-repeat;
+ height: 16px;
+ width: 16px;
+ margin-bottom: 4px;
+}
+
+.center-item-box[warn="true"] {
+ background-color: #FFCF00;
+ color: #000000;
+ padding: 8px 16px 6px 16px;
+}
+
+.center-item-box[padbottom="true"][warn="true"] {
+ padding-bottom: 4px;
+}
+
+.center-item-box[showseparator="true"] {
+ border-top: 1px solid #9C9CFF;
+}
+
+.center-item-box[warn="false"] > .center-item-warning {
+ display: none;
+}
+
+.center-item-warning > .text-link {
+ color: #6868AA;
+}
+
+.center-item-warning > .text-link[href=""] {
+ display: none;
+}
+
+.center-item-warning-icon {
+ background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 15px;
+ margin-bottom: 4px;
+}
+
+.center-item-warning-description {
+ color: #828282;
+}
+
+.center-item-button {
+ min-width: 0;