.progressbar a {
padding: 5px 0px 5px 25px; 
margin-right:5px; 
background:#B9B99D; 
position:relative; 
font-weight:bold; 
display:inline-block;
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.progressbar a:before {
width:0px; 
height:0px; 
border-top: 14px inset transparent; 
border-bottom: 14px inset transparent; 
border-left: 14px solid #efefdf; 
position: absolute; 
content: ""; 
top: 0; 
left: 0;
}

.progressbar a:after {
width:0px; 
height:0px; 
border-top: 14px inset transparent; 
border-bottom: 14px inset transparent; 
border-left: 14px solid #B9B99D; 
position: absolute; 
content: ""; 
top: 0; 
right: -14px; 
z-index:2;
}

.progressbar a:first-child:before {
border:none;
}

.progressbar a:last-child:after {
border:none;
}

.progressbar a:first-child {
-moz-border-radius: 4px 0 0 4px; 
-webkit-border-radius: 4px 0 0 4px; 
border-radius:   4px 0 0 4px;
}

.progressbar a:last-child {
-moz-border-radius: 0 4px 4px 0; 
-webkit-border-radius: 0 4px 4px 0; 
border-radius:   0 4px 4px 0;
}

.progressbar .badge {
margin:0 5px 0 8px; 
position:relative; 
top:-1px;
}

.progressbar a:first-child .badge {
margin-left:0;
}

.progressbar .current {
background:#0079B2; 
}

.progressbar .currenttxt {
color:#FFFFFF;
}

.progressbar .current:after {
border-left-color:#0079B2;
}

.progressbar .complete {
background:#0079B2; 
}

.progressbar .completetxt {
color:#FFFFFF;
}

.progressbar .complete:after {
border-left-color:#0079B2;
}

.progressbar .todo {
background:#B9B99D; 
}

.progressbar .todotxt {
color:#000000;
}

.progressbar .todo:after {
border-left-color:#B9B99D;
}