body{font-family:Arial;font-size:12px;background-color:#FFF;margin:10px;padding:0;}

#map_wrapper{width:880px;height:400px;padding:0; margin:0;overflow: hidden;border:1px solid #CCE1EE;margin-left:70px;
margin-top: 130px;
position: absolute;
display:none;
background-color: #CCE1EE;
z-index: 10000;
top:49px;
box-shadow:0 0 15px #999999;
-moz-box-shadow:0 0 15px #999999;
-webkit-box-shadow:0 0 15px #999999;
}

#map_loading{position:absolute;z-index:99999;top:176px;left:418px;}

/* map menu style*/
#map_menu{position:absolute;z-index:88888;color:#ffffff;display:none;}
#map_menu div.map_menu_header{font-size:10px;background:url(../images/dropdown_header_repeat.png) repeat-y; width:120px;}
#map_menu div.map_menu_header a{display:block;text-decoration: none;font-weight:bold;color:#ffffff; padding:5px 0 5px 10px;}
#map_menu div.map_menu_header a img{border:0;vertical-align:bottom;margin:0 0 0 30px;}
#map_menu div.map_menu_container{font-size:9px;background:url(../images/dropdown_repeat.png) repeat-y; width:120px;display:none;}
#map_menu div.map_menu_container ul{list-style-position: outside;list-style-image: none;list-style-type:none;margin:0;padding:5px 0 5px 10px;}
#map_menu div.map_menu_container li{list-style-position: outside;list-style-image: none;list-style-type:none;margin:0;padding:2px 0;line-height:12px;}
#map_menu div.map_menu_container a{text-decoration: none; display:block;padding:0;color:#ffffff;}
#map_menu div.map_menu_container a:hover{color: #0093D0;}


/* map style */
#map { position: relative; width: 880px; height: 400px; overflow: hidden}

#returnlink { display: block; position: absolute; left: 320px; top: 0;  color: white; background: #000000; padding: 4px; text-decoration: none; opacity: .7; font-size:10px; filter:alpha(opacity=70);}

#map a.bullet { display:block;position:absolute;width:12px;height:12px;background:url(../images/point.png) no-repeat;text-decoration:none; border: 0; z-index: 4; color:transparent}

#map a.header_bullet { display: block; position: absolute; background:url(../images/blank.gif); text-decoration: none; border: 0; z-index: 2; color:transparent}

#map img.zoomable {}

#map div.popup{ display: block; position: absolute; width: 240px; height: 400px; top: 0; left: 880px; background: url(../images/slide_frame.png); z-index: 3; margin:0; padding: 0; border: 0 }
#map div.popup a.close{ display: block; position: absolute; padding:5px;bottom: 0; right: 0; text-decoration: none;}
#map div.popup h3{ margin:0;padding:15px;font-size:20px;color:#ffffff;font-family:'ClarendonLTStdBold'}
#map div.popupimage{ margin:0 0 0 15px;padding:0;}
#map div.popupimage img{ margin:0;padding:0;border:1px solid #ffffff;}
#map div.popupcontent p{ margin:0;padding:15px;font-size:10px;color:#ffffff;line-height:12px;}
#map div.popup a.view{ display: block;padding:0;text-decoration: none;background: url(../images/view_btn.png) no-repeat;width:55px;height:16px;margin-left:170px;}

#map #bottom_frame{width:640px;height:70px;position: absolute; left:0; bottom:-70px;background:url(../images/bottom_frame.png) no-repeat;padding:0;font-size:9px;}
#map #bottom_frame div.left_col{float:left;width:280px;margin:0 0 0 20px;padding:0;}
#map #bottom_frame div.right_col{float:left;width:280px;margin:0 0 0 20px;padding:0;}
#map #bottom_frame div.sub_left_col{float:left;width:130px;}
#map #bottom_frame div.sub_right_col{float:left;width:130px;}
#map #bottom_frame p{margin:0;padding:5px 0 0 0;color:#5a5b5d;line-height:12px;}
#map #bottom_frame a{display:block;margin:2px 0 0 0;padding:0;color:#0093d0;text-decoration: none;line-height:12px;}
#map #bottom_frame a.complete_icon{padding-left:12px;padding-top:2px;color:#0093d0;text-decoration: none; background:url(../images/icon_completed.png) no-repeat top left;background-position:0 center;}
#map #bottom_frame a.underdev_icon{padding-left:12px;padding-top:2px;color:#0093d0;text-decoration: none; background:url(../images/icon_under_development.png) no-repeat top left;background-position:0 center;}
#map #bottom_frame a.futureprj_icon{padding-left:12px;padding-top:2px;color:#0093d0;text-decoration: none; background:url(../images/icon_future_projects.png) no-repeat top left;background-position:0 center;}
#map #bottom_frame a.webcam_icon{padding-left:16px;padding-top:2px;color:#0093d0;text-decoration: none; background:url(../images/icon_webcam.png) no-repeat top left;background-position:0 center;}
#map #bottom_frame a:hover{color:#CF7319;text-decoration: none;}

#map div.tooltip{display: block; position: absolute; display:none; z-index: 9999; font-size:9px;color:#ffffff;clear:left;}
#map div.tooltip span img{border:0;margin:0 5px 0 0;vertical-align:middle;}
#map div.tooltip span.tooltip_left{padding:5px 0 0 0;margin:0;;width:5px;height:22px;background:url(../images/tooltip_BG_01.png) no-repeat;display:block;float:left;}
#map div.tooltip span.tooltip_right{padding:5px 0 0 0;margin:0;width:5px;height:22px;background:url(../images/tooltip_BG_03.png) no-repeat;display:block;float:left;}
#map div.tooltip span.tooltip_mid{padding:2px 0 0 0;margin:0;height:22px;background:url(../images/tooltip_BG_02.png) repeat-x;display:block;float:left;}



#map a.webcam1 {
	background:url(../images/ebf_webcam.png) no-repeat;
	width:22px;
	height:22px;
}
#map a.webcam2 {
	background:url(../images/sherbourne_west_webcam.png) no-repeat;
	width:24px;
	height:19px;
}
#map a.webcam3 {
	background:url(../images/wdl_webcam.png) no-repeat;
	width:24px;
	height:19px;
}