@charset "UTF-8";

#articleMain.map {
	width: 755px;
}

#articleMain.map img{
	border: 0px;
}

/* ZOOMING */
.msie #mapDiv.zooming, .msie #mapDiv.zooming img, .msie #mapDiv.zooming olv\:rect {
    cursor: url(/static/common_media/zoom-in.cur), default !important;
}
.msie #mapDiv.zoomingout, .msie #mapDiv.zoomingout img, .msie #mapDiv.zoomingout olv\:rect {
    cursor: url(/static/common_media/zoom-out.cur), default !important;
}
.msie #mapDiv {
    cursor: url(/static/common_media/pan.cur), default;
}
.msie #mapDiv.moving {
    cursor: url(/static/common_media/pandown.cur), default;
}
#mapDiv {
    cursor: url(common_media/pan.cur), default;
}
.mozilla #mapDiv {
    cursor: -moz-grab;
}
#mapDiv.moving {
    cursor: url(common_media/pandown.cur), default;
}
.mozilla #mapDiv.moving {
    cursor: -moz-grabbing;
}
#mapDiv.zooming, #mapDiv.zooming image, #mapDiv.zooming olv\:rect {
    cursor: url(common_media/zoom-in.cur), default !important;
}
.mozilla #mapDiv.zooming,  .mozilla #mapDiv.zooming image {
    cursor: -moz-zoom-in !important;
}
.safari #mapDiv.zooming, .safari #mapDiv.zooming image {
    cursor: -webkit-zoom-in !important ;
}
#mapDiv.zoomingout, #mapDiv.zoomingout image, #mapDiv.zoomingout olv\:rect {
    cursor: url(common_media/zoom-out.cur), default !important;
}
.mozilla #mapDiv.zoomingout,  .mozilla #mapDiv.zoomingout image {
    cursor: -moz-zoom-out !important;
}
.safari #mapDiv.zoomingout, .safari #mapDiv.zoomingout image {
    cursor: -webkit-zoom-out !important ;
}

/* TOOLS BAR >> NAVIGATION */



.olControlNavToolbar { 
    width:30px;
    height:0px;
    top: 85px;
    left: auto;
    right: 0px;
}    
.olControlNavToolbar div {
  width:  28px;
  height: 28px;
  cursor: pointer;
}
.olControlNavToolbar .olControlNavigationItemActive { 
  background-image: url("bruxelles_mobilite_media/img/panning-hand-on.png");
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlNavigationItemInactive { 
  background-image: url("bruxelles_mobilite_media/img/panning-hand-off.png");
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemActive { 
  background-image: url("bruxelles_mobilite_media/img/drag-rectangle-on.png");
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemInactive { 
  background-image: url("bruxelles_mobilite_media/img/drag-rectangle-off.png");
  background-repeat: no-repeat;
}
.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}
.olControlZoomPanel {
    top: 21px;
    left: auto;
    right: 25px;
} 
.olControlZoomPanel div {
    background-image: url(bruxelles_mobilite_media/img/zoom-panel.png);
    position: absolute;
    height: 18px;
    width: 18px;
    cursor: pointer;
}
.olControlZoomPanel .olControlZoomInItemInactive {
    top: 0px;
    left: 0px;
    background-position: 0px 0px;
}
.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    top: 18px;
    left: 0px;
    background-position: 0px -18px;
}
.olControlZoomPanel .olControlZoomOutItemInactive {
    top: 36px;
    left: 0px;
    background-position: 0px 18px;
}

.olControlPanel {
    position:absolute;
    top: 0px;
    right: 0px;
    width: 305px;
    height: 33px;
    z-index: 1100;
    cursor: pointer;
	background: url(common_media/map_toolsbar_big.gif) no-repeat top right;
}

/* inside mapContainer = not in fullscreen */
#mapContainer .olControlPanel {}

#mapToolBar div, .mapTools {
    position: absolute;
    width: 31px;
    height:31px;
}
#mapContainer #mapToolBar div, #mapContainer .mapTools {
    height:26px;
}

