body			{ font-family: Arial,Helvetica,Sans-Serif; color: #afafaf; font-size: 10pt; }
p				{ font-family: Arial,Helvetica,Sans-Serif; color: #afafaf; font-size: 10pt; }
span			{ font-family: Arial,Helvetica,Sans-Serif; font-size: 10pt; }
blockquote		{ font-family: Arial,Helvetica,Sans-Serif; color: #afafaf; font-size: 10pt; }
cite			{ font-family: Arial,Helvetica,Sans-Serif; color: #ffffff; font-weight: bold; font-style: normal ; font-size: 10pt; }
em				{ font-family: Arial,Helvetica,Sans-Serif; color: #ffffff; font-weight: bold; font-style: normal ; font-size: 10pt; }
b				{ font-family: Arial,Helvetica,Sans-Serif; font-weight: bold; font-style: normal; }
small			{ font-family: Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; font-style: normal; }
li				{ font-family: Arial,Helvetica,Sans-Serif; color: #afafaf; font-size: 10pt; line-height: 110% }
br				{ line-height: 100% }

a:link			{ font-family: Arial,Helvetica,Sans-Serif; color: #928a70; font-weight: bold }
a:visited		{ font-family: Arial,Helvetica,Sans-Serif; color: #706850; font-weight: bold }
a:active		{ font-family: Arial,Helvetica,Sans-Serif; color: #ffffff; font-weight: bold }
a:hover			{ font-family: Arial,Helvetica,Sans-Serif; color: #ffffff; font-weight: bold }

a.popup:link	{ font-family: Arial,Helvetica,Sans-Serif; color: #928a70 }
a.popup:visited	{ font-family: Arial,Helvetica,Sans-Serif; color: #706850 }
a.popup:active	{ font-family: Arial,Helvetica,Sans-Serif; color: #ffffff }
a.popup:hover	{ font-family: Arial,Helvetica,Sans-Serif; color: #ffffff }

a.tiny:link		{ font-family: Arial,Helvetica,Sans-Serif; color: #B4AC92; font-weight: normal; font-size: 8pt }
a.tiny:visited	{ font-family: Arial,Helvetica,Sans-Serif; color: #928A72; font-weight: normal; font-size: 8pt }
a.tiny:active	{ font-family: Arial,Helvetica,Sans-Serif; color: #ffffff; font-weight: normal; font-size: 8pt }
a.tiny:hover	{ font-family: Arial,Helvetica,Sans-Serif; color: #ffffff; font-weight: normal; font-size: 8pt }

/* Guides: remove only the three cells that form classic section-title ribbons. */
td[background*="/headers/header-back.gif"] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  background: none !important;
}


/* Guides: remove legacy chrome while keeping the future logo slot. */
/* Image 2: remove the 18px global Battle.net/game strip and reclaim its space. */
body > table[height="18"][width="100%"] {
  display: none !important;
}

/* Image 3: place the PD2 artwork in the original 116x82 logo slot.
   The artwork occupies the upper 70px; the original image remains
   clipped to its right edge and lower trim so the menu frame stays intact. */
a[href*="games/d2"] {
  display: block !important;
  width: 116px !important;
  height: 82px !important;
  background: url('/assets/pd2-logo.jpg') left top / 116px 70px no-repeat !important;
}

img[name="logo"][src*="d2-logo-"] {
  visibility: visible !important;
  -webkit-clip-path: polygon(96% 0, 100% 0, 100% 100%, 0 100%, 0 84%, 96% 84%);
  clip-path: polygon(96% 0, 100% 0, 100% 100%, 0 100%, 0 84%, 96% 84%);
}

/* Image 4: keep the original lower sidebar cell and reuse only the lower
   decorative part of blizz-logo.gif. This brings the smoky/speckled trim
   directly under the final menu button without restoring the Battle.net logo. */
td:has(> a > img[src$="/blizz-logo.gif"]) {
  position: relative !important;
  width: 116px !important;
  padding: 0 !important;
  vertical-align: top !important;
}

td:has(> a > img[src$="/blizz-logo.gif"])::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 116px;
  height: 32px;
  pointer-events: none;
  background: url('/images/battle/diablo2exp/images/blizz-logo.gif') left bottom / 116px 78px no-repeat;
}

td:has(> a > img[src$="/blizz-logo.gif"]) > a > img[src$="/blizz-logo.gif"] {
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Image 1: remove only the cell containing the Exit/close button. */
td:has(> br + a > img[name="exit"]),
td:has(> a > img[name="exit"]) {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
}