body, div, li, td {
font-family: verdana, sans-serif;
font-size:10pt;
color: black;
}

body { 
background-color: white; 
margin-top: 10pt;
margin-bottom: 10pt;
margin-right: 10pt;
margin-left: 10pt;
}

h1 {
font-size:17pt;
color: gray;
}

h2 {
background-color: #2EAA2F;
background-image: url(pics/header_2.png);
background-position: right;
padding: 2pt;
padding-left: 6pt;
font-size: 14pt;
color: white;
border: 2px solid black;
}

h3 {
font-size: 12pt;
}

h4 {
font-size: 11px;
}

h5 {
font-size: 12px;
font-weight: normal;
}

.art {
font-family: monospace;
}

input{
width: 200px;
}

input.checkbox {
width:20px;
}

input.file{
width: 250px;
}

input.digits{
text-align:right;
width: 50px;
}

input.narrow{
width: 100px;
}

input.paypalButton{
width: 110px;
}

input.wide{
width: 400px;
}

textarea {
width: 200px;
}

textarea.wide {
width: 400px;
}

/*table editor styles*/
input.te_text         { width: 240px; }
input.te_select_text  { width: 120px; }
textarea.te_textarea  { width: 400px; }
input.te_input_button { width: 100px; }

.green {
color: #00bb00;
}

.one {
font-size: 1px;
}

.ten {
font-size: 10pt;
}

.red {
color: #ff0000;
}


/*divs*/

div.actionItem, div.actionTop {
padding:10px;
}

div.actionTop {
padding-top:0px;
}

div.added {
    background-color: #d6d266;
    border: 1px solid #63612f;
}

div.box {
    padding: 20px;
    padding-bottom: 10px;
    padding-top:10px;
}

div.amberBox {
border: 1px solid #ffd000; 
padding: 20pt;
padding-bottom: 10pt;
padding-top: 10pt;
background-color: #ffeb90;
}

div.black {
background-color: black;
text-align: center;
}

div.center {
text-align: center;
}

div.clear_left {
clear: left;
}

div.commentDate {
float:right; color: gray;
}

div.commentHeader {
border: 0px solid #dddddd; border-bottom-width: 1px; margin-bottom:5px;
}

div.content {
vertical-align: top;
text-align: center;
width:auto;
}

div.content_ie_fix{
width:94%;
text-align:center;
}

div.contactComment {
background-color: #F6F1A8;
border: solid 1px #C1B715;
margin-top: 40pt;
padding: 20pt;
font-family: courier;
}

div.contactCommentWhite {
background-color: #ffffcc;
border: solid 1px #aaaa77;
margin-top: 40pt;
padding: 20pt;
}

div.directory {
float: left;
width:150px;
margin:5px;
text-align: center;
}

div.divider {
/*border: 1px solid #dddddd;
border-top: 0px;
border-right: 0px;
border-left: 0px;
font-size:0px;*/
}

div.fill {
height: 100%;
}

div.finished {
    background-color: #e6e26d;
    border: 1px solid #63612f;
}

div.greenBox {
border: 1px solid green; 
padding: 20pt;
padding-bottom: 10pt;
padding-top: 10pt;
background-color: #ddffdd;
}

div.grey {
background-color: grey;
text-align: center;
}

div.greyBox {
border: 1px solid black; padding:20pt; padding-bottom: 10pt; padding-top:10pt; background-color: #f7f7f7
}

div.groupUser {
    border: 1px solid #999;
}

div.float_left {
float: left;
vertical-align: bottom;
}

div.footer {
background-color: #fcfcfc;
border-style: solid;
border-color: #f0f0f0;
border-width: 0px;
border-top-width: 1px;
border-bottom-width: 1px;
margin: 0pt;
padding-top: 5pt;
padding-bottom: 5pt;
text-align: center;
}

div.goldPlaque {
background-color: #FFE04D;
background-image: url(images/backgrounds/gold.png);
border: 1px solid #A5902F;
padding: 5px;
padding-top: 0px;
padding-bottom: 10px;
margin: 5px;
}

