body {
	font-family: Trebuchet MS, Tahoma;
	color:#AAAAAA;
	font-size:12px;
	margin-top:5px;
	background-color: #010101;
	background-repeat:no-repeat;
	background-attachment: fixed;
}

body.normal, body.log {
	background-image: url("../img/bg/background.jpg");
	background-position: right;
}

table {
	color:#AAAAAA;
	font-family: Trebuchet MS, Tahoma;
	font-size:12px;
	border-style:hidden;
	border-color:#888888;
	empty-cells: show;
}

table.eco {
	border: none;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	margin-top:0px;
	margin-bottom:10px;
}

.tooltip {
	font-size:11px;
	color:#003399;
	opacity:.90;
	text-align: center;
	padding: 5px;
	width:215px;
	background-color: #e6ecff;
	border: 1px solid #003399;
	line-height: 18px;
}

.stt { border-bottom: 1px solid #444; }

tr.hover:hover, tr.sethover, td.hover:hover, td.hover:hover { background-color: #333333; }

a {
	color:#AAAAAA;
	text-decoration: underline;
	cursor: pointer;
}

a:hover { text-decoration:underline; }
a.noline, a.noline:hover { text-decoration: none; }

img { border-style:none; }

input {
	background-color: transparent;
	color: #AAAAAA;
	border-color: #888888;
}

textarea {
	border-style:solid;
	border-width:1px;
	color:#AAAAAA;
	background-color:transparent;
	border-color:#888888;
}

td.br { border-right: #AAA solid 1px; }
td.bl { border-left: #AAA solid 1px; }
td.bt { border-top: #AAA solid 1px; }
tr.bb td, td.bb { border-bottom: #AAA solid 1px; }

tr.h30 { height: 30px; }
tr.h28 { height: 28px; }

p.text {
	text-align:center;
	margin-top: 30px;
	margin-bottom: 30px;
	font-style: italic;
	font-size: 12px;
}

.noborder {
	border-style: none;
	border-width: 0px;
}

input.text {
	border: 1px solid #888;
	padding-left: 2px;
	font-size: 11px;
}

input.button {
	border: 1px solid #AAA;
	font-size: 11px;
}

.xmini { font-size: 10px; }
.mini { font-size: 11px; }
.medium { font-size: 14px; }
.big { font-size: 17px; }
.b, .bold { font-weight: bold; }
.center { text-align: center; }
.red { color: #F44; }
.blue { color: #69C; }
.green { color: #4C4; }
.orange { color: #FA2; }
.orange2 { color: #F60; }
.grey { color: #555; }
.white { color: #AAA; }

li {
	line-height: 1.5em;
	list-style-type: square;
	margin: .2em 0 0 0;
	padding: 0;
	list-style-image: url(../img/bg/bullet.gif);
}

ul.nl0, ul.nl1, ul.nl2, ul.nl3, ul.nl4, ul.nl5 {
	padding: 0;
	margin: 0;
}

ul.nl1 { padding-left: 2em; }
ul.nl2 { padding-left: 4em; }
ul.nl3 { padding-left: 6em; }
ul.nl4 { padding-left: 8em; }
ul.nl5 { padding-left: 10em; }

tr.sep td, td.sep { border-bottom: 1px solid #555; }
tr.sept td, td.sept { border-top: 1px solid #555; }
td.left { text-align: left; }
td.right { text-align: right; }
label.ecored { font-size: 12px; font-weight: bold; }

table.eco {
	width: 760px;
	font-size: 11px;
	font-weight: normal;
	background-position: bottom center;
	background-repeat: no-repeat;
	color: #DDDDDD;
	margin-bottom: 20px;
}

table.ecobig { background-image: url("../img/bg/ecobback.png"); }
td.ecobheight { height: 45px; }
td.ecosheight { height: 25px; }

td.econormal {
	background-repeat: no-repeat;
	background-position: center;
	width: 88px;
	text-align: center;
}

td.ecospecial {
	background-repeat: no-repeat;
	background-position: center;
	width: 135px;
	text-align: center;
}

td.ecobmetal { background-image: url("../img/bg/ecobmetal.png"); }
td.ecobdiamond { background-image: url("../img/bg/ecobdiamond.png"); }
td.ecobhydrogen { background-image: url("../img/bg/ecobhydrogen.png"); }
td.ecobzion { background-image: url("../img/bg/ecobzion.png"); }
td.ecobnanite { background-image: url("../img/bg/ecobnanite.png"); }
td.ecobenergy { background-image: url("../img/bg/ecobenergy.png"); }
td.ecobrobots { background-image: url("../img/bg/ecobrobots.png"); }

td.ecosmetal { background-image: url("../img/bg/ecosmetal.png"); }
td.ecosdiamond { background-image: url("../img/bg/ecosdiamond.png"); }
td.ecoshydrogen { background-image: url("../img/bg/ecoshydrogen.png"); }
td.ecoszion { background-image: url("../img/bg/ecoszion.png"); }
td.ecosnanite { background-image: url("../img/bg/ecosnanite.png"); }
td.ecosenergy { background-image: url("../img/bg/ecosenergy.png"); }
td.ecosrobots { background-image: url("../img/bg/ecosrobots.png"); }

div.econame { font-size: 12px; font-weight: bold;}
div.ecovalue { position: relative; top: 2px;}

td.empty { width: 10px; }

table.help {
	width: 760px;
	margin-bottom: 15px;
	line-height:17px;
	border-collapse: collapse;
}

tr.b760 { 
	background-image: url("../img/bg/back.png"); 
	background-repeat: repeat-y;
}

tr.b760t { 
	height: 5px;
	background-image: url("../img/bg/bt760.png"); 
	background-position: top;
}

tr.b760b { 
	height: 5px;
	background-image: url("../img/bg/bt760.png"); 
	background-position: bottom;
}

tr.b670 { 
	background-image: url("../img/bg/back.png"); 
	background-repeat: repeat-y;
	width: 670px;
}

tr.b670t { 
	height: 5px;
	background-image: url("../img/bg/bt670.png"); 
	background-position: top;
}

tr.b670b {
	height: 5px;
	background-image: url("../img/bg/bt670.png"); 
	background-position: bottom;
}

tr.bo720 { 
	background-image: url("../img/bg/oback.png"); 
	background-repeat: repeat-y;
	width: 670px;
}

tr.bo720t { 
	height: 5px;
	background-image: url("../img/bg/bot720.png"); 
	background-position: top;
}

tr.bo720b {
	height: 5px;
	background-image: url("../img/bg/bot720.png"); 
	background-position: bottom;
}

tr.b720 { 
	background-image: url("../img/bg/back.png"); 
	background-repeat: repeat-y;
	width: 670px;
}

tr.b720t { 
	height: 5px;
	background-image: url("../img/bg/bt720.png"); 
	background-position: top;
}

tr.b720b {
	height: 5px;
	background-image: url("../img/bg/bt720.png"); 
	background-position: bottom;
}

table.b670 {
	width: 670px;
	border-collapse: collapse;
}

table.b760 {
	width: 760px;
	border-collapse: collapse;
}

table.b720 {
	width: 720px;
	border-collapse: collapse;
}

td.pad {
	padding-left: 8px;
	padding-right: 8px;
}

table.justify td, td.justify {
	text-align: justify;
	padding-right: 5px;
	padding-left: 5px;
}

table.cell {
	border-collapse: collapse;
}
/* --- */

td.helptext {
	padding: 0px 10px 0px 10px;
	text-align: justify;
}

.helptop {
	position: absolute;
	top: 5px;
	right: 10px;
}

div.helpimg, div.helpimg2 {
	width: 25px;
	height: 25px;
	background-image: url("../img/bg/infomini.png");	
	background-position: center;
	cursor: pointer;
}

body, table, input, select, font {
	font-family: "Trebuchet MS";
	font-size: 12px;
}

ul.subhelp, ul.help { margin: 0px; padding: 0px; padding-top: 2px;}
ul.subhelp { padding-left: 20px; }

select {
	background-color: black;
	border: solid 1px;
	font-family: Trebuchet MS;
	font-size: 12px;
	text-align: left;
	color: #DDD;
	border-color: #888;
}

select.unitslist {
	width: 250px;
	border: 1px solid #CCC;
	background-color: black;
}

img.avatar { width: 80px; height: 80px; }

/* Players State Colors */
.pstate { color: #69C; font-family: Trebuchet MS; font-weight: bold; font-size: 11px;}
b.pvac, b.pina, b.pban, b.ppro { color: #69C; }

td.mv_attack {font-weight: bold; color: #F44; }
td.mv_spy {font-weight: bold; color: #FA2; }

input.center { 
	border: 1px solid #888;
	font-size: 11px;
	text-align: center;
}

/* TABS */
td.tabini, td.tabend, td.tabnormal, td.tabactual, td.tabnormalh, td.tabactualh {
	background-image: url("../img/bg/tabs.png");
	background-repeat: no-repeat;
}

td.hidebarini, td.hidebarend, td.hidebar {
	background-image: url("../img/bg/hidebar.png");
	background-repeat: no-repeat;
	height: 32px;
}

table.tab {
	font-size: 12px; 
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 15px;
}

td.tabsep {
	background-image: url("../img/bg/tabsep.png");
	background-repeat: no-repeat;
	background-position: center top;
	width: 7px;
}

td.tabini {
	background-position: left top;
	width: 3px;
}

td.tabend {
	background-position: right top;
	width: 3px;
}

td.tabnormal {
	background-position: center top;
	width: 100px;
}

td.tabactual {
	background-position: center;
	width: 100px;
}

td.tabnormalh, td.tabactualh {
	background-position: center bottom;
	width: 100px;
}

div.taboptions { 
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	height: 27px;
	line-height: 2.2em;
}