.olControlNavigationHistoryPreviousItemActive {
    background: url(common_media/map_prev_off_big.gif) no-repeat center;
}
.olControlNavigationHistoryPreviousItemActive:hover {
    background: url(common_media/map_prev_on_big.gif) no-repeat center;
}
.olControlNavigationHistoryPreviousItemInactive { 
    background: url(common_media/map_prev_off_big.gif) no-repeat center;
}
.olControlNavigationHistoryPreviousItemInactive:hover {
    background: url(common_media/map_prev_on_big.gif) no-repeat center;
}
#mapContainer .olControlNavigationHistoryPreviousItemActive {
    background: url(common_media/map_prev_off.gif) no-repeat center;
}
#mapContainer .olControlNavigationHistoryPreviousItemActive:hover {
    background: url(common_media/map_prev_on.gif) no-repeat center;
}
#mapContainer .olControlNavigationHistoryPreviousItemInactive { 
    background: url(common_media/map_prev_off.gif) no-repeat center;
}
#mapContainer .olControlNavigationHistoryPreviousItemInactive:hover {
    background: url(common_media/map_prev_on.gif) no-repeat center;
}

.olControlNavigationHistoryNextItemActive { 
    background: url(common_media/map_next_off_big.gif) no-repeat center;
}
.olControlNavigationHistoryNextItemActive:hover { 
    background: url(common_media/map_next_on_big.gif) no-repeat center;
}
.olControlNavigationHistoryNextItemInactive { 
    background: url(common_media/map_next_off_big.gif) no-repeat center;
}
.olControlNavigationHistoryNextItemInactive:hover { 
    background: url(common_media/map_next_on_big.gif) no-repeat center;
}
#mapContainer .olControlNavigationHistoryNextItemActive { 
    background: url(common_media/map_next_off.gif) no-repeat center;
}
#mapContainer .olControlNavigationHistoryNextItemActive:hover { 
    background: url(common_media/map_next_on.gif) no-repeat center;
}
#mapContainer .olControlNavigationHistoryNextItemInactive { 
    background: url(common_media/map_next_off.gif) no-repeat center;
}
#mapContainer .olControlNavigationHistoryNextItemInactive:hover { 
    background: url(common_media/map_next_on.gif) no-repeat center;
}

.olControlZoomBoxItemInactive { 
    background: url(common_media/map_zoomin_off_big.gif) no-repeat center;
}
.olControlZoomBoxItemInactive:hover {
    background: url(common_media/map_zoomin_on_big.gif) no-repeat center;
}
.olControlZoomBoxItemActive { 
    background: url(common_media/map_zoomin_on_big.gif) no-repeat center;
}
#mapContainer .olControlZoomBoxItemActive {
    background: url(common_media/map_zoomin_on.gif) no-repeat center;
}
#mapContainer .olControlZoomBoxItemInactive:hover {
    background: url(common_media/map_zoomin_on.gif) no-repeat center;
}
#mapContainer .olControlZoomBoxItemInactive { 
    background: url(common_media/map_zoomin_off.gif) no-repeat center;
}

.olControlNavigationItemActive { 
    background: url(common_media/map_hand_on_big.gif) no-repeat center;
}
.olControlNavigationItemInactive  {
    background: url(common_media/map_hand_off_big.gif) no-repeat center;
}
.olControlNavigationItemInactive:hover { 
    background: url(common_media/map_hand_on_big.gif) no-repeat center;
}
#mapContainer .olControlNavigationItemActive {
    background: url(common_media/map_hand_on.gif) no-repeat center;
}
#mapContainer .olControlNavigationItemInactive { 
    background: url(common_media/map_hand_off.gif) no-repeat center;
}
#mapContainer .olControlNavigationItemInactive:hover { 
    background: url(common_media/map_hand_on.gif) no-repeat center;
}

