html {
	margin: 0;
	padding: 0;
	font: normal 12px Arial;
	
} 
body {
	margin: 0;
	padding: 0;
	font: normal 12px Arial;
	background: transparent url(../images/bg_playzmap.jpg) top center no-repeat;
}

#header {
	position: relative;
	display: block;
	height: 75px;
}
	#header .hitra-lokacija {
		position: absolute;
		display: block;
		width: 255px;
		height: 28px;
		top: 38px;
		left: 40px;
		padding-left: 138px;
		background: transparent url(../images/bg_playz_locator.gif) 0 0 no-repeat;
	}
		#header .hitra-lokacija form {
			margin: 0;
			padding: 0;
			margin-left: 138px;
		}
			#header .hitra-lokacija .input-field {
				position: relative;
				display: block;
				background: transparent;
				border: 0;
				margin-top: 5px;
				padding: 3px 5px 0 5px;
				width: 160px;
				font-size: 11px;
				float: left;
			}
			#header .hitra-lokacija a.submit-button {
				margin-top: 2px;
				background: transparent url(../images/btn_lociraj.gif) 0 0 no-repeat;
				width: 81px;
				float: right;
			}
	
	#header a.playz-list {
		position: absolute;
		display: block;
		width: 100px;
		height: 20px;
		top: 47px;
		left: 443px;
		padding: 0 0 0 10px;
		font-size: 12px;
		font-weight: bold;
		color: white;
		text-decoration: none;
		background: transparent url(../images/bg_playz_bullet_small.gif) 0 5px no-repeat;
	}
		#header a.playz-list:hover {text-decoration: underline;}		
	
	#header a.locate-yourself {
		position: absolute;
		display: block;
		width: 160px;
		height: 52px;
		top: 17px;
		left: 603px;
		background: transparent url(../images/btn-locate-yourself.gif) top left no-repeat;
	}
	#header a.add-playz {
		position: absolute;
		display: block;
		width: 124px;
		height: 52px;
		top: 16px;
		left: 773px;
		background: transparent url(../images/btn-add-playz.gif) top left no-repeat;
	}
	
	#header a.klik { background-position: bottom left; }
	
	#header a.open-tutorial {
		position: absolute;
		right: 11px; 
		top: 11px;
		width: 103px;
		height: 15px;
		background: transparent url(../images/btn_playz_tutorial.gif) 0 0 no-repeat;
	}

#body {
	position: relative;
	margin: 0 40px;
}
	#body .shadow_left {
		position: absolute;
		display: block;
		width: 7px;
		height: 460px;
		top: 0;
		left: 0;
		background: transparent url(../images/map_shadow_left.png) 0 0 no-repeat;
	}
	#body .shadow_top {
		position: absolute;
		display: block;
		width: 866px;
		height: 7px;
		top: 0;
		left: 7px;
		background: transparent url(../images/map_shadow_top.png) 0 0 no-repeat;
	}
	#body .shadow_right {
		position: absolute;
		display: block;
		width: 7px;
		height: 460px;
		top: 0;
		right: 0;
		background: transparent url(../images/map_shadow_right.png) 0 0 no-repeat;
	}
	#body .shadow_bottom {
		position: absolute;
		display: block;
		width: 866px;
		height: 7px;
		bottom: 0;
		left: 7px;
		overflow: hidden;
		background: transparent url(../images/map_shadow_bottom.png) 0 0 no-repeat;
	}
	

#map_canvas {
	width: 880px;
	height: 460px;
}


#footer {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 65px;
	background: transparent url(../images/bg_playzapi_footer.gif) 40px 7px no-repeat;
}
	#footer .filter { 
		position: absolute;
		display: block;
		width: 300px;
		height: 36px;
		top: 10px;
		left: 118px;
		overflow: hidden;
	}
		#footer .filter a {
			display: block;
			width: 130px;
			float: left;
			padding-left: 20px;
			height: 18px;
			line-height: 18px;
			font: bold 11px Arial;
			text-decoration: none;
			color: #231f20;
			background: transparent url(../images/bg_playz_checkbox.gif) 0 0 no-repeat; 
		}
			#footer .filter a.selected {
				color: white;
				background: transparent url(../images/bg_playz_checkbox_selected.gif) 0 0 no-repeat;
			}
			
			
			
			
/* firstpage map box */

