@charset "UTF-8";

.custominfowindow {
    position: absolute;
	z-index: 200;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

.custominfowindow a{
	color: #555555;
}

#iwtitle {
	color: black;
	font-weight: bold;
}

#titlebar {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #7F7F7F;
}

.infowindowtext {
	font-weight: normal;
}

#close {
	width: 20px;
	height: 20px;
	position: absolute;
	top: -5px;
	right: 0px;
	background-position: -40px -40px;
}

#close:hover, #close:active {
	cursor: pointer;
	background-position: -60px -40px;
}

.custominfowindow > #box {
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
}

.custominfowindow .sprite {
    background-image: url("../images/custominfowindow.png");
}

.custominfowindow > #upperleft {
	top: -20px;
	left: -20px;
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	background-position: left top;
}

.custominfowindow > #lowerleft {
	left: -20px;
	bottom: -30px;
	top: 20px;
	right: 20px;
	position: absolute;
	overflow: hidden;
	background-position: left bottom;
}

.custominfowindow > #lowerright {
	bottom: -30px;
	right: -30px;
	position: absolute;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background-position: right bottom;
}

.custominfowindow > #upperright {
	top: -20px;
	right: -30px;
	bottom: 20px;
	left: 20px;
	position: absolute;
	overflow: hidden;
	background-position: right top;
}

.custominfowindow > #pointer {
	overflow: hidden;
	position: absolute;
	width: 80px;
	height: 80px;
}