/*
body
{
	background: white;
	margin: 0em;
	font-family: verdana;
	font-size: 0.7em;
}
p
{
	margin: 1.5em;
	margin-bottom: 4em;
}
form
{
	margin: 0em;
	height: 100%;
	width: 100%;
}
*/

/* MAP BORDER NAVIGATION */
.map-nav
{
	margin: 0em;
	padding: 0em;
	border: 0em;
	overflow: hidden;
	position: relative;
	padding: 0.8em;
}

/* sizes */
.map-nav-v
{
	overflow: hidden;
	width: 0.9em;
}
.map-nav-h
{
	overflow: hidden;
	height: 0.9em;
}
.map-nav-h-sqr
{
	overflow: hidden;
	height: 3em;
}
.map-nav-v-sqr
{
	overflow: hidden;
	width: 3.05em;
}


/* all border click-areas */
a.map-nav-area
{
	position: absolute;
	text-decoration: none;
	background-color: White;
}
a.map-nav-area img
{
	border: 0em;
}

/* horizontal and vertical orthogonal scroll areas */
.map-nav-v-f
{
	width: 100%;
}
.map-nav-h-f
{
	height: 100%;	
}

/*  all border click-areas with orthogonal scroll */
a:hover.map-nav-area-ort
{
	background-color: Gray;
}

/* map navigation handles */

/* left */
.map-nav-a2
{
	bottom: 0em;
	left: 0em;
	height: 100%;
}
.map-nav-a1
{
	top: 0em;
	left: 0em;
}
.map-nav-a3
{
	bottom: 0em;
	left: 0em;
}

/* right */
.map-nav-e2
{
	bottom: 0em;
	right: 0em;
	height: 100%;
}
.map-nav-e1
{
	top: 0em;
	right: 0em;
}
.map-nav-e3
{
	bottom: 0em;
	right: 0em;
}

/* top */
.map-nav-c0
{
	top: 0em;
	right: 0em;
	width: 100%;
}
.map-nav-a0
{
	top: 0em;
	left: 0em;
}
.map-nav-e0
{
	top: 0em;
	right: 0em;
}

/* bottom */
.map-nav-c4
{
	bottom: 0em;
	right: 0em;
	width: 100%;
}
.map-nav-a4
{
	left: 0em;
	bottom: 0em;
}
.map-nav-e4
{
	right: 0em;
	bottom: 0em;
}


/* INLINE SCALE */
.map-scale
{
	padding: 0em;
	height: 2em;
	line-height: 2em;
	vertical-align: bottom;
	left: 0.5em;	
	bottom: 0.5em;
}
.map-scale-left
{
	background: url(scale-left.gif) no-repeat right bottom;
	width: 6px;
	height: 2em;
	/* display: inline-block; */
	padding-bottom: 0.2em;
}
.map-scale-right
{
	background: url(scale-right.gif) no-repeat left bottom;
	width: 6px;
	height: 2em;
	/* display: inline-block; */
	padding-bottom: 0.2em;
}
.map-scale-text
{
	background: url(scale-text.gif) repeat-x bottom;
	height: 2em;
	/* display: inline-block; */
	padding-left: 0.3em;
	padding-bottom: 0.2em;
	text-align: left;
}

/* INLINE ZOOM */
.map-zoom
{
	padding-left: 4px;
	right: 5px;
	bottom: 5px;
}
.map-zoom-plus
{
	background: url(map-zoom-plus.gif) no-repeat;
	width: 18px;
	height: 18px;
	cursor: pointer;
	display: block;
}
.map-zoom-minus
{
	background: url(map-zoom-minus.gif) no-repeat;
	width: 18px;
	height: 18px;
	cursor: pointer;
	display: block;
}

/* INLINE LOAD */
.map-loading
{
	border: solid 0.07em white;
	top: 0.3em;
	right: 0.3em;
	width: 6.2em;
	line-height: 0.05em;
}
.map-loading-border
{
	border: solid 0.07em black;	
}
.map-loading-progress
{
	font-size: 0.1em;
	background-color: black;
	height: 0.15em;
	width: 0.3em;
	display: block;
}

/* LANDMARKS */
.map-landmark
{
	cursor: pointer;
	height: 50px;
	white-space: nowrap;
	text-align: center;
	position: absolute;
}
.landmark
{
	border-collapse: collapse;
	cursor: pointer;
	margin: 0em;
	padding: 0em;
	border: 0em;
}

.landmark .left
{
	background: url(landmark-left.gif) no-repeat right 1px;
	width: 1px;
	height: 9px;
	/* display: inline-block; */
}

.landmark .label
{
	background: url(landmark-label.gif) repeat-x 0em 1px;
	font-size: 8px;
	font-family: verdana;
	font-weight: bold;
	padding-top: 1px;
	padding-left: 6px;
	padding-right: 6px;
	height: 9px;
	cursor: pointer;
}

.landmark .right
{
	background: url(landmark-left.gif) no-repeat 0em 1px;
	width: 1px;
	height: 9px;
}
.pointer
{
	display: block;
	text-align: center;
}
.pointer img
{
	margin-left: 10px;
}

/* RECTANGLES */
.map-rectangle
{
	text-align: center;
	vertical-align: middle;
	text-align: center;
	color: white;
	background-color: #0077cc;
	white-space: nowrap;
	overflow: hidden;
	border: solid 1px #003377;	
	opacity: .30;
	-moz-opacity: 0.3;
	/*filter: alpha(opacity=30);*/
	display: block;
}

/* POINTS */
.map-point
{
	cursor: pointer;
	color: white;
	font-weight: bold;	
	text-align: center;
	padding-top: 1px;
	background: url(mark-red-16-16.gif) no-repeat 0 0;
	width: 16px;
	height: 16px;
	display: inline;
	font-family: verdana;
	font-size: 10px;
	z-index: 100;
}

/* MAP-LEGEND (sökresultat till höger om kartan) */
.map-legend	
{
	vertical-align: top;
	padding-left: 10px;
	width: 250px;
}
.map-legend a
{
	color: Black;
	text-decoration: none;
	padding: 3px;
	display: block;
	position: relative;
	margin: 0px;
	width: 250px;
	height: 14px;
	cursor: pointer;
}
.map-legend a .map-point
{
	position: absolute;
	left: 2px;	
	display: inline;
}

.map-legend a .map-point-legend
{
	position: absolute;
	left: 23px;	
	display: inline;
}
.map-legend a:hover
{
	background-color: #eeeeee;
}

/* DRAG-DROP MAP (länkarna Polis, Husvärdskontror, .. till höger om karta) */
.map-dragdrop-objects
{
	font-size: 9px;
	font-family: verdana;
	vertical-align: top;
	padding: 0em;
	padding-left: 15px;
}

.map-dragdrop-objects a
{
	text-decoration: none;
	color: black;
	border: solid 1px black;
	padding: 4px;	
	width: 160px;
	margin-bottom: 4px;
	cursor: move;
	line-height: 16px;
	display: block;
}

.transparent-overlay
{
	opacity: .30;
	/*filter: alpha(opacity=30);*/
}

.map
{
	cursor: pointer;
}