/* Basic style for the whole page */
body
{
background-color: #222222;
font-family:verdana;
color:#ffffff;
}

tr,td,table
{
margin: 0 0 0 0;
background-color: #2e2e2e;
padding-top:8px;
padding-right:8px;
padding-left:8px;
padding-bottom:8px;
border-collapse:collapse;
}

td
{
border:2px solid;
border-color:black;
}

/* Defines how links look normally */
a 
{ 
  text-decoration: none;
  color: #ffb019; 
  }
  a:hover { 
  text-decoration: underline;
  color: #ff0000;
  }
}

/* Base style for the container that everything goes in */
div.container
{
font-family: verdana, arial, sans-serif;
font-size: 10pt;
width: 100%;
line-height: 120%
}

/* Defines how item amounts look */
div.amount
{
float: left;
width: 35px;
margin: 0;
text-align: right;
color: #ffffff;
}

/* The default style for item names */
div.name
{
color: #ffffff;
}

/* The next few styles define the item quality colors */
span.Poor
{
color: #9d9d9d;
}

span.Common
{
color: #ffffff;
}

span.Uncommon
{
color: #1eff00;
}

span.Rare
{
color: #0070dd;
}

span.Epic
{
color: #a335ee;
}

span.Legendary
{
color: #ff8000;
}

/* Defines the way the tooltips look */
.tooltip
{
border-style: outset;
border-color: #000080;
padding: 4px;
color: #ffffff;
background-color: #000000;
width: 250px;
font-family: verdana, arial, sans-serif;
font-size: 8pt;
}

/* This is for the tooltip script */
#dhtmltooltip
{
position: absolute;
width: 150px;
visibility: hidden;
z-index: 100;
}