/*
# -*- 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/.
*/

/* Global Styles */
#BrowserPreferences radio[pane] {
  list-style-image: url("chrome://instantbird/skin/preferences/Options.png"); 
  padding: 5px 3px 1px;
}

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

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

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

radio[pane=paneApplications] {
	-moz-image-region: rect(0px, 128px,  32px, 96px)
}
radio[pane=paneApplications]:hover, 
radio[pane=paneApplications][selected="true"]  {
	-moz-image-region: rect(32px, 128px,  64px, 96px)
}

radio[pane=panePrivacy] {
	-moz-image-region: rect(0px, 160px,  32px, 128px)
}
radio[pane=panePrivacy]:hover, 
radio[pane=panePrivacy][selected="true"]  {
	-moz-image-region: rect(32px, 160px,  64px, 128px)
}

radio[pane=paneThemes] {
	-moz-image-region: rect(0px, 192px,  32px, 160px)
}
radio[pane=paneThemes]:hover, 
radio[pane=paneThemes][selected="true"]  {
	-moz-image-region: rect(32px, 192px,  64px, 160px)
}

radio[pane=paneAdvanced] {
	-moz-image-region: rect(0px, 224px, 32px, 192px)
}
radio[pane=paneAdvanced]:hover, 
radio[pane=paneAdvanced][selected="true"] {
	-moz-image-region: rect(32px, 224px, 64px, 192px)
}

/* Themes Pane */
#BrowserPreferences[animated="true"] #smileysPreview {
  height: 25em;
}

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

/* Applications Pane */
#BrowserPreferences[animated="true"] #handlersView {
  height: 25em;
}

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

/* 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;
}

/* Modeless Window Dialogs */
.windowDialog,
.windowDialog prefpane {
  padding: 0px;
}

.contentPane {
  margin: 9px 8px 5px 8px;
}

.actionButtons {
  margin: 0px 3px 6px 3px !important;
}

/* Cookies Manager */
#cookiesChildren::-moz-tree-image(domainCol) {
  width: 16px;
  height: 16px;
  margin: 0px 2px;
  list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
  -moz-image-region: rect(0px, 16px, 16px, 0px);
}

#cookiesChildren::-moz-tree-image(domainCol, container) {
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}

#cookiesChildren::-moz-tree-image(domainCol, container, open) {
  -moz-image-region: rect(16px, 32px, 32px, 16px);
}

#cookieInfoBox {
  border: 1px solid ThreeDShadow;
  border-radius: 0px;
  margin: 4px;
  padding: 0px;
}

/* Advanced Pane */

/* Adding padding-bottom prevents the bottom of the tabpanel from being cutoff
   when browser.preferences.animateFadeIn = true */
#advancedPrefs {
  padding-bottom: 8px;
}

/* bottom-most box containing a groupbox in a prefpane. Prevents the bottom
   of the groupbox from being cutoff */
.bottomBox {
  padding-bottom: 4px;
}

/* 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 {
  background-color: -moz-Dialog;
  overflow: auto;
}
#noPreviewBox {
  background-color: -moz-Field;
  color: -moz-FieldText;
  border: 1px solid ThreeDShadow;
  border-radius: 10px;
  padding: 1.1em;
  -moz-padding-start: 20px;
  margin-left: 1em;
  margin-right: 1em;
}
#noPreviewImage {
  list-style-image: url("chrome://global/skin/icons/information-64.png");
  -moz-margin-end: 1.2em;
}
#noPreviewInnerBox {
  max-width: 25em;
}
#noPreviewTitle {
  margin: 0 1em 0.6em 0;
  font-size: 160%;
  border-bottom: 1px solid ThreeDLightShadow
}
#noPreviewDesc {
  font-size: 110%;
}
