/*
html { overflow: hidden; }
*/

html, body {
     margin: 0;
     padding: 0;
	height: 100%; 

}

/*
body { margin: 2px; }
*/

TABLE {
	font-family: Tahoma;
	font-weight : normal;
	text-decoration : none;
	font-size : 12px;
}

A:visited {
	text-decoration: none; 
	color: White;
	}

A:link {	
	text-decoration: none; 
	color: #FFD700;
	}

A:hover {
	text-decoration: underline; 
	color: White;
	}

A:active {
	text-decoration: none; 
	color: #FFD100;
	}
	
#anchorstyle{
	cursor: pointer;
}

#markername a:link {
	color: black;
}

#markername a:hover {
	color: gray;
}

#markername a:visited {
	color: #FFD700;
}

#markername a:active {
	color: #FFD700;
}

.table_normal {
	text-decoration: none;
	background-color: #111111;
	color : #B5B5B5;
	text-align: left;
	font-size : 9px;
	font-weight: bold;
	white-space: nowrap;
	}

.table_groupCell {
	text-decoration: none;
	background-color: #1A1800;
	color : #FFD700;
	text-align: left;
	font-size : 11px;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	}

.table_headerc {
	text-decoration: none;
/*
	background-color: #1A1800;
	color : #FFD700;
*/
	text-align: left;
	font-size : 12px;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	width: 60px;
	}

.table_inner1 {
	text-decoration: none;
/*
	background-color: #1E1E1E;
	color : #FAFAD2;
*/
	text-align: right;;
	font-size : 10px;
	font-weight: bold;
	white-space: nowrap;
	width: 55px;
}

.table_inner_a {
	text-decoration: none;
	background-color: #1E1E1E;
	text-align: center;
	font-size : 9px;
	font-weight: bold;
	white-space: nowrap;
	width: 50px;
}

.table_inner_a a{
		color : #FF3300;
}

.table_inner_alarm {
	text-decoration: blink;
	background-color: #1E1E1E;
	color : red;
	text-align: center;
	font-size : 9px;
	font-weight: bold;
	white-space: nowrap;
}


#mainContainer{
	height: 100%;
}

/*#content {
	  padding: 0;
  margin: 0;
  position: absolute; 
  left: 192px;
  right: 10px;
  top: 35px;
  bottom: 10px;
  line-height: 1.2em;
  text-align: left;
}*/
  
#content {  
     margin-top: 5px;
/* 	 margin-bottom: 20px;*/
     position: relative;
     height: 100%; 
}

#map {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 95%;
	 border: 1px solid #aaa;
	 /*
z-index: 0;
*/	
}

/*
#map {
  position: absolute;
  border: 1px solid black;
  margin: 0px; 
  padding: 0px;
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 0px;
}*/

#map-wrapper {
     position: relative;
     height: 100%;
	 margin-left: 208px;
}

.infolabel {
     display: block;
     border: 1px solid #ddd;
     background: #eee;
     margin: 2px;
     font: 11px Helvetica, sans-serif;
     text-decoration: none;
     color: #444;
	 width: 196px;
}

.infolabel tbody {
	padding: 1px;
	width: 100%;
}

.infolabel thead {
     font-weight: bold;
     font-size: 15px;
}

.infolabel td#propertycol{
	width: 160px;
}

.infolabel td#right {
     font-style: italic;
	 text-align: right;
/*      font-size: 11px; */
}

.infolabel A:visited {
	text-decoration: none; 
	color: Black;
	}

.infolabel A:link {	
	text-decoration: none; 
	color: Black;
	}

.infolabel A:hover {
	text-decoration: underline; 
	color: Black;
	}

.infolabel A:active {
	text-decoration: none; 
	color: Black;
	}


#sidebar-wrapper {
	position: relative;
/*
	height: 100%;
*/
/* 	width: 250px; */
/* 	width: 20px; */
}

#sidebar-left {
	position: absolute;
	border: 1px solid #aaa;
	top: 0;
	left: 0;
	width: 200px;
/*
	height: 100%;
*/
	overflow: auto;
}

#sidebar-left h1 {
     margin: 0;
     font: bold 18px Helvetica, sans-serif;
}

#sidebar {
     position: absolute;
/* 	height: 100%; */

/*      position: absolute; */
/* 	float: left; */
     border: 1px solid #aaa;
/* 	padding-bottom:5px; */
     top: 0;
	
     width: 250px;
     /*
height: 100%;
*/
	/*overflow: auto;*/
/*      z-index: 998; */
}

#sidebar p {
     margin: 10px;
}

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

#sidebar ul#sidebar-list li a {
     display: block;
     border: 1px solid #ddd;
     background: #eee;
     margin: 2px;
     padding: 4px;
     font: 12px Helvetica, sans-serif;
     text-decoration: none;
     color: #444;
	 
}

