.body-top { background-image: url("../../images/layout/bgs/rankings.jpg"); }

.page-body { padding: 20px 0 0 0; margin-top: 0; }

#season-selector { float: right; margin: 5px 20px 0 0; }

th.rank { text-align: center; }
th.achievement .sort-link .arrow:before { content: ""; position: absolute; height: 21px; width: 21px;  background: url("../../images/icons/achievement.png") 0 0; margin-top: 5px;}

.ladder-table td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
td.rank { width: 105px; max-width: 105px; text-align: center; font: normal 20px "Palatino Linotype", "Times", serif; }
td.battletag { width: 260px; max-width: 260px; }
td.guild { width: 225px; max-width: 225px;  }
td.achievement { width: 50px; max-width: 80px; }
td.level { width: 310px;  max-width: 310px; }

.level-text { height: 22px; line-height: 22px; display: inline-block; vertical-align: top; width: 32px; text-align: center;}

.progressbar { display: inline-block; position: relative; width: 160px; height: 20px; border: 1px solid #28241d;}
.progressbar .caption { position: absolute; width: 100%; text-align: center; line-height: 20px; }
.progressbar .progress { position: absolute; background: url("../../images/ui/progress-bg.jpg") 0 0; height: 20px;}


.browse-wrapper { padding: 0 4px 30px 4px; }
.browse-left { float: left; width: 220px; padding-top: 0; }
.browse-right { float: left; width: 766px; }


/* primary navigation */
#ladders-menu { background: url("../../images/db/navigation-bg.jpg") 100% 50px no-repeat; }
#ladders-menu .subheader-2 { font-size: 26px; }
#ladders-menu .subheader-2 a { display: block; padding-left: 30px; }
#ladders-menu .header-3 { padding: 25px 0 12px 20px; line-height: 20px; background: url("../../images/db/navigation-category.png") left bottom no-repeat; }
#ladders-menu .subheader-3,
#ladders-menu li a,
#ladders-menu li .row { display: block; }
#ladders-menu li .row { color: #4E4536; }
#ladders-menu .subheader-3 { color: #A99877; font-size: 12px; font-family: sans-serif; }
#ladders-menu .subheader-3 a { padding: 8px 20px 8px 30px; color: #ad835a; }
#ladders-menu ul.menu-root { padding-bottom: 1px; background: url("../../images/db/navigation-divider.png") 0 100% no-repeat; margin-top: -20px; }
#ladders-menu li { position: relative; padding-top: 1px; background: url("../../images/db/navigation-divider.png") no-repeat; }
#ladders-menu ul.menu-root > li:first-child { background: none; padding-top: 0; }
#ladders-menu li a { display: block; font-size: 12px; position: relative; }
#ladders-menu li a:hover { background-color: rgba(255, 255, 255, 0.03); }
#ladders-menu li a.selected { font-weight: bold; color: #F3E6D0; background-color: rgba(0, 0, 0, .40) !important; }
.cjk #ladders-menu li a.selected { font-weight:normal }
#ladders-menu li.open { background-color: rgba(0, 0, 0, .40); box-shadow: inset 0 0 10px 0 #000; }
#ladders-menu li.open ul { background: none; margin: 0; }
#ladders-menu li.open li { background: none; }
#ladders-menu li.open li a { padding: 6px 40px 6px 50px; word-wrap: break-word; }

#ladders-menu li.open .nav-rarrow, #ladders-menu li.subopen .nav-rarrow {
	display: none;
}
#ladders-menu li.open .subheader-3, #ladders-menu li.open .subheader-3 a {
	color: #A99877;
}

#ladders-menu li.closed ul {
	display: none;
}
#ladders-menu li.closed ul.open {
	display: block;
}
#ladders-menu li.closed ul.open li {
	display: block;
	background: none;
}
#ladders-menu li.closed ul.open li a {
	padding: 6px 0 6px 50px;
}

#ladders-menu li.closed .subheader-3 {
	margin: 0;
	color: #ad835a;
}
#ladders-menu li.closed.subopen .subheader-3 a {
	color: #A99877;
}

#ladders-menu li .subheader-3.seasonal {
	background-image: url("../../images/icons/seasonal-small.png");
	background-repeat: no-repeat;
	background-position: 8px center;
	padding: 5px 24px 5px 30px;
}

#ladders-menu li .nav-rarrow {
	position: absolute;
	right: 6px;
	top: 50%;
	margin-top: -8px;
}

#ladders-menu li.closed .subheader-3:hover {
	color: #FFF;
	cursor: pointer;
}

#ladders-menu .nav-portrait { position: absolute; right: 8px; top: 2px; }
#ladders-menu .nav-rarrow { position: absolute; right: 12px; top: 4px; }
#ladders-menu .tip { border-bottom: 0; }


#ladders-table {
	background-color: #12110f;
}

.class-portrait {
	border: 1px solid #59411c;
	border-radius: 1px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 6px;
}

#ladders .data-options.top {
	background: none;
}

td.cell-BattleTag {
	color: #ad835a;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.cell-BattleTag .icon-profile {
	display: inline-block;
}

.cell-Rank {
	text-align: center;
	font: 16px 'Palatino Linotype', Times, serif;
	color: #a99877;
}

#ladders .context-link {
	margin-top: 3px;
}

.no-data .header-2 {
	margin: 40px 0 50px;
	text-align: center;
}

.body-bot {
	min-height: auto;
}

.data-options {
	padding: 13px 10px 10px 10px;
}

.de-de .header-3.conquest-list {
	font-size: 17px;
}

.table-no-data {
	height: 30px; display: block;
	padding: 0 15px;
	color: #F3E6D0;
	text-transform: uppercase;
	font-size: 11px;
	height: 30px;
	line-height: 30px;
	background: #300a00 url('../../images/ui/table-header.png') 0 100% repeat-x;
	border-left: 1px solid #582c19;
	border-right: 1px solid #390b00;
	border-bottom: 1px solid #68381f;
	border-top: 1px solid #62351f;
	zoom: 1;
}

.rift-options {
	float: left;
	margin-top: 26px;
	margin-left: 34px;
}
.rift-options select {
	border: medium none;
	padding: 5px 6px;
	box-shadow: 0 0 5px #000;
	font: 12px Arial, sans-serif;
	background: #FFF;
	border-radius: 5px;
	min-width: 100px;
	margin-left: 0px;
	position: relative;
}
.greater-rift-selector {
	max-width: 240px;
}

.learn-more {
	float: right;
	margin-right: 10px;
}

.learn-more a {
	padding: 2px;
}

.rift-subtitle {
	font: 14px Arial, sans-serif;
	color: #7b6d55;
	text-transform: uppercase;
	display: block;
	margin-top: -6px;
	margin-left: 4px;
}

.ui-pagination li a span {
	padding: 0 7px;
}

.cell-CompletedTime {
	font: 11px Arial, sans-serif;
	color: #7b6d55;
}