body {
   background: #2f2f2f; 
   font-family: tahoma; 
   color: #bba;
   margin: 0px;
   border: 0px;
   padding: 0px;
   }
   
#tilecursor, #screencursor {
    overflow: visible;
    position: absolute;
    visibility: visible;
    left: 0px;
    top: 0px;
    xwidth: 1px;
    xheight: 1px;
    }    
#tilecursor img {    
    z-index: 98;
    opacity: 0.25;
    filter: alpha(opacity=25);
    } 
#screencursor img {    
    z-index: 97;
    opacity: 0.1;
    filter: alpha(opacity=10)
    } 
        
form#tile-label { 
    background: black;
    display: block;
    position: relative;
    top: -36px;
    left: 36px;
    padding: 2px;
    width: 70px;
    opacity: 0.75;
    filter: alpha(opacity=75);
    }
input.cursorord {
    font-size: 10px;
    color: white; 
    display: inline; 
    border: 0px; 
    background: transparent;
    }

#screencursorlabel {
    padding-left: 4px;
    margin: -1px -3px 0px 1px;
    background: #222;
    border-top: solid 1px white;
    border-bottom: solid 1px #444;
    border-right: solid 4px #111;
    width: 88px;
    opacity: 0.75;
    filter: alpha(opacity=75);
    }
    
/*  Display: none  */
#bg_dimmer
{ display:none }

.coordinates {
   position:relative; outline: 0px green solid;
   z-index:999; width:56px; height:32px; float: left;
   }

#pixel-coords {
   visibility: show;
   }
#tile-coords {
   visibility: hidden;
   }
#screen-coords {
   visibility: hidden;
   }
   
#nav-box {
   z-index: 99; position: fixed; top: 0px; left: 0px; opacity: 1; width: 854px; height: 96px; overflow: visible;
   }   
#nav-box:hover {
   z-index: 99; position: fixed; top: 0px; left: 0px; opacity: 1; background: #2f2f2f; border-bottom: solid 5px #2a2a2a; border-right: solid 5px #2a2a2a;
   }
    
#select-map {
   margin: 8px 0 8px 0; position: relative; left: 260px; top: -82px; width: 480px;
   height: 30px; overflow: visible; outline: solid yellow 0px;
   }
    
.label-text {
   font-variant: small-caps; font-weight: bold
   }
    
.selector {
   background: #444; color: gray; border: solid 1px #998;
   }
    
form { display: inline; margin-right: 2px;}

.opt {
   color: white;
   font-weight: bold;
   }
.white {
   color: white;
   }
.silver {
   color: silver;
   }

   
.world, .world:hover {
   font-weight: bold;
   margin-top: 8px;
   background: #333;
   color: #666;
   font-variant: small-caps;
   }
    
#map-layers {
   position: absolute;
   top: 100px;
   left: 16px;
   background: transparent;
   border: solid 5px #2a2a2a;
/* cursor: crosshair; */
   }
   
div {
   overflow: hidden;
   padding: 0px;
   outline: dotted 0px blue;
   }

a:link, a:visited
   {font-weight: bold; font-variant: small-caps; text-decoration: none; letter-spacing: 1px;}

a:hover
   {color: white;}

h1
   {font-size: 18px; margin: 0px; padding-bottom: 4px}

ul
   {margin: 10px 0 4px 0; padding: 0 0 4px 24px; list-style-type: none}

#message {
   position: absolute; 
   top: 312px; 
   font-size: 14px
   }

p  {
   margin: 0px 0px 16px 8px;
   width: 480px;
   font-size: 13px;
   }

.nav-arrow img {border: 0px;}

a.level:link, a.level:visited {
   font-variant: normal; letter-spacing: 0px; color: #bba; font-weight: bold; font-family: verdana;
   }

a.level:hover {
   color: #ddc;
   }

.drag{
   position:relative;
   cursor:hand;
   z-index: 100;
   }

#board-x {
   border-width: 32px 32px 64px 32px;
   border-style: solid;
   border-color: black;
   outline: solid 2px #886;   
   }

div.layer, img.sheet {
    position: absolute;
    top: 0px;
    left: 0px;
    }
    
#board {          z-index: 1;    }
#transparent {    z-index: 2;    }
#background {     z-index: 3;    }
#terrain {        z-index: 4;    }
#sprites {        z-index: 5;    }
#foreground {     z-index: 6;    }
   #fg_1 {        z-index: 7;    }
   #fg_2 {        z-index: 8;    }
#overlays {       z-index: 9;    }

#grid {
    z-index: 10;
    position: relative;
    top: 1px;
    left: 1px;
    }
em { color: silver }

#nav-box img         { opacity: 0.85; filter: opacity(alpha=90) }
#nav-box img:hover   { opacity: 1.00 }

img.button1, img.button2, img.button3, img.button1b, img.button2b {
   position: relative; top: -11px; z-index: 998; cursor: hand; cursor: pointer;
   }
img.button1:hover, img.button2:hover, img.button3:hover, img.button1b:hover, img.button2b:hover {
   outline: solid 1px #ddd; z-index: 999;
   }
img.button1    {   left: -72px;   }
img.button2    {   left: -74px;   }
img.button3    {   left: -76px;   }
img.button1b   {   left: -52px;   }
img.button2b   {   left: -54px;   }

.left2 {   margin-left: -44px;   }
.left3 {   margin-left: -66px;   }

form.coords { display: inline; font-size: 11px; top: 10px; left: 750px; font-family: monospace; background: transparent }
input.ord {  color: white; font-size: 10px; border: 0px; background: #2f2f2f; font-weight: bold; width: 42px  }

#breadcrumbs {
   padding: 1px 4px;
   border-bottom: solid 1px #111;
   margin-left: 12px;
   float: left;
   margin-bottom: 2px;
   background: #222;
   }
#breadcrumbs, #breadcrumbs a:link, #breadcrumbs a:visited {
   font-size: 9px;
   font-variant: normal;
   }
   

h2 {
   padding: 4px 0 2px 0;
   margin: -16px 0 0 -8px;
   font-weight: bold;
   font-style: normal;
   font-size: 13px;
   font-variant: small-caps;
   clear: left;
   }

hr {
   visibility: hidden
   }