.body-wrapper {
  top: 1em;
  left: 1em;
  right: 1em;
  bottom: 1em;
  position: absolute;
  border: solid black 1px;
}

.map-viewport {
	position: relative;	
  overflow: hidden;
  background-color: #ffe;
  /*border: solid black 1px;*/
}

.controls {
  margin-left: 3em;
  left: 0em;
  top: 0.5em;
  position: absolute;
  z-index: 998;
}

.map-pane {
  position: absolute;
  z-index: 5;
  top: 0px;
  left: 0px;
  cursor: url('../images/handopen.cur'), url('scrollable_map/images/handopen.cur'), move;
}

.map-layer-container {
	position: absolute;
  /*border: solid red 1px;*/
}

.map-layer {
  position: absolute;
}


.map-tile {
	position: absolute;
 /* behavior: url(iepngfix.htc); */
}

.panner {
  position: absolute;
  z-index: 999;
  cursor: move;
  border: solid black 1px;
}


.panner-inner {
  background-color: blue;
  cursor: move;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.drag-bbox {
  position: absolute;
  overflow: hidden;
  border: solid red 2px !important;
}


.scale-bars { float: left; position: absolute; margin: 3px; color: black; z-index: 4; bottom: 35px;  }
.scale-bars div {
  overflow: hidden;
	position: absolute; left: 0; height: 14px; width: 0; /* Width set via script */
	font-size: 14px; font-weight: normal; white-space: nowrap; border: double 3px #000; bottom: 0px;
}
/* #scale-bars div * { border: solid 1px #000; height: 14px; } */
.scale-bars .scale-bar-mi {border-top: none; top: 0;}
.scale-bars .scale-bar-km {border-bottom: none; top: 14px; }


.map-overview {
  position: absolute;
  z-index: 10;
  top: 6px;
  left: 6px;
  overflow: hidden;
}


.map-overview-envelope {
  position: absolute;
  z-index: 10;
  right: 0px;
  bottom: 0px;
  background-color: white;
  border-left: solid #bbb 1px;
  border-top: solid #bbb 1px;
}



.pan-panel {
	position: absolute;
	top: 20px;
	left: 20px;
	background-image: url('../images/pan.PNG');
	width: 29px;
	height: 29px;
}


.toggle-overview-button {
  background-image: url('../images/overviewMin.PNG');
  width: 14px;
  height: 14px;
  bottom: 0px;
  right: 0px;
  position: absolute;
  z-index: 13;  
  cursor: pointer;
  background-repeat: no-repeat;
}

.display-panel {

	cursor: default;
	/*background-color: #ccc;*/
  /*background-image: url('../images/graytrans.png');*/
	width: 100%;
	position: absolute;
	left: 0px;	
}

.layer-panel {
	cursor: default;
  position: absolute;
	/*background-color: #ccc;*/
	border: solid black 1px;
}


/* Control pan overlay on left of map */
.layer-panel {
  background-image: url('../images/graytrans_large.png');
}
* html .layer-panel {
	background-image:none;
	/* Invalid css, but IE recognizes as a filter */
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/graytrans.png');*/
  background-color: black;
  filter: alpha(opacity=100);
}

* html .layer-panel div {
  /*filter: alpha(opacity=100);*/
}


.layer-panel p {
  margin-bottom: 0px;
}

.layer-panel .wms-group label {
  font-weight: normal !important;
}


.slider-rail {
  position: absolute;
  width: 16px;
  z-index: 999;
  top: 28px;
  left: 10px;
}

.slider-rail div {
  width: 16px;
  cursor: pointer;
}

.slider-rail .rail-top {
  background-image: url(../images/rail_top.gif);
  background-repeat: no-repeat;
  height: 1px;
  overflow: hidden;
}

.slider-rail .rail-mid {
  background-image: url(../images/rail_mid.gif);
  position: relative;
}

.slider-rail .rail-bottom {
  background-image: url(../images/rail_bottom.gif);
  background-repeat: no-repeat;
  height: 4px;  
  overflow: hidden;
}

.slider-rail .slider-handle {
  top: 0px;
  left: -1px;
  position: absolute;
  cursor: url(../images/handopen.cur), url(scrollable_map/images/handopen.cur), pointer;
  background-image: url(../images/slider_handle.png);
  background-repeat: no-repeat;
  height: 9px;
  width: 17px;
  overflow: hidden;
}

.zoom-in-button {
  background-image:url(../images/zoomIn.PNG);
  background-position:center top;
  background-repeat:no-repeat;
  cursor:pointer;
  height:17px;
  left:10px;
  margin-bottom:0.3em;
  position:absolute;
  top:8px;
  width:17px;
  z-index:11;
}


.zoom-out-button {
  background-image:url(../images/zoomOut.PNG);
  background-position:center top;
  background-repeat:no-repeat;
  cursor:pointer;
  height:17px;
  left:10px;
  margin-top:0.3em;
  overflow:hidden;
  position:absolute;
  width:17px;
  z-index:11;
}


.popup {
  border: solid black 1px;
  position: absolute;
  z-index: 899;
  /*overflow: auto;*/
  cursor: default;
  background-color: White;
}

.popup-title-bar {
  position: relative;
  border-bottom: solid black 1px;
  background-color: White;
  width: 100%;
}

.popup-title {
  background-color: White;
  float: left;
}

.popup-cancel {
  /*background-color: White;*/
  /*float: right;*/
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px;
}

.popup-minmax {
  /*background-color: White;*/
  /*float: right;*/
  cursor: pointer;
  position: absolute;
  right: 22px;
  top: 5px;
}

.popup-move {
  /*background-color: White;*/
  /*float: right;*/
  cursor: move;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 250px;
  height: 1.5em;
}


.popup-content {
  text-align: left;
  position: absolute;
  padding: 20px 10px 10px 10px;
}

.popup-pointer {
  position: absolute;
  width: 98px;
  height: 73px;
  background-image: url('../images/popupPointer.gif');
  background-repeat: no-repeat;
  
}


.popup-graph {
  margin-left: 0.5em;
  margin-top: 0.5em;
}

.popup-id {
  height: 1.5em;
  vertical-align: middle;
}

.popup-highlight {
  position: absolute;
  overflow: hidden;
  width: 11px;
  height: 13px;
  background-image: url('../images/pin.gif');
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 4;
}

.popup-min-title {
  position: absolute;
  overflow: hidden;
  width: 110px;
  height: 18px;
  font-size: 80%;
  color: white;
  top: 3px;
  left: 3px;
}

.loading-image {
  position: absolute;
  z-index: 999;
  right: 0px;
  top: 0px;
}

.sliderbar_container {
  padding-top: 0.1em;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  height: 12px;
  cursor: pointer;
}

.sliderbar-rail-main {
  background-image: url('../images/slider_rail_main.PNG');
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  top: 1px;
  left: 0px;
  height: 10px;
}

.sliderbar-rail-cap {
  background-image: url('../images/slider_rail_cap.PNG');
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  top: 1px;
  height: 10px;
  width: 4px;
}

.sliderbar-knob {
  background-image: url('../images/slider_knob.PNG');
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  top: 0px;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.opacity-layer {
  float: left;
  width: 46%;
  overflow: hidden;
  padding: 0.2em;
  margin: 0.2em;
  border: dotted gray 1px;
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



.placemark {
  cursor: pointer;
  position: absolute;
  z-index: 5;
}

.placemark-shadow {
  position: absolute;
  z-index: 4;
}


.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



.custom-popup {
  position: absolute;
  z-index: 10;
  cursor: default;
  background-repeat: no-repeat;  
  border: solid #aaa 1px;
  background: white;
  -moz-border-radius: 1em;
  border-radius: 1em;  
}