body, table {
    font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, sans-serif;
}
body { font-size: 80%; }
.clear { clear: both; }
table { 
    border-spacing: 0;
    border: 1px solid #ccc;
    float: left;
}
table tr { padding: 0; margin: 0; }
table th { padding: 0.2em 0.5em; margin: 0; border-bottom: 2px solid #ccc; border-right: 1px solid #ccc; text-align: left; font-size: 85%; color: #999; }
table td { padding: 0; margin: 0; padding: 0.2em 0.5em; border-bottom: 1px solid #ccc; }

tr { background: transparent; }
tr.uploaded { background: #bbffbb; }
tr.failure, tr.rejected { background: #ffbbbb; }
tr.todo { background: white; }
tr.building { background: #ffff99; }
tr.partial { background: #bbbbff; }
tr.built { background: #cceeff; }

td.status-box { width: 1em; height: 1em; }
td.timeinfo { font-size: 85%; }
td.percent { text-align: right; }
tr.uploaded td.status-box { background: green; }
tr.failure td.status-box, tr.rejected td.status-box { background: red; }
tr.todo td.status-box { background: white; }
tr.building td.status-box { background: yellow; }
tr.partial td.status-box { background: blue; }
tr.built td.status-box { background: #00ccff; }

#stats { float: right; }
#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; }