/* The whole body of the popup frame */
.wowitem, .wowitemt, .wowitemname
{
	background-color: none;
	background-image:url(blue-bg.png);
	text-align: left;
	width: 215px;
	border: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	position: relative;
    line-height:normal;
}

div#overlib_light
{
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  color:#000; font-size:11px; line-height:1.2;
}

.wowitem
{
padding: 2px;
}

.textitemstats
{    
    font-family:Arial, Helvetica, sans-serif;
    font-style:normal;
    font-size:7pt;
    color:#8C8C8C;
    margin-top:0;
    margin-bottom:0;
    text-align:right;
    text-decoration:underline;
    font-weight:lighter;
}


/* Default link colors for the whole frame */
.wowitem a:link, .wowitem a:visited, .wowitem a:active { color: #FFB019; text-decoration: none; font-weight: normal }
.wowitemt a:link, .wowitemt a:visited, .wowitemt a:active { color: #FFB019; text-decoration: none; font-weight: normal }
.wowitemt a:hover, .wowitem a:hover { color: #FFB019; text-decoration: none; font-weight: normal }

.wowitemt td, .wowitem th, .wowitem
{
    font-family:Helvetica, Arial, sans-serif;
    font-size:9pt;
    color:#FAFAFA;
}
.wowrttxt {
    display: compact;
    position: absolute;
    text-align: right;
    right: 3px;
    top: inherit;
    color: #FFFFFF;
}

/* Item icon stuff */
.itemicon { width: 40px; height: 40px; }
.smallitemicon { width: 15px; height: 15px; }

/* Item colors */
.redname,    .quality6 { color: #FF0000; font-weight: bold; }
.orangename, .quality5 { color: #FF8000; font-weight: bold; }
.purplename, .quality4 { color: #A335EE; font-weight: bold; }
.bluename,   .quality3 { color: #0070DD; font-weight: bold; }
.greenname,  .quality2 { color: #1EFF00; font-weight: bold; }
/*.whitename,  .quality1 { color: #FFFFFF; font-weight: bold; }*/
.whitename,  .quality1 { font-weight: bold; }
.greyname,    .quality0 { color: #9D9D9D; font-weight: bold; }

a:link.itemlink, a:visited.itemlink, a:active.itemlink { text-decoration: none; }
a:hover.itemlink { text-decoration: none; }

/* Item Description Text */
.itemdesc { color: #FFD200; }
.goldtext {	color: #FFFF00; }

.socketMeta   { padding:3px 0 0 26px; background: url(socket_meta.gif) no-repeat left center }
.socketRed    { padding:3px 0 0 26px; background: url(socket_red.gif) no-repeat left center }
.socketYellow { padding:3px 0 0 26px; background: url(socket_yellow.gif) no-repeat left center }
.socketBlue   { padding:3px 0 0 26px; background: url(socket_blue.gif) no-repeat left center }
.socketNone   { height: 14px; width: 14px }