/*
 * Copyright 2008-2010 Microarray Informatics Team, EMBL-European Bioinformatics Institute
 *
 * Licensed under the Apache License, Version 2.0 (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.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 *
 * For further details of the Gene Expression Atlas project, including source code,
 * downloads and documentation, please see:
 *
 * http://gxa.github.com/gxa
 */

#twocol {
    padding: 0;
    margin: 5px 0 0 0;
    border-spacing: 0;
}

#twocol td {
    border: none;
    vertical-align: top;
    padding: 0 10px 0 0;
}

/* basic colors */
#expopup, #expopup .exptable, .waiter {
    border: 1px solid #5E9E9E
}

fieldset, #drill {
    border: none
}

#squery th, #expopup, .diaghead {
    background-color: #EEF5F5;
}

#drilldowns {
    display: none;
}

#drilldowns .name, #drill h2 {
    color: #005555;
}

#drill h2 {
    font-size: 11pt;
    font-weight: bold;
    background: none;
    margin:0 0 15px 0;
}

#summary {
    line-height: 25px;
    vertical-align: middle;
    padding-bottom: 5px;
}

/* tables */
#squery {
    font-family: arial, sans-serif;
    font-size: 12px;
    text-align: left;
    margin: 0 30px 15px 0;
    padding: 0;
    border-spacing: 0;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    empty-cells: show;
    *border-collapse: collapse; /* i luv IE */
}

#squery th {
    background-color: #EEF5F5;
    vertical-align: top;
    padding: 0;
    border-left: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    *border-right: 1px solid #cdcdcd;
    *border-bottom: 1px solid #cdcdcd;
}
#squery .padded { padding: 1px 4px 1px 4px; }
#squery th.padded { vertical-align: middle;text-align: center; }

#squery th.factor { text-align:center;font-weight:normal;font-size:10px }
#squery th.factor div { position: relative; text-align:center; overflow:hidden; height: 15px;font-weight:bold;font-size:10px; }
#squery th.factor a { display: block; text-align:center; height: 12px;font-weight:bold; text-decoration: none; }

#squery div.diaghead { position: relative; text-align:center; overflow:hidden; height: 15px;font-weight:bold;font-size:10px;border-bottom: 1px solid #cdcdcd; }

#squery .divider { border-right: 3px solid #cdcdcd; }

#squery td {
    color: #3D3D3D;
    vertical-align: middle;
    padding: 0;
    white-space: nowrap;
    border-left: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    *border-right: 1px solid #cdcdcd;
    *border-bottom: 1px solid #cdcdcd;
}

#squery td.counter, #squery td.acounter {
    width:26px; min-width:26px; max-width:26px;
    color: white;
}

#squery td.acounter:hover { cursor: pointer; }

#squery td.genename { font-size: 12px; font-weight: bold; }

#squery em { font: inherit; background-color: yellow;text-decoration:inherit;  }

#squery .downback, .downback {
    background: #0000ff;
    color: white;
}

#squery .upback, .upback {
    background: #ff0000;
    color: white;
}

.heatmap_row .counter, .heatmap_row .acounter {
    border-bottom:1px solid #CDCDCD;
    border-right:1px solid #CDCDCD;
    border-left:1px solid #CDCDCD;
}

.osq {
    width:26px; height:26px; position:relative; line-height: 26px; text-align: center;
}
.sq {
    width:26px; height:26px; position:relative;
    background: white;    
}

.udduo {
    width:0; height:0; font-size: 0;line-height: 0%;
    border-top: 26px solid;
    border-right: 26px solid;
    border-bottom-style: none;
    border-right-color: #0000ff;
    border-top-color: #ff0000;
}

.udupval {
    position: absolute; top: 0px; left: 0px; z-index: 0; width: 13px; height: 13px; text-align: center; font-size: 10px; color: white;
}

.uddnval {
    position: absolute; bottom: 1px; right: 1px; z-index: 0; width: 13px; height: 13px; text-align: center; font-size: 10px; color: white;
}

.nuduo {
    width:0; height:0; font-size: 0;line-height: 0%;
    border-top: 26px solid;
    border-right: 26px solid;
    border-bottom-style: none;
    border-right-color: #ffffff;
    border-top-color: #ff0000;
}

.nuupval {
    position: absolute; top: 0px; left: 0px; z-index: 0; width: 13px; height: 13px; text-align: center; font-size: 10px; color: white;
}

.nunoval {
    position: absolute; bottom: 1px; right: 1px; z-index: 0; width: 13px; height: 13px; text-align: center; font-size: 10px; color: black;
}


.ndduo {
    width:0; height:0; font-size: 0;line-height: 0%;
    border-top: 26px solid;
    border-right: 26px solid;
    border-bottom-style: none;
    border-right-color: #ffffff;
    border-top-color: #0000ff;
}

.nddnval {
    position: absolute; top: 0px; left: 0px; z-index: 0; width: 13px; height: 13px; text-align: center; font-size: 10px; color: white;
}

.ndnoval {
    position: absolute; bottom: 1px; right: 1px; z-index: 0; width: 13px; height: 13px; text-align: center; font-size: 10px; color: black;
}

.nosigndiff {
    width:0; font-size: 0;line-height: 0%;
    border-top: 10px solid;
    border-right: 14px solid;
    border-bottom-style: none;
    border-right-color: rgb(216,216,216);
    border-top-color: rgb(232,232,232);
}

