#m-page-header { background-image:url(../img/header/category-ranking.jpg); }
#m-page-title { background-image:url(../img/header/pages-ranking.png); }
#m-page-title,
#m-page-title.job-ranking { background-position:100% -80px; }
#m-page-title.overall-ranking { background-position:100% 0; }
#m-page-title.world-ranking { background-position:100% -40px; }
#m-page-title.fame-ranking { background-position:100% -120px; }
#m-page-title.style-ranking { background-position:100% -160px; }
#m-subnav h2 span { background-position:0 -50px; }
	
/* WORLD SELECT */
#m-select-world { background:#f3f3f3 url(../img/rankings/world-icons.png) -108px 50% repeat-y; height:27px; padding:10px 0 10px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:11px; margin-bottom:20px; }
#m-select-world > span { height:27px; line-height:27px; width:93px; float:left; }
#m-select-world .world { height:27px; line-height:27px; width:27px; float:left; background-image:url(../img/rankings/world-sprite.png); background-repeat:no-repeat; position:relative; text-decoration:none; }
.world.galicia { background-position:-27px 0; }
.world.scania { background-position:-54px 0; }
.world.bera { background-position:-81px 0; }
.world.broa { background-position:-108px 0; }
.world.windia { background-position:-135px 0; }
.world.khaini { background-position:-162px 0; }
.world.bellocan { background-position:-189px 0; }
.world.mardia { background-position:-216px 0; }
.world.kradia { background-position:-243px 0; }
.world.yellonde { background-position:-270px 0; }
.world.demethos { background-position:-297px 0; }
.world.el-nido { background-position:-324px 0; }
.world.zenith { background-position:-351px 0; }
.world.arcania { background-position:-378px 0; }
.world.nova{ background-position:-405px 0; }
.world.chaos{ background-position:-432px 0}
.world.renegades{ background-position:0 0}
#m-select-world .world span { display:none; position:absolute; top:27px; left:-10px; padding:0 10px; line-height:20px; background:#ffd014; color:#333; white-space:nowrap; }
#m-select-world .world:hover { text-decoration:none; }
#m-select-world .world:hover span { display:block; }

/* JOB SELECT */
#m-select-job { background:#f3f3f3 url(../img/rankings/world-icons.png) -60px 50% repeat-y; height:32px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:11px; margin-bottom:20px; }
#m-select-job strong { display:block; color:#c2170d; }
#m-select-job > span { height:32px; line-height:16px; width:120px; padding-right:10px; margin-right:15px; float:left; display:block; text-align:center; }
#m-select-job .job { height:32px; width:32px; float:left; margin-right:10px; background-image:url(../img/rankings/job-sprite.png); background-repeat:no-repeat; position:relative; text-decoration:none; }
#m-select-job .job span { display:none; position:absolute; top:32px; left:-10px; padding:0 10px; line-height:20px; background:#ffd014; color:#333; white-space:nowrap; }
#m-select-job .job:hover { text-decoration:none; }
#m-select-job .job:hover span { display:block; }
.job.legend,
.job.noblesse,
.job.citizen,
.job.beginner { background-position:0 0; }
.job.dawn-warrior,
.job.warrior { background-position:-32px 0; }
.job.blaze-wizard,
.job.magician { background-position:-64px 0; }
.job.wind-archer,
.job.bowman { background-position:-96px 0; }
.job.night-walker,
.job.thief { background-position:-128px 0; }
.job.thunder-breaker,
.job.pirate { background-position:-160px 0; }
.job.aran { background-position:-192px 0; }
.job.evan { background-position:-224px 0; }
.job.wild-hunter { background-position:-256px 0; }
.job.battle-mage { background-position:-288px 0; }
.job.mechanic { background-position:-320px 0; }
.job.mercedes{background-position:-384px 0;}
.job.demon-slayer{background-position:-416px 0}
.job.jett { background-image: url(../img/rankings/icon-job-jett.gif) !important; }
.job.phantom { background-image:url(../img/rankings/icon-job-phantom.gif) !important; }
.job.mihile { background-image:url(../img/rankings/icon-job-mihile.gif) !important; }
.job.kaiser { background-image: url(../img/rankings/icon-job-kaiser.png) !important; }
.job.luminous { background-image:url(../img/rankings/icon-job-luminous.png) !important; }
.job.angelic-buster { background-image:url(../img/rankings/icon-job-angelic-buster.png) !important; }
.job.kanna { background-image:url(../img/rankings/icon-job-kanna.png) !important; }
.job.hayato { background-image:url(../img/rankings/icon-job-hayato.png) !important; }
.job.xenon { background-image:url(../img/rankings/icon-job-xenon.png) !important; }
.job.demon-avenger { background-image:url(../img/rankings/icon-job-demon-avenger.gif) !important; }
.job.zero { background-image:url(../img/rankings/icon-job-zero.gif) !important; }
.job.beast-tamer { background-image:url(../img/rankings/icon-job-beast_tamer.gif) !important; }
.job.shade { background-image:url(../img/rankings/icon-job-shade.gif) !important; }

