/*----------------------------------------------
	Reusable Components
----------------------------------------------*/

/* directory */
.db-directory { padding: 0 31px 30px 31px; background: url("../images/db/directory-wrapper.jpg") 0 bottom no-repeat; }
.db-directory-inner { padding: 15px 0 30px 0; background: #191814 url("../images/db/directory-bg.jpg") 0 0 no-repeat;
	box-shadow: 3px 3px 5px #000; }
.db-directory .header-3 { font-size: 20px; margin-bottom: 10px; white-space: nowrap; }
.db-directory .header-3 .icon-frame-text { margin-top: -5px; }
.db-directory .header-3 .disabled { color: #7B6D55; }
.db-directory .header-3 a { display: block; }
.db-directory .subheader-3 { color: #F3E6D0; margin-bottom: 10px; }
.db-directory .box { margin-bottom: 10px; padding-bottom: 10px; }
.db-directory .box:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; }
.db-directory li { margin-bottom: 5px; color: #4e4536; }
.db-directory a,
.db-directory .disabled { display: block; }

/* page jumper */
.db-page-jumper { position: absolute; z-index: 50; top: -30px; right: -15px; }
.db-page-jumper a { display: block; float: left; position: relative; overflow: hidden; z-index: 0; margin-left: -1px; font-size: 1px;
	box-shadow: 0 0 5px #0c0b0a; }
.db-page-jumper a:hover { z-index: 1; }
.db-page-jumper a .icon-frame { display: block; }
.db-page-jumper a.jump-active { z-index: 2;   box-shadow: 0 0 8px #ead8b9; }
.db-page-jumper a.jump-active .icon-frame,
.db-page-jumper a.jump-active:hover .icon-frame { border-color: #ead8b9; }
.db-page-jumper a.jump-disabled { cursor: default; }
.db-page-jumper .jump-tip { position: absolute; z-index: 4; bottom: -29px; margin-left: 14px; width: 94%; color: #CFB991; font-size: 12px; opacity: 0.9;
	text-align: center; padding: 2px 0; background: #000; border: 1px solid #4e3e25;
	border-radius: 5px;
	box-shadow: 0 0 5px #0c0b0a; }
.db-page-jumper .jump-tip-arrow { position: absolute; left: 5px; top: -8px; width: 12px; height: 8px; background: url("../images/db/page-jumper-arrow.png") no-repeat }

/* tab links */
.db-tab-links { position: absolute; right: 0; bottom: 0; }
.db-tab-links a { color: #95856a; display: block; font: normal 12px "Palatino Linotype", "Times", serif; text-transform: uppercase; text-shadow: 0 0 5px #000, 0 0 5px #000, 1px 1px 1px #000; }
.db-tab-links a:hover { color: #fff; }

/* filters */
.db-filters { padding: 0 30px 30px 30px; }
.db-filters .ui-filter { float: right; margin-top: 2px; }
.db-filters .ui-filter .input { width: 200px; padding: 6px; }
.db-filters .filter-tabs li { display: inline-block; font-size: 12px; margin-bottom: 5px; }
.db-filters .filter-tabs li a { display: block; padding: 6px 15px; background: #000000; border: 1px solid #211b14; margin-right: 2px;
	border-radius: 3px;
	box-shadow: 0 0 3px #000; }
.db-filters .filter-tabs li a:hover { background-color: #100d08; border-color: #2a241c; }
.db-filters .filter-tabs li a.tab-active { background-color: #201a11; border-color: #332d24; color: #F3E6D0 !important; font-weight: bold; }
.cjk .db-filters .filter-tabs li a.tab-active { font-weight:normal }

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

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

/* mini navigation */
.db-mini-nav { background-color: #090909; border: 1px solid #2d251b; font-size: 11px; padding: 5px; }
.db-mini-nav-header { padding: 5px; }
.db-mini-nav-header .header-3 { margin-bottom: 10px; font-size: 14px; }
.db-mini-nav-header .subtitle { display: block; padding-bottom: 10px; margin-top: -5px; font-size: 12px; }
.db-mini-nav-header .column-headers { color: #7B6D55; }

.db-mini-nav li.row1 { background-color: #101010; }
.db-mini-nav li.active a { font-weight: bold; color: #F3E6D0; }
.cjk .db-mini-nav li.active a { font-weight:normal }
.db-mini-nav li.active-ish a { color: #CFB991; }
.db-mini-nav li.active-ish a:hover { color: white; }
.db-mini-nav li a { display: block; padding: 3px 5px; }
.db-mini-nav li a:hover { background-color: #171717; }
.db-mini-nav li a .name { display: inline-block; vertical-align: middle; width: 130px; }
.db-mini-nav li a .note { display: inline-block; vertical-align: middle; width: 20px; text-align: right; color: #AD835A; font-weight: normal; float: right; }
.db-mini-nav .d3-color-white a { color: #D96500 !important; }
.db-mini-nav .d3-color-white a:hover { color: white !important; }

/* table */
.db-table tbody td.hover,
.db-table tbody tr.hover { background-color: #090908; cursor: pointer; }

.db-table-padded tbody td:first-child,
.db-table-padded thead th:first-child .sort-tab,
.db-table-padded thead th:first-child .sort-link { padding-left: 30px; }
.db-table-padded tbody td:last-child,
.db-table-padded thead th:last-child .sort-tab,
.db-table-padded thead th:last-child .sort-link { padding-right: 30px; }

.ru-ru .db-table-padded tbody td:first-child,
.ru-ru .db-table-padded thead th:first-child .sort-tab,
.ru-ru .db-table-padded thead th:first-child .sort-link,
.de-de .db-table-padded tbody td:first-child,
.de-de .db-table-padded thead th:first-child .sort-tab,
.de-de .db-table-padded thead th:first-child .sort-link { padding-left: 10px; }

.ru-ru .db-table-padded thead th:last-child .sort-tab,
.ru-ru .db-table-padded thead th:last-child .sort-link { padding-right: 0 }

.db-table .tip { cursor: inherit; }

/* detail box */
.db-detail-box { background: #252017 url("../images/db/box-bg.jpg") no-repeat; position: relative; border: 1px solid #382f1f; box-shadow: inset 0 0 20px #18150e; }
.db-detail-box .subheader-2 { margin-top: 0; margin-bottom: 0; font-size: 28px; }
.db-detail-box .corner { position: absolute; width: 38px; height: 41px; background: url("../images/db/box-corners-2.png") no-repeat; }
.db-detail-box .corner.tl { top: -5px; left: -9px; }
.db-detail-box .corner.tr { top: -5px; right: -9px; background-position: -37px 0; }
.db-detail-box .corner.bl { bottom: -5px; left: -9px; background-position: 0 -41px; }
.db-detail-box .corner.br { bottom: -5px; right: -9px; background-position: -37px -41px; }
.db-detail-box .detail-level { position: absolute; right: 0; top: -3px; width: 280px; height: 91px; color: #A99877; background: url("../images/db/box-level-bg.png") top right no-repeat; white-space: nowrap; font-size: 12px; }
.db-detail-box .detail-level-inner { margin: 30px 20px 0 0; float: right; line-height: 2.5em; padding: 0 45px 0 10px; background: #12110f;white-space: nowrap; text-align: right; border-radius: 4px; }
.db-detail-box .detail-level .detail-level-number,
.db-detail-box .detail-level .detail-level-unlock { position: absolute; color: #DED2AB; text-align: center; font-weight: bold; width: 35px; height: 35px; line-height: 35px; right: 23px; top: 29px; background: url("../images/db/level-circle.png") no-repeat; }
.db-detail-box .detail-level .detail-level-unlock { width: 38px; height: 52px; line-height: 70px; right: 22px; top: 17px; background: url("../images/db/level-unlock.png") no-repeat; }

.cjk .db-detail-box .detail-level .detail-level-number,
.cjk .db-detail-box .detail-level .detail-level-unlock { font-weight:normal }

/* style guide */
.db-subheader { margin-top: 30px; margin-bottom: 15px; }

/* flavor text */
.db-flavor-text { width: 75%; text-align: center; margin: 30px auto 45px auto; }
.db-flavor-text .subheader-3 { color: #AD835A; font-size: 20px; font-style: italic; }
.cjk .db-flavor-text .subheader-3 { word-break:keep-all }

/* gender toggler */
.gender-toggle a { display: inline-block; width: 27px; height: 28px; background: url("../images/icons/gender-sprite.png") no-repeat; }
.gender-toggle a.gender-male { background-position: 0 0; }
.gender-toggle a.gender-female { background-position: -27px 0; }
.gender-toggle a.gender-male:hover { background-position: 0 -28px; }
.gender-toggle a.gender-female:hover { background-position: -27px -28px; }
.gender-toggle a.gender-male.selected { background-position: 0 -56px; }
.gender-toggle a.gender-female.selected { background-position: -27px -56px; }

/*----------------------------------------------
	Index Pages
----------------------------------------------*/

.db-index { }
/* see db/index.css */

/*----------------------------------------------
	Overview Pages
----------------------------------------------*/

.db-overview { }
/* see db/overview.css */

/*----------------------------------------------
	Subpages
----------------------------------------------*/

/* overrides */
.db-subpage .page-header { min-height: 64px; }
/*.db-subpage .page-header .header-2{ font-size: 56px; }*/

/*----------------------------------------------
	Browse Pages
----------------------------------------------*/

.db-browse { }

/*----------------------------------------------
	Detail Pages
----------------------------------------------*/

.db-detail { }

/*----------------------------------------------
	Overwrites
----------------------------------------------*/

/* table */
.table td.column-level { width: 1px; }
.table .subheader-3 { color: #F3E6D0; font-size: 20px; line-height: 100%; margin-bottom: 5px; }
.table .subheader-3 a { color: #F3E6D0; display: block; }

/* grids */
.data-container .data-cell.filtered { opacity: .1; }

/* tab menu */
.tab-menu li.external a { background: none; border-color: transparent; color: #95856a; padding: 0 20px;
	box-shadow: none; }
.tab-menu li.external a span { padding-right: 15px; background: url("../images/db/tab-external.gif") right 5px no-repeat; }
.tab-menu li.external a:hover { color: #fff; }
.tab-menu li.external a:hover span { background-position: right -25px; }

/*----------------------------------------------
	Internet Explorer
----------------------------------------------*/

.ie6 .db-subpage .page-header { height: 55px; }

.ie67 .db-filters .filter-tabs li { float: left; }

.ie6 .db-page-jumper { zoom: 1; width: 250px; top: -15px; }
.ie6 .db-page-jumper a .icon-frame { float: left; }
.ie6 .db-page-jumper .jump-tip { float: left; }
.ie6 .db-page-jumper .jump-tip-arrow { background-image: url("../images/db/page-jumper-arrow.gif"); }

.ie6 .db-navigation ul { padding: 0; border-bottom: 1px solid #2a241c; background: none; }
.ie6 .db-navigation li { padding: 0; margin: 0; border-top: 1px solid #2a241c; background: none; }
.ie6 .db-navigation li a { zoom: 1; }
.ie6 .db-navigation li.open ul,
.ie6 .db-navigation li.open li { border: 0; }
.ie6 .db-navigation .header-3 { background: none; }

.ie6 .tab-menu li.external a { border-color: #000; }

.ie67 .db-navigation li a:hover,
.ie8 .db-navigation li a:hover { background-color: #201f1b; }

.ie67 .db-navigation li.open,
.ie8 .db-navigation li.open { background-color: #0a0a08; }

.ie67 .db-navigation li.open a:hover,
.ie8 .db-navigation li.open a:hover { background-color: #171614; }

.ie67 .db-mini-nav a .name { float: left; }

.ie6 .db-detail-box { zoom: 1; }
.ie6 .db-detail-box .corner { display: none; }
.ie6 .db-detail-box .detail-level { background-image: url("../images/db/box-level-bg-ie6.png"); }
.ie6 .db-detail-box .detail-level-inner { margin-right: 10px; }
.ie6 .db-detail-box .detail-level-number { background-image: url("../images/db/level-circle.gif"); }
.ie6 .db-detail-box .detail-level-unlock { background-image: url("../images/db/level-unlock.gif"); }

.ie67 .table td.column-icon { width: 90px; }

.ie67 .db-directory { zoom: 1; }

.ie6 .tab-menu li.external a { border-color: #000; }