div.add1    {width:25px; height:27px; background:url(interface4/miscpanels.png) -50px -0px; float:left; cursor:pointer;}
div.add2    {width:25px; height:27px; background:url(interface4/miscpanels.png) -75px -0px; float:left; cursor:pointer;}
div.sub1    {width:25px; height:27px; background:url(interface4/miscpanels.png) -25px -0px; float:left; cursor:pointer;}
div.sub2    {width:25px; height:27px; background:url(interface4/miscpanels.png) -0px -0px; float:left; cursor:pointer;}

div.wiki1	{width:74px; height:44px; background: url(interface4/mainpanels.png) -282px -73px; float: left;}
div.wiki2	{width:74px; height:44px; background: url(interface4/mainpanels.png) -282px -109px; float: left;}
div.vectortogg1	{width:67px; height:35px; background: url(interface4/miscpanels.png) -448px -0px; float: left; margin:0px 0px 10px 0px;}
div.vectortogg2	{width:67px; height:35px; background: url(interface4/miscpanels.png) -448px -35px; float: left; margin:0px 0px 10px 0px;}
div.cvector1	{width:67px; height:35px; background: url(interface4/miscpanels.png) -515px -0px; float: left; margin:0px 0px 10px 0px;}
div.cvector2	{width:67px; height:35px; background: url(interface4/miscpanels.png) -515px -35px; float: left; margin:0px 0px 10px 0px;}
div.mvector1	{width:67px; height:35px; background: url(interface4/miscpanels.png) -582px -0px; float: left; margin:0px 0px 10px 0px;}
div.mvector2	{width:67px; height:35px; background: url(interface4/miscpanels.png) -582px -35px; float: left; margin:0px 0px 10px 0px;}

.btn_grid1   {background: url('interface4/mapeditor.png') -0px -36px; width:68px; height:36px; float:left;   }
.btn_grid2   {background: url('interface4/mapeditor.png') -68px -36px; width:68px; height:36px; float:left;   }
.btn_notes1   {background: url('interface4/miscpanels.png') -270px -196px; width:67px; height:35px; float:left; margin-left:1px; margin-bottom:5px; margin-right: 6px; margin-top:1px; }
.btn_notes2   {background: url('interface4/miscpanels.png') -337px -196px; width:67px; height:35px; float:left; margin-left:1px; margin-bottom:5px; margin-right: 6px; margin-top:1px; }
.btn_time1   {background: url('interface4/miscpanels.png') -542px -196px; width:67px; height:35px; float:left; margin-left:1px; margin-bottom:5px; margin-right: 6px; margin-top:1px;}
.btn_time2   {background: url('interface4/miscpanels.png') -609px -196px; width:67px; height:35px; float:left; margin-left:1px; margin-bottom:5px; margin-right: 6px; margin-top:1px;;}

div.cty_basebutton {width: 56px; height:56px; float: left; margin-bottom: 4px;}
div.construct1 {background-image: url(interface4/city_buttons.png); background-position:112px 112px;}
div.construct2 {background-image: url(interface4/city_buttons.png); background-position:56px 112px;}
div.upgrade1 {background-image: url(interface4/city_buttons.png); background-position:112px 280px;}
div.upgrade2 {background-image: url(interface4/city_buttons.png); background-position:56px 280px;}
div.training1 {background-image: url(interface4/city_buttons.png); background-position:112px 392px;}
div.training2 {background-image: url(interface4/city_buttons.png); background-position:56px 392px;}
div.training3 {background-image: url(interface4/city_buttons.png); background-position:112px 448px;}
div.portal1 {background-image: url(interface4/city_buttons.png);  background-position:112px 336px;}
div.portal2 {background-image: url(interface4/city_buttons.png);  background-position:56px 336px;}
div.cty_wiki1 {background-image: url(interface4/city_buttons.png);  background-position:112px 224px;}
div.cty_wiki2 {background-image: url(interface4/city_buttons.png);  background-position:56px 224px;}
div.cty_map1 {background-image: url(interface4/city_buttons.png);  background-position:112px 168px;}
div.cty_map2 {background-image: url(interface4/city_buttons.png);  background-position:56px 168px;}
div.raze1 {background-image: url(interface4/city_buttons.png);  background-position:112px 56px;}
div.raze2 {background-image: url(interface4/city_buttons.png);  background-position:56px 56px;}
div.raze3 {background-image: url(interface4/city_buttons.png);  background-position:56px 448px;}
 
