<style type='text/css'>
.alltoon_box {
	background: #ccccaa;
	border: 1px dotted black;
	padding: 3px;
}

.attribute {
       background-image: url("images/attrlineitem.png");
       text-align: left;
       color: Black;
       font-family: Arial, Sans-Serif, Helvetica;
       font-size: 14px;
}

.calbox {
	width: 80px;
	height: 80px;
	background: #fafafa;
	color: black;
	vertical-align: top;
}

.calboxhighlight {
	width: 80px;
	height: 80px;
	background: #fafabb;
	color: black;
	vertical-align: top;
}

.chain_box {
	background: #efefe1;
	border: 1px dotted black;
	padding: 3px;
	background-image: url(images/chains_watermark.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.house_box {
	background: #efefe1;
	border: 1px dotted black;
	padding: 3px;
	background-image: url(images/cottage_watermark.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.level_box {
	background: #efefe1;
	border: 1px dotted black;
	padding: 3px;
}

table.message {
	position: relative;
	background: #ccccaa;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

td.messagebody {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	font-family:arial,sans-serif,helvetica;
	color: Black;
	border-bottom: 1px solid #444444;
}

td.messagecheckbox {
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
	font-family:arial,sans-serif,helvetica;
	color: Black;
	background-color: #ccccbb;
	border-bottom: 1px solid #444444;
	vertical-align: top;
}

td.messageheader {
	width: 150px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	text-align: left;
	font-family:arial,sans-serif,helvetica;
	color: Black;
	background-color: #ddddbb;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.misc_stats_table {
	background-color: #fffff0;
	background-image: url(images/small_tree_watermark.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	border: 1px dotted black;
}

.numinfo {
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	font-family:arial, helvetica, sans-serif;
	color: #d6d3ce;
}

.numinfo_dark {
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	font-family:arial,sans-serif,helvetica;
	color: Black;
	background: #bbbb99;
}

.numinfo_dark_clear {
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	font-family:arial,sans-serif,helvetica;
	color: Black;
	background: none;
	vertical-align: top;
}

.numinfo_dark_two {
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	font-family:arial,sans-serif,helvetica;
	color: Black;
	background: #bbbb99;
}

.numinfo_right {
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
	font-family:arial,sans-serif,helvetica;
	background: none;
	color: #d6d3ce;
}

table.quest {
	position: relative;
	background-color: #ccccaa;
	background-color: #dedecc;
	border: 1px solid black;
}

td.quest {
	height: 20px;
	width: 125px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	font-family:arial,sans-serif,helvetica;
	color: Black;
	border-bottom: 1px dashed #bbbbbb;
}

th.quest {
	height: 20px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	font-family:arial,sans-serif,helvetica;
	color: Black;
	background-color: #f4f4f4;
	font-weight: bold;
}

.quest_timers_table {
	background-color: white;
	background-image: url(images/stopwatchwatermark.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border: 1px dotted black;
}

.skill {
       background-image: url("images/statlineitem.png");
       text-align: left;
       vertical-align: top;
       color: Black;
       font-family: Arial, Sans-Serif, Helvetica;
       font-size: 14px;
}

.skilllabels {
	padding-left: 5px;
	padding-right: 3px;
	text-align: center;
	font-family:arial, helvetica, sans-serif;
	color: #d6d3ce;
	font-weight: bold;
}

.skill_num {
       text-align: right;
       vertical-align: top;
       color: #d6d3ce;
       font-family: Arial, Sans-Serif, Helvetica;
       font-size: 14px;
}

.stats_raised_table {
	position: absolute;
	background: #ccccaa;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.stats_raised_td {
	height: 20px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
	font-family:arial,sans-serif,helvetica;
	color: Black;
	border-bottom: 1px dashed #ddddbb;
}

.stats_raised_th {
	height: 20px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	font-family:arial,sans-serif,helvetica;
	color: Black;
	background-color: #ddddbb;
	font-weight: bold;
	text-align: right;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

table.xpchain {
	background: #ccccaa;
	border: 1px solid black;
}

td.xpchain {
	height: 15px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	font-family:arial,sans-serif,helvetica;
	color: Black;
	border-bottom: 1px dashed #ddddbb;
}

th.xpchain {
	height: 15px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	font-family:arial,sans-serif,helvetica;
	color: Black;
	background-color: #ddddbb;
	font-weight: bold;
	border-bottom: 1px solid black;
}

/* boilerplate */

a {
color : #2211AA;
text-decoration : none;
}

h1 {
   font-size: 30px;
   border: 1px;
   margin: 1px;
}

td {
font-size : 10px;
text-decoration : none;
margin-left: 10px;
}

form {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

input {
  border-style : none;
  border: 1px solid #AAAAAA;
  background : #DDDDDE;
  margin-top: 2px;
  font-size: 10px;
}

textarea {
  border-style : none;
  border: 1px solid #AAAAAA;
  background : #DDDDDE;
  margin-top: 2px;
  font-size: 10px;
  font-family: Arial, Sans-Serif, Helvetica;
}

select {
  border-style : none;
  border: 1px solid #AAAAAA;
  background : #DDDDDE;
  margin-top: 2px;
  font-family: Arial, Sans-Serif, Helvetica;
  font-size: 10px;
}

div { font : 12px arial,sans-serif,helvetica; }

th { font : 12px sans-serif; 
     font-weight: bold; 
     text-align: left;
}

.numinfo_left {
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	font-family:arial,sans-serif,helvetica;
/*	background: #323321; */
	color: White;
}

.acstylepanel_level {
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	background-color: #323344;
	color: White;
}
body {
  background-color : #dedecc;
  color : Black;
  margin : 0;
  font-family: Arial, sans-serif, Helvetica;
  font-size : 10px;
}
</style>