.olControlPanel .FullScreen {
	right: 1px;
}
#mapContainer .olControlPanel .FullScreenItemInactive {
	background: url(common_media/map_fullscreen_off.gif) no-repeat center;
}
#mapContainer .olControlPanel .FullScreenItemInactive:hover { 
    background: url(common_media/map_fullscreen_on.gif) no-repeat center;
}
#mapContainer .olControlPanel .FullScreenItemActive { 
    background: url(common_media/map_fullscreen_on.gif) no-repeat center;
}
.olControlPanel .FullScreenItemInactive {
	background: url(common_media/map_normalscreen_off_big.gif) no-repeat center;
}
.olControlPanel .FullScreenItemInactive:hover {
    background: url(common_media/map_normalscreen_on_big.gif) no-repeat center;
}
.olControlPanel .FullScreenItemActive { 
    background: url(common_media/map_fullscreen_on_bif.gif) no-repeat center;
}

.olControlPanel .fr_Multimodal {
	right: 1px;
}
#mapContainer .olControlPanel .fr_MultimodalItemInactive {
	  background: url(bruxelles_mobilite_media/fr/carte_intermodal_off.png) no-repeat top right;
		width: 166px;
}
#mapContainer .olControlPanel .fr_MultimodalItemInactive:hover {}
#mapContainer.multimodal .olControlPanel .fr_MultimodalItemInactive { 
	background: url(bruxelles_mobilite_media/fr/carte_intermodal_off.png) no-repeat bottom right;
	width: 166px;
}

.olControlPanel .nl_Multimodal {
	right: 1px;
}

#mapContainer .olControlPanel .nl_MultimodalItemInactive {
	  background: url(bruxelles_mobilite_media/nl/carte_intermodal_off.png) no-repeat top right;
		width: 166px;
}
#mapContainer .olControlPanel .nl_MultimodalItemInactive:hover {}
#mapContainer.multimodal .olControlPanel .nl_MultimodalItemInactive { 
  background: url(bruxelles_mobilite_media/nl/carte_intermodal_off.png) no-repeat bottom right;
	width: 166px;
}

#mapContainer .olControlPanel .ZoomOutItemInactive {
	background: url(common_media/map_zoomout_off.gif) no-repeat center;
}
#mapContainer .olControlPanel .ZoomOutItemInactive:hover { 
    background: url(common_media/map_zoomout_on.gif) no-repeat center;
}
#mapContainer .olControlPanel .ZoomOutItemActive { 
    background: url(common_media/map_zoomout_on.gif) no-repeat center;
}
.olControlPanel .ZoomOut {
	right: 115px;
}
.olControlPanel .ZoomOutItemInactive {
	background: url(common_media/map_zoomout_off_big.gif) no-repeat center;
}
.olControlPanel .ZoomOutItemInactive:hover {
    background: url(common_media/map_zoomout_on_big.gif) no-repeat center;
}
.olControlPanel .ZoomOutItemActive { 
    background: url(common_media/map_zoomout_on_big.gif) no-repeat center;
}

.mapTools {
    z-index: 1100;
    position:absolute;
    width: 31px;
    height: 31px;
    top: 0px;
    left: auto;
    cursor: pointer;
}
#mapContainer .mapTools {
	z-index: 1100;
	position:absolute;
	width: 28px;
	height: 26px;
	top: 0px;
	left: auto;
	cursor: pointer;
}
#initviewTool.mapTools {
    right: 262px;
	background: url(common_media/map_center_off_big.gif) no-repeat center;
}
#initviewTool.mapTools:hover {
    background: url(common_media/map_center_on_big.gif) no-repeat center;
}
#zoomoutTool.mapTools {
    right: 115px;
	background: url(common_media/map_zoomout_off_big.gif) no-repeat center;
}
#zoomoutTool.mapTools:hover {
    background: url(common_media/map_zoomout_on_big.gif) no-repeat center;
}
#printTool.mapTools {
    right: 40px;
	background: url(common_media/map_print_off_big.gif) no-repeat center;
}
#printTool.mapTools:hover {
    background: url(common_media/map_print_on_big.gif) no-repeat center;
}
#mapContainer #initviewTool.mapTools {
	background: url(common_media/map_center_off.gif) no-repeat center;
}
#mapContainer #initviewTool.mapTools:hover {
    background: url(common_media/map_center_on.gif) no-repeat center;
}
#mapContainer #zoomoutTool.mapTools {
    right: 95px;
	background: url(common_media/map_zoomout_off.gif) no-repeat center;
}
#mapContainer #zoomoutTool.mapTools:hover {
    background: url(common_media/map_zoomout_on.gif) no-repeat center;
}
#mapContainer #printTool.mapTools {
	background: url(common_media/map_print_off.gif) no-repeat center;
}
#mapContainer #printTool.mapTools:hover {
    background: url(common_media/map_print_on.gif) no-repeat center;
}

