div.watericon   {background: url(/interface4/miscpanels.png) -320px -64px; width:64px; height:64px; float:left;  position:absolute;}
div.hold   		{background: url(/interface4/miscpanels.png) -384px -0px; width:64px; height:64px; float:left;  position:absolute;}
div.blessbattle   {background: url(/interface4/miscpanels.png) -715px -64px; width:64px; height:64px; float:left; position:absolute;}
div.blessmove	  {background: url(/interface4/miscpanels.png) -715px -128px; width:64px; height:64px; float:left; position:absolute;}

div.war   {background:url(/interface4/miscpanels.png) -130px -64px; width:75px; height: 65px; float:left; display:none; position:absolute; z-index:500;}
div.fow   {background-image:url(/interface4/darkbox.png); width:64px; height: 64px;  position: absolute;z-index: 300;}

/* Observer mode indicator - shows when it's not your turn (eye icon) */
/* Positioned at right edge of map area, matching original layout */
div.observer {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 360px;
  top: 50px;
  background: url(/interface4/mainpanels.png) -86px -2px;
  border: solid 3px;
  display: none;
  z-index: 1000;
  cursor: help;
}
div.enemysector {background-image:url(/interface4/contentback_red.png); width:64px; height: 64px;  position: absolute;z-index: 301;}
div.friendlysector {background-image:url(/interface4/contentback_green.png); width:64px; height: 64px;  position: absolute;z-index: 301;}

