.days, .hours, .minutes, .seconds 
{
float:left;
margin: 10px 0px;
padding: 10px;
text-align: center;
font-family: 'BebasNeueRegular';
color: #ffffff;
text-transform: uppercase;
}

/* START - THEME SETTINGS */
div.timeInformation span.value.dark
{
	color: #ffffff;
}

div.timeInformation span.value.light
{
	color: #000000;
}
/* END - THEME SETTINGS */

/* START - STYLE FOR COLORS */
.blue
{
	color: #1faff7;
}

.green
{
	color: #4ab957;
}

.red
{
	color: #f62d37;
}

.yellow
{
	color: #f3f013;
}

.purple
{
	color: #cf55f9;
}

.orange
{
	color: #ff9800;
}
/* END - STYLE FOR COLORS */

.vertical
{
	width: 100px;
}

.clearfix
{
	clear:both;
}

/* START - STYLE FOR DEFAULT TYPE - CIRCLE BARS */
.circle-bar
{
	width: 100px;
	height: 100px;
	margin: 10px;
	padding: 0px;
	float: left;
	position: relative;
}

div.circle-bar div.timeInformation
{
	width: 100px;
	height: 100px;
	position: absolute;
	margin: 0px;
	padding: 15px 0px 0px 0px;
}

div.circle-bar div.timeInformation span.value
{
	line-height: 50px;
	font-size: 45px;
}

div.circle-bar div.timeInformation span.time-unit
{
	line-height: 20px;
	font-size: 17px;
}

.empty-circle
{
	position:absolute; 
	width:22px; 
	height:22px; 
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.empty-circle.light
{
	background-image:url("../img/countdown/empty_0_light.png");
}

.empty-circle.dark
{
	background-image:url("../img/countdown/empty_0_dark.png");
}

.image
{
	position:absolute;
	top:0px;
	left:0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
/* END - STYLE FOR TYPE 0 - CIRCLE BARS */

/* START - STYLE FOR TYPE 1 - VERTICAL PROGRESS BARS */
.vertical-bar 
{
	width: 20px;
	height: 500px;
	float:left;
	background-color: #454545;
	margin: 10px 10px 10px 38px;
	padding: 2px;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 1px #000;
    -moz-box-shadow:  0 1px 1px #000;
    box-shadow:  1px 1px 0 #000, inset 0 1px 1px rgba(0, 0, 0, 0.3);
}

.vertical-inside-bar 
{
	width: 20px;
	height: 500px;
	float:left;
	position: absolute;
	bottom: 2px;
	left: 2px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: #d7d7d7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

div.block div.timeInformation
{
	width: 100px;
	height: 70px;
	margin: 0px;
}

div.block div.timeInformation span.value
{
	line-height: 58px;
	font-size: 58px;
    color: white;

}

div.block div.timeInformation span.time-unit
{
	line-height: 20px;
	font-size: 18px;
}
/* END - STYLE FOR TYPE 1 - VERTICAL PROGRESS BARS */

/* START - STYLE FOR TYPE 2 - HORIZONTAL PROGRESS BARS */
.horizontal-description
{
	float: left;
}

.horizontal-bar 
{
	width: 500px;
	height: 20px;
	float: right;
	background-color: #454545;
	margin: 23px 10px 10px 10px;
	padding: 2px;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 1px #000;
    -moz-box-shadow:  0 1px 1px #000;
    box-shadow:  1px 1px 0 #000, inset 0 1px 1px rgba(0, 0, 0, 0.3);
}

.horizontal-inside-bar 
{
	width: 500px;
	height: 20px;
	float:right;
	position: absolute;
	left: 2px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: #d7d7d7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.days div.horizontal-inside-bar 
{
	background-image: url("../img/countdown/green_horizontal.html");
}

.hours div.horizontal-inside-bar 
{
	background-image: url("../img/countdown/blue_horizontal.html");
}

.minutes div.horizontal-inside-bar 
{
	background-image: url("../img/countdown/purple_horizontal.html");
}

.seconds div.horizontal-inside-bar 
{
	background-image: url("../img/countdown/orange_horizontal.html");
}
/* END - STYLE FOR TYPE 2 - HORIZONTAL PROGRESS BARS */

/* START - STYLE FOR TYPE 3 - VERTICAL IMAGE PROGRESS BARS */
.vertical-image-bar 
{
	width: 70px;
	height: 450px;
	float:left;
	background-repeat:repeat-y;
	margin: 10px 10px 10px 15px;
	padding: 0px;
	position: relative;
}

.vertical-image-bar.light
{
	background-image: url("../img/countdown/empty_3_light.png");
}

.vertical-image-bar.dark
{
	background-image: url("../img/countdown/empty_3_dark.png");
}

.image-wide
{
	position:absolute; 
	width:70px; 
	height:15px; 
	padding: 0px;
	margin: 0px;
	border: 0px;	
}
/* END - STYLE FOR TYPE 3 - VERTICAL IMAGE PROGRESS BARS */

/* START - STYLE FOR TYPE 4 - HORIZONTAL IMAGE PROGRESS BARS */
.horizontal-image-bar 
{
	width: 450px;
	height: 70px;
	float: right;
	background-repeat:repeat-x;
	margin: 2px 10px;
	padding: 0px;
	position: relative;
}

.horizontal-image-bar.light
{
	background-image: url("../img/countdown/empty_4_light.png");
}

.horizontal-image-bar.dark
{
	background-image: url("../img/countdown/empty_4_dark.png");
}

.image-high
{
	position:absolute; 
	width:15px; 
	height:70px; 
	padding: 0px;
	margin: 0px;
	border: 0px;	
}
/* END - STYLE FOR TYPE 4 - HORIZONTAL IMAGE PROGRESS BARS */