#sidebar ul#sidebar-list li a table#blinking {
     font: 14px Helvetica, sans-serif;
     text-decoration: blink;
     color: #FF0000;
}

#sidebar ul#sidebar-list li.current a {
     border: 1px solid #444;
     border-left-width: 3px;
     padding-left: 2px;
}

#sidebar ul#sidebar-list li a:hover {
     background: white;
     color: #555;
}

#sidebar ul#sidebar-list li a strong {
     display: block;
}
#sidebar ul#sidebar-list li a span {
     font-style: italic;
     font-size: 11px;
}

body.sidebar-right #map-wrapper { margin-right: 260px;}
body.sidebar-right #sidebar { right: 0; }

body.nosidebar #map-wrapper { margin-right: 0; }
body.nosidebar #sidebar { display: none; }

body.sidebar-right a#button-sidebar-show,
body.nosidebar a#button-sidebar-hide { display: none; }

/*
body.sidebar-left-show #map-wrapper { margin-left: 208px;}
body.sidebar-left-show #footer { margin-left: 208px;}
body.sidebar-left-show #sidebar-left { left: 0; }

body.sidebar-left-hide #map-wrapper { margin-left: 0; }
body.sidebar-left-hide #sidebar-left { display: none; }
*/

/*
body.sidebar-left-show a#button-retrieveRoutes-show,
body.sidebar-left-hide a#button-retrieveRoutes-hide { display: none; }
*/

/*body.left-controlbar a#button-sidebar-show,
body.noleftsidebar a#button-sidebar-hide { display: none; }*/

#toolbar {
/* 	position: relative; */
     background: white;
     padding: 4px;
     border: 1px solid black;
	 height: 30px;
     position: relative;
}
/* holly hack for IE to get position:bottom right 
   see: http://www.positioniseverything.net/abs_relbugs.html
\*/
* html #toolbar { height: 1px; }
/* */

#toolbar h1 {
     margin: 0;
     font: bold 18px Helvetica, sans-serif;
}

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

#toolbar ul#sidebar-controls {
	position: relative;
	margin-top: 5px;
	margin-right: 5px;
}

#toolbar ul li {
     display: inline;
}

#toolbar ul li a {
     padding: 3px 6px;
     color: #444;
     text-decoration: none;
     font-size: 12px;
}

#toolbar ul li a:hover {
     color: #aaa;
     background: #444;
}

#measwindow {
     position: absolute;
     border: 1px solid #aaa;
     bottom: 0;
     width: 250px;
/*      height: 100px; */
     right: 0;
     overflow: auto;
}

#footer {
     position: absolute;
     bottom: 0px;
/*
	left: 5px;
	right: 264px;
*/
/* 	position: relative; */
/* 	clear: both; */
      width: 100%;
/*      position: absolute; */
/*      bottom: 0px; */
     background: white;
     padding: 2px;
     border-top: 2px solid black;
/*     border-bottom: 2px solid black;*/
/*
	margin: 5px auto 5px auto;
*/
/*      height: 20px; */
/* 	height: 5%; */
      z-index: 9999;
}

#footer h1 {
     margin: 0;
     font: bold 18px Helvetica, sans-serif;
}

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

#footer ul li {
     display: inline;
}

#footer ul li a {
     padding: 3px 6px;
     color: #444;
     text-decoration: none;
     font-size: 12px;
}

#footer ul li a:hover {
     color: #aaa;
     background: #444;
}

#footer ul#loggedin {
	position: absolute;
	bottom: 5px;
	right: 15px;
}

#footer ul#options {
	font: bold 14px Helvetica, sans-serif;
}

/* [listing 6-17] */
#alert {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     text-align: center;  

}

#alert p {
     width: 300px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: white;
     border: 1px solid #aaa;
}

#popup {
     position: absolute;
     top: 5%;
     left: 5%;
     width: 450px;
     text-align: center;   
     display: none;

}

#popup p {
     width: 300px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: white;
     border: 1px solid #aaa;
}

#popup-livetrack {
     position: absolute;
     top: 8%;
     left: 5%;
     width: 450px;
     text-align: center;   
     display: none;
     border-left: 1px solid #aaa;

}

#popup-livetrack p {
     border-left: 5px solid #000;
     border-right: 5px solid #000;
     text-align: left;
     width: 350px;
     margin: 0 auto 0 auto;
     padding: 5px;
     color: #444;
     font-size: 12px;
     background: #eee;
     font: 12px Helvetica, sans-serif;
     text-decoration: none;
     color: #444;
}

#popup-autoreload {
     position: absolute;
     top: 50%;
     left: 20%;
     width: 450px;
     display: none;
	 z-index: 999;
}

