#work-flow .finished-step div{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width:65px;
		height:30px;
		line-height:13px;
		text-align:center;
		color:#fff;
	}
	#work-flow .un-finished-step div{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width:65px;
		line-height:13px;
		text-align:center;
		color:#666666;
	}
	
	#work-flow .demo-step div{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width:105px;
		line-height:33px;
		text-align:center;
		color:#666666;
	}
	
	#work-flow .finished-step{
		position: relative;
        width:80px;
        height:32px;
        padding:8px;
        background-color: #009DD9;
        border: #cccccc solid 1px;
        border-radius: 3px;
        cursor: pointer;
	}
	
	#work-flow .finished-step:before{
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: 0px;
        right:-16px;
        padding:0;
        border-left:8px solid #009DD9;
        border-top:15px solid transparent;
        border-bottom:15px solid transparent;
        border-right:8px solid transparent;
        display: block;
        content:'';
        z-index: 12;
    }
	
	#work-flow .finished-step:after{
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: -1px;
        right:-18px;
        padding:0;
        border-left:9px solid #cccccc;
        border-top:16px solid transparent;
        border-bottom:16px solid transparent;
        border-right:9px solid transparent;
        display: block;
        content:'';
        z-index:10
    }
	
	#work-flow .un-finished-step{
        position: relative;
        width:80px;
        height:32px;
        padding:8px;
        background-color: #FFFFFF;
        border: #cccccc solid 1px;
        border-radius: 3px;
        cursor: pointer;
    }
   #work-flow .un-finished-step:before{
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: 0px;
        right:-16px;
        padding:0;
        border-left:8px solid #FFFFFF;
        border-top:15px solid transparent;
        border-bottom:15px solid transparent;
        border-right:8px solid transparent;
        display: block;
        content:'';
        z-index: 12;
    }
    #work-flow .un-finished-step:after{
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: -1px;
        right:-18px;
        padding:0;
        border-left:9px solid #cccccc;
        border-top:16px solid transparent;
        border-bottom:16px solid transparent;
        border-right:9px solid transparent;
        display: block;
        content:'';
        z-index:10
    }
    
	#work-flow .demo-step{
        position: relative;
        width:120px;
        height:50px;
        padding:8px;
        background-color: #FFFFFF;
        border: #cccccc solid 1px;
        border-radius: 3px;
        cursor: pointer;
    }
   #work-flow .demo-step:before{
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: 0px;
        right:-33px;
        padding:0;
        border-left:17px solid #FFFFFF;
        border-top:24px solid transparent;
        border-bottom:24px solid transparent;
        border-right:17px solid transparent;
        display: block;
        content:'';
        z-index: 12;
    }
    #work-flow .demo-step:after{
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: -1px;
        right:-35px;
        padding:0;
        border-left:18px solid #cccccc;
        border-top:25px solid transparent;
        border-bottom:25px solid transparent;
        border-right:18px solid transparent;
        display: block;
        content:'';
        z-index:10
    }