/* $Id: game.css,v 1.42 2008/03/31 15:10:58 altblue Exp $
 *
 * Copyright 2006, 2007 Marius Feraru <altblue@n0i.net>
 * All rights reserved.
 *
 * This file is part of TGC (Triburile.ro Game Controller)
 *
 * TGC is free software: you can redistribute it and/or modify it
 * under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the GNU General Public License for more details:
 * <http://www.gnu.org/licenses/>
 *
 */

/* COLORS:
    canvas:             #000000 / #DED3B9
    main:               #000000 / #F1EBDD
    highlight:          #000000 / #DED3B9
    active border:      #804000
*/


/* FIXME: strip game's CSS to *only what's needed*! */

/* BEGIN stamm.css --------------------------------------------------------- */
span.timer_replace span { display:none; }

table.blind {border-spacing:0;}
table.blind td {padding:0;}

table.vis tr.units_own_home td {background-color:#F8F4E8;}
table.vis tr.units_there td {background-color:#EDE1B7;}
table.vis tr.units_away td {background-color:#F3EBCF;}
table.vis tr.units_moving td {background-color:#F3EBCF;}

/* Tooltips Waffenkammer (mootools) */
.tool-tip{
	width:250px;
	background-color:#F8F4E8;
	z-index:9999;
}
.tool-title{
	background-color:#DED3B9;
	font-weight:bold;
	padding:2px;
}
.tool-text{
	padding:5px;
}

/* Menüleiste */
table.menu, ul.quickbar {
	border: 1px solid black;
	background-color: #F1EBDD;
}

ul.quickbar{
	border-spacing:1px;
	list-style-type:none;
	padding:0;
	margin:0 auto;
}

/* Top-Menü-Item mit Hover */
table.menu tr td, ul.quickbar li {
	padding: 2px; padding-left: 4px; padding-right: 4px;
	white-space: nowrap;
	background-color: #F8F4E8;
}

/* Quickbar MenüItem */
ul.quickbar li{
	padding-top: 0px; padding-bottom: 0px;
	display:inline;
}

/* Das gesamte Untermenü */
table.menu tr td table {
	z-index:100;
	position:absolute;
	border-top: 1px solid black;
	border-top: 1px solid black;
	margin-left: -5px; margin-top:1px;
	visibility: hidden;
}

/* Das gesamte Untermenü in sichtbar */
table.menu tr td:hover table, table.menu tr td.hover table {
	visibility: visible;
}

/* Ein Untermenüpunkt */
table.menu tr td table tr td {
	border: 1px solid black;
	border-top: none;
}
/* Ein Link in einem Untermenüpunkt */
table.menu tr td table tr td a{
	display: block;
	width: 100%;
}

/* Forum */
.forum { background-color:#F1EBDD; border-width:1px; padding:1px; border-style:solid; border-color:#000000; white-space:nowrap; line-height:150%; }

table.map_container { background-color: #DED3B9; border: 1px solid rgb(0, 0, 0); }
table.map td { font-size:8pt; text-align:center; vertical-align:middle;}

td.space-left { border-left:1px solid #175E36; } /* zwischen normalen Feldern */
td.space-bottom { border-bottom:1px solid #175E36; } 
td.border-left { border-left:1px solid #103530; } /* "Sektorgrenzen" S1/S2/S6 */
td.border-bottom { border-bottom:1px solid #103530; }
td.sector-left { border-left:1px solid #DED3B9; } /* Sektorgrenzen */
td.sector-bottom { border-bottom:1px solid #DED3B9; }

td.space-left-new {}
td.space-bottom-new {}
td.border-left-new { border-left:1px solid #214B18; } 
td.border-bottom-new { border-bottom:1px solid #214B18; }
td.sector-left-new { border-left:1px solid #DED3B9; }
td.sector-bottom-new { border-bottom:1px solid #DED3B9; }
td.con-left-new { border-left:1px solid #000000; }
td.con-bottom-new { border-bottom:1px solid #000000; }

tr.center td { text-align:center; }
tr.admin td { background-color:#F0E6C8; }
tr.mini td { font-style: italic; font-size: x-small }

/* !!! ACHTUNG !!! 'Wenn css nicht als UTF-8 gespeichert, dann wird dies hier kaputt gehen !!! */
h1		{ font-size:16pt;}
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; }
img.middle { vertical-align:middle; }

.grey  { color: gray; }
.warn  { color: rgb(255, 0, 0); }
.error { color: rgb(180, 0, 0); font-weight:bold; }
.inactive { color: rgb(160, 160, 160); }
.nowrap { white-space: nowrap; }
.small { font-size: xx-small; }

hr		{ color: #804000; }
table.box { border-width:1px; border-style: solid; border-color:#000000; background-color:#F1EBDD; vertical-align: middle; }
table.box tr td { white-space:nowrap; }

input, select { font-size: 8pt; /*background-color:#FDFBF3;*/ }

input.attack { background-color: rgb(250, 210, 210) }
input.support { background-color: rgb(210, 250, 210) }

input.check { margin:0px; margin-right:5px; }

table.quote td.quote_author { font-weight: bold; font-size: 8pt; }
table.quote td.quote_message { background-color:#FFFFFF; font-size: 8pt; }

.post { border: 2px solid #804000; background-color: #f8f4e8; padding:0px; margin-bottom:5px;}
.igmline { background-color:#efe6c9; padding-left:4px; border-bottom:1px solid #804000; position:relative;}
.text { padding:6px; }
.date { font-size:x-small; right:5px; position:absolute;}
.right { right:5px; position:absolute; }

.landing { font-size:x-small; }

#igm_groups { position:absolute;z-index:100; border: 2px solid #804000; background-color:#efe6c9;}
#igm_groups td { padding:2px; }

#igm_to { position:absolute; z-index:1; border: 2px solid #804000; background-color:#DED3B9;}
#igm_to_content { background-color:#efe6c9; height: 250px; width:200px; overflow:auto}
#igm_to td { padding:2px; }

#box{
color:black;
background-color : #F8F4E8;
width:100%;
height:200px;
text-align:left;
padding : 0px;
overflow:auto;
position:relative;
}

ul.help{padding-left:1px; margin-left:0px}
li.help{list-style-type:none; background-color:#DED3B9; margin:2px; padding-left:8px; padding-top:4px; padding-bottom:4px;}

ul.help li.help ul.help li.help{ background-color:#F1EBDD; }
ul.help li.help ul.help li.help ul.help li.help { background-color:#F8F4E8; }
/*ul.help ul.help ul.help{background-color:#F8F4E8;}*/

ul.submenu{padding-left:1px; margin-left:0px}
li.submenu{list-style-type:none; margin:2px; padding-left:8px; padding-top:4px; padding-bottom:4px;}

a.sel { color:#0082BE; text-decoration:underline;}

/* END stamm.css   --------------------------------------------------------- */

* {margin: 0; padding: 0;}

body {
    color: #000;
    background-color: #DED3B9;
    font-size: 1em;
    line-height: 1.2;
}

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

.hidden {color:#DED3B9;}
.selected {background-color:#FADC9B;}

th {font-weight:bold; background-color:#DED3B9;}

table.main {background-color: #F1EBDD;}

table.vis td {background-color:#F8F4E8;}
table.vis tr.row_a td {background-color:#F8F4E8;}
table.vis tr.row_b td {background-color:#F3EBCF;}
table.vis td.selected {background-color:#DED3B9;}

tr.nowrap > td, tr.single-line > td, td.single-line {white-space:nowrap;}
table.intro td {background-color:#F8F4E8; line-height:1.5; padding:6px;}

tr.lit td  {font-weight:bold; background-color:#FADC9B;}
tr.lit2 td {font-weight:bold; background-color:#F0E6C8;}

#menu, #toolbar, #main, table.main, table.elastic {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    border-left-width: 0;
    border-right-width: 0;
}

span.timer, #wood, #iron, #stone, .server-time, .coords {
    font-family: monospace;
}

td.lit td span.timer {font-weight: normal;}

.server-time {
    color: #666;
    padding-right: 1em;
}

#menu td.left {text-align: left;}
#menu td.right {text-align: right;}

.failed { color: red; }

.dialog table.table_window div.greylighting_content table.grid th,
.dialog table.table_window div.greylighting_content table.grid td,
table.grid th,
table.grid td
{padding: .2em .6em; border-bottom: 1px solid #F1EBDD;}

table.grid th.village,
table.grid th.location
{
    text-align: center;
}

table.grid th.resources,
table.grid th.tiny,
table.grid td.tiny
{
    width: 1em;
    text-align: center;
}

.dialog table.table_window div.greylighting_content table.grid td.separator,
table.grid td.separator
{
    width: 1px;
    text-align: center;
    padding: 0px;
    color: #999;
}

table.grid td.number
{
    width: 1em;
    text-align: right;
}

table.grid td.number > a
{
    display: block;
    font-weight: normal;
    color: inherit;
    text-align: right;
}

table.grid th.idx,
table.grid td.idx,
table.vis td.idx
{
    width: 1em;
    text-align: right;
    max-width: 1em;
    padding:   0px;
    color:     #666;
}

table.grid td.eta {
    text-align: right;
    font-family: monospace;
}
table.grid td.eta a {
    display: block;
    text-align: right;
    font-weight: normal;
    color: inherit;
}
table.grid td.eta a:active,
table.grid td.eta a:focus,
table.grid td.eta a:hover {
    color: #0082BE;
}

table.grid td.inactive {
    text-align: left;
    color: #999;
}

table.grid td.level,
table.grid td.points,
table.grid td.wood,
table.grid td.stone,
table.grid td.iron,
table.grid td.storage,
table.grid td.population
{
    width: 1em;
    text-align: right;
    white-space: pre;
}

table.grid td.duration
{
    width: 1em;
    text-align: right;
}

table.grid td.warning
{color: magenta;}

table.grid td.storage-overflow
{font-weight: bold;}

span.units,
span.wood,
span.stone,
span.iron,
table.grid td.wood,
table.grid td.stone,
table.grid td.iron,
table.grid td.storage,
table.grid td.population
{
    padding-right: 22px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    border-right: .6em solid transparent;
}

.dialog table.table_window div.greylighting_content table.grid td.wood,
.dialog table.table_window div.greylighting_content table.grid td.stone,
.dialog table.table_window div.greylighting_content table.grid td.iron,
.dialog table.table_window div.greylighting_content table.grid td.storage,
.dialog table.table_window div.greylighting_content table.grid td.population
{padding-right: 22px;}

table.grid td.population,
.dialog table.table_window div.greylighting_content table.grid td.population
{padding-left: 1px;}

table.grid td.current-population,
.dialog table.table_window div.greylighting_content table.grid td.current-population
{padding-right: 1px;}

span.wood,
table.grid tr td.wood
{background-image: url(http://www.triburile.ro/graphic/holz.png);}

span.stone,
table.grid tr td.stone
{background-image: url(http://www.triburile.ro/graphic/lehm.png);}

span.iron,
table.grid tr td.iron
{background-image: url(http://www.triburile.ro/graphic/eisen.png);}

table.grid tr td.storage
{background-image: url(http://www.triburile.ro/graphic/res.png);}

span.units,
table.grid tr td.population
{background-image: url(http://www.triburile.ro/graphic/face.png);}

.dialog table.table_window div.greylighting_content table.grid > tr:hover > td,
.dialog table.table_window div.greylighting_content table.grid > tbody > tr:hover > td,
table.grid > tr:hover > td,
table.grid > tbody > tr:hover > td
{border-bottom-color: #804000;}

table.outgoing-transports td,
table.incoming-transports td,
table.miscari-trupe td
{
    padding: .2ex .5em;
    white-space: nowrap;
}

table.miscari-trupe tr.attack td {background-color: #fee;}
table.miscari-trupe tr.return td {background-color: #eee;}
table.miscari-trupe tr.support td {background-color: #efe;}
table.miscari-trupe tr.back td {background-color: #ffe;}

tr.reactions ul {
    margin: 0;
    padding: 0;
}
tr.reactions ul li {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

table.vis[align="center"][width="100%"] td[align="center"][width="20%"] > a
{
    display: block;
    text-align: center;
}

tr.enemy > td > a {
    color: #c00;
    font-size: x-large;
    font-weight: bold;
}

td > ul, td > ul > li {
    padding: 0;
    margin: 0 0 0 .5em;
    list-style-position: inside;
    line-height: 1.5;
}

#header a {margin-left: 4px; font-size: larger;}

#header a.village-switch {
    color: #F8F4E8;
    outline: none;
    margin: 0;
    padding: 0 4px;
}
#header a.village-switch:hover {color: #0082BE;}
#header a.village-switch + a {margin-left: 0;}

#village-switch-list {
    position: absolute;
    padding: 0;
    margin: 0;
    list-style-position: inside;
    border: 2px solid #804000;
    background-color: #F1EBDD;
    z-index: 10;
}
#toolbar td.building > a,
#village-switch-list td > em,
#village-switch-list td > a,
table.toolbar tr td a
{
    display: block;
    padding: 2px 4px;
}
#toolbar td.building > a:hover,
#village-switch-list td > a:hover,
table.toolbar tr td a:hover
{
    background-color: #fadc9b;
}
#toolbar td.building.not-found > a > img,
#village-switch-list td.not-found > a > img
{
    opacity: 0.4;
}
#toolbar td.building.not-found > a:hover > img,
#village-switch-list td.not-found > a:hover > img
{
    opacity: 1;
}
#village-switch-list td.village {
    text-align: right;
    padding: 2px 4px 2px 8px;
}
#village-switch-list td.village > a {
    text-align: right;
    padding: 0;
}

/*
table.vis tr.row_a td {background-color:#F8F4E8;}
table.vis tr.row_b td {background-color:#F3EBCF;}
*/

table.vis tr.row_a td.wood,
table.vis tr.row_a td.stone,
table.vis tr.row_a td.iron,
table.vis tr.row_a td.current-population,
table.vis tr.row_a td.population
{background-color:#FFFFEF;}

table.vis tr.row_b td.wood,
table.vis tr.row_b td.stone,
table.vis tr.row_b td.iron,
table.vis tr.row_b td.current-population,
table.vis tr.row_b td.population
{background-color:#FAF6D6;}

table.vis tfoot tr td {background-color:#E7DCC2;}

.overview-scroll {
    position: relative;
    overflow-x: hidden;
}

table.overview td.village,
.overview-controls {
    white-space: nowrap;
}
.overview-controls a {
    padding: .1em .2em;
    border: 1px inset #E7DCC2;
    background-color: #E7DCC2;
    font-weight: bold;
}
.overview-controls a.collapsed {
    font-weight: normal;
    background-color:#F8F4E8;
    border-style: outset;
}
.overview-controls a:hover {
    background-color:#E7DCC2;
    border-style: inset;
}

table.grid.overview th {
    text-align: center;
}

.dialog table.table_window div.greylighting_content table.grid td.missing,
table.grid td.missing
{background-color: #FEE;}

.dialog table.table_window div.greylighting_content table.grid td.incomplete,
table.grid td.incomplete
{background-color: #FFE;}

.dialog table.table_window div.greylighting_content table.grid td.complete,
table.grid td.complete
{background-color: #EFE;}

#console {
    position: absolute;
    bottom: 0; left: 0;
    width: 50%;
    height: 30%;
    overflow: auto;
    color: #900;
    background-color: #fff0f0;
    border: 2px solid #600;
    font-size: small;
}
#console p {
    border-bottom: 1px dotted #c99;
    padding: .2em .5em;
    margin: .2em 0;
}

.prototip .default,
.prototip .menu
{
    width: auto;
    color: #000;
    background-color: #F8F4E8;
}
.prototip .default .toolbar,
.prototip .menu .toolbar
{
    background-color: #DED3B9;
    font: medium sans-serif;
}

.prototip .default .content,
.prototip .menu .content
{
    font: small sans-serif;
}

.prototip .default .content,
.prototip .menu .content
{
    color: #000;
    background-color: #F8F4E8;
    border: 1px solid #804000;
}
.prototip .menu .content ul {
    margin: 0;
    padding: 0;
}
.prototip .menu .content ul li {
    margin: 0;
    padding: 4px 8px;
    list-style: none;
    border-top: 1px solid #EDC;
    cursor: pointer;
}
.prototip .menu .content ul li:hover {
    background-color: #fadc9b;
}
.prototip .menu .content ul li a {
    display: block;
}

.tooltip.plotter .content {
    background-color: #999;
    max-height: 500px;
    max-width: 800px;
    overflow: auto;
    /* overflow bug workaround */
    font-size: small;
    padding-right: 2px;
    padding-bottom: 2px;
}

#village-plotter {
    border: 2px solid #804000;
    background: #FFF url(http://www.triburile.ro/graphic/map/gras1.png) repeat;
    border-spacing: 1px;
    border-collapse: collapse;
}
#village-plotter th,
#village-plotter td
{
    text-align: center;
    font-size: small;
    font-weight: normal;
    border: 1px dotted #999;
    padding: 1px 2px;
}
#village-plotter td a {
    display: block;
    vertical-align: 50%;
    text-align: center;
}
#village-plotter td.current {
    border: 1px solid #FADC9B;
}

table.toolbar,
div.content > form > table,
div.content > table.elastic > table
{
    margin: 0 auto;
}