body {
  font-family: Tahoma, Verdana, Arial, "sans-serif";
  font-size: 12px;
  margin: 7px;
  padding: 0;

  background-image: url('http://rode2.doddlercon.com/images/background_bg.jpg');
  background-repeat: repeat-x;
  background-color:#ffffff;
  color: #333;
  line-height: 185%;
}

table {
  font-family: Tahoma, Verdana, Arial, "sans-serif";
  font-size: 12px;

  color: #333;
}

table.maintb {
  font-family: Tahoma, Verdana, Arial, "sans-serif";
  font-size: 12px;
  
  background-color:#e1e1e1;
  color: #333;
  line-height: 185%;
  width:100%;
}

ol { 
  list-style-type: decimal; 
}


td.top {
  vertical-align: top;
}


#topic {
  border: 1px solid #999;
  background-color: #fff;
  margin-bottom: 1em;
  margin-right: 7px;
}

#topic-main {
  border: 1px solid #999;
  background-color: #fff;
  margin-bottom: 1em;  
  padding-left: 15px;
  margin-right: 7px;
}

#topic td.data {
  border-right: 1px dotted #999;
}

#topic td.data1 {
  border: 1px solid rgb(230,230,230);
  background: rgb(250,250,250);
}

#topic td.data2 {
  border: 1px solid rgb(210,210,210);
  background: rgb(230,230,230);
}

#topic td.data3 {
  border: 1px solid rgb(190,190,190);
  background: rgb(210,210,210);
}

#topic td.data4 {
  border: 1px solid rgb(170,170,170);
  background: rgb(190,190,190);
}

td.before { 
  background: rgb(255,220,220);

}

td.aftern { 

}

td.beforen { 

}

td.after { 
  background: rgb(220,255,220);

}

#topic td.calc {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  background-color: #fff;
  padding-right: 2px;
  padding-left: 5px;
}

#topic td.calcnb {
  border-bottom: 1px solid #999;
  background-color: #fff;
  padding-right: 2px;
  padding-left: 5px;
}


#topic td.subheader {
  margin-top: 0em;

  font-size: 12px;

  background: url(http://rode.doddlercon.com/db/images/th.png);
  background-repeat: repeat-x;
  color: #fff;
}

#topic h2.topicheader {
  font-weight: bold;
  border-bottom: 1px dotted #999;
  margin-top: 0em;
  margin-bottom: 0.5em;
  background: url('http://rode.doddlercon.com/db/images/h2.gif') no-repeat 0px center;
  padding-left: 15px;
  font-size: 12px;
}

#topic h2.subheader {
  margin-top: 0em;

  font-size: 12px;

  background: url(http://rode.doddlercon.com/db/images/th.png);
  background-repeat: repeat-x;
  color: #fff;
}

#topic h2.mainhead {
  
  font-size: 24px;
}

#topic ul {
  margin: 0em 0em 0em 1em;
  padding: 0px;
  margin-left: 1em;
}

#topic li {
  line-height: 135%;
}

#topic li.sidebar {
  list-style: none;
  line-height: 135%;
}

#topic div.content {
 padding-bottom: 5px;
}

#topic {
  border: 1px solid #999;
  background-color: #fff;
  margin-bottom: 1em;
}

#topic hr2 {
  display: block; 
  clear: left; 
  margin: -0.66em 0;
  visibility: hidden;
}


H4.subheader {
  padding-left: 5px;
  font-size: 12px;

  border: 1px solid #ccccff;
  background-color: #e0e0FF;
}

#topic div.post {
  margin-bottom: 0.5em;  
  padding-left: 5px;
  padding-right: 5px;
}

#topic p:first-letter { font-size: 120% }

#container {
  width: 100%;
  min-width: 640px;
}

#topic td.title {
  font-weight: bold;
    border-bottom: 2px solid rgb(0,0,0)

}

#topic td.subtitle {
  font-weight: bold;
  border-bottom: 1px solid #666;
  background: rgb(192,192,192);
}

#topic td data {
  border: 1px dotted #999;
  border-right: 1px dotted #999;
}

a:visited 
{ 
	color: Blue; 
	background: transparent /* 98fb98 */ 
}

a:active 
{ 
	color: Blue; 
	border-color: #7B2427; 
	background: transparent 
}

/* div a:active { color: Blue; border-color: #7B2427; background: transparent } */

a:hover 
{
	text-decoration:underline;  
	color: #7B2427; 
	border-color: #f80; 
}

a.link:hover 
{
	text-decoration:underline;  
	color: #7B2427; 
	border-color: #f80; 
}

ul
{
	padding: 0px;
	padding-left: 15px;
	margin: 0;
}

