﻿div.challengeStatusBox {
	color: #BBB;
	float: left;
	overflow: hidden;
	background-color: #333;
	background-position: left top;
	background-repeat: no-repeat; }

div.challengeStatusBoxBig {
	width: 185px;
	background-image: url(http://a.img-dpreview.com/challenges/Images/challenge-box-status-top.png); }
	
div.challengeStatusSmallBox {
	width: 95px;
	background-image: url(http://a.img-dpreview.com/challenges/Images/challenge-box-status-small-top.png); }	
	
div.challengeStatusBoxBig div.statusBoxInner {
	overflow: hidden;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url(http://a.img-dpreview.com/challenges/Images/challenge-box-status-bottom.png); }
	
div.challengeStatusSmallBox div.statusBoxInner {
	overflow: hidden;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url(http://a.img-dpreview.com/challenges/Images/challenge-box-status-small-bottom.png); }

div.challengeStatusBox div.statusSlot {
	float: left;
	text-align: center;
	margin-left: 5px;
	margin-top: 5px;
	min-height: 100px;
	width: 85px;
	background-position: left top;
	background-repeat: no-repeat; }
	
div.challengeStatusBox div.statusSlotActive {
	background-image: url(http://a.img-dpreview.com/challenges/Images/challenge-box-status-active.png); }

div.challengeStatusBox div.statusSlotDimmed {
	background-image: url(http://a.img-dpreview.com/challenges/Images/challenge-box-status-dimmed.png); }