.job-icons img { width:27px; height: 27px; }

#m-page tr ~ tr td { border-top:1px solid #c6c6c6; }
#m-page tr.search-result { border:3px solid #bf170a; } /* fix this */
#m-page td img { display:block; margin:0 auto; }
#m-page td a { color:#666; text-decoration:none; display:block; }
#m-page td a:hover { text-decoration:underline; }
#m-page td.avatar img { position:relative; }
#m-page td.avatar img.pet { position:absolute; margin:-5px 0 0 40px; }
#m-page td.char-name { font-weight:bold; }
#m-page td.char-name span { background:url(../img/bg/bg-immigrant.png) no-repeat; width:61px; height:12px; display:block; text-indent:-9999px; margin-bottom:6px; }
#m-page td.level-move { font-weight:bold; text-align:center; }	
#m-page td.level-move span { display:block; width:75px; border-top:solid 1px #ddd; margin:5px auto 0; padding-top:5px; }
#m-page td.level-move span img { display:inline; }	
				
/*pager (previous and next buttons)*/
.pager { text-align:right; }

/*MapleStyle Rankings*/
.performance ul{text-align:center;font-size:11px;font-weight:bold;width:107px;}
.performance li{border-bottom:solid 1px #c6c6c6;padding:0 0 5px}
.performance li+li{border-bottom:none;padding:5px 0 0}
.table-list tr:nth-child(odd) td {background:#fff}
.goto-maplestyle{font-size:11px;color:#c21700;float:left;margin-top:4px}
.goto-maplestyle + .pager{float:right;margin-top:-14px}
#m-page .maplestyle .search-result{border:3px solid #ffd014}

/*Error Message*/
#m-error { height: 149px; margin-top: 0; border: 5px solid #eee; }
#m-error h3 { margin-top: 45px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', Sans-serif; font-size: 16px; font-weight: normal; text-align: center; }
#m-error p { width: 180px; margin: 14px auto 0; padding-left: 14px; font-size: 11px; color: #c01704; background: transparent url(../img/bg/exclamation.png) left center no-repeat; }

.ac .world {background-image: url("http://nxcache.nexon.net/maplestory/img/rankings/world-sprite.png"); width:27px; height:27px; margin-left:24px; }
.ac.job {background-image: url("http://nxcache.nexon.net/maplestory/img/rankings/job-sprite.png"); width:32px; height:32px;}

.rank-up { background: url(http://nxcache.nexon.net/maplestory/img/icons/icon-rank-move-up.png) no-repeat 0 center transparent; padding-left:8px; display:inline; }
.rank-down { background: url(http://nxcache.nexon.net/maplestory/img/icons/icon-rank-move-down.png) no-repeat 0 center transparent; padding-left:8px; display:inline;}