#map-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
    min-height: 200px;
}

#ZoomControl {
	background: url(../_i/zoom.png) no-repeat;
	position: absolute;
	z-index: 1001;
	display: block;
	top: 10px;
	left: 10px;
	width: 29px;
	height: 56px;
}

.ZoomPlus, .ZoomMinus {
    cursor: pointer;
    height: 27px;
    overflow: hidden;
    position: relative;
    width: 27px;
}

.ZoomPlus {
    top: 1px;
    left: 1px;
}

.ZoomMinus {
    top: 1px;
    left: 1px;
}

#categories {
	position: absolute;
	top: 10px;
	right: 345px;
	z-index: 1001;
}
.button {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../_i/button-bg.png) repeat-x;
	height: 28px;
	font-size: 13px;
	white-space: nowrap;
}
.button a {
	display: block;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	color: #000;
}
.button a.active,
.button a:hover {
	color: #778091;
}
.button .bl {
	position: absolute;
	top: 0;
	left: -7px;
	background: url(../_i/button-left.png) repeat-x;
	height: 28px;
	width: 7px;
	display: block;
}
.button .br {
	position: absolute;
	top: 0;
	right: -7px;
	background: url(../_i/button-right.png) repeat-x;
	height: 28px;
	width: 7px;
	display: block;
}
.button .misc {
	position: absolute;
	top: 13px;
	right: 5px;
	background: url(../_i/button-misc.png) 0 0 repeat-x;
	width: 5px;
	height: 3px;
	display: block;
}
.button a.active .misc {
	background-position: 0 -3px;
}
.cat-list,
.map-list,
.maptype-list {
	position: absolute;
	top: 25px;
	right: -124px;
	padding: 10px;
	background: #fff;
	margin: 0;
	border: 1px solid #727272;
	display: none;
}
#categories ul,
#maps ul,
#maptype ul {
	padding: 0;
	margin: 0;
	white-space: nowrap;
}
#categories li,
#maps li,
#maptype li {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 19px;
}
#categories li a.active,
#maps li a.active,
#maptype li a.active {
	text-decoration: none;
	color: #000;
	cursor: default;
}
#categories .button {
	width: 117px;
}
.cat-list {
}
.activeFilter {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #727272;
	font-size: 12px;
}
#maps {
	position: absolute;
	top: 10px;
	right: 207px;
	z-index: 1001;
}
#maps .button {
	width: 105px;
}
.map-list {
	left: -7px;
	width: 97px;
}
#maptype {
	position: absolute;
	top: 10px;
	right: 80px;
	z-index: 1001;
}
#maptype .button {
	width: 63px;
}
.maptype-list {
	left: -7px;
	right: auto;
	width: 55px;
}
#MyMap {
	width: 100%;
	height: 100%;
    min-height: 600px;
}
.MapPushpinBase {
	cursor: pointer !important;
}
.balloon-layout {
	position: absolute;
	background: #fff;
	border: 1px solid #efefef;
	border-radius: 10px;
	width: 300px;
	max-width: 300px;
}
.balloon-content {
	padding: 10px;
	font-size: 12px;
}
.balloon-tail {
	background: url(../_i/balloon-tail.png);
	width: 16px;
	height: 15px;
	position: absolute;
	bottom: -14px;
	left: 50%;
	margin-left: -8px;
}
#loading {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -64px;
	background: url(../_i/loader.gif) no-repeat;
	width:128px;
	height: 15px;
	z-index: 1001;
}
.olMapViewport {
    min-height: 600px;
}