@charset "utf-8";
/*
 * The original dungeonblitz.com rankings page (2017): dbcore-v3, dbwrap-v4 and dbranks-v5 in one
 * file, with the art served from /rankings/i/ instead of db.bmgstatic.com.
 */

/* Global Settings */
html { height: 100%; min-width: 1000px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; height: 100%; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Body */
body { width: 1000px; margin: 0px auto; background: #172A0A url(/rankings/i/pgbg.jpg) 50% 0 no-repeat; }
@media (max-width: 1680px) { body { background-image: url(/rankings/i/pgbg1680.jpg) } }
@media (max-width: 1440px) { body { background-image: url(/rankings/i/pgbg1440.jpg) } }
@media (max-width: 1280px) { body { background-image: url(/rankings/i/pgbg1280.jpg) } }
@media (max-width: 1024px) { body { background-image: url(/rankings/i/pgbg1024.jpg) } }

/* Header */
#dbheader { width: 1000px; height: 199px; text-align: left; margin: 0px auto; }
#dblogo { width: 253px; height: 174px; float: left; margin-top: 15px; margin-left: 25px; background: url(/rankings/i/dblogo.png) 50% 0 no-repeat; }

/* Main Menu */
#dbmenu { width: 560px; height: 40px; margin-left: 10px; margin-top: 98px; float: left; }
#dbmenu a { width: 131px; height: 40px; float: left; background-image: url(/rankings/i/nav_buttons.png) }
a#dbmenunews { background-position: 0px 0px; }
a#dbmenunews:hover { background-position: 0px -40px; }
a#dbmenuplay { background-position: -393px 0px; }
a#dbmenuplay:hover { background-position: -393px -40px; }
a#dbmenuranks { background-position: -262px 0px; }
a#dbmenuranks:hover { background-position: -262px -40px; }
/*
 * The sprite has no Wiki cell. /wiki/i/nav_wiki.png is one built from it: the Play cell with its
 * label painted out, the i and k copied pixel for pixel from the sprite's own Rankings label, and
 * a W (the sprite has none) drawn in 16px bold Arial with a 2px #111 outline, the settings that
 * redraw the sprite's labels most closely. Normal and hover rows like the sprite's; the text
 * stays for screen readers.
 */
#dbmenu a#dbmenuwiki { background: url(/wiki/i/nav_wiki.png) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; }
#dbmenu a#dbmenuwiki:hover { background-position: 0 -40px; }

/* Content */
#dbcontent { background: url(/rankings/i/contentbg.png) repeat-y center top; width: 976px; min-height: 100%; padding-left: 12px; padding-right: 12px; padding-bottom: 10px; margin: 0px auto; clear: left; }

/* Ranking Table */
table { color: #FFF; font-weight: bold; border-collapse: collapse; border-spacing: 0px; text-align: center; width: 936px; margin: 0px 20px; }

/* Ranking Sort */
div#sortopt { color: #FFF; font-weight: bold; }

/* Ranking Header */
div#rback { width: 976px; height: 100%; padding-top: 50px; background: url(/rankings/i/rheader.png) 50% 0 no-repeat; }
div#rfooter { width: 976px; height: 58px; background: url(/rankings/i/rftr.png) 50% 0 no-repeat; }
tr#rheader { width: 976px; height: 40px; margin-top: 40px; }
tr#rsep { width: 100%; height: 15px; }
th#mapname { font-size: 24px; padding: 5px 0px 0px 5px; text-align: left; }
th#hleft { width: 28px; }
th#hright { width: 28px; }
th#rank { width: 41px; height: 39px; background: url(/rankings/i/rhead_rank.png) 50% 0 no-repeat; }
th#kills { width: 80px; height: 39px; background: url(/rankings/i/rhead_kills.png) 50% 0 no-repeat; }
th#accuracy { width: 80px; height: 39px; background: url(/rankings/i/rhead_accuracy.png) 50% 0 no-repeat; }
th#deaths { width: 80px; height: 39px; background: url(/rankings/i/rhead_deaths.png) 50% 0 no-repeat; }
th#treasure { width: 80px; height: 39px; background: url(/rankings/i/rhead_treasure.png) 50% 0 no-repeat; }
th#time { width: 80px; height: 39px; background: url(/rankings/i/rhead_time.png) 50% 0 no-repeat; }

td.stars { width: 100px; padding: 0 20px; }
div.sfull { width: 20px; height: 20px; float:left; background: url(/rankings/i/star_full.png); }
div.shalf { width: 20px; height: 20px; float:left; background: url(/rankings/i/star_half.png); }
div.sempty { width: 20px; height: 20px; float:left; background: url(/rankings/i/star_empty.png); }
.pnameleft { text-align: left; padding-left: 2px; }

td { height: 26px; }
tr.odd td { background-color: #181818; }
tr.even td { background-color: #292929; }

td.rnone { width: 26px; background-color: transparent !important; }
td.rleft { width: 26px; background: url(/rankings/i/rlwrap.png) no-repeat left; }
td.rright { width: 26px; background: url(/rankings/i/rrwrap.png) no-repeat right; }

td.rank1 { width: 26px; background: url(/rankings/i/first_place.png) no-repeat center; }
td.rank2 { width: 26px; background: url(/rankings/i/second_place.png) no-repeat center; }
td.rank3 { width: 26px; background: url(/rankings/i/third_place.png) no-repeat center; }

td.rcmage { width: 30px; height: 24px; background: url(/rankings/i/class_mage.png) no-repeat center; }
td.rcpaladin { width: 30px; height: 24px; background: url(/rankings/i/class_paladin.png) no-repeat center; }
td.rcrogue { width: 30px; height: 24px; background: url(/rankings/i/class_rogue.png) no-repeat center; }