#aboutDialog {
  width: 620px;
}

/* Official branding has Firefox logo on the left side of the window. 
   Nightly/aurora branding has background image applied to entire window. */
%ifdef MOZ_OFFICIAL_BRANDING
#clientBox {
  background-color: #F7F7F7;
  color: #222222;
}
%else
#aboutDialogContainer {
  background-image: url("chrome://branding/content/about-background.png");
  background-repeat: no-repeat;
  background-color: #000;
  color: #fff;
}

.text-link {
  color: #fff !important;
}
%endif

%ifdef MOZ_OFFICIAL_BRANDING
#leftBox {
  background-image: url("chrome://branding/content/about-logo.png");
  background-repeat: no-repeat;
  /* min-width and min-height create room for the logo */
  min-width: 210px;
  min-height: 210px;
  margin-top:20px;
  -moz-margin-start: 30px;
}
%endif

#rightBox {
  background-image: url("chrome://branding/content/about-wordmark.png");
  background-repeat: no-repeat;
  /* padding-top creates room for the wordmark */
  padding-top: 38px;
  margin-top:20px;
%ifdef MOZ_OFFICIAL_BRANDING
  margin-left: 30px;
  margin-right: 30px;
%else 
  /* this margin prevents text from overlapping the planet image */
  margin-left: 280px;
  margin-right: 20px;
%endif
}

#rightBox:-moz-locale-dir(rtl) {
  background-position: 100% 0;
}

#bottomBox {
  padding: 15px 10px 0;
%ifndef MOZ_OFFICIAL_BRANDING
  background-color: rgba(0,0,0,.7);
%endif
}

#version {
  margin-top: 10px;
  -moz-margin-start: 0;
}

#distribution,
#distributionId {
  font-weight: bold;
  display: none;
  margin-top: 0;
  margin-bottom: 0;
}

.text-blurb {
  margin-bottom: 10px;
  -moz-margin-start: 0;
  -moz-padding-start: 0;
}

#updateButton,
#updateDeck > hbox > label {
  -moz-margin-start: 0;
  -moz-padding-start: 0;
}

#updateDeck > hbox > label:not([class="text-link"]) {
  color: #909090;
  font-style:italic;
}

.update-throbber {
  width: 16px;
  min-height: 16px;
  -moz-margin-end: 3px;
  list-style-image: url("chrome://global/skin/icons/loading_16.png");
}

.trademark-label,
.text-link,
.text-link:focus {
  margin: 0px;
  padding: 0px;
}

.bottom-link,
.bottom-link:focus {
  text-align: center;
  margin: 0 40px;
}

/* we assume trademark text only appears in offical builds */
%ifdef MOZ_OFFICIAL_BRANDING
#trademark {
  font-size: xx-small;
  text-align: center;
  color: #999999;
  margin-top: 10px;
  margin-bottom: 10px;
}
%endif

#currentChannel {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

#channelSelector {
  margin-top: 10px;
}

#channelSelectorStart {
  -moz-margin-start: 0;
}

#channelMenulist {
  margin: 0;
}

.channel-description {
  margin: 10px 0;
}

#detailsBox,
#channelSelector,
.channel-description {
  -moz-transition: opacity 250ms;
}

#contentDeck:not([selectedIndex="0"]) > #detailsBox,
#contentDeck:not([selectedIndex="1"]) > #channelSelector,
#channelDescriptionDeck:not([selectedIndex="0"]) > #releaseDescription,
#channelDescriptionDeck:not([selectedIndex="1"]) > #betaDescription,
#channelDescriptionDeck:not([selectedIndex="2"]) > #auroraDescription {
  opacity: 0;
}
