/* CSS Document */
.Member #Header #User .Block .Timer .Counter {
	/*width: 101px;*/
	height: 11px;
	/*background: url("../Images/date-counter.png") no-repeat;*/
  float: right;
	margin-bottom: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}


.Member #Header .Counter .RetroFlip { 
	width: 9px; height: 13px; font-size: 11px; 
	color: black; background-color: white; border: 1px solid #666; 
	display: block; float: left; vertical-align: middle; text-align: center; 
	font-family: 'Varela Round', sans-serif; font-weight: bold; text-shadow: none;
}

.Member #Header .Numeric .RetroFlip { 
	width: 10px; height: 11px; font-size: 12.1px; 
	color: black; background-color: white; border: 1px solid #666; 
	display: block; float: left; vertical-align: middle; text-align: center; 
	font-family: 'Varela Round', sans-serif; font-weight: bold; text-shadow: none;
}

.due{
  text-transform: uppercase; 
  font-weight: bold; 
  font-size:10px;
  position: relative;
  top: -1px;
  color: #F87E0B;
}

.Member #Header .Flipper {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../Images/counter-header.png ) 0px 0px no-repeat;
	top: 0;
}

.Member #Header .Counter .Separator {
	display: block;
	width: 12px;
	height: 11px;
	float: left;
  color: #ff0;
  font-weight: bold;
  font-size: 10px;
  text-align: center;  		
}

.Member #Header .Counter .Separator:first-child {
	/*width: 9px;*/	
}

.Member #Header #User .Block .Timer .Numeric {
	width: auto;
	height: 13px;
	float: right;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}	

.Member #Header .Numeric .Separator {
	width: 3px;
	height: 11px;
	float: left;
	display: block;
	background: url(../Images/dot_count.png ) 0px 0px no-repeat;  
}

.Challenge .Counter {
	width: 181px;
	height: 19px;
	background: url("../Images/date-counter-big.png") no-repeat;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.Challenge .Counter .RetroFlip  {
	width: 12px; font-size: 15px; 
	color: black; background-color: white; border: 1px solid #666; 
	display: block; float: left; vertical-align: middle; text-align: center; 
	font-family: 'Varela Round', sans-serif; font-weight: bold; text-shadow: none; padding-top: 2px;
}

.Challenge .Counter .Separator {
	display: block;
	width: 33px;
	height: 19px;
	float: left;  
}

.Challenge .Counter .Separator:first-child {
	width: 21px;	
}

.SitAndGo .Counter {
	width: 181px;
	height: 19px;
	background: url("../Images/date-counter-big.png") no-repeat;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.SitAndGo .Counter .RetroFlip  {
	width: 12px; font-size: 15px; 
	color: black; background-color: white; border: 1px solid #666; 
	display: block; float: left; vertical-align: middle; text-align: center; 
	font-family: 'Varela Round', sans-serif; font-weight: bold; text-shadow: none; padding-top: 2px;
}

.SitAndGo .Counter .Separator {
	display: block;
	width: 33px;
	height: 19px;
	float: left;  
}

.SitAndGo .Counter .Separator:first-child {
	width: 21px;	
}