/* search.css
   jt6 20071004 WTSI

   Stylesheet for the search pages, both the forms and the result pages.

   $Id: search.css,v 1.9 2009-10-28 14:13:19 jt6 Exp $
   
   Copyright (c) 2007: Genome Research Ltd.
   
   Authors: Rob Finn (rdf@sanger.ac.uk), John Tate (jt6@sanger.ac.uk)
   
   This is free software; you can redistribute it and/or modify it under
   the terms of the GNU General Public License as published by the Free Software
   Foundation; either version 2 of the License, or (at your option) any later
   version.

   This program is distributed in the hope that it will be useful, but WITHOUT
   ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
   FOR A PARTICULAR PURPOSE. See the GNU General Public License for more
   details.

   You should have received a copy of the GNU General Public License along with
   this program. If not, see <http://www.gnu.org/licenses/>.
    
*/   

/* ---------------------------------------- */
/* error messages */

div.error {
  border: 1px solid #900;
  background: #f8e7e7;
  color: #300;
  width: 40em;
  padding: 0.2em;
  margin: 0.2em 15em;
}

div.error h2 {
  margin: 0.2em 0;
}

.warning {
  color: #900;
  font-weight: bold;
}

/* ---------------------------------------- */
/* taxonomy search form */

img.suggestion {
  margin: 0.4em auto;
  width: 570px;
  height: 330px;
  display: block;
}

.exampleQuery {
  margin: 0.2em 2em;
  font-family: monospace;
}

/* ---------------------------------------- */
/* taxonomy search, specifically the suggestions drop-down */

div.autocomplete {
  position: absolute;
  width: 250px;
  background-color: white;
  border: 1px solid #888;
  margin: 0;
  padding: 0;
  z-index: 9999;
}

div.autocomplete ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.autocomplete ul li.selected {
  background-color: #eee;
}

div.autocomplete ul li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}

div.autocomplete span.informal {
  color: #888;
}

/* ---------------------------------------- */
/* ajax loading indicator */

.loadingBar {
  width: 220px;
  height: 19px;
  background-image: url(/shared/images/loading_bar.gif);
  background-repeat: no-repeat;
  background-position: center left;
}

/* ---------------------------------------- */
/* taxonomy search results */

#textList ul {
  list-style: none;
}

#textList pre {
  font-family: monospace;
  font-size: 0.8em;
  margin: 0.2em;
  padding: 0.2em;
  border: 1px solid #CCC;
  background: #DDD;
  width: 15em;
}

#taxonomyQuery {
  margin-left: 2em ! important;
  font-family: monospace;
  font-size: 0.8em;
}

/* ---------------------------------------- */
/* batch search form */

#batchNotes code {
  margin-left: 2em;
}

/* ---------------------------------------- */
/* sequence search results */

td.showSwitch {
  cursor: pointer;
}

#numJobs {
  font-weight: bold;
}

#underline {
  position: absolute;
  width: 100px;
  height: 3px;
  background-color: #777;
}

div.hmmAlignment {
  font-family: monospace;
  padding: 0.4em;
/*  width: 800px; */
}

div.hmmWindow {
  overflow: auto;
}

/* PP heatmap */
.heat0    { background-color: #aa0000; color: #ccc; }
.heat1    { background-color: #9e0000; color: #ccc; }
.heat2    { background-color: #900d00; color: #ccc; }
.heat3    { background-color: #7e2703; color: #ccc; }
.heat4    { background-color: #694506; color: #ccc; }
.heat5    { background-color: #536609; color: #ccc; }
.heat6    { background-color: #3c850d; color: #ccc; }
.heat7    { background-color: #26a511; color: #000; }
.heat8    { background-color: #12c414; color: #000; }
.heat9    { background-color: #00e017; color: #000; }
.heatstar { background-color: #00f719; color: #000; }
.heatgap  { background-color: #eee;    color: #000; }

/* HMM match heatmap */
.hmmmatch { background-color: #00ffff; color: #000; }
.hmmplus  { background-color: #66bbff; color: #000; }
.hmmminus { background-color: #dddddd; color: #000; }

/* search errors */
#errors {
  border: 1px solid #520000;
  background: white;
  padding: 0.4em;
  margin: 0.4em;
  color: #520000;
}

#errors h1 {
  font-size: medium;
  text-align: left;
  margin: 0;
}


/* ---------------------------------------- */
/* domain query rules */

#nlUpdateSpinner {
  margin: 0.2em;
}

#idList,
#haveList,
#notList {
  width: 30%;
  margin: 0.2em;
  padding: 0.4em;
}

#idList select,
#haveList select,
#notList select {
  width: 100%;
}

#idList h3,
#haveList h3,
#notList h3 {
  padding: 0.2em;
  margin: 0;
}

#domainSearchButtons {
  clear: both;
}

span.buttons {
  padding: 0.4em 0;
}

p.domainQueryInstruction {
  height: 5.2em;
  float: left;
  margin: 0;
  padding: 0.2em;
}

#textResults {
  margin: 0.4em 0.2em;
}

table.pageList {
  margin: 0 ! important;
}

table.pageList span.letter {
  cursor: pointer;
  padding: 0.4em;
  display: block;
  background: #DDD;
  border: 1px solid #BBB;
  text-decoration: none;
  color: #040404;
}