/* stops elements from rendering; they are invisible and they aren't allocated any real-estate */
.hidden {
    display: none;
}

/* stops text wrapping, but don't use with unordered lists because of an IE6 bug */
.unwrappable {
    white-space: nowrap;
}

table.gisticTabTable {
    width: 99.5%;
    margin: 5px 0 0 .25%;
    padding: 6px 10px 12px 10px;
    color: #000;
    border: solid #aaa 1px;
    border-top: solid #ccc 1px;
    border-bottom: solid #555 1px;
    background-color: #FFFFFF;
    word-wrap: break-word;
}

table.gisticTabTable * h3 {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-top: 10px !important;
}

table.gisticTabTable * th {
    border: solid #FFFFFF 1px;
}

table.gistic * {
    border-collapse: collapse;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px !important;
    line-height: 16px;
    margin: 0 !important;
    padding: 3px 20px 4px 8px;
}

table.gistic thead td {
    border-color: white;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    color: white;
    font-weight: bold;
    vertical-align: middle !important;
}

table.gistic td {
    border-color: white;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    color: black;
    font-weight: normal;
    vertical-align: top;
}

table.gistic td a {
    color: black;
}

table.gistic td:first-child {
    border-width: 1px 0px 0px 0px;
}

.geneSymbols * {
    cursor: default;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

table.gistic-summaries td,table.gistic-tissues td {
    vertical-align: middle !important;
    cursor: default;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

table.gistic .connector {
    width: 1em;
}

table.gistic thead td.connector {
    background-image: none !important; /* needed in IE to override the richfaces table gradient */
}

table.gistic .connector,.tissuepeak.nopeak:hover .connector,.ratepeaksig.nopeak:hover .connector,.ratenonpeaksig.nopeak:hover .connector,.ratepeaknonsig.nopeak:hover .connector,.rate.nopeak:hover .connector
    {
    background-color: white;
}

table.gistic-summaries tbody tr:hover,table.gistic-tissues tbody tr:hover,table.gistic tbody tr:hover .connector,table.gistic-genes li:hover,.nogenes
    {
    background-color: #ffe0e0; /* a light pink */
}

.tissuepeak,.tissuepeak.nopeak:hover {
    background-color: #e7dbfd; /* RGB=(231,219,253), a light mauve */
}

.gistic-genes tr.tissuepeak ul,.gistic-genes tr.tissuepeak li {
    border-color: #e7dbfd;
}

.tissuepeak.selected,.tissuepeak.selected .connector,.tissuepeak.selected:hover,.tissuepeak.selected:hover .connector,ul.tissuepeak li.selected
    {
    background-color: #a484df;
    /* RGB=(164,132,223), take the light mauve, then 2/3rds saturation, then 3/4ths lightness */
}

.ratepeaksig,.ratepeaksig.nopeak:hover {
    background-color: #ffd282; /* RGB=(255,210,130), a light orange */
}

.gistic-genes tr.ratepeaksig ul,.gistic-genes tr.ratepeaksig li {
    border-color: #ffd282;
}

.ratepeaksig.selected,.ratepeaksig.selected .connector,.ratepeaksig.selected:hover,.ratepeaksig.selected:hover .connector,ul.ratepeaksig li.selected
    {
    background-color: #daa747;
    /* RGB=(218,167,71), take the light orange, then 2/3rds saturation, then 3/4ths lightness */
}

.ratenonpeaksig,.ratenonpeaksig.nopeak:hover {
    background-color: #fefc4f; /* RGB=(254,252,079), a medium yellow */
}

.gistic-genes tr.ratenonpeaksig ul,.gistic-genes tr.ratenonpeaksig li {
    border-color: #fefc4f;
}

.ratenonpeaksig.selected,.ratenonpeaksig.selected .connector,.ratenonpeaksig.selected:hover,.ratenonpeaksig.selected:hover .connector,ul.ratenonpeaksig li.selected
    {
    background-color: #d0d02b;
    /* RGB=(208,208,43), take the medium yellow, then 2/3rds saturation, then 3/4ths lightness */
}

.ratepeaknonsig,.ratepeaknonsig.nopeak:hover {
    background-color: #beff7d; /* RGB=(190,255,125), a light green */
}

.gistic-genes tr.ratepeaknonsig ul,.gistic-genes tr.ratepeaknonsig li {
    border-color: #beff7d;
}

.ratepeaknonsig.selected,.ratepeaknonsig.selected .connector,.ratepeaknonsig.selected:hover,.ratepeaknonsig.selected:hover .connector,ul.ratepeaknonsig li.selected
    {
    background-color: #8eda43;
    /* RGB=(142,218,67), take the light green, then 2/3rds saturation, then 3/4ths lightness */
}

.rate,.rate.nopeak:hover {
    background-color: #cce5e5; /* RGB=(204,229,229), a light blue */
}

.gistic-genes tr.rate ul,.gistic-genes tr.rate li {
    border-color: #cce5e5;
}

.rate.selected,.rate.selected .connector,.rate.selected:hover,.rate.selected:hover .connector,ul.rate li.selected
    {
    background-color: #8eb7b7;
    /* RGB=(142,183,183), take the light blue, then 2/3rds saturation, then 3/4ths lightness */
}

table.gistic-genes tbody td {
    padding: 8px;
    vertical-align: top;
}

table.gistic-genes td ul {
    border-color: white;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    padding: 0;
    list-style: none;
    margin: 0;
    overflow: auto;
    padding-left: 0;
    text-indent: 0.5em;
    max-height: 269px;
}

table.gistic-genes td li {
    border-color: white;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    line-height: 14px;
    white-space: nowrap;
}

table.gistic-genes td li:first-child {
    border-width: 0px 0px 0px 0px;
}

table.gistic-genes td li a {
    text-decoration: none;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 14px;
    padding-left: 0;
}

table.gistic-panels td {
    vertical-align: top;
}

.portal_title {
    color: #2f3c5a; /* dark slate blue matching Richfaces scheme, RGB=(47,60,90) */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 42px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 18px;
}

.portal_subtitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 8px;
    padding-top: 0px;
    padding-left: 18px;
    margin-bottom: 0px;
    margin-top: 0px;
}

td.rich-datascr-act {
    background-color: #d0d0f0;
    border-color: #000000;
    border-style: solid;
    border-top-color: #000000;
    border-top-style: solid;
    border-top-width: 2px;
    border-width: 2px 1px 1px 1px;
    color: #000000;
    font-family: 15px;
    font-size: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 2px 1px 4px 1px;
}

td.rich-datascr-inact {
    background-color: #ffffff;
    border-color: #a0a0a0;
    border-style: solid;
    border-top-color: #a0a0a0;
    border-top-style: solid;
    border-width: 2px 1px 1px 1px;
    color: #000000;
    font-family: 14px;
    font-size: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 2px 1px 4px 1px;
}

td.headerhack-topleft {
    border-bottom-style: none !important;
    border-right-style: none !important;
    font-size: 11px;
    line-height: 16px;
    min-height: 16px;
    padding-left: 0.35em;
    padding-right: 0.35em;
}

td.headerhack-topright {
    border-bottom-style: none !important;
    border-left-style: none !important;
    font-size: 11px !important;
    line-height: 16px !important;
    min-height: 16px !important;
    padding-left: 0.35em !important;
    padding-right: 0.35em !important;
}

td.headerhack-bottomleft {
    background-image: none !important;
    border-right-style: none !important;
    border-top-color: #2f3c5a !important;
    color: #2f3c5a !important;
    padding-left: 0.35em !important;
    padding-right: 0.35em !important;
    padding-top: 3px !important;
    padding-bottom: 4px !important;
}

td.headerhack-bottomright {
    background-image: none !important;
    border-left-style: none !important;
    border-top-color: #2f3c5a !important;
    color: #2f3c5a !important;
    padding-left: 0.35em !important;
    padding-right: 0.35em !important;
    padding-top: 3px !important;
    padding-bottom: 4px !important;
}

td.headerhack-center {
    border-left-style: none !important;
    border-right-style: none !important;
}

span.gistic-summary-text p {
    margin-bottom: 0;
}

.gistic-summary-text table {
    background-color: white;
    margin-left: 2em;
}

.gistic-summary-text table th {
    background-color: #2f3c5a;
    color: white;
    padding-top: 3px;
    padding-right: 1em;
    padding-bottom: 3px;
    padding-left: 1em;
}

.gistic-summary-text table td {
    background-color: #e6e5f3;
    color: black;
    padding-top: 3px;
    padding-right: 1em;
    padding-bottom: 3px;
    padding-left: 1em;
}

.gistic-legend li {
    font-size: 11px !important;
    color: #000 !important;
}