.itemtable{ width:640px; border: 1px solid #ccccff; border-collapse: collapse;}
.itemtable td{ padding: 1px; border: 1px solid #ccccff; border-collapse: collapse;}
.itemtable tr{ border: 1px solid #ccccff; border-collapse: collapse;}
.a_id{ width: 80px; background-color: #e0e0FF;}
.a_sicon{ width: 30px; text-align: center; vertical-align:middle; background-color: #ffffff;}
.a_name{ width: 560px; border-right: 0px; background-color: #e0e0FF;}
.a_icon{ width: 80px; text-align: center;}
.a_atk { width: 30px; text-align: center;}
.a_weight, .a_rlvl, .a_wlvl, .a_ele, .a_ref{ width: 50px; text-align: center;}
.a_job{ width: 240px; font-family: monospace;}
.on{ width: 25px; display: block; background-color: #ccffff; text-align: center; float: left;}
.on2{ width: 25px; display: block; background-color: #ffccff; text-align: center; float: left;}
.on3{ width: 25px; display: block; background-color: #ffff99; text-align: center; float: left;}
.off{ width: 25px; display: block; background-color: #ffffff; color: #c0c0c0; text-align: center; float: left;}
.a_text{ width: 560px;}
.a_effect{ width: 320px; background-color: #ffffcc;}
.a_get{ width: 240px;}
.a_get em{ color: #ff3333; font-style: normal;}


.c_id{ width: 130px; background-color: #e0e0FF;}
.c_sicon{ width: 30px; text-align: center; vertical-align:middle; background-color: #ffffff;}
.c_name{ width: 430px; height: 2em; border-right: 0px; background-color: #e0e0FF;}
.c_icon{ width: 100px; text-align: center;}
.c_prefix{ width: 160px; text-align: center;}
.c_text{ width: 380px; height: 5em; background-color: #ffffcc;}


.line_cyan{ padding: 1px; background-color: #cee1ff; display: block;}
.line_green{ padding: 1px; background-color: #deffce; display: block;}
.line_blue{ padding: 1px; background-color: #ccffff; display: block; width: 100%;}
.line_red{ padding: 1px; background-color: #ffccff; display: block;}
.line_yellow{ padding: 1px; background-color: #ffffcc; display: block;}

.quest_title {width: 160px;}
.quest_option {width: 690px;}

.mon_table{ width:750px; border: 1px solid #ccccff; border-collapse: collapse;}
.mon_table td{ padding: 1px; border: 1px solid #ccccff; border-collapse: collapse;}
.mon_table tr{ border: 1px solid #ccccff; border-collapse: collapse;}
.mon_name{ height: 2em; background-color: #e0e0FF; padding-left: 5px;}
.mon_image{ bgcolor=#FFFFFF; width: 170px;}
.mon_vheader{ bgcolor=#FFFFFF; width: 55px;}
.mon_value{ bgcolor=#FFFFFF; width: 95px;}
.mon_drops{ bgcolor=#FFFFFF; width: 230px;}
.mon_skills{ bgcolor=#FFFFFF; width: 200px;}
.mon_desc{ bgcolor=#FFFFFF; width: 570px;}

.map_holder {width: 750px;}
.map_table{ width:750px; border: 1px solid #ccccff; border-collapse: collapse;}
.map_table td{ padding: 1px; border: 1px solid #ccccff; border-collapse: collapse;}
.map_table tr{ border: 1px solid #ccccff; border-collapse: collapse;}
.map_monhead{ height: 2em; background-color: #e0e0FF; padding-left: 1px; text-align: center;}
.map_num{ text-align: right;}

.merc_table { width:750px; border: 1px solid #ccccff; border-collapse: collapse;}
.merc_table td{ padding: 1px; border: 1px solid #ccccff; border-collapse: collapse;}
.merc_table tr{ border: 1px solid #ccccff; border-collapse: collapse;}
.merc_name{ height: 2em; background-color: #e0e0FF; padding-left: 5px;}
.merc_vheader{ bgcolor=#FFFFFF; width: 100px;}
.merc_value{ bgcolor=#FFFFFF; width: 100px;}
.merc_skills{ bgcolor=#FFFFFF; width: 200px;}

.merci_table { width:750px; border: 1px solid #ccccff; border-collapse: collapse;}
.merci_table td{ padding: 1px; border: 1px solid #ccccff; border-collapse: collapse;}
.merci_table tr{ border: 1px solid #ccccff; border-collapse: collapse;}
.merci_header{ background-color: #e0e0FF; }
.merci_sicon{ width: 30px; text-align: center; vertical-align:middle; background-color: #ffffff;}

.mskill_table { width:500px; border: 1px solid #ccccff; border-collapse: collapse;}
.mskill_table td{ padding: 1px; border: 1px solid #ccccff; border-collapse: collapse;}
.mskill_table tr{ border: 1px solid #ccccff; border-collapse: collapse;}
.mskill_header{ width: 310px; background-color: #e0e0FF; }
.mskill_sicon{ width: 30px; text-align: center; vertical-align:middle; background-color: #ffffff;}
.mskill_levels { width: 80px;  text-align: center; background-color: #e0e0FF; }
.mskill_spcost { width: 80px;  text-align: center; background-color: #f0f0FF; }

.emote_table { width:720px; border: 1px solid #ccccff; border-collapse: collapse;}
.emote_table td{ padding: 1px; border: 1px solid #ccccff; border-collapse: collapse;}
.emote_table tr{ border: 1px solid #ccccff; border-collapse: collapse;}
.emote_header{ width: 240px; background-color: #e0e0FF; }


.cash_table { width:740px; border: 1px solid #ccccff; border-collapse: collapse;}
.cash_table td{ padding: 1px; border: 1px solid #ccccff; border-collapse: collapse;}
.cash_table tr{ border: 1px solid #ccccff; border-collapse: collapse;}
.cash_name{ width: 660px; height: 2em; border-right: 0px; background-color: #e0e0FF;}
.cash_icon{ width: 80px; text-align: center;}
.cash_text{ width: 420px; height: 5em; background-color: ffffff;}
.cash_cost{ width: 160px; height: 5em; background-color: #ffffff;}