/* Buttons - DIV */
div.wiki1	{width:74px; height:44px; background: url(interface4/mainpanels.png) -282px -73px; float: left;}
div.wiki2	{width:74px; height:44px; background: url(interface4/mainpanels.png) -282px -109px; float: left;}

div.move1   {background: url('interface4/mainpanels.png') -484px -146px; width:67px; height:35px;  margin-left:1px; margin-bottom:5px; margin-right: 6px; cursor:pointer; float: left;}
div.move2   {background: url('interface4/mainpanels.png') -484px -181px; width:67px; height:35px;  margin-left:1px; margin-bottom:5px; margin-right: 6px; cursor:pointer; float: left;}
div.cancelmove1   {background: url('interface4/mainpanels.png') -350px -145px; width:67px; height:35px; margin-bottom:5px; margin-right: 8px; cursor:pointer; float: left;}
div.cancelmove2   {background: url('interface4/mainpanels.png') -350px -180px; width:67px; height:35px; margin-bottom:5px; margin-right: 8px; cursor:pointer; float: left;}
div.unselect1   {background: url('interface4/mainpanels.png') -350px -215px; width:67px; height:35px; margin-bottom:5px; margin-right: 8px; cursor:pointer; float: left;}
div.unselect2   {background: url('interface4/mainpanels.png') -350px -249px; width:67px; height:35px; margin-bottom:5px; margin-right: 8px; cursor:pointer; float: left;}
div.nextunit1   {background: url('interface4/mainpanels.png') -550px -145px; width:67px; height:35px; margin-bottom:5px; margin-right: 8px; cursor:pointer; float: left;}
div.nextunit2   {background: url('interface4/mainpanels.png') -550px -180px; width:67px; height:35px; margin-bottom:5px; margin-right: 8px; cursor:pointer; float: left;}

