body, html {
    height: 100%;
	}
body {
	background: #000 url('../images/theta-moon_bottom.png') no-repeat fixed bottom center;
	font: 12px/1 verdana, tahoma, helvetica, arial, sans serif;
	color: #ccc;
	margin: 0;
	padding: 0;
	}
body.mainbg {
    background: #000;
}
body.nobgimg {
    background: #000;
}
#outer {height: 100%; margin-left: auto; margin-right: auto;}
#outer[id] {display: table; position: static;}
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
* html #outer {text-align: center;} /* for explorer only*/
* html #middle {position: absolute; top: 50%; text-align: left;} /* for explorer only*/
* html #inner {position: relative; top: -50%; left: -50%;} /* for explorer only */
a:link,
a:visited,
a:active {
	color: #97c595;
	text-decoration: none;
	}
a:hover {
	color: #c2ffbf;
	text-decoration: none;
	}
hr {
	border: 1px solid #686868;
	}
img {
	border: none;
	}
table {
	background: #363636;
	border: 1px solid #686868;
	font-size: 12px;
}
table.client { 
	background: none; 
	margin: 0px; 
	padding: 0px;
	border: none;
	border-spacing: 0px;
	border-bottom: 2px ridge #555;
}
td {
	margin: 0px;
    padding: 0px;
    border: 0px inset #555;
}
.imgbut {
 border: none; 
 background: none;
 vertical-align: middle;
 background-image: url('../images/blank.gif');
}
.button {
		border-color: #555555;
		border-style: ridge;
		background-color: #333333;
		color: #FFFFCC;
		font-family: sans-serif; 
		font-size: 10px;
}
.dropdown {
		  border-color: #555555;
		  border-width: 1px;
		  border-style: solid;
		  background-color: #333333;
		  color: #FFFFCC;
		  font-family: sans-serif; 
		  font-size: 10px;
}
.textinput {
		   border-color: #555555;
		   border-width: 1px;
		   border-style: solid;
		   background-color: #333333;
		   color: #FFFFCC;
		   font-family: sans-serif;
		   font-size: 10px;
}
.light {
    background: #555;
    }
.dark {
    background: #222;
    }
table.calc {
    width: 100px;
	margin-left: 0px;
	background: none;
	border: none;
	border-spacing: 2px;
}
table.calc td {
    cursor: pointer;
	border: 2px ridge #555;
	background-color: #333;
	color: #ffc;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 3px;
}
.info {
	border: 1px solid #666;
	background: #363636;
}
#count {
    height: 100%;
	color: #ffcc00; 
	font-size: 14pt;
	}
#info {
	border: 1px solid #686868;
	background: #363636;
	padding: 3px;
	text-align: left;
	font-size: 10px;
	}
#players, #disp1, #disp2, #clock, #worldi, #location, #type, #xtra, #pop {
	color: #ffcc00;
	font-weight: normal;
	}
#world1, #world2 {
    display: none;
}

.right { text-align: right; }
.left { text-align: left; }
.scroll { color: black; }
.scroll a { color: #7B4F17; font-weight: bold; }
.scroll a:hover { text-decoration: underline; }
.news dd { padding: 0 0 1em 0; margin: 0; height: 50px;}
dl.news>dd { height: auto; min-height: 50px; }
.newsdate { float: right; } 
.newscontainer dt { font-weight: bold; clear: right;} 
.newscontainer a { margin-top: 0.5em; } 
.newscontainer table { border: none; background: none; }
.newscontainer { font-family:Arial,Helvetica,sans-serif; width: 457px; margin-left: auto; margin-right: auto; } 
img { border: 0; } 
div.narrowscroll-bgimg { width: 457px; position: relative; margin: 0 -5px; background-image: url("images/scroll457t.gif"); background-repeat: repeat-y;}
div.narrowscroll-bg { width: 447px; background-color: #C2AB79; margin-left: 10px; }
div.narrowscroll-content { padding: 25px 10px; color: #000000; position: relative; margin: 0 5px;}
div.narrowscroll-content td { color: black; }
img.narrowscroll-top { position: relative; top: 25px; padding:0; margin: 0; z-index: 100; display: block;}
img.narrowscroll-bottom { position: relative; padding:0; margin: 0; top: -25px; display: block;}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 3px;
background-color: #242424;
font-size: 10px;
visibility: hidden;
z-index: 100;
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
.copyright {
   margin-top: 5px;
   text-align: center;
   font-size: 10px;
}