/* Copyright Urbis */
#copyrightUrbis{
    position: absolute;
    z-index: 1000;
    bottom: 18px;
    left: 3px;
	color: #aaa;
	font-style: italic;
	text-decoration: none;
	font-size: 70%;
}


#mapTip{
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 390px;
    background-color: #FFFFFF;
    z-index: 1500;
    -moz-opacity:0.95;
	opacity:0.95;
    margin: 2px;
    padding: 5px;
    border: #e3e3e3 2px solid;
}

#undoMapFullScreen{visibility: hidden;}

#map_print {
    position: relative;
    width: 1000px;
    height: 1000px;
}
#map_print div {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1000px;
    height: 1000px;
}

td.switch_button, div.switch_button, td.expand_button, div.expand_button {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 19px;
    height: 18px;
}
tr.switch_button, div.switch_button, tr.expand_button, div.expand_button {
    cursor: pointer;
}
td.switch_button, div.switch_button{
	background-image: url(bruxelles_mobilite_media/img/checkbox_on.gif);
}
td.expand_button, div.expand_button{
	background-image: url(bruxelles_mobilite_media/img/expand_on.png);
}
div.switch_button.disabled, .disabled .switch_button {
    background-image: url(bruxelles_mobilite_media/img/checkbox_off.gif);
}
div.expand_button.disabled, .disabled .expand_button {
    background-image: url(bruxelles_mobilite_media/img/expand_off.png);}
#mapLegendTable {
	cursor: default;
}

/* New Map */

#drawersContainer {
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 0px;
	right: -14px;
	overflow: visible;
}

.velo #mapContainer #drawersContainer,
.velo #mapContainer #copyrightUrbis {
    margin-bottom: 0;
}
.velo #copyrightUrbis,
.velo #drawersContainer {
    margin-bottom: 133px;
}

#mapContainer #drawersBar {
	/* olControlPanel overrides */
	top: auto; 
	background: transparent;
}

#drawersBar .drawerToggle {
	position: absolute;
	cursor:pointer;
	height: 20px;
	width: 164px;
	z-index: 1100;
}

#drawersBar .overviewMap {
	background: url(bruxelles_mobilite_media/map/fr/overview.gif) no-repeat 0px -33px;
}

#drawersBar.overviewMapPanel_disabled .overviewMap {
	background-position: 0px -4px !important;
	cursor: pointer;
	cursor: not-allowed;
}

#drawersBar .overviewMap:hover,
#drawersBar .overviewMap.ItemActive {
	background: url(bruxelles_mobilite_media/map/fr/overview.gif) no-repeat 0px -58px;
}

#drawersBar .searchMap {
	background: url(bruxelles_mobilite_media/map/fr/search.gif) no-repeat 0px -4px;
}
#drawersBar .searchMap:hover,
#drawersBar .searchMap.ItemActive {
	background: url(bruxelles_mobilite_media/map/fr/search.gif) no-repeat 0px -31px;
}

#drawersBar .filterMap {
	background: url(bruxelles_mobilite_media/map/fr/legend.gif) no-repeat 0px -4px;
}
#drawersBar .filterMap:hover,
#drawersBar .filterMap.ItemActive {
	background: url(bruxelles_mobilite_media/map/fr/legend.gif) no-repeat 0px -31px;
}

.nl #drawersBar .overviewMap {
	background-image: url(bruxelles_mobilite_media/map/nl/overview.gif) ;
}

.nl #drawersBar .searchMap {
	background: url(bruxelles_mobilite_media/map/nl/search.gif) no-repeat 0px -4px;
}
.nl #drawersBar .searchMap:hover,
.nl #drawersBar .searchMap.ItemActive {
	background: url(bruxelles_mobilite_media/map/nl/search.gif) no-repeat 0px -31px;
}

