@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

notification {
  padding: 4px 3px 5px;
}

notification[type="info"] {
  color: rgba(255,255,255,0.95);
  background: url("chrome://global/skin/notification/info-bar-background.png") #404040 repeat-x top left;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #2a2a2a;
}

notification[type="warning"] {
  color: rgba(0,0,0,0.95);
  background: url("chrome://global/skin/notification/warning-bar-background.png") #ffc703 repeat-x top left;
  border-top: 1px solid #ffe970;
  border-bottom: 1px solid #bf8a01;
}

notification[type="critical"] {
  color: rgba(255,255,255,0.95);
  background: url("chrome://global/skin/notification/critical-bar-background.png") #980000 repeat-x top left;
  border-top: 1px solid #e35959;
  border-bottom: 1px solid #5d0000;
}

.messageImage {
  width: 16px;
  height: 16px;
  margin: 0 4px;
}

/* Default icons for notifications */

notification[type="info"] .messageImage {
  list-style-image: url("chrome://global/skin/icons/information-16.png");
}

notification[type="warning"] .messageImage {
  list-style-image: url("chrome://global/skin/icons/warning-16.png");
}

notification[type="critical"] .messageImage {
  list-style-image: url("chrome://global/skin/icons/error-16.png");
}

.notification-inner {
  border: 0 !important;
}

.messageText {
  margin: 0 3px !important;
  padding: 0;
  font-weight: bold;
}

.messageCloseButton {
  -moz-appearance: none;
  padding: 2px;
  margin: 0 2px;
  list-style-image: url("chrome://global/skin/icons/closetab.png");
  -moz-image-region: rect(2px, 14px, 14px, 2px);
  border: none;
}

.messageCloseButton > .toolbarbutton-text {
  display: none;
}

.messageCloseButton > .toolbarbutton-icon {
  padding: 0;
}

.messageCloseButton:hover {
  list-style-image: url("chrome://global/skin/icons/closetab-hover.png");
}

.messageCloseButton:hover:active {
  list-style-image: url("chrome://global/skin/icons/closetab-active.png");
}

.messageCloseButton:focus > .toolbarbutton-icon {
  -moz-border-radius: 100%;
  -moz-box-shadow: 0 0 3px 3px -moz-mac-focusring;
}

/* geolocation adds a text-link for a "Learn more..." link.
   normal blue color of text-link is hard to read.
*/
notification[type="info"] .text-link {
  color: rgba(255,255,255,0.95)  !important;
}