body {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.gd-d-none {
    display: none;
}

.gd-hit-box {
    position: absolute;
    z-index: 100;
    border: 1px solid #f36;
}

.gd-map-container {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 0;
    background-color: #72751b;
}

.gd-map-border {
    position: absolute;
    width: 0px;
    height: 0px;
    z-index: 0;
}

.gd-map-border.gd-top {
    top: 0px;
    left: 0px;
}

.gd-map-border.gd-left {
    top: 0px;
    left: 0px;
}

.gd-map-border.gd-right {
    top: 0px;
    right: 0px;
}

.gd-map-border.gd-bottom {
    bottom: 0px;
    left: 0px;
}

.gd-bg-tile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    /*border: 1px dashed #882; /* temporarily for debugging */
    background-image: url("../../images/landscape/TX\ Tileset\ Grass\ 512.png");
}

.gd-bg-tile.gd-square-64 {
    width: 64px;
    height: 64px;
}

.gd-bg-tile.gd-type-1{
    background-position: 0px 0px;
   }
   .gd-bg-tile.gd-type-2{
    background-position: -64px 0px;
   }
   .gd-bg-tile.gd-type-3{
    background-position: -128px 0px;
   }
   .gd-bg-tile.gd-type-4{
    background-position: -192px 0px;
   }
   .gd-bg-tile.gd-type-5{
    background-position: -256px 0px;
   }
   .gd-bg-tile.gd-type-6{
    background-position: -320px 0px;
   }
   .gd-bg-tile.gd-type-7{
    background-position: -384px 0px;
   }
   .gd-bg-tile.gd-type-8{
    background-position: -448px 0px;
   }
   .gd-bg-tile.gd-type-9{
    background-position: 0px -64px;
   }
   .gd-bg-tile.gd-type-10{
    background-position: -64px -64px;
   }
   .gd-bg-tile.gd-type-11{
    background-position: -128px -64px;
   }
   .gd-bg-tile.gd-type-12{
    background-position: -192px -64px;
   }
   .gd-bg-tile.gd-type-13{
    background-position: -256px -64px;
   }
   .gd-bg-tile.gd-type-14{
    background-position: -320px -64px;
   }
   .gd-bg-tile.gd-type-15{
    background-position: -384px -64px;
   }
   .gd-bg-tile.gd-type-16{
    background-position: -448px -64px;
   }
   .gd-bg-tile.gd-type-17{
    background-position: 0px -128px;
   }
   .gd-bg-tile.gd-type-18{
    background-position: -64px -128px;
   }
   .gd-bg-tile.gd-type-19{
    background-position: -128px -128px;
   }
   .gd-bg-tile.gd-type-20{
    background-position: -192px -128px;
   }
   .gd-bg-tile.gd-type-21{
    background-position: -256px -128px;
   }
   .gd-bg-tile.gd-type-22{
    background-position: -320px -128px;
   }
   .gd-bg-tile.gd-type-23{
    background-position: -384px -128px;
   }
   .gd-bg-tile.gd-type-24{
    background-position: -448px -128px;
   }
   .gd-bg-tile.gd-type-25{
    background-position: 0px -192px;
   }
   .gd-bg-tile.gd-type-26{
    background-position: -64px -192px;
   }
   .gd-bg-tile.gd-type-27{
    background-position: -128px -192px;
   }
   .gd-bg-tile.gd-type-28{
    background-position: -192px -192px;
   }
   .gd-bg-tile.gd-type-29{
    background-position: -256px -192px;
   }
   .gd-bg-tile.gd-type-30{
    background-position: -320px -192px;
   }
   .gd-bg-tile.gd-type-31{
    background-position: -384px -192px;
   }
   .gd-bg-tile.gd-type-32{
    background-position: -448px -192px;
   }
   .gd-bg-tile.gd-type-33{
    background-position: 0px -256px;
   }
   .gd-bg-tile.gd-type-34{
    background-position: -64px -256px;
   }
   .gd-bg-tile.gd-type-35{
    background-position: -128px -256px;
   }
   .gd-bg-tile.gd-type-36{
    background-position: -192px -256px;
   }
   .gd-bg-tile.gd-type-37{
    background-position: -256px -256px;
   }
   .gd-bg-tile.gd-type-38{
    background-position: -320px -256px;
   }
   .gd-bg-tile.gd-type-39{
    background-position: -384px -256px;
   }
   .gd-bg-tile.gd-type-40{
    background-position: -448px -256px;
   }
   .gd-bg-tile.gd-type-41{
    background-position: 0px -320px;
   }
   .gd-bg-tile.gd-type-42{
    background-position: -64px -320px;
   }
   .gd-bg-tile.gd-type-43{
    background-position: -128px -320px;
   }
   .gd-bg-tile.gd-type-44{
    background-position: -192px -320px;
   }
   .gd-bg-tile.gd-type-45{
    background-position: -256px -320px;
   }
   .gd-bg-tile.gd-type-46{
    background-position: -320px -320px;
   }
   .gd-bg-tile.gd-type-47{
    background-position: -384px -320px;
   }
   .gd-bg-tile.gd-type-48{
    background-position: -448px -320px;
   }
   .gd-bg-tile.gd-type-49{
    background-position: 0px -384px;
   }
   .gd-bg-tile.gd-type-50{
    background-position: -64px -384px;
   }
   .gd-bg-tile.gd-type-51{
    background-position: -128px -384px;
   }
   .gd-bg-tile.gd-type-52{
    background-position: -192px -384px;
   }
   .gd-bg-tile.gd-type-53{
    background-position: -256px -384px;
   }
   .gd-bg-tile.gd-type-54{
    background-position: -320px -384px;
   }
   .gd-bg-tile.gd-type-55{
    background-position: -384px -384px;
   }
   .gd-bg-tile.gd-type-56{
    background-position: -448px -384px;
   }
   .gd-bg-tile.gd-type-57{
    background-position: 0px -448px;
   }
   .gd-bg-tile.gd-type-58{
    background-position: -64px -448px;
   }
   .gd-bg-tile.gd-type-59{
    background-position: -128px -448px;
   }
   .gd-bg-tile.gd-type-60{
    background-position: -192px -448px;
   }
   .gd-bg-tile.gd-type-61{
    background-position: -256px -448px;
   }
   .gd-bg-tile.gd-type-62{
    background-position: -320px -448px;
   }
   .gd-bg-tile.gd-type-63{
    background-position: -384px -448px;
   }
   .gd-bg-tile.gd-type-64{
    background-position: -448px -448px;
   }