/* ------------------------------------------------------------------------------------------ 
    CSS ProgressBar
----------------------------------------------------------------------------------------------- */
#swapper
{
    width: 100%;
    height: 100%;
    background:#a5d5eb url(bg_page.jpg) no-repeat center;
    float: left;
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
}
        
#swap_progressbar
{
    width: 210px;
    height: 14px;
    background: url(bg_ProgressBar.png) no-repeat right 0;
    position: relative;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -108px;
    float: left;  
}
#swap_progressbar .progressbar
{
    min-width: 0px;
    width: 100%;
    background: url(ProgressBar.png) no-repeat right 0;
    float: left;
    height: 7px;
    padding:0;
    margin: 3px 0 0 -3px;    
}
#swap_progressbar .nav_progress_left
{
    width: 6px;
    height: 14px;
    background: url(bg_ProgressBar_nav.png) no-repeat 0 0;
    position: absolute;
    top: 0;
    left: -6px;
    z-index: 1;
}
#swap_progressbar .number_progressbar
{
    width: 216px;
    margin: 18px 0 0 -8px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px #5b3800;
}