body { margin: 0; }
.content { padding: 10px; }
body, body table, .content, .content table, input, select 
    { font-family: lucida grande, arial, sans-serif; font-size: 12px; }
.elapsed-time { color: #a0a0a0; font-size: 8px; }
.person { font-weight: bold; }
dd { margin-bottom: 6px; }
tr { vertical-align: baseline; }
tr.textarea { vertical-align: top; }
tr.separator { height: 10px; }
table.ctable tr.crow { vertical-align: top; }
form tr { vertical-align: baseline; }
form td.label { text-align: right; padding-right: 8px; }
td.helplink { text-align: right; }
.motif-id { font-weight: bold; }
.gene-name { font-weight: bold; }
.dna { font-family: courier, monospace; font-size: 13px; }

/* Title. */

.logo { width: 150px; height: 50px; background: #80a0e8; float: left;
        background-image: url(og.png); background-repeat: no-repeat; }
.title { height: 50px; position: relative;
         color: #ffffff; background-color: #204080; }
h1 { position: absolute; left: 150px; bottom: 0; margin: 0 10px 6px;
     font-family: lucida grande, arial, sans-serif;
     font-weight: bold; font-size: 20px; }
body.fly .logo { background-image: url(fly.gif); }
body.mosquito .logo { background-color: #c09060; }
body.mosquito .title { background-color: #604020; }
body.plant .logo { background-color: #40c840; }
body.plant .title { background-color: #206020; }
body.worm .logo { background-color: #d080c0; }
body.worm .title { background-color: #802060; }

/* Sidebars. */

.sidebar { width: 150px; color: #ffffff; background: #204080;
           font-family: lucida grande, arial, sans-serif; font-size: 11px; }
body.mosquito .sidebar { background: #604020; }
body.plant .sidebar { background: #206020; }
body.worm .sidebar { background: #802060; }
.sidebar a { color: #ffffff; text-decoration: none; }
.sidebar a:hover { border-bottom: 1px dotted white; }
.sidebar .section div { padding: 1px 6px; }
.sidebar h4 { margin: 0; padding: 8px 0 2px; font-size: 12px; }
.sidebar .heading, .sidebar .python-logo
    { margin: 16px 0 4px; color: #204080; background: #80a0e8; }
body.mosquito .sidebar .heading, body.mosquito .sidebar .python-logo
    { color: #604020; background: #c09060; }
body.plant .sidebar .heading, body.plant .sidebar .python-logo
    { color: #206020; background: #40c840; }
body.worm .sidebar .heading, body.worm .sidebar .python-logo
    { color: #802060; background: #d080c0; }
.sidebar .python-logo { text-align: center; }
.sidebar .python-logo img { margin: 0; padding: 2px 0; }
.sidebar .python-logo a:hover { border: none; }

/* Styles common to both the results page and the details page. */

.window-size { font-weight: bold; }
.relative-position-list { color: #808080; font-size: 10px; }
.cluster-position-phrase { color: #808080; font-size: 10px; }
.figure { margin-top: 6px; }
.figure tr { vertical-align: top; }
.figure .left { text-align: right; }
.figure .left.distance, .figure .right.distance { text-align: center; }
.figure .gene, .figure .sequence-edge { font-size: 10px; }
.figure tr.positions { vertical-align: bottom; }
.figure .txn-end, .figure .distance, .figure .position { font-size: 7px; }
.figure .hit-length { font-size: 10px; }

/* Results page. */

.tally th, .tally td { padding: 3px 0; }
.tally th { text-align: left; }
.tally th.count-heading { text-align: right; }
.tally th.row-heading { font-weight: normal; }
.tally td.count { text-align: right; padding-left: 8px; }
body.results h2 { color: #204080; background-color: #80a0e0; 
                  margin: 0; padding: 16px 10px 4px; font-size: 16px; }
.cluster-count { font-weight: bold; }
dl.supercluster, dl.cluster { margin: 20px 10px 0; }
dl.supercluster dl.cluster { margin-left: 0; }
.gene-list { margin-top: 10px; }
.gene-list .distance { text-align: right; padding-right: 6px; }
.gene-list .relationship { padding-right: 6px; color: #808080; }
.gene-list .gene-length { color: #808080; }

td.transcript-label { font-size: 10px; white-space: nowrap;
                      padding-left: 4px; vertical-align: center; }
tr.transcript-bar td { padding-bottom: 2px; }
.transcript-id { font-weight: bold; }
td.tick { height: 3px; }

/* Details page. */

.motifs { padding-left: 3em; }
.motifs th { text-align: right; font-weight: normal; }
.motifs .forward { padding: 0 8px; }

.position { font-family: lucida grande, arial, sans-serif; font-size: 8px; }
.dna-view tr { vertical-align: bottom; }
.dna-view .dna { color: #b0b0b0; text-align: left; }
.dna-view .dna .cluster { color: #606060; padding: 10px 0; }
.dna-view .position { color: #b0b0b0; text-align: right; padding-right: 10px; }
.dna-view .position .cluster { color: #606060; padding: 10px 0; }
.highlight-A { font-weight: bold; color: #c00000; }
.highlight-B { font-weight: bold; color: #0000ff; }
.highlight-C { font-weight: bold; color: #00b000; }
.highlight-D { font-weight: bold; color: #c000ff; }
.highlight-E { font-weight: bold; color: #c08000; }
.highlight-F { font-weight: bold; color: #00c080; }
.highlight-G { font-weight: bold; color: #ff8040; }
.highlight-H { font-weight: bold; color: #8080ff; }
.highlight-I { font-weight: bold; color: #ff40c0; }
.highlight-J { font-weight: bold; color: #000000; }

/* Sources page. */

table.sources { margin-top: 10px; }
table.sources th, table.sources td { padding-right: 10px; }
table.sources td { padding-top: 10px; }