.movePoint
{
  border: 1px solid green;
  box-sizing: border-box;
  width:100%;
  height:100%;
}

.fightPoint
{
  border: 1px solid red;
  box-sizing: border-box;
  width:100%;
  height:100%;
}

.unitSelected
{
  border: 1px solid yellow;
  box-sizing: border-box;
}
.OODoorleft
{
  background-image:url(/sites/oalan/dependencies/game/doorleft.png); 
  background-position: left top;
  background-size:100% 100%; 
  width:100%; 
  height:100%; 
  position:absolute; 
  left:0; 
  z-index:999;
}

              .OOGrid
              {
               
               border: 1px solid;

              
              }
              .OOFrame
              {
                background-image:url(/sites/oalan/dependencies/game/frametop.png), url(/sites/oalan/dependencies/game/framebottom.png), url(/sites/oalan/dependencies/game/frameleft.png), url(/sites/oalan/dependencies/game/frameright.png); 
                background-position: left top, left bottom, 0px 172px, right;
                background-repeat: no-repeat, no-repeat, repeat-y, repeat-y;
                background-size: 100%, 100%, 32px, 32px;
                width:100%;
                z-index: 1000;
                padding-bottom:0px;
                position: absolute;
              }


              .gridArea
              {
                background-image: url('https://cdna.artstation.com/p/assets/images/images/001/146/576/large/ulrick-wery-tileableset2-soil2.jpg?1441028623');
                position: absolute;
                width:100%;
                z-index: 999;
                
              }
              .gridSquare
              {
                position: relative;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                width: 10%;
                -webkit-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
                -moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
                box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
                float:left;
                z-index: 999;
              }

              .playArea
              {
                position: absolute;
                padding:10%;
                width:100%;
                z-index: 999;
                
              }
              .area
              {
                position: relative;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                width: 12.5%;
                 box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0);
                float:left;
                z-index: 999;
                background-color: transparent;
              }