@charset "iso-8859-1";

/**
	Colours:
	
 	blue/gray (Pantone 5435C) : rgb(165, 184, 201);
 	light gray: rgb(247,249,250);
 	Orange - rgb(249,138,15)
	Blue - rgb(28,135,163)
	Black - rgb(0,0,0)
**/

html, body {
	font-size: 100.01%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Lucida Grande', Arial, Sans-Serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	line-height: 1.5em;
}

a {
	color: rgb(28,135,163);
}

a:hover {
	color: rgb(249,138,15);
}

h2 {
	font-size: 120%;
	font-weight: bold;
}

p {
	margin: 0 0 1.0em;
	padding: 0;
}

div#mapWrap {
	position: absolute;
	margin: 1ex;
	border: 1px solid rgb(165,184,201);
	width: 98.8%;
	height: 98%;
}

div#map {
	background-color: rgb(240,240,240);
	width: 100%;
	height: 100%;
}

/*
	Information in markers
*/
.markerInfo h2 {
	margin-bottom: 1ex;
	padding: 0;
}

.markerInfo p {
	margin: 0.6ex;
}

.markerInfo .focusLink {
	padding: 2ex;
	padding-top: 0;
}

.markerInfo .key {
	display: block;
	height: 1em;
	float: left;
	width: 14ex;
}

.markerInfo .value {
	clear: left;
}

/*
	Information about tracked objects
*/
div#logoLg {
	display: none;
	position: absolute;
	top: 1ex;
	left: 1ex;
	width: 270px;
	height: 45px;
	background-color: rgb(255,255,255);
	border: 1px solid rgb(165,184,201);
	border-top: none;
	border-left: none;
	padding: 4px 0 0 10px;
}

div#logoSm {
	margin: 0 auto;
	padding-bottom: 1ex;
	width: 120px;
}

div#clock {
   font-size: 150%;
   padding-bottom: 0.1em;
   text-align: center;
} 

div#infoBox {
	display: block;
	position: absolute;
	top: 1em;
	left: 2em;
	width: 20em;
	background-color: rgb(255,255,255);
	border: 1px solid rgb(165,184,201);
	margin: 0;
	padding-top: 0.8em;
	padding-right: 1.5em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
}

div#banners{
	display: block;
	position: absolute;
	bottom: 2.6em;
	right: 2em;
	
	background-color: rgb(255,255,255);
	border: 1px solid rgb(165,184,201);
	margin: 0;
	padding: 0.3em;
	padding-bottom: 0.05em;
}

/**
  * Place the images side by side horizontally
  */
#banners img{
	float:left;
	padding: 0.2em;
}

/**
  * Don't copy this code to future versions
  */
div#customerLogo{
	display: block;
	position: absolute;
	bottom: 2.6em;
	right: 2em;
	
	background-color: rgb(255,255,255);
	border: 1px solid rgb(165,184,201);
	margin: 0;
	padding: 0.3em;
	padding-bottom: 0.05em;
}




div#focusInfo {
	margin: 0;
	padding: 0;
}

#focusInfo .info {
	position: relative;
	border: 1px solid rgb(165,184,201);
	background-color: rgb(247,249,250);
	margin: 1.2ex 0;
	padding: 1ex;
}
#focusInfo .info p {
	margin: 1ex 0;
	padding: 0;
}

#focusInfo .title {
	position: absolute;
	top: -1ex;
	margin: 0;
	padding: 0;
	background-color: rgb(255,255,255);
}

#focusInfo .minSpeed{
	/*background-color: rgb(0,0,255);*/
	color: rgb(255,0,0);
}

#focusInfo .maxSpeed{
	/*background-color: rgb(255,0,0);*/
	color: rgb(255,90,0);
}

#focusInfo .title .color {
	border: 1px solid rgb(165,184,201);
	height: 1ex;
	font-size: 1em;
	line-height: 1em;
	width: 1ex;
	margin: 0.5ex;
	float: left;
}
#focusInfo .title span {
	font-size: 75%;
}
#focusInfo .title a {
	margin-left: 1ex;
}

#focusInfo .key {
	display: block;
	color: rgb(28,135,163);
	font-weight: bold;
}

#focusInfo .key2 {
	display: block;
	text-align:right;
	color: rgb(28,135,163);
	font-weight: bold;
}

#focusInfo .value {
	text-align:right;
	font-size: 140%;
	padding-left: 1ex;
}

#focusInfo .value2 {
	font-size: 140%;
	padding-left: 1ex;
}

#controls {
	margin: 0.5em 1em 0;
	padding: 0;
}

#controls p {
	text-align: center;
	margin: 0.5em 0;
}

/* misc */

/**
  * Div that is used to print some status information, usually for debugging
  */
#status {
	display: block;
	position: fixed;
	bottom: 0em;
	left: 70px;
	width: 30em;
	padding: 5px;
	color: rgb(255,255,255);
	font-size: 100%;
}

/* general */

a img {
	border: none;
}

.hr {
	display: block;
	line-height: 1px;
	background-color: rgb(165,184,201);
	height: 1px;
	border: 0;
	margin: 2.5ex 1ex 1.5ex 1ex;
	padding: 0;
}
hr {
	display: none;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/**
  * Control tools (below trackers)
  */
input.checkbox {
	vertical-align: middle;
}

#audioAlarm{
	display: none;
}

#viewGroups{
	display: none;
}

input.textarea, input.text {
	border: 1px solid rgb(165,184,201);
}