div.attention1   {background: url('interface4/mainpanels.png') -282px -145px; width:67px; height:35px; margin-bottom:5px; margin-right: 8px; cursor:pointer; float: left;}
div.attention2   {background: url('interface4/mainpanels.png') -282px -180px; width:67px; height:35px; margin-bottom:5px; margin-right: 8px; cursor:pointer; float: left;}
div.endturn1   {background: url('interface4/mainpanels.png') -416px -145px; width:67px; height:35px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
div.endturn2   {background: url('interface4/mainpanels.png') -416px -180px; width:67px; height:35px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}

div.btn_groupmove1   {background: url('interface4/miscpanels.png') -541px -195px; width:67px; height:35px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
div.btn_groupmove2   {background: url('interface4/miscpanels.png') -608px -195px; width:67px; height:35px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}



div.fightorder1   {background: url('interface4/miscpanels.png') -0px -195px; width:67px; height:35px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
div.fightorder2   {background: url('interface4/miscpanels.png') -67px -195px; width:67px; height:35px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
div.groupstats1   {background: url('interface4/miscpanels.png') -135px -195px; width:67px; height:35px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
div.groupstats2   {background: url('interface4/miscpanels.png') -202px -195px; width:67px; height:35px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}


div.stop1   {background: url('interface4/mainpanels.png') -282px -215px; width:67px; height:35px; margin-bottom:5px; margin-right: 8px; cursor:pointer; float: left;}
div.stop2   {background: url('interface4/mainpanels.png') -282px -249px; width:67px; height:35px; margin-bottom:5px; margin-right: 8px; cursor:pointer; float: left;}

div.mybattles1	 {width:68px; height:36px; background: url(interface4/mainpanels.png) -416px -250px; float: left; margin-bottom:5px;}
div.mybattles2	 {width:68px; height:36px; background: url(interface4/mainpanels.png) -484px -250px; float: left; margin-bottom:5px;}
div.teambattles1    {width:68px; height:36px; background: url(interface4/mainpanels.png) -416px -215px; float: left;}
div.teambattles2    {width:68px; height:36px; background: url(interface4/mainpanels.png) -484px -215px; float: left;}

div.button_group1	{width:65px; height:34px; background: url(interface4/mainpanels.png) -281px -284px;}
div.button_group2	{width:65px; height:34px; background: url(interface4/mainpanels.png) -346px -284px;}
div.button_ungroup1	{width:65px; height:34px; background: url(interface4/mainpanels.png) -410px -286px;}
div.button_ungroup2	{width:65px; height:34px; background: url(interface4/mainpanels.png) -475px -286px;}

.info1   {background: url('interface4/miscpanels.png') -595px -71px; width:60px; height:42px; margin-bottom:10px; cursor:pointer; margin-left: -2px;}
.info2   {background: url('interface4/miscpanels.png') -655px -71px; width:60px; height:42px; margin-bottom:10px; cursor:pointer; margin-left: -2px;}
.revert1    {background: url('interface4/miscpanels.png') -448px -92px; width:66px; height:35px; margin-bottom:10px; cursor:pointer;}
.revert2    {background: url('interface4/miscpanels.png') -514px -92px; width:66px; height:35px; margin-bottom:10px; cursor:pointer;}

/*Side buttons */
.sidechat1   {background: url('interface4/mainpanels.png') -418px -0px; width:68px; height:36px; margin-bottom:6px; cursor:pointer; margin-left: -2px;}
.sidechat2   {background: url('interface4/mainpanels.png') -418px -36px; width:68px; height:36px; margin-bottom:6px; cursor:pointer; margin-left: -2px;}
.sidebattle1 {background: url('interface4/mainpanels.png') -282px -0px; width:68px; height:36px; margin-bottom:6px; cursor:pointer; margin-left: -2px;}
.sidebattle2 {background: url('interface4/mainpanels.png') -282px -36px; width:68px; height:36px; margin-bottom:6px; cursor:pointer; margin-left: -2px;}
.sidewiki1   {background: url('interface4/mainpanels.png') -282px -73px; width:68px; height:36px; margin-bottom:6px; cursor:pointer; margin-left: -2px;}
.sidewiki2   {background: url('interface4/mainpanels.png') -282px -109px; width:68px; height:36px; margin-bottom:6px; cursor:pointer; margin-left: -2px;}
.sidecity1   {background: url('interface4/mainpanels.png') -486px -0px; width:68px; height:36px; margin-bottom:6px; cursor:pointer; margin-left: -2px;}
.sidecity2   {background: url('interface4/mainpanels.png') -486px -36px; width:68px; height:36px; margin-bottom:6px; cursor:pointer; margin-left: -2px;}

.buyhero1    {background: url('interface4/mainpanels.png') -350px -0px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.buyhero2    {background: url('interface4/mainpanels.png') -350px -36px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.diplomacy1  {background: url('interface4/mainpanels.png') -554px -0px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.diplomacy2  {background: url('interface4/mainpanels.png') -554px -36px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}

.btn_dock1   {background: url('interface4/mainpanels.png') -350px -73px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.btn_dock2   {background: url('interface4/mainpanels.png') -350px -109px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.btn_ruin1   {background: url('interface4/mainpanels.png') -554px -73px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px; }
.btn_ruin2   {background: url('interface4/mainpanels.png') -554px -109px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.btn_temple1   {background: url('interface4/mainpanels.png') -214px -54px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.btn_temple2   {background: url('interface4/mainpanels.png') -214px -90px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.btn_empty1   {background: url('interface4/mainpanels.png') -418px -73px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.btn_empty2   {background: url('interface4/mainpanels.png') -418px -109px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.btn_tower1   {background: url('interface4/mainpanels.png') -486px -73px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.btn_tower2   {background: url('interface4/mainpanels.png') -486px -109px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.btn_trigger1   {background: url('interface4/mapeditor.png') -0px -72px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.btn_trigger2   {background: url('interface4/mapeditor.png') -68px -72px; width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}

.alliedvector1 {background: url('interface4/mainpanels.png') -349px -145px; width:67px; height:35px; float: left; margin:0px 0px 10px 0px;}
.alliedvector2 {background: url('interface4/mainpanels.png') -349px -180px; width:67px; height:35px; float: left; margin:0px 0px 10px 0px;}

.battleactive   {background-image: url('../buttons2/battleactive.gif'); width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.chatactive   {background-image: url('../buttons2/chatactive.gif'); width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.diplomacyactive   {background-image: url('../buttons2/diplomacyactive.gif'); width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px;}
.buyheroactive {background-image: url('../buttons2/buyheroactive.gif'); width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px; display:none;}
.btn_dockactive   {background-image: url('../buttons2/dockactive.gif'); width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px; display:none;}
.btn_ruinactive   {background-image: url('../buttons2/ruinactive.gif'); width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px; display:none;}
.btn_templeactive   {background-image: url('../buttons2/templeactive.gif'); width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px; display:none;}
.btn_toweractive   {background-image: url('../buttons2/toweractive.gif'); width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px; display:none;}
.btn_triggeractive   {background-image: url('../buttons2/triggeractive.gif'); width:68px; height:36px; margin-bottom:4px; cursor:pointer; margin-left: -2px; display:none;}


.btn_play1   {background: url('interface4/replaybuttons.png') -0px -35px; width:66px; height:34px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
.btn_play2   {background: url('interface4/replaybuttons.png') -68px -35px; width:66px; height:34px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
.btn_stop1   {background: url('interface4/replaybuttons.png') -0px -0px; width:66px; height:34px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
.btn_stop2   {background: url('interface4/replaybuttons.png') -68px -0px; width:66px; height:34px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
.btn_pause1   {background: url('interface4/replaybuttons.png') -0px -105px; width:66px; height:34px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
.btn_pause2   {background: url('interface4/replaybuttons.png') -68px -105px; width:66px; height:34px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
.btn_speedup1   {background: url('interface4/replaybuttons.png') -0px -70px; width:66px; height:34px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
.btn_speedup2   {background: url('interface4/replaybuttons.png') -68px -70px; width:66px; height:34px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
.btn_break1   {background: url('interface4/replaybuttons.png') -0px -210px; width:66px; height:34px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
.btn_break2   {background: url('interface4/replaybuttons.png') -68px -210px; width:66px; height:34px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
.btn_stepforward1   {background: url('interface4/replaybuttons.png') -0px -140px; width:66px; height:34px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
.btn_stepforward2   {background: url('interface4/replaybuttons.png') -68px -140px; width:66px; height:34px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
.btn_stepback1   {background: url('interface4/replaybuttons.png') -0px -175px; width:66px; height:34px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}
.btn_stepback2   {background: url('interface4/replaybuttons.png') -68px -175px; width:66px; height:34px; margin-bottom:6px; margin-right: 8px; cursor:pointer; float: left;}


.btn_centerwar  {background:url("../css/interface/transparent.png") no-repeat -31px -42px; width:40px; height:40px; float:left;}

#RTbutton p {
    background:url("../css/interface/transparent.png") no-repeat -995px -59px; 
    padding: 0 0 0 5px; 
    float:left; 
    cursor:pointer;

    }
    
    
#RTbutton p span {

    background:url("../css/interface/transparent.png") no-repeat right -130px; 
    width: 49px;
    height:45px;
    float:left;
    padding: 5px 0px 5px 0px;
    cursor:pointer;
    
    }