* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
	background-image: url("/gfx/darkblue_bg-20.jpg");
	margin:0px;
}

div.centerbox table {
 background-color: #000000;
}

table {
  color: #FFFFFF;
	border: 1px outset #242;
	font-size: 12px;
}

div.centerbox td, td {
	border: outset 0px;
	padding: 3px;
	margin: 2px;
}

/*div.centerbox td.strong, td.strong {
  background-color: #98B9CD;
  /* Light background, change to dark text. 
  color: #000000;
}*/

.strong {
	background-image: url("/gfx/darkblue20_strong.jpg");
	background-color: #000033;
	border: outset 1px;
	border-color: #000055;
}

.menulist li {
  background-color: #000033;
	border: outset 1px;
	border-color: #000055;
}

.head, .menuHead li {
	background-image: url("/gfx/darkblue20_head.jpg");
	background-color: #000066;
	border: outset 1px;
	border-color: #000088;
}

/*div.centerbox td.head, td.head {
	background-color: #3b5c6b;
	color: #FFFFFF;
}*/

/*div.centerbox td.strong a{
	color: #333333;
}*/

/*div.centerbox td.strong td a{
  color: #D9D9D9;
}*/

/*div.centerbox td.head a{
	color: #D9D9D9;
}*/
div.centerbox a{
	color: #D9D9D9;
}

td.strong {
	margin: 2px;
}

td.head {
	margin: 2px;
}

a {
	color: #D9D9D9;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
}

a:active {
}

div.leftbox, div.rightbox {
	padding: 2px;
	margin-top: 0px;
}

div.leftbox table, div.rightbox table {
	padding: 0px;
	margin: 0px;
}

/*div.leftbox td.head, div.rightbox td.head {
  background-color: #3b5c6b;
	color: white;
	border: 1px outset #555;
	padding: 2px;
	margin: 0px;
}*/

/*div.leftbox td.strong, div.rightbox td.strong {
  background-color: #98B9CD;
  /* Light background, change to dark text. 
  color: #000000;
	border: 1px outset #555;
	padding: 2px;
	margin: 0px;
}*/

/*div.leftbox td.strong a, div.rightbox td.strong a {
	color: #333333;
}*/
/*div.leftbox td.head a, div.rightbox td.head a {
	color: #D9D9D9;
}*/
div.leftbox a, div.right a {
	color: #D9D9D9;
}

div.topbox {
  position:relative;
  width:99.8%;
	height: 170px;
	z-index:5;
}

div.topbox table {
	border-width: 0px;
}

/*div.topbox td.head {
  background-color: #3b5c6b;
	border: 1px outset #555;
	color: #FFFFFF;
}*/
/*div.topbox td.strong {
  background-color: #98B9CD;
  /* Light background, change to dark text. 
  color: #000000;
	border: 1px outset #555;
}*/
/*div.topbox td.strong a {
	color: #333333;
}*/
/*div.topbox td.head a {
	color: #D9D9D9;
}*/
div.topbox a {
	color: #D9D9D9;
}

p.info {
	font-size: 120%;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFF00;
}

a.greyed {
	text-decoration: line-through;
}

a:hover.greyed {
}

a:visited.greyed {
}

a:active.greyed {
}

font.warn {
	color: #ff2200;
}
font.system {
	color: #ffff00;
}
font.fleet {
	color: #ff5500;
}
font.science {
	color: #00ffff;
}
font.colony {
	color: #00aa00;
}
font.enemy {
	color: #dd0000;
}
font.friend {
	color: #00ffff;
}
font.comm {
	color: #ffff00;
}
font.alli {
	color: #ff5500;
}
font.asso {
	color: #6600dd;
}
font.unit {
	color: #888888;
}
font.crim {
	color: #990000;
}
font.over {
	color: #52B0EC;
}
font.small {
	size: 1;
}

textarea, select {
	font-size: 11px;
	border: inset 1px;
	border-collapse: collapse;
	background-color: #0b1f41;//#000077;
	border-color: #000077;
	color: #FFFFFF;
}

select.menu {
	font-size: 9px;
}

input {
	font-size: 11px;
	border: outset 2px;
	background-color: #0b1f41;//#000077;
	border-color: #000077;
	color: #FFFFFF;
	border-collapse: collapse;
}
input.text {
	border: inset 2px;
}
input.radio {
	background-color: transparent;
	border: inset 0px;
}
input.checkbox {
	border: inset 2px;
	border-color: 000077;
	color: #000000;
	background-color: transparent;
}
input.warn {
	background-color: #AA0000;
	border-color: #AA0000;
	color: #FFFFFF;
	font-weight: bold;
}
input.bigred {
	font-size: 30px;
	font-weight: bold;
	font-variant: small-caps;
	background-color: #AA0000;
	border-color: #AA0000;
	color: #FFFFFF;
	font-weight: bold;
}
input.smallred {
	font-size: 8px;
	background-color: #AA0000;
	border-color: #AA0000;
	color: white;
	font-weight: bold;
}
input.green {
	background-color: #008000;
	border-color: #008000;
	color: white;
}
input.smallgreen {
	font-size: 8px;
	background-color: #008000;
	border-color: #008000;
	color: white;
	font-weight: bold;
}

