/* EVERYTHING AFTER THIS IS DEFINITELY USED*/

body {  background-color: #000000;  margin: 0px;  font-family:Arial, Helvetica, sans-serif;  font-size:12px;  color: #ffffff;}

a img {  border: none;}

form {display:inline;}

tr.even {	width: 100%;  border-bottom: 1px dotted #888}
tr.odd {	width: 100%;  border-bottom: 1px dotted #888 }

tr.odd td{ border-bottom: 1px dotted #888}
tr.even td{ border-bottom: 1px dotted #888}

a.nav {text-decoration:none; color:#af0b1c; font-weight:bold;font-size:12px}
a.nav:visited{text-decoration:none;}		/*Navigation links */
a.nav:hover{text-decoration:none; color:red}
a.header {text-decoration:none; color:white}
a.header:visited{color:white};					/*header links*/
a.header:hover{text-decoration:none; color:red}

a.leftnav {text-decoration:none; color:#ffffff; font-weight:bold;font-size:12px}
a.leftnav:visited{text-decoration:none;}		/*Navigation links */
a.leftnav:hover{text-decoration:none; color:black}


img.help{ cursor: hand;}
a.crap{Height: 20px;Width: 40px; BACKGROUND-COLOR: #114499; color: #ffffff;  cursor: hand; FONT-FAMILY: verdana, arial, helvetica;   FONT-WEIGHT: bold;   font-size: 9 pt} /* help buttons */

table {  background-color: transparent;  width: 100%;  margin-left: auto;  margin-right: auto;}
table.contentTable { width:730;}  /* The tables that are created using the tag library */
table.heading {width:750;} /* The tables that show the header and the help */
table.error {width:750;}
table.helpTable { width:550; margin-top:15px;margin-left:5px; margin-bottom:5px;}  /* The tables that are created using the tag library */

table.header{background: url(http://img253.imageshack.us/img253/8907/woelogow7oh0.jpg)  top left;} /* Background for header table */
th   {background-color: #555555;  border-bottom: 2px solid #aaaaaa;  color: #ffffff;  font-family: Arial, Helvetica, sans-serif;  font-size: 10px;   padding: 2px;}
th.logHeader {font-family: Arial, Helvetica, sans-serif;font-size: 10px; font-weight:bold; text-align: left;}
td {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px;  color: #333300;  padding: 2px;  vertical-align:top;}
td.contentCell {width:750; font-family: Arial, Helvetica, sans-serif;font-size: 30px; text-align: center;}
tr.separate {border-bottom: 3px solid #FF0033;}
tr.headerRow {background-color: #cdcdcd;}  /* row with links below header */
tr.online {background-color: yellow;}  /* row with links below header */
td.error {width:100%; text-align:center;}
td.logSmall {font-size: 8px;}
td.log {font-size: 10px;}
td.content {horizontal-align:left;}

td.navValue2 { background-color: #eeeeee; text-align:right; font-family:Arial, Helvetica, sans-serif;  font-size: 10px; width:60px; vertical-align:middle;}
td.resourceLabel { background-color: #eeeeee; text-align:right;font-family:Arial, Helvetica, sans-serif;  font-size: 10px; width:30px; vertical-align:middle;}
td.navValueSmall { background-color: #eeeeee; text-align:right; font-family:Arial, Helvetica, sans-serif;  font-size: 10px; width:30px; vertical-align:middle;}
td.resourceLabelSmall { background-color: #eeeeee; text-align:right;font-family:Arial, Helvetica, sans-serif;  font-size: 10px; width:20px; vertical-align:middle;}

.leftLabel{text-align:right;}

h1 {font: 14px arial, helvetica, sans-serif; font-weight:bold; 	color:#FFDA5E; padding-left:10px;}
h1.helpH1 {padding-left:12px;}
h1.section {font-size:14px;color:#553322; padding-left: 0px;}
h1.help {font-size:14px;color:#af0b1c; padding-left: 0px;}
h2.help {font-size:12px;color:#af0b1c; padding-left: 0px;}
h2.section {font-size:12px;color:#af0b1c; padding-left: 0px; margin-bottom:0px;}
h2.errMess  { font-family: Arial, Helvetica, sans-serif;font-size: 12px; color:yellow; font-weight:bold; display:inline} /*Error message display */


input {font-family:Arial, Helvetica, Sans-Serif;font-size:10px;	background-color:#ffffff;color:#000000;} 
select{font-family:Arial, Helvetica, Sans-Serif;font-size:10px;	background-color:#ffffff;color:#000000;} 
textarea{font-family:Arial, Helvetica, Sans-Serif;font-size:10px;	background-color:#ffffff;color:#000000;}

input.checkbox, input.radio	{background-color: transparent;border: 0px;}
input.button {background-color: #ffffff;  color: #000000; border-top:1px solid #aaa;  border-left:1px solid #aaa;    border-right:1px solid #444;  border-bottom:1px solid #444;} 
input.submit{background-color: #ffffff;  color: #000000; border-top:2px solid #aaa;  border-left:2px solid #aaa;    border-right:2px solid #444;  border-bottom:2px solid #444;} 



td.middleBlank{  background: url(/images/bgw7.gif) top left;   padding:10px;}

td.middleHelp{  background-color: #E8A86D;   padding:20px;}	/* class for all the help pages that use the tag library */

td.leftBorder{   width:18px; background: url(/images/borderleftw7.gif) top left;  margin-top: 0;  margin-bottom: 0; }
td.rightBorder{  width:18px;  background: url(/images/borderrightw7.gif)  top left;  margin-top: 0;  margin-bottom: 0; }
td.topBorder{  height:22px;  background: url(/images/topborderw7.gif)  top left;    margin-top: 0;  margin-bottom: 0; } 
td.bottomBorder{  height:22px;  background: url(/images/bottomborderw7.gif)  top left;  margin-top: 0;  margin-bottom: 0; }
td.tlcorner{  height:22px;  width:18px;  background: url(/images/tlcornerw7.gif)  top left;  margin-top: 0;  margin-bottom: 0; }
td.trcorner{  height:22px;  width:18px;  background: url(/images/trcornerw7.gif)  top left;  margin-top: 0;  margin-bottom: 0; }
td.brcorner{  height:22px;  width:18px;  background: url(/images/brcornerw7.gif)  top left;  margin-top: 0;  margin-bottom: 0; }
td.blcorner{  height:22px;  width:18px;  background: url(/images/blcornerw7.gif)  top left;  margin-top: 0;  margin-bottom: 0; }

td.helpleftborder{  background: url(/images/helpborderleft.gif) top left;  margin-top: 0;  margin-bottom: 0; }
td.helprightborder{  background: url(/images/helpborderright.gif)  top left;  margin-top: 0;  margin-bottom: 0; }
td.helpborder{  height:37px;  background: url(/images/helpbordertop.gif)  top left;    margin-top: 0;  margin-bottom: 0; } 
td.helpbottomborder{  height:37px;  background: url(/images/helpborderbottom.gif)  top left;  margin-top: 0;  margin-bottom: 0; }
td.helptlcorner{  height:37px;  width:27px;  background: url(/images/helptlcorner.gif)  top left;  margin-top: 0;  margin-bottom: 0; }
td.helptrcorner{  height:37px;  width:27px;  background: url(/images/helptrcorner.gif)  top left;  margin-top: 0;  margin-bottom: 0; }
td.helpbrcorner{  height:37px;  width:27px;  background: url(/images/helpbrcorner.gif)  top left;  margin-top: 0;  margin-bottom: 0; }
td.helpblcorner{  height:37px;  width:27px;  background: url(/images/helpblcorner.gif)  top left;  margin-top: 0;  margin-bottom: 0; }
td.help{background-image:url("/images/helpbackground.gif");   padding:20px;}

th.help{ background-color: #800000;	border-width: 1px;border-color: #000000; 	border-style: Solid; 	padding-right: 10px; padding-left: 10px; color: #FFFFFF}

td.tab{font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight:bold; cursor:pointer; text-align: left; margin-top:5px; margin-right:10px; padding-left:5px; padding-right:5px; padding-top:5px;border-top:1px solid black; border-left:1px solid black; border-right:1px solid black; display:inline }
td.selectedtab{font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight:bold; text-align: left; margin-top:5px; margin-right:10px; padding-left:5px; padding-right:5px; padding-top:5px;  border-top:1px solid black; border-left:1px solid black; border-right:1px solid black; display:inline; background-color: #afccdd }

td.heading{font-size:12px;font-weight:bold;color:#af0b1c; padding-left: 0px;}


td.allianceOffer {background-color: green; color: FFFFFF} 
td.allianceCancel {background-color: green; color: FF0000} 
td.war {background-color: black; color: FF0000} 
td.peaceOffer {background-color: white; color: 000000} 
td.allianceAccepted {background-color: green; color: FFFFFF} 
td.peaceAccepted {background-color: white; color: green; font-weight:bold} 
td.truceOffer {background-color: gray; color: FFFFFF} 
td.truceAccepted {background-color: gray; color: FFFFFF} 
td.truceExpiredWar {background-color: gray; color: red; font-weight:bold} 
td.truceExpiredAttack {background-color: gray; color: red; font-weight:bold} 
td.truceRejected {background-color: gray;} 
td.allianceRejected {background-color: green;} 
td.truceCancelled {background-color: gray; color: red; font-weight:bold} 
td.allianceCancelled {background-color: green; color: red; font-weight:bold} 
td.peaceCancelled{background-color: white; color: red: font-weight:bold} 
td.allianceAttack {background-color: gray; color: red; font-weight:bold} 
td.truceAttack {background-color: gray; color: red; font-weight:bold} 
td.peaceRejected {background-color: white; color: red; font-weight:bold} 
td.truceExpired {background-color: gray; color: FFFFFF} 
td.warEnded {background-color: white; color: green} 

#header {
	float:left;
	width:100%;
	border-bottom:5px solid #999;
}

#header1 {
	float:left;
	width:100%;
	margin-left:5px;
	margin-bottom:-9px;
}

#header2 {
	float:left;
	width:100%;
	margin-left:10px;
	margin-bottom:-2px;
}

#header ul, #header1 ul, #header2 ul {
	margin:0;
	padding:0px 0px 0;
	list-style:none;
}
#header li, #header1 li, #header2 li {
	float:left;
	background:url("/images/leftTab.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
}
#header span {
	float:left;
	display:block;
	background:url("/images/rightTab.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	cursor:pointer;
}
#header1 span {
	float:left;
	display:block;
	background:url("/images/rightTab.gif") no-repeat right top;
	padding:5px 15px 12px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	cursor:pointer;
}

#header2 span {
	float:left;
	display:block;
	background:url("/images/rightTab.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	cursor:pointer;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header span, #header1 span, #header2 span {float:none;}/* End IE5-Mac hack */
#header span, #header1 span, #header2 span:hover {
	color:#333;
}
#header .currentTab, #header1 .currentTab, #header2 .currentTab {
	background-image:url("/images/leftTab_on.gif");
}
#header .currentTab span, #header1 .currentTab span, #header2 .currentTab span {
	background-image:url("/images/rightTab_on.gif");
	color:#000;
	padding-bottom:4px;
}

span.nameDisplay{
	font-weight:bold;
	font-size: 12pt;
}

/* LAYOUT STYLES*/
div.leftPane {position:absolute; top:80px; left:0px; width:138px;padding-left:2px}
div.contentCell {-moz-box-sizing:border-box;box-sizing:border-box; position:absolute ;top:125px; left:135px;  width:730px; padding-top:15px;padding-left:10px;}
div.rightPane {position:absolute; top:85px; left:885px; width: 165px; z-index: 1; text-align: center;}
div.topHeader{position:absolute; top:0px; left:0px; height:50px; background-color: #333333; width:1024px;}
div.buttonRow{-moz-box-sizing:border-box;box-sizing:border-box; position:absolute; top:50px; left:0px;  background-color: #333333; width:1024px; height:28px; padding-top:2px; 	background-image:url("/images/toolbarw7.jpg")}
div.resourceRow{-moz-box-sizing:border-box;box-sizing:border-box; position:absolute; top:80px; left:150px;  background-color: #333333; width:730px; height:52px; padding-top:4px;}
div.navColumn{-moz-box-sizing:border-box;box-sizing:border-box; width:135px;  padding-top:15px;}
div.gameInfo{position:absolute; top:0px; left:213px; padding-left:300px; padding-top:20px}

/*MAP STYLES */
td.mapCell{ padding: 0px; z-index:10;}
td.mapCell1{ padding: 0px; background: url(/images/map/forest1.gif) top left; width: 40px; height: 40px;}
td.mapCell2{ padding: 0px; background: url(/images/map/forest2.gif) top left; width: 40px; height: 40px;}
td.mapCell3{ padding: 0px; background: url(/images/map/forest3.gif) top left; width: 40px; height: 40px;}
td.mapCell4{ padding: 0px; background: url(/images/map/forest4.gif) top left; width: 40px; height: 40px;}
td.mapCell5{ padding: 0px; background: url(/images/map/forest5.gif) top left; width: 40px; height: 40px;}
td.mapCell6{ padding: 0px; background: url(/images/map/forest6.gif) top left; width: 40px; height: 40px;}
td.mapCell7{ padding: 0px; background: url(/images/map/forest7.gif) top left; width: 40px; height: 40px;}
td.mapCell8{ padding: 0px; background: url(/images/map/forest8.gif) top left; width: 40px; height: 40px;}
td.mapCell9{ padding: 0px; background: url(/images/map/forest9.gif) top left; width: 40px; height: 40px;}
td.mapCell11{ padding: 0px; background: url(/images/map/forest11.gif) top left; width: 40px; height: 40px;}
td.mapCell12{ padding: 0px; background: url(/images/map/forest12.gif) top left; width: 40px; height: 40px;}
td.mapCell13{ padding: 0px; background: url(/images/map/forest13.gif) top left; width: 40px; height: 40px;}
td.mapCell14{ padding: 0px; background: url(/images/map/forest14.gif) top left; width: 40px; height: 40px;}
td.mapCell21{ padding: 0px; background: url(/images/map/hill1.gif) top left; width: 40px; height: 40px;}	
td.mapCell30{ padding: 0px; background: url(/images/map/hill10.gif) top left; width: 40px; height: 40px;}	
td.mapCell31{ padding: 0px; background: url(/images/map/hill12.gif) top left; width: 40px; height: 40px;}	
td.mapCell32{ padding: 0px; background: url(/images/map/hill11.gif) top left; width: 40px; height: 40px;}			
div.containerDiv{ border:2px solid #000; padding:0px; background: url(/images/map/map_background4.gif) top left;}

img.mapNav{cursor:pointer}
	
tr.insetMapRow{padding: 0px;width: 7px; height: 7px;}
td.insetMapCell{padding: 0px;width: 7px; height: 7px; background: url(/images/map/insetMapBackground.gif);}




	 /* Form styles */
fieldset { padding: 10px; border: #aaa 1px solid; }
legend { font-weight: bold; color: #af0b1c; }

div.halfDivLeft{width:330px;display:inline;float:left;}
div.halfDivRight{margin-left:5px;width:330px;display:inline;float:left;}