a:link, a:visited, a:active, a:hover {font-weight: bold; color: blue; text-decoration: none;}
a:hover {color: red;}

.gameWindow {
	width: 640px; height: 480px; overflow: hidden;
	background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%;
	margin: 0 0 0 0; padding: 0 0 0 0;
	position:absolute; top:0px; left:0px;
}
.mouseMask {
	width: 640px; height: 480px;
	margin: 0 0 0 0; padding: 0 0 0 0;
	position:absolute; top:0px; left:0px;
}
.dialog {
	border: 3px ridge #cccccc;
	background-color: #eeeeee;
	color:black;
}
.UIbar {
	width: 640px; height: 42px;
	margin: 0 0 0 0; padding: 0 0 0 0;
	position:absolute; top:480px; left:0px;
	border: 3px ridge #cccccc;
	background-color: #eeeeee;
}
.UIBarInner {
	width:634px; height:42px;
	margin: 0 0 0 0; padding: 0 0 0 0;
}
.nameTag {
	float:left;
	font-weight:bold;
	height:32px;
	margin: 10px 0 0 5px;
	display:inline;
}
.leftText {
	float:left; margin:10px 0 0 5px;
}
.rightText {
	float:right; margin:10px 0 0 5px;
}
.bar {
	font-size:4px;
	height: 10px;
	width: 128px;
	border:1px solid black;
	background-color:white;
	margin: 2px;
	position:relative; top:0px; left:0px;
}
.barnum {
	position:absolute;
	top:-1px; left: 0px;
	clear:both;
	color:black;
	font-size: 8px;
	font-weight: bold;
	width: 128px; height: 10px;
	text-align: center;
}
.barRed {
	height:100%;
	background-color:#ff6d65;
	float:left;
}
.barBlue {
	height:100%;
	background-color:#6598ff;
	float:left;
}
.barYellow {
	height:100%;
	background-color:#ffeb65;
	float:left;
}
.blackout{
	width: 640px; height: 480px; overflow: hidden;
	background-image: url('images/blackout.gif');
	background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%;
	margin: 0 0 0 0; padding: 0 0 0 0;
	position:absolute; top:0px; left:0px;
}
.blankout{
	width: 640px; height: 480px; overflow: hidden;
	background-image: url('images/blank.gif');
	background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%;
	margin: 0 0 0 0; padding: 0 0 0 0;
	position:absolute; top:0px; left:0px;
}
.blackscreen {
	width: 640px; height: 480px; overflow: hidden;
	background-color: #555555;
	background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%;
	margin: 0 0 0 0; padding: 0 0 0 0;
	position:absolute; top:0px; left:0px;
}
.msgbox{
	width: 600px;
	border: 3px ridge #cccccc;
	background-color: #eeeeee;
	color:black;
	padding: 5px;
}
.unit {
	overflow: hidden;
	background-repeat:no-repeat; background-attachment:scroll;
	margin: 0 0 0 0; padding: 0 0 0 0;
	background-position: 0px 0px;
	position: absolute;
}
.animsprite {
	overflow: hidden;
	background-repeat:no-repeat; background-attachment:scroll;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width:192px; height:192px;
	position: absolute;
}
.unitView {
	overflow: hidden;
	background-repeat:no-repeat; background-attachment:scroll;
	margin: 0 0 0 0; padding: 0 0 0 0;
	background-position: 0px 0px;
	width:32px; height:48px;
}
.sponsorsprite {
	width:64px; height:64px;
	background-image: url('images/Characters/097-Monster11.png');
	background-repeat:no-repeat; background-attachment:scroll;
	margin: 0 0 0 0; padding: 0 0 0 0;
	background-position: 0px 0px;
}
.cursor {
	overflow: hidden;
	background-repeat:repeat; background-attachment:scroll;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width:32px; height:32px;
	background-image: url('images/cursor.gif');
	position: absolute;
}
.tile {
	overflow: hidden;
	background-repeat:no-repeat; background-attachment:scroll;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width: 32px; height: 32px;
	position:absolute;
}
.movecell {
	overflow: visible;
	background-repeat:repeat; background-attachment:fixed;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width:32px; height:32px;
	background-image: url('images/movecell.png');
	background-position: 0px 0px;
	position: absolute;
}
.borderLeft {
	overflow:hidden;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width:3px; height:32px;
	position: absolute; top:0px; left:-3px;
	opacity:0.6; filter:alpha(opacity=60);
}
.borderRight {
	overflow:hidden;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width:3px; height:32px;
	position: absolute; top:0px; right:-3px;
	opacity:0.6; filter:alpha(opacity=60);
}
.borderTop {
	overflow:hidden;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width:32px; height:3px;
	position: absolute; top:-3px; left:0px;
	opacity:0.6; filter:alpha(opacity=60);
}
.borderBottom {
	overflow:hidden;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width:32px; height:3px;
	position: absolute; bottom:-3px; left:0px;
	opacity:0.6; filter:alpha(opacity=60);
}
.topLeft {
	overflow:hidden;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width:3px; height:3px;
	position: absolute; top:-3px; left:-3px;
	opacity:0.6; filter:alpha(opacity=60);
}
.topRight {
	overflow:hidden;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width:3px; height:3px;
	position: absolute; top:-3px; right:-3px;
	opacity:0.6; filter:alpha(opacity=60);
}
.bottomLeft {
	overflow:hidden;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width:3px; height:3px;
	position: absolute; bottom:-3px; left:-3px;
	opacity:0.6; filter:alpha(opacity=60);
}
.bottomRight {
	overflow:hidden;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width:3px; height:3px;
	position: absolute; bottom:-3px; right:-3px;
	opacity:0.6; filter:alpha(opacity=60);
}
.moveBorder {background-color: #0066cc;}
.atkcell {
	overflow: visible;
	background-repeat:repeat; background-attachment:fixed;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width:32px; height:32px;
	background-image: url('images/atkcell.png');
	background-position: 0px 0px;
	position: absolute;
}
.atkBorder {background-color: #ccc600;}
.aoecell {
	overflow: visible;
	background-repeat:repeat; background-attachment:fixed;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width:32px; height:32px;
	background-image: url('images/aoecell.png');
	background-position: 0px 0px;
	position: absolute;
}
.aoeBorder {background-color: #cc2c00;}

.autoInner{
	overflow: hidden;
	background-repeat:no-repeat; background-attachment:scroll;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width:16px; height:16px;
	position: absolute;
}
.anim{}
.auto {}
.event {
	overflow: visible;
	background-repeat:no-repeat; background-attachment:scroll;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width: 32px; height: 32px;
	border:1px inset #cccccc;
	position:absolute;
}

.layer {
	width: 640px; height: 480px;
	margin: 0 0 0 0; padding: 0 0 0 0;
	position:absolute; top:0px; left:0px;
}

.hiddenDiv {
	width: 0px; height: 0px; overflow: hidden;
	margin: 0 0 0 0; padding: 0 0 0 0;
	position:absolute; top:0px; left:0px;
}

.floatMsg {
	color: #ff4036; font-weight: bold; font-size: 14px; width:32px; text-align:center;
	margin: 0 0 0 0; padding: 0 0 0 0; position:absolute; overflow:visible;
}

.gameMenu{
	width: 640px; height: 480px; overflow: hidden;
	background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%;
	margin: 0 0 0 0; padding: 0 0 0 0;
	position:absolute; top:0px; left:0px;
}

.charCreateStats td {font-size:12px;}
.charCreateStats div {font-size:12px;}

.statTable td{font-size:12px; text-align:right;}
.statTable th{font-size:12px; font-weight:bold;}

.itemicon {
	display:inline;
	overflow: hidden;
	background-image: url('images/IconSet.png');
	background-repeat:no-repeat; background-attachment:scroll;
	margin: 0 0 0 0; padding: 0 0 0 0;
	background-position: 0px 0px;
	width:24px; height:24px;
}

.tilemap {}
.n0 {}
.n1 {}
.n2 {}
.n3 {}
.n4 {}
.n5 {}
.n6 {}
.n7 {}