#viewport {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  overflow: hidden;
  border: 1px solid #000000;
  cursor: move;
  -moz-box-sizing: border-box;
}

#loadingMapDiv {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #cccccc;
  overflow: hidden;
  z-index:1;
  padding:30px;
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 15px;
}

a {
  text-decoration: none;
  font-family: arial;
  font-size: 12px;
  color: #000033;
}

/* Info Window */
.infoPanel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2f2f27;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7B7871;
}
a.infoPanel:link, a.infoPanel:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2f2f27;
	text-decoration:underline;
}

a.infoPanel:hover, a.infoPanel:active  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d71010;
	text-decoration:underline;
}

/* Alphabetical Letters on all the pins */ 
.pinText,a.pinText:hover, a.pinText:active,a.pinText:link, a.pinText:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration:none;
}

.mapNotice,a.mapNotice:hover, a.mapNotice:active,a.mapNotice:link, a.mapNotice:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
}

#favouritesSubmit {
   visibility: hidden;
   height: 1px;
   }



.loadingMapText{
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 15px;
  width:256px;
  height:256px;
}

.l { 	font: 10px Verdana, Arial, Helvetica, sans-serif; 
}
.floatRight{
	float:right;
	padding:1px 2px 0px 0px;
}

.imageFloat img{
	float:left;


	padding:1px 3px 0px 0px;
}

#favouritesSubmit {
   visibility: hidden;
   height: 1px;
   }

#mapbackground{
background-color: #DDDDDD;
	padding:5px 5px 5px 5px;

}

#thumbnaildiv{
	background-color: #DDDDDD;
	padding:5px 0px 5px 5px;
	width:310px;
}


#infoBox {
	position:absolute;
	background-image:url(http://www.mapfinder.co.nz/images/ray_white/info_panel_shadow.png);
	background-position: bottom;
	background-repeat:no-repeat;
	z-index:3;
}
.infoPadding {
	padding: 1px 2px 6px 2px;
}
.infoHead {
	background-color: #666666;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0px 5px 5px;
}
.infoSchools {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
a.infoSchools:link, a.infoSchools:visited {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 2px 2px 2px;
	color: #2f2f27;
	text-decoration:underline;
}
a.infoSchools:active, a.infoSchools:hover {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 2px 2px 2px;
	color: #d71010;
	text-decoration:underline;
}
a.infoOptions:link, a.infoOptions:visited {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	padding:2px 2px 2px 2px;
	text-decoration:underline;
}
a.infoOptions:active, a.infoOptions:hover {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #660099;
	padding:2px 2px 2px 2px;
	text-decoration:underline;
}

/* Info Window */
.infoPanel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2f2f27;
}

a.infoPanel:link, a.infoPanel:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2f2f27;
	text-decoration:underline;
}

a.infoPanel:hover, a.infoPanel:active  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d71010;
	text-decoration:underline;
}

/* Alphabetical Letters on all the pins */ 
.pinText,a.pinText:hover, a.pinText:active,a.pinText:link, a.pinText:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration:none;
}