/*
# ***** BEGIN LICENSE BLOCK *****
# 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 Communicator client code, released
# March 31, 1998.
#
# The Initial Developer of the Original Code is
# Netscape Communications Corporation.
# Portions created by the Initial Developer are Copyright (C) 1998-1999
# the Initial Developer. All Rights Reserved.
#
# Contributor(s):
#
# 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 *****
*/

/* ===== mailWindow1.css ================================================
  == Styles for the main Mail window in the default layout scheme.
  ======================================================================= */

@import url("chrome://messenger/skin/");
@import url("chrome://messenger/skin/primaryToolbar.css");
@import url("chrome://global/skin/toolbar.css");
@import url("chrome://messenger/skin/folderMenus.css");
@import url("chrome://messenger/skin/folderPane.css");
@import url("chrome://messenger/skin/tagColors.css");

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


/* ::::::::: Global override :::::::::: */

treechildren::-moz-tree-twisty {
  margin: 0 -4px 0 0 !important;
}

/* :::::::::::::::::::::::::::::::::::: */

#mail-toolbox {

}

#folderPaneBox {
  border-right: 1px solid #9F9F9F;
  border-bottom: 1px solid #a3a3a3;
  -moz-margin-end: -3px !important;
}

#folderPaneHeader {
  background-color: #ebedf7 !important;
}

#folderTree {
  background-image: none !important;
	-moz-appearance: none !important;

  background-color: #e6edf7 !important;
}

.focusring > .tree-rows > .tree-bodybox {
  border: none !important;  
}


#folderTree treechildren::-moz-tree-indentation {
 background-color: black !important;
}

#folderTree treechildren::-moz-tree-row {
  -moz-padding-start: 2px !important;
}

#folderTree treechildren::-moz-tree-row(odd),
#folderTree treechildren::-moz-tree-row(even) {
  background-color: #ebedf7;
  border-color: #ebedf7;
}

#folderTree treechildren::-moz-tree-row(selected) {
  background: url("chrome://messenger/skin/icons/tree-selected-overlay.png") #999 repeat-x center center !important;
}

#folderTree treechildren::-moz-tree-row(selected, focus) {
  background-color: -moz-mac-alternateprimaryhighlight !important;
}

#folderTree treechildren::-moz-tree-cell-text(selected, focus), #folderTree treechildren::-moz-tree-cell-text(selected) {
  color: #FFFFFF;
}

treecol,
treecolpicker {
  border: none;
  background-color: #e1e1e1;
}

#folderUnreadCol,
#folderTotalCol,
#folderSizeCol {
  text-align: right;
}

#folderNameCol [sortDirection="ascending"],
#folderNameCol [sortDirection="descending"] {
  list-style-image: none;
}

/* ::::: thread decoration ::::: */

treechildren::-moz-tree-cell-text(read) {
  font-weight: normal;
}

treechildren::-moz-tree-cell-text(unread) {
  font-weight: bold;
}

/* on a collapsed thread, if the top level message is read, but the thread has
 * unread children, underline the text.  4.x mac did this, very slick 
 */
treechildren::-moz-tree-cell-text(container, closed, hasUnread, read) {
  text-decoration: underline;
}

/* ::::: message column icons ::::: */

treecol[hideheader="true"] {
}

/* ..... thread column ..... */

treecol.threadColumnHeader {
  list-style-image: url("chrome://messenger/skin/icons/unthreadcol.png");
}

treecol.threadColumnHeader[sortDirection="ascending"]  {
  list-style-image: url("chrome://messenger/skin/icons/threadcol.png");
}

treecol.threadColumnHeader[sortDirection="descending"] {
  list-style-image: url("chrome://messenger/skin/icons/threadcol.png");
}

treechildren::-moz-tree-image(threadCol, container) {
  list-style-image: url("chrome://messenger/skin/icons/thread-closed.png");
}

treechildren::-moz-tree-image(threadCol, container, selected) {
  list-style-image: url("chrome://messenger/skin/icons/thread-closed-selected.png");
}

treechildren::-moz-tree-image(threadCol, container, hasUnread) {
  list-style-image: url("chrome://messenger/skin/icons/thread-new-closed.png");
}

