body {
	font-family: Verdana;
	background: #333;
	margin: 0px;
}


table.monedas td {
	font-size: 10px;
}

table.sueldos td {
	font-size: 9px;
}

table.peleas {
	border: 1px solid black;
}

table.peleas td {
	font-size: 10px;
}

table.stats { 
	border: 1px solid black;
	margin: 10 0;
}

table.stats td {
	font-size: 11px;
	text-align: center;
	padding: 3 5;
}

table.stats td.black {
	background-color: black;
	color: white;
	width: 110px;
}

table.stats td.black2 {
	background-color: black;
	color: white;
}

table.bando1, table.bando2 {
	width: 100%;
	border: 2px solid black;
}

table.country {
	font-size: 25px;
	font-weight: bold;
}

table.bando1 { background-color: #FAA; }
table.bando2 { background-color: #8F8; }

table.bando1 table.topcs {
	border: 1px solid #F88;
	background: #FDD;
}

table.bando2 table.topcs {
	border: 1px solid #2D2;
	background: #CFC;
}

table.topcs {
	padding: 0px 5px;
	font-size: 8px;
	font-weight: bold;
}

table.topcs img {
	border: 1px solid;
	margin-bottom: 1px;
}

table.stats td.tot {
	border-left: 1px solid black;
}

table.stats td.last {
	border-bottom: 1px solid black;
}

table.stats tr.oth td {
	border-width: 1px 0px;
	border-style: solid;
}

table.stats td.number {
	text-align: right;
}

table.stats td.per {
	text-align: center;
}


/* ======================================================= */

div #header {
	border: 1px solid black;
	width: 1000px;
	height: 85px;
	background-image: url(images/logo.jpg);
	background-position: 50px -5px;
	background-repeat: no-repeat;
	background-color: black;
}

div #header2 {
	border: 1px solid black;
	width: 1000px;
	height: 90px;
	background-image: url(images/logo.jpg);
	background-position: 20 15px;
	background-repeat: no-repeat;
	background-color: black;
}

	table.battleinfo { 
		border: 3px double #400;
		margin-top: 8px;
		padding: 8px 5px 10px;
		width: 200px;
	}
	
		div.battleno {
			color: white;
			font-size: 18px;
		}
		
		div.region {
			font-size: 12px;
			padding-top: 4px;
			width: 200px;
			color: white;
		}
		
	div.battlelinks { 
		border: 0px;
		margin-right: 5px;
		padding: 8px 5px 10px;
		width: 150px;
		color: white;
		font-size: 12px;
	}
	
		div.battlelinks a { color: white; font-weight: normal; }
		div.battlelinks a:hover { color: yellow; font-weight: normal; }
		
		div.battlelinks div.link { margin-bottom: 3px; }


div #menu {
	padding: 0;
	width: 1000px;
	height: 25px;
	font-size: 13px;
	background-color: #040;
	border-width: 0px 1px;
	border-style: solid;
	border-color: black;
}

	div #menu ul {
		display: block;
		float: left;
		height: 25px;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 1000px;
	}
	
	div #menu li {
		float: left;
		list-style-type: none;
	}
	
	div #menu li a {
		color: #DDD;
		display: block;
		font-weight: normal;
		margin: 0;
		text-align: center;
		text-decoration: none;
		padding: 0 20;
		line-height: 25px;
	}
	
	div #menu li a:hover {
		background-color: #080;
	}
	
	div #clock {
		color: #FF8;
		font-size: 11px;
		display: block;
		font-weight: normal;
		margin: 0;
		text-align: center;
		text-decoration: none;
		padding: 0 20;
		line-height: 25px;
	}


