#header {
  background-image: url("../images/bg8.png");
}

body {
  background-image: url("../images/bg8.png");
}

a.collabImg {
  background-image: url("../images/irefCollabLogo.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 210px;
  height: 45px;
  display: block;
  float: left;
  padding-top: 5px;
}

.w250 {
  width: 250px;
}

h3 {
  font-size: 20px;
  padding-bottom: 0.5em;
  letter-spacing: 1px;
  padding-top: 1em;
}

h4 {
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: bold;
  padding: 0.2em;
  padding-left: 0em;
  padding-top: 1em;
}

div#aboutLeft {
  width: 550px;
}

div#aboutRight {
  width: 350px;
}

div#aboutRight a {
  display: block;
  margin-bottom: 30px;
  line-height: 1.3em;
}

div#aboutRight a p {
  line-height: 1.3em;
  padding: 0px;
  margin: 0px;
  font-size: 13px;
  margin: 0px;
}

div#aboutRight a:hover {
  text-decoration: none;
}

div#aboutRight img {
  width: 346px;
  border: 2px outset #0000ff;
  margin: 0px;
}

div#aboutRight a:hover img {
  text-decoration: none;
  border: 2px outset red;
}

div#ppl {
  background-image: url(../images/a1.png);
  background-position: right top;
  background-repeat: repeat-y;
  padding-right: 250px;
}

body#releaseBody li#releaseLi a,body#cmpIntBody li#cmpIntLi a,body#helpBody li#helpLi a,body#pubmedBody li#pubmedLi a,body#statBody li#statLi a,body#browseBody li#browseLi a,body#homeBody li#homeLi a,body#searchBody li#searchLi a
  {
  color: #000000;
  height: 23px;
  margin-top: 3px;
  padding-top: 5px;
  border: none;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: bold;
  background-color: #fff;
}

body#homeBody p {
  font-size: 15px;
}

/*
ul.ul {
  margin: 0 1.5em 1.5em 1.5em;
}

ul.ul {
  list-style-type: circle;
}

ul.ul li {
  margin-bottom: 0.5em;
}

td {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
*/
h2 {
  font-size: 20px;
  letter-spacing: 1px;
  padding-top: 25px;
  padding-bottom: 5px;
}

/************** interaction *****************/
div#ints {
  overflow: hidden;
  margin-bottom: 20px;
}

div.interactionWrapper {
  margin-bottom: 40px;
  margin-left: 0px;
  overflow: hidden;
  border: 1px solid #ccc;
  padding: 0px;
  overflow: hidden;
  padding: 10px;
  padding-left: 25px;
  padding-right: 25px;
  background-color: #eeffff;
}

div.interactionWrapper h3 {
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 2px;
  color: #000;
  text-shadow: 1px 1px 2px #666;
}

.wrapper {
  overflow: hidden;
}

div.actorWrapper {
  border: 1px solid #ccc;
  margin-bottom: -1px;
}

div.actHeaderRow {
  padding: 5px;
  background-color: #fff;
}

div.highLight div.actHeaderRow {
  background-color: #ffffcc;
}

div.highLight {
  background-color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
}

div.highLight div.actHeaderRow {
  font-weight: bold;
}

div.interactionSection {
  margin: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
}

div.privateDbs {
  margin-top: 25px;
}

div.interatctionWrapper h5,div.interactionSubsection h5 {
  font-weight: bold;
  letter-spacing: 2px;
  padding-bottom: 10px;
  color: #000;
  padding: 5px;
  border-bottom: 1px solid #000;
  text-align: center;
}

div.interactionWrapper h4 {
  font-size: 15px;
  letter-spacing: 1px;
  padding: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #000;
  margin-top: 15px;
}

div.interactionSubsection {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 25px;
}

div.actAliases>div {
  border-bottom: 1px solid #ccc;
}

div.interactionSubsecTitleRow {
  font-weight: bold;
  letter-spacing: 1px;
  color: #666;
  border: none;
  margin-bottom: 5px;
  background-color: #eee;
}

div.assignmentTable ul {
  padding-left: 15px;
  font-size: 12px;
  list-style: circle;
}

ul.aliasUL {
  padding-left: 15px;
  list-style: circle;
}

div.assignmentRow div {
  display: table-cell;
}

div.assignmentRow div {
  border-bottom: 1px solid #ccc;
}

/*** stats page **********************************************************/
table#statTotals {
  font-size: 16px;
  border: 1px solid #000;
  width: 345px;
  float: left;
  margin-bottom: 10px;
}

td.statTtlLabel {
  padding: 10px;
}

td.statTtlNumber {
  padding: 10px;
}