div.lastComment {
text-align: right;
color: #777777;
border: 0px solid #cccccc;
border-top-width: 1px;
margin-top: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

div.linkTop {
text-align: right;
}

div.logEntry {
margin-top: 40pt;
width: 100%;
}

div.logo {
height: 48pt;
background-image: url("pics/logo.png");
background-repeat: no-repeat;
background-position: center top;
}

div.gameDescription {
padding: 30pt;
}

div.newsContent {
background-color: #FFFFFF;
padding:10pt;
}

div.newsTitle {
padding: 10pt;
}

div.mapSelect {
	border: 1px solid #ddd;
	padding:10px;
}

div.memberPanel {
border: 1px solid #dddddd;
margin: 2pt;
padding-top: 10pt;
padding-bottom: 10pt;
text-align: center;
background-image:  url(pics/white_shade.png);
background-repeat: repeat-x;
background-position: bottom;
background-color: white;
}

div.menuHeader {
background-image:  url(pics/white_shade.png);
background-repeat: repeat-x;
background-position: center;
border: 0px;
border-bottom-width: 1px;
border-style: solid;
border-color: #cccccc;
padding: 10px;
margin-bottom:0px;
}

div.menuItem {
background-color: #f7f7f7;
border: 0px;
border-bottom-width: 1px;
border-style: solid;
border-color: #dddddd;
padding-left:10pt;
padding-top: 5pt;
padding-bottom: 5pt;
}

div.menuSeperator {
border-color: #dddddd;
border-style: solid;
border-width: 0px;
border-top-width: 1pt;
width: 170px;
}

div.outline{
    border: 1px solid black;
}

div.redBox {
border: 1px solid red; 
padding: 20pt; 
padding-bottom: 10pt;
padding-top: 10pt;
background-color: #ffdddd
}

div.removed
{
    background-color: #c2be5c;
    border: 1px solid #63612f;
}

div.right {
text-align: right;
}

div.spacer {
font-size:1pt;
height: 10pt;
}

div.suggestion {
border: 1px solid #dddddd;
border-bottom-width: 1px;
border-top-width: 1px;
padding-top: 20pt;
padding-left: 20pt;
padding-right:20pt;
padding-bottom: 20pt;
}

div.suggestionOuter {
border: 1px solid #555555;
border-bottom-width: 1px;
border-top-width: 1px;
margin-top: 20pt;
}

div.text{
margin: 0pt;
padding:10pt;
text-align: left;
}

div.title, div.titleMenu {
text-align: center;
}

div.titleMenu {
text-align: left;
padding-left: 10pt;
margin-bottom: 0pt;
}

div.topPlayers
{
	border-top-width: 0px !important;
	border-bottom-width: 0px !important;
	border-left-width: 0px !important;
	border-right-width: 0px !important;
}

div.unfinished
{
    background-color: #ccc861;
    border: 1px solid #63612f;
}

div.whiteBox {
border: 1px solid #ddd; 
padding: 20pt; 
padding-bottom: 10pt;
padding-top: 10pt;
background-color: #ffffff
}

/*images*/
img.screenshot {
border: 1px solid #bbbbbb;
margin-right: 10pt;
}

/*spans*/
span.grey{
color: #777777;
}

span.smallLink
{
	font-size:80%;
}

/*tables*/

table.googleTable {
float:right;
margin-left: 5pt;
}

table.maintable {
padding-left: 0px;
padding-right: 0px;
}

table.topPlayers th{
	font-size: smaller;
	border-bottom: 1px solid #ddd;
}

td.actions {
border-style: dashed;
border-width: 0px;
border-color: #ddd;
border-left-width: 1px;
border-right-width: 1px;
padding-top: 10pt;
padding-bottom: 10pt;
text-align: center;
vertical-align: top;
}

td.admin {
background-color: #eeeeee;
vertical-align: top;
}

td.content {
}

td.date {
border-style: solid;
border-color: #f0f0f0;
border-width: 0px;
border-top-width: 1px;
border-bottom-width: 1px;
background-color: #fcfcfc;
padding-top: 2pt;
padding-bottom:2pt;
text-align: center;
}

td.grey {
}

td.logoBack {
background-image:  url(pics/header_logo.png);
background-repeat: repeat-x;
background-position: bottom;
}

td.mainMenu {
border-style: dashed;
border-color: #dddddd;
border-width: 0px;
border-left-width: 1px;
border-right-width: 1px;
vertical-align: top;
}

td.mapSquare
{
	width: 30px;
	text-align: center;
}

td.navStrip {
border-style: solid;
border-color: #f0f0f0;
border-width: 0px;
border-top-width: 1px;
border-bottom-width: 1px;
background-color: #fcfcfc;
padding-left: 10pt;
padding-top: 2pt;
padding-bottom:2pt;
}

td.redBox {
	outline: thin solid red; 
	background-color: #ffdddd;
}

td.shadeWhite {
}

tr.greenBox, td.greenBox
{
	background-color: #ddffdd;
	outline: thin solid #aaffaa;
}

tr.greyBox, td.greyBox
{
	background-color: #f7f7f7;
	outline: thin solid #aaaaaa;
}

td.whiteBox {
	outline: thin solid #ddd; 
	background-color: #fff;
}


/* links */

a:link {
color: #0000DD;
text-decoration:none;
}

a:visited {
/*color: #800080;*/
color: #0000DD;
text-decoration:none;
}

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