@CHARSET "UTF-8";
/* Easy CSS Progress Bar 1.0 - by Koller Juergen [www.kollermedia.at] */
.progress * {margin:0px; padding:0px; font-family:verdana, Helvetica, sans-serif; font-size:10px;}
.progress strong {clear:both; float:left; margin-top:15px;} /*not needed - just for this demo file*/

.progress ul {width:580px; list-style:none; margin:10px; clear:both; float:left;}
.progress ul a {text-decoration:none; color:#a9a9a9;}
.progress ul li {float:left; width:25%; background:url(arrow.gif) repeat-x right 6px; text-align:left;}
.progress ul.step5 li { width:20%;} /*only needed if you want to use 5 Steps*/
.progress ul.step10 li {width:10%;} .progress ul.step10 li a {margin-right:25%;} .progress ul.step10 li span a {display:block; width:19px; height:19px; margin:0px;}  /*only needed if you want to use 10 Steps*/
.progress ul li span {display:block; margin:auto; margin-right:50%; text-align:center; border:1px solid #a9a9a9; width:19px; height:19px; line-height:19px; background-color:#ffffff;}
.progress ul li span a {display:block; width:19px; height:19px; margin:0px;}
.progress ul li span a.active, .progress ul li.active span a, .progress ul li.past span a:hover, .progress ul li.past:hover span a {background-color:#990000; color:#ffffff; }
.progress ul li a {display:block; margin-right:20%; text-align:center;}
.progress ul li.past {background-position:right -106px;}
.progress ul li.active {background-position:right -48px;}
.progress ul li#lastStep {background-position:right -213px;}
.progress ul li#lastStep.active {background-position:right -160px;}
.progress ul li.active a:hover, .progress ul li.past a:hover, .progress ul li.past a, .progress ul li.active a {color:#990000;}
.progress ul li.active span a:hover {color:#ffffff;}
.progress ul li.past:hover {cursor:hand; cursor:pointer;}
.progress ul li.past span, .progress ul li.active span {border:1px solid #990000;}