table.stat td {
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #999;
}

table.stat tr.statHeader td,table.stat tr.statTotals td {
  color: #000;
  border-bottom: none;
  background-color: #eee;
  font-weight: bold;
}

.aRight {
  text-align: right;
}

/*** pubmed reports ***********************************************/
div.pSciRight {
  float: right;
  width: 575px;
}

div.pSciLeft {
  float: left;
  width: 300px;
}

div#pSearchControl {
  
}

fieldset.pubReportFS {
  border: 1px solid #666;
  padding: 20px;
}

fieldset.pubReportFS legend {
  padding: 0px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
}

div#pSearchControlInstructions h4 {
  margin: 0px;
  padding: 0px;
}

div#pSearchControlInstructions p i {
  font-size: 13px;
  line-height: 1.3em;
}

div.pSearchControlInput {
  line-height: 25px;
  margin-bottom: 10px;
}

select#selectedSourceDbId,textarea#pubMedText {
  
}

table.pubReport td {
  padding-left: 3px;
  padding-right: 3px;
  width: 74px;
  border-bottom: 2px solid #fff;
  letter-spacing: 1px;
  border-right: 2px solid #fff;
}

table.pubReport td.totalFound,table.pubReport td.pubmedId {
  width: 94px;
}

table.pubReport table.pubReport {
  background-color: #ffffcc;
  width: 100%;
}

table.pubReport table.pubReport td.pubmedIdBlank {
  background-color: #fff;
  width: 94px;
}

table.pubReport td.totalFound {
  font-weight: bold;
}

table.pubReport table.pubReport td.totalFound {
  font-weight: normal;
  width: 94px;
}

table.pubReport td.fullWidthOfPubTable {
  width: 100%;
  min-width: 795px;
  background-color: #fff;
  text-align: left;
  height: 30px;
  vertical-align: top;
  font-size: 13px;
  padding-left: 105px;
}

tr.pubReportHeader td {
  background-color: #eee;
  color: #000;
}

tr.pubReportHeaderRepeated td {
  background-color: #99cc99;
  color: #000;
}

tr.pubReportHeader  td.allDb {
  text-align: center;
}

tr.even td {
  background-color: #ccffff;
}

tr.odd td {
  background-color: #ccffcc;
}

tr.expanded td {
  background-color: #ffccff;
}

tr.expanded td {
  background-color: #ffccff;
}

div#paginateSection a {
  display: table-cell;
  width: 30px;
  height: 20px;
  border: 1px solid purple;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}

#subnav #iRefReleaseInfo {
  padding-left: 100px;
}

span#iRefReleaseInfo {
  font-weight: normal;
  color: #000000;
  font-weight: bold;
}

div.searchHeader {
  margin-bottom: 10px;
  overflow: hidden;
  clear: both;
  overflow: hidden;
}

div.sResultsTitle div {
  letter-spacing: 1px;
  line-height: 1.5em;
}

h2.h2pSearch {
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
}

div.pubReport {
  display: table;
}

div.pubReportHeaderRepeated,div.pubIntRow,div.dbHeaderRow {
  display: table-row;
}

div.pubReportHeaderRepeated div,div.pubIntRow div,div.dbHeaderRow div{
  display: table-cell;
}

div.pubReportHeaderRepeated div,div.dbHeaderRow  div {
  background-color: #ffff00;
  font-weight: bold;
  text-transform: uppercase;
}

div.pubmedId,div.totalFound,div.dbName {
  display: table-cell;
  width: 60px;
  padding-left: 5px;
  padding-right: 5px;
  border: 2px solid #fff;
}

div.intLinkCell {
  display: table-cell;
  width: 190px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
  border: 2px solid #fff
}

div.pirOdd div {
  background-color: #ffffcc;
}

div.pirEven div {
  background-color: #ccffcc;
}

:focus {
  outline: none;
}

:active {
  outline: none;
}

table#npLprHprTable {
  margin-bottom: 20px;
  clear: both;
  margin-left: 25px;
}

table#npLprHprTable tr.eRow td {
  background-color: #ffffcc;
}

table#npLprHprTable tr.oRow td {
  background-color: #ccffff;
}

table#npLprHprTable tr.tRow td {
  background-color: #ccc;
  font-weight: bold;
}

table#npLprHprTable td {
  padding: 5px;
  padding-left: 20px;
  text-align: left;
  width: 75px;
  text-align: left;
}

span.xMark {
  width: 20px;
  height: 20px;
  background-image: url(../images/xmark.png);
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}

