/* Basic style for the whole page */
body
{
background-color: #000000;
}

/* Defines how links look normally */
a:link
{
text-decoration: none;
}

/* Defines how a link you've already visted looks */
a:visited
{
text-decoration: none;
}

/* Defines how a link you're currently pointing at looks */
a:hover
{
color: #ff0000;
text-decoration: underline;
}

/* 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
{
margin-left: 40px;
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;
}