/* ______________________________________________________________

   OOOOOO  OOOO   OOOO  OO  OO  OOOOOO          O=-
  OO      OO  OO OO   O OO OO  OO    OO  O=     
  OO OOOO   OOO  OO     OOOO   OO    OO     o-           O=-
  OO   OO OO  OO OO   O OO OO  OO    OO  O-        O=
   OOOOOO  OOOO   OOOO  OO  OO  OOOOOO         
   
  Beschreibung: Skin für das Browsergame "OGame".
  Ersteller   : g3ck0 (g3ck0@cnp-online.de)
  Kontakt     : IRC-Gamesnet: #unskilled
  Datum       : 02.12.2003
  Version     : 0.31
  
  Revisionshistorie (Datum, Beschreibung):
  10.12.2003  : ~ CSS-File aufgeräumt
                ~ Wesentliche Design-Änderungen
                  (zuviel um sie alle aufzuzählen :P)
                  
  [+] Mehr Skins gibt es unter http://og-skins.schesl.ch
______________________________________________________________ */

., #, td, th, textarea, body
{
  font-family : "Trebuchet MS", "Arial", "Helvetica", "sans-serif";
  font-size            : 9px;
}

img
{
  border               : 0px;
}

p table
{
  border               : 0px;
}

p td
{
  text-align           : center;
}

table table
{
  border               : 0px;
}

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

body
{
  color                : #B6C6E5;
  margin-top           : 1px;
  margin-left          : 1px;
  background           : #000000;
  background-image     : url(img/animspace.gif);
  SCROLLBAR-BASE-COLOR : #1F273C;
  SCROLLBAR-ARROW-COLOR: #B6C6E5;
}

th, td.a, td.b, td.c, td.f, input, select,
td.g, td.h, td.i, td.j, td.k, td.l, td.m,
td.n, td.o, td.q, td.r, td.v, .style td,
textarea, p td, table.s th img
{
  border               : 1px #39435C solid;
}

th, td.a, td.b, td.c, td.f, input, select, td.g,
td.h, td.i, td.j, td.k, td.m, td.o, td.q, td.r,
td.v, td.s, td.x, .style td, p td
{
  background-color     : #1F273C;
}

td.su
{
	color: 				#FFEE6B;
	background-color: 	#745300;
}

td.si
{
  color                : #FF948E;
  background-color     : #800040;
}

td.sa
{
  background-color     : #041421;
}

td.d
{
  color                : #FF9966;
}

th
{
  text-align           : center;
  padding-left         : 3px;
  padding-right        : 3px;
}

td.a
{
  height               : 37px;
  text-align           : center;
}

td.b
{
  padding              : 3px;
}

td.c
{
  font-weight          : bold;
  color                : #B6C6E5;
  padding-left         : 3px;
  background-image     : url(img/bkd.gif);
}

td.f, input, select, textarea
{
  color                : #B6C6E5;
  background-color     : #2F3952;
}

textarea
{
  width                : 100%;
}

td.k input
{
  text-align           : left;
}

td.g
{
  font-weight          : bold;
  text-align           : right;
  color                : #B6C6E5;
}

td.h
{
  text-align           : center;
  color                : #B6C6E5;
}

td.i
{
  text-align           : center;
  color                : #B6C6E5;
}

td.j
{
  text-align           : center;
  color                : #B6C6E5;
}

td.k, td.k input
{
  text-align           : center;
  color                : #B6C6E5;
}

td.l
{
  background-color     : #2B3553;
  color                : #B6C6E5;
  vertical-align       : top;
  padding              : 3px;
  background-image     : url(img/bbk.gif);
  background-repeat    : no-repeat;
}

td.m
{
  font-family          : "Trebuchet MS", "Arial", "Helvetica", "sans-serif";
  font-weight          : bold;
  text-align           : right;
  width                : 86px;
  color                : #B6C6E5;
}

td.n
{
  font-family          : "Trebuchet MS", "Arial", "Helvetica", "sans-serif";
  font-weight          : bold;
  text-align           : right;
  width                : 88px;
  text-align           : center;
  color                : #B6C6E5;
}

td.o
{
  font-family          : "Trebuchet MS", "Arial", "Helvetica", "sans-serif";
  text-align           : center;
  color                : #B6C6E5;
}

td.q
{
  font-weight          : bold;
  font-size            : 11px;
  text-align           : center;
  vertical-align       : middle;
  color                : #B6C6E5;
}

td.r
{
  text-align           : right;
  color                : #B6C6E5;
}

td.v
{
  font-weight          : bold;
  text-align           : right;
  color                : #B6C6E5;
}

td.s
{
  color                : #B6C6E5;
}

td.x
{
  font-size            : 9px;
  text-align           : center;
  vertical-align       : middle;
  color                : #B6C6E5;
}

td.xi
{
  font-size            : 9px;
  text-align           : center;
  vertical-align       : middle;
  color                : #FFFFA0;
  background-color     : #BC0376;
}

td.xj
{
  font-size            : 9px;
  text-align           : center;
  vertical-align       : middle;
  color                : #FFbc9e;
  background-color     : #A01567;
}

td.xk
{
  font-size            : 9px;
  text-align           : center;
  vertical-align       : middle;
  color                : #E0A9B3;
  background-color     : #7E1A5B;
}

td.xl
{
  font-size            : 9px;
  text-align           : center;
  vertical-align       : middle;
  color                : #CEB6C9;
  background-color     : #581F4F;
}

td.xm
{
  font-size            : 9px;
  text-align           : center;
  vertical-align       : middle;
  color                : #BFC0DB;
  background-color     : #422247;
}


td.xdiv
{
  height               : 5px;
}


table.s th
{
  border               : 0px;
}

table.s th img
{
  width                : 88px;
  height               : 88px;
}

div.z
{
  font-weight          : bold;
  color                : #FFFFFF;
}

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

a.s
{
  color                : #FFFFFF;
}

a.t
{
  color                : #FFFFFF;
}

a:hover
{
  color                : #B6C6E5;
  text-decoration      : underline;
}

.style td
{
  color                : #B6C6E5;
  border-top           : 0px; 
  font-size            : 11px;
}

.style div a
{
  height               : 100%;
  width                : 100%;
  color                : #FFFFFF;
  font-size            : 11px;
}

.style div a:link
{
  height               : 100%;
  width                : 100%;
  color                : #FFFFFF;
  font-size            : 11px;
}

.style div a:hover
{
  background-color     : #2F3952;
  height               : 100%;
  width                : 100%;
  text-decoration      : none;
  font-size            : 11px;
}

.style p
{
  height               : 1px;
  width                : 1px;
  margin               : 0px;
  padding              : 0px;
}

.style
{
  margin-top           : 15px;
}

h1
{
  font-size            : 15px;
  border-bottom        : 1px #39435C solid;
  text-align           : left;
}

h2
{
  font-size            : 12px;
  text-align           : left;
}