#popup-options {
     position: absolute;
     top: 50%;
     left: 20%;
     width: 450px;
     display: none;
	 z-index: 999;
}

.calendar {
	z-index: 9999;
}

.popup .fieldset {
/*      border-left: 5px solid #000; */
/*      border-right: 5px solid #000; */
/*      text-align: left; */
/*
     width: 380px;
*/
     margin: 0 auto 0 auto;
/*      color: #666; */
/*      font-size:70%;  */
/*
	background-color: #363636;
*/
/*      font-family:Verdana, Arial, Helvetica, sans-serif; */

     display: block;
     border: 2px solid #ddd;
     background: #eee;
     margin: 5px;
     font: 10px Helvetica, sans-serif;
     text-decoration: none;
     color: #444;
}

.popup .fieldset label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
/* 	text-align: right; */
	width:200px;
/* 	float:left; */
/* 	padding-top:0.1em; */
/* 	margin: 1em 1em 0 0; */
/* 	display: block; */
}

.popup .textfield{
/* 	margin-left:250px; */
/* 	height:20px; */
	width:200px;

	border: 1px solid #ddd;

/* 	background: transparent url("graphics/textfield_bg.gif") no-repeat; */
/* 	display: block; */
/* 	background: transparant;  */
/* 	text-decoration: none; */

	background-color: #fff;

/* 	text-align: center; */
	font-size : 10px;
	font-weight: bold;
	white-space: nowrap;



}

.popup span{
/* 	margin-left:250px; */
/* 	height:20px; */
	width:200px;
/* 	border:1px solid white; */
/* 	background: transparent url("graphics/textfield_bg.gif") no-repeat; */
/* 	display: block; */
/* 	background: transparant;  */
	text-decoration: none;
/*
	background-color: #1E1E1E;
	color : #FAFAD2;
*/
/* 	text-align: center; */
	font-size : 10px;
	font-weight: bold;
	white-space: nowrap;
}

.popup .fieldset table{
	margin: 0;
	padding: 0;
}

.popup .fieldset .table_inner1{
	width: 175px;
/*
	text-decoration: none;
	background-color: #1E1E1E;
	color : #FAFAD2;
*/
/* 	text-align: center; */
	font-size : 11px;
	font-weight: bold;
	white-space: nowrap;
}

.popup .fieldset .table_inner2{
	width: 200px;
/* 	text-decoration: none; */
/*
	background-color: #1E1E1E;
*/
/* 	color : #FAFAD2; */
/* 	text-align: center; */
/* 	font-size : 9px; */
/* 	font-weight: bold; */
/* 	white-space: nowrap; */
}

.popup .fieldset .table_inner2 #date-field{
	font-size : 10px;
	font-weight: bold;
	height: 14px;
}

.popup .fieldset .submitfield{
/* 	width: 200px; */
	text-decoration: none;
    border: 1px dotted #ddd;
/*
	background-color: #1E1E1E;
	color : #FAFAD2;
*/
 	text-align: center; 
	font-size : 12px;
	font-weight: bold;
	white-space: nowrap;
}

.popup .selectfield1{
/* 	margin-right:3px; */
/* 	height:20px; */
/* 	margin-left:250px; */
	width:200px;
	border:0px dotted black;
/* 	background: transparent url("graphics/textfield_bg.gif") no-repeat; */
/* 	background: transparant;  */
	text-decoration: none;
/*
	background-color: #1E1E1E;
	color : #FAFAD2;
*/
/* 	text-align: center; */
	font-size : 10px;
	font-weight: bold;
	white-space: nowrap;

}


#popup-alarmfunctions {
     position: absolute;
     top: 8%;
     left: 5%;
     width: 450px;
     text-align: center;   
     display: none;
     border-left: 1px solid #aaa;
     z-index: 99;
}

#popup-alarmfunctions .alarm-fieldset {
     border-left: 5px solid #000;
     border-right: 5px solid #000;
     text-align: left;
     width: 450px;
     margin: 0 auto 0 auto;
/*      padding: 5px; */
     color: #666;
     font-size:70%; 
     background: #eee;
     font-family:Verdana, Arial, Helvetica, sans-serif;
}

#popup-alarmfunctions .alarm-fieldset label {
	text-align:right;
	width:200px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em;
}

#popup-alarmfunctions .nobr {
	display:none; 
}

#popup-alarmfunctions .textfield{
	margin-right:3px;
	height:20px;
	width:200px;
	border:1px solid #fff;
	background: transparent url("graphics/textfield_bg.gif") no-repeat;
/* 	background: transparant;  */
}

#popup-alarmfunctions .textfield2{
margin-right:3px;
height:20px;
width:180px;
border:1px solid #fff;
background: transparent url("graphics/textfield_bg.gif") no-repeat;
/* 	background: transparant;  */
}

