

/* GENERAL
body {
	background-color: #272726;
	margin-top: 0;
	margin-bottom: 0;
} */

/* GENERAL FONT 
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #cca918; }
a:hover		{ text-decoration: underline; color : #cccccc; }
hr	{ height: 0px; border: solid #353029 0px; border-top-width: 1px;}*/

/********************** WOWHEAD.CSS ******************/
.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://static.wowhead.com/images/icon_border_small.gif) }
.iconmedium .tile  { background-image: url(http://static.wowhead.com/images/icon_border_medium.gif) }
.iconlarge  .tile  { background-image: url(http://static.wowhead.com/images/icon_border_large.gif) }
.iconsmall  .hilite { background-image: url(http://static.wowhead.com/images/icon_hilite_small.gif) }
.iconmedium .hilite { background-image: url(http://static.wowhead.com/images/icon_hilite_medium.gif) }

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

	width: auto;
	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(http://static.wowhead.com/images/tooltip.gif); 
	background-position: top left; 
	height: 4px;
}

table.tooltip td.top-right {
	background-image: url(http://static.wowhead.com/images/tooltip.gif); 
	background-position: top right; 
	height: 4px;
}

table.tooltip td.bottom-left {
	background-image: url(http://static.wowhead.com/images/tooltip.gif); 
	background-position: bottom left; 
	height: 4px;
}

table.tooltip td.bottom-right {
	background-image: url(http://static.wowhead.com/images/tooltip.gif); 
	background-position: bottom right; 
	height: 4px;
}

table.tooltip td.left {
	background-image: url(http://static.wowhead.com/images/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(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);
}

table.tooltip td.left {
	width: auto;
	float: none;
	text-align: left;
}

div.right div.tooltip {
	float: none;
	text-align: left;
}

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; }
.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(http://static.wowhead.com/images/socket_meta.gif) no-repeat left center }
.socket-red    { padding-left: 26px; background: url(http://static.wowhead.com/images/socket_red.gif) no-repeat left center }
.socket-yellow { padding-left: 26px; background: url(http://static.wowhead.com/images/socket_yellow.gif) no-repeat left center }
.socket-blue   { padding-left: 26px; background: url(http://static.wowhead.com/images/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 }

/* The whole body of the popup frame */
.wowitem, .wowitemt, .wowitemname
{
	background-color: #000000;
	text-align: left;
	width: 305px;
	border: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	position: relative;
    	line-height:normal;
}

.div.tooltip .wowitem, div.tooltip .wowitemt, div.tooltip .wowitemname
{
	background: none;
}

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; text-decoration: none; }
.orangename, .quality5 { color: #FF8000; font-weight: bold; text-decoration: none; }
.purplename, .quality4 { color: #A335EE; font-weight: bold; text-decoration: none;}
.bluename,   .quality3 { color: #0070DD; font-weight: bold; text-decoration: none; }
.greenname,  .quality2 { color: #1EFF00; font-weight: bold; text-decoration: none; }
.whitename,  .quality1 { color: #FFFFFF; font-weight: bold; text-decoration: none; }
.greyname              { color: #9D9D9D; font-weight: bold; text-decoration: none; }
.yellowname			   { color: #FFD100; font-weight: bold; text-decoration: none; }

/* Item link (Name of items on ViewItem page) */
a:link.itemlink, a:visited.itemlink, a:active.itemlink { text-decoration: none; }
a:hover.itemlink { text-decoration: none; }

/* Armor set info link */
.setbonus { color: #1EFF00; font-weight: normal; }
a:link.setbonus, a:visited.setbonus, a:active.setbonus { text-decoration: none; font-weight: normal; color: #1EFF00; }
a:hover.setbonus { text-decoration: underline; font-weight: normal; color: #1EFF00; }
a:link.set, a:visited.set, a:active.set { text-decoration: none; font-weight: normal; color: #FFA500; }
a:hover.set { text-decoration: underline; font-weight: normal; color: #FFA500; }

/* Item effects */
.itemeffectlink { color: #FFFFFF; font-weight: normal; }
a:link.itemeffectlink, a:visited.itemeffectlink, a:active.itemeffectlink { text-decoration: none; font-weight: normal; color: #1EFF00; }
a:hover.itemeffectlink { text-decoration: underline; font-weight: normal; color: #1EFF00; }

/* Refresh link */
a:link.itemrefresh, a:visited.itemrefresh, a:active.itemrefresh { text-decoration: none; font-weight: normal; font-size: x-small }
a:hover.itemrefresh { text-decoration: none; font-weight: normal; font-size: x-small }

/* Item Create link, used for certain recipes */
.itemeffectlink { color: #1EFF00; font-weight: normal; }
a:link.itemcreatelink, a:visited.itemcreatelink, a:active.itemcreatelink { text-decoration: none; font-weight: normal; color: #1EFF00; }
a:hover.itemcreatelink { text-decoration: underline; font-weight: normal; color: #1EFF00; }

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

.classtext-1, .classtext-1 a { color: #C79C6E; font-weight: bold; text-decoration: none } /* warrior */
.classtext-2, .classtext-2 a { color: #F58CBA; font-weight: bold; text-decoration: none } /* paladin */
.classtext-3, .classtext-3 a { color: #ABD473; font-weight: bold; text-decoration: none } /* hunter */
.classtext-4, .classtext-4 a { color: #FFF569; font-weight: bold; text-decoration: none } /* rogue */
.classtext-5, .classtext-5 a { color: #FFFFFF; font-weight: bold; text-decoration: none } /* priest */
.classtext-7, .classtext-7 a { color: #2459FF; font-weight: bold; text-decoration: none } /* shaman */
.classtext-8, .classtext-8 a { color: #69CCF0; font-weight: bold; text-decoration: none } /* mage */
.classtext-9, .classtext-9 a { color: #9482CA; font-weight: bold; text-decoration: none } /* warlock */
.classtext-11, .classtext-11 a{ color: #FF7D0A; font-weight: bold; text-decoration: none } /* druid */

.classtext-oldscan, .classtext-oldscan a{ color: #FF0000; font-weight: bold; text-decoration: none } /* scan failed in last armory update */

.classtext-1 a:hover, .classtext-2 a:hover, .classtext-3 a:hover, .classtext-4 a:hover, .classtext-5 a:hover,
.classtext-7 a:hover, .classtext-8 a:hover, .classtext-9 a:hover, .classtext-11 a:hover, .classtext-oldscan a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.classbg-1 { background-color: #C79C6E } /* warrior */
.classbg-2 { background-color: #F58CBA } /* paladin */
.classbg-3 { background-color: #ABD473 } /* hunter */
.classbg-4 { background-color: #FFF569 } /* rogue */
.classbg-5 { background-color: #FFFFFF } /* priest */
.classbg-7 { background-color: #2459FF } /* shaman */
.classbg-8 { background-color: #69CCF0 } /* mage */
.classbg-9 { background-color: #9482CA } /* warlock */
.classbg-11{ background-color: #FF7D0A } /* druid */

.classbg-dim-1 { background-color: #555555 } /* warrior */
.classbg-dim-2 { background-color: #555555 } /* paladin */
.classbg-dim-3 { background-color: #555555 } /* hunter */
.classbg-dim-4 { background-color: #555555 } /* rogue */
.classbg-dim-5 { background-color: #555555 } /* priest */
.classbg-dim-7 { background-color: #555555 } /* shaman */
.classbg-dim-8 { background-color: #555555 } /* mage */
.classbg-dim-9 { background-color: #555555 } /* warlock */
.classbg-dim-11{ background-color: #555555 } /* druid */

/* country rank <= 100 */
.rank-0 {
	color: #A335EE ! important;
	font-weight: bold;
	text-decoration: none;
}

/* country rank <= 1,000 */
.rank-1 {
	color: #0070DD ! important;
	font-weight: bold;
	text-decoration: none;
}

/* country rank <= 5,000 */
.rank-2 {
	color: #1EFF00 ! important;
	font-weight: bold;
	text-decoration: none;
}

/* country rank <= 10,000 */
.rank-3 {
	color: #FFFFFF ! important;
	font-weight: bold;
	text-decoration: none;
}

/* country rank > 10,000 */
.rank-4 {
	color: #9D9D9D ! important;
	font-weight: bold;
	text-decoration: none;
}

.armorylink {
	background: url(armory.gif);
	width: 27px;
	height: 27px;
}

.moreentries a {
	color: #9D9D9D;
	font-weight: bold;
	text-decoration: none;
	float: left;
	padding-top: 6px;
}

.moreentries a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.expand {
	background: url(expand.gif);
	width: 27px;
	height: 27px;
	float: left;
}

.collapse {
	background: url(collapse.gif);
	width: 27px;
	height: 27px;
	float: left;
}

.exmember, .exmember a  {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

.exmember a:hover {
	color: #ffffff;
	text-decoration: underline;
}

a.region_rank0 {
    color: #FF8000;
    font-weight: bold;
    text-decoration: none;
}

a.region_rank1 {
    color: #A335EE;
    font-weight: bold;
    text-decoration: none;
}

a.region_rank2 {
    color: #0070DD;
    font-weight: bold;
    text-decoration: none;
}

a.region_rank3 {
    color: #1EFF00;
    font-weight: bold;
    text-decoration: none;
}

a.region_rank4 {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

a.region_rank5 {
    color: #9D9D9D;
    font-weight: bold;
    text-decoration: none;
}

a.region_rank0:hover, a.region_rank1:hover, a.region_rank2:hover,
a.region_rank3:hover, a.region_rank4:hover, a.region_rank5:hover {
    color: #ccc;
    text-decoration: underline;
}


