.wizard {
	margin: 16px 0;
}
.wizard a {padding: 12px 12px 10px 12px; margin-right:5px; background:#efefef; position:relative; display:inline-block; text-decoration: none; }
.wizard a:before {width:0px; height:0px; border-top: 20px inset transparent; border-bottom: 24px inset transparent; border-left: 20px solid #fff; position: absolute; content: ""; top: 0; left: 0;}
.wizard a:after {width:0px; height:0px; border-top: 20px inset transparent; border-bottom: 24px inset transparent; border-left: 20px solid #efefef; position: absolute; content: ""; top: 0; right: -20px; z-index:2;}
.wizard a:first-child:before {border:none;}
.wizard a:last-child:after {border:none;}

.wizard a:first-child {-moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius:   4px 0 0 4px;}
.wizard a:last-child {-moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius:   0 4px 4px 0;}

.current .badge { background-color: white; color: black; }
.wizard .badge {margin:0 5px 0 18px; position:relative; top:-1px;}
.wizard a:first-child .badge {margin-left:0;}

.wizard .inactive { opacity: 0.5; }
.wizard .current:after {border-left-color:#0A96A9;}
.wizard .current {background:#0A96A9; color:#fff; opacity: 1 }

.option-complete {
}

.option-complete-meter {
	height: 12px; /* Can be anything */
	background: #555;
	display: inline-block;
	width: calc(100% - 3em);
	vertical-align: middle;
}

.option-complete-meter > span {
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.option-complete-meter-text {
	font-size: 10px;
	line-height: 10px;
	white-space: nowrap;
	display:inline-block;
	width:3em;
}