span.checkMark {
  display: block;
  height: 20px;
  background-image: url(../images/checkmark.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
}

dl#defs {
  float: left;
  width: 400px;
  margin-left: 25px;
}

dl#defs dt {
  vertical-align: top;
  float: left;
  clear: left;
  width: 70px;
  font-weight: bold;
}

dl#defs dd {
  vertical-align: top;
  width: 330px;
  clear: right;
  float: left;
  margin-bottom: 20px;
}

dl#implication {
  float: right;
  width: 475px;
  margin-left: 25px;
}

dl#implication dt {
  font-weight: bold;
  vertical-align: top;
  float: left;
  clear: left;
  width: 80px;
  padding-right: 40px;
  margin-right: 5px;
  background-image: url(../images/implication.jpg);
  background-position: right center;
  background-repeat: no-repeat;
}

dl#implication dd {
  vertical-align: top;
  width: 350px;
  clear: right;
  float: left;
  margin-bottom: 10px;
}

span.card {
  font-weight: bold;
}

table.formula {
  margin-bottom: 20px;
}

table.formula tr.fTitle td {
  font-weight: bold;
  border-bottom: 1px solid #666;
}

table.formula td {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  letter-spacing: normal;
}

table#left {
  float: left;
  margin-left: 25px;
}

table#right {
  margin-left: 100px;
  float: left;
}

body#helpBody p {
  clear: both;
  font-size: 15px;
  letter-spacing: normal;
  margin-bottom: 20px;
}

form#cmpIntFrm label {
  font-size: 14px;
}

div.hrTitle {
  margin-bottom: 5px;
  font-weight: bold;
  margin-top: 40px;
  letter-spacing: 1px;
  clear: both;
  border-bottom: 1px solid #666;
  font-size: 20px;
  border-left: 20px solid #666;
  padding-left: 10px;
  padding-bottom: 3px;
  color: #000;
}

/*********************** db stats *************************/
.tablehover div {
  background-color: #ffff00;
}

div#activeSummary {
  font-weight: bold;
}

div.tablehover {
  background-color: #ffff00;
}

.interactive .cellRight {
  text-align: right;
}

div.interactive {
  display: table;
  border-collapse: collapse;
  margin-left: 40px;
}

div.interactive div.divROW {
  clear: both;
  display: table-row;
}

div.OLtopCell {
  height: 40px;
}

div#activeOverlapOrg {
  background-color: yellow;
}

div.interactive div.divTD {
  width: 78px;
  vertical-align: middle;
  border: 1px solid #999;
  background-color: #fff;
  display: table-cell;
  letter-spacing: 1px;
}

div.interactive div.divTD div {
  padding-top: 1px;
  padding-right: 3px;
}

div.interactive div.dbCell {
  width: 120px;
  padding-top: 1px;
  font-weight: bold;
  padding-left: 3px;
  background-color: #eee;
}

div.interactive div.titleCell {
  padding-top: 1px;
  padding-right: 3px;
  width: 75px;
  background-color: #eee;
}

div.interactive  div.rowTitle {
  background-color: #EEF3E0;
}

div.interactive div.activeOverlapOrg {
  background-color: yellow;
}

.summaryUnq label,.st_acts_unq,.st_pubs_unq,.st_ints_unq {
  font-style: italic;
}

.summaryInts,.st_ints_unq,.st_ints_ttl,.ot_ints_ttl {
  background-color: #ffffcc;
}

.summaryPubs,.st_pubs_unq,.st_pubs_ttl,.ot_pubs_ttl {
  background-color: #ffccff;
}

.summaryActs,.st_acts_unq,.st_acts_ttl,.ot_acts_ttl {
  background-color: #ccffff;
}

.interactive  .titleCell {
  font-weight: bold;
}

.interactive .rightCell {
  text-align: right;
}

.statControl {
  float: left;
}

.statControl fieldset {
  padding: 5px;
  margin-left: 20px;
  margin-top: 0px;
  float: left;
}

.statControl fieldset div {
  vertical-align: middle;
  padding: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.statControl fieldset div  label {
  vertical-align: middle;
  padding-left: 4px;
}

.statControl fieldset div input {
  vertical-align: middle;
}

.statControl legend {
  font-weight: bold;
  letter-spacing: 1px;
  padding-left: 5px;
  padding-right: 5px;
  color: #666;
}

div.org {
  float: left;
  width: 210px;
  font-size: 12px;
  margin-top: 5px;
  text-align: left;
  padding-top: 1px;
  padding-bottom: 1px;
}

div.orgOTLabel {
  float: left;
  width: 200px;
  font-size: 12px;
  margin-top: 5px;
  margin-left: 5px;
  text-align: left;
  padding: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: #ccc;
  cursor: pointer;
}

td.activeOverlapOrg,div.activeOverlapOrg {
  background-color: yellow;
  font-weight: bold;
}

/***** org selection ***********************/
body#statBody h2 {
  clear: both;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: normal;
  padding: 0px;
  padding-bottom: 5px;
}

