/* check NOTE when resizing, changing margins/padding */
#pro-list #pro-nav .bar ul#progress {
    background:white !important;
    padding:3px;
    list-style:none;
    width:auto;
    height:10px;
    margin:auto;
    float:left;
}

ul#progress li {
    float:left;
    width:7px;
    height:12px;
    background:transparent;
    margin:0;
    padding:0 !important;
    clear: none;
}

ul#progress li span.item, ul#progress li span.hover {
    width:6px; /* NOTE */
    height:10px; /* NOTE */
    position:absolute;
    z-index:100;
    margin:0 0 0 1px; /* NOTE */
}

ul#progress li span.hover {
    position:absolute;
    z-index:102;
    transition:all .05s ease-in-out;
    -webkit-transition:all .05s ease-in-out;
    -moz-transition:all .05s ease-in-out;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-opacity:0;
    opacity:0;
}

ul#progress li span.empty {
    background:black;
}

ul#progress li span.full {
    background:red;
}

ul#progress li:hover span.hover {
    width:10px; /* NOTE */
    height:12px; /* NOTE */
    margin:-1px 0 -1px 0; /* NOTE */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-opacity:1;
    opacity:1;
}