div #content{
	width: 1000px;
	background: #BBB;
	border: 1px solid black;
	padding-top: 20;
}

	div #messages {
		margin-bottom: 20px;
	}
	
	div.info, div.warn, div.error {
		border: 1px solid;
		padding: 5 10;
		color: black;
		font-size: 12px;
		margin-bottom: -1px;
		width: 700px;
	}

	div.info	{	border-color: #080;	background: #6F6; }
	div.warn	{	border-color: #880;	background: #FF6; }
	div.error	{	border-color: #800;	background: #F66; }

	div.info a, div.warn a, div.error a { color: #008; font-weight: bold; }
	div.info a:hover, div.warn a:hover, div.error a:hover { color: #00C; font-weight: bold; }


	table.faq {
		font-size: 10px;
	}


	table.battlelist { 
		border: 1px solid black;
		margin: 0 0 20 0;
	}
	
		table.battlelist td {
			font-size: 9px;
			text-align: center;
			padding: 4 3;
		}

		table.battlelist tr.header td {
			background-color: black;
			color: white;
		}
		
		table.battlelist td.left { text-align: left; }
		table.battlelist td.right { text-align: right; }
		
		table.battlelist td.number {
			text-align: right;
		}
		
		table.battlelist td.attacker {
			text-align: right;
		}
		
		table.battlelist td.defender {
			text-align: left;
		}
		
		table.battlelist td.attacker img {
			padding-left: 3px;
			padding-right: 0px;
		}
		
		table.battlelist td.defender img {
			padding-left: 0px;
			padding-right: 3px;
		}


	img.doce {
		border: 0px solid black;
		height: 12px;
		margin-bottom: -2px;
	}
	
	img.cship {
		border: 0px solid black;
		height: 12px;
		width: 16px;
		margin-bottom: -2px;
		padding-right: 3px;
	}
	
	label {
		font-size: 12px;
		padding-right: 5px;
	}
	
	div.tabletitle {
		width: 150px;
		border-width: 3px 3px 0px;
		border-style: solid;
		border-color: black;
		background-color: #228;
		color: white;
		font-size: 11px;
		padding: 5 10;
		text-align: center;
	}
	
	span.bold	{ font-weight: bold; }

/* ======================================================= */

h3 {
	margin: 20 0 5;
}


span.third_dec {
	font-size: 8px;
	color: grey;
}

tr.esp { color: #833; font-weight: bold; }
tr.org { color: #383; font-weight: bold; }
tr.oth { color: #000; }

tr.odd  { background: #FEC; }
tr.even { background: #FFF; }
tr.odd:hover, tr.even:hover { background: #FF0; }

td.odd  { background: #FEC; }
td.even { background: #FFF; }
td.odd:hover, td.even:hover { background: #FF0; }

tr.over { background: #FF0; border-width: 1 0; border-style: solid; border-width: 1px; }

table.peleas tr.header { text-align: center; color: white; background-color: black; }
table.peleas tr.header2 { text-align: center; color: white; background-color: black; height: 18px; } 
table.peleas tr.header2 td { font-size: 9px; }

table.peleas td.puesto{ width: 30px; text-align: right; padding-right: 5px; }
table.peleas td.nombre{ width: 200px; text-align: left; padding-right: 5px; }
table.peleas td.peleas{ width: 50px; text-align: right; padding-right: 5px; }
table.peleas td.damage{ width: 70px; text-align: right; padding-right: 5px; }

td.left { text-align: left; padding-left: 10px; padding-right: 5px; }
td.center { text-align: center; padding-left: 5px; padding-right: 5px; }
td.right { text-align: right; padding-left: 5px; padding-right: 10px; }
td.right2 { text-align: right; padding-left: 10px; padding-right: 10px; }
td.right3 { text-align: right; padding-left: 0px; padding-right: 10px; }

span.fonts { font-family: monospace; padding-left: 5px; padding-right: 15px; }

td.bl { border-left: 1px solid black; }
td.br { border-right: 1px solid black; }

td.red { font-weight: bold; color: red; }
td.ora { font-weight: bold; color: #F60; }

span.red { color: red; }
span.ora { color: #F60; }
span.gre { color: #080; }
span.blu { color: #00A; }

table.peleas td.small { font-size: 9px; font-weight: bold; }

span.wellness {
	border: 1px solid black;
	float: right;
	
	padding-right: 3px;
	height: 6px;
	
	margin-left: 5px;
	margin-top: 3px;
}

div.bar {
	border: 1px solid black;
	font-size: 9px;
	height: 12px;
	text-align: center;
	width: 70px;
	font-weight: bold;
}
/*
a.Ntooltip {
text-decoration: none !important;
color:#0080C0 !important;
font-weight:bold !important;
}
*/

div.bar {
	position: relative;
}

td.bar:hover {
	z-index: 999;
	/*background-color: auto;*/
}

td.bar span.tooltip {
	display: none;
	text-align: left;
}

td.bar:hover span.tooltip {
	display: block;
	position: absolute;
	top: -10px;
	left: 80px;
	width: 170px;
	padding: 0;
	/*background-color: #AAF;*/
	/*color: #000;*/
	/*border: 2px solid;*/
}

table.tabletip { border: 2px solid; }
table.tabletip tr.header { color: white; background-color: black; }
table.tabletip td { font-size: 8px; text-align: center; }

div.nodata {
	padding: 5 10;
	background-color: #AAF;
	border: 2px solid black;
	color: black;
}

table.info { 
	padding: 10 0;
}

table.info td {
	border: 1px solid black;
	background-color: #CCF;
	padding: 5 20;
	text-align: center;
}

table.info td.black {
	border: 1px solid black;
	background-color: black;
	color: white;
}

span.note {
	font-size: 10px;
}
/*
span.progress {
	font-size: 12px;
}

span.percentage {
	color: #688;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
}
*/


/*img.newspaper{ border: 0px solid; }*/

img.flag {
	padding: 5 15; 
}

img.percentImage {
	background: white url(images/percentImage_back.png) top left no-repeat;
	padding: 0;
	margin: 9px 0 0 0;
	background-position: 1px 0;
}

span.zhunderlist {
	margin: 0;
	padding: 5 30;
	border-width: 2 2 2 2;
	border-style: solid;
	background-color: #C5F;
	font-size: 16px;
	font-weight: bold;
}

span.lastupdate {
	margin: 0;
	padding: 5 30;
	border-width: 2 2 2 1;
	border-style: solid;
	background-color: #FC0;
	font-size: 16px;
}

a {
	font-weight: bold;
	text-decoration: none;
}

a:link, a:visited {
	color: #800;
}

a:hover {
	color: #008;
}

a.nobold{
	font-weight: normal !important;
}

img.big {
	border: 1px solid black;
	height: 13px;
}

img.small {
	border: 1px solid black;
	height: 11px;
}

img.small1 {
	border: 0px solid black;
	height: 13px;
	margin-bottom: -3px;
	padding-right: 5px;
}

img.small2 {
	border: 0px solid black;
	height: 13px;
}

img.smallfaf {
	border: 0px solid black;
	height: 10px;
	width: 50px;
}

label {
	font-weight: bold;
}

td.left_menu {
	font-size: 9px;
	padding-right: 10px;
}

textarea, input.margin, select.margin {
	margin-top: 5px;
	margin-bottom: 10px;
}

textarea {
	font-size: 10px;
}

input, select {
	font-size: 9px;
}

a.sortheader {
	color: #FCC;
	font-weight: normal;
}


tr.odd td.total { background: #F88; border-left: 1px solid black; }
tr.even td.total { background: #FAA; border-left: 1px solid black; }
tr.sortbottom td.total { background: #F44; border-left: 1px solid black; font-weight: bold; }
tr.sortbottom td { background: #F88; border-top: 1px solid black; }


table #searchtable td.zero {
	color: #888;
	font-size: 7px;
}

input.right {	text-align: right; }
input.center {	text-align: center; }

small {
	font-size: 8px;
}