/** * Main BG Colour */ #myMap { background-color:#ffffff; width:535px; } #myMap #map_myMap_map { border:1px #ccc solid; border-collapse:collapse; } #myMap #map_myMap_map td { padding:0px; } #myMap #map_myMap_map table { border:none; } #myMap #map_myMap_maps { border:1px #ccc solid; } #myMap #map_myMap_maps.error{ background-color:#ff0000; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; text-align:center; } #myMap #map_myMap_maps table#err { position:absolute; width:150px; left:100px; } /* !important #myMap table { border:none; padding:0px; } !important #myMap tbody { border:none; padding:0px; } !important #myMap tr { border:none; padding:0px; } !important #myMap td { border:none; padding:0px; } */ /* This is so the icons in ms maps get positioned correctly */ .myPushpin { cursor:pointer; position:absolute; left:0px; top:-20px; } /* Use display none to turn off the try this div */ #myMap #trythis { background-color:#000099; position:relative; float:left; display:none; } #myMap #trythis a {width:72px; height:19px; overflow:hidden; display:block; position:absolute; background-color:#999999} #myMap #map_myMap_control { width:483px; height:20px; text-align:center; position:relative; margin-left:1px; } #myMap #map_myMap_control .zoom_control { position:absolute; top:0px; left:70px; width:140px; height:20px; } #myMap #map_myMap_control .mapControls { position:absolute; top:8px; left:0px; width:92px; height:9px; background-image:url(../images/ico_map_controls.jpg); background-repeat:no-repeat; } #myMap #map_myMap_control .reset_map { position:absolute; top:0px; left: 265px; width:20px; height:19px; background-image:url(../images/reset_1.gif); background-repeat:no-repeat;} #myMap #map_myMap_control .reset_map a { width:20px; height:19px; background-image:url(../images/reset_1.gif); background-repeat:no-repeat; display:block;} #myMap #map_myMap_control .reset_map a:hover, #myMap .reset_map a.active { background-image:url(../images/reset_2.gif);} #myMap #map_myMap_control .buttons { position:absolute; top:0px; left:289px; width: 291px; } /* Only used for more than 1 button group */ /* #myMap #map_myMap_control .button_toggle { position:absolute; top:20px; left:0px; width:110px; height:20px; } #myMap #map_myMap_control .button_toggle a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-style:normal; text-decoration:none; font-size:10px; } #myMap #map_myMap_control .button_toggle a.active { font-weight:bold; color:#FF0000; } */ /* //Used for dual button grouping #myMap .Google_gm_map { float:left; width:45px; height:19px; background-image:url(../images/but_map_1.gif); background-repeat:no-repeat;} #myMap .Google_gm_map a { width:45px; height:19px; background-image:url(../images/but_map_1.gif); background-repeat:no-repeat; display:block;} #myMap .Google_gm_map a:hover, #myMap .Google_gm_map a.active { background-image:url(../images/but_map_2.gif); } #myMap .Google_gm_sat { float:left; width:64px; height:19px; background-image:url(../images/but_sat_1.gif); background-repeat:no-repeat;} #myMap .Google_gm_sat a { width:64px; height:19px; background-image:url(../images/but_sat_1.gif); background-repeat:no-repeat; display:block;} #myMap .Google_gm_sat a:hover, #myMap .Google_gm_sat a.active { background-image:url(../images/but_sat_2.gif); } #myMap .Google_gm_hyb { float:left; width:59px; height:19px; background-image:url(../images/but_hyb_1.gif); background-repeat:no-repeat;} #myMap .Google_gm_hyb a { width:59px; height:19px; background-image:url(../images/but_hyb_1.gif); background-repeat:no-repeat; display:block;} #myMap .Google_gm_hyb a:hover, #myMap .Google_gm_hyb a.active { background-image:url(../images/but_hyb_2.gif); } #myMap .Google_ms_bir { float:left; width:72px; height:19px; background-image:url(../images/but_bird_1.gif); background-repeat:no-repeat;} #myMap .Google_ms_bir a { width:72px; height:19px; background-image:url(../images/but_bird_1.gif); background-repeat:no-repeat; display:block;} #myMap .Google_ms_bir a:hover, #myMap .Google_ms_bir a.active { background-image:url(../images/but_bird_2.gif); } #myMap .Google_ms_bir a.disabled { background-image:url(../images/but_bird_0.gif); } #myMap .Microsoft_ms_map { float:left; width:45px; height:19px; background-image:url(../images/but_map_1.gif); background-repeat:no-repeat;} #myMap .Microsoft_ms_map a { width:45px; height:19px; background-image:url(../images/but_map_1.gif); background-repeat:no-repeat; display:block;} #myMap .Microsoft_ms_map a:hover, #myMap .Microsoft_ms_map a.active { background-image:url(../images/but_map_2.gif); } #myMap .Microsoft_ms_sat { float:left; width:64px; height:19px; background-image:url(../images/but_sat_1.gif); background-repeat:no-repeat;} #myMap .Microsoft_ms_sat a { width:64px; height:19px; background-image:url(../images/but_sat_1.gif); background-repeat:no-repeat; display:block;} #myMap .Microsoft_ms_sat a:hover, #myMap .Microsoft_ms_sat a.active { background-image:url(../images/but_sat_2.gif); } #myMap .Microsoft_ms_hyb { float:left; width:59px; height:19px; background-image:url(../images/but_hyb_1.gif); background-repeat:no-repeat;} #myMap .Microsoft_ms_hyb a { width:59px; height:19px; background-image:url(../images/but_hyb_1.gif); background-repeat:no-repeat; display:block;} #myMap .Microsoft_ms_hyb a:hover, #myMap .Microsoft_ms_hyb a.active { background-image:url(../images/but_hyb_2.gif); } #myMap .Microsoft_ms_bir { float:left; width:72px; height:19px; background-image:url(../images/but_bird_1.gif); background-repeat:no-repeat;} #myMap .Microsoft_ms_bir a { width:72px; height:19px; background-image:url(../images/but_bird_1.gif); background-repeat:no-repeat; display:block;} #myMap .Microsoft_ms_bir a:hover, #myMap .Microsoft_ms_bir a.active { background-image:url(../images/but_bird_2.gif); } #myMap .Microsoft_ms_bir a.disabled { background-image:url(../images/but_bird_0.gif); } */ #myMap .Default_gm_map { float:left; width:45px; height:19px; background-image:url(../images/but_map_1.gif); background-repeat:no-repeat;} #myMap .Default_gm_map a { width:45px; height:19px; background-image:url(../images/but_map_1.gif); background-repeat:no-repeat; display:block;} #myMap .Default_gm_map a:hover, #myMap .Default_gm_map a.active { background-image:url(../images/but_map_2.gif); } #myMap .Default_gm_sat { float:left; width:64px; height:19px; background-image:url(../images/but_sat_1.gif); background-repeat:no-repeat;} #myMap .Default_gm_sat a { width:64px; height:19px; background-image:url(../images/but_sat_1.gif); background-repeat:no-repeat; display:block;} #myMap .Default_gm_sat a:hover, #myMap .Default_gm_sat a.active { background-image:url(../images/but_sat_2.gif); } #myMap .Default_gm_hyb { float:left; width:59px; height:19px; background-image:url(../images/but_hyb_1.gif); background-repeat:no-repeat;} #myMap .Default_gm_hyb a { width:59px; height:19px; background-image:url(../images/but_hyb_1.gif); background-repeat:no-repeat; display:block;} #myMap .Default_gm_hyb a:hover, #myMap .Default_gm_hyb a.active { background-image:url(../images/but_hyb_2.gif); } #myMap .Default_ms_map { float:left; width:45px; height:19px; background-image:url(../images/but_map_1.gif); background-repeat:no-repeat;} #myMap .Default_ms_map a { width:45px; height:19px; background-image:url(../images/but_map_1.gif); background-repeat:no-repeat; display:block;} #myMap .Default_ms_map a:hover, #myMap .Default_ms_map a.active { background-image:url(../images/but_map_2.gif); } #myMap .Default_ms_sat { float:left; width:64px; height:19px; background-image:url(../images/but_sat_1.gif); background-repeat:no-repeat;} #myMap .Default_ms_sat a { width:64px; height:19px; background-image:url(../images/but_sat_1.gif); background-repeat:no-repeat; display:block;} #myMap .Default_ms_sat a:hover, #myMap .Default_ms_sat a.active { background-image:url(../images/but_sat_2.gif); } #myMap .Default_ms_hyb { float:left; width:59px; height:19px; background-image:url(../images/but_hyb_1.gif); background-repeat:no-repeat;} #myMap .Default_ms_hyb a { width:59px; height:19px; background-image:url(../images/but_hyb_1.gif); background-repeat:no-repeat; display:block;} #myMap .Default_ms_hyb a:hover, #myMap .Default_ms_hyb a.active { background-image:url(../images/but_hyb_2.gif); } #myMap .Default_ms_bir { float:left; width:72px; height:19px; background-image:url(../images/but_bird_1.gif); background-repeat:no-repeat;} #myMap .Default_ms_bir a { width:72px; height:19px; background-image:url(../images/but_bird_1.gif); background-repeat:no-repeat; display:block;} #myMap .Default_ms_bir a:hover, #myMap .Default_ms_bir a.active { background-image:url(../images/but_bird_2.gif); } #myMap .Default_ms_bir a.disabled { background-image:url(../images/but_bird_0.gif); } /** * Css to define styles for a map */ #myMap .transp { filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; } /** * Below are the urls for each cell and borders */ #myMap .not_sel { background-color:#eee; } #myMap .sel { background-color:#ffc301; } #myMap .sides { border:none; border-collapse:collapse; width:100%; height:100%; } #myMap .map_cell_0 { background-image: url("../images/arrow_top_left.gif"); background-repeat: no-repeat; background-position: top left; } #myMap .map_cell_0_s { background-image: url("../images/arrow_top_left_on.gif"); background-repeat: no-repeat; background-position: top left; } #myMap .map_cell_2 { background-image: url("../images/arrow_up.gif"); background-repeat: no-repeat; background-position: top center; border-left:1px #ccc solid; border-right:1px #ccc solid; } #myMap .map_cell_2_s { background-image: url("../images/arrow_up_on.gif"); background-repeat: no-repeat; background-position: top center; border-left:0px #ccc solid; border-right:0px #ccc solid; } #myMap .map_cell_4 { background-image: url("../images/arrow_top_right.gif"); background-repeat: no-repeat; background-position: top right; } #myMap .map_cell_4_s { background-image: url("../images/arrow_top_right_on.gif"); background-repeat: no-repeat; background-position: top right; } #myMap .map_cell_6 { background-image: url("../images/arrow_right.gif"); background-repeat: no-repeat; background-position: center right; border-top:1px #ccc solid; border-bottom:1px #ccc solid; } #myMap .map_cell_6_s { background-image: url("../images/arrow_right_on.gif"); background-repeat: no-repeat; background-position: center right; border-top:1px #ccc solid; border-bottom:1px #ccc solid; } #myMap .map_cell_8 { background-image: url("../images/arrow_bott_right.gif"); background-repeat: no-repeat; background-position: bottom right; } #myMap .map_cell_8_s { background-image: url("../images/arrow_bott_right_on.gif"); background-repeat: no-repeat; background-position: bottom right; } #myMap .map_cell_A { background-image: url("../images/arrow_down.gif"); background-repeat: no-repeat; background-position: bottom center; border-left:1px #ccc solid; border-right:1px #ccc solid; } #myMap .map_cell_A_s { background-image: url("../images/arrow_down_on.gif"); background-repeat: no-repeat; background-position: bottom center; border-left:1px #ccc solid; border-right:1px #ccc solid; } #myMap .map_cell_C { background-image: url("../images/arrow_bott_left.gif"); background-repeat: no-repeat; background-position: bottom left; } #myMap .map_cell_C_s { background-image: url("../images/arrow_bott_left_on.gif"); background-repeat: no-repeat; background-position: bottom left; } #myMap .map_cell_E { background-image: url("../images/arrow_left.gif"); background-repeat: no-repeat; background-position: center left; border-top:1px #ccc solid; border-bottom:1px #ccc solid; } #myMap .map_cell_E_s { background-image: url("../images/arrow_left_on.gif"); background-repeat: no-repeat; background-position: center left; border-top:1px #ccc solid; border-bottom:1px #ccc solid; } /** * Css for custom zoom icons and map type buttons */ #myMap .map_buttons .mapView { margin:0 0 0 5px; } #myMap .map_buttons .mapView ul { list-style:none; margin:0; padding:0; float:right; } #myMap .map_buttons .mapView li { margin:0 1px 0 0; padding:0; float:left; } #myMap .map_buttons .mapView .caption { width:124px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; float:left;} #myMap .map_buttons .mapView .hybrid { width:73px; height:19px; text-indent:-5000px; background-image:url(../images/but_hyb_1.gif); background-repeat:no-repeat; } #myMap .map_buttons .mapView .hybrid a { width:73px; height:19px; text-indent:-5000px; background-image:url(../images/but_hyb_1.gif); background-repeat:no-repeat; display:block; } #myMap .map_buttons .mapView .hybrid a:hover, #mapResults .mapView .hybrid a.active { background-image:url(../images/but_hyb_2.gif); } #myMap .map_buttons .mapView .satellite { width:73px; height:19px; text-indent:-5000px; background-image:url(../images/but_sat_1.gif); background-repeat:no-repeat; } #myMap .map_buttons .mapView .satellite a { width:73px; height:19px; text-indent:-5000px; background-image:url(../images/but_sat_1.gif); background-repeat:no-repeat; display:block; } #myMap .map_buttons .mapView .satellite a:hover, #mapResults .mapView .satellite a.active { background-image:url(../images/but_sat_2.gif); } #myMap .map_buttons .mapView .standard { width:73px; height:19px; text-indent:-5000px; background-image:url(../images/but_map_1.gif); background-repeat:no-repeat; margin:0 0 0 15px; } #myMap .map_buttons .mapView .standard a { width:73px; height:19px; text-indent:-5000px; background-image:url(../images/but_map_1.gif); background-repeat:no-repeat; display:block; } #myMap .map_buttons .mapView .standard a:hover, #mapResults .mapView .standard a.active { background-image:url(../images/but_map_2.gif); } /* .map_control_main { background-color:#fff; border:1px solid black; position:inherit; display:block; } .mapView{ float:right; } .map_buttons { float:left; } */ /* Zoom icons (perhaps change class name to generic zoommap */ #myMap .zoom_control { display:block; } #myMap .zoom_control a { height:20px; width:7px; float:left; } #myMap a.zoomIn { background:url( ../images/plus_1.gif ) bottom; height:20px; width:15px; } #myMap a.zoomIn:hover { background:url( ../images/plus_2.gif ) bottom; background-repeat:no-repeat; height:20px; width:15px; float:left; } #myMap a.zoomOut { background-image:url( ../images/minus_1.gif ); height:20px; width:15px; float:left; } #myMap a.zoomOut:hover{ background-image:url( ../images/minus_2.gif ); background-repeat:no-repeat; height:20px; width:15px; float:left; } #myMap .loadingLabel { background-image:url(../images/loading.gif); background-repeat:no-repeat; width:169px; height:67px; display:block; left:165px; top:165px; position:relative; } #myMap .zoomLabel { background-image:url(../images/pic_zoom.gif); background-repeat:no-repeat; width:45px; height:15px; display:inline; float:left; background-position:bottom; } #myMap .zoom_control a span { display:none; } #myMap a.zoom1 { background-image:url( ../images/size_13_off.gif ); } #myMap a.zoom1:hover, a.zoom1c { background-image:url( ../images/size_13_on.gif ); } #myMap a.zoom2 { background-image:url( ../images/size_18_off.gif ); } #myMap a.zoom2:hover, a.zoom2c { background-image:url( ../images/size_18_on.gif ); } #myMap a.zoom5 { background-image:url( ../images/size_5_off.gif ); } #myMap a.zoom5:hover, a.zoom5c { background-image:url( ../images/size_5_on.gif ); } #myMap a.zoom6 { background-image:url( ../images/size_6_off.gif ); } #myMap a.zoom6:hover, a.zoom6c { background-image:url( ../images/size_6_on.gif ); } #myMap a.zoom7 { background-image:url( ../images/size_7_off.gif ); } #myMap a.zoom7:hover, a.zoom7c { background-image:url( ../images/size_7_on.gif ); } #myMap a.zoom8 { background-image:url( ../images/size_8_off.gif ); } #myMap a.zoom8:hover, a.zoom8c { background-image:url( ../images/size_8_on.gif ); } #myMap a.zoom9 { background-image:url( ../images/size_9_off.gif ); } #myMap a.zoom9:hover, a.zoom9c { background-image:url( ../images/size_9_on.gif ); } #myMap a.zoom10 { background-image:url( ../images/size_10_off.gif ); } #myMap a.zoom10:hover, a.zoom10c { background-image:url( ../images/size_10_on.gif ); } #myMap a.zoom11 { background-image:url( ../images/size_11_off.gif ); } #myMap a.zoom11:hover, a.zoom11c { background-image:url( ../images/size_11_on.gif ); } #myMap a.zoom12 { background-image:url( ../images/size_12_off.gif ); } #myMap a.zoom12:hover, a.zoom12c { background-image:url( ../images/size_12_on.gif ); } #myMap a.zoom13 { background-image:url( ../images/size_13_off.gif ); } #myMap a.zoom13:hover, a.zoom13c { background-image:url( ../images/size_13_on.gif ); } #myMap a.zoom14 { background-image:url( ../images/size_14_off.gif ); } #myMap a.zoom14:hover, a.zoom14c { background-image:url( ../images/size_14_on.gif ); } #myMap a.zoom15 { background-image:url( ../images/size_15_off.gif ); } #myMap a.zoom15:hover, a.zoom15c { background-image:url( ../images/size_15_on.gif ); } #myMap a.zoom16{ background-image:url( ../images/size_16_off.gif ); } #myMap a.zoom16:hover, a.zoom16c { background-image:url( ../images/size_16_on.gif ); } #myMap a.zoom17 { background-image:url( ../images/size_17_off.gif ); } #myMap a.zoom17:hover, a.zoom17c { background-image:url( ../images/size_17_on.gif ); } #myMap a.zoom18 { background-image:url( ../images/size_18_off.gif ); } #myMap a.zoom18:hover, a.zoom18c { background-image:url( ../images/size_18_on.gif ); } #myMap a.zoom19 { background-image:url( ../images/size_19_off.gif ); } #myMap a.zoom19:hover, a.zoom19c { background-image:url( ../images/size_19_on.gif ); } /* #div_zoom { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; color:#FF0000; } #div_zoom table { border-collapse:collapse; } #div_zoom td { margin-left:10px; } */ /* Schools Data Colour Overrides */ th.zoommap_sortedColumn { background-color:#f0f2ea !important; } tr.zoommap_selected {background-color: #B8CCE4 !important; } tr.zoommap_odd { background-color: #DBE5F1 !important; } tr.zoommap_even { background-color: white !important; } tr.zoommap_odd td.zoommap_sortedColumn { background-color:#f0f2ea !important; } tr.zoommap_even td.zoommap_sortedColumn { background-color:#dee1d1 !important; } #zoommap_schools .zoommap_resultSet th { background: #4F81BD; color: white; } #zoommap_schools .zoommap_resultSet th a { color: white; }