/*
 * FILE : molpages.css
 *
 * CREATED : 3 January 2003
 *
 * LAST MODIFIED : $Revision: 1.42 $ ($Date: 2007/04/25 23:07:36 $ by $Author: slyon $)
 *
 * AUTHOR : Warren Hedley
 *
 * DESCRIPTION : This stylesheet contains formatting rules that are needed by
 *   the Molecule Pages application in addition to the formatting rules
 *   defined in afcs.css, which is shared across the whole signaling-gateway
 *   website.
 */



/**
 * "bigheading" table cells - output the by HtmlBigHeadingTable class.
 */
.bigheading {
  background-color: #99CCCC;
  color: #336666;
  font-size: 12px;
  font-weight: bold;
  padding: 3px;
}

.mp-heading {
  margin: 0px;
  color: #276089; /* #595193; */
  font-weight: bold;
  font-size: 12pt;
}

/**
 * <h2> and <h3> elements in the bigheading class are given a top margin of 12 pixels.
**/
h2.bigheading, h3.bigheading {
  margin: 12px 0 0 0;
  clear: both;
}


/**
 * Clears any floating content so that subsequent content is full width.
 */
.clear-floats {
  clear: both;
  margin: 0;
  padding: 0;
  border: 1px solid white;
}


/**
 * "broken" tools - useful for indicating unavailable or yet-to-be-coded functionality.
 */
.broken {
  color: #99AA22;
  text-decoration: line-through;
}


/**
 * p.greenlinkimg, encloses a.greenlink, and adds the arrow image and some padding.
 */
.greenlinkimg {
  background-image: url(/molecule/rsc/img/arrow_green_trans.gif);
  background-repeat: no-repeat;
  background-position: 0 2px;
  margin: 8px 0 0 0;       /* Top margin of 8px */
  padding: 0 0 0 15px;    /* Padding on left of 15px (get away from image) */
  border: 0;               /* No border */
}

/**
 * The following two rules are used to format the pop-up tooltips used on many pages to show
 * text like full state names. The color is X11's "lemonchiffon". See tooltips.js for notes
 * on browser compatibility issues.
 */
#tooltipContainer {
  position: absolute;
  left: -1000px;
  top: -1000px;
}

#tooltip {
  display: block;
  color: black;
  background-color: #fffacd;
  border: 1px solid black;
  padding: 5px;
  margin: 0px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  width: 400px;
  font-size: 10px;
}

/**
 * interaction table formatting
 */
table.evidence  td {
  color: black;
  background-color: white;
}

table.evidence th {
  background-color: #b0b0f0;
  color: #0000cc;
  text-align: left;
}

