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

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

#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;}
#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 { background:none repeat scroll 0 0 #000000;
color:white;
display:block;
font-size:10px;
left:320px;
opacity:0.7;
padding:4px;
position:absolute;
text-decoration:none;
top:0;}

#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;}
#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;}
#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;height:auto;width:auto;}
#map #bottom_frame a{display:block;margin:2px 0 0 0;padding:0;color:#0093d0;text-decoration: none;}
#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;}
#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;}
#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;}
#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;}
#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;}
#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:5px 0 0 0;margin:0;height:22px;background:url(../images/tooltip_BG_02.png) repeat-x;display:block;float:left;}