/* $Id: inst.css,v 1.17 2010/08/13 15:40:18 sheridan Exp $

This file contains rules that extend or override the more basic formatting defined in tigris.css. Edit it to customize the look of applications using tigris.css (instances). You are responsible for maintaining your own set of (optional) deltas from tigris.css defaults; this file is intended as an example.

*/

/* colors, backgrounds, borders, link indication */
#cn {
    background-image: url( ../images/corporate_logo.gif );
    display: block;
    height: 17px;
    width: 138px;
}

#poweredby {
    background-image: url( ../images/poweredby_036.gif );
    display: block;
    height: 38px;
    width: 102px;
}

#sc {
    background-image: url( ../images/product_logo.gif );
    display: block;
    height: 25px;
    width: 138px;
}

#toptabs td, #toptabs th {
    background-image: url( ../images/nw_min_036.gif );
}

.app h3, #banner, #banner td, #toptabs {
    background-color: #036;
    color: #fff;
}

body #banner td a, .app h3 a, .app h4 a {
    color: #fff !important;
}

#banner {
    border-top: 1px solid #369;
}

#mytools .label, #projecttools .label, #admintools .label, #communitytools .label {
    background-color: #ddd;
    border: none;
}

#mytools .body, #projecttools .body, #admintools .body, #communitytools .body {
    background-color: #fff;
    border-right: none;
    border-bottom: none;
    border-top: 1px solid #999;
}

#mytools, #projecttools, #admintools, #communitytools {
    background-color: #ddd;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

#helptext {
    background-color: #ffc;
}

#helptext .label {
    border-bottom: 1px solid #996;
    border-right: 1px solid #996;
    background-color: #cc9;
}

#helptext .body {
    border-bottom: 1px solid #cc9;
    border-right: 1px solid #cc9;
}

#topmodule {
    background-color: #ddd;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #aaa;
}

#topmodule #issueid {
    border-right: 1px solid #aaa;
}

#login a:link, #login a:visited {
    color: white;
    text-decoration: underline;
}

#banner a:active, #banner a:hover {
    color: #f90 !important;
}

#toptabs td {
    border-bottom: 1px solid #666;
    border-right: 1px solid #333;
    border-left: 1px solid #036;
}

#toptabs th {
    border-left: 1px solid #036;
}

/* font and text properties, exclusive of link indication, alignment, text-indent */
#bodycol h2 {
    font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: normal;
}

/* box properties (exclusive of borders), positioning, alignments, list types, text-indent */
#toptabs {
    margin: 0;
    padding-top: .67em;
    padding-left: 8px;
}

#topmodule {
    margin: -4px -4px 0 -4px;
}

#topmodule td {
    vertical-align: middle;
    padding: 2px 8px;
}

#navcolumn {
    margin-right: -4px;
}

#mytools .body, #projecttools .body, #admintools .body, #communitytools .body {
    padding-top: .33em;
}

#mytools, #projecttools, #admintools, #communitytools {
    padding: 0 6px 6px 6px;
    margin: -4px 0 6px -4px;
}

#mytools .label, #projecttools .label, #admintools .label, #communitytools .label {
    padding-left: 2px;
}

img {
    border: 0px;
}

.warning {
    color: red;
}

.highlight td {
    background: #ddd !important;
}

.nogrid td {
    border-top: 0px solid #fff !important;
    border-left: 0px solid #fff !important;
}

.nogrid th {
    background: #bbb;
    font-size: x-small;
}

.indent-sides {
    padding-left: 150px;
    padding-right: 150px;
}

.inline-button {
    font-weight: bold;
    font-size: x-small;
    margin: 0 0.2em;
    padding: 0.1em 0;
    _padding: 0;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: middle;
}

.inline-button span {
    cursor: hand;
    margin: 0;
    padding: 0.1em 0.3em 0.1em 0.3em;
    color: #666;
}

.inline-button:hover span {
    color: #f30;
}

/* this looks better on IE */
.app th, .axial th {
    font-size: x-small;
}

.level2 {
    background-color: #F0F0F0 !important;
}

.nowrap {
    white-space: nowrap;
}

.indent {
    padding-left: 34px;
}

