body { margin:0;background:#0c0c0c url('/images/bkg/wall/knight.jpg');color:#ffffff; }
table { border-collapse:collapse; }
table td { padding:0; }
.add2padding, .a2p td { padding:2px; }
.add3padding, .a3p td { padding:3px; }
.add4padding, .a4p td { padding:4px; }
.add5padding, .a5p td { padding:5px; }
.add10padding, .a10p td { padding:10px; }

.menu td a { font-size:12px; }

.banner { position:relative;background:#000 url('/images/bkg/banner/shanghai.jpg') left no-repeat;border-bottom:1px #000 solid;height:110;width:100%; }



#acctbox1 { background-color: black; border-width: 1px; border-color: #565048; border-style: solid; border-collapse:collapse; }
#acctbox1 td { padding:10px; }
#acctbox1 td td { padding:0px; }
#acctbox2 { background-color: black; border-style: solid; border-color: black; border-width: 0px; }
#acctbox2 td { padding:2px; }
#acctbox2 td td { padding:0px; }


input[type="submit"], input[type="button"], button {
  font-family:"Lucida Grande", Verdana; font-size: 8pt;
  font-weight:bold;
  background: url(../images/button.bkg.hal.jpg);
  background-color:#995933;
  border-color:#995c33;
  border-style:outset;
  border-width:1px;
  color:#FFFFFF;
  padding:2px;
}

input.redbutton {
  font-family:"Lucida Grande", Verdana; font-size: 8pt;
  font-weight:bold;
  background: url(../images/button2.bkg.jpg);
  background-color:#993333;
  border-color:#993333;
  border-style:outset;
  border-width:1px;
  color:#FFFFFF;
  padding:2px;
}



input[type="text"], input[type="password"] {
  font-family:"Lucida Grande", Verdana; font-size: 8pt;
  
  background: url(../images/textinput.bkg.hal.jpg);
  background-color:#232323;
  border-color:black;
  border-style:inset;
  border-width:1px;
  color:#999999;
  padding:3px;
}



textarea {
  font-family:"Lucida Grande", Verdana; font-size: 8pt;
  font-weight:bold;
  background-color:#232323;
  border-color:black;
  border-style:inset;
  border-width:1px;
  color:#FFFFFF;
  padding:3px;
}



select {
  font-family:"Lucida Grande", Verdana; font-size: 8pt;
  background-color:black;
  border-color:black;
  border-style:inset;
  border-width:1px;
  color:#FFFFFF;
  padding:3px;
}





body,div,span {font-family:"Lucida Grande", Arial; font-size: 8pt;}



a { color:#999999; text-decoration:none; }

a:hover { color:#c0c0c0; text-decoration:none;}

img { border:0; }



.panesmall { position:relative;width:200px; } /* Edit the #economy etc. tables because IE adjusts padding */

.panelarge { position:relative;width:100%; }



.panetop .paneBTL { width:130px;height:41px;position:absolute;top:0;left:0;font-size:1px;line-height:900;overflow:hidden; }
.paneplayer .paneBTL { background:transparent url('../images/panes/player.png'); }
.paneproduction .paneBTL { background:transparent url('../images/panes/production.png'); }
.panepolitics .paneBTL { background:transparent url('../images/panes/politics.png'); }
.panemilitary .paneBTL { background:transparent url('../images/panes/military.png'); }
.paneeconomy .paneBTL { background:transparent url('../images/panes/economy.png'); }
.panechat .paneBTL { background:transparent url('../images/panes/chat.png'); }
.panenews .paneBTL { background:transparent url('../images/panes/news.png'); }
.paneserver .paneBTL { background:transparent url('../images/panes/server.png'); }
.paneworldstats .paneBTL { background:transparent url('../images/panes/worldstats.png'); }
.panecollectables .paneBTL { background:transparent url('../images/panes/collectables.png'); }
.panereigndice .paneBTL { background:transparent url('../images/panes/reigndice.png'); }
.panetutorial .paneBTL { background:transparent url('../images/panes/tutorial.png'); }
.paneregion .paneBTL { background:transparent url('../images/panes/region.png'); } /*region.png*/
.paneblank .paneBTL { background:transparent url('../images/panes/blank.png'); }
.paneez-ban .paneBTL { background:transparent url('../images/panes/ez-ban.png'); }

.subpane .paneBTL { width:180px; }
.subpane .paneBTM { margin-left:180px; }
.subpaneorder .paneBTL { background:transparent url('../images/subpanes/order.png'); }
.subpanedecwar .paneBTL { background:transparent url('../images/subpanes/declarewar.png'); }
.subpanecurwars .paneBTL { background:transparent url('../images/subpanes/currentwars.png'); }
.subpaneresearch .paneBTL { background:transparent url('../images/subpanes/research.png'); }
.subpanestrqueue .paneBTL { background:transparent url('../images/subpanes/strqueue.png'); }
.subpaneunitqueue .paneBTL { background:transparent url('../images/subpanes/unitqueue.png'); }
.subpaneempires .paneBTL { background:transparent url('../images/subpanes/empires.png'); }
.subpanedevlopland .paneBTL { background:transparent url('../images/subpanes/developland.png'); }

.paneBTM { background:transparent url('../images/panes/blackmiddle.png') repeat-x;width:auto;height:41px;position:relative;margin-left:130px;margin-right:13px; }
.paneBTR { background:transparent url('../images/panes/blackright.png');width:13px;height:41px;position:absolute;top:0;right:0;font-size:1px; }
.paneBM { background-color:#000000;position:relative;top:-8px;right:8px;margin-left:17px;border-left:1px #2f2f2f solid;border-right:1px #1a1a1a solid;border-bottom:1px #1a1a1a solid;color:#ffffff; }
/* background:transparent url('../images/panes/blackpanebkg.png'); */
.paneContent { padding:8px; }

.paneoptions { padding-right:4px;text-align:right;cursor:pointer; }
.panetextoptions { text-align:right; padding-top:9px;padding-right:4px;text-align:right; }


.dropdown { position:relative;width:150px; }
.dropdown .current { opacity:0.8;filter: alpha(opacity=80); }
.dropdown .options { display:none;z-index:9999999;background-color:#000;position:absolute;top:22px;left:0;width:100%;opacity:0.92;filter: alpha(opacity=92); }

.dropover .current { opacity:0.9;filter: alpha(opacity=90); }
.dropover .options { display:block; }


.dropdown .a { position:absolute;top:0;left:0;background: url('../images/inputs.gif') 0px 0px no-repeat;width:5px;height:22px; }
.dropdown .b { position:relative;background: url('../images/inputs.gif') 0px -22px repeat-x;width:auto;height:22px;color:#fff;padding-right:10px;margin-left:5px;margin-right:22px; }
.dropdown .c { position:absolute;top:0;right:0;background: url('../images/inputs.gif') -5px 0px no-repeat;width:22px;height:22px; }


.dropover .a { position:absolute;top:0;left:0;background: url('../images/inputs.gif') -27px 0px no-repeat;width:5px;height:22px; }
.dropover .b { position:relative;background: url('../images/inputs.gif') 0px -44px repeat-x;width:auto;height:22px;color:#fff;padding-right:10px;margin-left:5px;margin-right:22px; }
.dropover .c { position:absolute;top:0;right:0;background: url('../images/inputs.gif') -32px 0px no-repeat;width:22px;height:22px; }


.progress { position:relative;background: url('../images/pbar.gif') 0px -19px repeat-x;height:19px;margin-top:4px;border-right:1px #000 solid; }
.progress .a { display:none; }
.progress .b { position:absolute;top:0;left:0;;background: url('../images/pbar.gif') 0px -38px repeat-x;height:19px;overflow:hidden; }
.progress .b div { position:relative;background: url('../images/pbar.animation.gif') no-repeat top right;width:100%;height:19px;overflow:hidden; }
.progress .b span { display:block !important;position:absolute;top:0;right:0;background: url('../images/pbar.gif') -3px 0px no-repeat;width:1px;height:19px;overflow:hidden; }
.progress .c { display:none; }
.progress .text { position:absolute;top:0;left:0;overflow:hidden;margin-top:2px;margin-left:4px; }


.button {
	cursor:pointer;background:url('../images/button.gif');
	width:95px;height:28px;float:left;text-align:center;
}
button {
	cursor:pointer;background:url('../images/button.gif');
	width:95px;height:28px;text-align:center;border:0;
	font-family:"Lucida Grande", Verdana; font-size: 8pt;color:#fff;
}
.tabon {
	color:#3399cc;
	text-decoration:underline;
}

.button div { text-align:center;margin-top:6px; }
.tabupdate {
	color:#3399cc;
}


.topline { background:#fff;height:1px;width:100%;overflow:hidden;opacity:0.06;filter: alpha(opacity=6);margin-bottom:9px; }


#economy, #player, #structures, #politics { width:170px; }
#economy td, #player td, #structures td, #politics td, td { font-size:8pt;font-family:"Lucida Grande", Arial; }
#economy .ti, #player .ti, #structures .ti, #politics .ti { color:#333333; }
#structures .ti, #politics .ti { width:50%; }

div.hr { margin-bottom: 5px; margin-top: 5px; height:1px;width:100%;overflow:hidden;background-color:#2f2f2f;border-bottom:1px solid #060606; }

#content { margin-top:6px; }
.framed { margin:5px; }
#chatHollow { text-align:left;overflow:auto; }
/* #chatUsers { text-align:left;margin-left:5px; } */

.chatEnt { padding-top:2px;padding-bottom:4px;vertical-align:top; }
.chatEnt span { font-size:11px;vertical-align:top; }

.chatEnt span nobr a, .chatEnt span nobr, .chatEnt span { vertical-align:top; }
.chatMsg { width:auto;vertical-align:top; }
.chatTxt { color:#FFFFFF;vertical-align:top;font-size:11px; }
.chatTxtAct { color:#50555a; }


.chatUser { color:#7a8895; }
.chatPlus { color:#4b9dde; }
.chatCM { color:#45ffbb; }
.chatGM { color:#ff5c5c; }
.chatDev { color:#bb78ff; }


.chatBot { color:#6d6d6d; }



.strmap { position:relative;width:330px;height:89px;background:transparent url('../images/str_map/bg.gif') no-repeat; }
.strmap .ball { position:absolute;height:51px;width:64px;background:url('../images/str_map/structures.gif'); }

.strmap .b1 { z-index:100; top:-14px;left:67px;background-position:0px 0px; }
.strmap .b2 { z-index:100; top:-14px;left:133px;background-position:-64px 0px; }
.strmap .b3 { z-index:100; top:-14px;left:199px;background-position:-128px 0px; }

.strmap .b4 { z-index:200; top:3px;left:34px;background-position:-192px 0px; }
.strmap .b5 { z-index:200; top:3px;left:100px;background-position:-256px 0px; }
.strmap .b6 { z-index:200; top:3px;left:166px;background-position:-320px 0px; }
.strmap .b7 { z-index:200; top:3px;left:232px;background-position:-384px 0px; }

.strmap .b8 { z-index:300; top:20px;left:1px;background-position:-448px 0px; }
.strmap .b9 { z-index:300; top:20px;left:67px;background-position:-512px 0px; }
.strmap .b10 { z-index:300; top:20px;left:133px;background-position:-576px 0px; }
.strmap .b11 { z-index:300; top:20px;left:199px;background-position:-640px 0px; }
.strmap .b12 { z-index:300; top:20px;left:265px;background-position:-704px 0px; }

.strmap .b13 { z-index:400; top:37px;left:34px;background-position:-768px 0px; }
.strmap .b14 { z-index:400; top:37px;left:100px;background-position:-832px 0px; }
.strmap .b15 { z-index:400; top:37px;left:166px;background-position:-896px 0px; }
.strmap .b16 { z-index:400; top:37px;left:232px;background-position:-960px 0px; }

.strmapover .btall { width:21px;display:block;z-index:900;position:absolute;text-align:center; }
.strmapover .numall { display:block;float:left;z-index:901;height:10px;background:url('../images/str_map/numbers.gif') repeat-x; }

.strmapover .num0 { width:7px;background-position:0px 0px; }
.strmapover .num1 { width:6px;background-position:-7px 0px; }
.strmapover .num2 { width:7px;background-position:-13px 0px; }
.strmapover .num3 { width:7px;background-position:-20px 0px; }
.strmapover .num4 { width:8px;background-position:-28px 0px; }
.strmapover .num5 { width:7px;background-position:-35px 0px; }
.strmapover .num6 { width:7px;background-position:-42px 0px; }
.strmapover .num7 { width:7px;background-position:-49px 0px; }
.strmapover .num8 { width:7px;background-position:-56px 0px; }
.strmapover .num9 { width:7px;background-position:-63px 0px; }

.strmapover .bt1 { top:26px;left:95px; }
.strmapover .bt2 { top:26px;left:161px; }
.strmapover .bt3 { top:26px;left:227px; }

.strmapover .bt4 { top:43px;left:62px; }
.strmapover .bt5 { top:43px;left:128px; }
.strmapover .bt6 { top:43px;left:194px; }
.strmapover .bt7 { top:43px;left:260px; }

.strmapover .bt8 { top:60px;left:29px; }
.strmapover .bt9 { top:60px;left:95px; }
.strmapover .bt10 { top:60px;left:161px; }
.strmapover .bt11 { top:60px;left:227px; }
.strmapover .bt12 { top:60px;left:293px; }

.strmapover .bt13 { top:77px;left:62px; }
.strmapover .bt14 { top:77px;left:128px; }
.strmapover .bt15 { top:77px;left:194px; }
.strmapover .bt16 { top:77px;left:260px; }











.tything {padding-right:20px;}