/* Style sheet for Google Maps in Environment Heritage web pages.
   Feb/2008: Used by ALL heritage pages which contain a Google Map.
*/
form.mapfn { margin:0; padding:0; display:inline; }
p.mapfn { margin:0; padding:0.25em 0; }
p.mapfn a:hover { color:white; background-color:#666666; text-decoration:none; padding:2px 4px; }
input.mapfn { margin:0; padding:0.25em 0; }
form.mapfn label { margin:0; padding-left:0.5em; }

#mapfn_stateform img, #mapfn_stateform input { border: 0; vertical-align: middle; padding: 5px 5px 5px 0; }
#mapfn_placeform select { margin:0 0 5px 0; padding:5px 0; }
#place_list optgroup { font-style: normal; font-weight: bold; margin: 5px 0 2px 2px; }
#place_list optgroup.option { font-style: normal; font-weight: normal; padding-left: 10px; }
#place_list .invisible  { display:none; }   /* to hide pick list options */

/* The following affect the map and the info popup windows. Please do
   not modify w/o testing in all browsers.
*/
div#map { margin:0 10px 0 0; padding:0; width:600px; height:480px; border:1px solid #666666; float:left; overflow:hidden; }
div#markerwindow    { width:350px; height:180px; overflow-x:auto; overflow-y:auto; }
div#markerwindow p { color: #804003; font-weight: bold; margin: -5px 10px 0 0; padding: 0; }
div#place_img { margin:5px; float:right; width:25%; }
div#markerwindow img { border: 1px solid #ababab; margin:0; float:left; }
div#markerwindow ul { background-color: white; padding: 0; margin: 5px 0 0 0; }
div#markerwindow ul li { line-height: 1.2em; padding-left:-5px; background: url(/includes/heritage/images/bullet2.gif) no-repeat 0 0.4em; }
div#markerwindow #zoomleft  { margin:10px 0 0 0; float:left; text-align:left; }
div#markerwindow #zoomright  { margin:10px 0 0 0; float:right; text-align:right; width:50%; }