.indent-right {
    padding-right: 200px;
}

/* stem loop */
.sld {
    color: red;
}

/* stem loop */
.target {
    color: blue;
}

.stemLoop {
    padding: 10px 0.5em;
}

.predicted {
    font-weight: normal !important;
    text-decoration: none !important;
}

.validated {
    font-weight: bold !important;
    text-decoration: none !important;
}

#deemphasize {
    color: #bbbbbb !important;
    text-decoration: none !important;
}

#emphasize {
    color: blue !important;
    text-decoration: none !important;
}

#popitmenu {
    position: absolute;
    background-color: #ddd;
    border: 1px solid #ccc;
    font: normal 12px Verdana;
    line-height: 18px;
    z-index: 100;
    visibility: hidden;
}

#popitmenu a {
    text-decoration: none;
    padding-left: 6px;
    color: black;
    display: block;
}

#popitmenu a:hover {
/*hover background color*/
    background-color: #ccc;
}

#floater {
    border: 1px solid #00F;
    position: fixed;
    right: 175px;
    top: 90px;
}

HR {
    height: 1px;
    color: #CCCCCC;
    background-color: #CCCCCC;
    border: 0px;
}

LI {
    margin: 5px;
}

a.button {
    font-size: x-small;
    text-decoration: none;
}

img.gene {
    padding: 20px;
}

pre.seq {
    width: 900px;
    padding-top: 60px;
    margin-right: 80px;
    margin-left: 90px;
}

#sidebar {
    float: left;
    width: 20%;
}

span.mirna a:link, span.mirna a:hover, span.mirna a:visited, span.mirna a:active {
    cursor: default;
    text-decoration: none !important;
    padding: 0px;
    margin: 0px;
}

a.minHL {
    color: rgb( 159, 159, 255 ) !important;
}

a.medHL {
    color: rgb( 63, 63, 158 ) !important;
}
div.maxHL, span a.maxHL {
    color: rgb( 204, 102, 0 ) !important;
    font-weight: bold;
}

div.maxHL a.maxHL {
	color: blue !important;
    font-weight: normal;
}

.maxHL span {
    font-weight: normal;
    color: #000;
}

a.maxHL.minHL { color: rgb( 204, 102, 0 ) !important;}
a.maxHL.medHL { color: rgb( 204, 102, 0 ) !important;}

.hide {
    display: none;
}

span a.show {
    display: block;
}

div.show {
    display: block;
}

div.show a.show {
	display: inline;
}

div.scrolling {
    height: 600px;
   /* width: 700px; */
    overflow: scroll; /* added for ie (when scrollbar was removed, things would shift on mouseover */
    padding: 8px;
    position: relative;
}

table.alignment {
    padding: 0px;
    margin: 4px 2px 2px 2px;
    width: 700px;
    background-color: #ccc;
}

table.alignment td.stats {
    width: 35% !important;
}

table.alignment td.stats table {
    margin: 3px;
}

table.alignment td {
    padding: 1px;
    background-color: #eee;
    vertical-align: middle;
}

.loading {
    display: inline;
    background-image:url("../images/loading.gif");
    background-position:center;
    background-repeat:no-repeat;
    min-height:130px;
}

.close {
    display: none;
}

.open {
    padding-left: 25px;
	padding-right: 15px;
	padding-bottom: 2px;
	border: 1px solid #ccc;
    width: 96%;
	background-color: #fff;
}

.open img {
    display: block;
    margin-left: auto;
    margin-right: auto }

a.toggle {
    cursor:pointer;
}

div.searchedFor {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #333;
}

div.resultHeader {
	margin: 4px 8px 3px 3px;
	padding: 5px;
	width: 98%;
	background-color: #eee;
	font-size: small;
}

div.resultHeader strong {
	font-weight: bold;
	color: #333;
}

div.details {
	margin-left: 8px;
	margin-bottom: 15px;
	font-size: x-small;
}
div.details .header {
    font-weight: bold;
}   
div.right {
	float: right;
    clear: both;
}

div#footer div#refs {
    width: 60%;    
}

#banner h1 a {
	text-decoration: none !important;
}

#miRNAinput {
    background-color: #eee;
}