#progress_bar_wrap{overflow:hidden; margin-bottom:20px;}
#progress_bar_wrap:after{display:block;visibility:hidden;clear:both;content:""}
#progress_bar_wrap2:after{display:block;visibility:hidden;clear:both;content:""}
#progress_bar_wrap3:after{display:block;visibility:hidden;clear:both;content:""}

.progress_bar {position:relative; float:left; width:33.333%;}
.progress_bar span {display:inline-block; padding:15px 0; width:100%; text-align:center; color:#fff; background:#3d5191; border:1px solid #3d5191; font-size:1em; font-weight:bold}
.progress_bar:after {content:''; position:absolute; top:50%; width:0; height:0; border:24px solid; margin:-24px 0 0 0; z-index:10000}

@media (min-width:768px) {
    .progress_bar span {font-size:1.2em;}
}

.state_bar2 span, .state_bar3 span{color:#000; background:#f9f2f4; z-index:1; border:1px solid #ccc}
.state_bar2 span {border-right:0;}
.state_bar3 span {border-left:0;}

.state_bar1:after {border-color:transparent transparent transparent #3d5191;}

.state_bar2:after {margin-top:-17px; margin-left:-20px; padding:16.5px; border:solid #ccc; border-width:0 1px 1px 0; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); }
.state_bar2_on span{color:#fff; background:#5d88ac; border:1px solid #5d88ac}
.state_bar2_on:after {border-color:transparent transparent transparent #5d88ac}

.state_bar3:after {border-color:transparent}

.state_bar3_on span{color:#fff; background:#999; border:1px solid #999}
.state_bar3_on:after {border-color:transparent}

#fregister p{margin-bottom:0;}
#fregister_chkall{background:#f9f9f9; font-size:1em; text-align:center; border:1px solid #ecc7d2; border-top:0; padding-top:10px; padding-bottom:5px;}