/* 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");
@import url("chrome://messenger/skin/messageIcons.css");

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

#searchTerms  {
  margin: 8px 8px 0;
}

#searchResults {
  margin: 0 8px 8px;
}

#searchTerms > vbox {
  font: menu;
}

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

#searchTermTree {
  min-height: 50px;
}

#searchTermListBox {
  height: 100px;
}

#searchTermList > listitem[selected="true"] {
  background-color: inherit;
}

listcell > hbox {
  -moz-box-pack: end;
}

#searchResultListBox {
  -moz-appearance: listbox;
  margin-inline-start: 4px;
  margin-inline-end: 4px;
  height: 100px;
}

menulist {
  width: 18em;
}

.filler {
  padding-inline-end: 22px;
}

.search-menulist {
  width: 12em;
}

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

.small-button {
  -moz-appearance: none;
  font: icon;
  text-shadow: 0 1px #F2F2F2;
  border: 1px solid #A8A8A8;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: linear-gradient(to top, #ECECEC, #ECECEC 50%, #F9F9F9 0%, #F9F9F9);
  min-width: 22px;
  height: 20px;
  padding: 0 1px 1px 0;
  margin: 0;
}

.small-button:-moz-locale-dir(rtl) {
  border-radius: 0 4px 4px 0;
}

.small-button:not([disabled="true"]):hover:active {
  background: linear-gradient(to top, #B0B0B0, #B4B4B4 50%, #BFBFBF 0%, #BABABA);
  border: 1px solid #9C9C9C;
}

.small-button[disabled="true"] {
  opacity: 0.6;
}

.small-button + .small-button {
  border-radius: 0 4px 4px 0;
}

.small-button + .small-button:-moz-locale-dir(rtl) {
  border-radius: 4px 0 0 4px;
}

.small-button + .small-button,
.small-button + .small-button:hover:active {
  border-left-width: 0;
  min-width: 21px;
}

.small-button:focus {
  box-shadow:  inset 0 0 1px -moz-mac-focusring,
               1px 0 2px 1px -moz-mac-focusring,
               -1px 0 2px 1px -moz-mac-focusring;
}

.small-button:focus + .small-button {
  box-shadow: inset 1px 0 -moz-mac-focusring;
}

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

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

#status-bar {
  font: message-box;
  margin-top: 8px;
}
