/*

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

*/

/* ===== searchDialog.css ===============================================
  == Styles for the Mail Search dialog.
  ======================================================================= */

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

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

/* ::::: box sizes ::::: */

#searchTermTree {
  min-height: 50px;
}

#searchTermListBox {
  height: 100px;
}

#searchResultListBox {
  margin: 5px;
  height: 100px;
}

.search-menulist[unavailable="true"] {
  color: GrayText;
}

menulist {
  width: 12em;
}

menulist > menupopup > menuitem {
  -moz-padding-end: 2px;
}

textbox {
  margin: 1px 4px;
}

.small-button {
  min-width: 3em;
  padding: 0px;
  margin: 0px 1px;
}

listbox {
  padding-top: 2px;
}

/* ::::: 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 ::::: */

/* ..... column picker ..... */

.tree-columnpicker-icon  {
  list-style-image: url("chrome://messenger/skin/icons/columnpicker.svg");
}

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

.threadColumnHeader {
  list-style-image: url("chrome://messenger/skin/icons/thread-col.svg");
}

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

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

.readColumnHeader {
  list-style-image: url("chrome://messenger/skin/icons/readcol.svg");
  -moz-padding-end: 3px;
}

treechildren::-moz-tree-image(unreadButtonColHeader) {
  list-style-image: url("chrome://messenger/skin/icons/message-list.png");
  -moz-image-region: rect(0px 16px 16px 0px); /* message-read.png */
}

treechildren::-moz-tree-image(unreadButtonColHeader, unread) {
  -moz-image-region: rect(16px 16px 32px 0px); /* message-unread.png */
}

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

.attachmentColumnHeader {
  list-style-image: url("chrome://messenger/skin/icons/attachment-col.svg");
  -moz-padding-end: 3px;
}

treechildren::-moz-tree-image(attachmentCol, attach) {
  list-style-image: url("chrome://messenger/skin/icons/message-list.png");
  -moz-image-region: rect(160px 16px 176px 0px); /* message-attachment.png */
}

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

.flagColumnHeader {
  list-style-image: url("chrome://messenger/skin/icons/flag-col.svg");
  -moz-padding-end: 3px;
}

treechildren::-moz-tree-image(flaggedCol) {
  list-style-image: url("chrome://messenger/skin/icons/message-list.png");
  -moz-image-region: rect(96px 16px 112px 0px); /* message-unstarred.png */
  -moz-padding-end: 2px;
}

treechildren::-moz-tree-image(flaggedCol, flagged) {
  -moz-image-region: rect(80px 16px 96px 0px); /* message-starred.png */
  -moz-padding-end: 2px;
}


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

.junkStatusHeader {
  list-style-image: url("chrome://messenger/skin/icons/junk-col.svg");
  -moz-padding-end: 3px; 
}

/* "unknown" now looks like "not junk".  see bug #182386 */
treechildren::-moz-tree-image(junkStatusCol) {
  list-style-image: url("chrome://messenger/skin/icons/message-list.png");
  -moz-image-region: rect(0px 16px 16px 0px); /* message-read.png */
  -moz-padding-start: 0px;
}

treechildren::-moz-tree-image(junkStatusCol, junk) {
  -moz-image-region: rect(32px 16px 48px 0px); /* message-junk.png */
}

treechildren::-moz-tree-image(junkStatusCol, notjunk) {
  -moz-image-region: rect(0px 16px 16px 0px); /* message-read.png */
  -moz-padding-start: 0px;
}

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

#subjectCol {
  -moz-padding-start: 16px;
}

#subjectCol[primary="true"] {
  -moz-padding-start: 26px;
}

treechildren::-moz-tree-image(subjectCol) {
  -moz-margin-end: 2px;
  list-style-image: url("chrome://messenger/skin/icons/message-list.png");
  -moz-image-region: rect(48px 16px 64px 0px); /* message-blank.png */
}

treechildren::-moz-tree-image(subjectCol, forwarded) {
  -moz-image-region: rect(128px 16px 144px 0px); /* message-forwarded.png */
}

treechildren::-moz-tree-image(subjectCol, replied) {
  -moz-image-region: rect(112px 16px 128px 0px); /* message-replied.png */
}

treechildren::-moz-tree-image(subjectCol, replied, forwarded) {
  -moz-image-region: rect(144px 16px 160px 0px); /* message-replied-forwarded.png */
}

treechildren::-moz-tree-image(subjectCol, new) {
  -moz-image-region: rect(64px 16px 80px 0px); /* message-new.png */
}

treechildren::-moz-tree-image(subjectCol, imapdeleted) {
  list-style-image: url("chrome://messenger/skin/icons/message.png");
  -moz-image-region: rect(0 80px 16px 64px);
}

