html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
a { text-decoration: none; color: #000; }
a:visited { color: #000; }
a:hover, a:focus { color: #000; }
a:focus { outline: 0; }
a img { border: none; }
b, strong { font-weight: bold; }
em, i { font-style: italic; }
p { padding: 10px 0; line-height: 150%; }
h1, h2, h3, h4, h5, h6 { padding: 10px 0; font-weight: normal; font-family: lucida grande, calibri, arial, helvetica, sans-serif; }
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
dl { padding: 10px 0; }
dt { font-weight: bold; font-size: 120%; font-family: lucida grande, calibri, arial, helvetica, sans-serif; }
dd { padding: 0 0 10px 40px; }

body { font: 12px verdana; }
.pmzero {padding:0;margin:0;}
.boxheader {font-weight:bold;border-bottom:1px solid #000;}

body { font: 12px verdana; background: #FFF; color: #000; }
html { background: #666; }
table { border-collapse: collapse; }
table.joblist { width: 100%; }
td { line-height: 100%; padding: 3px 10px; font: 12px Verdana; border-style: solid; border-width: 0; }
.nowrap { white-space: nowrap; }
th { font: 12px verdana; padding: 10px; text-align: left; line-height: 1; background: #000; }
th, th a { color: #FFF; }

input[type="text"], input[type="password"] { border: 1px solid #CCC; padding: 2px 5px; font: 12px verdana; background: #FFF; color: #000; }

tr.inprogress { background: #FF6 url(progress.png) 0 -50px; }
tr.noprogress { background: #FAA url(progress.png) 0 -100px; }
tr.unassigned { background: #7CF url(progress.png); }
tr.dormant { background: #AAA url(progress.png) 0 -150px; }

tr.inprogress:hover { background-position: 0 -60px; }
tr.noprogress:hover { background-position: 0 -110px; }
tr.unassigned:hover { background-position: 0 -10px; }
tr.dormant:hover { background-position: 0 -160px; }

tr.hide { display: none; }
tr.alwaysshow.hide { display: table-row; }

#topbar { background: #222; height: 50px; overflow: hidden; }
#newjob { float: right; }
#newjob a { font: 24px arial; color: #FFF; display: block; padding: 10px 20px; background: #333; }
#newjob a:hover { text-shadow: 0 0 5px #AAA; text-decoration: none; background: #000; }
#filter { float: left; }
#filter input { -moz-appearance: none; outline: 0; border: 0; background: #333; color: #FFF; font: 24px verdana; box-shadow: inset 1px 1px 4px #000; margin: 4px; padding: 5px; }

table { clear: both; }
#loginwrapper { width: 600px; margin: 0 auto; padding: 100px 0; }
#loginwrapper table { background: #EEE; border: 20px solid #EEE; width: 100%; }
#loginwrapper td { padding: 4px 10px 4px 0; }
#loginwrapper h1 { background: #444; padding: 10px 20px; color: #FFF; font: 24px arial; }
#loginwrapper .t input { border: 0; font: 12px Verdana; padding: 5px 10px; box-shadow: inset 1px 1px 2px #777; }
#loginwrapper .b input { border: 0; font: 12px Verdana; padding: 5px 20px; color: #FFF; background: #444; }
#loginwrapper .b input:hover { background: #000; }

#message { background: #000; font: bold 18px arial; text-align: center; background: #940; color: #F90; }

td { position: relative; }
.level1, .level2, .level3, .level4, .level5, .level6, .level7 { padding-left: 80px; }
.level1:after { content: ""; position: absolute; height: 10px; left: 0; top: 5px; width: 10px; background: #0F0; }
.level2:after { content: ""; position: absolute; height: 10px; left: 0; top: 5px; width: 20px; background: #CC0; }
.level3:after { content: ""; position: absolute; height: 10px; left: 0; top: 5px; width: 30px; background: #C60; }
.level4:after { content: ""; position: absolute; height: 10px; left: 0; top: 5px; width: 40px; background: #F90; }
.level5:after { content: ""; position: absolute; height: 10px; left: 0; top: 5px; width: 50px; background: #CC0; }
.level6:after { content: ""; position: absolute; height: 10px; left: 0; top: 5px; width: 60px; background: #F60; }
.level7:after { content: ""; position: absolute; height: 10px; left: 0; top: 5px; width: 70px; background: #F00; }