/* CSS Document */


/**************************************
 *
 *
 * Gene Details
 *
 *
 **************************************/

#showgene-header{
    width:775px;
    text-align:left;
    border-bottom: 2px solid #92b1cd;
    padding-bottom:10px;
}
#showgene-container h3.description{
    display:inline;
    font-size:1.2em;
}
.hide-link{
    display: inline;
    font-size:.9em;
}
.show-link{
    display: none;
    font-size:.9em;
}
.mouseoverhelp{
    cursor: help;
}
.togglelink a, .togglelink a:link, .togglelink a:visited, .togglelink a:active{
    color: #336699;
    text-decoration: none;
    cursor: pointer;
}
.togglelink a:hover{
    color: #ae3333;
    text-decoration: underline;
}



/*******
 *
 * Gene Info in Header
 *
 *******/
#showgene-header #view-combined-analysis{
    padding-bottom:1em;
    font-size: .8em;
    text-align:center;
}
#geneinfo-section{
    position:relative;
    float:left;
    vertical-align: middle;
}
#geneinfo-section #names{
    float:left;
    clear:left;
}
#geneinfo-section #largeinfoicon{
    padding-top:.78em;
    float:left;
    text-decoration:none;
}
#geneinfo-section .genename{
    padding-left:.35em;
    padding-top:.5em;
    font-weight: bold;
    font-size: 1.6em;
    float:left;
    text-decoration:none;
}
#geneinfo-section .systematicname{
    padding-top:1.1em;
    padding-left:.6em;
    font-weight: normal;
    font-size: 1em;
    float:left;
    text-decoration:none;
}
#geneinfo-section .genename a, #geneinfo-section .genename a:link, #geneinfo-section .genename a:visited, #geneinfo-section .genename a:active{
    text-decoration:none;
}
#geneinfo-section .genename a:hover, #geneinfo-section .genename a:visited:hover{
    text-decoration: underline;
}
#geneinfo-section .systematicname a{
    text-decoration:none;
    color:#333333;
}
#geneinfo-section .systematicname a:hover, #geneinfo-section .systematicname a:visited:hover{
    text-decoration: underline;
}
#geneinfo-section .organism-name{
    font-weight: normal;
    float:left;
    font-size: 1.15em;
}
#geneinfo-section .ranktext{
    padding-top:.5em;
    font-weight: bold;
    float:left;
    clear:left;
    font-size: 1.1em;
}
#showgene-header #periodictag-holder{
    vertical-align: middle;
    float:left;
    display: table;
    padding-top:2.3em;
    padding-left:1em;
}

/*******
 *
 * Gene Download in Header
 *
 *******/
#gene-download-links{
    float:right;
    font-size:.95em;
    text-align:center;
    vertical-align: middle;
    padding-top:2em;
}
#gene-download-links .download-documentation-links{
    padding-top: 3px;
    font-size:.8em;
}


/*******
 *
 * Aliases and Description
 *
 *******/
#showgene-aliases-description-section{
    width:750px;
    text-align:left;
    line-height: 1.2em;
    position:relative;
    text-align: justify;
    border-bottom: 2px solid #92b1cd;
    padding-bottom:.6em;
    padding-top:.6em;
    font-size:.9em;
}
#showgene-aliases-description-section h4.description{
    font-size:1.0em;
}
#aliases-description-spacer{
    margin-top:.5em;
}
#short-alias-list{
    display:inline;
}
#full-alias-list{
    display: none;
}
#short-description{
    display: inline;
}
#long-description{
    display: none;
}
.more-link{
    display: inline;
}
.less-link{
    display: none;
}



/*******
 *
 * Gene Features
 *
 *******/
#showgene-features-section{
    width:750px;
    border-bottom: 2px solid #92b1cd;
    padding-bottom:.6em;
    padding-top:.6em;
    text-align:left;
}
#singlefeaturelist{
    padding-left:1.5em;
    font-size: 1em;
}
#singlefeaturelist dt{
    width: 300px;
    padding-top: .7em;
    float: left;
    text-align:left;
}
#singlefeaturelist dd{
    width: 400px;
    padding-top: .7em;
    float: left;
    text-align:left;
}
#showgene-features-section .featurename{
    font-weight: bold;
}
#showgene-features-section .methodslink{
    padding-top:.8em;
}




/*******
 *
 * The chart area (with analysis results, peaktime image, and chart)
 *
 *******/
