table.detail {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.6em;
  padding: .2em 0;
  border: 1px solid black;
  border-collapse: collapse;
}

body, td {
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
  text-decoration: none;
}

input, select {
  color: #333333;
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
  text-decoration: none
}

.sec_head { background:#aabbff }

.divider {
  background: #69C;
  font-weight: bold;
  padding: 0;
  border: 1px solid #69c;
}

.toprow {
  padding: 0px;
  /* text-align: center; */
  background: #F9F5D7;
  font-weight: bold;
}

.toprow td {
  border-right: 1px solid #693;
  border-bottom: 1px solid #693;
}

td.data {
  text-align: right;
  border-bottom: 1px solid #693;
  border-right: 1px solid #693;
  padding: 0 0.2em;
}

td.dataLeftPad {
  text-align: left;
  text-indent: 12pt;
  border-bottom: 1px solid #693;
  border-right: 1px solid #693;
  padding: 0 0.2em;
}

.gm {
  font-size : 11px;
  font-family: times, serif;
  font-weight : bolder;
  color : #47785A;
  text-decoration : none;
}

#map {
  width: 100%;
  height: 100%;
  border: 1px solid black;
}
#legend {
  float:left; 
  height:100%; 
  width:225px; 
  overflow: auto;
}
 .olControlPanel div {
  float:left;  /* Important! */
 }

 /* .olControlPanel puts the thing inside the panel  */
  .olControlNavigationHistory {
     background-image: url("../graphics/navigation_history.gif");
     background-repeat: no-repeat;
     width:  24px;
     height: 24px;
  }
  .olControlPanel .olControlDragPanItemActive {
   width:  24px;
   height: 22px;
   background-image: url("../graphics/handX.gif");
  }
  .olControlPanel .olControlDragPanItemInactive {
   width:  24px;
   height: 22px;
   background-image: url("../graphics/hand.gif");
 }
.olControlDragPanActive {
  cursor: url('/mapserver/graphics/handRWG.cur'), auto;
}

 .olControlPanel .olControlDrawFeatureItemActive {
  width:  22px;
  height: 22px;
  background-image: url("../theme/default/img/draw_line_on.png");
 }
 .olControlPanel .olControlDrawFeatureItemInactive {
  width:  22px;
  height: 22px;
  background-image: url("../theme/default/img/draw_line_off.png");
  }

 .olControlPanel .olControlZoomBoxItemInactive {
  width:  24px;
  height: 22px;
  background-image: url("../graphics/zoomin.gif");
 }
 .olControlPanel .olControlZoomBoxItemActive {
  width:  24px;
  height: 22px;
  background-image: url("../graphics/zoominX.gif");
 }
.olControlZoomBoxActive {
  cursor: 
    url('/mapserver/graphics/zoomInRWG.cur'), auto;
}
 .olControlPanel .olControlZoomBoxOutItemInactive {
  width:  24px;
  height: 22px;
  background-image: url("../graphics/zoomout.gif");
 }
 .olControlPanel .olControlZoomBoxOutItemActive {
  width:  24px;
  height: 22px;
  background-image: url("../graphics/zoomoutX.gif");
 }
.olControlZoomBoxOutActive {
  cursor: url('/mapserver/graphics/zoomOutRWG.cur'), auto ;
}

 .olControlPanel .olControlZoomToMaxExtentItemInactive {
  width:  18px;
  height: 18px;
  background-image: url("../graphics/zoom-world-mini.png");
  background-repeat: no-repeat;
 }

 .olControlPanel .olControlInfoToolItemInactive {
  width:  24px;
  height: 22px;
  background-image: url("../graphics/info.gif");
 }
 .olControlPanel .olControlInfoToolItemActive {
  width:  24px;
  height: 22px;
  background-image: url("../graphics/infoX.gif");
 }

.olControlPanel .olControlUnSelectItemInactive {
  width:  24px;
  height: 22px;
  background-image: url("../graphics/unselected.gif");
}
.olControlPanel .olControlUnSelectItemActive {
  width:  24px;
  height: 22px;
  background-image: url("../graphics/unselectedX.gif");
}

.olControlPanel .olControlMeasurePathItemInactive {
  width:  24px;
  height: 22px;
  background-image: url("../graphics/ruler.gif");
}
.olControlPanel .olControlMeasurePathItemActive {
  width:  24px;
  height: 22px;
  background-image: url("../graphics/rulerX.gif");
}

.olControlPanel .olControlMeasureAreaItemInactive {
  width:  24px;
  height: 22px;
  background-image: url("../graphics/polygon.gif");
}
.olControlPanel .olControlMeasureAreaItemActive {
  width:  24px;
  height: 22px;
  background-image: url("../graphics/polygonX.gif");
}