+#developer-toolbar-toolbox-button {
+ -moz-image-region: rect(64px, 16px, 80px, 0);
+}
+
+/* Error counter */
+
+#developer-toolbar-toolbox-button[error-count]:before {
+ color: #000000;
+ min-width: 16px;
+ text-shadow: none;
+ background-color: #FF0000;
+ border-radius: 1px;
+ -moz-margin-end: 5px;
+}
+
+/* Social toolbar item */
+
+#social-provider-button {
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+#social-provider-button > .toolbarbutton-menu-dropmarker {
+ display: none;
+}
+
+#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1,
+#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .social-notification-container > .toolbarbutton-1 {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item {
+ margin-left: 5px;
+ margin-right: 5px;
+}
+
+.social-notification-container {
+ /* position:relative on .toolbarbutton-1 does not get position:absolute
+ to work as expected on .toolbarbutton-1 generated content. Placing a
+ simple container outside of .toolbarbutton-1 and setting position:relative
+ on the simple container however will work. */
+ position: relative;
+}
+
+.social-notification-container > .toolbarbutton-1[badge]:not([badge=""])::after {
+ /* The |content| property is set in the content stylesheet. */
+ font-size: 9px;
+ font-weight: bold;
+ padding: 0 1px;
+ color: #FF9F00;
+ background-color: #000000;
+ border: 1px solid #9C9CFF;
+ border-radius: 2px;
+ position: absolute;
+ top: 2px;
+ right: 2px;
+}
+
+#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > *|* > .social-notification-container > .toolbarbutton-1[badge]:not([badge=""])::after {
+ top: 7px;
+}
+
+.social-notification-container > .toolbarbutton-1[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
+ left: 2px;
+ right: auto;
+}
+
+#social-notification-icon-mentions {
+ background-color: #000000;
+ border-radius: 3px;
+ -moz-margin-start: 2px;
+}
+
+#social-notification-icon-mentions:hover {
+ background-color: #FFCF00;
+}
+
+#social-notification-icon-mentions[open="true"] {
+ background-color: #FF9F00;
+}
+
+#social-sidebar-splitter {
+ border: 0;
+}
+
+/* social toolbar provider menu */
+.social-statusarea-popup {
+ margin-top: 0;
+ margin-left: -12px;
+ margin-right: -12px;
+}
+
+.social-statusarea-user {
+ border-bottom: 1px solid #9C9CFF;
+ background-color: #000000;
+ color: #FF9F00;
+ position: relative;
+ cursor: pointer;
+}
+
+.social-statusarea-user-portrait {
+ width: 32px;
+ height: 32px;
+ border-radius: 2px;
+ margin: 10px;
+}
+
+.social-statusarea-loggedInStatus {
+ background: transparent;
+ border: none;
+ color: #3333FF;
+ min-width: 0;
+ margin: 0 6px;
+ list-style-image: none;
+}
+
+#social-statusarea-user[_moz-menuactive] > vbox > .social-statusarea-loggedInStatus {
+ text-decoration: underline;
+}
+
+.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+}
+
+.social-panel-frame {
+ border-radius: inherit;
+}
+
+.chat-status-icon {
+ max-height: 16px;
+ max-width: 16px;
+ padding: 0;
+}
+
+.chat-toolbarbutton {