div.topofstatlink {
  margin-top: 100px;
 
  clear: both;
  background-color: #333;
  overflow: hidden;
  border: 4px solid #333;
}

div.statHeader {
  background-color: #fff;
  padding: 10px;
  color: #000000;
  margin-bottom: 10px;
  overflow: hidden;
  padding-left: 0px;
  /*
  border-left: 4px solid #999;
  border-right: 4px solid #999;
  */
  padding-left: 10px;
  padding-right: 10px;
  
}

div.statHeader p {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}

div.topofstatlink a {
  margin-left: 11px;
  margin-right: 11px;
  width: 100px;
  border-bottom: none;
  display: inline-block;
  text-align: center;
background-color: #fff;

  -moz-border-radius: 20px; 
  -webkit-border-radius: 20px;
  border-raidus: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

div.topofstatlink  a.activeStatTab {
  background-color: #ffffcc;
font-style: italic;

  font-weight: bold;
  
  color: #000000;

}

#tabs {
  padding: 0;
  padding-left: 5px;
}

#tabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li {
  display: inline;
  padding: 0;
}

#tabs a {
  float: left;
  background: #ddffff;
  margin-left: 4px;
  text-align: center;
  text-decoration: none;
  min-width: 10px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

#tabs a span {
  float: left;
  display: block;
  text-align: center;
}

#tabs a span {
  float: none;
}

#tabs a:hover {
  background-color: #7E94B9;
  color: white;
}

#tabs a:hover span {
  background-color: #7E94B9;
}

#tabHeaderActive span,#tabHeaderActive a {
  background-color: #42577B;
  color: #fff;
}

.tabContent {
  clear: both;
  border: 1px solid #999;
  padding-top: 2px;
  height: 300px;
  overflow: auto;
  padding-bottom: 20px;
  padding-left: 10px;
  background-color: #ffffcc;
}

/*********** charts ***********************/
.ct {
  float: left;
  overflow: hidden;
}

.ctOrgTitle {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

.orgChart {
  float: right;
  padding: 4px;
  margin-bottom: 20px;
  border: 1px solid #999;
}

.ctTitle {
  font-size: 14px;
  text-align: right;
  letter-spacing: 1px;
  padding-right: 10px;
  width: 265px;
}

.orgTarget {
  clear: both;
  padding: 10px;
  border: 1px solid #999;
  background-color: #99ff99;
}

.taxPie {
  float: left;
}

.taxWrap {
  float: left;
}

.codeTable {
  line-height: 1.5em;
}

table.codeTable {
  
}

table#codeTable tr td {
  padding-left: 5px;
  padding-top: 10px;
}

ul#statListings {
  letter-spacing: 1px;
  color: #000000;
  float: left;
  padding: 10px;
  padding-left: 30px;
  width: 400px;
  font-size: 14px;
  letter-spacing: normal;
}

ul#statListings a {
  font-size: 20px;
}

ul#statListings li {
  margin-bottom: 20px;
}

body#helpBody h3 {
  color: #000000;
  font-weight: bold;
}

body#statsBody h6 {
  
}

.statsSpinner {
  font-size: 14px;
  font-style: italic;
  color: red;
}

#trailer {
  line-height: 1.2em;
  text-align: right;
  letter-spacing: 1px;

float: right;
  
}

#trailer a {
  font-weight: normal;
  font-size: 16px;
}

span.irefversion {
  font-size: 12px;
  letter-spacing: 1px;
}

#trailer span.irefversion a {
  font-size: 12px;
}



div#sHelpWrapper p {
  font-size: 14px;
  font-size: 14px;
  line-height: 1.4em;
}

div#sHelpWrapper ul,div#sHelpWrapper ol {
  padding-left: 20px;
}

div#sHelpWrapper ul li,div#sHelpWrapper ol li {
  margin-bottom: 3px;
  font-size: 13px;
  line-height: 1.4em;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

div#sHelpWrapper ol li {
  display: none;
}

div#sHelpWrapper ul li i,div#sHelpWrapper ol li i {
  font-weight: bold;
}



h4.help {
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: bold;
  padding: 0;
  margin-bottom: 5px;
  color: #000;
}

div.iDialog {
  font-size: 14px;
  line-height: 1.5em;
}

.siteSign {
  background-color: aqua;
}

