.tip-citymap {
	opacity:1;
	z-index:1210;
	text-align:left;	
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	padding:8px 8px;
	max-width:300px;
	color:#444;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(54, 52, 51, 0.3);
	-moz-box-shadow:    0px 0px 2px 0px rgba(54, 52, 51, 0.3);
	box-shadow:         0px 0px 2px 0px rgba(54, 52, 51, 0.3);
}
.tip-citymap .tip-inner {
	font:normal 12px/14px 'Lato', sans-serif;
}
/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-citymap .tip-arrow-top {
	margin-top:-5px;
	margin-left:-5px; /* approx. half the width to center it */
	top:0;
	left:50%;
	width:9px;
	height:5px;
	background:url('tip-citymap-arrows.png') no-repeat;
}
.tip-citymap .tip-arrow-right {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:0;
	top:50%;
	left:100%;
	width:5px;
	height:9px;
	background:url('tip-citymap-arrows.png') no-repeat -9px 0;
}
.tip-citymap .tip-arrow-bottom {
	margin-top:0;
	margin-left:-5px; /* approx. half the width to center it */
	top:100%;
	left:50%;
	width:9px;
	height:5px;
	background:url('tip-citymap-arrows.png') no-repeat -18px 0;
}
.tip-citymap .tip-arrow-left {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:-5px;
	top:50%;
	left:0;
	width:5px;
	height:9px;
	background:url('tip-citymap-arrows.png') no-repeat -27px 0;
}