treechildren::-moz-tree-cell-text(subjectCol) {
  -moz-padding-start: 0;
}

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

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

/* There are 10x7 color definitions (size of the color picker used)
   times 2 (2 style definitions for each color) +  2 general black
   and white color definitions.
   The color definitions can be in the following formats:
     color: red;
     color: #FF0000;
     color: rgb(128, 0, 0); 
*/
treechildren::-moz-tree-cell-text(lc-FFFFFF) {
  color: #FFFFFF
}
treechildren::-moz-tree-row(lc-FFFFFF, selected) {
  background-color: #FFFFFF;
}

treechildren::-moz-tree-cell-text(lc-CCCCCC) {
  color: #CCCCCC
}
treechildren::-moz-tree-row(lc-CCCCCC, selected) {
  background-color: #CCCCCC;
}

treechildren::-moz-tree-cell-text(lc-C0C0C0) {
  color: #C0C0C0
}
treechildren::-moz-tree-row(lc-C0C0C0, selected) {
  background-color: #C0C0C0;
}

treechildren::-moz-tree-cell-text(lc-999999) {
  color: #999999
}
treechildren::-moz-tree-row(lc-999999, selected) {
  background-color: #999999;
}

treechildren::-moz-tree-cell-text(lc-666666) {
  color: #666666
}
treechildren::-moz-tree-row(lc-666666, selected) {
  background-color: #666666;
}

treechildren::-moz-tree-cell-text(lc-333333) {
  color: #333333
}
treechildren::-moz-tree-row(lc-333333, selected) {
  background-color: #333333;
}

treechildren::-moz-tree-cell-text(lc-000000) {
  color: #000000
}
treechildren::-moz-tree-row(lc-000000, selected) {
  background-color: #000000;
}

treechildren::-moz-tree-cell-text(lc-FFCCCC) {
  color: #FFCCCC
}
treechildren::-moz-tree-row(lc-FFCCCC, selected) {
  background-color: #FFCCCC;
}

treechildren::-moz-tree-cell-text(lc-FF6666) {
  color: #FF6666
}
treechildren::-moz-tree-row(lc-FF6666, selected) {
  background-color: #FF6666;
}

treechildren::-moz-tree-cell-text(lc-FF0000) {
  color: #FF0000
}
treechildren::-moz-tree-row(lc-FF0000, selected) {
  background-color: #FF0000;
}

treechildren::-moz-tree-cell-text(lc-CC0000) {
  color: #CC0000
}
treechildren::-moz-tree-row(lc-CC0000, selected) {
  background-color: #CC0000;
}

treechildren::-moz-tree-cell-text(lc-990000) {
  color: #990000
}
treechildren::-moz-tree-row(lc-990000, selected) {
  background-color: #990000;
}

treechildren::-moz-tree-cell-text(lc-660000) {
  color: #660000
}
treechildren::-moz-tree-row(lc-660000, selected) {
  background-color: #660000;
}

treechildren::-moz-tree-cell-text(lc-330000) {
  color: #330000
}
treechildren::-moz-tree-row(lc-330000, selected) {
  background-color: #330000;
}

treechildren::-moz-tree-cell-text(lc-FFCC99) {
  color: #FFCC99
}
treechildren::-moz-tree-row(lc-FFCC99, selected) {
  background-color: #FFCC99;
}

treechildren::-moz-tree-cell-text(lc-FF9966) {
  color: #FF9966
}
treechildren::-moz-tree-row(lc-FF9966, selected) {
  background-color: #FF9966;
}

treechildren::-moz-tree-cell-text(lc-FF9900) {
  color: #FF9900
}
treechildren::-moz-tree-row(lc-FF9900, selected) {
  background-color: #FF9900;
}

treechildren::-moz-tree-cell-text(lc-FF6600) {
  color: #FF6600
}
treechildren::-moz-tree-row(lc-FF6600, selected) {
  background-color: #FF6600;
}

treechildren::-moz-tree-cell-text(lc-CC6600) {
  color: #CC6600
}
treechildren::-moz-tree-row(lc-CC6600, selected) {
  background-color: #CC6600;
}

treechildren::-moz-tree-cell-text(lc-993300) {
  color: #993300
}
treechildren::-moz-tree-row(lc-993300, selected) {
  background-color: #993300;
}

treechildren::-moz-tree-cell-text(lc-663300) {
  color: #663300
}
treechildren::-moz-tree-row(lc-663300, selected) {
  background-color: #663300;
}

treechildren::-moz-tree-cell-text(lc-FFFF99) {
  color: #FFFF99
}
treechildren::-moz-tree-row(lc-FFFF99, selected) {
  background-color: #FFFF99;
}

