/* container for tooltips */
#dhtmltooltip{
	position: absolute;
	visibility: hidden;
	z-index: 100;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #E7CF96;
	font-size: 12px;
	color: #6F000D;
	border: solid 1px #000000;
	padding: 5px;
	width: 350px;
}
#dhtmltooltip h1 {
	font-size: 12px;
	background-color: #463000;
	font-family: verdana, arial, sans-serif;
	color: #ffffff;
	width: 100%;
}
#dhtmltooltip2{
	position: absolute;
	visibility: hidden;
	z-index: 100;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #E7CF96;
	font-size: 12px;
	color: #6F000D;
	border: solid 1px #000000;
	padding: 5px;
	width: 200px;
}
#dhtmltooltip2 h1 {
	font-size: 12px;
	background-color: #463000;
	font-family: verdana, arial, sans-serif;
	color: #ffffff;
	width: 100%;
}
#dhtmltooltip2 h2 {
	font-size: 12px;
	background-color: #003300;
	font-family: verdana, arial, sans-serif;
	color: #ffffff;
	width: 100%;
	margin: 2px;
}
#dhtmltooltip2 h3 {
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	color: #6F000D;
	width: 100%;
	margin: 2px;
}

#helpPop {
	position: absolute;
	visibility: hidden;
	width: 400px;
	left: 20px;
	top: 300px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #E7CF96;
	font-size: 12px;
	color: #6F000D;
	border: solid 1px #000000;
	padding: 5px;
}

#closePop {
	float: right;
}

#helpPop h2 {
	font-size: 12px;
	background-color: #003300;
	font-family: verdana, arial, sans-serif;
	color: #ffffff;
	width: 100%;
	margin: 2px;
}
/* for placing buildings */
.placeInd {
	color: #ffffff;
	font-size: 8px;
	font-family: verdana, arial, sans-serif;
	background-color: #000000;
	height: 14px;
	width: 14px;
}

.placeEmpt {
	height: 14px;
	width: 14px;
}



/* log output */
.sk_atk {
	color: red;
}

.sk_mod {
	color: cyan;
}

.sk_dmg {
	color: #00FF66;
}

.sk_critter {
	color: #CCFFCC;
}
.sk_dmgrep {
	color: #CCFFCC;
}
.sk_special {
	color: #00CCFF;
}

.sk_retal {
	color: #FF33FF;
}
.drop {
	color: #FF9933;
}
.killedit {
	color: red;
	font-weight: bold;
}
.loghr {
	width: 30%;
	height: 1px;
}
.hero {
	color: cyan;
}
.sanity {
	color: yellow;
}

/* for the general layout and stuff */
body {
	font-family: verdana, arial, sans-serif;
	margin: 0px;
	color: #481B0B;
	background-color: #000000;
}


/* rare items */
.r1 {
	background-color: #000000;
	color: #FFFFCC;
}
.r2 {
	background-color: #000000;
	color: #FFFF00;
}
.r3 {
	background-color: #000000;
	color: #FF9900;
}
.r4 {
	background-color: #000000;
	color: #FF0000;
}
.r5 {
	background-color: #000000;
	color: #FF00FF;
}


.nobord {
	border: 1px solid #333333;
}
.bord {
	border: 1px solid red;
}
.tree {
	background-color: #4B0D00;
	font-size: 10px;
	padding: 2px;
	margin: 1px;
	border: 1px solid #c0c0c0;
	width: 95px;
	text-align: center;
}
.treeSel {
	background-color: #996633;
	font-size: 10px;
	padding: 2px;
	margin: 1px;
	border: 1px solid #504121;
	width: 95px;
	text-align: center;
}
.skilltype {
	background-color: #996633;
	font-size: 10px;
	padding: 2px;
	margin: 1px;
	border: 1px solid #504121;
	color: #ffffff;
}
.maincontainer {
	border: 1px solid #ffffff;
}
.toolbox {
	background-color: #000000;
	margin: 2px;
}

/* user stats */
.userStats {
	background-color: #000000;
	width: 750px;
}
.xpBar {
	background-color: #000000;
	border: 1px solid #c0c0c0;
}



/* general table stuff */
.odd {
	font-family: verdana, arial, sans-serif;
	color: #6F000D;
	font-size: 10px;
	font-weight: bold;
}
.even {
	font-family: verdana, arial, sans-serif;
	color: #6A4633;
	font-size: 10px;
	font-weight: bold;
}
.alert {
	font-family: verdana, arial, sans-serif;
	color: red;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}
.newsdiv {
	font-family: verdana, arial, sans-serif;
	color: #6A4633;
	font-size: 12px;
}
.newsdate {
	font-family: verdana, arial, sans-serif;
	color: #6A4633;
	font-size: 10px;
	}


.tablehead {
	font-family: verdana, arial, sans-serif;
	background-color: #C4A56A;
	color: #000000;
	font-size: 70%;
	font-weight: bold;
}
/* inventory stuffs */
.invhead {
	font-family: verdana, arial, sans-serif;
	background-color: #C4A56A;
	color: #000000;
	font-size: 60%;
	font-weight: bold;
}
.iodd {
	font-family: verdana, arial, sans-serif;
	color: #6F000D;
	font-size: 10px;
}
.ieven {
	font-family: verdana, arial, sans-serif;
	color: #6A4633;
	font-size: 10px;
	background-color: #C4A56A;
}
.equ {
	font-size: 10px;
	font-family: verdana, arial, sans-serif;
	background-color: #4A4943;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	color: #ffffff;
	padding: 1px;
	margin: 0px;
}
.highlight {
	font-family: verdana, arial, sans-serif;
	background-color: #222222;
	font-size: 10px;
	color: #ffffff;
}

/* links */
a {
	font-family: verdana, arial, sans-serif;
	color: #ffffff;
}
a:visited  {	
	font-family: verdana, arial, sans-serif;
	color: #ffffff;
}
a:link  {
	font-family: verdana, arial, sans-serif;
	color: #ffffff;
}
a:hover  {
	color: red;
	font-family: verdana, arial, sans-serif;
}
a:active  {
	color: red;
	font-family: verdana, arial, sans-serif;
}


a.mini {
	font-family: verdana, arial, sans-serif;
	color: #000000;
	font-size: 9px;
}
a.mini:visited  {	
	font-family: verdana, arial, sans-serif;
	color: #000000;
	font-size: 9px;
}
a.mini:link  {
	font-family: verdana, arial, sans-serif;
	color: #000000;
	font-size: 9px;
}
a.mini:hover  {
	color: red;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
}
a.mini:active  {
	color: red;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
}