#map_wrapper{
    width:880px;
    height:400px;
    padding:0;
    margin:0;
    overflow: hidden;
    border:5px solid #d2d9de;
    margin-left:67px;
    margin-top: 145px;
    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;height:20px;}
#map_menu div.map_menu_header a{display:block;text-decoration: none;font-weight:bold;color:#ffffff; padding:0;float:left;height:20px;}
#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(/default/images/map_repeat_bg.png); 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_menu div.map_menu_header a span.open_tag {
    background: url("/default/images/top_map_repeat_bg.png") repeat scroll 0 0 transparent;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
}

#map_menu div.map_menu_header a span.close_tag {
    background: url("/default/images/map_top_close_category.png") repeat scroll 0 0 transparent;
    float: left;
    height: 20px;
    width: 22px;
}
#map_menu div.map_menu_header a.open span.close_tag {
    background-position: 0 -20px;
}
#map_menu div.map_menu_header a.text span.open_tag {
    background:url(/default/images/map_repeat_bg.png);
    text-transform: uppercase;

}
#map_menu div.map_menu_header a.text span.close_tag {
    background:url(/default/images/map_top_close_subcategory.png);
    width:9px;
}


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

#returnlink { 
    display: block;
    position: absolute;
    left: 473px;
    top: 0;
    color: white;
    background: #000000;
    padding: 0;
    text-decoration: none; 
    font-size:10px;
    background: url("/default/images/btn_back.png") repeat scroll 0 0 transparent;
    text-indent: -9999px;
    width:67px;
    height:20px;
    overflow:hidden;
}
#closelink {
    display: block;
    position: absolute;
    left: 554px;
    top: 0;
    color: white;
    background: #000000;
    padding: 0;
    text-decoration: none;
    font-size:10px;
    background: url("/default/images/btn_close_map.png") repeat scroll 0 0 transparent;
    text-indent: -9999px;
    width:68px;
    height:20px;
    overflow:hidden;
}

#map a.bullet { 
    display:block;
    position:absolute;
    width:27px;
    height:27px;
    background:url(/default/images/points.png) no-repeat;
    text-decoration:none;
    border: 0;
    z-index: 4;
    color:transparent;
    background-position: 0 -82px;
}
#map a.bullet_Under_Development:hover {
    background-position: 0 -28px;
}
#map a.bullet_Completed:hover {
    background-position: 0 0;
}

#map a.bullet_Future_Project:hover {
    background-position: 0 -54px;
}

#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(/default/images/map_right.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';font-weight:normal;}
#map div.popupimage{ margin:0 0 0 15px;padding:0;}
#map div.popupimage img{ margin:0;padding:0;border:2px solid #ffffff;}
#map div.popupcontent p{ 
    margin:0;
    padding:15px;
    font-size:11px;
    color:#ffffff;
    line-height:14px;
}
#map div.popup a.view{
    display: block;
    padding:0;
    text-decoration: none;
    background: url(/default/images/map_go.png) no-repeat;
    width:14px;
    height:16px;
    float:right;
    margin-right:20px;
}

#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;font-weight:bold;}
#map #bottom_frame a{display:block;margin:2px 0 0 0;padding:0;color:#0093d0;text-decoration: none;line-height:12px;}

#map #bottom_frame .sub_left_col a,#map #bottom_frame .sub_right_col a {
    padding-left:16px;
    padding-top:2px;
    color:#0093d0;
    text-decoration: none;
    background:url(/default/images/wft_icons.png) no-repeat top left;
    background-position:0 38px;
    font-weight: bold;
}
#map #bottom_frame .right_col .sub_left_col a,#map #bottom_frame .right_col .sub_right_col a {
    padding-left:0;
}
#map #bottom_frame a.complete_icon{background-position:0 4px;}
#map #bottom_frame a.underdev_icon{background-position:0 -9px;}
#map #bottom_frame a.futureprj_icon{background-position:0 -23px;}
#map #bottom_frame a.webcam_icon{background-position:0 -39px;}
#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 div.tooltip span.tooltip_left,#map div.tooltip span.tooltip_right,#map div.tooltip span.tooltip_mid {
   display:none;
}

#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;
}