div.marker1, /* Ad with exact match */ 
div.marker2, /* Ad */ 
div.marker3, /* Earmarked building */ 
div.marker4, /* Building */ 
div.marker5, /* Other building */ 
div.marker6, /* Small ad with exact match */ 
div.marker7, /* Small ad */
div.marker9, /* Plain marker */
div.marker10 { /* Needle marker */
	position: absolute;
	background-image: url('/lib/Igglo/Marker.png?r=%REVISION_NUMBER%');
	background-color: transparent;
	background-repeat: no-repeat;
}




/**
 * Building markers
 * NOTE: Always update marker9 (plain marker) when updating marker1 layout
 */
div.marker1,
div.marker2 {
	width: 12px;
	height: 12px; 
	margin-left: -10px;
	margin-top: -8px; 
	padding: 4px 2px 1px 6px;
	font-family: Arial, sans-serif;
	font-size: 8px;
	font-weight: normal;
	text-align: center;
	line-height: 12px;
	color: #fff;
	cursor: pointer;
}

div.marker1 {
	background-position: 0 0;
	z-index: 1002;
}

div.marker2 {
	background-position: -35px 0;
	z-index: 1001;
}

div.marker3,
div.marker4 {
	width: 14px;
	height: 12px; 
	margin-left: -7px;
	margin-top: -6px; 
	cursor: pointer;
	z-index: 1000;
}

div.marker3 {
	background-position: -65px 0;
}
	
div.marker4 {
	background-position: -95px 0;
}

div.marker5 {
	width: 11px;
	height: 11px; 
	margin-left: -5px;
	margin-top: -5px; 
	cursor: pointer;
	background-position: -125px 0;
	z-index: 1000;
}

div.marker6 {
	width: 14px;
	height: 13px;
	margin-left: -7px;
	margin-top: -6px; 
	background-position: -155px 0;
	cursor: inherit;
	z-index: 1001;
}

div.marker7 {
	width: 14px;
	height: 12px;
	margin-left: -7px;
	margin-top: -6px; 
	background-position: -185px 0;
	cursor: inherit;
	z-index: 1000;
}

div.marker1:hover,
div.marker2:hover {
	z-index: 1005;
}





/* Emphasized building markers */

div.marker1.emphasized,
div.marker2.emphasized {
	width: 20px;
	height: 14px; 
	padding: 8px 2px 3px 8px;
	margin-left: -15px;
	margin-top: -12px; 
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	z-index: 1004;
}

div.marker1.emphasized {
	background-position: 0 -25px;
}

div.marker2.emphasized {
	background-position: -35px -25px;
}

div.marker3.emphasized,
div.marker4.emphasized,
div.marker5.emphasized {
	z-index: 1004;
}
		
div.marker3.emphasized {
	background-position: -65px -25px;
	width: 30px;
	height: 24px; 
	margin-left: -15px;
	margin-top: -12px;
}

div.marker4.emphasized {
	background-position: -95px -25px;
	width: 30px;
	height: 24px; 
	margin-left: -15px;
	margin-top: -12px;
}

div.marker5.emphasized {
	background-position: -125px -25px;
	width: 20px;
	height: 20px; 
	margin-left: -10px;
	margin-top: -10px;
}





/* Building marker labels */

div.marker1 div.label,
div.marker2 div.label,
div.marker3 div.label,
div.marker4 div.label,
div.marker5 div.label {
	position: absolute;
	z-index: 1004;
}

div.marker1 div.label-inner,
div.marker2 div.label-inner,
div.marker3 div.label-inner,
div.marker4 div.label-inner,
div.marker5 div.label-inner {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: normal;
	color: #fff;
}





/* Emphasized marker label */

div.marker1.emphasized div.label,
div.marker2.emphasized div.label,
div.marker3.emphasized div.label,
div.marker4.emphasized div.label {
	left: 35px;
	top: -6px;
}

div.marker5.emphasized div.label {
	left: 30px;
	top: -8px;
}

