span.quality   { color: #FFFFFF; }
span.quality-1 { color: #FFCC00; }
span.quality0  { color: #808080; }
span.quality1  { color: #FFFFFF; }
span.quality2  { color: #00FF00; }
span.quality3  { color: #0068FF; }
span.quality4  { color: #8000FF; }
span.quality5  { color: #FF8000; }
span.quality6  { color: #FF0000; }
span.quality,span.quality-1,span.quality0,span.quality1,span.quality2,span.quality3,span.quality4,span.quality5,span.quality6 {
  display: block;
  font-weight: bold;
}
table.thin {
  font-family: Arial, Garamond, Helvetica;
  /*background-color: #FFF;*/
  margin-left: 0px;
  margin-right: 0px;
  border-spacing: 0px;
  padding: 0 0;
  font-size: 90%; 
  border: 0px;
}
table.thin td {
  border: 0px;
}
table.report table.thin td {
  border: 0px;
}
/* belows used in item info */
table.ttb {
  background-color: #282828; 
  color: #FFFFFF;
  margin: 0px; 
  border-bottom: 2px solid #888; 
  border-right: 2px solid #888;
  border-top: 2px solid #EEE; 
  border-left: 2px solid #EEE;
  font-size: 14px;
}
table.ttb h6 {
  font-size: 10px;
}
table.ttb h6 a:link { color: #3333FF; text-decoration: underline; }
table.ttb h6 a:visited { color: #3333FF; text-decoration: underline; }
table.ttb h6 a:hover { color: #7777FF; background-color: #282828; }
table.ttb h6 a:active { color: #000000; background-color: #0000FF; }
table.ttb a:link { color: #00FF00; text-decoration: none; }
table.ttb a:visited { color: #00EE00; text-decoration: none; }
table.ttb a:hover { color: #77FF77; background-color: #282828; }
table.ttb a:active { color: #000000; background-color: #00FF00; }

h6, h5 { 
  width: 100%;
  background-color: #AAAAAA;
  color: #000000;
  text-align: center;
  align: center;
  text-decoration: none;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}
table.tooltip { 
  width: 300; 
  background-color: #CCCCCC; 
  color: #000000;
  margin: 0px; 
  border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-top: 2px solid #EEE; 
  border-left: 2px solid #EEE;
}
table.tooltip td {
  color: #000000;
}
h4 a:link { color: #FFDD33; }
h4 a:hover { background-color: #335555; }
h4 a:active { margin-left: 1px; margin-top: 1px; }
h4 a:visited { color: #FFDD00; }

span.d3,div.d3 {
  border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-top: 2px solid #999; 
  border-left: 2px solid #999;
}
div.up {
  width: 100%;
  font-weight: bold;
}
div.up:hover { background-color: #000088; }
div.up:active { background-color: #5555AA; }
div.up a:link { color: #FFDD00; }
div.up a:visited { color: #FFDD00; }
div.up a:active { background-color: #000055; color: #FFDD00; }
div.up a:hover { background-color: #FFDD00; color: #000055; }

/* blue, standard link */
a:link { color: #0000FF; }
a:visited { color: #000088; }
a:active { background-color: #000000; color: #8888FF; }
a:hover { background-color: #999999; }

div.menuitems a:hover { background-color: #AAAAAA; }
div.bigmenuitems a:hover { background-color: #AAAAAA; }


/* click down and right a:active { margin-left: 1px; margin-top: 1px; } */

span.itemspell { color: #00FF00; }
span.itemspell a.spell:link { 
  color: #00FF00;
}
span.itemspell a.spell:visited { color: #00EE00; }
span.itemspell a.spell:hover {
  color: #77FF77; 
}
span.itemspell a.spell:active { color: #000000; background-color: #00FF00; }
span.itemdesc { color: #AAAA00; }
span.spdesc { color: #FFFF00; }
body { 
  background-color: #FFFFFF; 
  color: #000000; 
  font-family: Arial, Garamond, Helvetica;
  text-decoration: none; 
  font-size: 100%; 
  margin: 0; 
}
.checkbox {
  margin-bottom: 0px;
}
table.rc {
  margin-left: 0px;
  margin-right: 0px;
  border-spacing: 0px;
  padding: 0 0;
  font-size: 90%; 
}
table.rc td {
  width: 32px;
  text-align: center;
  vertical-align: top;
  font-size: 80%;
}
table.r {
  font-family: Arial, Garamond, Helvetica;
  margin-left: 0px;
  margin-right: 0px;
  border-spacing: 0px;
  padding: 0 0;
  font-size: 70%; 
  width: 200px;
}
table.r td {
  width: 25%;
}
ul { padding: 0 20; margin: 0px; }
div.price {
  align: center;
  font-size: 75%;
  width: 300;
  background-color: #DDDDDD;
}
span.right { align: right; }
pre { font-size: 11px; }
table { 
  font-family: Arial, Garamond, Helvetica;
  border-style: none 
}
table.item a {
  font-weight: bold;
  vertical-align: center;
}
span.quality a:link,span.quality a:visited { color: #000000; }
span.quality-1 a:link,span.quality-1 a:visited { color: #CC8800; }
span.quality0 a:link,span.quality0 a:visited { color: #808080; }
span.quality1 a:link,span.quality1 a:visited { color: #CC9900; }
span.quality2 a:link,span.quality2 a:visited { color: #00BB00; }
span.quality3 a:link,span.quality3 a:visited { color: #0068FF; }
span.quality4 a:link,span.quality4 a:visited { color: #8000FF; }
span.quality5 a:link,span.quality5 a:visited { color: #FF8000; }
span.quality6 a:link,span.quality6 a:visited { color: #FF0000; }

table.playerselect { border-style: none; font-size: 90%; }
table.playerselect td { align: left; padding: 0; }
table.playerselect input { width: 18; height: 18; }

select { margin: 0; padding: 0; }
table.foundation { border-style: none; }
table.foundation td.menu { font-size: 70%; align: left; vertical-align: top; }
table.foundation td.body { font-size: 100%; align: left; vertical-align: top; padding-left: 10px; }

table.tb {
  margin: 0px; 
  font-size: 9px;
  margin: 0px;
  border-spacing: 0px;
  padding: 0 0;
}
table.panel { 
  background-color: #CCCCCC; 
  border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-top: 2px solid #EEE; 
  border-left: 2px solid #EEE;
  font-size: 90%;
}
h1, h2, h3, div.menutitle {
  width: 100%;
}
span.title { text-decoration: underline; font-size: 150%; }
span.navbar { font-size: 80%; padding: 2; }
span.positive { color: #3300FF; }
span.negative { color: #BB0000; }
span.item { color: #007700; }
span.base { font-size: 90%; }
span.right {
  float: right;
}