table.gcnmp * {
    border-collapse: collapse;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    padding: 3px 20px 4px 8px;
}
table.gcnmp thead td {
    border-color: white;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    color: white;
    font-weight: bold;
    vertical-align: middle !important;
}
table.gcnmp td {
    border-color: white;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    color: black;
    font-weight: normal;
    vertical-align: top;
}
table.gcnmp td a {
    color: black;
}
table.gcnmp td:first-child {
    border-width: 1px 0px 0px 0px;
}
table.gcnmp-summaries td,
table.gcnmp-tumors td {
    vertical-align: middle !important;
}
table.gcnmp .connector {
    width: 1em;
}
table.gcnmp thead td.connector {
    background-image: none !important; /* needed in IE to override the richfaces table gradient */
}
table.gcnmp .connector, 
.tumorpeak.nopeak:hover .connector, 
.ratepeaksig.nopeak:hover .connector, 
.ratenonpeaksig.nopeak:hover .connector,
.ratepeaknonsig.nopeak:hover .connector,
.rate.nopeak:hover .connector {
    background-color: white;
}
table.gcnmp-summaries tbody tr:hover,
table.gcnmp-tumors tbody tr:hover,
table.gcnmp tbody tr:hover .connector,
table.gcnmp-genes li:hover,
.nogenes {
    background-color: #ffe0e0; /* a light pink */
}
.tumorpeak, 
.tumorpeak.nopeak:hover {
    background-color: #e7dbfd; /* RGB=(231,219,253), a light mauve */
}
.gcnmp-genes tr.tumorpeak ul, .gcnmp-genes tr.tumorpeak li {
    border-color: #e7dbfd;
}
.tumorpeak.selected, 
.tumorpeak.selected .connector, 
.tumorpeak.selected:hover,
.tumorpeak.selected:hover .connector,
ul.tumorpeak 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 */
}
.gcnmp-genes tr.ratepeaksig ul, .gcnmp-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 */
}
.gcnmp-genes tr.ratenonpeaksig ul, .gcnmp-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 */
}
.gcnmp-genes tr.ratepeaknonsig ul, .gcnmp-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 */
}
.gcnmp-genes tr.rate ul, .gcnmp-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.gcnmp-genes tbody td {
    padding: 8px;
    vertical-align: top;
}
table.gcnmp-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.gcnmp-genes td li {
    border-color: white;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    line-height: 14px;
    white-space:nowrap;
}
table.gcnmp-genes td li:first-child {
    border-width: 0px 0px 0px 0px;
}
table.gcnmp-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.gcnmp-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.gcnmp-summary-text p {
  margin-bottom: 0;
}
.gcnmp-summary-text table {
	background-color: white;
  margin-left: 2em;
}
.gcnmp-summary-text table th {
  background-color: #2f3c5a;
  color: white;
  padding-top: 3px;
  padding-right: 1em;
  padding-bottom: 3px;
  padding-left: 1em;
}
.gcnmp-summary-text table td {
  background-color: #e6e5f3;
  color: black;
  padding-top: 3px;
  padding-right: 1em;
  padding-bottom: 3px;
  padding-left: 1em;
}