/* comment */

html {
    height: 100%;
} 

body {
    font-family: sans-serif, Arial, Geneva;
    padding: 0;
    margin: 0;
    font-size: 12pt;
    min-width: 960px;
    height: 100%;
}

#oma_header_small{
    padding: 0 10px 0 10px;
    margin: 0 200px 0 260px;
    top: 0;
    height: 50px;
    min-width: 500px;
    z-index: 0;    
}

#oma_header_small div.oma_header_logo {
    background: url(/OMAbrowser_sm.gif) 0 no-repeat;
    background-position:left center;
    height: 50px;
    width: 108px;
    float: left;
}
#oma_header_small div.oma_header_logo #oma_archive_header{
    background: url(/OMAbrowserArchive_sm.gif) 0 no-repeat;
}
#oma_header_small div.oma_header_logo > a#oma_link{
/* -> link to SIB administrative website */
    display:block;
    position:absolute;
    width:108px;
    height:50px;
}

#oma_header_small div.oma_header_form {
    padding-left:112px;
    height: 50px;
    width: auto;
    min-width: 350px;
}


div.oma_header_form input[type=text]{
    width: 78%;
}

div.content{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 40px;
}
#mainpage{
    text-align: center;
}

.maintable {
    background-color: white; 
    padding: 5px;
}


a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

.external { 
    color: #4444FF; 
    padding-right:11px;
    background: url(/imgs/ext.png) 0 no-repeat;
    background-position:center right;
}

.ext_sm { 
    color: #4444FF; 
}

a.experimental {
    padding-right:11px;
    background: url(/imgs/ext.png) 0 no-repeat;
    background-position:center right;
    color: #000000;
    font-size: small;
}
a.curated {
    padding-right:11px;
    background: url(/imgs/ext.png) 0 no-repeat;
    background-position:center right;
    color: #3333FF;
    font-size: small;
}
a.uncurated{
    padding-right:11px;
    background: url(/imgs/ext.png) 0 no-repeat;
    background-position:center right;
    color: #FF9933;
    font-size: small;
}

table.go {
    font-size: small;
}
table.go td {
    vertical-align: top;
} 

table { 
        border-spacing: 0pt;
        border-width: 0pt;
}

.topline {
    border-top: 1px dotted #888888;
}

.oddrow {
    background-color: #eeeeee;
}

pre {
        font-size: 10pt;
}

hr {
    color: #fff;
    background-color: #fff;
    height: 1px;
    border: 1px dotted #aaa; 
    border-style: none none dotted; 
}

.Eukaryota {
     font-size: small;
      color: #CC0000;
}

.Archaea {
     font-size: small;
      color: #006600;
}

.Bacteria {
     font-size: small;
      color: #000066;
}

div.backref {
    font-size: smaller;
    color: #000;
    margin: 0;
}

.error {
      color: #CC0000;
}

.kw1 {
    font-weight: bold;
    background-color: #FFFF66;
}

.kw2 {
    font-weight: bold;
    background-color: #A0FFFF;
}

.kw3 {
    font-weight: bold;
    background-color: #99FF99;
}

.kw4 {
    font-weight: bold;
    background-color: #FF9999;
}

.entryhead {
  font-weight: bold;
  background-color: #AAFFAA;
  padding: 3px;
  border: 1px solid #77BB77;
}

.spacing {
  background-color: white;
  padding: 10px;
}

.active-tab {
  font-weight: bold;
  background-color: #AAFFAA;
  padding-left: 15px;
  padding-right: 15px;
  border: 0px solid black;
}


.inactive-tab {
  font-weight: bold;
  background-color: #DDD;
  padding-left: 15px;
  padding-right: 15px;
  border: 0px solid black;
}

.inactive-tab a:visited {
  color: #444;
}

.inactive-tab a {
  color: #444;
}


.tab-div {
  border: solid #000 0px; 
  border-bottom-width: 1px;
  width: 100%;
}

.tab-table {
  border-spacing: 10px 0;
}

.entrytitle {
  font-weight: bold;
  font-size: 18pt;
}

.internal {
   color: #DDD;
   font-size: smaller;
}

.new {
     font-size: small;
     color: red;
     background-color: yellow;
}

.msa1 {
    background-color: #CCCCCC;
}

.msa2 {
    background-color: #FF4444;
}

.msa3 {
    background-color: #FF8800;
}

.msa4 {
    background-color: #FFFF00;
}

.msa5 {
    background-color: #00FF00;
}

.phylotable {
    font-size: smaller;
}

.xstooltip {
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 
    font: normal 8pt sans-serif; 
    padding: 3px; 
    border: solid 1px;
    background-color: #AAFFAA;
}

.navline {
    background-color: #DDEEDD;
    padding: 3px;
}

#rightfloat{
    position: absolute;
    right: 30px;
    top:80px;
}
#rssbox {
    margin-left: 10px;
    padding:10px;
    background-color: #AAFFAA;
    width: 267px;
    z-index: 5;
    border: 1px solid #77BB77;
}

#rssbox h1{
    margin-top:0px;
    font-size: 11pt;
}
#rssbox p {
    margin: 0px;
    font-size: 9pt;
}
#rssbox p span{
    font-size: smaller;
}

#twitter {
    position: absolute;
    right: 0;
    margin-top: 5px;
}

.protlist {
    font-size: 12pt;
    border-spacing: 7pt;
    border-bottom-style: solid;
    border-bottom-width: 1px;

}

.species {
   font-size: small;
}

.desc {
   font-size: small;
}

.headmain {
  background-color: #AAFFAA;
  padding-left: 30px;
  padding-right: 30px;
  border: 1px solid #77BB77;
}

.head1 {
 font-size: 180%;
 font-weight: bold;
 padding-bottom: 8px;
}

.head2 {
  font-size: small;
}

.survey {
  margin-top: -10px; 
  margin-right: -10px; 
  margin-left: -10px; 
  margin-bottom: 15px; 
  background-color: #FFFF88; 
  padding: 5px; 
  font-weight: bold; 
  border-bottom: 1px 
  solid darkgrey;
}

.survey a {
  color: darkred;
}
.survey a:visited {
  color: darkred;
}

div.modalPopupTransparent {
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    background: #CCCCCC;
    position: absolute;
    top: 0px;
    left: 0px;
}

div.modalPopupWindow {
    position: absolute;
    background-color: #FFFF88;
    border: 2px solid black;
    padding: 8px;
    text-align: left;
}