treechildren::-moz-tree-image(threadCol, container, hasUnread, selected) {
  list-style-image: url("chrome://messenger/skin/icons/thread-closed-selected.png");
}

/* ..... read column ..... */

treecol.readColumnHeader {
  list-style-image: url("chrome://messenger/skin/icons/readcol.png");
}

treechildren::-moz-tree-image(unreadButtonColHeader) {
  list-style-image: url("chrome://messenger/skin/icons/readmail.png");
}

treechildren::-moz-tree-image(unreadButtonColHeader, dummy) { 
  list-style-image: none;
}

treechildren::-moz-tree-image(unreadButtonColHeader, unread) {
  list-style-image: url("chrome://messenger/skin/icons/unreadmail.png");
}

treechildren::-moz-tree-image(unreadButtonColHeader, unread, selected, focus) {
  list-style-image: url("chrome://messenger/skin/icons/unreadmail-selected.png");
}

treechildren::-moz-tree-image(subjectCol, replied) {
  list-style-image: url("chrome://messenger/skin/icons/symbol-replied.png") !important;
}

treechildren::-moz-tree-image(subjectCol, replied, selected) {
  list-style-image: url("chrome://messenger/skin/icons/symbol-replied-selected.png") !important;
}

treechildren::-moz-tree-image(subjectCol, forwarded) {
  list-style-image: url("chrome://messenger/skin/icons/symbol-forwarded.png") !important;
}

treechildren::-moz-tree-image(subjectCol, forwarded, selected) {
  list-style-image: url("chrome://messenger/skin/icons/symbol-forwarded-selected.png") !important;
}

/* ..... attachment column ..... */

treecol.attachmentColumnHeader {
  list-style-image: url("chrome://messenger/skin/icons/attachment-col.png");

  padding-right: 5px; 
}

treechildren::-moz-tree-image(attachmentCol, attach) {
  list-style-image: url("chrome://messenger/skin/icons/attachment.png");
}

treechildren::-moz-tree-image(attachmentCol, attach, focus, selected) {
  list-style-image: url("chrome://messenger/skin/icons/attachment-selected.png");
}

/* ..... flag column ..... */

treecol.flagColumnHeader {
  list-style-image: url("chrome://messenger/skin/icons/flagcol.png");
}

treechildren::-moz-tree-image(flaggedCol) {
  list-style-image: url("chrome://messenger/skin/icons/readmail.png");
}

treechildren::-moz-tree-image(flaggedCol, dummy) { 
  list-style-image: none; 
}

treechildren::-moz-tree-image(flaggedCol, flagged) {
  list-style-image: url("chrome://messenger/skin/icons/flaggedmail.png");
}

/* ..... junkStatus column ..... */

treecol.junkStatusHeader {
  list-style-image: url("chrome://messenger/skin/icons/junk-column-header.png");
  padding-right: 3px; 
  padding-left: 2px;
  padding-top: 1px;
}

/* "unknown" now looks like "not junk".  see bug #182386 */
treechildren::-moz-tree-image(junkStatusCol) {
  list-style-image: url("chrome://messenger/skin/icons/readmail.png");
}

treechildren::-moz-tree-image(junkStatusCol, dummy) {
  list-style-image: none;
}

treechildren::-moz-tree-image(junkStatusCol, junk) {
  list-style-image: url("chrome://messenger/skin/icons/folder-junk.png");
  margin-right: -1px;
}

treechildren::-moz-tree-image(junkStatusCol, notjunk) {
  list-style-image: url("chrome://messenger/skin/icons/readmail.png");
  padding-left: 0px;
  padding-right: 4px;
}

/* ..... subject column ..... */

treechildren::-moz-tree-image(subjectCol) {
  list-style-image: url("chrome://messenger/skin/icons/symbol-null.png");
  margin: 0;
  padding: 0;
}

treechildren::-moz-tree-image(subjectCol, dummy) { 
  list-style-image: none;
}

treechildren::-moz-tree-image(subjectCol, imapdeleted) {
  list-style-image: url("chrome://messenger/skin/icons/symbol-imapdeleted.png") !important;
}

treechildren::-moz-tree-image(subjectCol, imapdeleted, selected) {
  list-style-image: url("chrome://messenger/skin/icons/symbol-imapdeleted-selected.png") !important;
}