treechildren::-moz-tree-cell-text(lc-FFFF66) {
  color: #FFFF66
}
treechildren::-moz-tree-row(lc-FFFF66, selected) {
  background-color: #FFFF66;
}

treechildren::-moz-tree-cell-text(lc-FFCC66) {
  color: #FFCC66
}
treechildren::-moz-tree-row(lc-FFCC66, selected) {
  background-color: #FFCC66;
}

treechildren::-moz-tree-cell-text(lc-FFCC33) {
  color: #FFCC33
}
treechildren::-moz-tree-row(lc-FFCC33, selected) {
  background-color: #FFCC33;
}

treechildren::-moz-tree-cell-text(lc-CC9933) {
  color: #CC9933
}
treechildren::-moz-tree-row(lc-CC9933, selected) {
  background-color: #CC9933;
}

treechildren::-moz-tree-cell-text(lc-996633) {
  color: #996633
}
treechildren::-moz-tree-row(lc-996633, selected) {
  background-color: #996633;
}

treechildren::-moz-tree-cell-text(lc-663333) {
  color: #663333
}
treechildren::-moz-tree-row(lc-663333, selected) {
  background-color: #663333;
}


treechildren::-moz-tree-cell-text(lc-FFFFCC) {
  color: #FFFFCC
}
treechildren::-moz-tree-row(lc-FFFFCC, selected) {
  background-color: #FFFFCC;
}

treechildren::-moz-tree-cell-text(lc-FFFF33) {
  color: #FFFF33
}
treechildren::-moz-tree-row(lc-FFFF33, selected) {
  background-color: #FFFF33;
}

treechildren::-moz-tree-cell-text(lc-FFFF00) {
  color: #FFFF00
}
treechildren::-moz-tree-row(lc-FFFF00, selected) {
  background-color: #FFFF00;
}

treechildren::-moz-tree-cell-text(lc-FFCC00) {
  color: #FFCC00
}
treechildren::-moz-tree-row(lc-FFCC00, selected) {
  background-color: #FFCC00;
}

treechildren::-moz-tree-cell-text(lc-999900) {
  color: #999900
}
treechildren::-moz-tree-row(lc-999900, selected) {
  background-color: #999900;
}

treechildren::-moz-tree-cell-text(lc-666600) {
  color: #666600
}
treechildren::-moz-tree-row(lc-666600, selected) {
  background-color: #666600;
}

treechildren::-moz-tree-cell-text(lc-333300) {
  color: #333300
}
treechildren::-moz-tree-row(lc-333300, selected) {
  background-color: #333300;
}

treechildren::-moz-tree-cell-text(lc-99FF99) {
  color: #99FF99
}
treechildren::-moz-tree-row(lc-99FF99, selected) {
  background-color: #99FF99;
}

treechildren::-moz-tree-cell-text(lc-66FF99) {
  color: #66FF99
}
treechildren::-moz-tree-row(lc-66FF99, selected) {
  background-color: #66FF99;
}

treechildren::-moz-tree-cell-text(lc-33FF33) {
  color: #33FF33
}
treechildren::-moz-tree-row(lc-33FF33, selected) {
  background-color: #33FF33;
}

treechildren::-moz-tree-cell-text(lc-33CC00) {
  color: #33CC00
}
treechildren::-moz-tree-row(lc-33CC00, selected) {
  background-color: #33CC00;
}

treechildren::-moz-tree-cell-text(lc-009900) {
  color: #009900
}
treechildren::-moz-tree-row(lc-009900, selected) {
  background-color: #009900;
}

treechildren::-moz-tree-cell-text(lc-006600) {
  color: #006600
}
treechildren::-moz-tree-row(lc-006600, selected) {
  background-color: #006600;
}

treechildren::-moz-tree-cell-text(lc-003300) {
  color: #003300
}
treechildren::-moz-tree-row(lc-003300, selected) {
  background-color: #003300;
}

treechildren::-moz-tree-cell-text(lc-99FFFF) {
  color: #99FFFF
}
treechildren::-moz-tree-row(lc-99FFFF, selected) {
  background-color: #99FFFF;
}

treechildren::-moz-tree-cell-text(lc-33FFFF) {
  color: #33FFFF
}
treechildren::-moz-tree-row(lc-33FFFF, selected) {
  background-color: #33FFFF;
}

treechildren::-moz-tree-cell-text(lc-66CCCC) {
  color: #66CCCC
}
treechildren::-moz-tree-row(lc-66CCCC, selected) {
  background-color: #66CCCC;
}

treechildren::-moz-tree-cell-text(lc-00CCCC) {
  color: #00CCCC
}
treechildren::-moz-tree-row(lc-00CCCC, selected) {
  background-color: #00CCCC;
}

treechildren::-moz-tree-cell-text(lc-339999) {
  color: #339999
}
treechildren::-moz-tree-row(lc-339999, selected) {
  background-color: #339999;
}

