/* Reset */

body,div,dt,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	padding:0px 25px 0px;
	list-style:square;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	font-weight:bold;
}



/* Misc  */

html{
margin:0;padding:0;
background:#222;
height:100%;
}

body {
color:black;
background:#222;
margin:0px;
height:100%;
font-family:verdana, arial;
border-top:2px solid #000;
}

table, td, tr, div, blockquote, h1, h2, h3, img, li, form{border:0px;margin:0px;padding:0px;}
table{border-collapse:collapse;font-size:1em}
td{vertical-align:top;}

/* Styles */

h1{font-family:arial;color:#333;font-size:250%;letter-spacing:-1px;margin:50px 0 12px;line-height:100%}
h2{font-family:arial;color:#555;font-size:1.5em;margin:40px 0 12px}
h3{font-family:arial;color:#FF6600;font-size:1.3em;margin:10px 0 1px;padding:0px;font-weight:normal}

a{color:#ed3f00;text-decoration:none}
a:hover{color:#222;text-decoration:underline}

input.text, textarea {width:200px;border:1px solid #AAA;padding:2px}
textarea{padding:0px;font-family:verdana;font-size:1em}
small {font-size:0.7em;color:#888}
.contactform td{vertical-align:middle}

.ghost{display:none;}
.points{border:1px solid #DDD;padding:10px;margin-bottom:5px}
.points h3{margin-top:0px}
.greyspan{color:#555;font-size:0.8em}
.rounded, .box {-moz-border-radius:6px;-webkit-border-radius:6px;}
.box{border:1px solid #AAA;background:#EEE;padding:10px}
.box.lighter{border:1px solid #CCC;background:#F5F5F5}

table.padded td{padding:3px}
/* Structure */


#tabnav {background:url('/images/site/222strip2.png') repeat-x bottom left;}
#tabnav a.tab {display:block;float:right;border:1px solid #888;margin-bottom:2px;margin-top:1px;border-bottom:0;background:#F8F8F8;padding:7px 15px 7px;color:#555;margin-right:7px;font-size:1.3em;font-family:arial;}
#tabnav a.tab:hover {border-style:solid;color:#444;background:#FAFAFA;text-decoration:none;}
#tabnav a.tab.active {display:block;border:2px solid #222;border-bottom:2px solid white;margin-top:0;color:black;cursor:default;background:white;margin-bottom:0}
#tabnav a.tab.active:hover {text-decoration:none;color:black;}

.contenttopspacer{clear:both;font-size:0em;height:15px;}




#topshad{background: ; height:36px;
	margin-top:0px;}
#container{	
	background:#222;
	text-align:center;
	}
	#main{
	text-align:left;
	margin:0 auto;
	width:970px;
	padding-bottom:50px;
	}
	#mainpad{
		border:1px solid #ccc;
		border-radius:12px;
		-moz-border-radius:12px;
		-webkit-border-radius:12px;
		margin:20px 0;
		padding:25px 30px 0;
		background:#FFF;
	}
	#leftcol{
		float:left;
		color:#750000;
		font-size:2em;
		width:260px;
		padding:20px;
		}
	#content{
		float:left;
		color:#000;
		font-size:1em;
		min-width:540px;
		max-width:740px;
		border-left:3px solid #EEE;
		margin:20px 20px 40px 0;
		padding-left:20px;
		}
		#siteselector{text-align:center}
		#siteprev{text-align:center}
	.clear{height:0px;font-size:0px;clear:both}
#bottomshad{background: ; height:50px}


#clientlist{float:left;width:300px;border-left:1px dotted #EEE;padding-left:30px;margin-left:30px;color:#AAA;padding-bottom:10px}
#clientlist a ,#clientlist span{display:block;color:#ed3f00;border:1px solid #DDD;margin-bottom:2px;padding:7px 10px;background:#FAFAFA;text-decoration:none;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#clientlist a:hover {border:1px solid #AAA;background:#F1F1F1}
#clientlist span{color:#888}

#monitor{position: fixed;width:100%}
#sensort {float:left;width:100%;height:20px;background:none;}
#sensorb {float:left;width:100%;height:20px;background:none;}
#goodbye {background:#ff451a;color:white;font-family:arial;padding:10px 0}
#goodbye div{font-size:2em;font-weight:bold;letter-spacing:-0.1em;font-weight:bold}
#goodbye2 {background:#CCC;color:white;font-family:arial;padding:10px 0}
#goodbye2 div{font-size:2em;font-weight:bold;letter-spacing:-0.1em;font-weight:bold}
#helloagain {background:#44ec11;color:white;font-family:arial;padding:10px 0}
#helloagain div{font-size:2em;font-weight:bold;letter-spacing:-0.1em;font-weight:bold}

/* Clock in */

.timeslots th {font-weight:bold;border-bottom:2px solid #222} 
.timeslots tr.odd, tr.odd td{background:#EEE} 
.timeslots  td{padding:3px;}