/* Shared frame for the complete Library, Community, Custom, Support and Bazaar interiors. */
.hb-reference.hb-directory-page #News { flex:0 0 auto; margin-top:0; }
.hb-reference.hb-directory-page #News > .rb-page-head { display:none; }
.hb-reference.hb-directory-page #News > .rb-panel-body { flex:0 0 auto; margin:0; border:0; border-radius:0; background:none; box-shadow:none; }
.hb-reference.hb-directory-page #News > .rb-panel-body::before { display:none; }
.hb-reference.hb-directory-page #News .rb-content-mid { flex:0 0 auto; min-height:0; padding:0 8px; }
.hb-reference #MenuColumn a.rb-menuitem { box-sizing:border-box; position:relative; display:flex; align-items:center; gap:7px; min-height:30px; padding-top:6px; padding-bottom:6px; }
.hb-reference #MenuColumn a.rb-menuitem > span:first-child { flex:1; min-width:0; }
.hb-reference #MenuColumn .hb-menu-badge { flex:0 0 auto; padding:1px 3px; border-radius:1px; color:#fff; font:700 6px/9px Verdana,Arial,sans-serif; letter-spacing:0; }
.hb-reference #MenuColumn .hb-menu-badge.is-hot { background:#ff3a4a; }
.hb-reference #MenuColumn .hb-menu-badge.is-new { background:#00cd69; }
.hb-reference.hb-directory-page .hb-directory { color:#3d2b1c; font:11px/1.55 Verdana,Arial,sans-serif; letter-spacing:normal; text-align:left; }
.hb-reference.hb-directory-page .hb-directory > .hb-directory-panel:last-of-type { margin-bottom:0; }
.hb-reference.hb-directory-page .rb-content-mid .hb-directory .hb-directory-heading {
  position:relative; display:flex; align-items:center; gap:7px; min-height:31px; margin:-2px -8px 0; padding:5px 20px;
  border:0; background:transparent url('/templates/highbinot/images/ui/page/header-editable.png') center/100% 100% no-repeat;
  color:#f5ead1; font:600 12px/21px Georgia,'Times New Roman',serif; letter-spacing:.45px; text-shadow:0 1px 1px #000; text-transform:uppercase;
}
.hb-reference.hb-directory-page .hb-directory .hb-directory-panel { border:2px solid #b28a30; border-radius:3px; background:linear-gradient(#f1e5c6,#eadab0); box-shadow:0 2px 3px #20170c38; }
.hb-reference.hb-directory-page .hb-directory .hb-directory-body { padding:13px 17px 17px; }
.hb-reference .hb-directory .hb-directory-table-scroll { width:100%; max-width:100%; overflow-x:auto; margin-bottom:12px; }
.hb-reference .rb-content-mid .hb-directory:not(.hb-services) .hb-directory-table :is(td,th) { padding:5px 8px; font:11px/1.5 Verdana,Arial,sans-serif; }
.hb-reference .rb-content-mid .hb-directory:not(.hb-services) .hb-directory-table th { font-weight:600; }
.hb-reference .hb-directory:not(.hb-services) .hb-directory-filter { margin:0 0 13px; border:0; border-bottom:1px solid #baa780; background:transparent; padding:0 0 13px; }
.hb-reference .hb-directory .hb-directory-filter > label { display:flex; flex-direction:column; gap:4px; min-width:0; font-weight:400; }
.hb-reference .rb-content-mid .hb-directory :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea) { max-width:100%; box-sizing:border-box; min-height:26px; margin:0; border:1px solid #8d7a59; border-radius:2px; background:#d5c7a9; color:#3d2d1b; font:11px/1.4 Verdana,Arial,sans-serif; padding:4px 7px; }
.hb-reference .hb-directory :is(input,select,textarea,button,a):focus-visible { outline:2px solid #2b709b; outline-offset:2px; }
.hb-reference .hb-directory .hb-directory-button { display:inline-flex; justify-content:center; align-items:center; min-height:25px; border:1px solid #183e63; border-radius:0; margin:0; padding:4px 12px; background:linear-gradient(#3274ac,#194879); color:#fff8e7; font:10px/1.4 Verdana,Arial,sans-serif; box-shadow:inset 0 1px #ffffff30,0 1px 2px #382b1e33; text-decoration:none; cursor:pointer; }
.hb-reference .hb-directory .hb-directory-button:hover { color:#fff; background:linear-gradient(#3d83bc,#245b8d); text-decoration:none; }
.hb-reference .hb-directory .hb-directory-empty { padding:27px 12px; text-align:center; color:#78674c; }
.hb-reference .hb-directory .hb-community-highscores td.hb-directory-empty { text-align:center; }
.hb-reference .hb-directory .hb-directory-pagination { display:flex; align-items:center; justify-content:center; gap:12px; padding-top:13px; font-size:10px; }
.hb-reference .hb-directory .hb-directory-muted { color:#77664b; }
.hb-reference .hb-community-native { padding:13px 16px; border:2px solid #b28a30; border-radius:3px; background:linear-gradient(#f1e5c6,#eadab0); }
.hb-reference .hb-community-native :is(table,td,th,img) { max-width:100%; }
.hb-reference .hb-community-native td { overflow-wrap:anywhere; }
.hb-reference .hb-community-native table table { width:100%; }
.hb-reference .hb-community-native :is(td,th)[colspan="2"].white { padding:8px 10px; color:#fff3d4; background:#23455d; }
.hb-reference .hb-community-native img[alt="player outfit"] { position:static; margin:0 !important; width:64px !important; height:64px !important; }
.hb-reference .hb-community-native div:has(> img[alt="player outfit"]) { position:static !important; float:right; margin:0 0 10px 10px !important; width:64px !important; height:64px !important; padding:0 !important; }
.hb-reference.hb-directory-page .rb-content-mid .hb-directory .hb-directory-wiki .hb-directory-panel { border:0; border-radius:0; background:none; box-shadow:none; margin-bottom:25px; }
.hb-reference.hb-directory-page .rb-content-mid .hb-directory .hb-directory-wiki .hb-directory-heading { display:block; min-height:0; padding:0 0 9px; margin:0; border-bottom:1px solid #29333e; background:none; color:#f1f3f6; font:600 16px/1.5 Verdana,Arial,sans-serif; letter-spacing:0; text-transform:none; text-shadow:none; }
.hb-reference.hb-directory-page .hb-directory .hb-directory-wiki .hb-directory-body { padding:12px 0 0; }
.hb-reference.hb-directory-page .hb-directory .hb-directory-wiki .hb-directory-doc-index { display:block; margin:0; padding:0; border:0; background:none; }
.hb-reference.hb-directory-page .hb-directory .hb-directory-wiki .hb-directory-button { border-color:#c0cad5; border-radius:4px; background:#e5e9f0; color:#172331; box-shadow:none; }
.hb-reference.hb-directory-page .hb-directory .hb-directory-wiki .hb-directory-doc-title { color:#f5f6f8; }
.hb-reference.hb-directory-page .rb-content-mid .hb-directory .hb-directory-wiki .hb-directory-table :is(td,th) { color:#e0e4eb; }
@media(max-width:640px) {
  .hb-reference.hb-directory-page #News .rb-content-mid { padding:0 6px; }
  .hb-reference.hb-directory-page .rb-content-mid .hb-directory .hb-directory-heading { font-size:11px; padding-left:16px; }
  .hb-reference.hb-directory-page .hb-directory .hb-directory-body { padding:12px; }
  .hb-reference .hb-community-native { padding:10px 6px; }
  .hb-reference.hb-directory-page .hb-directory .hb-directory-wiki .hb-directory-doc-index { display:flex; }
}