table.evidence th.bigheading {
  background-color: #007000;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}

table.evidence th.tint {
  background-color: #eedddd;
  color: #0000cc;
  text-align: left;
  font-weight: bold;
}



/**
 * Mutant sequence formatting (highlighting of deletions and insertions in an
 * amino acid sequence.
 */
.insertion {
  background-color: #30FF30;
}

.deletion {
  background-color: #FF5050;
}


/**
 * Alert Box - in-page error messages
 */
div.alert-box {
  color: #CC0000;
  background-color: white;
  font-weight: bold;
  padding: 0.5em;
  border: medium solid red;
}


/**
 * Required field - use to format an asterisk for instance.
 */
.rf {
  color: red;
  font-size: 80%;
  vertical-align: text-top;
  font-weight: bold;
  padding-left: 2px;
}

.quick-link {
  font-weight: bold;
  font-size: 11px;
  color: #336666;
}


/*
 * The following are explicit classes for author tables that may be
 * used in place of (and in preference to) the cascaded classes in
 * author-data.css.
 * Contact: Stephen Lyon <slyon@sdsc.edu>
 */

.info-link, .au-info-link {
  font-size: 11px;
}

.info-link {
  color: #336666;
}

.au-info-link {
  color: #276089;
}

.au-dth, .au-dth-cnt, .au-dth-lft, .au-dtd, .au-dtd-cnt, .au-dtd-lft,
    .au-dtt, .au-dtt-cnt, .au-dtt-lft {
  font-weight: normal;
  font-size: 11px;
}

/* sub-heading style: at some point the non au- ones may be moved into afcs.css where the rest are */
.au-dsh, .au-dsh-lft, .au-dsh-cnt, .dsh, .dsh-lft, .dsh-cnt {
  font-size: 12px;
  font-weight: bold;
  padding: 3px;
  color: white;
  background-color: #999999;
}

.au-dth, .au-dth-cnt, .au-dth-lft {
  color: #276089;
  background-color: #C5DAE9;
  font-weight: bold;
}

.au-dtd, .au-dtd-cnt, .au-dtd-lft {
  color: black;
  background-color: #E0E0E0;
}

.au-dtt, .au-dtt-cnt, .au-dtt-lft {
  color: #0000cc;
  background-color: #eedddd;
}

.au-dth-cnt, .au-dtd-cnt, .au-dtt-cnt, .dsh-cnt {
  text-align: center;
}

.au-dth-lft, .au-dtd-lft, .au-dtt-lft, .dsh-lft {
  text-align: left;
}

.au-bigheading {
  color: white;
  background-color: #276089;
  font-size: 12px;
  font-weight: bold;
  padding: 3px;
}

.au-title {
  color: #276089;
}

/* state transition description line */
.trans-desc {
  color: #B90000;
  background-color: white;
  text-align: left;
  font-weight: bold;
  font-size: 11px;
}

.trans-tbl {
  margin: 3px;
  border: solid #276089;
  border-spacing: 0px;
  border-width: 1px 0px 0px 1px;
  border-collapse: collapse;
}

.trans-tbl td, .trans-tbl th {
  text-align: left;
  color: #666666;
  font-size: 10px;
  border: solid #276089;
  border-width: 0px 1px 1px 0px;
  padding: 2px 20px 2px 10px;
}

td.trans-cap {
  background-color: #C5DAE9;
  color: #276089;
  font-weight: bold;
  font-size: 11px;
}

.trans-tool {
  background-color: #e0e0e0;
}

td.trans-tool-img, td.trans-tool-txt {
  width: 25%;
  vertical-align: middle;
  border: 0;
  padding: 0;
}

td.trans-tool-img {
  text-align: right;
}

td.trans-tool-txt {
  text-align: left;
}

td.trans-tool-txt a {
  font-size: 11px;
  color: #276089;
}


/**
 * The tool bars on admin pages are semi-transparent and are fixed in position on the top right.
 */
div.floating-tool-box {
  background: url(/molecule/rsc/img/shim50.png) repeat;
  border: 1px gray dashed;
  margin: 0px;
  padding: 3px 10px 10px 10px;
  position: fixed;
  top: 50px;
  right: 16px;
  z-index: 5;
}


/**
 * A tool-link table floats on the right and has a dotted line on the left border.
 */
table.tool-links {
  float: right;
  margin: 0 0 0 5px;
  background-image: url(/molecule/rsc/img/vertical_divider.gif);
  background-repeat: repeat-y;
}

table.tool-links tr td.tool-links-img {
  padding-left: 10px;
  text-align: center;
  vertical-align: middle;
}


/**
 * The following are the style definitions for the peer review related forms.
 */
div.review-options-ext {
  background-color: #E9E0D3;
  width: 100%;
  border-top: 1px dashed gray;
  border-bottom: 1px dashed gray;
  margin: 1px 0px;
  padding: 0px;
  display: block;
}

div.review-options-int {
  margin: 5px;
  padding: 0px;
  border: 0px;
  display: block;
}

div.review-options-int h3, div.review-options-int p {
  margin: 2px 0px;
}

form.review-action {
  margin: 0px;
}


/**
 * The following are used in the review item display for formatting old and new comments.
 */
.review-comment-new {
  background-color: #d8cbe2;
  color: black;
}

.review-comment-old {
  background-color: #e2ddcb;
  color: black;
}