div.marker1.emphasized div.label-inner,
div.marker2.emphasized div.label-inner,
div.marker3.emphasized div.label-inner,
div.marker4.emphasized div.label-inner,
div.marker5.emphasized div.label-inner {
	/*
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 30px;
	padding: 3px 5px;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
	*/
	position: absolute;
	top: 35px;
	left: -45px;
	min-height: 18px;
	width: 170px;
	padding: 11px 25px;
	margin: 5px 0 0 -20px;
	background-color: #393939;
	background-image: linear-gradient(top, #525252 0%, #393939 100%);
	background-image: -ms-linear-gradient(top, #525252 0%, #393939 100%);
	background-image: -moz-linear-gradient(top, #525252 0%, #393939 100%);
	background-image: -webkit-linear-gradient(top, #525252 0%, #393939 100%);
	border-radius: 20px;
	box-shadow: 0 2px 4px -2px rgba(0, 0, 0, .5);
	color: #cecece;
	line-height: 18px;
	font-weight: bold;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	cursor: default;
	opacity: 0.9;
}

div.marker1.emphasized div.label-inner:before,
div.marker2.emphasized div.label-inner:before,
div.marker3.emphasized div.label-inner:before,
div.marker4.emphasized div.label-inner:before,
div.marker5.emphasized div.label-inner:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px;
	border-color: transparent transparent #525252 transparent;
	position: absolute;
	left: 40px;
	top: -10px;
	opacity: 0.9;
}

div.marker1.emphasized div.label-inner:after,
div.marker2.emphasized div.label-inner:after,
div.marker3.emphasized div.label-inner:after,
div.marker4.emphasized div.label-inner:after,
div.marker5.emphasized div.label-inner:after  {
	content: 'i';
	position: absolute;
	left: 15px;
	top: 9px;
	color: #fff;
	font-weight: bold;
	font-family: Times New Roman, serif;
	font-size: 16px;
	line-height: 18px;
	opacity: 0.9;
}





/* Pricified marker labels */

div.marker3.pricified div.label,
div.marker4.pricified div.label,
div.marker5.pricified div.label {
	left: -28px;
	top: 12px;
	height: 11px;
	width: 70px;
	text-align: center;
}

div.marker3.pricified div.label-inner,
div.marker4.pricified div.label-inner,
div.marker5.pricified div.label-inner {
	display: inline-block;	
	height: 10px;
	font-size: 10px;
	line-height: 11px;
	padding: 0 5px 1px 5px;
}





/* Location marker */

div.marker8 {
	position: absolute;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px; 
	cursor: inherit;
}

div.marker8 div.shadow,
div.marker8 div.content {
	position: absolute;
	background-image: url('/lib/Igglo/Marker.png?r=%REVISION_NUMBER%');
	background-color: transparent;
	background-repeat: no-repeat;
}	

div.marker8 div.shadow {
	background-position: -16px -85px;
	left: -29px;
	top: -29px;
	width: 88px;
	height: 88px;
	z-index: 1000;
}

div.marker8 div.content {
	background-position: -40px -55px;
	left: -5px;
	top: 0;
	width: 40px;
	height: 24px;
	padding: 3px 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	color: #fff;
	z-index: 1001;
}

div.marker8 div.label {
	position: absolute;
	left: -45px;
	top: 30px;
	width: 120px;
	height: 15px;
	text-align: center;
	z-index: 1001;
}

div.marker8 div.label span {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0 3px;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, sans-serif;
	line-height: 15px;
	color: #fff;
	white-space: nowrap;
}

div.marker8:hover div.content,
div.marker8:hover div.label {
	z-index: 1005;
}





/* Plain marker */

div.marker9 {
	background-position: 0 0;
	width: 20px;
	height: 17px; 
	margin-left: -10px;
	margin-top: -8px;
	z-index: 1000;
}





/* Needle marker */

div.marker10 {
	background-position: -155px -55px;
	width: 40px;
	height: 40px; 
	margin-left: -28px; /* Needle point */
	margin-top: -39px; /* Needle point */
	z-index: 1000;
}