/* Image layout for HMS counter*/
#imageLayout span { display: block; float: left; width: 43px; height: 68px; 
    background: url(images/countdown-sprite-black.png) no-repeat 0px 0px; } 
#imageLayout span.image0 {
	background-position: -4px 0px;
	width:26px;
} 
#imageLayout span.image1 {
	background-position: -34px 0px;
	width:26px;
}
#imageLayout span.image2 { 
	background-position: -62px 0px;
	width:26px;
} 
#imageLayout span.image3 {
	background-position: -94px 0px;
	width:26px;
} 
#imageLayout span.image4 {
	background-position: -124px 0px;
	width:26px;
} 
#imageLayout span.image5 { 
	background-position: -154px 0px;
	width:26px;
}	 
#imageLayout span.image6 {
	background-position: -184px 0px;
	width:26px;
}	
#imageLayout span.image7 {
	background-position: -214px 0px;
	width:26px;
} 
#imageLayout span.image8 { 
	background-position: -244px 0px;
	width:26px;
} 
#imageLayout span.image9 { 
	background-position: -274px 0px;
	width:26px;
} 
#imageLayout span.imageDay { 
	background-position: -304px 0px;
	width:30px;
}
#imageLayout span.imageSep {
	background-position: -343px 0px; 
	width:8px;
} 
#imageLayout span.imageSpace { 
	background-position: -364px 0px;
	width:15px;
}

#imageLayout span.imageDays { 
	position:relative;
	left:5px;
	bottom:5px;
	background-position: -450px -12px;
	width:40px;
	height:16px;
}
#imageLayout span.imageHours { 
	position:relative;
	left:22px;
	bottom:5px;
	
	background-position: -390px -12px;
	width:40px;
	height:16px;
}
#imageLayout span.imageMins {
	position:relative;
	left:45px; 
	bottom:5px;
	background-position: -390px -34px;
	width:30px;
	height:16px;
}
#imageLayout span.imageSecs { 
	position:relative;
	left:75px;
	bottom:5px;
	background-position: -450px -34px;
	width:30px;
	height:16px;
}

/* Image Layout for D counter */

#imageLayout2 span { display: block; float: left; width: 30px; height: 68px; 
    background: url(images/countdown-sprite-red.png) no-repeat 0px 0px; } 
#imageLayout2 span.image0 {
	background-position: -4px 0px;
	width:26px;
} 
#imageLayout2 span.image1 {
	background-position: -34px 0px;
	width:26px;
}
#imageLayout2 span.image2 { 
	background-position: -62px 0px;
	width:26px;
} 
#imageLayout2 span.image3 {
	background-position: -94px 0px;
	width:26px;
} 
#imageLayout2 span.image4 {
	background-position: -124px 0px;
	width:26px;
} 
#imageLayout2 span.image5 { 
	background-position: -154px 0px;
	width:26px;
}	 
#imageLayout2 span.image6 {
	background-position: -184px 0px;
	width:28px;
}	
#imageLayout2 span.image7 {
	background-position: -214px 0px;
	width:26px;
} 
#imageLayout2 span.image8 { 
	background-position: -244px 0px;
	width:26px;
} 
#imageLayout2 span.image9 { 
	background-position: -274px 0px;
	width:26px;
} 
#imageLayout2 span.imageDay { 
	background-position: -304px 0px;
	width:30px;
}
#imageLayout2 span.imageSep {
	background-position: -342px 0px; 
	width:10px;
} 
#imageLayout2 span.imageSpace { 
	background-position: -364px 0px;
	width:15px;
}
#imageLayout2 span.imageHours { 
	position:relative;
	left:10px;
	bottom:5px;
	background-position: -390px -13px;
	width:40px;
	height:15px;
}
#imageLayout2 span.imageMins {
	position:relative;
	left:45px; 
	bottom:5px;
	background-position: -390px -26px;
	width:30px;
	height:15px;
}
#imageLayout2 span.imageSecs { 
	position:relative;
	left:90px;
	bottom:5px;
	background-position: -390px -41px;
	width:30px;
	height:15px;
}

#imageLayout2 span.days {
	/* add sprite for days to go*/
	background: url(images/countdown-sprite-black.png) no-repeat 0px 0px;
	position:relative;
	left:0px; 
	bottom:10px;
	background-position: -450px 12px;
	width:35px;
	height:40px;
}

#imageLayout2 span.to-go {
	/* add sprite for days to go*/
	background-image: url(images/countdown-sprite-black.png);
	background-repeat: no-repeat;
	background-position: -450px -30px;
	position:relative;
	left:0px; 
	top:10px;
	width:60px;
	height:40px;
}

/* common CSS */

.sports-pro-live {
	/* add sports pro live logo*/
	background: #fed221 url(http://www.sportspromedia.com/images/site/countdown_header.png) no-repeat 0px 5px;
	background-size:244px;
	width:244px;
	height:110px;
	padding-top:0px;
}
.background-sprite { 
	display: block;
	float: left; 
	width: 250px;
	height: 93px;
    /*background: url(images/countdown-background.png) no-repeat 0px 0px; */
}