input.special {
	background-color: #666666;
	border-color: #888888;
	color: white;
}
input.smallspec {
	font-size: 8px;
	background-color: #666666;
	border-color: #888888;
	color: white;
	font-weight: bold;
}
input.small {
	font-size: 8px;
	font-weight: bold;
}
input.title {
	font-size: 16px;
	background-color: #000000;
	border-color: #666666;
	color: white;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
}

table.small {
	font-size: 8px;
}

hr.separator {
	color: #585;
	background-color: #585;
	border: 3px outset #585;
	width: 70%;
	height: 3px;
}

/* JS Menu CSS */

/* All <ul> tags in the menu including the first level */
.menulist
{
    margin: 0;
    padding: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 95%;
    list-style: none;
    border: 1px solid black;
    text-align: left;
}

.menuHead
{
    margin: 0;
    padding: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 95%;
    list-style: none;
    border: 1px solid black;
    text-align: left;
}

/* Hidden lists */
.menulist li.hide
{
    display: none;
}

.menulist li.show
{
    display: block;
    background-image: url("/gfx/darkblue20_strong.jpg");
}

.menulist ul
{
    margin: 0;
    padding: 1px;
    width: 100%;
    list-style: none;
    background: #98B9CD;
    border: 1px solid black;
}

.menuHead ul
{
    margin: 0;
    padding: 1px;
    width: 100%;
    list-style: none;
    background: #3b5c6b;
    border: 1px solid black;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent
These are the ones for the right hand side menus, they position to the left of the menu */
.menulist ul.right
{
    display: none;
    position: absolute;
    top: 0;
    right: 104%;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent
These are the ones for the left hand side menus, they position to the right of the menu */
.menulist ul.left
{
    display: none;
    position: absolute;
    top: 0;
    left: 104%;
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li
{
    position: relative;
}

/* Links inside the menu */
.menulist li a
{
    display: block;
    padding: 0px 4px 0px 5px;
    color: #CDD2D5;
    text-decoration: none;
    border: 1px solid transparent;
    margin: 0;
}

/* Links inside the menu */
.menuHead li a
{
    display: block;
    padding: 0px 4px 0px 5px;
    color: #CDD2D5;
    text-decoration: none;
    border: 1px solid transparent;
    margin: 0;
}

/* Title links */
.menulist li a.menuTitle {
    display: block;
    padding: 0px 4px 0px 20px;
    color: #CDD2D5;
    text-decoration: none;
    border: 1px solid transparent;
    margin: 0;
    font-weight:bold;
}

/* Different Colours for different states */
.menulist a.green
{
    color: #00FF00;
}

.menulist a.red
{
    color: #FF0000;
}

.menulist a.highlight
{
    color: red;
}

.menulist a.capcolor
{
    color: #FFFF00;
}

/* HACKS: MSIE6 doesn't support transparent borders, mimic with margins */
* html .menulist li a
{
    border-width: 0;
    margin: 1px;
}

/*
Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
Here, active items are given a border, and a padding tweak to 'elevate' the text within.
Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus, .menulist a.menuTitle:hover, .menulist a.menuTitle:focus
{
    border: 1px solid white;
    margin: 0;
}

/* Stop clicked links changing size and preventing original click from activating link */
.menulist a:active
{
    font-weight: bold;
}

.menulist a.highlighted
{
    /*background-color: #68C;*/
    border: 1px solid #CDE;
    margin: 0;
}

/*
If you want per-item background images in your menu items, here's how to do it.
1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
2) Copy and paste these next lines for each link you want to have an image:
.menulist a#xyz {
background-image: url(out.gif);
}
.menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
background-image: url(over.gif);
}
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind
{
    float: right;
}

/*
HACKS: IE/Win:
A small height on <li> and <a> tags and floating prevents gaps in menu.
* html affects <=IE6 and *:first-child+html affects IE7.
You may want to move these to browser-specific style sheets.
*/
*:first-child + html .menulist li
{
    float: left;
    width: 100%;
}

* html .menulist li
{
    float: left;
    height: 1%;
}
* html .menulist a
{
    height: 1%;
}
/* End Hacks */