@charset "utf-8";
/* CSS Document */

p.botswana-upper-text { font-size: 28px; color: #313b3d; line-height: 120%; font-weight: normal; }

p.botswana-upper-text span { color: #1b83b8; }

#select-area { width: 400px; float: right; margin-bottom: 10px; }

#map-container { width: 640px; border-top: 1px solid #acb2b0; border-bottom: 1px solid #acb2b0; padding: 0 0 30px 0;  }

#map-container #constituency-map-container { width: 640px; height: 590px; position: relative; overflow: hidden; }

#map-container #constituency-map-container #map { width: 632px; height: 590px; overflow: hidden; position: relative; float: left; clear: both; }
/*
#map-container #constituency-map-container #zoom-links { position: absolute; margin: 20px 0 0 577px; }

#map-container #constituency-map-container #zoom-links a.reset,
#map-container #constituency-map-container #zoom-links a.zoom-in,
#map-container #constituency-map-container #zoom-links a.zoom-out { padding: 16px 23px; }

#map-container #constituency-map-container #zoom-links a.reset { background: url(../images/botswana-homepage-map-reset-alone.png) no-repeat bottom left; }

#map-container #constituency-map-container #zoom-links a.zoom-in { background: url(../images/botswana-homepage-map-zoom-in-alone.png) no-repeat top left; }

#map-container #constituency-map-container #zoom-links a.zoom-out { background: url(../images/botswana-homepage-map-zoom-out-alone.png) no-repeat bottom left; }
*/


a.zoom-in,
a.zoom-out,
a.reset { padding: 14px 15px; position: absolute; right: 14px; }

a.reset { background: url(../images/botswana-homepage-map-reset-alone-small.png) no-repeat bottom center; }

a.zoom-in { background: url(../images/botswana-homepage-map-zoom-in-alone-small.png) no-repeat top center; }

a.zoom-out { background: url(../images/botswana-homepage-map-zoom-out-alone-small.png) no-repeat bottom center; }

#zoom_wrapper { width: 24px; /* margin: 190px 0 0 585px; */ margin: 6px 0 -1px 598px;  height: 161px; background: url(../images/botswana-homepage-map-slider.png) repeat; background-color: #EFEFEF;  border: 1px solid #CCCCCC; /* border-radius: 3px; */ position: relative; }

#zoom.ui-slider { height: 137px; margin: 12px auto 0 auto; width: 21px; background: none; border: none;  }

a.ui-slider-handle { background: #444444; width: 18px; margin: 0 0 -10px -30px; height: 5px; padding: 7px 0; opacity: 0.7; border-radius: 3px;  }

a.ui-slider-handle:hover,
a.ui-slider-handle:active { cursor: move; opacity: 0.5; }

/* #map-container #zoom-links a.reset { background: url(../images/botswana-homepage-map-reset.png) no-repeat bottom left; } */

#map-container #constituency-map-container #zoom-links a.reset:hover { background: url(../images/botswana-homepage-map-reset-alone-hover.png) no-repeat bottom left; }

/* #map-container #zoom-links a.zoom-in { background: url(../images/botswana-homepage-map-zoom-in.png) no-repeat top left; } */

#map-container #constituency-map-container #zoom-links a.zoom-in:hover { background: url(../images/botswana-homepage-map-zoom-in-alone-hover.png) no-repeat top left; }

/* #map-container #zoom-links a.zoom-out { background: url(../images/botswana-homepage-map-zoom-out.png) no-repeat bottom left; } */

#map-container #constituency-map-container #zoom-links a.zoom-out:hover { background: url(../images/botswana-homepage-map-zoom-out-alone-hover.png) no-repeat bottom left; }

#map-container #map svg { margin: 0 auto; /* cursor: move; */ }

#map-container #map svg > * { cursor: pointer; }

#select-area form select { padding: 2px 5px; border: 1px solid #CCCCCC; }

#select-area form input[type="submit"] { border: none; background: url(../images/botswana-homepage-map-view-button.png) no-repeat top left; padding: 8px 25px;  font-size: 14px; color: #313b3d; cursor: pointer;  }

#select-area form input[type="submit"]:hover { background: url(../images/botswana-homepage-map-view-button.png) no-repeat bottom left; color: #fdfdfd; }

#map-container .constituency-name-container { width: 100%; /* height: 40px; */ text-align: center; margin: 5px 0 0 0; }

.point {
	/* background-color: #eff1f1; */
	display: none;
	position: absolute;
	float: left;
	padding: 3px 15px;
	color: #313b3d;
	opacity: 0.8;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	font-size: 14px;
	line-height: 170%;
	z-index: 2;
	background: url(../images/homepage-map-constituency-container-background.png) repeat-x top left;
	box-shadow: 0 5px 5px -5px #333;
}

.point p { padding: 0 0 0 15px; background: url(../images/homepage-map-constituency-container-text-icon.png) no-repeat 2px 7px;  }

.map-legend {
	width: 350px;
	height: 20px;
	border: none;
	float: right;
	/* margin: -70px 0 0 0; */
	color: #343537;
}

.map-legend legend { 
	font-size: 12px; 
	color: #135c89; 
	font-weight: 100;  
}

.map-legend table { width: 100%; }

.map-legend table td.grey,
.map-legend table td.yellow,
.map-legend table td.blue { 
	/* border: 1px solid #CCCCCC; */ 
	width: 20px; 
}

.map-legend table td.grey { 
	background-color: #dddedf; 
}

.map-legend table td.yellow { 
	background-color: #edbc3c; 
}

.map-legend table td.blue { 
	background-color: #92a7a8; 
}