#showgene-chart-section{
    width:750px;
    border-bottom: 2px solid #92b1cd;
    padding-bottom:.6em;
    padding-top:.6em;
    text-align:left;
}
#showgene-chart-section #title{
    float:left;
    width:450px;
}
#multipleprobesets-target-gene{
    color: #ae3333;
    width:450px;
    margin-left:auto;
    margin-right:auto;
    padding-top:1.5em;
    text-align:center;
    font-weight: bold;
    font-size: .85em;
    line-height: 1.5em;
}
#multiplegenes-targeted{
    color: #ae3333;
    width:450px;
    margin-left:auto;
    margin-right:auto;
    padding-top:1.5em;
    text-align:center;
    font-weight: bold;
    font-size: .85em;
    line-height: 1.5em;
}
#analysisresults{
    padding-top:.8em;
    padding-left:1.5em;
    width: 450px;
    float:left;
}
#analysisresultslist{
    font-size: 1.1em;
    border-top: 1px solid #92b1cd;
    width: 450px;
}
#analysisresults dt {
    float: left;
    text-align: left;
    width: 175px;
    padding-top: 12px;
    padding-bottom: 16px;
}
#analysisresults dd {
    padding-top: 12px;
    padding-bottom: 16px;
}
#analysisresultslist .uncertainreasons{
    font-size: .7em;
}
.methodslink{
    font-size: .8em;
    text-align:center;
}


#peaktimechart{
    width: 225px;
    float:right;
    clear:right;
    padding-top:.8em;
    padding-right:1.5em;
    text-align:center;
}
#peaktimechart h4{
    border-bottom: 1px solid #92b1cd;
}


#chart-with-legend{
    width:725px;
    float:left;
    clear:left;
    padding-top:1.5em;
}
#chart-section{
    float:left;
    width:485px;
    text-align:center;
}
#loadingImage{
    float:left;
    clear:left;
    border:0px solid #666;
}
#yaxis-rescaled{
    font-size:.85em;
    padding-bottom:1em;
    color: #ae3333;
    font-weight: bold;
}


#downloadlinks{
    float: left;
    position:relative;
    width:485px;
    height:2.7em;
    padding-top:1em;
    font-size:.9em;
}
#downloadlinks h4{
    position:absolute;
    top:1.5em;
    left:5em;
}
#pdf-download-txt{
    position:absolute;
    top:1.5em;
    left:15.5em;
}
.download-graph-pdf{
    position:absolute;
    text-decoration:none;
    top:1.3em;
    left:18em;
}
a.download-graph-pdf{
    text-decoration:none;
    color: #333333;
}
#png-download-txt{
    position:absolute;
    top:1.5em;
    left:22.5em;
}
.download-graph{
    font-size:.8em;
    display:block;
    padding-top:.5em;
    text-align:left;
}
#png-download{
    position:absolute;
    top:0em;
    left:25.5em;
}



#experiments-section-form{
    float:right;
    font-size:.90em;
    width:235px;
}
#experiments-section-form h4{
    padding:10px;
    font-size:1.2em;
    text-align:center;
    text-decoration: underline;
}
.legend-color{
    border: 1px solid #000000;
    height:8px;
    width: 15px;
    padding-left:20px;
    margin-left:20px;
    display: inline;
}
.viewexperiment{
    text-align:center;
    font-size: .85em;
    padding-top:.5em;
    padding-bottom:1.5em;
}


/************* Extra Probesets Dropdown **************/
#probesets-dropdown{
    float:right;
    top:0em;
    width:188px;
    border:.1em solid #92b1cd; 
    position:relative;
    font-size:.85em;
    cursor: pointer;
}
#probesets-dropdown #probesets-dropdown-header{
    width:188px;
}
#probesets-dropdown #probesets-dropdown-header h4{
    background:#ffffff;
    padding-top:.2em;
    padding-bottom:.2em;
    padding-left:.5em;
    width:140px;
    float:left;
}
#probesets-dropdown #probesets-dropdown-header #arrow{
    float:right;
    padding-right:.5em;
    padding-top:.2em;
    width:13px;
}
#probesets-dropdown ul{
    width:188px;
    background:#eaf0f2;
    border:.1em solid #92b1cd; 
    display:none;
    position:absolute;
    top:1.4em;
    margin-left:-.1em;
}
#probesets-dropdown li{
    background:#eaf0f2;
}
#probesets-dropdown a, #probesets-dropdown a:link, #probesets-dropdown a:active, #probesets-dropdown a:visited {
    padding-top:.2em;
    padding-bottom:.2em;
    padding-left:.5em;
    display:block;
    color:#333; 
    text-decoration:none; 
    background:#eaf0f2; 
}
#probesets-dropdown a:hover {
    background:#d9e1e4;
    color:#000;
    cursor: pointer;
}

/*******
 *
 * Orthologs
 *
 *******/
#showgene-orthologs-section{
    width:750px;
    padding-bottom:10px;
    padding-top:10px;
    text-align:left;
}
#ortholog-table-holder{
    padding-top:1em;
}
#ortholog-table{
    width:725px;
    border-bottom: 2px solid #92b1cd;
    font-weight: normal;
    text-align: center;
}