@charset "UTF-8";
/* CSS Document */

body {
	padding:0px;
	margin:0px;
	-webkit-text-size-adjust: none;
	background-image:url(images/timeclock_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#07509c;
	font-family:Helvetica, Arial, sans-serif;
	color:white;
	font-size: 24px;
}
#top {
	width:100%;
	background-color:#052c55;
	height:56px;
	border-bottom: 1px solid #089eff;
}
#logo {
	width:231px;
	height:32px;
	margin-left:auto;
	margin-right:auto;
	padding-top:12px;
}
.clock {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:100px;
	color:white;
	letter-spacing:-4px;
	text-shadow: 0px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=0);
}
.date {
	font-family:Helvetica, Arial, sans-serif;
	font-size:30px;
	letter-spacing:-2px;
	color:#00a9f2;
	text-shadow: 0px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=0);
}
.ampm {
	font-family:Helvetica, Arial, sans-serif;
	font-weight: normal!important;
	font-size:60px;
	color:white;
	letter-spacing:-4px;
}
#container {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	height:20px;
	padding-top:20px;
}
#container #left {
	width:474px;
	float:left;
	text-align:center;
}
#container #right {
	width:474px;
	float:left
}
#container #middle {
	width:2px;
	background-color:blue;
	float:left
}
input {
	padding: 8px;
	background: white;
	color: #555;
	border: 1px #DDD solid;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
.button {
	background: #0093ff;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #0064AE), color-stop(0.7, #0093FF), color-stop(0.96, #0093FF), color-stop(1, white));
	background: -moz-linear-gradient(center bottom, #0064AE 0%, #0093FF 70%, #0093FF 96%, white 100%) repeat scroll 0 0;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0093ff', endColorstr='#0064ae');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0093ff', endColorstr='#0064ae')";
	border: 1px solid #004E86;
	color: white;
	cursor: pointer;
	font-family: "Helvetica Neue", Arial, Verdana, "Nimbus Sans L", sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
	margin: 0px 5px 0px 0px;
	overflow: visible;
	padding: 0px 16px;
	text-align: center;
	text-decoration: none;
	width: auto;
	text-shadow: 0 0 3px #004D86;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding-bottom: 2px;
}


.error_msg {
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding:10px;
	margin-top:20px;margin-bottom:10px;
	background-image:url(Images/error_bg.png);
	border: 1px solid #3a71ad;
	font-size: 18px;
	width:450px;
	color:white;
	margin-left:auto;
	margin-right:auto;
	text-shadow: 0px 1px 0px #000000;
}