body		{ background: white; color: black; }

a:link		{ color: #00f; }
a:visited	{ color: #008; }
a:hover		{ color: #800; }
a:active	{ color: #f00; }

img		{ display: block; }

.nav		{ border-spacing: 0px; margin: 10px; padding: 0px; }
.nav td		{ margin: 0px; padding: 0px; border: 0px; }
.thumb		{ border: 3px solid yellow; padding: 0px; }
.tile		{ border: 3px solid blue; }
.tile:hover	{ border: 3px solid yellow; }

.map		{
   table-layout: fixed;
   border: 2px solid #777;
   border-spacing: 0px;
   border-collapse: separate;
   background-position: 0px 0px;
   background-repeat: no-repeat;
}
.map tr		{ width: 32px; height: 32px; margin: 0px; padding: 0px; }

.map td			{ width: 32px; height: 32px; margin: 0px; padding: 0px; border: 0px; }
.map td > div		{ padding: 3px; width: 26px; height: 26px; position: relative; }
.map td > div:hover	{ padding: 0px; border: 3px solid yellow; border-style: ridge; }

.c { display: none; }

.map div > div	{
   display: none;
   position: absolute;
   min-width: 40em;
   font-size: 8pt;
   line-height: 100%;
   border: 0px;
   background: #eee;
   border: 3px solid yellow;
   border-style: ridge;
   padding: 4px;
}
.map td:hover div > div	{
   display: block;
   position: absolute;
   z-index: 1;
   top: -3px;
   left: 29px;
   white-space: pre;
/*   overflow: auto; # makes it impossible to move into the popup... */
}

.tilemap	{ table-layout: fixed; border: 2px solid #777; border-spacing: 0px; background: #faa; }
.tilemap *	{ border-style: none; border: 0px; margin: 0px; padding: 0px; }

.tilemap td	{ width: 50px; height: 50px; }
.tilemap img:hover { margin: 2px; width: 46px; height: 46px; opacity: 0.8; }

.center		{ vertical-align: middle; }
.title		{ padding-right: 3em; }
.big		{ font-size: 18pt; }
.about		{ font-size: 8pt; }
.m		{ white-space: pre; margin-left: 32px; width: auto; background: #ddd; padding: 2px; border: 1px solid black; }
.i		{ white-space: pre; margin-left: 32px; width: auto; background: #ddd; padding: 2px; border: 1px solid black; font-size: 50%; }
.footer		{ font-size: 8pt; border-top: 1px solid red; }

.mapthumb       { display: inline; max-height: 1em; }