#popup-alarmfunctions .comparison{
/* 	margin-right:3px; */
height:20px;
width:20px;
	border:1px solid #fff;
background: transparent url("graphics/textfield_bg.gif") no-repeat;
/* 	background: transparant;  */
}

#popup-geofence {
     position: absolute;
     top: 8%;
     left: 5%;
     width: 450px;
     text-align: center;   
     display: none;
     border-left: 1px solid #aaa;
     z-index: 99;
}

#popup-geofence .geofence-fieldset {
     border-left: 5px solid #000;
     border-right: 5px solid #000;
     text-align: left;
     width: 450px;
     margin: 0 auto 0 auto;
/*      padding: 5px; */
     color: #666;
     font-size:70%; 
     background: #eee;
     font-family:Verdana, Arial, Helvetica, sans-serif;
}

#popup-geofence .geofence-fieldset label {
	text-align:right;
	width:200px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em;
}

#popup-geofence .nobr {
	display:none; 
}

#popup-geofence .textfield{
	margin-right:3px;
	height:20px;
	width:200px;
	border:1px solid #fff;
	background: transparent url("graphics/textfield_bg.gif") no-repeat;
/* 	background: transparant;  */
}

#develop {
     position: absolute;
     top: 90%;
     left: 0;
     width: 100%;
     text-align: center;   
     display: none;
 	 z-index: 99;
}

#develop p {
     width: 500px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: white;
     border: 1px solid #aaa;
     font: 18px Helvetica, sans-serif;
}

#test {
     position: absolute;
     top: 40%;
     left: 0;
     width: 100%;
     text-align: center;   
/*      display: none; */
}

#test p {
     width: 500px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: white;
/*      border: 1px solid #aaa; */
/*      font: 18px Helvetica, sans-serif; */
}

#div-alarm {
     position: absolute;
     top: 50%;
     left: 25%;
     width: 500px;
     text-align: center;   
     display: none;
     z-index: 99;
}

#div-alarm table {
     width: 500px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: white;
     border: 1px solid #aaa;
     font: 16px Helvetica, sans-serif;
}

#div-alarm .alarmData {
     font: 20px Helvetica, sans-serif;
     text-decoration: blink;
     color: #FF0000;
}

#toolbar ul#sidebar-controls {
	position: absolute;
	top: 5px;
	right: 5px;
}

#toolbar ul#tracktracelink {

	position: absolute;
	top: 5px;
	left: 50%;
/*      position: absolute; */
/*      top: 0; */
/*      left: 50%; */
/*      width: 50px; */
/* 	float: right; */
/* 	margin-top: 3px; */
/*     text-align: center;    */
/*      display: block; */
}

#toolbar ul#news {
	position: absolute;
	top: 20px;
	left: 25%;
    /*
border: 1px solid #ddd;
*/
    font: 16px Helvetica, sans-serif;
    color: #848484;	
	
}

#tracktracelink a {
/*      width: 40px; */
     margin: 0 auto 0 auto;
     padding: 3px;
     background: white;
/*      border: 1px solid #aaa; */
/*
     font: 18px Helvetica, sans-serif;
*/
     color: #848484;
}

#waitbar {
     position: absolute;
     top: 50%;
     left: 50%;
     background-color: transparant;
	 border-color: black;
	 border: 1px;
	 z-index: 999999;
}

/*#button-alarmfunctions-show {
	display:none;
}
*/
button-logout {
	float: right;
}

body.popup-options-show #popup-options { display: block; }
body.popup-options-show a#button-options-show, 
body.popup-options-hide a#button-options-hide { display: none; } 

body.popup-livetrack-show #popup-livetrack { display: block; }
body.popup-livetrack-show a#button-livetrack-show, 
body.popup-livetrack-hide a#button-livetrack-hide { display: none; }

body.popup-autoreload-show #popup-autoreload { display: block; }
body.popup-autoreload-show a#button-autoreload-show, 
body.popup-autoreload-hide a#button-autoreload-hide { display: none; }

body.popup-alarmfunctions-show #popup-alarmfunctions { display: block; }
body.popup-alarmfunctions-show a#button-alarmfunctions-show, 
body.popup-alarmfunctions-hide a#button-alarmfunctions-hide { display: none; }

body.popup-geofence-show #popup-geofence { display: block; }
body.popup-geofence-show a#button-geofence-show, 
body.popup-geofence-hide a#button-geofence-hide { display: none; }

body.popup-waitbar-show #div-waitbar { display: block; }

body.function-alarm-off #button-alarmfunctions-show { display: none; }
body.function-geofence-off #button-geofence-show { display: none; }
body.function-livetracking-off #button-livetrack-show { display: none; }

/*body.loading #alert { display: block; }*/
body.develop #develop { display: block; }
body.div-alarm-show #div-alarm { display: block; }