body {
    width:                  900px;
    margin:                 0 auto 0 auto;
/*    border:               1px solid #cccccc;*/
    background-image:       url('../pics/bg.gif');
/*    background-image:       url('../pics/bg_content.jpg');
    background-position:    center;
    background-repeat:      repeat-y;*/
    font-family:            arial, verdana, sans-serif;
    font-size:              12px;
}

table {
    border-collapse:        collapse;
}

a, span.link {
    text-decoration:        none;
    color:                  #cd5700;
}

a.biobel {
    color:                  #4c0000;
}

a:hover, span.link:hover {
    color :                 #792200;
    text-decoration:        underline;
    cursor:                 pointer;
}

div#header {
    width:                  900px;
    height:                 150px;
    overflow:               hidden;
}

div#container {
    background-color:       white;
}

div#tabs, div#footer {
    color:                  #ffecde;
    background-color:       #cd5700;
    border-top:             1px solid #803600;
}

div#footer {
    text-align:             center;
    padding-top:            3px;
    padding-bottom:         3px;
    border-bottom:          1px solid #803600;
}

div#tabs {
    /*border-bottom:          1px solid #803600;*/
    font-family:            sans-serif;
    font-size:              150%;
}

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

div#tabs li {
    display:                inline;
}

div#tabs li a, div.auth a {
    color:                  white;
    text-decoration:        none;
    padding-left:           10px;
    padding-right:          10px;
}

div#tabs li a:hover, div.auth a:hover {
    color:                  #cd5700;
    background-color:       white;
}

div.auth {
    float:                  right;
    font-size:              150%;
    margin-right:           20px;
}

h1, h2, h3, h4, h5, h6 {
    color:                  #351e0c;
    background-repeat:      no-repeat;
    background-position:    right 0.3em;
}

h4 {
    text-decoration:        underline;
}

h1 {
    font-size:              200%;
}

h2 {
    font-size:              180%;
}

h3 {
    color:                  #762400;
    border-bottom:          1px dotted;
    font-size:              160%;
}

h3 a {
    color:                  #762400;
}

ul.noListType {
    list-style-type:        none;
}

.textCenter {
    text-align:             center;
}

.noborder {
    border:                 0px;
}

.fullWidth {
    width:                  100%;
}

.left {
    float:              left;
}

.right {
    float:              right;
}

.textLeft {
    text-align:         left;
}

.textRight {
    text-align:         right;
}

.italic {
    font-style:         italic;
}

.bold {
    font-weight:        bold;
}

.clear {
    clear:              both;
}


/* SEQUENCES */

.seq-G {
    background-color:   #c9b95e;
}

.seq-T {
    background-color:   #c96a5e;
}

.seq-A {
    background-color:   #7ac95e;
}

.seq-C {
    background-color:   #5ea2c9;
}

div.blast-local-container {
}

div.blast-www-container {
}

div.blast-result-header {
    background-color:   #e3e3e3;
    border-bottom:      1px solid #cccccc;
    padding:            2px;
    font-weight:        bold;
}

span.score {
    color:              #930000;
}

span.seq-match {
    background-color:   #9bcd30;
}

span.seq-nomatch {
    background-color:   #cd3f30;
}

select.taxo {
    width:              200px;
}

pre.seq {
    text-align:         center;
    margin:             0;
    padding:            0;
    font-size:          10px;
    overflow:           hidden;
    margin-top:         10px;
    height:             55px;
    width:              100%;
}

img.middle {
    vertical-align:     middle;
}

img.title, img.mail {
    vertical-align:     middle;
    border:             0px;
}

img.title {
    margin:0px;
    padding-right:       5px;
}

img.mail {
    margin-left:        5px;
    margin-right:       4px; 
}

div#content {
    margin:             0 10px 0 10px;
}

div.form {
    margin-bottom:      5px;
}

.formtitle {
    font-weight:        bold;
}

h3.formsection {
    background-image:   url('../pics/arrow_bottom_small.jpg');
    background-repeat:  no-repeat;
    background-position: left;
    padding-left:25px;
}

input, textarea {
    border:             1px solid #d9d9d9;
    background-color:   #f5f5f5;
}

div.pagination {
    padding:            5px;
    margin-top:         10px;
    margin-bottom:      10px;
    background-image:   url('../pics/a33.gif');
    background-position: bottom;
    background-repeat:  repeat-x;
}

div.navbox {
    float:              right;
    width:              200px;
    padding-top:        10px;
    font-size:          14px;
}

div.subsection {
    font-size:          12px;
    margin-left:        10px;
}

div.subsection a {
    color:              #940000;
}

div.about-container {
    background-color:   #E7E8E1;
}

div.about-body {
    width:              630px;
    text-align:         justify;
    padding-left:       20px ; 
    background-color:   white ; 
    padding-right:      20px ; 
    border-right:       1px solid #d7d9ce ; 
    line-height:        20px;
}

