body {

font-family: "Helvetica Neue", Helvetica;
font-size: 16px;
background-image: url('../images/background.png');
text-rendering: optimizeLegibility;
padding: 1em;
width: 1024px;

}

h1, h2, h3, h4, aside {

font-weight: 100;
text-transform: uppercase;
letter-spacing: 3px;
margin: 0.5em 0em 0.5em;

} h1 { font-size: 1.3em; } h2 { font-size: 1.1em; } h3 { font-size: 1.0em; } h4 { font-size: 0.9em; }

input {

margin-left: 10px;
margin-right: 5px;

}

notice {

font-size: 3em;
font-weight: 100;
text-align: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.7;
background-color: white;
background: -moz-radial-gradient(50% 50%, circle, white 150px, lightgray 600px);
background: -webkit-gradient(radial, 50% 50%, 150, 50% 70%, 600, from(white), to(lightgray));
display: none;

} notice > div {

position: absolute;
top: 50%;
left: 50%;
width: 10em;
height: 4em;
margin: -2em 0px 0px -5em;

}

.actions {

padding: 5px;
font-size: 0.8em;

}

.search {

font-family: "Courier New", monospace;
overflow: hidden;

}

.search > div {

float: left;
padding: 5px;

}

.text, .total, .allocation, .offset, .duration {

font-weight: bold;

}

.search > .time {

width: 6em;

}

.search > .text {

width: 22em;

}

.search > .total {

text-align: right;
width: 4em;

}

.search > .offset {

text-align: right;
width: 2em;

}

.search > .duration {

text-align: right;
width: 6em;

}

span#active, span#total {

font-weight: bold;

}

body > p {

line-height: 1.5em;
width: 800px;
text-rendering: optimizeLegibility;

}

charts {

padding: 10px 0;

}

.chart {

display: inline-block;
height: 151px;
margin-bottom: 20px;

}

.reset {

padding-left: 1em;
font-size: smaller;
color: #ccc;

}

.background.bar {

fill: #ccc;

}

.foreground.bar {

fill: steelblue;

}

.axis path, .axis line {

fill: none;
stroke: #000;
shape-rendering: crispEdges;

}

.axis text {

font: 10px sans-serif;

}

.brush rect.extent {

fill: steelblue;
fill-opacity: .125;

}

.brush .resize path {

fill: #eee;
stroke: #666;

}

search-list {

min-height: 1024px;

}

search-list .date, search-list .day {

margin-bottom: .4em;

}

search-list .search {

line-height: 1.5em;
background: #eee;
margin-bottom: 1px;

}

search-list .time {

color: #999;

}

search-list .early {

color: green;

}

aside.totals {

float: right;

}