* { margin: 0; padding: 0; }
  .tile_t1{float:left; width:50px; height:50px; background-image:url(assets/images/tiles/t.png); cursor: pointer;}
  .tile_plain1{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/plains1.png); background-color:#FFa; cursor: pointer;}
  .tile_plain2{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/plains2.png); background-color:#FFa; cursor: pointer;}
  .tile_plain3{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/plains3.png); background-color:#FFa; cursor: pointer;}
  .tile_plain4{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/plains4.png); background-color:#FFa; cursor: pointer;}
  .tile_mountain1{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/mountain1.png); background-color:#CCCCCC; cursor: pointer;}
  .tile_mountain2{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/mountain2.png); background-color:#CCCCCC; cursor: pointer;}
  .tile_mountain3{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/mountain3.png); background-color:#CCCCCC; cursor: pointer;}
  .tile_mountain4{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/mountain4.png); background-color:#CCCCCC; cursor: pointer;}
  .tile_mountain5{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/mountain5.png); background-color:#CCCCCC; cursor: pointer;}
  .tile_forest1{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/forest1.png); background-color:#0C6; cursor: pointer;}
   .tile_forest2{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/forest2.png); background-color:#0C6; cursor: pointer;}
   .tile_forest3{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/forest3.png); background-color:#0C6; cursor: pointer;}
  .tile_forest4{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/forest4.png); background-color:#0C6; cursor: pointer;}
  .tile_forest5{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/forest5.png); background-color:#0C6; cursor: pointer;}
  .tile_water1{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/ocean1.png); cursor: pointer;}
  .tile_water2{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/ocean2.png); cursor: pointer;}
  .tile_water3{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/ocean3.png); cursor: pointer;}
  .tile_water4{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/ocean4.png); cursor: pointer;}
		
  .tile_fog1{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/fog.png); background-color:#333333; cursor: pointer;
  opacity:1.0;
  filter:alpha(opacity=100);
  }
  .tile_fog1:hover
  {
	opacity:0.9;
  	filter:alpha(opacity=90);  
  }
  .tile_question{float:left; width:20px; height:20px; background-image:url(../../assets/images/tiles/fog_question.png); background-color:#333333; cursor: pointer;no-repeat center center fixed
  opacity:1.0;
  filter:alpha(opacity=100);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
  }
  .tile_bottom{position:absolute; margin-top:45px;}
  .tile_right{position:absolute; margin-top:0px; margin-left:45px;}
  .tile_top{position:absolute; margin-top:0px; margin-left:0px;}
  .tile_left{position:absolute; margin-top:0px; margin-left:0px; }
  .s{position:absolute; z-index:9999; margin-left:20px; margin-top:20px; padding:0;}
  .unit{position:absolute; z-index:9999; margin-left:20px; margin-top:20px; cursor:pointer;}
  
 /*Ruler - Green*/
  img.border_green {
	  border:2px solid #0F3;
	  }
   
 /*Ruler - Red*/
  img.border_red { border:2px solid #F00; }
 
  /*Ruler - orange*/
  img.border_orange { border:2px solid #F90; }
  
  /*Ruler - light_blue*/
  img.border_light_blue { border:2px solid #0CF; }
  
  /*Ruler - dark_blue*/
  img.border_dark_blue { border:2px solid #03F; }
  
  /*Ruler - yellow*/
  img.border_yellow { border:2px outset #FF0; }
  
  /*Ruler - pink*/
  img.border_pink { border:2px solid #F3F; }
  
  /*Ruler - black*/
  img.border_black { border:2px solid #000; 
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
img.border_black:hover
{
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}

  img.travel_N {
	  border-top-style:dotted;
  }
  img.travel_NE {
	  border-top-style:dotted;
	  border-right-style:dotted;
  }
  img.travel_E {
	  border-right-style:dotted;
  }
  img.travel_SE {
	  border-bottom-style:dotted;
	  border-right-style:dotted;
  }
  img.travel_S {
	  border-bottom-style:dotted;
  }
  img.travel_SW {
	  border-bottom-style:dotted;
	  border-left-style:dotted;
  }
  img.travel_W {
	  border-left-style:dotted;
  }
  img.travel_NW {
	  border-top-style:dotted;
	  border-left-style:dotted;
  }  img.travel_N {
	  border-top-style:dotted;
  }
  img.travel_NE {
	  border-top-style:dotted;
	  border-right-style:dotted;
  }
  img.travel_E {
	  border-right-style:dotted;
  }
  img.travel_SE {
	  border-bottom-style:dotted;
	  border-right-style:dotted;
  }
  img.travel_S {
	  border-bottom-style:dotted;
  }
  img.travel_SW {
	  border-bottom-style:dotted;
	  border-left-style:dotted;
  }
  img.travel_W {
	  border-left-style:dotted;
  }
  img.travel_NW {
	  border-top-style:dotted;
	  border-left-style:dotted;
  }