/* ---------------------------- */
/* ---------- MASTER ---------- */
/* ---------------------------- */

*
{
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html
{
	/* Change scrollbar colours.  Only works with IE! */
	scrollbar-face-color:       #efe9c9;
	crollbar-shadow-color:      #5f5d50;
	scrollbar-highlight-color:  #faf4d3;
	scrollbar-3dlight-color:    #e3ddbe;
	scrollbar-darkshadow-color: #726f60;
	scrollbar-track-color:      #cab583;
	scrollbar-arrow-color:      #524028;
	overflow: hidden; /* Removes the scrollbar in IE */
}

body
{
	color: #524028;
	background-color: #efe9c9;
	font-family: Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden; /* Removes the scrollbar in FF and Opera */
}

div#pageWrap
{
	width: auto;
	height: auto;
}

div#evalDiv
{
	display: none;
}

div#preEvalDiv
{
	display: none;
}

input#evalTracker
{
	display: none;
}



/* ---------------------------- */
/* --------- OVERALL ---------- */
/* ---------------------------- */

h1
{
	font-family: Lucida, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-align: justify;
	font-weight: bold;
	font-style: underline;
}

h2
{
	font-family: Lucida, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: justify;
	font-weight: normal;
}



/* ---------------------------- */
/* --------- GENERIC ---------- */
/* ---------------------------- */

.absolute
{
	position: absolute;
	overflow: hidden;
}

.alignCentre
{
	align: center;
}

.alignLeft
{
	align: left;
}

.alignRight
{
	align: right;
}

.alignTop
{
	vertical-align: text-top;
}

.clicky:hover
{
	cursor: pointer;
}

.customButton
{
	text-align: center;
	font-weight: bold;
	color: #524028;
	background-color: #cab583;
	border: 2px outset #cab583;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.customButton:hover
{
	text-align: center;
	font-weight: bold;
	color: #524028;
	background-color: #d9c698;
	border: 2px outset #d9c698;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.floatEnd
{
	clear: left;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.fontBold
{
	font-weight: bold;
}

.fontItalic
{
	font-style: italic;
}

.fontStrikethrough
{
	text-decoration: line-through;
}

.fontUnderline
{
	text-decoration: underline;
}

.frameInside
{
	background-color: transparent;
	color: #524028;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: solid 2px;
	border-bottom-color: #816639;
	border-right-color: #614C2B;
	border-top-color: #C29956;
	border-left-color: #A28048;
}

.frameOutside
{
	background-color: transparent;
	border: solid 2px;
	border-top-color: #816639;
	border-left-color: #614C2B;
	border-bottom-color: #C29956;
	border-right-color: #A28048;
	border-collapse: collapse;
	width: auto;
	height: auto;
}

.frameWire
{
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.frameWire td
{
	border: solid 1px #816639;
	padding: 5px;
}

.hidden
{
	display: none;
}

.indent
{
	padding-left: 10px;
}

.inset
{
	padding: 20px;
	background-color: transparent;
}

.lineBreak
{
	height: 0px;
	width: 60px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: auto;
	margin-right: auto;
	align: center;
	border: 1px inset #ff9900;
}

.lineBreak_fullWidth
{
	height: 0px;
	width: 95%;
	margin-top: 8px;
	margin-bottom: 4px;
	margin-left: auto;
	margin-right: auto;
	align: center;
	border: 1px inset #cab583;
}

.linkStandard
{
	color: #524028;
	text-decoration: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.linkStandard:hover
{
	color: #cab583;
	text-decoration: underline;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.move
{
	cursor: move;
}

.padding2px
{
	padding: 2px;
}

.pageHeadline
{
	color: #524028;
	font-family: Lucida, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-weight: bold;
	font-style: underline;
}

.pageText
{
	margin-left: 20px;
	margin-right: 20px;
	font-size: 1.0em;
	text-align: justify;
}

.textCentre
{
	text-align: center;
}

.textJustify
{
	text-align: justify;
}

.textLeft
{
	text-align: left;
}

.textNarrow
{
	font-family: "Arial Narrow";
	font-size: 1.0em;
}

.textRight
{
	text-align: right;
}

.widthFull
{
	width: 100%;
}

.width40
{
	width: 40px;
}

.width80
{
	width: 80px;
}

.width120
{
	width: 120px;
}

.width160
{
	width: 160px;
}

.width240
{
	width: 240px;
}

.width320
{
	width: 320px;
}

.width640
{
	width: 640px;
}



/* ---------------------------- */
/* ---------- INPUTS ---------- */
/* ---------------------------- */

.listbox
{
	color: #524028;
	background-color: #f7f4e4;
}

.listbox[disabled]
{
	color: #726f60;
	background-color: #e3ddbe;
}

.textbox
{
	color: #524028;
	background-color: #f7f4e4;
}



/* ------------------------------- */
/* ------------ FORUMS ----------- */
/* ------------------------------- */

.forumBB_header
{
	width: 95%;
}

.forumBB_row
{
	background-color: #C29956;
	border: solid 2px #C29956;
	border-bottom-color: #816639;
	border-right-color: #614C2B;
	border-top-color: #C29956;
	border-left-color: #A28048;
}

.forumBB_rowStandard
{
	height: auto;
}



/* ------------------------------- */
/* ---------- MAIN PAGE ---------- */
/* ------------------------------- */

#animatedLoadingDiv
{
	position: absolute;
	filter: alpha(opacity=100);
	opacity: 1.0;
	z-index: 69;
	display: none;
}

#bambooSide
{
	position: absolute;
	background-image: url("http://www.artofwar.cc/images/titles/Bamboo_vertical.png");
	background-repeat: vertical;
	top: 112px;
	left: 112px;
	bottom: 0px;
	width: 18px;
	height: auto;
	z-index: 72;
}

#bambooTop
{
	position: absolute;
	background-image: url("http://www.artofwar.cc/images/titles/Bamboo_horizontal.png");
	background-repeat: horizontal;
	top: 92px;
	left: 130px;
	right: 0px;
	height: 18px;
	width: auto;
	z-index: 72;
}

#bambooCorner
{
	position: absolute;
	background-image: url("http://www.artofwar.cc/images/titles/Bamboo_corner.png");
	top: 94px;
	left: 112px;
	height: 18px;
	width: 18px;
	z-index: 70;
}

#copyright
{
	position: absolute;
	height: 12px;
	width: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	left: 27px;
	bottom: 0px;
	background-color: transparent;
	color: #efe9c9;
	font-size: 10px;
	z-index: 74;
}

#footerBar
{
	position: absolute;
	height: 24px;
	width: auto;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: transparent;
	background-image: url("http://www.artofwar.cc/images/mainpage/grass.png");
	background-position: left top;
	background-repeat: horizontal;
	color: #efe9c9;
	font-size: 10px;
	z-index: 73;
}

#homePageBackground
{
	position: absolute;
	width: auto;
	height: auto;
	top: 105px;
	bottom: 0px;
	right: 0px;
	left: 125px;
	background-color: #efe9c9;
	filter: alpha(opacity=100);
	opacity: 1.0;
	z-index: 52;
}

.homePageHeadline
{
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;
	color: #524028;
	font-family: Lucida, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-weight: bold;
	font-style: underline;
}

.homePageQuotation
{
	margin-left: 120px;
	margin-right: 40px;
	margin-top: 20px;
	text-align: right;
	font-size: 1.0em;
	font-style: oblique;
	font-weight: bold;
}

.homePageText
{
	margin-left: 80px;
	margin-right: 20px;
	font-size: 1.0em;
	text-align: justify;
}

#imageBackground
{
	position: absolute;
	width: auto;
	height: auto;
	top: 105px;
	bottom: 0px;
	right: 0px;
	left: 125px;
	background-color: #efe9c9;
	filter: alpha(opacity=15);
	opacity: 0.15;
	z-index: 52;
	overflow: hidden;
}

#loadingImage
{
	position: absolute;
	top: 100px;
	bottom: 0px;
	right: 0px;
	left: 120px;
	background-color: #a0a078;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 69;
	display: none;
}

#loginBox
{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 52;
}

#mainWindow
{
	position: absolute;
	width: auto;
	height: auto;
	text-align: left;
	top: 105px;
	bottom: 0px;
	right: 0px;
	left: 125px;
	overflow: auto;
	background-color: transparent;
	z-index: 53;
}

#sideBar
{
	position: absolute;
	height: auto;
	width: 75px;
	top: 130px;
	left: 5px;
	bottom: 0px;
	background-color: transparent;
	padding-top: 90px;
	padding-left: 20px;
	text-align: center;
	font-size: 10px;
	z-index: 53;
}

#sideBarBacking
{
	position: absolute;
	left: 0px;
	top: 100px;
	bottom: 0px;
	width: 120px;
	background-color: #1a1a0f;
	z-index: 51;
}

.sideLink
{
	color: #efe9c9;
	text-decoration: none;
	cursor: pointer;
	font-size: 10px;
	font-family: Lucida, Arial, Helvetica, sans-serif;
}

.sideLink:hover
{
	color: #ffb777;
	text-decoration: none;
}

#titleBar
{
	position: absolute;
	height: 100px;
	width: auto;
	top: 0px;
	right: 0px;
	left: 142px;
	background-color: #efe9c9;
	z-index: 51;
}

#titleCorner
{
	background-color: #transparent;
}

#titleCornerDiv
{
	position: absolute;
	height: 112px;
	width: 142px;
	top: 0px;
	left: 0px;
	background-color: #transparent;
	z-index: 71;
}

#titleSideBottom
{
	position: absolute;
	height: 325px;
	width: 120px;
	bottom: 0px;
	left: 0px;
	background-color: #transparent;
	z-index: 51;
}

#titleSideTile
{
	position: absolute;
	background-image: url("http://www.artofwar.cc/images/titles/titleSideTile.png");
	background-repeat: vertical;
	top: 362px;
	left: 0px;
	bottom: 325px;
	width: 120px;
	height: auto;
	z-index: 51;
}

#titleSideTop
{
	position: absolute;
	height: 350px;
	width: 120px;
	top: 112px;
	left: 0px;
	background-color: #transparent;
	z-index: 51;
}

#titleTop
{
	position: absolute;
	height: 100px;
	width: 600px;
	top: 0px;
	left: 0px;
	background-color: #efe9c9;
	z-index: 51;
}



/* ------------------------------- */
/* --------- BROWSE GAMES -------- */
/* ------------------------------- */

.browseGames_cell
{
	align: center;
	text-align:center;
	border-style:none;
	border-left-style: none;
	border-right-style: none;
}

.browseGames_divider
{
	background-color: #C29956;
	border: solid 2px #C29956;
	border-bottom-color: #816639;
	border-right-color: #614C2B;
	border-top-color: #C29956;
	border-left-color: #A28048;
}

.browseGames_imageInfo
{
	width:50px;
	border-style:none;
	background-position:center;
	background-repeat:no-repeat;
}

.browseGames_row
{
	background-position: right;
	background-repeat: no-repeat;
}

#browseGames_searchWindow
{
	position: absolute;
	top: 85px;
	left: 15px;
	width: 300px;
	background: #efe9c9;
	border: groove 3px #524028;
}



/* ------------------------------- */
/* --------- BROWSE MAPS --------- */
/* ------------------------------- */

#browseMaps_borderImage
{
	position: absolute;
	cursor: move;
	z-index: 2;
}

#browseMaps_continentImage
{
	position: absolute;
	cursor: move;
	top: 0px;
	left: 0px;
	z-index: 3;
}

#browseMaps_header
{
	position: absolute;
	background-color: #f7f4e4;
	color: #524028;
	font-weight: bold;
	top: 0px;
	height: 24px;
	padding-left: 10px;
	padding-top: 6px;
	left: 0px;
	right: 0px;
	z-index: 3;
}

#browseMaps_mapImage
{
	position: absolute;
	cursor: move;
	top: 0px;
	left: 0px;
	z-index: 2;
}

#browseMaps_miniMap
{
	position: absolute;
	overflow: hidden;
	z-index: 10;
}

#browseMaps_miniMapBorder
{
	position: absolute;
	overflow: hidden;
	top: 30px;
	right: 0px;
	z-index: 10;
	background-color: #524028;
}

#browseMaps_miniMapCoverPlate
{
	position: absolute;
	overflow: hidden;
	top: 0px;
	right: 0px;
	z-index: 13;
	filter: alpha(opacity=1);
	opacity: 0.01;
	cursor: pointer;
}

#browseMaps_miniMapImage
{
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	top: 30px;
	left: 0px;
	z-index: 11;
}

#browseMaps_miniMapZoom
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	z-index: 12;
	display: none;
}

#browseMaps_window
{
	position: absolute;
	background-color: transparent;
	color: #524028;
	top: 30px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
	overflow: hidden;
	align: center;
}

#browseMaps_zoomPanel
{
	border: solid 1px #cf0000;
	border-collapse: collapse;
	position: absolute;
	background-color: transparent;
	height: 0px;
	width: 0px;
	top: 30px;
	left: 0px;
	z-index: 12;
	overflow: hidden;
}



/* ------------------------------- */
/* -------- COMBAT RULES --------- */
/* ------------------------------- */

.combatRules_headCell
{
	cursor: pointer;
	font-weight: bold;
	background-color: #cab583;
}



/* ------------------------------- */
/* --------- CREATE GAME --------- */
/* ------------------------------- */

.createGame_listbox
{
	width: 320px;
	text-align: center;
}

.createGame_textbox
{
	align: center;
	width: 320px;
	text-align: center;
}



/* ------------------------------- */
/* ---------- GAME PAGE ---------- */
/* ------------------------------- */

.gamePage_actionPPS
{
  height: 10px;
  width: 10px;
}

#gamePage_buttonBar
{
	position: absolute;
	z-index: 2;
	bottom: 25px;
	right: 0px;
	height: 40px;
	width: 265px;
	background-color: #efe9c9;
	color: #524028;
}

#gamePage_buttonBonuses
{
	position: absolute;
	top: 20px;
	left: 133px;
	height: 20px;
	width: 130px;
	cursor: pointer;
}

#gamePage_buttonChatWindow
{
	position: absolute;
	top: 0px;
	left: 3px;
	height: 20px;
	width: 130px;
	cursor: pointer;
}

#gamePage_buttonGameLogWindow
{
	position: absolute;
	top: 0px;
	left: 133px;
	height: 20px;
	width: 130px;
	cursor: pointer;
}

#gamePage_buttonMiniMap
{
	position: absolute;
	top: 20px;
	left: 3px;
	height: 20px;
	width: 130px;
	cursor: pointer;
}

#gamePage_chatBody
{
	position: absolute;
	overflow-y: auto;
	top: 25px;
	bottom: 55px;
	left: 5px;
	right: 5px;
	padding-bottom: 5px;
}

#gamePage_chatHeader
{
	position: absolute;
	overflow-y: hidden;
	top: 5px;
	bottom: 180px;
	left: 5px;
	right: 5px;
	border-bottom: 1px solid #524028;
	text-align: right;
	padding-bottom: 5px;
}

#gamePage_chatInput
{
	position: absolute;
	bottom: 30px;
	height: 20px;
	left: 5px;
	right: 5px;
}

#gamePage_chatWindow
{
	position: absolute;
	z-index: 11;
	bottom: 0px;
	right: 270px;
	left: 0px;
	height: 200px;
	background-color: #f7f4e4;
	color: #524028;
	border: 1px solid #524028;
	filter: alpha(opacity=85);
	opacity: 0.85;
	display: none;
}

.gamePage_clicker
{
	cursor: pointer;
	position: absolute;
	z-index: 6;
	background-color: transparent;
	opacity: 0;
	filter: alpha(opacity=0);
}

#gamePage_gameLogBody
{
	position: absolute;
	overflow-y: auto;
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
}

#gamePage_gameLogWindow
{
	position: absolute;
	z-index: 11;
	top: 30px;
	right: 270px;
	left: 0px;
	height: 130px;
	background-color: #f7f4e4;
	color: #524028;
	border: 1px solid #524028;
	filter: alpha(opacity=85);
	opacity: 0.85;
	display: none;
}

#gamePage_header
{
	position: absolute;
	background-color: #f7f4e4;
	color: #524028;
	font-weight: bold;
	top: 0px;
	height: 24px;
	padding-left: 10px;
	padding-top: 6px;
	left: 0px;
	right: 0px;
	z-index: 3;
	border: 1px solid #524028;
}

.gamePage_iconArmy
{
	position: absolute;
	z-index: 6;
}

.gamePage_iconFlag
{
	position: absolute;
	z-index: 4;
}

#gamePage_sidebar
{
	position: absolute;
	z-index: 1;
	top: 30px;
	bottom: 0px;
	right: 0px;
	width: 260px;
	height: auto;
	overflow: hidden;
//	background-color: #cab583;
	background-color: #524028;
	color: #524028;
}

.gamePage_sideBarHeader
{
	cursor: pointer;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	color: #524028;
	background-color: #cab583;
	border-bottom: 1px solid #524028;
}

.gamePage_sideBarPanel
{
	width: 100%;
	border: 1px solid #524028;
	text-align: center;
}

.gamePage_sideBarSpacer
{
	border-right: 0px;
	border-left: 0px;
	height: 3px;
}

#gamePage_sideBarWindow
{
	position: absolute;
	z-index: 1;
	top: 35px;
	bottom: 70px;
	right: 0px;
	width: 245px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
	background-color: #efe9c9;
	color: #524028;
}

.gamePage_sourceTarget
{
	position: absolute;
	display: none;
	z-index: 5;
}

.gamePage_table
{
	border-spacing: 2px;
	width: 100%;
}

.gamePage_tableCell
{
	background-color: #e3ddbe;
	border: 1px solid #cab583;
}

.gamePage_tableHeader
{
	border: 3px double #8f7d60;
	background-color: #cab583;
	font-style: italic;
}

.gamePage_tableHeaderPale
{
	border: 3px double #8f7d60;
	background-color: #e3ddbe;
	font-style: italic;
}

.gamePage_tableInput
{
	background-color: #e3ddbe;
	text-align: center;
	color: #524028;
	width: 40px;
	disabled: disabled;
	font-weight: bold;
	border: 0px;
}

.gamePage_territory
{
	position: absolute;
	z-index: 5;
	height: 50px;
	width: 50px;
}

.gamePage_territoryQuery
{
	position: absolute;
	z-index: 5;
	height: 50px;
	width: 50px;
	cursor: help;
}

.gamePage_territorySelect
{
	position: absolute;
	z-index: 5;
	height: 50px;
	width: 50px;
	cursor: pointer;
}

.gamePage_trim
{
	position: absolute;
	z-index: 71;
}

#gamePage_trim_topLeftCorner
{
	top: 24px;
	right: 260px;
	height: 18px;
	width: 18px;
	background-image: url("http://www.artofwar.cc/images/titles/Bamboo_corner.png");
}
	
#gamePage_trim_top
{
	top: 22px;
	right: 0px;
	height: 18px;
	width: 272px;
	background-image: url("http://www.artofwar.cc/images/titles/Bamboo_horizontal.png");
	background-repeat: horizontal;
}

#gamePage_trim_left
{
	top: 41px;
	right: 260px;
	bottom: 79px;
	height: auto;
	width: 18px;
	background-image: url("http://www.artofwar.cc/images/titles/Bamboo_vertical.png");
}


#gamePage_trim_leftJunction
{
	right: 259px;
	bottom: 60px;
	height: 24px;
	width: 18px;
	background-image: url("http://www.artofwar.cc/images/titles/Bamboo_junction.png");
}

#gamePage_trim_middle
{
	bottom: 64px;
	right: 0px;
	height: 18px;
	width: 272px;
	background-image: url("http://www.artofwar.cc/images/titles/Bamboo_horizontal.png");
	background-repeat: horizontal;
}

#gamePage_trim_leftUnder
{
	right: 260px;
	bottom: 27px;
	height: 44px;
	width: 18px;
	background-image: url("http://www.artofwar.cc/images/titles/Bamboo_braceV.png");
}

#gamePage_trim_bottomLeftJunction
{
	right: 259px;
	bottom: 4px;
	height: 24px;
	width: 18px;
	background-image: url("http://www.artofwar.cc/images/titles/Bamboo_junction.png");
}

#gamePage_trim_bottom
{
	bottom: 8px;
	right: 0px;
	height: 18px;
	width: 272px;
	background-image: url("http://www.artofwar.cc/images/titles/Bamboo_horizontal.png");
	background-repeat: horizontal;
}




/* ------------------------------- */
/* ---------- GAME PAGE ---------- */
/* ------------------------------- */

.gameRules_table
{
	border: 3px ridge #cab583;
	width: 100%;
	height: 90%;
}

.gameRules_tableCell
{
	border: 2px outset #cab583;
	background-color: #e3ddbe;
	text-align: center;
	padding: 2px;
	width: 200px;
	cursor: pointer;
}

.gameRules_tableRow
{
	height: 20px;
}



/* ------------------------------- */
/* ---------- SCOREBOARD --------- */
/* ------------------------------- */

.scoreboard_table
{
	width: 100%;
	border: 5px ridge #524028;
	border-collapse:collapse;
}

.scoreboard_rowEven
{
	background-color: #e3ddbe;
}

.scoreboard_rowOdd
{
	background-color: #efe9c9;
}