body				{background-color:#e3e3e3; font-family: arial; margin:0px; text-shadow: 0px 1px 1px #faf2e1; font-size:12px;}
html,body			{height:100%;}

#outer 				{margin:0px; height:100%; min-height:100%;}
html>body #outer	{height:auto; }

div.dark    		{width:100%; height:100%; top:0px; left:0px; z-index:800; background:url(interface4/darkbox.png); position: fixed;  display:none;}
div.darkwaiting    	{width:100%; height:100%; top:0px; left:0px; position: absolute;  z-index:850; background-image: url(../interface2/waiting.gif); background-repeat:no-repeat; background-position: center; display:none;}

.baselink:link {color:#d39349;}   
.baselink:visited {color:#d39349;}  
.baselink:hover {color:#d39349;}  
.baselink:active {color:#d39349;} 

/* Interface - DIV */
.cssbutton  {margin:10px 0 1px 1px; padding:4px; cursor:pointer; float:left; border-top:solid 1px #f9dc94; border-left:solid 1px #f9dc94; border-right:solid 1px #ba9949; border-bottom:solid 1px #ba9949; font-size:14px; font-weight:bold; background-color:#f4cb67;  -moz-box-shadow:1px 1px 4px #333; -webkit-box-shadow: 1px 1px 4px #333; box-shadow: 1px 1px 4px #333;}
.cssbutton:hover  {margin:11px 0 0 2px; padding:4px; cursor:pointer; float:left; border-top:solid 1px #f9dc94; border-left:solid 1px #f9dc94; border-right:solid 1px #ba9949; border-bottom:solid 1px #ba9949; font-size:14px; font-weight:bold; background-color:#f4cb67;  -moz-box-shadow:1px 1px 2px #333; -webkit-box-shadow: 1px 1px 2px #333; box-shadow: 1px 1px 2px #333;}

div.selectbigtile1 {border:solid 1px #000000; margin:3px; float:right;}
div.selectbigtile2 {border:solid 1px #FFFFFF; margin:3px; float:right;}

div.palettetools1 {float:left; margin:0px 2px 4px 2px; border:1px solid #000000; width:64px; height:64px;}
div.palettetools2 {float:left; margin:0px 2px 4px 2px; border:1px solid #FFFFFF; width:64px; height:64px;}

.lefttab {cursor:pointer; border:solid 1px; margin-bottom:5px; padding:4px;  width:110px; float:left; font-size: 14px; font-weight: bold; color: #8a6f32;}
.lefttab:hover {cursor:pointer; border:solid 1px #FFFFFF; margin-bottom:5px; padding:4px;  width:110px; float:left; font-size: 14px; font-weight: bold; color: #8a6f32;}
.lefttabactive {cursor:pointer; border:solid 1px; border-right:2px solid #f0d290; position:relative; z-index:2; margin-bottom:5px; padding:4px; width:110px; float:left; font-size: 14px; font-weight: bold;}


.gpopright {float:left; width:858px; height:483px; margin-top:7px;}
.gpopcontent {float:left; width:938px; height:493px; background-image: url(interface4/basecity.jpg); padding-top:5px;}
.okpopupcontent {float:left; width:920px; height:440px; margin:28px 10px 0px 10px;}

.chatpopup {z-index:900; top: 50%; margin-top:-275px; left:50%; margin-left:-495px; text-align:left; position:absolute; width:990px; height:550px; padding:0px; display: none;}
.chatpopup2 {z-index:900; top: 50%; margin-top:-275px; left:50%; margin-left:-495px; text-align:left; position:absolute;width:990px; height:550px; padding:0px; display:none;}
.chatpopup3 {z-index:900; top: 50%; margin-top:-275px; left:50%; margin-left:-495px; text-align:left; position:absolute; width:990px; height:550px; padding:0px;}
.chatwin_menu  {height:20px; width:724px; float:left;   margin: 10px 0px 0px 10px; cursor:move; font-size: 18px; font-weight:bold; font-family:arial;}


.chatwin_plist  {height:250px; width:160px; float:left; border:1px solid;  margin: 25px 0px 10px 10px; font-family:arial; line-height:25px;  background:#ffffff; padding:5px;}
.chatwin_chat  {height:430px; width:538px; float:left; border:1px solid; margin: 25px 10px 10px 10px; padding:5px; line-height:18px; background:#ffffff;
    min-height:80px;
    font-size:12px; font-family:arial; color:#FFFFFF; text-align:left; color:#000000;
    overflow-y: auto; overflow-x: hidden;
    padding:5px;
    }
.chatwin_entry  {width:346px; height:120px;  background-color:#FFFFFF; float:left;}
.chatwin_entrydiv {margin: 0px 0px 10px 10px; width:352px; height:126px;float:left; border: 1px solid;}
.lobby_chat			{float: left; width: 550px; background: #ffffff; padding:5px; border: solid 1px; height: 140px; overflow-y: scroll; scrollbar-arrow-color:
blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color: #888888; color:#000000;}



div.map     {      position: relative;
        left: 0px;
        top: 0px;
        z-index: 0;
		}
div.minimap2 {width:300px; height:450px; border-style: solid; border-width: 1px; margin-top:2px; background-image: url(minimaps/prototypemap.gif);}
div.buttons	{width:305px; height:180px; margin-top: 10px; float:left;}
div.buttons2	{right:308px; top:120px; position:absolute; width:70px; background:url(interface4/mainpanels.png) -0px -0px; padding-left:5px; padding-top:3px;}
div.select { width:64px; height:64px; float:left;}
div.select2 {position: absolute; background:url(interface4/miscpanels.png) -651px -128px; width:64px; height:64px; float:left; z-index:1700;}
div.select3 {position: absolute; background:url(interface4/miscpanels.png) -256px -64px; width:64px; height:64px; float:left; z-index:1700;}

div.selectrow	{height:66px; width:750px;}
div.selectrowstats	{height:13px; width:750px; font-size: 10px; font-family:arial;}
div.selectrowmove	{float:left; width:78px;}
div.selectrowhp		{float:left; width:78px; font-size:10px;}

div.emptystats	{float:left; width:78px; height:13px;}

div.battleselectrow	{ width:624px;}
div.battleselectrowstats	{height:12px; width:624px; font-size: 10px; font-family:arial; float:left;}

div.unitintemple    {height:66px; width:580px;  margin-left:15px; font-size: 10px; font-family:arial;}
div.statsintemple    {height:28px; width:580px;  margin-left:15px; font-size: 10px; font-family:arial;}

div.selectrowgrpmove	{padding-left:0px;  float:right; width:66px;}
div.selectrowgrphp		{padding-left:0px;  float:right; width:66px;}


div.selectrowunit	{float:left; width: 78px;}

.togglefightorder1 {background: url(interface4/miscpanels.png) -330px -2px; width:20px; height:24px; position:absolute; top:336px; right:285px;}
.togglefightorder2 {background: url(interface4/miscpanels.png) -352px -2px; width:20px; height:24px; position:absolute; top:336px; right:285px;}

.toggletrackplayer1 {background: url(interface4/miscpanels.png) -334px -43px; width:20px; height:24px; position:absolute; top:337px; right:260px;}
.toggletrackplayer2 {background: url(interface4/miscpanels.png) -359px -43px; width:20px; height:24px; position:absolute; top:337px; right:260px;}



/*
div.group			{position:absolute; right:312px; top:503px; width:57px; background:url(interface4/mainpanels.png) -0px -71px; height:77px; padding-left:5px; padding-top:3px;}
div.group_top		{position:absolute; right:312px; top:500px; width:62px; background:url(interface2/panel_right_top.gif); height:3px;}
div.group_bottom	{position:absolute; right:312px; top:583px; width:62px; background:url(interface2/panel_right_bottom.gif); height:3px;}
*/
.panel_left_mid {width:72px; position:absolute; top:4px; left:4px; background:url(../interface2/panel_left_mid.gif); padding-top:4px; padding-left:2px;}

.symbol_Hi		{width:16px; height:12px; background: url(interface4/miscpanels.png) -502px -74px; float:left; background-repeat:no-repeat;}
.symbol_Fo	  {width:16px; height:12px; background: url(interface4/miscpanels.png) -485px -74px; float:left; background-repeat:no-repeat;}
.symbol_Sw	  {width:16px; height:12px; background: url(interface4/miscpanels.png) -536px -74px; float:left; background-repeat:no-repeat;}
.symbol_Flyer	{width:16px; height:12px; background: url(interface4/miscpanels.png) -467px -74px; float:left; background-repeat:no-repeat;}
.symbol_Water		{width:16px; height:12px; background: url(interface4/miscpanels.png) -553px -74px; float:left; background-repeat:no-repeat;}
.symbol_De  {width:16px; height:12px; background: url(interface4/miscpanels.png) -450px -74px; float:left; background-repeat:no-repeat;}
.symbol_Ic  {width:16px; height:12px; background: url(interface4/miscpanels.png) -519px -74px; float:left; background-repeat:no-repeat;}



.menutopic          {font-family: arial, sans-serif; color:#3f320c; font-size:14px; float:left;  margin-left:5px; margin-right:5px; font-weight:bold;}
.menutopic_right    {font-family: arial, sans-serif; color:#3f320c; font-size:14px;   margin-left:2px; margin-right:2px; font-weight:bold; line-height:24px;}


div.observer    {width:52px; height:52px; position:absolute; right:360px; top: 50px; background:url(interface4/mainpanels.png) -86px -2px; border:solid 3px; display:none;}
div.freeze    {width:52px; height:52px; position:absolute; right:360px; top: 50px; background:url(interface4/mainpanels.png) -152px -209px; border:solid 3px;  display:none;}
div.activeturn    {width:52px; height:52px; position:absolute; right:360px; top: 50px; background:url(interface4/mainpanels.png) -152px -155px; border:solid 3px; display:none;}

#popupdata  {float: left; width: 600px; margin-left:5px; padding:5px; font-size:16px; }
div.popupmenu  {float: left; width: 60px; height:480px;  text-align:center; margin:5px;}


.symbol_blood    {background:url(interface4/miscpanels.png) -384px -64px; width:64px; height:64px; z-index: 6; display: none;}

/* Interface markers */
.shield_tiny0			{background: url(interface4/mainpanels.png) -159px -80px; float:left; height: 22px; width:15px;}
.shield_tiny1			{background: url(interface4/mainpanels.png) -175px -56px; float:left; height: 22px; width:15px;}
.shield_tiny2			{background: url(interface4/mainpanels.png) -191px -56px; float:left; height: 22px; width:15px;}
.shield_tiny3			{background: url(interface4/mainpanels.png) -192px -80px; float:left; height: 22px; width:15px;}
.shield_tiny4			{background: url(interface4/mainpanels.png) -159px -103px; float:left; height: 22px; width:15px;}
.shield_tiny5			{background: url(interface4/mainpanels.png) -176px -102px; float:left; height: 22px; width:15px;}
.shield_tiny6			{background: url(interface4/mainpanels.png) -193px -103px; float:left; height: 22px; width:15px;}
.shield_tiny7			{background: url(interface4/mainpanels.png) -159px -127px; float:left; height: 22px; width:15px;}
.shield_tiny8			{background: url(interface4/mainpanels.png) -156px -56px; float:left; height: 22px; width:15px;}
.tinydead               {background: url(interface4/mainpanels.png) -176px -80px; width:16px; height: 22px; float:left; background-repeat: no-repeat;}

.shield_0   {background:url("https://www.warbarons.com/css/interface/transparent.png") no-repeat -230px -89px; width: 25px; height:34px; float:left; }
.shield_1   {background:url("https://www.warbarons.com/css/interface/transparent.png") no-repeat -53px -89px; width: 25px; height:34px; float:left; }
.shield_2   {background:url("https://www.warbarons.com/css/interface/transparent.png") no-repeat -153px -89px; width: 25px; height:34px; float:left; }
.shield_3   {background:url("https://www.warbarons.com/css/interface/transparent.png") no-repeat -77px -89px; width: 25px; height:34px; float:left; }
.shield_4   {background:url("https://www.warbarons.com/css/interface/transparent.png") no-repeat -205px -89px; width: 25px; height:34px; float:left; }
.shield_5   {background:url("https://www.warbarons.com/css/interface/transparent.png") no-repeat -27px -89px; width: 25px; height:34px; float:left; }
.shield_6   {background:url("https://www.warbarons.com/css/interface/transparent.png") no-repeat -2px -89px; width: 25px; height:34px; float:left; }
.shield_7   {background:url("https://www.warbarons.com/css/interface/transparent.png") no-repeat -179px -89px; width: 25px; height:34px; float:left; }
.shield_8   {background:url("https://www.warbarons.com/css/interface/transparent.png") no-repeat -102px -89px; width: 25px; height:34px; float:left; }
.dead_      {background:url("https://www.warbarons.com/css/interface/transparent.png") no-repeat -127px -89px; width: 25px; height:34px; float:left; }


/* Misc panels */
.misc_gpopstyle {float:left; border-top:solid 1px #f6e1a6; border-left:solid 1px #f6e1a6;  border-right:solid 1px #8a7649; border-bottom:solid 1px #8a7649; background-image:url(interface4/dropdownbg.png);  -moz-box-shadow:0 10px 10px 0 #333; -webkit-box-shadow:0 10px 10px 0 #333; box-shadow:0 10px 10px 0 #333;}
.misc_panel {float:left; border-top:solid 1px #f6e1a6; border-left:solid 1px #f6e1a6;  border-right:solid 1px #8a7649; border-bottom:solid 1px #8a7649; background-color:#f3d698;  -moz-box-shadow:0 0px 3px 0 #333; -webkit-box-shadow:0 0px 3px 0 #333; box-shadow:0 0px 3px 0 #333;}

.marker        {float:left;}
.marker:hover  {background-image:url(interface4/contentback.png); border-radius:5px; -moz-border-radius:5px; float:left; cursor:pointer;}
div.stopdiv {width:164px; height:72px; border:solid 1px; background-image:url(interface4/dropdownbg.png); padding:5px; position:absolute; top:50%; left:50%; margin-left:-240px; display: none;}
div.quickblessdiv {width:700px; height:200px; border:solid 1px; background-image:url(interface4/dropdownbg.png); padding:5px; position:absolute; top:50%; left:50%; margin-left:-240px; display: none;}


/* Top menu */
ul.topmenu {font-family: sans-serif; font-size:12px; font-style:normal; text-align:left; font-weight:bold; padding: 0px; margin: 0px; width:120px; list-style-type:none; border: solid 1px; border-color:#737373; z-index:1000;}
li.topmenu  {line-height: 20px; text-decoration:none; width:120px; height:20px; z-index:1000;}
li.topmenu:hover {background-color:#e2b852; line-height: 20px; text-decoration:none; width:120px; height:20px; z-index:1000;}
/*FF Fix */
li.topmenu a  {line-height: 20px; text-decoration:none; width:120px; height:20px; float:left; z-index:1000;}
li.topmenu a:hover {background-color:#e2b852;   line-height: 20px; text-decoration:none; width:120px; height:20px; float:left; z-index:1000;}
.dropmenu {z-index:1000; background-image: url(interface4/dropdownbg.png);}
.brownlink	{ color:#5f3b1a; text-decoration:none; float:left; cursor: pointer;}


/* Topmenu chat */
.constantchat {float:left; background-color:#f1d391;  width:260px; border: solid 1px; margin: 1px 3px 0px 0px; padding:2px;}
.comchatwin {width: 255px; height:188px; float:left; padding:2px; overflow-y:hidden; }
.comchatwin span { color: white; background: #333; padding: 2px 2px; -moz-border-radius: 3px; -webkit-border-radius: 5px; margin: 2px 4px 2px 0px;}
.comchatwin p { padding: 3px 0; border-bottom: 1px solid #333; margin-top:0px; margin-bottom:0px;}


/* Main interface */
.ok1		{background: url(interface4/basepopup.png) -130px -48px; width:151px; height:36px; border: 0px; background-color:#dab676; margin-top:6px; margin-left:0px;}
.ok2		{background: url(interface4/basepopup.png) -130px -4px; width:151px; height:36px; border: 0px; background-color:#dab676; margin-top:6px; margin-left:0px;}
.ok3		{background: url(interface4/basepopup.png) -130px -48px; width:151px; height:36px; border: 0px; background-color:#f1d28f; margin-top:6px; margin-left:0px;}
.ok4		{background: url(interface4/basepopup.png) -130px -4px; width:151px; height:36px; border: 0px; background-color:#f1d28f; margin-top:6px; margin-left:0px;}
.buttontext	{width:100%; height:24px; font-family: sans-serif; font-size:18px; font-style:normal; color:#5f3b1a;  font-weight: bold;  cursor:default; line-height: 28px;}
.notok		{background: url(interface4/basepopup.png) -130px -90px; width:151px; height:36px; border: 0px; background-color:#dab676; margin-top:6px; margin-left:0px;}
input.cityname  {background-color:#5d4612; width:152px; height:25px; font-size:20px; color:#d39349; border:0px; padding-left: 3px; font-weight:bold; border:solid 1px;}

.fattext {float:left; font-size:14px; font-weight:bold; color:#5f3b1a;}
.basetext {color:#5f3b1a; font-weight:bold; font-size:12px;}
.if_maindiv    {width:100%; height:100%; border: solid; border-width: 1px 1px 1px 1px;  background-image: url(interface4/main_background.png);}
.if_topleftpanel {width:72px; position:absolute; bottom:147px; left:4px; background:url(interface4/mainpanels.png) -206px -257px; padding-top:4px; padding-left:2px;}
.if_bottomleftpanel {width:74px; height:3px;  position:absolute; top:254px; left:4px; background:url(interface4/mainpanels.png)  -206px -262px;}
.if_midleftpanel {width:72px; padding-left:2px; position:absolute; bottom:4px; left:4px; background:url(interface4/mainpanels.png) -77px -57px;}

.if_toprightpanel {width:74px; height:3px;  position:absolute; top:118px; right:309px; background:url(interface4/mainpanels.png) -206px -247px;}
.if_bottomrightpanel {width:74px; height:3px;  position:absolute; top:563px; right:309px; background:url(interface4/mainpanels.png) -206px -252px;}

.if_minicontainer {width:300px; height:300px; background-color:#000000; border-top:solid 1px #392f1f; border-left:solid 1px #392f1f;
                    border-right:solid 1px #f4e3c2; border-bottom:solid 1px #f4e3c2;}
                    
.if_turninfo {float:left; text-align:center; width:300px; border-top:solid 1px #392f1f; border-left:solid 1px #392f1f; border-right:solid 1px #f4e3c2;
                    border-bottom:solid 1px #f4e3c2; background-image:url(interface4/dropdownbg.png);}

.if_unitunselected   {position:relative; width:72px; height:100px; float:left;  background:url(interface4/mainpanels.png) -563px -217px; 
                    margin:1px 2px 1px 1px; font-size:10px;}
.if_unitslotcount {position:absolute; left:6px; top:2px;}
.if_grouparea {padding: 6px; position:absolute; width:130px; height:41px; float:left; border:solid 0px; right:87px; top:441px; background:url(interface4/mainpanels.png) -141px -0px;}

.if_darkboxwait {width:100%; height:100%; position: fixed; display:none; z-index:1100; background-image:url('interface4/waiting.gif'); color:#FFFFFF; font-size: 18px; background-repeat:no-repeat; background-position: center;}
.if_darkboxwait span {position: absolute; top:50%; left:50%; margin-left: -85px; margin-top:-40px; border:solid 1px; width:170px; height:60px; border-color: #DDDDAA; padding-top:5px;}

.if_progressback {border:solid 1px; margin:5px 0 5px 0; background:#cf0000; width:152px; height:21px;}
.if_progressfront {background:#31cf00; width:35%; height:21px; float:left;}

.if_goldsites   {width:64px; height:30px; background: url(interface4/mainpanels.png) -213px -156px; float:left; margin-left:-2px; margin-top:4px; text-align:right; font-size: 12px; font-weight:bold; padding:0px 4px 0px 0px;}
.if_treasury    {width:64px; height:30px; background: url(interface4/mainpanels.png) -213px -216px; float:left; margin-left:-2px; margin-top:4px; text-align:right; font-size: 12px; font-weight:bold; padding:0px 4px 0px 0px;}
.if_castle      {width:64px; height:30px; background: url(interface4/mainpanels.png) -213px -126px; float:left; margin-left:-2px; margin-top:6px; text-align:right; font-size: 12px; font-weight:bold;  padding:0px 4px 0px 0px;}
.if_income      {width:64px; height:30px; background: url(interface4/mainpanels.png) -213px -186px; float:left; margin-left:-2px; margin-top:6px; margin-bottom:4px; text-align:right; font-size: 12px; font-weight:bold;  padding:0px 4px 0px 0px;}


/* Hero popup */
.hero_add {width:21px; height:21px; background:url('interface4/hero-pop.png') -97px -2px; float:left; cursor:pointer;}
.hero_sub {width:21px; height:21px; background:url('interface4/hero-pop.png') -68px -2px; float:left; margin-right: 5px;  cursor:pointer;}
.emptyslot {width:56px; height:56px; background:url('interface4/hero-pop.png') -60px -86px; }
div.emptyslot {width:56px; height:56px; background-image:url('interface2/itemslot_empty.gif'); }

.progressback {border:solid 1px; background:url('../interface4/progressback.gif');  width:152px; height:21px;}
.progressfront {background:url('../interface4/progressfront.gif'); height:21px; float:left;} 

.drop_active {}
.itemslot_backpack   {width:56px; height:56px; background:url('interface4/hero-pop.png') -174px -29px; }
.itemslot_ground     {width:56px; height:56px; background:url('interface4/hero-pop.png') -60px -86px; }
.helm        {width:56px; height:56px; background:url('interface4/hero-pop.png') -3px -86px;}
.armour      {width:56px; height:56px; background:url('interface4/hero-pop.png') -174px -86px;}
.shield      {width:56px; height:56px; background:url('interface4/hero-pop.png') -60px -29px;}
.weapon      {width:56px; height:56px; background:url('interface4/hero-pop.png') -3px -29px;}
.ring        {width:56px; height:56px; background:url('interface4/hero-pop.png') -117px -29px;}
.boots       {width:56px; height:56px; background:url('interface4/hero-pop.png') -117px -86px;}

.browseleft {width:30px; height:24px; background:url('interface4/hero-pop.png') -31px -0px; float:left; cursor:pointer;}
.browseright {width:30px; height:24px; background:url('interface4/hero-pop.png') -0px -0px; float:right; cursor:pointer;}

.hero_groundslots {float:left; width:300px; margin-left:3px; margin-top:8px; color:#5f3b1a; font-weight:bold; font-size:12px;}

a.listbutton {background-color:#5f3708; border:solid 1px; color:#d39349; padding:2px; text-shadow: 0px 0px 0px;}
a.listbutton:active {background-color:#5f3708; border:solid 1px; color:#d39349; padding:2px; text-shadow: 0px 0px 0px;}
a.listbutton:visited {background-color:#5f3708; border:solid 1px; color:#d39349; padding:2px; text-shadow: 0px 0px 0px;}

/* City popup */
.cty_selecterleft {background:url(interface4/miscpanels.png) -0px -28px; padding:0 0 0 3px; text-decoration:none; float:left;}
.cty_selecterright {background:url(interface4/miscpanels.png)  -10px -28px; float:left; display:block; padding:3px 11px 4px 6px; float:left; font-size:14px; font-weight:bold; line-height:28px; width:305px;}
.cty_buyunit {width:200px; padding:2px; border-bottom: solid 1px #b39e71; border-right: solid 1px #b39e71; border-top: solid 1px #f5e2b8; border-left: solid 1px #f5e2b8; height:70px; margin:3px;}
th  {background:url(interface4/mainpanels.png) -74px -287px; height:30px; }
.rightarrow {background:url(interface4/miscpanel.png) -173px -5px; width:30px; height:17px;}
.heart {background:url(interface4/miscpanels.png) -125px -6px; width:18px; height:15px; float:left;}
.battlesword {background:url(interface4/miscpanels.png) -333px -5px; width:15px; height:18px; float:left; margin-left:3px;}
.defendsword {background:url(interface4/miscpanels.png) -354px -2px; width:18px; height:22px; float:left;}
.deny {background:url(interface4/miscpanels.png) -146px -1px; width:25px; height:25px; float:left;}
.accept {background:url(interface4/miscpanels.png) -204px -1px; width:25px; height:25px; float:left;}
.diplomacy {background:url(interface4/miscpanels.png) -253px -1px; width:25px; height:25px; float:left;}

/*portal arrows */
.baseportalarrow {width:9px; height:18px; float:left; margin:4px 2px 0 2px; background-image: url(interface4/portalarrows.png);}
div.in0turn {background-position: 108px 18px;}
div.in1turn {background-position: 90px 18px;}
div.in2turn {background-position: 81px 18px;}
div.in3turn {background-position: 72px 18px;}
div.in4turn {background-position: 63px 18px;}
div.in5turn {background-position: 54px 18px;}
div.out0turn {background-position: 99px 18px;}
div.out1turn {background-position: 9px 18px;}
div.out2turn {background-position: 18px 18px;}
div.out3turn {background-position: 27px 18px;}
div.out4turn {background-position: 36px 18px;}
div.out5turn {background-position: 45px 18px;}

/* Contentpopup */
.popcontent		{width: 896px; height:640px; border:  solid 1px; border-color: #464646; background-image:URL('interface4/dropdownbg.png');}
.contentmain2	{height:600px;  text-align:left; font-family: arial; color: #221100; font-weight: bold; font-size: 12px; padding:5px;}
#pedia_index    {float: left; width: 230px; height: 430px; margin-left:10px; padding:5px; background-image: url('interface4/contentback.png'); overflow-y: scroll; text-align:left; border:solid 1px;}
.pedia_content    {float:left; font-weight:normal; display:none; padding:5px; width: 650px; height: 430px; margin-left: 15px; background-image: url('interface4/contentback.png'); overflow-y: scroll; text-align:left; border:solid 1px;}
.pedia_unselected {width:100%; cursor:pointer;}
.pedia_selected   {width:100%; background-color: #b6c2d6; cursor:pointer;}
.wikiheadline {font-weigth:bold; font-size:18px; text-decoration:underline;}

/* battlepopup */
ul.battlelist	{list-style: none; margin-left: -38px;}
.normalblack	{font-family: arial; color: #000000; font-size: 12px; text-align:left;}
.roundhead		{font-family: arial; color: #000000; font-weight: bold; font-size: 16px;}
.bigred         {font-family: arial; color: #e40000; font-weight: bold; font-size: 14px;}
.orange         {font-family: arial; color: #873a01; font-size: 12px; font-weight: bold;}

div.battleaction	{width: 180px; height: 420px; overflow-y: scroll; margin-top:0px;  text-align:left; position: absolute; border: solid 1px; display:none; margin-left:-20px; background-color:#f2d596;}
.info_close  {height:22px; width:21px; float: right; margin-right:20px; background: url('interface4/basepopup.png') -666px -31px; cursor:pointer; }
.info_close:hover  {height:22px; width:21px; float: right; margin-right:20px; background: url('interface4/basepopup.png') -666px -7px; cursor:pointer; }

div.battlelist	{width: 475px; height: 450px; overflow-y: auto;  text-align:left;  float:right; margin-right:20px;}
.battlebar1     {background:url('interface4/miscpanels.png') -0px -131px; color:#733e00; float:left; width:445px; padding:5px; margin-bottom:3px;}
.battlebar2     {background:url('interface4/miscpanels.png') -0px -170px; color:#733e00; float:left; width:445px; padding:5px; margin-bottom:3px;}
.battlebar3     {background:url('interface4/miscpanels.png') -0px -131px; color:#733e00; float:left; width:294px; padding:5px; margin-bottom:3px;}
.battlebar4     {background:url('interface4/miscpanels.png') -0px -170px; color:#733e00; float:left; width:294px; padding:5px; margin-bottom:3px;}


/* Cities popup */
div.cancelvector_small        {width:13px; height:12px; background:  url('interface4/miscpanels.png') -613px -129px; float:left; cursor:pointer; margin-right: 5px;}
div.cancelvector_small:hover  {width:13px; height:12px; background:  url('interface4/miscpanels.png') -628px -129px; float:left; cursor:pointer; margin-right: 5px;}
div.setvector_small1        {width:33px; height:12px; background:  url('interface4/miscpanels.png') -577px -144px; float:left; cursor:pointer;}
div.setvector_small2        {width:33px; height:12px; background:  url('interface4/miscpanels.png') -577px -129px; float:left; cursor:pointer;}
div.movevector_small1        {width:33px; height:12px; background:  url('interface4/miscpanels.png') -614px -144px; float:left; cursor:pointer;}
div.movevector_small2        {width:33px; height:12px; background:  url('interface4/miscpanels.png') -614px -158px; float:left; cursor:pointer;}
div.buywall_small          {width:11px; height:12px; background:  url('interface4/miscpanels.png') -578px -159px; float:left; margin-right: 4px; cursor:pointer;}
div.buywall_small:hover    {width:11px; height:12px; background:  url('interface4/miscpanels.png') -592px -159px; float:left; margin-right: 4px; cursor:pointer;}
div.sellwall_small          {width:11px; height:12px; background:  url('interface4/miscpanels.png') -578px -174px; float:left; margin-right: 4px; cursor:pointer;}
div.sellwall_small:hover    {width:11px; height:12px; background:  url('interface4/miscpanels.png') -592px -174px; float:left; margin-right: 4px; cursor:pointer;}
div.gotocity_small          {width:12px; height:18px; background:  url('interface4/miscpanels.png') -313px -5px; float:left; margin-left: 4px; cursor:pointer;}
div.gotocity_small:hover    {width:12px; height:18px; background:  url('interface4/miscpanels.png') -296px -5px; float:left; margin-left: 4px; cursor:pointer;}

/* Fight order popup */
.fightorderlistmini {width:36px; margin:4px; border:solid 1px #aa9d85; background: #f3ca75; float:left; cursor:move; padding:2px;}
.fightorderlist    {width:124px; height:64px; float:left; margin-left: 1px; margin-bottom:1px; cursor:move; background:url(interface4/miscpanels.png) -0px -64px; padding: 2px;}
.fightorderlist:hover    {width:123px; height:63px; float:left; margin-left: 1px; margin-bottom:1px; cursor:move; background:url(interface4/miscpanels.png) -0px -64px; padding: 3px 2px 2px 3px;}
.armylistbox    { float:left;  margin-bottom:5px; padding:2px; width:116px; height:446px;}
.fightorderbox {width:798px; height:450px; overflow-y:auto; float:left;}


/* Popups */
.pop_basic_popup {width:460px;}

.pop_close  { position: absolute; top:6px; left:963px; height:22px; width:21px; float: right; background: url('interface4/basepopup.png') -666px -31px; cursor:pointer; border:0px;}
.pop_close:hover  { position: absolute; top:6px; left:963px; height:22px; width:21px; float: right; background: url('interface4/basepopup.png') -666px -7px; cursor:pointer; border:0px;}

.pop_tl {height:26px; width:26px; background:url('interface4/popup_tl.png');}
.pop_t {height:26px; background:url('interface4/popup_t.png');}
.pop_tr {height:26px; width:26px; background:url('interface4/popup_tr.png');}
.pop_l { width:26px; background:url('interface4/popup_l.png');}
.pop_c {height:498px; width:938px; background-image:url('interface4/dropdownbg.png');}
.pop_r {width:26px; background:url('interface4/popup_r.png');}
.pop_bl {height:26px; width:26px; background:url('interface4/popup_bl.png');}
.pop_b {height:26px;  background:url('interface4/popup_b.png');}
.pop_br {height:26px; width:26px; background:url('interface4/popup_br.png');}
.pop_footer {width:371px; height:49px; background:url('interface4/basepopup.png') -292px -4px; position:absolute; left:310px; top:512px;}
.pop_header {width:414px; height:60px; background:url('interface4/basepopup.png') -285px -56px; position:absolute; left:288px; top:-7px;}

/* PrivateChat */
.chatline {width:160px; font-weight:bold; padding:3px; color:#3d310a; font-size:14px; cursor: pointer;}

/* Tooptip */
  #dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border-top:solid 1px #f6e1a6; border-left:solid 1px #f6e1a6;  border-right:solid 1px #8a7649; border-bottom:solid 1px #8a7649; background-image:url(interface4/dropdownbg.png);
-moz-border-radius: 3px; -webkit-border-radius: 5px; border-radius: 5px;
padding: 2px;
background-color: #000000;
visibility: hidden;
z-index: 2000;
font-size: 14px; color:#522e00; font-family:Arial;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}