/*
# -*- Mode: Java; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*-
# Version: MPL 1.1/GPL 2.0/LGPL 2.1
#
# The contents of this file are subject to the Mozilla Public License Version
# 1.1 (the "License"); you may not use this file except in compliance with
# the License. You may obtain a copy of the License at
# http://www.mozilla.org/MPL/
#
# Software distributed under the License is distributed on an "AS IS" basis,
# WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
# for the specific language governing rights and limitations under the
# License.
#
# The Original Code is Mozilla.org Code.
#
# The Initial Developer of the Original Code is
# Doron Rosenberg.
# Portions created by the Initial Developer are Copyright (C) 2001
# the Initial Developer. All Rights Reserved.
#
# Contributor(s):
#   Ben Goodger <ben@netscape.com> (Original Author)
#
# Alternatively, the contents of this file may be used under the terms of
# either the GNU General Public License Version 2 or later (the "GPL"), or
# the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
# in which case the provisions of the GPL or the LGPL are applicable instead
# of those above. If you wish to allow use of your version of this file only
# under the terms of either the GPL or the LGPL, and not to allow others to
# use your version of this file under the terms of the MPL, indicate your
# decision by deleting the provisions above and replace them with the notice
# and other provisions required by the GPL or the LGPL. If you do not delete
# the provisions above, a recipient may use your version of this file under
# the terms of any one of the MPL, the GPL or the LGPL.
#
# ***** END LICENSE BLOCK *****
*/

@import url("chrome://messenger/skin/");

.listBox 
{
  -moz-appearance: listbox;
  margin: 2px 4px;
  border: 2px solid;
  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
  -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
  background-color: -moz-Field;
}

/*** Styles for the pref category buttons **/

.buttonBox {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  -moz-margin-start: 0px !important;
  -moz-margin-end: 5px !important;
}

.buttonBoxButton {
  -moz-appearance: none;
  border: 1px solid transparent;
  background-color: transparent;
  margin-left: 1px;
  margin-right: 1px;
  list-style-image: url("chrome://messenger/skin/icons/mail-options.png")
}

.buttonBoxButton > .button-box {
  border: none !important;
}

.buttonBoxButton > .button-box > .button-icon {
  width: 32px;
  height: 32px;
}

.buttonBoxButton:hover, .buttonBoxButton:focus {
  border: 1px solid;
  -moz-border-left-colors: #98B4E2;
  -moz-border-top-colors: #98B4E2;
  -moz-border-right-colors: #98B4E2;
  -moz-border-bottom-colors: #98B4E2;
  background-color: #E0E8F6;
}

.buttonBoxButton[checked="true"] {
  border: 1px solid;
  -moz-border-left-colors: #316AC5;
  -moz-border-top-colors: #316AC5;
  -moz-border-right-colors: #316AC5;
  -moz-border-bottom-colors: #316AC5;
  background-color: #C1D2EE;
}

#mailnews  {
  -moz-image-region: rect(0px, 32px, 32px, 0px)
}

#display {
  -moz-image-region: rect(0px, 64px, 32px, 32px)
}

#mailcomposepref {
  -moz-image-region: rect(0px, 96px, 32px, 64px)
}

#fonts {
  -moz-image-region: rect(0px, 128px, 32px, 96px)
}

#attachments {
  -moz-image-region: rect(0px 160px 32px 128px);
}

#advanced {
  -moz-image-region: rect(0px, 256px, 32px, 224px)
}

.indent {
  margin-left: 23px;
  margin-right: 23px;
}

.uniWidthButton {
  min-width: 8em;
}

/* :::::: layout preference icons ::::: */

.mailPaneConfigIcon 
{
  list-style-image : url("chrome://messenger/skin/icons/mailPaneConfig.png");
}

#classic 
{
  -moz-image-region: rect(0px, 26px, 32px, 0px)
}

#wide 
{
  -moz-image-region: rect(0px, 52px, 32px, 26px)
}

#vertical
{
  -moz-image-region: rect(0px, 78px, 32px, 52px)
}

/** advanced panel settings **/

.settingsBox 
{
  margin: 5px;
  padding: 5px;
}

expander { 
  margin: 2px;
}