.tri {
    width:0; font-size: 0;line-height: 0%;
    border-bottom: 13px solid;
    border-left: 13px solid;
    border-right: 13px solid;
    border-top-style: none;
    border-left-color: #ff0000;
    border-right-color: #0000ff;
    border-bottom-color: #ffffff;
    height:10px;
    margin-bottom: 3px;
}

.tupval {
    position: absolute; top: 0px; left: 0px; z-index: 0; width: 13px; height: 13px; text-align: center; font-size: 9px; color: #ffffff;
}

.tdnval {
    position: absolute; top: 0px; right: -1px; z-index: 0; width: 13px; height: 13px; text-align: center; font-size: 9px; color: #ffffff;
}

.tnoval {
    position: absolute; bottom: -1px; left: 0px; z-index: 0; width: 26px; height: 13px; text-align: center; font-size: 10px; color: black; text-align:center;
}

#squery .gtooltip { display: none; }

#squery img, #squery img:hover, map, map:hover, area, area:hover { border: none; cursor:default; }

/* drilldown filters */
#drill {  margin-bottom:15px; margin-top: 2px; padding: 7px; position: relative }
.drillsect { } /* border-top:1px solid #dedede} */
.drillsect ul { padding: 0px 5px 10px 0px;margin: 0; }
.drillsect li { padding-left: 0px; list-style: none; color: #999999; }
.drillsect .name { font-size: 12px; font-weight: bold}
.drillsect .ftot { font-size:12px }
#drill a.fup:link, #drill a.fup:visited { text-decoration: none; color: #c5b0b0; }
#drill a.fdn:link, #drill a.fdn:visited { text-decoration: none; color: #b0b0c5; }
#drill a.fup:active, #drill a.fup:hover { text-decoration: underline; color: #e33e3e; }

/* experiments popup */

#expopup {
    font-family: Verdana, helvetica, arial, sans-serif;
    position: absolute;
    width: 600px;
    height: 300px;
    padding: 10px;
    color: black;
    text-align:left;
    z-index:2000;
}

.waiter {
    position: absolute;
    padding: 3px;
    background-color: white;
    z-index:2000;
    background: url(images/indicator.gif) no-repeat;
    width: 16px;
    padding-left: 16px;
}

#expopup .exptable {
    position: relative;
    height: 250px;
    width: 100%;
    overflow-y: scroll;
    overflow-x: scroll;
    margin-top: 10px;
}

#expopup .head {
    font-weight:normal;
    font-size:12px;
}

#expopup .head a {
    font-size: 12px;
}

#expopup .exptable > table {
    border-spacing: 0;
    height: 100%;
    width: 100%;
}

#expopup tr.notlast > td { border-bottom: 1px solid #5E9E9E; }

#expopup td.explot {
    border-right: 1px solid #5E9E9E;
}

#expopup .expup {
    color: #990000;font-weight:bold;
}
#expopup .expdn {
    color: #000099;font-weight:bold;
}
#expopup .expno {
    color: black;font-weight:bold;
}

#expopup em { font-weight: bold; }

#expopup a:link, #expopup a:visited {
    color: #006666;
    text-decoration: none;
}

#expopup a:hover, #expopup a:active {
    color: #e33e3e;
    text-decoration: underline;
}

#expopup table.oneplot .efname { font-size: smaller; font-weight: bold; margin: 6px 0 2px 2px;  }

#tooltipPlot {
	position: absolute;
	z-index: 3001;
    padding: 10px;
    max-width:800px;
}
#tooltipPlot div { margin-bottom: 5px; }

#tooltipPlot .genename { margin-bottom: 10px;font-size:10px; }
#tooltipPlot .genename b { font-weight: bold; font-size: 14px; }

.plot { position: relative; width: 240px; height: 100px; }

#squery tr.expand-child td, #squery tr.expand-child th {
    display: none;
}

#squery tr.expand-child td.empty {
    border-right:none;border-top:none;border-bottom:none;
}

#squery tr.expand-child .thickborder {
    padding:2px 0 0 0;background-color:#cdcdcd;    
}

#squery tr.expand-child td.genename {
    border-left: 1px solid #cdcdcd; border-right:none;
}

#squery tr.expand-child td.expdesc {
    padding:1px 70px 1px 4px;
}

#squery tr.expand-child .expthumb {
    border-left:none;
}

#squery tr.expand-child .expthumb div.outer {
    position:relative;height:45px;width:100%;line-height:45px;
}

#squery tr.expand-child .expthumb a {
    border:none;text-decoration:none;outline:none;position:absolute;display:block;right:0;text-align:center;
}

#squery tr.expand-child .expthumb div.thumb {
    height:45px;width:90px;
}

#squery tr.expand-child .pvalue {
    border-right:2px solid #cdcdcd;
}

#squery thead th.header {
    background-repeat: no-repeat;
    background-position: center right;
}

#squery thead th.header {
	background-image: url(images/bg.gif);
}

#squery thead th.headerSortUp {
    background-image: url(images/asc.gif);
}

#squery thead th.headerSortDown {
    background-image: url(images/desc.gif);
}

#squery td.wrapok { white-space: normal; }

/* expand/collapse */
#squery td.collapsible {
    padding: 9px 0 0 7px;
    vertical-align: top;
}

.collapsible a.collapsed {
    display: block;
    width: 9px;
    height: 9px;
    background: url(images/expp.gif) no-repeat top left;
    outline: 0;
}

.collapsible a.expanded {
    display: block;
    width: 9px;
    height: 9px;
    background: url(images/expm.gif) no-repeat top left;
    outline: 0;
}