#content h1, #content h2
{
  font-size: 16px;
}

#content .sprite
{
  background-image: url(../img/sprite-index.png);
}

#abb-banner
{
  background-color: #ffffff;
  display: none;
  padding: 50px 40px 40px 40px;
  margin-bottom: 30px;
  text-align: center;
}

#abb-banner h2
{
  font-size: 28px;
  font-weight: bold;
  color: #333333;
  margin: 0px;
}

#abb-banner img
{
  margin: 30px 0px 40px 0px;
  width: 40%;
  min-width: 200px;
}

#abb-banner a
{
  display: none;
  padding: 20px;
  background-color: #2f8ecb;
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  border-radius: 5px;
}

#content.ua-android,
#content.ua-ios
{
  margin-top: 0px;
}

#content.ua-android #abb-banner,
#content.ua-ios #abb-banner,
#content.ua-android #abb-android-download,
#content.ua-ios #abb-ios-download
{
  display: block;
}

#content.ua-android #adblock-browser-notification,
#content.ua-ios #adblock-browser-notification
{
  display: none;
}

#main, #video
{
  display: inline-block;
  vertical-align: top; /* Fix for https://bugzil.la/1320660 */
}

#video, #maxthon-instruction, #edge-teaser
{
  background: #ffffff;
  padding: 10px;
  border: 1px solid #c9c9c9;
  box-shadow: 1px 1px 0 0 #dbdbdb;
}

#maxthon-instruction,
html[lang^="zh_"] #content.maxthon #video,
#content.maxthon #feature-free,
#feature-maxthon
{
  display: none;
}

html[lang^="zh_"] #content.maxthon #maxthon-instruction
{
  display: inline-block;
  padding: 0px;
}

#content.maxthon #feature-maxthon
{
  display: inline-block;
}

#summary h1, #summary h2
{
  font-weight: normal;
  margin: 0;
}

#summary h1
{
  font-size: 60px;
  line-height: 50px;
  margin-bottom: 8px;
}

#summary h2
{
  font-size: 22px;
  color: #d50215;
}

#summary ul
{
  list-style-type: none;
  margin: 10px 0px 16px 0px;
  padding-left: 40px;
  padding-right: 0px;
  color: #333333;
}

html[dir="rtl"] #summary ul
{
  padding-right: 40px;
  padding-left: 0px;
}

#summary li
{
  margin-bottom: 5px;
  line-height: 24px;
}

#summary li.emphasized
{
  font-weight: bold;
}

#summary li .sprite
{
  position: absolute;
  width: 12px;
  height: 11px;
  margin-top: 4px;
  margin-left: -17px;
  margin-right: 0px;
  background-image: url(../img/sprite-main.png);
  background-repeat: no-repeat;
  background-position: -166px 0px;
}

.license-note
{
  display: none;
  font-weight: normal;
}

html[dir="rtl"] #summary li .sprite
{
  margin-right: -17px;
  margin-left: 0px;
}

#content h3.edge-message,
#content h3.edge-message a
{
  color: #2d79c0;
  font-size: 20px;
}

#terms-message,
#terms-message a
{
  font-size: 12px;
}

/* This cannot be just .install-button because a:link will have a higher
   specificity otherwise (overrides text color) */
