@charset "utf-8";

html, body {
	height:100%;
	margin-bottom:1px;
	padding:0px;
	overflow:hidden;
}

body {
	font-family:Calibri,"Trebuchet MS","Arial","Tahoma";
	font-size: 1em;
	line-height: 1.4em;
	text-align: left;
}

a {
	text-decoration:none;
	color:#003;
	font-size:small;
}

h5 {
	font-size: 1em;
	line-height: 1em;
	margin: 0.5em;
}

form {
	margin: 0.5em;
}

p {
	font-size: 0.8em;
	line-height: 1em;
	margin: 0.5em;
}

img {
	border-style: none;
}

table, table tr, table tr td {
	vertical-align: top;
}

#login {
	background-image:url('../images/login.png');
	width:400px;
	height:300px;
	margin: 40px auto;
}

#login form {
	position:relative;
	top:50px;
	left:0px;
	padding:10px;
}

#login table {
	width:100%;
	text-align:center;
}

#login input {
	width:95%;
}

#login button {
	width:100%;
}

#loginError {
	position:relative;
	top:35px;
	width:100%;
	text-align:center;
	color:#F33;
}

#timebarBars {
	position:relative;
	top:0px; 
	left:0px; 
	width:730px; 
	height:43px;
	z-index:0;
}

#timebarBars div {
	background-color: #3C3;
	z-index:0;
	height:22px;
	position:relative;
}

#timebarBtns {
	position:relative;
	top:-39px; 
	left:0px; 
	width:730px; 
	height:43px;
	z-index:2;
}

#timebarBtns div {
	z-index:2;
	height:22px;
	position:relative;
}

.deviceInfo {
	border: 1px solid #AAAAAA;
	margin-bottom: 2px;
}


.deviceInfo:hover {
	background-color: #DDDDFF;
}

.deviceInfoActive {
	border: 1px solid #AAAAAA;
	background-color: #99FF99;
	margin-bottom:2px;
}

.messageIcon {
	width:16px;
	height:13px;
	float:right;
	background-image:url('../images/messageIcon.png');
	cursor:pointer;
}

#sidebar {
	overflow: auto;
}

.sidebarBtn {
	border: 1px solid #AAAAAA;
	text-align:center;
	margin-bottom:2px;
}

.sidebarBtn:hover {
	background-color: #DDDDFF;
}

.sidebarBtn a { 
	display:block; 
	width:100%;
}

#navBox {
	display: none;
}

.dateChooserData {
	background-color:#4C4;
	color:#222;
}

#timeBox {
	display:none;
	position:fixed;
	width:80px;
	height:20px;
	top:0px;
	left:0px;
	font-size:12pt;
	color:#AAA;
	text-align:center;
	background-color:#EFEFEF;	
	border:1px solid #CCC;
	z-index:100;
}

.dataTable {
	width: 99%;
	margin: 2px;
}

.dataRow td, .dataRow th {
	padding: 3px;	
}

.even {
	background-color:#EEE;
}

.odd {
	background-color:#DDD;
}

#loaderBox {
	position:fixed;
	width:60px;
	height:60px;
	top:44%;
	left:42%;	
	z-index:1000;
	background-image:url(../images/loader_bg.png);
	display:none;
}

.searchResult {
	background-color:#BDF; 
	cursor:pointer;	
	padding:2px;
	margin-bottom:1px;
}

.searchResult:hover {
	background-color: #06F;
	font-weight:200;
	color:#FFF;
}