/* Item colors */
.wowred		{ color: #FF0000; font-weight: normal; }
.woworange	{ color: #FF8000; font-weight: normal; }
.wowpurple	{ color: #A335EE; font-weight: normal; }
.wowblue	{ color: #0070DD; font-weight: normal; }
.wowgreen	{ color: #1EFF00; font-weight: normal; }
.wowwhite	{ color: #FFFFFF; font-weight: normal; }
.wowgrey    { color: #9D9D9D; font-weight: normal; }






/* shared attributes among normal and selected instance icons */
#sp, #ob, #kz, #za, #gl, #ml, #sc, #tk, #mh, #bt, #odw, #okz, #cg, #pvp,
#kz_s, #za_s, #gl_s, #ml_s, #sc_s, #tk_s, #mh_s, #bt_s, #odw_s, #okz_s, #cg_s, #pvp_s {
	width: 24px;
	height: 24px;
	float: left;
	cursor: pointer;
}



/* instance icon urls */
#kz		{ background: url(kz.gif); }	/* karazhan */
#ob		{ background: url(ob.gif); }	/* outdoorbosses */
#za		{ background: url(za.gif); }	/* zul'aman */
#sp		{ background: url(sp.gif); }	/* sunwell */
#gl		{ background: url(gl.gif); }	/* gruul's lair */
#ml		{ background: url(ml.gif); }	/* magtheridon's lair */
#sc		{ background: url(sc.gif); }	/* serpentshrine cavern */
#tk		{ background: url(tk.gif); }	/* tempest keep */
#mh		{ background: url(mh.gif); }	/* mount hyjal */
#bt		{ background: url(bt.gif); }	/* black temple */
#odw	{ background: url(odw.gif); }	/* doomwalker (outdoor boss) */
#okz	{ background: url(okz.gif); }	/* doom lord kazzak (outdoor boss */
#cg		{ background: url(cg.gif); }	/* crafted gear */
#pvp	{ background: url(pvp.gif); }	/* pvp gear */



table.tooltip {
	border: 0;
	border-spacing: 0; 
	border-collapse: collapse;

	max-width: 300px;
	width:expression(this.width > 300 ? "300px" : true);
}

table.tooltip td, table.tooltip tr {
	border: 0;
}

table.tooltip td.top-left {
	background-image: url(itemstats/tooltip.gif); 
	background-position: top left; 
	height: 4px;
}

table.tooltip td.top-right {
	background-image: url(itemstats/tooltip.gif); 
	background-position: top right; 
	height: 4px;
}

table.tooltip td.bottom-left {
	background-image: url(itemstats/tooltip.gif); 
	background-position: bottom left; 
	height: 4px;
}

table.tooltip td.bottom-right {
	background-image: url(itemstats/tooltip.gif); 
	background-position: bottom right; 
	height: 4px;
}

table.tooltip td.left {
	background-image: url(itemstats/tooltip.gif); 
	background-position: center left;
	padding: 0;

	max-width: 300px;
	width:expression(this.width > 300 ? "300px" : true);
}

table.tooltip td.left div.right {
	background-image: url(itemstats/tooltip-right.gif); 
	background-position: center right; 
	background-repeat: repeat-y;
	padding: 0 8px 0 8px;

	max-width: 300px;
	width:expression(this.width > 300 ? "300px" : true);
}




.tooltip table { 
	border-spacing: 0; 
	border-collapse: collapse; 
	margin-right: 0;
	width: 100%;
	width:expression("auto");
}

.tooltip td, .tooltip tr, .tooltip table, .tooltip th { border: 0; }

.tooltip td, .tooltip th { background: none; font-family: Verdana, sans-serif; font-size: 11px; line-height: 17px; color: white; padding: 5px }
.tooltip th { padding: 3px; padding-right: 8px; height: 8px }
.tooltip td { padding: 8px 4px 1px 9px }

.tooltip b { font-size: 14px; line-height: 17px; font-weight: normal }
.tooltip div.indent { padding-left: 0.6em }

.tooltip td th, .tooltip td td { background: none }
.tooltip td th { padding: 0 0 0 4em; text-align: right; font-weight: normal }
.tooltip td td { padding: 0 }

.tooltip table.shrink b { font-size: 12px; line-height: 15px }
.tooltip table.shrink td, .tooltip table.shrink th { font-size: 10px; line-height: 14px }











/* 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; }
.greyname              { color: #9D9D9D; font-weight: bold; }