/* 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: pointer}
a.crap{height: 20px;Width: 40px; BACKGROUND-COLOR: #114499; color: #ffffff;  cursor: pointer; FONT-FAMILY: verdana, arial, helvetica;   FONT-WEIGHT: bold;   font-size: 9px} /* 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:730; 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 {text-align:left;}

td.navValue2 { background:url(/images/popup/resBGDisplay.gif) repeat-x; text-align:right; font-family:Arial, Helvetica, sans-serif;  font-size: 10px; vertical-align:middle; color: white}
td.navValueSmall { background:url(/images/popup/resBGDisplaySingle.gif) repeat-x; text-align:right; font-family:Arial, Helvetica, sans-serif;  font-size: 10px; vertical-align:middle; color: white}
td.navValueSmallAlert { background:url(/images/popup/resBGDisplaySingleAlert.gif) repeat-x; text-align:right; font-family:Arial, Helvetica, sans-serif;  font-size: 10px; vertical-align:middle; color: white}
td.navResClose { background:url(/images/popup/resBGClose.gif) no-repeat; text-align:right; width:10px; }
td.navResCloseSingle { background:url(/images/popup/resBGCloseSingle.gif) no-repeat; text-align:right; width:10px; }
td.resourceLabel { background:url(/images/popup/resBG.gif) no-repeat; text-align:center; font-family:Arial, Helvetica, sans-serif;  font-size: 10px; width:31px; vertical-align:middle;}
td.resourceLabelSmall { background:url(/images/popup/resBG.gif) no-repeat; text-align:center; font-family:Arial, Helvetica, sans-serif;  font-size: 10px; width:31px; 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; } /*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 {float:left; width:138px;}
div.contentCell {-moz-box-sizing:border-box;box-sizing:border-box; float:left;  width:730px; padding-top:15px; padding-left:5px}
div.rightPane {float:left; width:160px; text-align: center; z-index:1; padding-left:5px}
div.topHeader{height:50px; background-color: #333333; width:1024px; float:left}
div.buttonRow{-moz-box-sizing:border-box;box-sizing:border-box;  background-color: #333333; width:1024px; height:28px; padding-top:2px; 	background-image:url("/images/toolbarw7.jpg"); float:left}
div.resourceRow{-moz-box-sizing:border-box;box-sizing:border-box; background-color: #333333; width:1024px; height:48px; padding-top:3px; float:left}
div.navColumn{-moz-box-sizing:border-box;box-sizing:border-box; width:135px;  padding-top:15px}
div.gameInfo{ padding-left:500px; margin-top:-30px}
body {text-align:center}
#mainContentPane {
	margin:0px auto; 
	width:1050px;
	min-height:600px; /*ff*/
	height: auto !important; /*ie7*/
	height: 600px; /*ie6*/	}
	
fieldset.buildingEntity{display:inline; text-align:center; width:104px; }
div.buildingDisplay{text-align:center; margin-top:10px; height:60px;}
div.buildingStats{text-align:center; font-weight:bold; margin-top:5px;}
div.buildingLevel{text-align:center; }
div.buildingButtons{text-align:center; margin-top:15px;}
div.buildingInfo{text-align:center; margin-top:10px;}

div.popupLabel{font-weight:bold;padding-top:10px;}
div.popupDescription{}
div.popupResouceLabel{font-weight:bold; padding-top:10px;}
div.popupFeatureLabel{font-weight:bold; padding-top:10px;}
div.popupFeatureText{}
div.spacedText{margin-top:30px; padding-bottom:10px}

td.mainIntroLeft{width:80px; height:26px; background:url('/images/toolBarLeft.gif') no-repeat left top}
td.mainIntroRight{width:80px; height:26px; background:url('/images/toolBarRight.gif') no-repeat left top}
td.mainIntroMiddle{text-align:center; height:26px; vertical-align:middle; padding-top:4px; background: url('/images/toolBarMiddle.gif') repeat-x}

.disabled{background-color: #BBBBBB; border-color: #eee #eee #222 #222}

/*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;}

td.AdvisorStat{width:100px; background:url(/images/popup/Advisor-Stats.gif) no-repeat; height: 100px}
td.AdvisorEco{width:100px; background:url(/images/popup/Advisor-Eco.gif) no-repeat; height: 100px}
td.AdvisorDef{width:100px; background:url(/images/popup/Advisor-Def.gif) no-repeat; height: 100px}
td.AdvisorPop{width:100px; background:url(/images/popup/Advisor-Pop.gif) no-repeat; height: 100px}
td.AdvisorMilit{width:100px; background:url(/images/popup/Advisor-Milit.gif) no-repeat; height: 100px}
td.AdvisorScout{width:100px; background:url(/images/popup/Advisor-Scout.gif) no-repeat; height: 100px}
td.AdvisorSpy{width:100px; background:url(/images/popup/Advisor-Spy.gif) no-repeat; height: 100px}


li.pointer {color:#553322; font-weight:bold; font-size:12px; margin-left:-20px}
span.loginHeader{color:#af0b1c; font-weight:bold; font-size:16px; margin-left:-130px; }

div.newbTime{text-align: left; position:absolute; top: 53px; margin-left:3px; background-color: #aaa; border: 1px solid red; padding: 2px }

div.currentSiegeTab {background:url(/images/popup/unitBG.gif) no-repeat; width: 80px; height: 80px; text-align:center}
div.inactiveSiegeTab {width: 80px; height: 80px; text-align:center; cursor:pointer}

td.unitDisplayTopLeft{background:url(/images/popup/topLeft.gif) no-repeat; height:7px; width:4px}
td.unitDisplayTopMiddle{background:url(/images/popup/topMiddle.gif) repeat-x; height:7px}
td.unitDisplaytopRight{background:url(/images/popup/topRight.gif) no-repeat; height:7px; width:7px}
td.unitDisplayMiddleLeft{background:url(/images/popup/middleLeft.gif) repeat-y; width:4px}
td.unitDisplayMiddleMiddle{background:url(/images/popup/bgTest14.gif) }
td.unitDisplayMiddleRight{background:url(/images/popup/middleRight.gif)  repeat-y; width:7px}
td.unitDisplayBottomLeft{background:url(/images/popup/bottomLeft.gif) no-repeat; height:7px; width:4px}
td.unitDisplayBottomMiddle{background:url(/images/popup/bottomMiddle.gif) repeat-x; height:7px}
td.unitDisplayBottomRight{background:url(/images/popup/bottomRight.gif) no-repeat; height:7px; width:7px}

div.pageLabel{font-weight:bold; padding-top:5px}
div.pageIcon{}

td.unitDisplay{border:1px solid #bbb; text-align:right}