#install .install-button
{
  display: none;
  position: relative;
  width: 305px;
  height: 50px;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  line-height: 50px;
  background: #c4c4c4;
  background: -webkit-linear-gradient(top, #c4c4c4, #9e9e9e);
  background: -moz-linear-gradient(top, #c4c4c4, #9e9e9e);
  background: -ms-linear-gradient(top, #c4c4c4, #9e9e9e);
  background: -o-linear-gradient(top, #c4c4c4, #9e9e9e);
  background: linear-gradient(top, #c4c4c4, #9e9e9e);
  box-shadow: 0 1px 0 0 #6b6b6b, 0 2px 0 0 #757575;
  text-shadow: 2px 2px 2px #7a7a7a;
  border: none;
  border-radius: 3px;
  bottom: 6px;
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  -ms-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}

.install-button:hover
{
  box-shadow: 0px 2px 7px #6f6f6f, 0 1px 0 0 #6f6f6f;
}

.install-button:active
{
  background: #a2a2a2;
  background: -webkit-linear-gradient(bottom, #cacaca, #a2a2a2);
  background: -moz-linear-gradient(bottom, #cacaca, #a2a2a2);
  background: -ms-linear-gradient(bottom, #cacaca, #a2a2a2);
  background: -o-linear-gradient(bottom, #cacaca, #a2a2a2);
  background: linear-gradient(bottom, #cacaca, #a2a2a2);
  box-shadow: 0px 0px 7px #6f6f6f;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  bottom: 4px;
}

#content.android .install-button,
#content.firefox.ua-firefox .install-button,
#content.chrome.ua-chrome .install-button,
#content.opera.ua-opera .install-button,
#content.internet-explorer.ua-internet-explorer .install-button,
#content.safari.ua-safari .install-button,
#content.yandex-browser.ua-yandex-browser .install-button,
#content.edge.ua-edge .install-button,
/* IE6 fixes */
#content.firefox_ua-firefox .install-button,
#content.chrome_ua-chrome .install-button,
#content.opera_ua-opera .install-button,
#content.internet-explorer_ua-internet-explorer .install-button,
#content.safari_ua-safari .install-button,
#content.yandex-browser_ua-yandex-browser .install-button,
#content.edge_ua-edge .install-button
{
  background: #62c52b;
  background: -webkit-linear-gradient(top, #62c52b, #4f9d22);
  background: -moz-linear-gradient(top, #62c52b, #4f9d22);
  background: -ms-linear-gradient(top, #62c52b, #4f9d22);
  background: -o-linear-gradient(top, #62c52b, #4f9d22);
  background: linear-gradient(top, #62c52b, #4f9d22);
  box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422;
  text-shadow: 2px 2px 2px #327d14;
}

#content.android .install-button:hover,
#content.firefox.ua-firefox .install-button:hover,
#content.chrome.ua-chrome .install-button:hover,
#content.opera.ua-opera .install-button:hover,
#content.internet-explorer.ua-internet-explorer .install-button:hover,
#content.safari.ua-safari .install-button:hover,
#content.yandex-browser.ua-yandex-browser .install-button:hover,
#content.edge.ua-edge .install-button:hover,
/* IE6 fixes */
#content.firefox_ua-firefox .install-button:hover,
#content.chrome_ua-chrome .install-button:hover,
#content.opera_ua-opera .install-button:hover,
#content.internet-explorer_ua-internet-explorer .install-button:hover,
#content.safari_ua-safari .install-button:hover,
#content.yandex-browser_ua-yandex-browser .install-button:hover,
#content.edge_ua-edge .install-button:hover
{
  box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15;
}

#content.android .install-button:active,
#content.firefox.ua-firefox .install-button:active,
#content.chrome.ua-chrome .install-button:active,
#content.opera.ua-opera .install-button:active,
#content.internet-explorer.ua-internet-explorer .install-button:active,
#content.safari.ua-safari .install-button:active,
#content.yandex-browser.ua-yandex-browser .install-button:active,
#content.edge.ua-edge .install-button:active,
/* IE6 fixes */
#content.firefox_ua-firefox .install-button:active,
#content.chrome_ua-chrome .install-button:active,
#content.opera_ua-opera .install-button:active,
#content.internet-explorer_ua-internet-explorer .install-button:active,
#content.safari_ua-safari .install-button:active,
#content.yandex-browser_ua-yandex-browser .install-button:active,
#content.edge_ua-edge .install-button:active
{
  background: #4f9d22;
  background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22);
  background: -moz-linear-gradient(bottom, #62c52b, #4f9d22);
  background: -ms-linear-gradient(bottom, #62c52b, #4f9d22);
  background: -o-linear-gradient(bottom, #62c52b, #4f9d22);
  background: linear-gradient(bottom, #62c52b, #4f9d22);
  box-shadow: 0px 0px 7px #486c15;
}

#content.firefox #install-firefox, #content.chrome #install-chrome,
#content.opera #install-opera, #content.android #install-android,
#content.internet-explorer #install-internet-explorer,
#content.safari #install-safari,
#content.yandex-browser #install-yandex-browser,
#content.edge.edge-supported #install-edge
{
  display: inline-block;
}

#other-platform ul
{
  list-style: none;
  display: inline-block;
  margin: 0px;
  padding: 0;
  vertical-align: bottom;
}

html[dir="rtl"] #install ul
{
  margin: 0 5px 0 0;
}

#other-platform li
{
  display: inline-block;
  margin: 0 3px;
  font-size: 0;
}

#other-platform li a
{
  width: 19px;
  height: 20px;
}

#platform-firefox
{
  background-position: -108px -89px;
}

#information-android
{
  display: none;
}

#content.android #information-android
{
  display: block;
}

#content.firefox #platform-firefox
{
  background-position: -108px -68px;
}

#platform-chrome
{
  background-position: -88px -89px;
}

#content.chrome #platform-chrome
{
  background-position: -88px -68px;
}

#platform-android
{
  background-position: -68px -89px;
}

#content.android #platform-android
{
  background-position: -68px -68px;
}

#platform-opera
{
  background-position: -68px -131px;
}

#content.opera #platform-opera
{
  background-position: -68px -110px;
}

#platform-internet-explorer
{
  background-position: -108px -131px;
}

#content.internet-explorer #platform-internet-explorer
{
  background-position: -108px -110px;
}

#platform-safari
{
  background-position: -88px -131px;
}

#content.safari #platform-safari
{
  background-position: -88px -110px;
}

#platform-yandex-browser
{
  background-position: -128px -89px;
}

#content.yandex-browser #platform-yandex-browser
{
  background-position: -128px -68px;
}

#platform-maxthon
{
  background-position: -128px -130px;
}

#content.maxthon #platform-maxthon
{
  background-position: -128px -109px;
}

#platform-edge
{
  background-position: -68px -171px;
}

#content.edge #platform-edge
{
  background-position: -68px -151px;
}

#content h3.subscribe-header
{
  font-size: 18px;
  margin-bottom: 0px;
}

#other-platform > div,
#content.edge #video,
#edge-teaser,
h3.edge-message,
#content.edge.edge-supported h3.edge-message,
#content.edge.edge-supported #other-platform > div
{
  display: none;
}

#content.edge #other-platform > div,
#content.edge h3.edge-message
{
  display: block;
}

.warning-platform,
.disclaimer,
#maxthon-notification
{
  display: none;
  color: #D00;
  text-align: center;
  border: 1px solid #D00;
  padding: 5px;
  border-radius: 5px;
}

.disclaimer
{
  font-size: 14px;
  color: #000;
  text-align: left;
}

#content.ua-firefox .warning-platform.firefox,
#content.ua-chrome .warning-platform.chrome,
#content.ua-android .warning-platform.android,
#content.ua-opera .warning-platform.opera,
#content.ua-internet-explorer .warning-platform.internet-explorer,
#content.ua-safari .warning-platform.safari,
#content.ua-yandex-browser .warning-platform.yandex-browser,
#content.ua-maxthon .warning-platform.maxthon,
html[lang^="zh_"] #maxthon-notification
{
  display: block;
}

#content.firefox.ua-firefox .warning-platform.firefox,
#content.chrome.ua-chrome .warning-platform.chrome,
#content.android.ua-android .warning-platform.android,
#content.opera.ua-opera .warning-platform.opera,
#content.internet-explorer.ua-internet-explorer .warning-platform.internet-explorer,
#content.safari.ua-safari .warning-platform.safari,
#content.yandex-browser.ua-yandex-browser .warning-platform.yandex-browser,
#content.maxthon.ua-maxthon .warning-platform.maxthon,
#content.ua-maxthon #maxthon-notification,
#content.maxthon #maxthon-notification,
/* IE6 fixes */
#content.firefox_ua-firefox .warning-platform.firefox,
#content.chrome_ua-chrome .warning-platform.chrome,
#content.opera_ua-opera .warning-platform.opera,
#content.internet-explorer_ua-internet-explorer .warning-platform.internet-explorer,
#content.safari_ua-safari .warning-platform.safari,
#content.yandex-browser_ua-yandex-browser .warning-platform.yandex-browser,
#content.maxthon_ua-maxthon .warning-platform.maxthon
{
  display: none;
}

#key-facts section
{
  display: inline-block;
}

#key-facts section h1
{
  margin-top: 0px;
}

#key-facts section .sprite
{
  position: absolute;
  width: 67px;
  height: 67px;
  margin-top: 0px;
  margin-left: -80px;
  margin-right: 0px;
  border: none;
}

html[dir="rtl"] #key-facts section .sprite
{
  margin-right: -80px;
  margin-left: 0px;
}


#facts-open-source
{
  background-position: -68px 0px;
}

#facts-downloads
{
  background-position: 0px 0px;
}

#facts-privacy
{
  background-position: 0px -68px;
}

#key-facts
{
  margin-bottom: 40px;
}

#key-facts section p
{
  margin-bottom: 0px;
  font-size: 14px;
}

#key-facts section a
{
  font-size: 14px;
}

#footnote
{
  margin-top: 20px;
  text-align: start;
  color: #7d7d7d;
}

#footnote,
#footnote li,
#footnote a,
#footnote strong
{
  font-size: 11px;
}

#footnote li
{
  padding-bottom: 5px;
}

#footnote li:first-child
{
  padding-top: 5px;
}

#footnote ul
{
  margin: 0px;
  padding: 0px 30px;
}

#more-container
{
  *position: relative;
  margin-top: 40px;
}

#more, #less
{
  padding: 10px 0px;
  border: 0px;
  background-color: #dbd4c7;
}

#sidebar
{
  display: inline-block;
}

#more-tabs #sidebar button
{
  margin: 5px;
  padding: 4px 7px;
  font-size: 18px;
  border: 0px;
  border-radius: 4px;
  background-color: #eee8df;
}

.more-tab
{
  vertical-align: top;
}

#content .more-tab h2
{
  margin: 10px 0px;
  font-size: 30px;
  font-weight: normal;
}

.more-tab li
{
  margin-bottom: 10px;
}

.more-tab blockquote
{
  margin: 0px;
  font-style: italic;
}

#more, .more-tab
{
  display: none;
}

#less, #more-tabs
{
  display: inline-block;
}

#more-container.hidden #more
{
  display: inline-block;
}

#more-container.hidden #less,
#more-container.hidden #more-tabs
{
  display: none;
}

#more-container.firefox #tab-firefox,
#more-container.chrome #tab-chrome,
#more-container.opera #tab-opera,
#more-container.android #tab-android,
#more-container.internet-explorer #tab-internet-explorer,
#more-container.safari #tab-safari,
#more-container.yandex-browser #tab-yandex-browser,
#more-container.maxthon #tab-maxthon,
#more-container.edge #tab-edge
{
  display: inline-block;
}

#more-container.firefox #more-firefox,
#more-container.chrome #more-chrome,
#more-container.opera #more-opera,
#more-container.android #more-android,
#more-container.internet-explorer #more-internet-explorer,
#more-container.safari #more-safari,
#more-container.yandex-browser #more-yandex-browser,
#more-container.maxthon #more-maxthon
#more-container.edge #more-edge
{
  background-color: #dbd4c7;
}