treechildren::-moz-tree-cell-text(lc-336666) {
  color: #336666
}
treechildren::-moz-tree-row(lc-336666, selected) {
  background-color: #336666;
}

treechildren::-moz-tree-cell-text(lc-003333) {
  color: #003333
}
treechildren::-moz-tree-row(lc-003333, selected) {
  background-color: #003333;
}

treechildren::-moz-tree-cell-text(lc-CCFFFF) {
  color: #CCFFFF
}
treechildren::-moz-tree-row(lc-CCFFFF, selected) {
  background-color: #CCFFFF;
}

treechildren::-moz-tree-cell-text(lc-66FFFF) {
  color: #66FFFF
}
treechildren::-moz-tree-row(lc-66FFFF, selected) {
  background-color: #66FFFF;
}

treechildren::-moz-tree-cell-text(lc-33CCFF) {
  color: #33CCFF
}
treechildren::-moz-tree-row(lc-33CCFF, selected) {
  background-color: #33CCFF;
}

treechildren::-moz-tree-cell-text(lc-3366FF) {
  color: #3366FF
}
treechildren::-moz-tree-row(lc-3366FF, selected) {
  background-color: #3366FF;
}

treechildren::-moz-tree-cell-text(lc-3333FF) {
  color: #3333FF
}
treechildren::-moz-tree-row(lc-3333FF, selected) {
  background-color: #3333FF;
}

treechildren::-moz-tree-cell-text(lc-000099) {
  color: #000099
}
treechildren::-moz-tree-row(lc-000099, selected) {
  background-color: #000099;
}

treechildren::-moz-tree-cell-text(lc-000066) {
  color: #000066
}
treechildren::-moz-tree-row(lc-000066, selected) {
  background-color: #000066;
}

treechildren::-moz-tree-cell-text(lc-CCCCFF) {
  color: #CCCCFF
}
treechildren::-moz-tree-row(lc-CCCCFF, selected) {
  background-color: #CCCCFF;
}

treechildren::-moz-tree-cell-text(lc-9999FF) {
  color: #9999FF
}
treechildren::-moz-tree-row(lc-9999FF, selected) {
  background-color: #9999FF;
}

treechildren::-moz-tree-cell-text(lc-6666CC) {
  color: #6666CC
}
treechildren::-moz-tree-row(lc-6666CC, selected) {
  background-color: #6666CC;
}

treechildren::-moz-tree-cell-text(lc-6633FF) {
  color: #6633FF
}
treechildren::-moz-tree-row(lc-6633FF, selected) {
  background-color: #6633FF;
}

treechildren::-moz-tree-cell-text(lc-6600CC) {
  color: #6600CC
}
treechildren::-moz-tree-row(lc-6600CC, selected) {
  background-color: #6600CC;
}

treechildren::-moz-tree-cell-text(lc-333399) {
  color: #333399
}
treechildren::-moz-tree-row(lc-333399, selected) {
  background-color: #333399;
}

treechildren::-moz-tree-cell-text(lc-330099) {
  color: #330099
}
treechildren::-moz-tree-row(lc-330099, selected) {
  background-color: #330099;
}

treechildren::-moz-tree-cell-text(lc-FFCCFF) {
  color: #FFCCFF
}
treechildren::-moz-tree-row(lc-FFCCFF, selected) {
  background-color: #FFCCFF;
}

treechildren::-moz-tree-cell-text(lc-FF99FF) {
  color: #FF99FF
}
treechildren::-moz-tree-row(lc-FF99FF, selected) {
  background-color: #FF99FF;
}

treechildren::-moz-tree-cell-text(lc-CC66CC) {
  color: #CC66CC
}
treechildren::-moz-tree-row(lc-CC66CC, selected) {
  background-color: #CC66CC;
}

treechildren::-moz-tree-cell-text(lc-CC33CC) {
  color: #CC33CC
}
treechildren::-moz-tree-row(lc-CC33CC, selected) {
  background-color: #CC33CC;
}

treechildren::-moz-tree-cell-text(lc-993399) {
  color: #993399
}
treechildren::-moz-tree-row(lc-993399, selected) {
  background-color: #993399;
}

treechildren::-moz-tree-cell-text(lc-663366) {
  color: #663366
}
treechildren::-moz-tree-row(lc-663366, selected) {
  background-color: #663366;
}

treechildren::-moz-tree-cell-text(lc-330033) {
  color: #330033
}
treechildren::-moz-tree-row(lc-330033, selected) {
  background-color: #330033;
}

treechildren::-moz-tree-cell-text(lc-white, selected) {
  color: #FFFFFF
}
treechildren::-moz-tree-cell-text(lc-black, selected) {
  color: #000000
}
