body {color: white; background-color: black; margin: 0px; padding: 0px}
p, td, input, select, option {font-family: Verdana, sans-serif; font-size: 12px}

form { margin-top: 0px; margin-bottom: 0px }

a:link {color: #FF1010}
a:visited {color: #AA1010}

/* This is for the navigation bar.  */
table.page { border-collapse: separate; background-color: black; border-spacing: 0px; width: 780px}
table.mainpage { border-collapse: separate; background-color: black; border-spacing: 0px; width: 660px}
table.m { border-collapse: separate; background-color: black; width: 100% }
td.m {padding: 2px; background-color: #004E00; color: #FCF38F; font-weight: bold; border-top: #999999 solid 1px; border-left: #999999 solid 1px; border-right: #999999 solid 1px; border-bottom: none; text-align: center; width: 100px}
td.ms { padding: 2px; background-color: black; width: 5px }
td.m1 {padding: 2px; background-color: #029203; font-weight: bold; border-top: #999999 solid 1px; border-left: #999999 solid 1px; border-right: #999999 solid 1px; border-bottom: none; text-align: center; width: 100px }
td.main { padding: 6px; padding-left: 20px; border-top: #999999 solid 1px }
table.popup { border-collapse: separate; background-color: black; border-spacing: 0px; width: 100% }
td.popup { padding: 6px }

/* We need all 4 of those to work around bugs in browsers.  */
a.m:link {color: #FCF38F; font-weight: bold; text-decoration: none}
a.m:visited {color: #FCF38F; font-weight: bold; text-decoration: none}
a.m:active {color: #FCF38F; font-weight: bold; text-decoration: none}
a.m:hover {color: #FCF38F; font-weight: bold; text-decoration: none}

p.error {border-top: #AAAAAA solid 1px; border-left: #999999 solid 1px; border-right: #333333 solid 1px; border-bottom: #333333 solid 1px; padding: 3px; background-color: #B20203; color: white; font-weight: bold;}
p.success {border-top: #AAAAAA solid 1px; border-left: #999999 solid 1px; border-right: #333333 solid 1px; border-bottom: #333333 solid 1px; padding: 3px; background-color: green; color: white; font-weight: bold;}

/* Subsection titles.  */
p.q, b.q {font-weight: bold; color: #FFFFAA }

/* 'p' is for 'players'  */
table.p {border-spacing: 0px; border: #111111 solid 1px; width: 100%}
/* 'p1' is for the title cells  */
td.p1 {padding: 2px; padding-left: 10px; padding-right: 10px; background-color: #035003; color: #FCF38F; font-weight: bold; text-align:center; border-top: #999999 solid 1px; border-left: #999999 solid 1px; border-right: #333333 solid 1px; border-bottom: #333333 solid 1px }
/* 'pl' is for normal cells, left aligned */
td.pl {padding: 1px; padding-left: 10px; padding-right: 10px; text-align:left; border-top: #999999 solid 1px; border-left: #999999 solid 1px; border-right: #333333 solid 1px; border-bottom: #333333 solid 1px }
/* 'pr' is for normal cells, right aligned */
td.pr {padding: 1px; padding-left: 10px; padding-right: 10px; text-align:right; border-top: #999999 solid 1px; border-left: #999999 solid 1px; border-right: #333333 solid 1px; border-bottom: #333333 solid 1px }
/* Selected rows.  */
tr.p2 {background-color: #444444 }

/* 'link' is for the links in tables.  */
table.link {border: 0px; width: 100%}
/* 'll' is for link, left-aligned.  */
td.ll {padding: 2px; padding-left: 10px; padding-right: 10px; text-align:left}
/* 'lr' is for link, right-aligned.  */
td.lr {padding: 2px; padding-left: 10px; padding-right: 10px; text-align:right}

/* Used in the shop which looks like techs.  */
a.t {color: #FFFFAA; font-weight: bold; text-decoration: none}
img.t {border-top: #333333 solid 2px; border-left: #333333 solid 2px; border-right: #999999 solid 2px; border-bottom: #999999 solid 2px; background-color: #AAAAAA}