treechildren::-moz-tree-image(subjectCol, news) {
  list-style-image: none;
}

treechildren::-moz-tree-image(subjectCol, news, attach) {
  list-style-image: none;
}

treechildren::-moz-tree-image(subjectCol, news, attach, offline) {
  list-style-image: none;
}

treechildren::-moz-tree-image(subjectCol, news, new) {
  list-style-image: none;
}

treechildren::-moz-tree-image(subjectCol, news, new, attach) {
  list-style-image: none;
}

/* ..... new thread icons for watch and ignore ..... */

treechildren::-moz-tree-image(news, threadCol, watch) {
  list-style-image: url("chrome://messenger/skin/icons/thread-closed-eye.png");
}

treechildren::-moz-tree-image(news, threadCol, ignore) {
  list-style-image: url("chrome://messenger/skin/icons/thread-closed-kill.png");
}

#sizeCol,
#unreadCol,
#totalCol {
  text-align: right;
}

#threadPaneBox {
  margin-top: -1px;
  border-bottom: 1px solid #919191;
}

/* ::::: group rows ::::: */ 

treechildren::-moz-tree-row(dummy)  {
	background-image: url("chrome://messenger/skin/icons/group-background.gif");
	background-repeat: repeat-x;
	background-color: rgb(246, 246, 246);
	border: 1px solid rgb(197, 199, 202);
	margin-right: 1px;
	margin-left: 1px;
}

treechildren::-moz-tree-row(dummy, focus, selected)  {
	background-color: #3874d1;
	border-color: #3874d1;
	background-image: none !important;
	margin: 0px;
	padding-right: 1px;
	padding-left: 1px;
}

/* ..... message pane adjustments ..... */

/* :::::
   :: Make sure the min height is small so we can
   :: resize the pane vertically -EDV
   ::::: */

#messagepanebox {
  min-height: 10px;
  background-color: #FFFFFF;
  -moz-appearance: none;
  border-top: 1px solid #8E8E8E;
  border-bottom: 1px solid #a3a3a3;
}

/* ::::: border adjustments for focus ring and joined splitters ::::: 

  min-width: 7px !important;
  min-height: 7px !important;

*/

/* ..... folder pane adjustments ..... */

#folderpane-title {
  text-transform: uppercase;
  color: #555;
  font-weight: bold;
  padding: 4px 0;
}

.folderview-cycler,
.folderview-cycler .toolbarbutton-icon,
.folderview-cycler .toolbarbutton-text {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

#folderview-cycler-left {
  list-style-image: url("chrome://messenger/skin/icons/spin-buttons.png");
  -moz-image-region: rect(0 15px 16px 0);
  padding: 0 !important;
  margin: 0 !important;
}

#folderview-cycler-right {
  list-style-image: url("chrome://messenger/skin/icons/spin-buttons.png");
  -moz-image-region: rect(0 31px 16px 15px);
  padding: 0 !important;
  margin: 0 !important;
  -moz-margin-end: 4px !important;
}

.folderview-cycler:active {
  list-style-image: url("chrome://messenger/skin/icons/spin-buttons-active.png") !important;
}
/* ..... splitter adjustments ..... */

splitter {
  background-color: transparent;
  width: 7px;
  min-width: 7px;
  min-height: 7px;
}

#threadpane-splitter {
  height: 7px !important;
  min-height: 7px;
  background-image: url("chrome://messenger/skin/icons/threadpane-splitter-bg.gif");
  background-repeat: repeat-x;
}

#folderpane_splitter {
  background-image: none;
  width: 3px;
  min-width: 3px;
}

/* ..... tree adjustments ..... */

#accountCentralBox { 
  border: 1px solid transparent; 
}

/* ..... status bar adjustments ..... */

#status-bar {
  border-top: none !important;
}

#quotaMeter {
  min-width: 4em;
  max-width: 4em;
}
#quotaPanel[alert="warning"] .progress-bar {
  background-color: orange;
  -moz-appearance: none;
}
#quotaPanel[alert="critical"] .progress-bar {
  background-color: red;
  -moz-appearance: none;
}
#quotaLabel {
  text-align: center;
}
