@media screen
{
	div.progress
	{
		position: relative;
		height: 15px;
		width: 200px;
		padding: 0px 4px;
		display: block;
		float: left;
	}

	.progress img
	{
		position: absolute;
	}

	.progress img.left
	{
		top: 0px;
		left: 0px;
	}

	.progress img.right
	{
		top: 0px;
		right: 0px;
	}

	.progress div.complete, .progress div.incomplete
	{
		float: left;
		background-position: middle left;
		background-repeat: repeat-x;
		height: 15px;
	}

	.progress div.complete
	{
		background-image: url(./assets/images/progress_complete.png);
	}

	.progress div.incomplete
	{
		background-image: url(./assets/images/progress_incomplete.png);
	}
}