div.pathcounter    {width:64px; height:64px; background:url(/interface4/basepopup.png) -64px -0px; font-size: 16px; color:#FFFFFF; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  font-family:arial; font-weight: bold; cursor:default;position: absolute;z-index: 999;}
div.pathcounter2   {width:64px; height:64px; background:url(/interface4/basepopup.png) -0px -0px; font-size: 16px; color:#DDDDDD;  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  font-family:arial; font-weight: bold; cursor:default;position: absolute;z-index: 999;}
div.movelefttext   {width:64px; height:64px; font-size: 12px; color:#DDDDDD; display: table-cell; vertical-align: bottom; text-align: center; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; font-family:arial; font-weight: bold; cursor:default }

div.minibattle  {background:url(/interface4/minimap-icons.png) -75px -0px; width:9px; height:9px; float:left; z-index:25;}

.sign   {width:64px; height:64px; background:url(/interface4/basepopup.png) -0px -64px; position:absolute;}
.beacon   {width:64px; height:64px; background:url(/interface4/basepopup.png) -64px -64px; position:absolute; z-index:130;}

.playerMe {border: dashed 1px; color:#000000; width:17px; height:22px; float:left;}
.playerInActive {border: solid 1px; width:17px; color:#00ff12; height:22px; float:left; display:none; position: relative; z-index:10;}
.playerActive {border: solid 1px; width:17px; color:#4a90d9; height:22px; float:left; position: relative; z-index:10;}
.playerTurn {border: solid 1px; width:17px; color:#FFFFFF; height:22px; float:left;}
.playerDone {margin:1px; width:17px;  height:22px; float:left;}

/* Flags - DIV */
div.blackflag1  {background: url(/interface4/flagset.png) -91px -480px; width:13px; height: 60px; position: absolute; z-index: 250;}
div.blackflag2  {background: url(/interface4/flagset.png) -78px -480px; width:13px; height: 60px; position: absolute; z-index: 250;}
div.blackflag3  {background: url(/interface4/flagset.png) -65px -480px; width:13px; height: 60px; position: absolute; z-index: 250;}
div.blackflag4  {background: url(/interface4/flagset.png) -52px -480px; width:13px; height: 60px; position: absolute; z-index: 250;}
div.blackflag5  {background: url(/interface4/flagset.png) -39px -480px; width:13px; height: 60px; position: absolute; z-index: 250;}
div.blackflag6  {background: url(/interface4/flagset.png) -26px -480px; width:13px; height: 60px; position: absolute; z-index: 250;}
div.blackflag7  {background: url(/interface4/flagset.png) -13px -480px; width:13px; height: 60px; position: absolute; z-index: 250;}
div.blackflag8  {background: url(/interface4/flagset.png) -0px -480px; width:13px; height: 60px;  position: absolute; z-index: 250;}

div.redflag1  {background: url(/interface4/flagset.png) -91px -180px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.redflag2  {background: url(/interface4/flagset.png) -78px -180px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.redflag3  {background: url(/interface4/flagset.png) -65px -180px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.redflag4  {background: url(/interface4/flagset.png) -52px -180px; width:13px; height: 60px; position: absolute; z-index: 250;}
div.redflag5  {background: url(/interface4/flagset.png) -39px -180px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.redflag6  {background: url(/interface4/flagset.png) -26px -180px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.redflag7  {background: url(/interface4/flagset.png) -13px -180px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.redflag8  {background: url(/interface4/flagset.png) -0px -180px; width:13px; height: 60px;  position: absolute; z-index: 250;}

div.blueflag1  {background: url(/interface4/flagset.png) -91px -420px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.blueflag2  {background: url(/interface4/flagset.png) -78px -420px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.blueflag3  {background: url(/interface4/flagset.png) -65px -420px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.blueflag4  {background: url(/interface4/flagset.png) -52px -420px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.blueflag5  {background: url(/interface4/flagset.png) -39px -420px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.blueflag6  {background: url(/interface4/flagset.png) -26px -420px; width:13px; height: 60px; position: absolute; z-index: 250;}
div.blueflag7  {background: url(/interface4/flagset.png) -13px -420px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.blueflag8  {background: url(/interface4/flagset.png) -0px -420px; width:13px; height: 60px;  position: absolute; z-index: 250;}

div.greenflag1  {background: url(/interface4/flagset.png) -91px -360px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.greenflag2  {background: url(/interface4/flagset.png) -78px -360px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.greenflag3  {background: url(/interface4/flagset.png) -65px -360px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.greenflag4  {background: url(/interface4/flagset.png) -52px -360px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.greenflag5  {background: url(/interface4/flagset.png) -39px -360px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.greenflag6  {background: url(/interface4/flagset.png) -26px -360px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.greenflag7  {background: url(/interface4/flagset.png) -13px -360px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.greenflag8  {background: url(/interface4/flagset.png) -0px -360px; width:13px; height: 60px;  position: absolute; z-index: 250;}

div.orangeflag1 {background: url(/interface4/flagset.png) -91px -240px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.orangeflag2 {background: url(/interface4/flagset.png) -78px -240px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.orangeflag3 {background: url(/interface4/flagset.png) -65px -240px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.orangeflag4 {background: url(/interface4/flagset.png) -52px -240px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.orangeflag5 {background: url(/interface4/flagset.png) -39px -240px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.orangeflag6 {background: url(/interface4/flagset.png) -26px -240px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.orangeflag7 {background: url(/interface4/flagset.png) -13px -240px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.orangeflag8 {background: url(/interface4/flagset.png) -0px -240px; width:13px; height: 60px;  position: absolute; z-index: 250;}

div.tealflag1  {background: url(/interface4/flagset.png) -91px -120px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.tealflag2  {background: url(/interface4/flagset.png) -78px -120px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.tealflag3  {background: url(/interface4/flagset.png) -65px -120px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.tealflag4  {background: url(/interface4/flagset.png) -52px -120px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.tealflag5  {background: url(/interface4/flagset.png) -39px -120px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.tealflag6  {background: url(/interface4/flagset.png) -26px -120px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.tealflag7  {background: url(/interface4/flagset.png) -13px -120px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.tealflag8  {background: url(/interface4/flagset.png) -0px -120px; width:13px; height: 60px;  position: absolute; z-index: 250;}

div.whiteflag1  {background: url(/interface4/flagset.png) -91px -60px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.whiteflag2  {background: url(/interface4/flagset.png) -78px -60px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.whiteflag3  {background: url(/interface4/flagset.png) -65px -60px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.whiteflag4  {background: url(/interface4/flagset.png) -52px -60px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.whiteflag5  {background: url(/interface4/flagset.png) -39px -60px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.whiteflag6  {background: url(/interface4/flagset.png) -26px -60px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.whiteflag7  {background: url(/interface4/flagset.png) -13px -60px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.whiteflag8  {background: url(/interface4/flagset.png) -0px -60px; width:13px; height: 60px;  position: absolute; z-index: 250;}

div.yellowflag1  {background: url(/interface4/flagset.png) -91px -0px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.yellowflag2  {background: url(/interface4/flagset.png) -78px -0px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.yellowflag3  {background: url(/interface4/flagset.png) -65px -0px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.yellowflag4  {background: url(/interface4/flagset.png) -52px -0px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.yellowflag5  {background: url(/interface4/flagset.png) -39px -0px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.yellowflag6  {background: url(/interface4/flagset.png) -26px -0px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.yellowflag7  {background: url(/interface4/flagset.png) -13px -0px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.yellowflag8  {background: url(/interface4/flagset.png) -0px -0px; width:13px; height: 60px;  position: absolute; z-index: 250;}

div.greyflag1  {background: url(/interface4/flagset.png) -91px -300px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.greyflag2  {background: url(/interface4/flagset.png) -78px -300px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.greyflag3  {background: url(/interface4/flagset.png) -65px -300px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.greyflag4  {background: url(/interface4/flagset.png) -52px -300px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.greyflag5  {background: url(/interface4/flagset.png) -39px -300px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.greyflag6  {background: url(/interface4/flagset.png) -26px -300px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.greyflag7  {background: url(/interface4/flagset.png) -13px -300px; width:13px; height: 60px;  position: absolute; z-index: 250;}
div.greyflag8  {background: url(/interface4/flagset.png) -0px -300px; width:13px; height: 60px;  position: absolute; z-index: 250;}