html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#map {
  width: 100%;
  height: 100%;
}

body {
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: normal;
  font-size: 11px;
}

.rollover a {
  text-decoration: none;
  font-size: 9pt;
  font-weight: normal;
  color: #000000;
  z-index:-1;
}

.rollover a:hover {
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: #111111;
}

.rollover td {
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 9pt;
}

.rollover2 {
  border-top: solid #000 0px;
  border-left: solid #000 0px;
  border-bottom: solid #000 0px;
  border-right: solid #000 0px;
}

.rollover2 td {
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 9pt;
}

.rollover2 a {
  text-decoration: none;
  font-size: 8pt;
  font-weight: bold;
  color: #0000ff;
}

.rollover2 a:hover {
  text-decoration: none;
  font-size: 8pt;
  font-weight: bold;
  color: #ff0000;
}

.m_roll a {
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: red;
  background-color: #dddddd;
  nowrap: nowrap;
}

.m_roll a:hover {
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: #000000;
  background-color: #ccffcc;
  nowrap: nowrap;
}

.a_roll a {
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: orange;
  background-color: #dddddd;
}

.a_roll a:hover {
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: #000000;
  background-color: #ccffcc;
}

.c_roll a {
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: green;
  background-color: #dddddd;
}

.c_roll a:hover {
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: #000000;
  background-color: #ccffcc;
}

.f_roll a {
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: blue;
  background-color: #dddddd;
}

.f_roll a:hover {
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: #000000;
  background-color: #ccffcc;
}

.u_roll a {
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: black;
  background-color: #dddddd;
}

.u_roll a:hover {
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: #000000;
  background-color: #ccffcc;
}

.x_roll a {
  text-decoration: none;
  font-size: 9pt;
  font-weight: normal;
}

.x_roll a:hover {
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  background-color: #dddddd;
}

.a_link a {
  text-decoration: underline;
  font-size: 8pt;
  font-weight: normal;
  color: blue;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}

.a_link a:hover {
  text-decoration: underline;
  font-size: 8pt;
  font-weight: bold;
  color: red;
}

.tip {
  font:10px/12px Arial,Helvetica,sans-serif;
  border:solid 1px #666666;
  width:270px; padding:1px;
  position:absolute;
  visibility:hidden; color:#333333; top:20px;
  left:90px; background-color:#ffffcc;
  layer-background-color:#ffffcc;
}

.tooltipc {
  display:none;
  position:absolute;
  padding:3px;
  padding-bottom:4px;
  background-color:#ffffd3;
  border:1px solid #000;
  font-size:15px;
  color:#000;
  z-index:10000;
}

.tooltip2 {
  text-align:center;
  white-space:nowrap;
  display:block;
  padding:2px;
  padding-bottom:2px;
  background-color:#ffffe3;
  border:1px solid #000;
  color:#000000;
  z-index:10000;
  font-size:12px;
}

.tooltip {
	text-align:center;
	font-size:0.8em;
	white-space:nowrap;
	display:block;
	padding:2px;
	font-weight:bold;
	background:#333333;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		-khtml-border-radius:5px;
	        -webkit-box-shadow: 2px 5px 6px #666666;
	color:#ffffff;
}

#quick_caut {
  top: 26px;
  left: 70px;
  width: 44px;
  position: absolute;
  padding: 0px;
  border-top: solid #000 1px;
  border-left: solid #000 1px;
  border-bottom: solid #000 2px;
  border-right: solid #000 2px;
  background-color: #ffffff;
  padding: 0 .6em;
  float: right;
  margin: 0 2px;
  font-weight: normal;
  font-size: 9pt;
  z-index:20;
  visibility:hidden;
}

#quick_poi {
  top: 26px;
  left: 126px;
  width: 54px;
  position: absolute;
  padding: 0px;
  border-top: solid #000 1px;
  border-left: solid #000 1px;
  border-bottom: solid #000 2px;
  border-right: solid #000 2px;
  background-color: #ffffff;
  padding: 0 .6em;
  float: right;
  margin: 0 2px;
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 9pt;
  z-index:20;
  visibility:hidden;
}

