body {
	margin:0;
	width:100%;
	height:100%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	/*background-color:#172F3B;*/
	background-color:#000;
	background-image: url(/img/grepolis_bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;

}

a:link { font-weight:bold; color: #804000; text-decoration:none; }
a:visited { font-weight:bold; color: #804000; text-decoration:none; }
a:active { font-weight:bold; color: #0082BE; text-decoration:none; }
a:hover { font-weight:bold; color: #0082BE; text-decoration:none; }

table.main {
	background-color:#FFE6AD;
	background-image: url(/img/main-bg.jpg);
	border:1px solid #956E27;
}

form { margin: 0px; }

p:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child,
	h5:first-child, h6:first-child, h1+p, h2+p, h3+p, h4+p, h5+p, h6+p { margin-top: 0px; }
	
.table_header {
	background-image: url(/img/table_header.png);
	background-position: 0 -1px;
	border-bottom: 1px solid #000;
	color: #FFF;
	font-weight: bold;
	padding: 2px 3px;
	margin: 0px;
	border-collapse:collapse;
}

.smaller {
	padding: 0 0 0 3px !important;
}

.table_content {
	border-collapse:collapse;	
	border: 1px solid #997733;
}

.table_header table {
	border-collapse:collapse;
	table-layout: fixed;
}

.table_header a:link { font-weight:bold; color: #ffffff !important; text-decoration:none; }
.table_header a:visited { font-weight:bold; color: #ffffff !important; text-decoration:none; }
.table_header a:active { font-weight:bold; color: #ffffff !important; text-decoration:none; }
.table_header a:hover { font-weight:bold; color: #ffffff !important; text-decoration:none; }

.table_content table {
	border-collapse:collapse;

	table-layout:fixed;
}

.table_content a:link { font-weight:bold; color: #804000 !important; text-decoration:none; }
.table_content a:visited { font-weight:bold; color: #804000 !important; text-decoration:none; }
.table_content a:active { font-weight:bold; color: #0082BE !important; text-decoration:none; }
.table_content a:hover { font-weight:bold; color: #0082BE !important; text-decoration:none; }

tr.even {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/img/td_even.png) repeat scroll 0 0;
}

tr.odd {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/img/td_odd.png) repeat scroll 0 0;
	border-bottom:1px solid #D1BF91;
	border-top:1px solid #D1BF91;
}

tr.footer {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/img/footer.png) repeat scroll 0 0;
}

th		{ font-size:9pt; text-align: left; font-weight:bold; background-color:#DFCCA6; }


#imprint p, #imprint a:link, #imprint a:visited {
	text-align: center;
	color:#FFE2A0;
	font-size: 11px;
}

.main td{padding:2px;} /* Must follow navi-border td otherwise no padding in Opera */

h1		{ font-size:24pt; font-family: "Calisto MT"; margin-bottom: 4px;}
h2		{ font-size:14pt;}
h3      { font-size:12pt; font-weight:bold; }
h4      { font-size:10pt; font-weight:bold; font-style:italic; margin-bottom:4pt}
h5      { font-size:10pt; font-weight:bold; margin-bottom:2pt}
img   { border: none; }

.error {
	padding: .7em;
	margin: 0;
}

.error p {
	margin: 0;
}



ul.auto-complete-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 100;
	max-height: 250px;
	overflow: auto;
}

ul.auto-complete-list li {
	list-style-type: none;
	margin: 0;
	padding: 2px;
	background-color: white;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	cursor: pointer;
}

ul.auto-complete-list li.auto-complete-list-rollover {
	background-color: #c5c5c5;
}

ul.alliances {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.alliances li {
	list-style-type: none;
	margin: 2px;
	padding: 2px;
	background-color: #2C5284;
	color: #ffffff;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	cursor: pointer;
}

ul.selected {
	min-height: 150px;
}

ul.selected li {
	width: 160px;
	position: static !important;
	display: block !important;
	cursor: auto;
	float: left;
}

.alliance_hover {
	background:transparent url(/img/td_even.png) repeat scroll 0 0;
}

.town:hover {
cursor: pointer;
}

.current {
font-style:italic;
font-weight:normal;
}

.rankify {
font-weight:bold;
}

.uberheader {
	text-align: center;
}

.orange {
	color: orange;
}

.red {
	color: red;
}

.green {
	color: green;
}