@charset "utf-8";
/*
====================
PHP RPG Version: .031

Created: ~2015 by Brandon Comouche
Updated: 3/17/2022
====================
*/

/*
====================
General Site Design
====================
*/
html {
	min-height:100.2%;
}
html, body, ul, li {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
a {
	text-decoration: underline;
	color: #498FD9;
}
a:hover {
	color: #4944EC;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
.center {
	margin-left: auto;
	margin-right: auto;
}
.left-align {
	text-align: left;
}
.right-align {
	text-align: right;
}

/*
====================
Message Highlights
====================
*/
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.red {
	color: #af0443;
}
.orange {
	color: #af7004;
}
.yellow {
	color: #99af04;
}
.green {
	color: #04af70;
}
.blue {
	color: #0499af;
}
.purple {
	color: #7004af;
}

/*
====================
 Page Layout
====================
*/
body {
	text-align: center;
	font: 14px arial, tahoma, sans-serif;
}

/*
====================
 Top Navigation
====================
*/
#topNavigation {
	text-align: center;
}

.buttonBar .button {
	background-color: #8b8b8b;
	border: 1px solid rgb(41, 41, 41);
	color: rgb(0, 0, 0);
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
}
.buttonBar .button:not(:last-child) {
	border-right: none; /* Prevent double borders */
}
.buttonBar .button:hover {
	background-color: #b8b8b8;
}
.buttonBar .button:active {
	background-color: #3d3d3d;
	color: rgb(255, 255, 255);
}

/*
====================
 Right Action Menu
====================
*/
#rightActionMenu {
	text-align: center;
}

#rightActionMenu .movementButton {
	background-color: #8b8b8b;
	border: 1px solid rgb(41, 41, 41);
	color: rgb(0, 0, 0);
	padding: 10px 12px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
}
#rightActionMenu .movementButton:hover {
	background-color: #b8b8b8;
}
#rightActionMenu .movementButton:active {
	background-color: #3d3d3d;
	color: rgb(255, 255, 255);
}
#rightActionMenu .subButton {
	background-color: rgb(202, 212, 203);
	border: 1px solid rgb(40, 39, 51);
	color: rgb(0, 0, 0);
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
}
#rightActionMenu .subButton:hover {
	background-color: #88a887;
}
#rightActionMenu .subButton:active {
	background-color: #3d3d3d;
	color: rgb(255, 255, 255);
}

#rightActionMenu .subButtonDisabled {
	background-color: rgb(228, 217, 217);
	border: 1px solid rgb(40, 39, 51);
	color: rgb(168, 168, 168);
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
}

/*
====================
 Bottom Action Menu
====================
*/
#bottomActionMenu {
	text-align: center;
}

.subButtonBar .subButton {
	background-color: rgb(202, 212, 203);
	border: 1px solid rgb(40, 39, 51);
	color: rgb(0, 0, 0);
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
}
.subButtonBar .subButton:not(:last-child) {
	border-right: none; /* Prevent double borders */
}
.subButtonBar .subButton:hover {
	background-color: #88a887;
}
.subButtonBar .subButton:active {
	background-color: #3d3d3d;
	color: rgb(255, 255, 255);
}

.subButtonBar .subButtonDisabled {
	background-color: rgb(228, 217, 217);
	border: 1px solid rgb(40, 39, 51);
	color: rgb(168, 168, 168);
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
}
.subButtonBar .subButtonDisabled:not(:last-child) {
	border-right: none; /* Prevent double borders */
}

/*
====================
 Columns
====================
*/
#columnwrapper {
	margin: 0 auto;
	width: 1100px;
}

#column_container {
	margin: 0 auto;
	text-align: center;
}

#leftcolumn {
	float: left;
	margin: 0;
	padding: 10px;
	width: 170px;
	/* border: 1px solid red; */
}

#middlecolumn {
	float: left;
	margin: 0;
	padding: 10px;
	width: 730px;
	height: 640px;
	/* border: 1px solid green; */
}

#rightcolumn {
	float: left;
	margin: 0;
	padding: 10px;
	width: 130px;
	/* border: 1px solid blue; */
}

/*
====================
 Stats
====================
*/
.stats {
	text-align: center;
}

.statsBlock table {
	border-collapse: collapse;
	border: 1px solid black;
}
.statsBlock .statsName {
	background-color: #3d3d3d;
	color: #ffffff;
	padding: .4em 2em .4em 2em;
}
.statsBlock tr {
	border-top: 1px solid black;
	padding: 0;
}
.statsBlock th {
	background-color: #c0c0c0;
	padding: 0;
}
.statsBlock td {
	background-color: #e7e7e7;
	padding: 0;
}

/*
====================
 Map
====================
*/
.mapTable {
	border-collapse: collapse;
	border: 0px;
	border-spacing: 0px;
	border: 3px solid;
}
.mapTable td {
	border: 0px;
	border-color: #000000;
	width: 40px;
	height: 40px;
	margin: 0px;
	text-align: center;
}	
span.playerMarker {
	font-size: 20px;
	font-weight: bold;
	line-height:80%;
}


/*
====================
 Footer
====================
*/
#footer {
	background-color: #cccccc;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	padding: 3px;
}
#footer p {
	margin: 0;
	padding: 0;
}
#footer a {
	color: #ffffff;
}