a, a:link, a:visited, a:hover, a:active { color: #00F; }
a, a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

body { margin: 0; font-family: Verdana; }
div.nav { background-color: #6019e3; padding: 8px; }
div.nav a { color: #FFF; text-decoration: underline; }
div.nav-left { float: left; }
div.nav-right { float: right; }
div.nav div.nav-left ul { list-style-type: none; margin: 0; padding: 0; }
div.nav div.nav-left ul li {display: inline; width: 100px; padding: 10px 50px; }
div.nav div.nav-left a { font-weight: bold; }
div.nav div.nav-right { }
div.nav div.nav-right p { margin: 0; padding: 0; color: #FFF; }

div.main_content { padding: 5px 80px; }

p.form-error { background-color: #FDE; padding: 10px; }

p.study { margin-bottom: 40px; }

div.tst-graph { width: 100%; padding: 0; margin-bottom: 60px; }
div.bucket-grp { }
div.bucket-container { float: left; width: 80px; height: 70px; background-color: #FFF; padding-top: 5px; }
div.bucket-container .bucket-num { display: block; text-align:center; font-size: 2em; font-weight: bold; }
div.bucket-container .bucket-inc { display: block; text-align:center; font-size: 0.8em; }
div.tst-graph ul { float: left; list-style: none; margin: 0; padding: 5px 20px 20px 0; width: 80%; border-right: 2px solid #000; border-left: 2px solid #000; }
div.tst-graph ul.first { border-top: 2px solid #000; }
div.tst-graph ul.last { border-bottom: 2px solid #000; }
div.tst-graph ul li { margin: 0 0 2px 2px; width: 100%; padding: 0; }
div.tst-graph ul li span { display: block; float: left; height: 30px; }
div.tst-graph ul li.ready-to-test span.color-fill { background-color: #ff2fc7; width: 0%; }
div.tst-graph ul li.waiting-to-test span.color-fill { background-color: #0F0; width: 0%; }
div.tst-graph ul li span.int-amount { width: 10%; padding: 5px 0 0 5px; height: 25px; }

table tr.bucket-one { background-color: #FDE; }
table tr.paused { background-color: #EEE; color: #AAA; }