#quick_login {
  top: 26px;
  left: 194px;
  width: 54px;
  position: absolute;
  padding: 0px;
  border-top: solid #000 1px;
  border-left: solid #000 1px;
  border-bottom: solid #000 2px;
  border-right: solid #000 2px;
  background-color: #ffffff;
  padding: 0 .6em;
  float: right;
  margin: 0 2px;
  font-weight: normal;
  font-size: 9pt;
  z-index:20;
  visibility:hidden;
}

#quick_menu {
  top: 26px;
  left: 262px;
  width: 55px;
  position: absolute;
  padding: 0px;
  border-top: solid #000 1px;
  border-left: solid #000 1px;
  border-bottom: solid #000 2px;
  border-right: solid #000 2px;
  background-color: #ffffff;
  padding: 0 .6em;
  float: right;
  margin: 0 2px;
  font-weight: normal;
  font-size: 9pt;
  z-index:20;
  visibility:hidden;
}

#quick_conf {
  top: 26px;
  left: 325px;
  width: 55px;
  position: absolute;
  padding: 0px;
  border-top: solid #000 1px;
  border-left: solid #000 1px;
  border-bottom: solid #000 2px;
  border-right: solid #000 2px;
  background-color: #fff;
  padding: 0 .6em;
  float: right;
  margin: 0 2px;
  font-weight: normal;
  font-size: 9pt;
  z-index:20;
  visibility:hidden;
}

#quick_unde {
  top: 0px;
  left: 5px;
  width: 98px;
  position: absolute;
  padding: 0px;
  z-index:30;
}

#div_caut {
  top: 43px;
  left: 70px;
  position: absolute;
  padding: 0px;
  visibility: hidden;
  border-top: solid #000 1px;
  border-left: solid #000 1px;
  border-bottom: solid #000 2px;
  border-right: solid #000 2px;
  background-color: #ffffff;
  margin: 0 2px;
  font-weight: bold;
  font-size: 9pt;
  color: #303030;
  padding: 0 .6em;
  float: right;
  opacity: .80;
  z-index:50;
}

#div_poi {
  top: 43px;
  left: 70px;
  position: absolute;
  padding: 0px;
  visibility: hidden;
  border-top: solid #000 1px;
  border-left: solid #000 1px;
  border-bottom: solid #000 2px;
  border-right: solid #000 2px;
  background-color: #ffffff;
  margin: 0 2px;
  font-weight: bold;
  font-size: 9pt;
  color: #303030;
  padding: 0 .6em;
  float: right;
  opacity: .80;
  z-index:50;
}

#div_login {
  top: 43px;
  left: 70px;
  position: absolute;
  padding: 0px;
  visibility: hidden;
  border-top: solid #000 1px;
  border-left: solid #000 1px;
  border-bottom: solid #000 2px;
  border-right: solid #000 2px;
  background-color: #ffffff;
  margin: 0 2px;
  font-weight: bold;
  font-size: 9pt;
  color: #303030;
  padding: 0 .6em;
  float: right;
  opacity: .80;
  z-index:50;
}

#div_menu {
  top: 43px;
  left: 70px;
  position: absolute;
  padding: 0px;
  visibility: hidden;
  border-top: solid #000 1px;
  border-left: solid #000 1px;
  border-bottom: solid #000 2px;
  border-right: solid #000 2px;
  background-color: #ffffff;
  margin: 0 2px;
  font-weight: bold;
  font-size: 9pt;
  color: #303030;
  padding: 0 .6em;
  float: right;
  opacity: .80;
  z-index:50;
}

#div_menu_sel {
  top: 62px;
  left: 70px;
  position: absolute;
  background-color: #00ff33;
  color: #ff7f00;
  padding: 0px;
  visibility: hidden;
  border-top: solid #000 1px;
  border-left: solid #000 1px;
  border-bottom: solid #000 2px;
  border-right: solid #000 2px;
  background-color: #ffffff;
  font-size: 9pt;
  color: #303030;
  padding: 0 .6em;
  float: right;
  margin: 0 2px;
  margin-botom: 20px;
  opacity: .85;
  overflow:auto;
  z-index:60;
}

