/* Matrix */
#matrix {
	clear: both;
	padding: 10px 0 0 0;
	overflow:visible;
}
#matrix h2 {
	background-color: #006600;
	font-size : 1.25em;
	line-height : 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 10px 0 .1em 0;
	vertical-align: middle;
	color: #ffffff;
	padding-left: .5em;
}
#matrix p {
	margin-top: 0;
	padding-left: 3em;
	margin-bottom: 5px; 
	font-size: 0.8em;
}
#btmtable {
	clear: both;
	width: 98%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000;
	color: inherit;
	font-size: 0.65em;
	text-align: center;
	border: 0;
	-webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    3px 3px 2px rgba(0, 0, 0, 0.75);
	box-shadow:         3px 3px 2px rgba(0, 0, 0, 0.75);
	overflow:visible;
}
.matrixbg {
	background-color: #ffff80;
	color: inherit;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	padding: 3px;
	border-bottom: 1px solid #000000;
}
.matrixbg a:visited {
	display: block;
	background-color: #ff8c00;
}
.matrixbg a:hover {
	display: block;
	background-color: #006600;
	color: #ffffff;
}

/* Axis */

.axis {
	width: 98%;
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#111));
	background: -webkit-linear-gradient(top, #777, #111);
    background: -moz-linear-gradient(top, #777, #111);
    background: -ms-linear-gradient(top, #777, #111);
    background: -o-linear-gradient(top, #777, #111);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #fff;
	text-align: center;
	border: 1px solid #000;
	-webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    3px 3px 2px rgba(0, 0, 0, 0.75);
	box-shadow:         3px 3px 2px rgba(0, 0, 0, 0.75);
	overflow: visible;
	margin-bottom: 15px;
}
.axisHeaderA {
	display:inline-block;
	font-size: 120%;
	line-height: 50px;
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#222));
	background: -webkit-linear-gradient(top, #666, #222);
    background: -moz-linear-gradient(top, #666, #222);
    background: -ms-linear-gradient(top, #666, #222);
    background: -o-linear-gradient(top, #666, #222);				
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
 	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	text-decoration : none;
	color: #ffb903;
	padding-left: 1em;
	padding-right: 1em;
}
.axisHeaderA:hover {
	display:inline-block;
	font-size: 120%;
	line-height: 50px;
	background-color: inherit;
	background: -webkit-gradient(linear, left top, left bottom, from(#090), to(#030));
	background: -webkit-linear-gradient(top, #090, #030);
    background: -moz-linear-gradient(top, #090, #030);
    background: -ms-linear-gradient(top, #090, #030);
    background: -o-linear-gradient(top, #090, #030);
	text-decoration: underline;
	color: #fff;
	padding-left: 1em;
	padding-right: 1em;

}	
.matrixbgact {
	background-color: #006600;
	color: #ffffff;
	vertical-align: middle;
	text-align: center;
	padding: .1em;
	border-bottom: 1px solid #000000;
}
.matrixlinkact {
	display: block;
	color: #ffffff;
	background-color: #007700;
}

/* Inset */

#column2 {
	float: left;
	overflow: hidden;
	width: 180px;
	margin-right: 0.5em;
}
#column2 a:visited {
	display: block;
	background-color: #ff8c00;
	color: #000;
}
#column2 a:hover {
	display: block;
	background-color: #060;
	color: #fff;
}
#column1 {
	float: right;
	overflow: hidden;
	width: 180px;
	color: #fff;
}
#column1 a:visited {
	display: block;
	background-color: #ff8c00;
	color: #000;
}
#column1 a:hover {
	display: block;
	background-color: #060;
	color: #fff;
}
.inset {
	color: #fff;
	background-color: #333;
	vertical-align: middle;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 4px outset #ff8c00;
	margin: 0 0 .5em 0;
	padding: 0;
}
.insetbg {
	height: 75px;
	background-color: #ffff80;
	color: inherit;
	vertical-align: middle;
	text-align: center;
	padding-top: .2em;
	padding-bottom: .2em;
	border-bottom: 1px solid #000;
}

/* All */

.father:link,.father:visited {
	display: block;
	color: #000000;
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2em;
}
.father:hover {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2em;
	color: #ffffff;
	background-color: #006600;
	text-decoration: underline overline;
}
.fatherbg {
	background-color: #ffff80;
	color: inherit;
	text-align: center;
	vertical-align: middle;
	height: 1.5em;
	padding: 1px 3px 3px;
	border-bottom: 1px solid #000000
}
.fatheract:link,.fatheract:visited {
	color: #ffffff;
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2em;
}
.fatheract:hover {
	color: #ffffff;
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2em;
	text-decoration: overline;
}
.fatherbgact {
	background-color: #006600;
	color: inherit;
	text-align: center;
	vertical-align: middle;
	height: 1.5em;
	padding: 1px 3px 3px;
}
.satan:link,.satan:visited  {
	display: block;
	color: #000000;
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.025em;
	font-weight: bolder;
	text-align: center;
	vertical-align: bottom;
	line-height: 1.1em;
}
.satan:hover  {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.025em;
	font-weight: bolder;
	text-align: center;
	vertical-align: bottom;
	line-height: 1.1em;
	color: #ffffff;
	background-color: #006600;
	text-decoration: underline overline;
}
.satanbg {
	background-color: #ffff80;
	color: inherit;
	text-align: center;
	vertical-align: middle;
	height: 1.5em;
	padding: 4px 3px 2px;
	border-bottom: 1px solid #000000
}
.satanact:link,.satanact:visited  {
	display: block;
	color: #ffffff;
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.025em;
	font-weight: bolder;
	text-align: center;
	vertical-align: bottom;
	line-height: 1.1em;
}
.satanact:hover  {
	color: #ffffff;
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.025em;
	font-weight: bolder;
	text-align: center;
	vertical-align: bottom;
	line-height: 1.1em;
	text-decoration: overline;
}
.satanbgact {
	background-color: #006600;
	color: inherit;
	text-align: center;
	vertical-align: middle;
	height: 1.5em;
	white-space: nowrap;
	padding: 4px 3px 2px;
	border-bottom: 1px solid #000000
}
.btmspacer {
	background-color: #fff;
	color: inherit;
	vertical-align: middle;
}
.btmbattlefield {
	background-color: #ffff80;
	color: inherit;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	padding: 3px;
	border-bottom: 1px solid #000000
}
.btmbattlefield a:visited {
	display: block;
	background-color: #ff8c00;
	color: #000000;
}
.btmbattlefield a:hover {
	display: block;
	background-color: #006600;
	color: #ffffff;
}
.btmbattlefieldeffects {
	background-color: #80ff80;
	color: inherit;
	vertical-align: middle;
	text-align: center;
	padding: 3px;
	border-bottom: 1px solid #000000
}
.btmbattlefieldeffects a:visited {
	display: block;
	background-color: #ff8c00;
	color: #000000;
}
.btmbattlefieldeffects a:hover {
	display: block;
	background-color: #006600;
	color: #ffffff;
}
.affects {
	background-color: #80ffff;
	color: inherit;
	vertical-align: middle;
	text-align: center;
	padding: .1em;
	border-bottom: 1px solid #000000
}
.affects a:visited {
	display: block;
	background-color: #ff8c00;
	color: #000000;
}
.affects a:hover {
	display: block;
	background-color: #006600;
	color: #ffffff;
}
.purple:link,.purple:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990099;
	background-color: inherit;
}
.black:link,.black:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: inherit;
}
.maroon:link,.maroon:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: maroon;
	background-color: inherit;
}
.green:link,.green:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #006600;
	background-color: inherit;
}
.field:link,.field:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: inherit;
	white-space: nowrap;	
}
.reign:link,.reign:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: maroon;
	background-color: inherit;
}
.saved:link,.saved:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
	background-color: inherit;
}
.btmredtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
	background-color: inherit;
}
.purple:hover,.black:hover,.maroon:hover,.green:hover,.field:hover,.reign:hover,.saved:hover {
	display: block;
	color: #ffffff;
	background-color: #006600;
	margin: 0;
}
#btminset {
    float: right;
}

/* Matrix Map Image */

.map {
	border: none;
	margin: 0px;
	padding: 0px;
}
.mapimg {
	border: none;
	margin: 0px;
	padding: 0px;
}
.mapbg {
	background-color: #ffff80;
	color: #000000;
}
.mapact {
	background-color: #009900;
	color: #000000;
}
.mapeffects {
	background-color: #80ff80;
	color: #000000;
}
.mapaffects {
	background-color: #80ffff;
	color: #000000;
}
.mapspacer {
	background-color: #ffffff;
	color: #000000;
}