/* $Id: tabs.css,v 1.6 2005/10/13 16:48:47 jt6 Exp $ */

/*
#intro { 
  margin: 0;
  padding: 0;
  background: #8AE;
  height: 84px;
}
*/


/* starting into the page... */

/* data tables */

table.data { 
  margin: 10px 0;
  width: 100%;
  border-collapse: collapse;
}

table.data td {
  padding: 0.5em;
}

/* keep odd and even rows the same colour in the left column... */
table.data td.left {
  width: 8em;
  background: #006;
  color: #EEE;
  text-align: right;
  font-weight: bold;
}
table.data tr.odd td.right {
  background: #CDF;
}
table.data tr.even td.right {
  background: #BCE;
}

h2.deadHeading {
  color: #000;
}


dl.deadEntry dt {
  float: left;
  text-align: right;
  font-weight: bold;
  width: 10em;
  padding: 0.2em;
}

dl.deadEntry dd {
  padding: 0.2em;
  margin-left: 0.4em
}


/* specific data table elements */

#context a {
  float: left;
}

dl.transcripts {
  float: left;
/*  padding-left: 8em; */
  padding-top: 0em;
  padding-bottom: 0em;
  margin: 0;
}

dl.transcripts dt {
/*  font-weight: bold; */
  float: left;
  width: 5em;
}

dl.transcripts dd {
  margin-left: 6em;
  margin-bottom: 0.5em;
}


tr.sectionTitle {
  background: #006;
}

.sectionTitle h2 {
  color: #EEE;
  font-weight: normal;
  margin: 0;
}

.conflict h4 {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

.conflict p {
	padding: 0;
	margin: 0;
	margin-left: 9em;
}


/* related entries sections */

#relatedList a.re {
  float: left;
  width: 10em;
  padding: 2px;
}

#relatedList .button, #relatedTable .button {
  float: left;
  clear: both;
  padding: 4px 0 2px 0;
}

/* hide the related entry details table on load */
#relatedTable {
  display: none;
}

#relatedTable div.selectBox {
  clear: both;
}
#relatedTable p {
  display: inline;
}
#relatedTable select {
  top: 0;
  float: right;
}
#relatedTable td {
  border: 1px solid #555;
}

/* database links - applies to links in both precursor and mature sections */
ul.databaseLinks {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0.2em 0;
}
.databaseLinks li { 
  padding: 0.2em 0; 
}
.databaseLinks a {
  padding-left: 0.5em;
}

/* mature sequence */
.matureSequence {
  padding: 10px 0.5em;
}
.matureSequence p, .matureSequence pre {
  display: inline;
}
.matureSequence pre {
  color: magenta;
}


/* stem loop diagram */
.sld {
  color: magenta;
}
#stemLoop {
  padding: 10px 0.5em;
}

/* references */

.reference span { 
  display: block;
}

/* buttons in the "related entries" sections */ 
.selectBox {
  clear: both;
  padding-top: 10px;
}

.selectBox .selectLabel {
  float: left;
  width: 70%;
}

.selectBox .selectFormItem {
  float: right;
  width: 20%;
} 

.fetchButtons {
  padding-top: 0.5em;
  clear: both;
}

.fetchButtons * {
  text-decoration: none;
  color: #EEE;    
  margin: 2px;
  border-top: #DDD;
  border-right: #555;
  border-bottom: #555;
  border-left: #DDD;
  border-width: 2px;
  border-style: solid;
  background-color: #04A;
}


.it {
  font-style: italic;
}

.top {
  vertical-align: top;
}

#contextTable td {
  padding: 0;
  padding-right: 5em;
  margin: 0;
}