/*
# -*- Mode: Java; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*-
# 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/.
*/

.windowDialog {
  padding: 12px;
  font: -moz-dialog;
}

.paneSelector {
  list-style-image: url("chrome://instantbird/skin/preferences/Options.png");
}

/* ----- GENERAL BUTTON ----- */

radio[pane=paneGeneral],
radio[pane=paneMain] {
	-moz-image-region: rect(0px, 32px, 32px, 0px)
}
radio[pane=paneGeneral]:active,
radio[pane=paneMain]:active:hover {
	-moz-image-region: rect(32px, 32px, 64px, 0px)
}

/* ----- TABS BUTTON ----- */

radio[pane=paneTabs] {
	-moz-image-region: rect(0px, 64px, 32px, 32px);
}

radio[pane=paneTabs]:active:hover {
	-moz-image-region: rect(32px, 64px, 64px, 32px);
}

/* ----- CONTENT BUTTON ----- */

radio[pane=paneContent] {
	-moz-image-region: rect(0px, 96px, 32px, 64px);
}

radio[pane=paneContent]:active:hover {
	-moz-image-region: rect(32px, 96px, 64px, 64px);
}

/* ----- APPLICATIONS BUTTON ----- */

radio[pane=paneApplications] {
	-moz-image-region: rect(0px, 128px, 32px, 96px);
}

radio[pane=paneApplications]:active:hover {
	-moz-image-region: rect(32px, 128px, 64px, 96px);
}

/* ----- PRIVACY BUTTON ----- */

radio[pane=panePrivacy] {
	-moz-image-region: rect(0px, 160px, 32px, 128px);
}

radio[pane=panePrivacy]:active:hover {
	-moz-image-region: rect(32px, 160px, 64px, 128px);
}

/* ----- THEMES BUTTON ----- */

radio[pane=paneThemes] {
	-moz-image-region: rect(0px, 192px, 32px, 160px);
}

radio[pane=paneThemes]:active:hover {
	-moz-image-region: rect(32px, 192px, 64px, 160px);
}

/* ----- ADVANCED BUTTON ----- */

radio[pane=paneAdvanced] {
	-moz-image-region: rect(0px, 224px, 32px, 192px);
}

radio[pane=paneAdvanced]:active:hover {
	-moz-image-region: rect(32px, 224px, 64px, 192px);
}

/* ----- Smileys preview ----- */
#BrowserPreferences[animated="true"] #smileysPreview {
  height: 25em;
}

#BrowserPreferences[animated="false"] #smileysPreview {
  -moz-box-flex: 1;
}

/* ----- APPLICATIONS PREFPANE ----- */
#BrowserPreferences[animated="true"] #handlersView {
  height: 25em;
}

#BrowserPreferences[animated="false"] #handlersView {
  -moz-box-flex: 1;
}

description {
  font: small-caption;
  font-weight: normal;
  line-height: 1.3em;
  margin-bottom: 4px !important;
}

prefpane .groupbox-body {
  -moz-appearance: none;
  padding: 8px 4px 4px 4px;
}

#paneTabs > groupbox {
  margin: 0;
}

#paneTabs > vbox {
  margin: 12px 4px;
}

prefpane .groupbox-title {
  background: url("chrome://global/skin/50pct_transparent_grey.png") repeat-x bottom left;
  margin-bottom: 4px;
}

tabpanels {
  padding: 20px 7px 7px;
}

caption {
  padding-inline-start: 5px;
  padding-top: 4px;
  padding-bottom: 2px;
}

#paneMain description,
#paneContent description,
#panePrivacy description,
#paneAdvanced description,
#paneThemes description {
  font: -moz-dialog;
}

#paneContent {
  padding-top: 8px;
}

#paneContent row {
  padding: 2px 4px;
  -moz-box-align: center;
}

#popupPolicyRow,
#enableSoftwareInstallRow,
#purpleConnectionBox,
#enableImagesRow {
  margin-bottom: 4px !important;
  padding-bottom: 4px !important;
  border-bottom: 1px solid #ccc;
}

#browserUseCurrent,
#browserUseBookmark,
#browserUseBlank {
  margin-top: 10px;
}

#advancedPrefs {
  margin: 0 8px;
}

#privacyPrefs {
  padding: 0 4px;
}

#privacyPrefs > tabpanels {
  padding: 18px 10px 10px 10px;
}

#OCSPDialogPane {
  font: message-box !important;
}

/**
 * Privacy Pane
 */

#timeBeforeAway {
  width: 5em;
}

/* styles for the link elements copied from .text-link in global.css */
.inline-link {
  color: -moz-nativehyperlinktext;
  text-decoration: underline;
}

.inline-link:not(:focus) {
  outline: 1px dotted transparent;
}

/**
 * Update Preferences
 */
#autoInstallOptions {
  margin-inline-start: 20px;
}

.updateControls {
  margin-inline-start: 10px;
}

/**
 * Clear Private Data
 */
#SanitizeDialogPane > groupbox {
  margin-top: 0;
}

/* Display the message theme preview browser with borders like a listbox */
#previewbrowser {
  -moz-appearance: listbox;
  margin: 2px 4px;
}

/**
 * No message theme preview message box
 */
#noPreviewScreen {
  color: -moz-FieldText;
  background-color: -moz-Field;
  overflow: auto;
}
#noPreviewBox {
  max-width: 30em;
  background: url("chrome://global/skin/icons/info.svg") left 5px no-repeat;
  background-size: 2.5em;
  padding-right: 3.5em;
  padding-left: 3.5em;
  margin-left: 1.5em;
  margin-right: 1.5em;
}
#noPreviewInnerBox {
  opacity: .8;
}
#noPreviewTitle {
  font-size: 2em;
  font-weight: lighter;
  line-height: 1.2;
  margin: 0;
  margin-bottom: .3em;
  padding-bottom: .2em;
  border-bottom: 1px solid -moz-FieldText;
}
#noPreviewDesc {
  font-size: 110%;
  margin-right: 0;
  margin-left: 0;
}
