#mapContainer {
position: relative;
color: #1B403E;
background: #F4F7EB;
float: left;
width: 100%;
height: 444px;
padding: 0;
}

/* ##### Status ##### */
div#statusWindow{
display: none;
position: absolute;
top: 200px;
left: 170px;
width: 200px;
height: 40px;
z-index: 2;
color: #000;
padding: 2px;
background: #CCC;
font-size: 12px;
text-decoration: none;
text-align: left;
border: 1.3px #A3CB7F solid;
filter: alpha(opacity=90);
opacity: .9;  
}

/* ##### TOC ##### */
div#toc {
position: absolute; 
z-index: 2; 
overflow: auto; 
left: 50px; 
top: 50px; 
width: 255px; 
height: 200px; 
background-color: White; 
border-style: ridge;
visibility: hidden;
}
/* ##### Map ##### */
div#mapArea {
position: absolute;
margin: 5px;
width: 480px;
height: 390px;
color: #AFA78E;
border: solid 22px;
overflow: hidden;
}
div#imagestack_0, div#imagestack_2{
position: absolute;
width: 480px;
height: 390px;
z-index: 1;
}

div#imagestack_1{
background: url(../images/map/pixel.gif) no-repeat top center;
position: absolute;
width: 480px;
height: 390px;
z-index: 3;
}

div#zoomBoxTop, div#zoomBoxLeft, div#zoomBoxRight, div#zoomBoxBottom{
position: absolute;
overflow: hidden;
visibility: hidden;
width: 480px;
height: 390px;
z-index: 4;
background: red;
}



div#toolbar {
position: absolute;
height: 14px;  
left: 47px;
top: 6px;
font-size: 0; /* use to remove spacing between images*/
cursor: pointer;
}
div#zoombar {
position: absolute;
height: 14px;  
left: 275px;
top: 6px;
font-size: 0; /* use to remove spacing between images*/
cursor: pointer;
}
img.zoomImage{
margin: 0;
padding: 0;
width: 16px;
height: 14px;
border-width: 0; 
border-style: none;
cursor: pointer;
}

img#cmdNE {
position: absolute;
left: 504px;
top: 10px;
cursor: pointer;
}
img#cmdNW {
position: absolute;
left: 10px;
top: 10px;
cursor: pointer;
}
img#cmdN {
position: absolute;
left: 245px;
top: 9px;
cursor: pointer;
}

img#cmdE {
position: absolute;
left: 512px;
top: 220px;
cursor: pointer;
}
img#cmdW {
position: absolute;
left: 8px;
top: 220px;
cursor: pointer;
}

img#cmdSE {
position: absolute;
left: 504px;
top: 414px;
cursor: pointer;
}
img#cmdSW {
position: absolute;
left: 10px;
top: 414px;
cursor: pointer;
}
img#cmdS {
position: absolute;
left: 245px;
top: 421px;
cursor: pointer;
}

#measureWindow{
display: none;
position: absolute;
top: 30px;
left: 40px;
width: 200px;
z-index: 2;
color: #000;
padding: 2px;
background: #eeeeee;
font-size: 10px;
text-decoration: none;
text-align: left;
border: 1.3px #A3CB7F solid;
filter: alpha(opacity=80);
opacity: .8;  
}

/* ###### content to right of map ######## */
div#mapInput {
margin-right: 3px;
position: absolute;
left: 540px;
margin-top: 5px;
height: 444px;
color: #1B403E;

}


/* ###### end content to right of map ######## */


/* ###### ID window ######## */
div#IdResult {
position: absolute; 
z-index: 101; 
overflow: auto; 
left: 50px; 
top: 50px; 
width: 450px; 
height: 400px; 
background-color: White; 
border-style: ridge;
visibility: hidden;
}
table.idTitleBarClass {
  width:100%;
  border-spacing:0;
  background-color: #7A96DF;
  cursor: move;
}
.closeButton {
  cursor: default;
}
.idTitleClass {
  color:#FFFFFF;
  font-weight:bold;
  font-family:Arial, Verdana, Helvetica, Sans-Serif;
  font-size:12px;
}
.idNonTitleClass {
  font-weight:bold;
  font-family:Arial, Verdana, Helvetica, Sans-Serif;
  font-size:12px;
}
.selectedIdClass {
  font-family:Arial, Verdana, Helvetica, Sans-Serif;
  font-size:12px;
  font-weight:bold;
  color:#000000;
}
unselectedIdClass {
  font-family:Arial, Verdana, Helvetica, Sans-Serif;
  font-size:12px;
  background-color:#FFFFFF;
}

.headerRow { 
  background-color:#E0E0E0;
  font-family:Arial, Verdana, Helvetica, Sans-Serif;
  font-size:12px;
  font-weight:bold;
}
.oddRow { 
  font-family:Arial, Verdana, Helvetica, Sans-Serif;
  font-size:12px;
  background-color:#FFFFFF;
  }
.evenRow { 
  font-family:Arial, Verdana, Helvetica, Sans-Serif;
  font-size:12px;
  background-color:#F0F0F0;
  }


/* ##### measure points ####### */
div#measurePoint_1,div#measurePoint_2,div#measurePoint_3,div#measurePoint_4,div#measurePoint_5,div#measurePoint_6,div#measurePoint_7,div#measurePoint_8,div#measurePoint_9,div#measurePoint_10,
div#measurePoint_11,div#measurePoint_12,div#measurePoint_13,div#measurePoint_14,div#measurePoint_15,div#measurePoint_16,div#measurePoint_17,div#measurePoint_18,div#measurePoint_19,div#measurePoint_20
{
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

div#site
{
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  z-index: 2;
}