/* - This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this file,
   - You can obtain one at http://mozilla.org/MPL/2.0/. */

@import url("chrome://global/skin/inContentUI.css");

@namespace html "http://www.w3.org/1999/xhtml";

#header {
  margin-bottom: 18px;
}

.indent-small {
  -moz-margin-start: 10px;
}

caption {
  font-size: 1.667rem;
}

.main-content {
  max-width: 800px;
}

prefpane {
  padding: 0;
}

prefpane > .content-box {
  overflow: auto;
}

/* Category List */

#categories {
  -moz-appearance: none;
  border: none;
  -moz-margin-end: -1px;
  background-color: transparent;
  position: relative;
  margin-top: 31px;
}

.category {
  -moz-appearance: none;
  background-color: transparent;
  color: #FF9F00;
  padding: 10px 4px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  -moz-padding-end: 8px;
  -moz-box-align: center;
  overflow: hidden;
  min-height: 0;
  height: 52px;
}

.category:-moz-locale-dir(ltr) {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.category:-moz-locale-dir(rtl) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.category[selected] {
  background-color: #008484;
  color: #FFCF00;
  border-color: #9C9CFF;
  /* -moz-border-end-color: transparent; */
}

.category-name {
  font-size: 1.5rem;
  -moz-padding-end: 24px;
}

/* Maximize the size of the viewport when the window is small */
@media (max-width: 800px) {
  .category-name {
    display: none;
  }
}

.category-icon {
  width: 32px;
  height: 32px;
  margin: 0 6px;
  -moz-margin-start: 6px;
  -moz-margin-end: 5px;
  list-style-image: url("chrome://browser/skin/preferences/Options.png");
}

#category-general > .category-icon {
  -moz-image-region: rect(0, 32px, 32px, 0);
}

#category-content > .category-icon {
  -moz-image-region: rect(0, 96px,  32px, 64px)
}

#category-application > .category-icon {
  -moz-image-region: rect(0, 128px,  32px, 96px)
}

#category-privacy > .category-icon {
  -moz-image-region: rect(0, 160px,  32px, 128px)
}

#category-security > .category-icon {
  -moz-image-region: rect(0, 192px,  32px, 160px)
}

#category-advanced > .category-icon {
  -moz-image-region: rect(0, 224px, 32px, 192px)
}

#category-sync > .category-icon {
  list-style-image: url("chrome://browser/skin/preferences/Options-sync.png");
}

/* Applications Pane Styles */

#applications-content {
  padding: 15px;
}

#handlersView {
  border: none; /*1px solid #9C9CFF;*/
  margin: 0;
  overflow-y: auto;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#handersView > listheader > treecol {
  border-radius: 0;
}

#advancedPrefs {
  padding: 0; /* overrides preferences/preferences.css */
}

#advancedPrefs > tabs {
  -moz-padding-start: 5px;
}

#advancedPrefs > tabpanels {
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* XXX This style is for bug 740213 and should be removed once that
   bug has a solution. */
description > html|a {
  cursor: pointer;
}

/* XXX Styles Below can be removed once bug 660726 lands */
.nav-button {
  list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
}

#forward-btn {
  -moz-border-start: none;
}

#back-btn:-moz-locale-dir(ltr),
#forward-btn:-moz-locale-dir(rtl) {
  -moz-image-region: rect(42px 25px 63px 0px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#back-btn:not([disabled="true"]):hover:-moz-locale-dir(ltr),
#back-btn:not([disabled="true"]):hover:active:-moz-locale-dir(ltr),
#forward-btn:not([disabled="true"]):hover:-moz-locale-dir(rtl),
#forward-btn:not([disabled="true"]):hover:active:-moz-locale-dir(rtl) {
  -moz-image-region: rect(42px 75px 63px 50px);
}

#back-btn[disabled="true"]:-moz-locale-dir(ltr),
#forward-btn[disabled="true"]:-moz-locale-dir(rtl) {
  -moz-image-region: rect(42px 50px 63px 25px);
}

#back-btn:-moz-locale-dir(rtl),
#forward-btn:-moz-locale-dir(ltr) {
  -moz-image-region: rect(63px 25px 84px 0px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#back-btn:not([disabled="true"]):hover:-moz-locale-dir(rtl),
#back-btn:not([disabled="true"]):hover:active:-moz-locale-dir(rtl),
#forward-btn:not([disabled="true"]):hover:-moz-locale-dir(ltr),
#forward-btn:not([disabled="true"]):hover:active:-moz-locale-dir(ltr) {
  -moz-image-region: rect(63px 75px 84px 50px);
}

#back-btn[disabled="true"]:-moz-locale-dir(rtl),
#forward-btn[disabled="true"]:-moz-locale-dir(ltr) {
  -moz-image-region: rect(63px 50px 84px 25px);
}

.header-button {
}

.header-button:not([disabled="true"]):active:hover,
.header-button[open="true"] {
}

.header-button > .toolbarbutton-text {
  display: none;
}