.mapTopLeft {
	width:			26px;
	height:			50px;
	border:			1px solid #aaa;
	border-radius:		3px;
	margin:			10px;
	overflow:		hidden;
}

.mapTopLeft .control {
	width:			24px;
	height:			24px;
	display:		block;
	text-indent:		-9999px;
}

.mapTopLeft .control:hover {

}

.mapTopLeft .control.active {
	background:		#fff;
	text-decoration:	none;
}

.mapTopLeft .control.zoomIn {
	background:		url(./images/zoom.png) top left no-repeat #eee;
}

.mapTopLeft .control.zoomIn:hover {
	background:		url(./images/zoom.png) top right no-repeat #eee;
}

.mapTopLeft .control.zoomOut {
	background:		url(./images/zoom.png) bottom left no-repeat #eee;
}

.mapTopLeft .control.zoomOut:hover {
	background:		url(./images/zoom.png) bottom right no-repeat #eee;
}

.mapTopRight {
	height:			26px;
	line-height:		24px;
	margin:			10px;
	border:			1px solid #aaa;
	border-radius:		3px;
	background:		#eee;
	overflow:		hidden;
}

.mapTopRight .control {
	height:			24px;
	padding:		0 10px;
	display:		block;
	float:			left;
	background:		#eee;
	color:			#666;
}

.mapTopRight .control:hover {
	color:			#333;
	text-decoration:	none;
}

.mapTopRight .control.active {
	background:		#fff;
}

.mapTopRight .control.map {

}

.mapTopRight .control.satellite {

}

.mapTopRight .control.streetview {

}