.nl #drawersBar .filterMap {
	background: url(bruxelles_mobilite_media/map/nl/legend.gif) no-repeat 0px -4px;
}
.nl #drawersBar .filterMap:hover,
.nl #drawersBar .filterMap.ItemActive {
	background: url(bruxelles_mobilite_media/map/nl/legend.gif) no-repeat 0px -31px;
}

#drawersContainer .drawerPanel {
	position: absolute;
	bottom: 21px;
	background-color: #FFF;
	border: #CCC solid 1px;
	height : 111px;
	z-index: 1000;
	width: 156px;
}

/* search button position */
#drawersBar .searchMap {
	right: 173px;
}
/* search widget position */
#drawersContainer #searchMapPanel {
	right: 175px;
	height : 200px;
	width:150px;
	padding: 4px;
}

/* overview button position */
#drawersBar .overviewMap {
	right: 335px;
}

/* overview widget position */
#drawersContainer #overviewMapPanel {
	right: 337px;
}

/* legend button position */
#drawersBar .filterMap {
	right: 12px;
}

/* legend widget position */
#drawersContainer #filterMapPanel {
	right: 14px;
  	height: auto;
}

table.mapLegend {
  border-collapse: collapse;
	padding: 6px;
	width: 155px;
}

#drawersContainer .drawerPanel h4, #mapLegend h4 {
	padding: 0px 10px;
	margin: 0;
	color: #639306;
}

table.mapLegend tr td{
	border-bottom: solid #CCC 1px;
	padding: 6px;
	text-align: left;
}

#articleMain table.mapLegend {
    width: 155px;
}


p.legendBoxTitle{
	padding: 0;
	margin: 0;
	color: #639306;
	font-weight: bold;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 110%;
}

#overviewMapPanel .olControlOverviewMapElement {
    background-color: #FFFFFF;
    -moz-border-radius: 1em 0 0 0;
    -webkit-border-radius: 1em 0 0 0;
    padding: 4px;
}
#overviewMapPanel .olControlOverviewMapExtentRectangle {
    overflow: hidden;
    background-image: url(bruxelles_mobilite_media/blank.gif);
    cursor: move;
    border: 2px solid #999;
}
#overviewMapPanel .olControlOverviewMapRectReplacement {
	overflow: hidden;
    background-image: url(bruxelles_mobilite_media/blank.gif);
    cursor: move;
    border: 2px solid #999;
}

/* End map */
/* End New Map */

/* SEARCH */
.mapSearch .button{
	background: transparent url(common_media/searchbox_off.gif) right no-repeat;
	background-repeat: no-repeat;
	border: none;
	width: 80px;
	height: 26px;
	color: #639306;
	font-weight: bold;
	text-decoration: none;
	font-size: 95%;
	text-align: left;
	cursor: pointer;
	margin-top: 16px;
}

.mapSearch .button:hover {
	background: transparent url(common_media/searchbox_on.gif) right no-repeat;
	color: #999999;
}

.mapSearch{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 95%;
}

#formMap table {
	margin-top: 11px;
}

#formMap #searchStreetName {
	margin-bottom: 22px;
}

#formMap input {
	margin-right: 8px;
	height: 15px;
}

#formMap table {
	width: auto;
}

#searchNumber, #searchPostalCode {
	width: 60px;
}

#formSearchNumber, #formSearchPostalCode {
	margin-left: 5px;
	width: 78px;
	float: left;
}
#address_result {
	margin-top: 16px;
	display: block;
}

/* Overview */

#overviewMapPanel .olControlOverviewMapElement {
    background-color: #FFFFFF;
    -moz-border-radius: 1em 0 0 0;
    -webkit-border-radius: 1em 0 0 0;
    padding: 4px;
}
#overviewMapPanel .olControlOverviewMapExtentRectangle {
    overflow: hidden;
    background-image: url(bruxelles_mobilite_media/blank.gif);
    cursor: move;
    border: 1px solid #D00;
}
#overviewMapPanel .olControlOverviewMapRectReplacement {
    overflow: hidden;
    background-image: url(bruxelles_mobilite_media/blank.gif);
    cursor: move;
    border: 2px solid #D00;
}