.colorpicker, .timepicker {
	width:80px;
	color:black;
	border:1px solid;
	background: #FFF;
	padding:3px;
	margin: 0px 2px 5px 30px;
	border-radius:5px;
	outline:none;
	display: inline-block;
}

.digit2{
	width:40px;
	height:50px;
	margin-top:60px;
}
.clocks {text-align:center;padding-bottom:30px;}
.clock{
	border-radius: 28px;
	box-shadow: 5px 5px 20px #888888;
	border:solid black;
	padding:5px;
}
.clock.active {border-color: white;}
.clock.expired {border-color: red;}
img.colon{ padding-top:0px;}

.clockbox{
	margin-top:1em;
	display:inline-block;
	margin-left: 1em;
}
img.arrow {display: none;}

/*image preload ------------*/
#main:after
{
	content: url(../images/clock/LED_digit_0.png)  url(../images/clock/LED_digit_1.png) url(../images/clock/LED_digit_2.png)
	url(../images/clock/LED_digit_3.png)  url(../images/clock/LED_digit_4.png) url(../images/clock/LED_digit_5.png)
	url(../images/clock/LED_digit_6.png)  url(../images/clock/LED_digit_7.png) url(../images/clock/LED_digit_8.png)
	url(../images/clock/LED_digit_9.png)  url(../images/clock.png) url(../images/clock/LED_colon.png)  url(../images/reset.png)
	url(../images/play.png)  url(../images/minus.png)  url(../images/plus.png) url(../images/stop.png) url(../images/play.png)
	url(../images/arrow_right.png) url(../images/arrow_up.png) url(../images/clock2.png) url(../images/clock/uparrow.png)
	url(../images/clock/downarrow.png);

	display: none;
}
/*--------------------------*/