@CHARSET "ISO-8859-1";

.station-tag {
	position:absolute;
	width:16px;
	height:16px;
	margin-left:-8px;
	margin-top:-8px;
	z-index:1;
}

.map-legend {
	cursor: pointer;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #000;
	text-align: center;
	color: #000;
	display: inline-block;
}

.map-legend:hover {
	background: #fff;
}

.tag-details-popup{
	position:absolute;
	left:25px;
	top:-14px;
	display: none;
	z-index:100;
	pointer-events:none;
	width:200px;
}

.tag-details-popup p{
	font-size: 10px;
	float: left;
	display: table-caption;
}

.tag-details-popup .details-wrapper{
	padding:8px;
	background: #fff;
	border:1px solid #bbbbbb;	
	box-shadow:0 1px 4px rgba( 0, 0, 0, .22);
	overflow:hidden;
	float:left;
	max-width:200px;
}

.tag-details-arrow {
	height:21px;
	width:12px;
	top:50%;
	margin-left:-11px;
	margin-top:-8px;
	background:url(../img/tag-detail-arrow.png);
	position:absolute;
}


.tag-details-popup h4{
	display: block;
	white-space:nowrap;
}

.station-type-1 .map-legend{
	border-color: #f00;
}

.station-type-2 .map-legend{
	border-color: #c4a201;
}

.station-type-3 .map-legend{
	border-color: #0ff;
}

.station-type-4 .map-legend{
	border-color: #ff9600;
}

.station-type-5 .map-legend{
	border-color: #de2be0;
}

.station-type-6 .map-legend{
	border-color: #04b500;
}

.station-type-7 .map-legend{
	border-color: #00f;
}

.station-type-8 .map-legend{
	border-color: #7f4d48;
}

.station-type-9 .map-legend{
	border-color: #61fc42;
}

.station-type-10 .map-legend{
	border-color: #b4ff00;
}

.logged .map-legend{
}