body, #response {
background:#FFF;
}

img {
	outline: none;
	border: 0;
}

#header {
background: url(img/headerbg.png) repeat-x;
}

h1, h2.heading {
color:#000;
text-transform:uppercase;
}

a:hover { border-color:#000; }

h4 {
border-color:#FFF!important;
background: #FFF!important;
}

ul#nav li a span, .available a span { color:#66ccff; }

ul#nav li { border-color:#333; }

h1 span, h2.heading span, .workitems .item h5 span {
color:#999;
}

/*progress bar technique by benogle of http://blog.benogle.com */
.meter-wrap{
    position: relative;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 145px; height: 20px;
}

.meter-wrap, .meter-value {
    background: #686868 url('img/status.png') top left no-repeat;
}
            
.meter-text {
    position: absolute;
    top:0; left:0;
    padding-top: 4px;
    color: #FFFFFF;
	text-shadow: 1px 1px #252222;
    text-align: center;
    width: 100%;
}