
* {
   font-family: Arial, sans-serif;
   color: black;
}

a:hover {
	color: red;
}

.buttonstyle {
	background-color: white;
	border:1px solid;
	border-top-color: white;
	border-left-color: white;
	border-right-color: white;
	border-bottom-color: white;
}

.statuspanel { 
	font-size: x-large;
	vertical-align: center;
	width: 100%;
}

.info { 
	font-size: large;
}

.infobutton {
	text-align: center;
	margin: 0px 0px 0px 0px;
}

.scrollpanel { 
	width: 100%;
	height: 400px;
	text-align: left;
}

.statuspanelimage { 
	width: 36px;
	text-align: left;
	vertical-align: center;
}

.statuspanelleft { 
	text-align: left;
	vertical-align: center;
}

.statuspanelright { 
	text-align: right;
	vertical-align: center;
	font-size: large;
}

.allpoints {
	font-size: small;
	text-align: left;
	width: 100%;
}

.allpointstableheader {
	font-weight: bold;
	font-size: larger;
	background: lightgrey;
	width: 100%;
}

.allpointstable {
	width: 100%;
	text-align: left;
}

.allmap {
	vertical-align: top;
	text-align: right;
}

.map {
	width: 600px;
	height: 400px;
}

.mapsearchpane {
	vertical-align: top;
	width: 200px;
	height: 400px;
}

.mapsearchform {
	width: 100%;
	margin: 0px 0px 0px 0px;
}

.searchstatus {
	width: 100%;
	font-size: smaller;
	font-weight: bold;
}

.mapsearchresult {
	width: 100%;
	font-size: smaller;
}
.mapsearchresults {
	vertical-align: top;
	width: 100%;
}

.mapsearchscroll {
	height: 275px;
}

.pointbutton {
	width: 22px;
	text-align: center;
}

.pointtitle {
	font-weight: bold;
	text-align: left;
}

.pointcounter1 {
	text-align: right;
}

.pointcounter2 {
	text-align: right;
}

.pointlevel-1 {
	background: lightblue;
	margin: 20px 40px 60px 80px;
	font-size: large;
}

.pointlevel-2 {
	font-size: medium;
	background: lightgreen;
}

.pointlevel-3 {
	background: lightyellow;
	font-size: small
}

.pointlevel-4 {
	font-size: small;
	background: white;
}