#fp_map {
	position: relative;
}

	#fp_map .shadow_left {
		position: absolute;
		display: block;
		width: 7px;
		height: 200px;
		top: 0;
		left: 0;
		background: transparent url(../images/map_shadow_left_200.png) 0 0 no-repeat;
	}
	#fp_map .shadow_top {
		position: absolute;
		display: block;
		width: 386px;
		height: 7px;
		top: 0;
		left: 7px;
		background: transparent url(../images/map_shadow_top.png) 0 0 no-repeat;
	}
	#fp_map .shadow_right {
		position: absolute;
		display: block;
		width: 7px;
		height: 200px;
		top: 0;
		right: 0;
		background: transparent url(../images/map_shadow_right_200.png) 0 0 no-repeat;
	}
	#fp_map .shadow_bottom {
		position: absolute;
		display: block;
		width: 386px;
		height: 7px;
		bottom: 0;
		left: 7px;
		overflow: hidden;
		background: transparent url(../images/map_shadow_bottom.png) 0 0 no-repeat;
	}
	
#fp_map #map_canvas {
	width: 400px;
	height: 200px;
}



/* MARKER */

div.marker-content {
	width: 210px;
	margin-right: 16px;
}

	div.marker-content h1 {
		margin: 0;
		padding: 0;
		font: bold 16px Arial;
		color: #931924;
	}

	div.marker-content .address {
		font: bold 11px Arial;
		color: black;
		padding: 4px 0 8px 0;
		margin-bottom: 5px;
		background: transparent url(../../images/bg_maps_window_addres.gif) bottom left no-repeat;
	}
	
	div.marker-content .left {
		display: block;
		width: 115px;
		float: left;
		padding: 0;
		margin: 0;
		font: normal 11px Arial;
	}
		
		div.marker-content .left span { display: block; }
		
		div.marker-content .left span span { display: inline; font-weight: bold; color: #f77b00; }
		
		div.marker-content .left a {
			display: block;
			margin-top: 10px;
			font-weight: bold; 
			color: #f77b00;
			text-decoration: none;
		}
			div.marker-content .left a:hover { text-decoration: underline; }
		
	div.marker-content .right {
		display: block;
		width: 90px;
		float: right;
		padding: 0;
		margin: 0;
		font: normal 11px Arial;
	}
		
		div.marker-content .right span, div.marker-content .right a {
			font-weight: bold;
			color: #72bf44;
			display: block;
			text-decoration: none;
		}
			div.marker-content .right a:hover { text-decoration: underline; } 
		
		
		
	div.marker-content .clear { display: block; clear: both; height: 0; overflow: hidden; }
	
	div.marker-content a.subscribe {
		display: block;
		width: 209px;
		height: 24px;
		margin: 12px 0 0 0;
		padding: 0;
		text-decoration: none;
		background: transparent url(../../images/btn_maps_window_subscribe.gif) top left no-repeat;
	}
	
	div.marker-content a.subscribe:hover { background-position: bottom left; }
	
	
/*  playz detail map */

#playz_detailed_map {
	position: relative;
	width: 425px;
	height: 387px;
	background: transparent url(../images/bg_playz_detajl_zemljevid.png) 25px 0 no-repeat;
}
	#playz_detailed_map #map_canvas {
		position: absolute;
		width: 360px;
		height: 300px;
		top: 35px;
		left: 40px;
	}
	
#playz_detailed_footer {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 50px;
	left: 118px;
	bottom: 0;
}
	#playz_detailed_footer .filter { 
		position: relative;
		display: block;
		padding-top: 4px;
	}
		#playz_detailed_footer .filter a {
			display: block;
			width: 130px;
			float: left;
			padding-left: 20px;
			height: 18px;
			line-height: 18px;
			font: bold 11px Arial;
			text-decoration: none;
			color: #231f20;
			background: transparent url(../images/bg_playz_checkbox.gif) 0 0 no-repeat; 
		}
			#playz_detailed_footer .filter a.selected {
				color: white;
				background: transparent url(../images/bg_playz_checkbox_selected.gif) 0 0 no-repeat;
			}

#playz_detailed_map .link-over {
	position: absolute;
	width: 360px;
	height: 300px;
	top: 35px;
	left: 40px;
	background: transparent url(../images/bg_map_playz_detail.png) 0 0 no-repeat;
}


/*  profile map */

#profile_map {
	position: relative;
	width: 240px;
	height: 160px;
	background: none;
}
	#profile_map #map_canvas {
		position: absolute;
		width: 240px;
		height: 160px;
		top: 0;
		left: 0;
	}
	

#profile_map .link-over {
	position: absolute;
	width: 240px;
	height: 160px;
	top: 0;
	left: 0;
	background: transparent url(../images/bg_map_profil.png) 0 0 no-repeat;
}