.stepTracker {
	margin: 2em;
	padding: 0;
	height: 20px;
	position: relative;
	left: -63px;
}

.stepTracker li {
	height: 20px;
	width: 100px;
	float: left;
	list-style-type: none;
	background-image: url("/ill/images/step-tracker.webp");
	text-align: center;
}

.stepLabel {
	position: relative;
	top: 100%;
}

.stepTrackerAlert { position: absolute; left: -9999em; }

.stepTracker .inactive	{ background-position-y: 0; }
.stepTracker .pending	{ background-position-y: -108px; }
.stepTracker .active	{ background-position-y: -216px; }
.stepTracker .complete	{ background-position-y: -324px; }

.stepTracker .left		{ background-position-x: 0; }
.stepTracker .center	{ background-position-x: -100px; }
.stepTracker .right		{ background-position-x: -200px; }

@media only screen and (max-device-width: 480px){ .stepTracker {
	margin: 1em;
	padding: 0;
	height: auto;
	position: static;
	left: 0;
}

.stepTracker li {
	height: auto;
	width: auto;
	float: none;
	list-style-type: auto;
	background-image: none;
	text-align: left;
}

.stepLabel {
	position: static;
	top: 0;
}

.stepTracker .active { font-weight: bold; }

}