div.statbox {
    background-color:   #222222; 
    color:              white; 
    width:              200px; 
    padding:            10px; 
    margin-left:        20px;
    margin-bottom:      20px;
    float:              right;
}

span.paginationhl {
    color:              #999944;
    /*border-bottom:      1px dotted; */
    font-size:          130%;
}

div.statboxhead {
    color:              #999944;
    /*border-bottom:      1px dotted; */
    margin-bottom:      5px; 
    font-size:          130%;
}

table.statbox {
    width:              100%;
    color:              #cccccc;
}

td.yes {
    color:              #3fab22;
}

td.no {
    color:              #ab2222;
}

td.m {
    color:              #225fab;
}

td.f {
    color:              #ab22a9;
}

.nowrap {
    white-space:        nowrap;
}

table.taxa {
    background-color:       #333333;
    color:                  #cccccc;
    background-image:       url(../pics/taxa_table_bg.jpg);
    background-position:    bottom right; 
    background-repeat:      no-repeat;
}

table.taxa td, table.taxa th {
    padding-left:       5px;
    padding-right:      5px;
    vertical-align:     top;
}

table.taxa td, table.spList td {
    padding-top:        1px;
    padding-bottom:     1px;
}

table.taxa tr.footer {
    color:              white;
    background-color:   #222222;
    border-top:         1px solid #111111;
}

table.taxa th {
    padding-top:        5px;
    padding-bottom:     5px;
    font-size:          120%;
    color:              white;
    font-weight:        bold;
    background-color:   #222222;
    border-bottom:      1px solid #111111;
}

table.taxa th:hover {
    cursor:             pointer;
}

table.taxa tr a {
    color:              #cccccc;
}

table.taxa tr:hover a:hover {
    color:              #ff5e01;
}

table.taxa tr:hover {
    background-color:   #2b2b2b;
}

table.spList {
    border:             1px solid #e6e6e6;
}

table.spList th {
    padding-top:        2px;
    padding-bottom:     2px;
    border-bottom:      1px solid #d9d3ce;
}

table.spList td, table.spList th {
    padding-left:       5px;
    padding-right:      5px;
}


table.dna-descr {
}

table.dna-descr td {
    padding-right:      50px;
}

.sptitle {
    font-weight:        bold;
    width:              180px;
    vertical-align:     top;
}

table.publication .publication-pdf {
    padding-right:      5px;
    padding-left:       5px;
    background-color:   #e8e8e8;
    border-right:       1px solid #d9d9d9;
}

table.publication td {
    padding-top:        5px;
    padding-bottom:     5px;
    color:              #333333;
}

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

span.browse:hover {
    color:              #ef520f;
}

.error {
    border:             1px solid #c30000;
    background-color:   #f5e9e9;
}

span.error-message {
    font-weight:        bold;
    color:              #660000;
}

table#registration td {
    padding-top:        5px;
}

div.formfeedback {
    margin-bottom:         10px;
}

div#taxonomy {
}

table.sortable th {
    background-image: none;
}

span#sorttable_sortfwdind {
    display:    none
}

span#sorttable_sortrevind {
    display:    none
}

table.measurements th, td {
    padding-left:       5px;
}

table.measurements th {
    background-color:   #e6dbdb;
    border-bottom:      1px solid #d9d9d9;
    border-top:         1px solid #d9d9d9;
}

td.title {
    vertical-align:     top;
    padding-right:      10px;
    font-weight:        bold;
    white-space:        nowrap;
    background-color:   #f1f1f1;
    border-right:       1px solid #e6e6e6;
}

div.link {
    margin-bottom:      10px;
}

td.iconTable {
    color:#919dab ; 
    width:16px ; 
    padding-left:0px ; 
    padding-right:0px
}

div#search_container_header {
    border-top:1px solid #cd5700;
    background-color:#351e0c;
    font-size:160%;
    padding-top:5px;
    padding-bottom:5px;
}

div#search_container_header ul {
    margin:0;
    padding:0;
    list-style-type:none;
}

div#search_container_header li {
    display:inline;
}

div#search_container_body {
    border-top: 0;
    padding:10px;
    /*background-color:#f6f2ee;*/
    /*
    background-image:url(../pics/imago.gif);
    background-repeat:no-repeat;
    background-position:right top;
    */
}

div#search_container {
    margin-left: -10px;
    margin-right: -10px;
}

div#search_container_header li a {
    color:                  white;
    text-decoration:        none;
    padding-left:           10px;
    padding-right:          10px;
    padding-bottom:         5px;
    padding-top:            5px;
}

div#search_container_header li a:hover {
    color:                  #351e0c;
    background-color:       white;
}

div#search_container_header li a.selected {
    color:                  #351e0c;
    background-color:       white;
}

img.link {
    -moz-opacity:   0.9;
    opacity:        0.9;
    filter:         alpha(opacity=90);
}

img.link:hover {
    cursor: pointer;
    -moz-opacity:   1;
    opacity:        1;
    filter:         alpha(opacity=100);     
}