.container {width: 570px; margin: 0 auto;} #boxMap {clear: both; width: 570px; position: relative; clear: both; float: left; font-family: Arial, Helvetica, sans-serif; margin: 20px 0; font-size: 12px; font-weight: normal;} #boxMap ul, li{font-size: 11px; margin-bottom:0px; color: #ffffff} #boxMap img {border: none;} #boxMap .error {color: #d21208; font-weight: bold;} #boxMap .tabsMap {float: left; clear: both; width: 100%;} #boxMap .tabsMap ul {margin: 0; padding: 0; list-style-type: none; float: left;} #boxMap .tabsMap li {float: left; margin-right: 1px; list-style-type: none;} #boxMap .box li {list-style-type: none;} /*->province links-----------------------------------------------------------------------------------*/ #boxMap .tabsMap li a {float: left; position: relative; background: #f5f5f5; color: #616161; font-weight: bold; font-size: 12px; padding: 6px 15px 4px; outline: none; } #boxMap .tabsMap li a .lc, #boxMap .tabsMap li a .rc {width: 5px; height: 5px; position: absolute; background: url(../images/map/tab_corners.gif) no-repeat left -5px; line-height: 1px; font-size: 1px;} #boxMap .tabsMap li a .lc {top: 0; left: 0;} #boxMap .tabsMap li a .rc {background-position: right -5px; top: 0; right: 0;} #boxMap .tabsMap li a.sel {background: #8f0100; color: #ffffff;} #boxMap .tabsMap li a.sel .lc {background-position: 0 0;} #boxMap .tabsMap li a.sel .rc {background-position: -5px 0;} /*->area links---------------------------------------------------------------------------------------*/ #boxMap .linksMap {float: left; width: 100%; clear: both;} #boxMap .linksMap ul {margin: 0; padding: 0; float: left; width: 100%; clear: both; color: #32659c; margin-top: 10px; display: none;} #boxMap .linksMap ul.sel {display: block;} #boxMap .linksMap li {float:left; list-style-position: inside; padding-left: 10px;} #boxMap .linksMap li a {color: #a62222; font-size: 12px;} #boxMap .linksMap li a.sel {color: #a62222;} #boxMap .linksMap li a:hover {color: #a62222;} /*->provinces----------------------------------------------------------------------------------------*/ #boxMap .bordered {border: 8px solid #8f0100; float: left; clear: both; position: relative; width: 554px; height: 430px;} #boxMap .areaMap { width: 554px; height: 430px; float: left; overflow: hidden; background: url(../images/map/map.gif) no-repeat left top #f7f3f7; position: relative; z-index: 35;} #boxMap .zoom {position: absolute; right: 10px; bottom: 10px; width: 28px; height: 22px; background: url(../images/map/zoom.png) no-repeat left top; cursor: pointer; display: none; opacity: 0;} #boxMap .zoomout {z-index: 34; display: block;} #boxMap .area {position: absolute; z-index: 37;} #boxMap .area.sel {z-index: 36; overflow: visible;} #boxMap .area.sel area {cursor: auto;} #boxMap .area .blank {position: relative; width: 100%; height: 100%; z-index: 37;} #ontario {width: 164px; height: 143px; top: 263px; left: 242px;} #ontario.sel {background: url(../images/map/ottawa_area.png) no-repeat left top;} #manitoba {width: 82px; height: 103px; top: 236px; left: 197px;} #manitoba.sel {background: url(../images/map/guelph_area.png) no-repeat left top;} /*->points-------------------------------------------------------------------------------------------*/ #boxMap .point {position: absolute; width: 18px; height: 15px; background: url(../images/map/icons.gif) no-repeat left top; cursor: pointer; z-index: 36;} #boxMap .point.color {position: absolute; width: 18px; height: 15px; background: url(../images/map/icons.gif) no-repeat left top; cursor: pointer; z-index: 36;} #boxMap .point.sel {background-position: left -30px; z-index: 38;} #boxMap .detail .point {z-index: 38; background: url(../images/map/iconsdetail.png) no-repeat left top; width: 35px; height: 32px;} #boxMap .detail .point:hover {background-position: 0 -32px; z-index: 40;} /* #boxMap .point.hov {background-position: left -15px;}*/ #boxMap .point .zoomer {position: absolute; width: 18px; height: 15px; top: 0; left: 0; z-index: 40;} #boxMap .point .zoomer:hover {z-index: 43;} #boxMap .point .zoomerexternallink {position: absolute; width: 18px; height: 15px; top: 0; left: 0; z-index: 40;} #boxMap .point .zoomerexternallink:hover {z-index: 43;} /*->popup--------------------------------------------------------------------------------------------*/ .popupbox {position: absolute; bottom: 8px; left: 8px; padding-bottom: 10px; padding-left: 5px; opacity: 0; display: none; z-index: 41;} .popup {position: relative; width: 160px; font-size: 11px; cursor: auto; z-index: 42; color: #3d3d3d;} .hov.popupbox, .hov .popup {display: block;} .popup p {margin: 0;} .popup ul {margin: 0.7em 0 0; padding: 0; list-style-type: none;} .popup li {background: url(../images/map/arrow.gif) no-repeat left 5px; padding: 1px 0 1px 10px;} .popup li a {color: #31659c;} .popup li a:hover {color: #3d3d3d;} .popup .blank {float: left; width: 5px; height: 5px; overflow: hidden; font-size: 1px; line-height: 1px;} .popup .pm .box {foat: left; width: 128px;} .popup .pl, .popup .pt, .popup .pb, .popup .pr, .popup .pm {background: url(../images/map/bgpopup.png);} .popup .pl {border-left: 1px solid #b7cdd4;} .popup .pr {border-right: 1px solid #b7cdd4;} .popup .pt {border-top: 1px solid #b7cdd4;} .popup .pb {border-bottom: 1px solid #b7cdd4;} .popup .ptl, .popup .ptr, .popup .pbl, .popup .pbr {background: url(../images/map/bgcorners.png) no-repeat left top; width: 5px; height: 5px;} .popup .ptr {background-position: right top;} .popup .pbl {background-position: left bottom;} .popup .pbr {background-position: right bottom;} .popup .pm {padding: 5px 10px;} /*->detail maps--------------------------------------------------------------------------------------*/ #boxMap #details {position: absolute; width: 554px; height: 430px; overflow: hidden; left:0; top: 0;} #boxMap .detail {float: left; width: 554px; height: 430px; position: absolute; left: 0; top: 0; opacity: 0; z-index: 32; display: none;} #boxMap .detail.sel {display: block; z-index: 33;} #boxMap .ottawa_map {background: url(../images/map/ottawa_map.gif) no-repeat left top #f7f3f7;} #boxMap .guelph_map {background: url(../images/map/guelph_map.gif) no-repeat left top #f7f3f7;} #boxMap .thompson_map {background: url(../images/map/thompson_map.gif) no-repeat left top #f7f3f7;} #boxMap .detail a img.wrap {position: absolute; bottom: 0; left: 12px; width: 2px; height: 2px;} #boxMap a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;color: #a62222;} #boxMap a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #a62222;} #boxMap p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #3d3d3d;} .tbl0 {background: #ddd; color: #274A32; font-weight: bold; padding: 5px 7px; margin: 1px;} .tbl1 {background: #fff; color: #333333; font-weight: normal; font-size: 11px; padding: 5px 7px; margin: 1px; border-bottom: 1px solid #ddd;} .tbl2 {background: #eee; color: #333333; font-weight: normal; font-size: 11px; padding: 5px 7px; margin: 1px; border-bottom: 1px solid #ddd;}