.iconmedium { width: 44px; height: 44px; background: 4px 4px no-repeat; position: relative }
.iconmedium .tile  { width: 44px; height: 44px; }
.iconmedium .hover { width: 36px; height: 36px; left: 4px; top: 4px; position: absolute; z-index: 20 }
.iconmedium .hover a { width: 36px; height: 36px; display: block; border: 0 }

.iconlarge { width: 68px; height: 68px; background: 6px 6px no-repeat; position: relative }
.iconlarge .tile { width: 68px; height: 68px; }
.iconlarge .hover { width: 54px; height: 56px; left: 6px; top: 6px; position: absolute; z-index: 20; cursor: default }
.iconlarge .hover a { width: 54px; height: 56px; display: block; border: 0 }

.iconsmall  .glow { font-size: 11px; margin: 2px 5px 2px 4px; cursor: default; font-weight: bold }
.iconmedium .glow { font-size: 13px; margin: 4px 6px 4px 6px; cursor: default; font-weight: bold }
.iconlarge  .glow { font-size: 18px; margin: 4px 6px 4px 6px; cursor: default; font-weight: bold }

.iconsmall  .tile  { background-image: url(http://www.wowhead.com/images/icon_border_small.gif) }
.iconmedium .tile  { background-image: url(http://www.wowhead.com/images/icon_border_medium.gif) }
.iconlarge  .tile  { background-image: url(http://www.wowhead.com/images/icon_border_large.gif) }
.iconsmall  .hilite { background-image: url(http://www.wowhead.com/images/icon_hilite_small.gif) }
.iconmedium .hilite { background-image: url(http://www.wowhead.com/images/icon_hilite_medium.gif) }

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.left div.right {
	background-image: url(/images/wowhead/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 th {
	background-image: url(/images/wowhead/tooltip.gif);
}

.tooltip table td {
	background-image: url(/images/wowhead/tooltip.gif);
}

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

.tooltip {
	font-family: Verdana, sans-serif; 
	font-size: 11px; 
	line-height: 17px; 
	color: white; 
}

.tooltip { z-index: 100000001; position: absolute; display: none; }
.tooltip a { text-decoration: none }
.tooltip a:hover { text-decoration: underline }

.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 }

/* sockets in the tooltips, change the url's to the location of your socket images */
.socket-meta   { padding-left: 26px; background: url(/images/wowhead/socket_meta.gif) no-repeat left center }
.socket-red    { padding-left: 26px; background: url(/images/wowhead/socket_red.gif) no-repeat left center }
.socket-yellow { padding-left: 26px; background: url(/images/wowhead/socket_yellow.gif) no-repeat left center }
.socket-blue   { padding-left: 26px; background: url(/images/wowhead/socket_blue.gif) no-repeat left center }

.q  { color: #ffd100 !important }
.q0, .q0 a { color: #9d9d9d !important }
.q1, .q1 a { color: #ffffff !important }
.q2, .q2 a { color: #1eff00 !important }
.q3, .q3 a { color: #0070dd !important }
.q4, .q4 a { color: #a335ee !important }
.q5, .q5 a { color: #ff8000 !important }
.q6, .q6 a { color: #e5cc80 !important }
.q7, .q7 a { color: #ff0000 !important }
.q8, .q8 a { color: #ffff98 !important }