table.intSrchTable {
 
  width: 100%;
  }

tr.intSrchRow {

}

td.intSrchCell {
 
 padding: 2px;
 padding-top: 3px;
 padding-bottom: 3px;
 border: 1px solid #ccc;
}

td.intSrchNumCol {
 width: 80px;
}


/* Results table */

table.batchResults {
	border-collapse: collapse;
	width: 100%;
	clear: both;
}
          	
table.batchResults td,
table.batchResults th {
	padding: 2px 5px;
}
          	
table.batchResults th {
	font-weight: bold;
	line-height: 1.3em;
}

table.batchResults tr.header {
	background: #eee;
}

table.batchResults tr.header th {
	padding-top: .5em;
	padding-bottom: .5em;
	border: solid 1px #666;
}

table.batchResults tfoot tr,
table.batchResults tr.footer {
	background-color: #ddd;
}
          	
table.batchResults tr {
	border-bottom: solid 1px #666;
}

table.batchResults tr:hover {
	background: #ddf;
}

table.batchResults td {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

          	
table.batchResults td.number {
	text-align: right;
}

table.batchResults td.boolean {
	text-align: center;
}


table.batchResults th a.sortable {
	display: block;
	margin: auto;
}

table.batchResults td.interactionId a {
	display: block;
}

/* Sorting links */

a.sortable {
	padding-right: 18px;
	padding-left: 18px;
	background: url(../images/sort-none.png) no-repeat right 50%;
}

a.sortedAsc {
	background: url(../images/sort-asc.png) no-repeat right 50%;
}

a.sortedDesc {
	background: url(../images/sort-desc.png) no-repeat right 50%;
}

a.sortable:hover {
	background-image: url(../images/sort-none-hl-asc.png);
}

a.sortedAsc:hover {
	background-image: url(../images/sort-asc-hl-desc.png);
}

a.sortedDesc:hover {
	background-image: url(../images/sort-desc-hl-asc.png);
}

/* Search results table's toolbar */

.batchResultsToolBar {
	margin: 5px 0;
	padding: 0;
	-webkit-border-radius: 4px;
	background: #eee;
	border: 1px solid #ccc;
	float: right;
}

.batchResultsToolBar li {
	list-style: none;
	display: inline;
	border-right: 1px solid #ccc;
	line-height: 2em;
	padding: 0 1em;
}
.batchResultsToolBar li.last {
	border-right: none;
}

.batchResultsToolBar li img {
	vertical-align: middle;
}

.batchResultsToolBar form {
	display: inline;
}

.batchResultsToolBar .paginator a,
.batchResultsToolBar .paginator span {
	padding: 0 .2em;
}

.batchResultsToolBar .paginator .currentStep {
	font-weight: bold;
}

dl.stats dt {
	clear: both;
	float: left;
	font-weight: bold;
}

dl.stats dd {
	float: right;
}

dl.stats dd.stddev,
dl.stats dt.stddevLabel {
	display: none;
}

/* Utility classes */

.approx:before {
	content: '~';
}

/* The 5 model organisms. */

.taxonomyHomoSapiens { background-color: #ff6; }
.taxonomyMusMusculus { background-color: #6ff; }
.taxonomyDrosophilaMelanogaster { background-color: #c9f; }
.taxonomyCaenorhabditisElegans { background-color: #fc6; }
.taxonomySaccharomycesCerevisiae { background-color: #9f6; }
.taxonomyOther { background-color: #88f; }

.taxonomyHomoSapiensFg { color: #ff6; }
.taxonomyMusMusculusFg { color: #6ff; }
.taxonomyDrosophilaMelanogasterFg { color: #c9f; }
.taxonomyCaenorhabditisElegansFg { color: #fc6; }
.taxonomySaccharomyesCerevisiaeFg { color: #9f6; }
.taxonomyOtherFg { color: #88f; }


.taxonomyLegend ul,
.taxonomyLegend li {
	list-style: none;
	margin: 0;
}

.taxonomyLegend li {
}

.taxonomyLegend .taxonomy {
	display: block;
	overflow: visible;
	width: 0;
	height: 16px;
	padding-left: 16px;
}

.taxonomyLegend .taxonomy span {
	display: block;
	width: 200px;
	padding-left: 2px;
}

.batchResults .taxonomyLegend {
	float: left
}

#releaseBody h3 {
  font-weight: bold;
  letter-spacing: 1px;
  }

 ul.releaseUl {
 padding-left: 30px;
}
 ul.releaseUl li {
 margin-bottom: 0.5em;
}

ul.releaseUl ul {
padding-left: 60px;
}