html, body {
    background: #f8f8f8;
    margin: 0;
    padding: 0;
}
html, body, table {
    font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, sans-serif;
    color: #202020;
}
body { font-size: 80%; }

article {
    position: fixed;
    top: 128px;
}

.clear { clear: both; }
table { 
    border-spacing: 0;
    float: left;
}
tr { padding: 0; margin: 0; }
th { padding: 0.2em 0.5em; margin: 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: left; font-size: 85%; color: #999; }
th:last-child { border-right: 0; }
td { padding: 0; margin: 0; padding: 0.2em 0.5em; border-bottom: 1px solid #ccc; }
th, td { vertical-align: top; }

tr { background: transparent; }
tr.uploaded { background: #ddffdd; }
tr.failure { background: #ffdddd; }
tr.rejected { background: #FFFFE0; }
tr.todo { background: white; }
tr.building { background: #ffff99; }
tr.partial { background: #bbbbff; }

.status-box { display: inline-block; width: 12px; height: 12px; }
tr.uploaded .status-box { background: green; }
tr.failure .status-box { background: red; }
tr.rejected .status-box { background: orange; }
tr.todo .status-box { background: white; }
tr.building .status-box { background: yellow; }
tr.partial .status-box { background: blue; }

.status-link { text-decoration: none; display: block; margin: 0; padding: 0; }

tr .media,
tr .timeinfo,
tr .revision { display: block; font-size: 85%; text-align: left; }

td .media,
td .timeinfo,
td .revision a { color: #777777; text-decoration: none; }

a.package { color: #202020; text-decoration: none; }

.number, .percent { text-align: right; }

#stats { float: right; border-left: 1px solid #f0f0f0; }
#score { margin-bottom: 2em; font-family: Helvetica, Verdana, Arial, sans-serif; }
#score-box { width: 100px; height: 100px; background: #faa; }
#score-meter { width: 100px; background: #afa; }

.figures { display: table; margin: 0; padding: 0; }
.figures li { display: table-cell; margin: 0; padding: 0 2em; border-right: 1px solid #a0a0a0; background: #f0f0f0; border-bottom: 1px solid #a0a0a0; vertical-align: top; }
.figure { font-size: 160%; font-weight: bold; }
.action-btn {
    text-decoration: none;
    background: #40a040;
    color: #fafafa;
    padding: 0.5em;
    font-weight: bold;
    border-radius: 5px;
    font-size: 80%;
}

#asubmitted-packages { width: 960px; }

tr.build-files-list td { font-size: 85%; padding: 1em 0 2em 0.5em; color: #222; }
    tr.build-files-list td ul { padding: 0 0 0 2em; }
    tr.build-files-list td a { text-decoration: none; }
    tr.build-files-list td h4 { margin: 0 0 0.6em 0; }

span.dir { font-weight: bold; }

.file-view {
    white-space: pre;
    resize: both;
    display: block;
    overflow: auto;
    word-wrap: break-word;
    box-shadow: 0 0 4px #303030;
    margin: 0.5em 0;
    width: 800px;
    height: 13em;
    background: #202020;
    color: #f0f0fa;
    padding: 0.5em 1em 1em 0.7em;
    font-family: "Andale Mono", "Courier New", fixed;
    position: relative;
}

.short .file-view {
    height: 1.5em;
    width: 500px;
}

.controls {
    float: right;
    text-align: right;
}
.short .controls { display: none; }

.gotobo, .gototop {
    margin-left: 0.5em;
    font-size: 90%;
}

.hl-none { font-weight: bold; }
.hl { font-weight: bold; }
.hl-ok { color: #33ff33; }
.hl-info { color: #3e3eff; }
.hl-warn { color: orange; }
.hl-error { color: red; }