#div_raport {
  top: 125px;
  left: 70px;
  position: absolute;
  background-color: #00ff33;
  color: #ff7f00;
  padding: 0px;
  visibility: hidden;
  border-top: solid #000 1px;
  border-left: solid #000 1px;
  border-bottom: solid #000 2px;
  border-right: solid #000 2px;
  background-color: #ffffff;
  font-size: 9pt;
  color: #303030;
  padding: 0 .6em;
  float: right;
  margin: 0 2px;
  opacity: .85;
  overflow:auto;
  z-index:60;
}

div.scroll {
  height: 50;
  overflow: auto;
  border: 1px solid #666;
  background-color: #ccc;
  padding: 8px;
}

#div_conf {
  top: 43px;
  left: 70px;
  position: absolute;
  padding: 0px;
  visibility: hidden;
  border-top: solid #000 1px;
  border-left: solid #000 1px;
  border-bottom: solid #000 2px;
  border-right: solid #000 2px;
  background-color: #ffffff;
  font-size: 9pt;
  color: #303030;
  padding: 0 .6em;
  float: right;
  margin: 0 2px;
  opacity: .80;
  z-index:50;
}

#div_conf_sel {
  top: 62px;
  left: 70px;
  position: absolute;
  background-color: #00ff33;
  color: #ff7f00;
  padding: 0px;
  visibility: hidden;
  border-top: solid #000 1px;
  border-left: solid #000 1px;
  border-bottom: solid #000 2px;
  border-right: solid #000 2px;
  background-color: #ffffff;
  font-size: 9pt;
  color: #303030;
  padding: 0 .6em;
  float: right;
  margin: 0 2px;
  opacity: .85;
  overflow:auto;
  z-index:60;
}

select {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

#infotitle {
  text-align: center;white-space: nowrap;
  font-weight: bold;
  padding-bottom: 10px;
  font-size: 12px;
  color: #CC0000;
}

#infodesc {
  float: left;white-space: nowrap;
  padding-right: 5px;
}

#infoimg {
  text-align: center;white-space: nowrap;
}

#collapsed {
  display: none;
}

#expanded {
  display: inline;
}

div.markerToolTip, div.markerDetail {
  text-align: center;
  opacity: .70;
  -moz-opacity: .70;
  white-space: nowrap;
  margin: 0;
  padding: 2px 0.5ex;
  border: 1px solid #555;
  font-weight: bold;
  font-size: 9pt;
  background: #fff;
}

span.markerTooltip {
  display: block;
  padding: 2px;
  font-weight: bold;
  border: 1px solid #555;
  background: #fff;
}

/* Map */
.vgps-info {
 margin:0;
 padding:0;
 font:10px Verdana, Arial, sans-serif;
}

.vgps-info p {
 margin:1 px;
}

.vgps-info a {
  text-decoration: none;
  font-size: 8pt;
  font-weight: bold;
  color: #0000ff;
}

.vgps-info a:hover {
  text-decoration: none;
  font-size: 8pt;
  font-weight: bold;
  color: #ff0000;
}

#vgps-anim {
 position: absolute;
 margin: 2px 0px;
 bottom: 2px;
 right: 2px;
 height: 2ex;
 width: 10ex;
 background-image: url("../img/play.gif");
 background-repeat: no-repeat;
 background-position: center left;
}

#vgps-play {
 position: absolute;
 right: 2px;
 margin: 0;
 padding: 0;
 background: #eee;
 height: 100%;
 width: 6ex;
 border: 0 solid #555;
}

/* Charts */

#mapchart {
 position: relative;
 width: 100%;
 height: 20%;
 overflow: hidden;
}

.vgps-chart {
 position:absolute;
 width:100%;
 height:100%;
 top:0;
 left:0;
}

.vgps-slider {
 background: #eee;
 height: 2ex;
 width: 6ex;
 border: 0px solid #555;
 margin: 2px;
 margin-right: 3px;
 float: right;
}

.vgps-legend {
 float: right;
 font-weight: bold;
 cursor: move;
 width: 3ex;
 margin-right: 1ex;
}

ul, li {
 text-align:left;
 font:10px Verdana, Arial, sans-serif;
 list-style:none;
 padding:0;
 margin:0;
 z-index: 100;
}

li {
 clear:both;
}