@charset "gb2312";
em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;}
.bd_banner{background:url(http://img3.cache.netease.com/game/img11/D3_YL/images/banner.jpg) no-repeat top center;}
.area_content{width:972px;overflow:hidden;background:#12110F;text-align:left;color: #A99877;font-size:12px; line-height:1.5;_height:1%}
.area_location{line-height: 84px;padding-left: 26px;}
.area_content h1{text-align:center}
.area_content a,.area_content a:visited{color: #D96500;}
h2{padding-left:0px;}
/*
    CSS code shared between the D3 Community Site and the Tooltip Script.

    Note: All global styles should be prefixed with d3- to avoid affecting 3rd party sites.
*/

/* item properties (shared between item detail page, item browsing, and item tooltips */
.icon-mini { display: inline-block; width: 25px; height: 25px; vertical-align: middle; background: url("../images/icons/sprite.png") no-repeat; font-size: 1px; }
.icon-mini { width: 15px; height: 15px; }
.icon-mini-gold { background-position: -52px -288px; }
.icon-mini-plus { background-position: -52px 0; }
.icon-mini-rarrow { background-position: -52px -16px; }
.icon-mini-larrow { background-position: -52px -32px; }
.icon-mini-uarrow { background-position: -52px -48px; }
.icon-mini-darrow { background-position: -52px -64px; }
.icon-mini-close { background-position: -52px -80px; }
.icon-mini-return { background-position: -52px -96px; }
.icon-mini-jump { background-position: -52px -112px; }
.icon-mini-rarrow-small { background-position: -52px -128px; }
.icon-mini-gold { background-position: -52px -288px; }
.icon-mini-reset { background-position: -52px -304px; }
.icon-mini-search { background-position: -52px -320px; }


.d3-item-properties ul, .d3-item-properties div{margin-top: 10px;}
.d3-item-properties ul li{margin: 1px 0;}
.d3-item-properties p{margin: 0 !important;}
.d3-item-properties .indent{padding-left: 18px;}
.d3-item-properties .value{color: #ded2ab;}
.d3-item-properties .item-armor-weapon .dps{font-size: 175%;line-height: 100%;}
.d3-item-properties .item-requirement{color: #A99877}
.d3-item-properties .d3-color-blue .value{color: #bda6db !important;}
.d3-item-properties .d3-color-gold .value{color: white !important;}
.d3-item-properties .item-type, .d3-item-properties .item-type-right{margin-top: 0;}
.d3-item-properties .item-type-right{float: right;text-align: right;}
.d3-item-properties .item-before-effects{display: none;}
.d3-item-properties .item-effects li{padding-left: 16px;background: url("../images/icons/bullet.gif") 2px 6px no-repeat;}
.d3-item-properties .item-effects li.empty-socket{background: url("../images/item/empty-socket.png") 0 center no-repeat;}
.d3-item-properties .item-effects .gem-effect{color: white;}
/* tooltips */

.d3-tooltip-wrapper{background: #1d180e;padding: 1px;border: 1px solid #322a20;opacity: 0.95;max-width: 355px;position: absolute;z-index: 2147483647;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-moz-box-shadow: 0 0 10px #000;-webkit-box-shadow: 0 0 10px #000;box-shadow: 0 0 10px #000;}
.d3-tooltip-wrapper-inner{background: black;}
.d3-tooltip .title, .d3-tooltip .subtitle{color: #F3E6D0;font-weight: normal;margin-bottom: 6px;}
.d3-tooltip .title{font-size: 18px;}
.d3-tooltip .subtitle{font-size: 14px;text-transform: uppercase;}
.d3-tooltip .special{color: #AD835A;}
.d3-tooltip .subtle{color: #7B6D55;display: block;}
.d3-tooltip .subtle em{color: #AD835A;font-weight: bold;font-style: normal;}
.d3-tooltip .tip{border-bottom: 0;}
.d3-tooltip .tooltip-icon-bullet{display: inline-block;width: 8px;height: 8px;vertical-align: middle;background: url("../images/icons/bullet.gif") no-repeat;}
.d3-tooltip p{margin: 10px 0 0 0;}
.d3-tooltip p:first-child{margin-top: 0;}
.d3-tooltip .loading{display: block;width: 32px;height: 32px;background: url("../images/loaders/default.gif") no-repeat center center;}
.d3-tooltip .wip{position: absolute;z-index: 2;left: 0;top: 33%;width: 350px;text-align: center;font-size: 28px;font-family: "Palatino Linotype", "Georgia", "Times", serif;text-transform: uppercase;color: #A99877;opacity: 0.25;filter: alpha(opacity=25);line-height: 100%;}
/* style reset */
    .d3-tooltip{padding: 2px;font: normal 12px/1.5 Arial, sans-serif;color: #CFB991;}
.d3-tooltip *{margin: 0;padding: 0;background: none;}
.d3-tooltip ul{list-style-type: none;}
/* head */
    .d3-tooltip .tooltip-head{height: 40px;width: 320px;padding: 0 15px;background: url("../images/ui/tooltip-title.jpg") no-repeat;}
.d3-tooltip .tooltip-head h3{color: #F3E6D0;font: 22px "Palatino Linotype", "Times", serif;height: 40px;line-height: 37px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d3-tooltip .tooltip-head h3.smaller{font-size: 18px;line-height: 40px;}
.d3-tooltip .tooltip-head h3.smallest{font-size: 14px;line-height: 42px;}
.d3-tooltip .tooltip-head-gray{background-position: 0 -40px;}
.d3-tooltip .tooltip-head-blue{background-position: 0 -80px;}
.d3-tooltip .tooltip-head-yellow{background-position: 0 -120px;}
.d3-tooltip .tooltip-head-green,  .d3-tooltip .tooltip-head-orange{background-position: 0 -160px;}
.d3-tooltip .tooltip-head-purple{background-position: 0 -200px;}
/* body */
    .d3-tooltip .tooltip-body{position: relative;padding: 10px;}
/* item tooltips */
    .d3-tooltip-item .d3-icon-item{float: left;margin-right: 10px;margin-bottom: 10px;}
.d3-tooltip-item .value{color: white;}
.d3-tooltip-item .item-type{color: white;}
.d3-tooltip-item .item-slot{color: #909090;}
.d3-tooltip-item .item-armor-weapon{color: white;margin-top: 5px;}
.d3-tooltip-item .item-armor-weapon .dps{font-size: 26px;}
.d3-tooltip-item .item-before-effects{display: block !important;clear: both;}
.d3-tooltip-item .item-description{margin-top: 10px;}
.d3-tooltip-item .item-flavor{font-size: 14px;margin-top: 10px;}
.d3-tooltip-item .item-itemset{font-size: 12px;}
.d3-tooltip-item .effect-bg{background-position: 10px 10px;background-repeat: no-repeat;}
.d3-tooltip-item .effect-bg-arcane{background-image: url("../images/item/effect-bgs/arcane.jpg");}
.d3-tooltip-item .effect-bg-cold{background-image: url("../images/item/effect-bgs/cold.jpg");}
.d3-tooltip-item .effect-bg-fire{background-image: url("../images/item/effect-bgs/fire.jpg");}
.d3-tooltip-item .effect-bg-holy{background-image: url("../images/item/effect-bgs/holy.jpg");}
.d3-tooltip-item .effect-bg-lightning{background-image: url("../images/item/effect-bgs/lightning.jpg");}
.d3-tooltip-item .effect-bg-poison{background-image: url("../images/item/effect-bgs/poison.jpg");}
.d3-tooltip-item .effect-bg .item-type,  .d3-tooltip-item .effect-bg .item-armor-weapon{text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black;} /* makes the text readable when a background is used */
/* skill tooltips */
    .d3-tooltip-skill .tooltip-body{padding-left: 85px;}
.d3-tooltip-skill .d3-icon-skill{position: absolute;left: 10px;top: 10px;}
/* trait tooltips */
    .d3-tooltip-trait .tooltip-body{padding-left: 105px;min-height: 80px;}
.d3-tooltip-trait .d3-icon-trait{position: absolute;left: 10px;top: 10px;}
/* rune tooltips */
    .d3-tooltip-rune .tooltip-body{padding-left: 60px;}
.d3-tooltip-rune .d3-icon-rune{position: absolute;left: 10px;top: 10px;}
/* calculator tooltips */
    .d3-tooltip-calculator{padding: 10px;min-width: 200px;}
.d3-tooltip-calculator .title{font-size: 22px;}
.d3-tooltip-calculator .subtitle {}
.d3-tooltip-calculator .empty{color: #808080;}
.d3-tooltip-calculator li{position: relative;}
.d3-tooltip-calculator li.row2{background-color: #101010;}
.d3-tooltip-calculator .skill-icon{position: absolute;}
.d3-tooltip-calculator .skill-rune{position: absolute;right: 5px;top: 0;}
.d3-tooltip-calculator .actives{padding-top: 5px;}
.d3-tooltip-calculator .actives li{line-height: 24px;padding-left: 26px;padding-right: 35px;}
.d3-tooltip-calculator .actives .skill-icon{left: 0;top: 2px;}
.d3-tooltip-calculator .passives{padding-top: 15px;}
.d3-tooltip-calculator .passives li{line-height: 30px;padding-left: 29px;}
.d3-tooltip-calculator .passives .skill-icon{left: 0;top: 3px;}
/* icons */
.d3-icon{display: inline-block;overflow: hidden;background: 50% 50% no-repeat;font-size: 1px;}
.d3-icon-item, .d3-icon-skill{-moz-box-shadow: 0 0 5px #000;-webkit-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000;}
/* items */
    .d3-icon-item{border: 1px solid black;background: no-repeat left top;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.d3-icon-item .icon-item-inner{display: block;background: no-repeat left center;border: 1px solid black;font-size: 1px;line-height: normal;text-align: center;overflow: hidden;}
a:hover .d3-icon-item,  .hover .d3-icon-item,  .icon-active .d3-icon-item{background-position: left -128px;} /* brighter */
.d3-icon-item-large .icon-item-default{width: 64px;height: 128px;}
.d3-icon-item-large .icon-item-default {background:center no-repeat;background-size:64px auto;}
.d3-icon-item-large .icon-item-square{width: 64px;height: 64px;}
.d3-icon-item-large .icon-item-big{width: 82px;height: 164px;}
.d3-icon-item-small .icon-item-default{width: 32px;height: 64px;}
.d3-icon-item-small .icon-item-square{width: 32px;height: 32px;}
.d3-icon-item-small .icon-item-big{width: 41px;height: 82px;}
/* default */
        .d3-icon-item-default{border-color: #2d1c0f;border-right-color: #382213;border-bottom-color: #402715;background-image: url("../images/item/icon-bgs/white.png");}
a:hover .d3-icon-item-default,  .hover .d3-icon-item-default,  .icon-active .d3-icon-item-default{border-color: #4b2e19;}
a:hover .d3-icon-item-default,  .hover .d3-icon-item-default,  .icon-active .d3-icon-item-default{background-position: -200px 0;}
/* white */
        .d3-icon-item-white{border-color: #2d1c0f;border-right-color: #382213;border-bottom-color: #402715;background-image: url("../images/item/icon-bgs/white.png");}
a:hover .d3-icon-item-white,  .hover .d3-icon-item-white,  .icon-active .d3-icon-item-white{border-color: #4b2e19;}
a:hover .d3-icon-item-white,  .hover .d3-icon-item-white,  .icon-active .d3-icon-item-white{background-position: -200px 0;}
/* blue */
        .d3-icon-item-blue{border-color: #25536b;border-right-color: #2e6786;border-bottom-color: #357598;background-image: url("../images/item/icon-bgs/blue.png");}
a:hover .d3-icon-item-blue,  .hover .d3-icon-item-blue,  .icon-active .d3-icon-item-blue{border-color: #3e8ab3;}
/* yellow */
        .d3-icon-item-yellow{border-color: #6b650f;border-right-color: #867e13;border-bottom-color: #988f15;background-image: url("../images/item/icon-bgs/yellow.png");}
a:hover .d3-icon-item-yellow,  .hover .d3-icon-item-yellow,  .icon-active .d3-icon-item-yellow{border-color: #b3a819;}
/* orange */
        .d3-icon-item-orange{border-color: #733c1c;border-right-color: #8f4b23;border-bottom-color: #a35528;background-image: url("../images/item/icon-bgs/orange.png");}}
a:hover .d3-icon-item-orange,  .hover .d3-icon-item-orange,  .icon-active .d3-icon-item-orange{border-color: #BF642F;}
/* green */
        .d3-icon-item-green{border-color: #297d14;border-right-color: #349c19;border-bottom-color: #3bb11c;background-image: url("../images/item/icon-bgs/green.png");}
a:hover .d3-icon-item-green,  .hover .d3-icon-item-green,  .icon-active .d3-icon-item-green{border-color: #00d900;}
/* purple */
        .d3-icon-item-purple{border-color: #5b2882;border-right-color: #7232a3;border-bottom-color: #8139b9;background-image: url("../images/item/icon-bgs/purple.png");}
a:hover .d3-icon-item-purple,  .hover .d3-icon-item-purple,  .icon-active .d3-icon-item-purple{border-color: #9843d9;}
/* skills */
    .d3-icon-skill {}
.d3-icon-skill .frame{display: block;background: no-repeat;}
.d3-icon-skill-21,  .d3-icon-skill-21 .frame{width: 21px;height: 21px;}
.d3-icon-skill-42,  .d3-icon-skill-42 .frame{width: 42px;height: 42px;}
.d3-icon-skill-64,  .d3-icon-skill-64 .frame{width: 64px;height: 64px;}
.d3-icon-skill-21 .frame{background-image: url("../images/icons/frames/skill-21.png");}
.d3-icon-skill-42 .frame{background-image: url("../images/icons/frames/skill-42.png");}
.d3-icon-skill-64 .frame{background-image: url("../images/icons/frames/skill-64.png");}
.d3-icon-skill.selected .frame{background-position: top right;}
a:hover .d3-icon-skill .frame,  .hover .d3-icon-skill .frame{background-position: left bottom;}
a:hover .d3-icon-skill.selected .frame,  .hover .d3-icon-skill.selected .frame{background-position: right bottom;}
/* traits */
    .d3-icon-trait {}
.d3-icon-trait .frame{display: block;background: no-repeat;}
.d3-icon-trait-21,  .d3-icon-trait-21 .frame{width: 25px !important;height: 25px !important;}
.d3-icon-trait-42,  .d3-icon-trait-42 .frame{width: 51px !important;height: 51px !important;}
.d3-icon-trait-64,  .d3-icon-trait-64 .frame{width: 81px !important;height: 81px !important;}
.d3-icon-trait-21 .frame{background-image: url("../images/icons/frames/trait-21.png");}
.d3-icon-trait-42 .frame{background-image: url("../images/icons/frames/trait-42.png");}
.d3-icon-trait-64 .frame{background-image: url("../images/icons/frames/trait-64.png");}
.d3-icon-trait.selected .frame{background-position: top right;}
a:hover .d3-icon-trait .frame,  .hover .d3-icon-trait .frame{background-position: left bottom;}
a:hover .d3-icon-trait.selected .frame,  .hover .d3-icon-trait.selected .frame{background-position: right bottom;}
.d3-icon-trait.circle,  .d3-icon-trait.circle .frame{width: 64px !important;height: 64px !important;}
.d3-icon-trait.circle .frame{background-image: url("../images/icons/frames/trait-circle.png");}
/* runes */
    .d3-icon-rune{vertical-align: middle;}
.d3-icon-rune span{display: block;vertical-align: top;background: no-repeat;}
.d3-icon-rune-large span{width: 50px;height: 50px;background-image: url("../images/icons/runes/large.png");}
.d3-icon-rune-large .rune-alabaster{background-position: 0 0;}
.d3-icon-rune-large .rune-crimson{background-position: -50px 0;}
.d3-icon-rune-large .rune-golden{background-position: -100px 0;}
.d3-icon-rune-large .rune-indigo{background-position: -150px 0;}
.d3-icon-rune-large .rune-obsidian{background-position: -200px 0;}
.d3-icon-rune-large .rune-unknown{background-position: -250px 0;}
.d3-icon-rune-large .rune-a{background-position: 0 0;}
.d3-icon-rune-large .rune-b{background-position: -50px 0;}
.d3-icon-rune-large .rune-c{background-position: -100px 0;}
.d3-icon-rune-large .rune-d{background-position: -150px 0;}
.d3-icon-rune-large .rune-e{background-position: -200px 0;}
.d3-icon-rune-large .rune-none{background-position: -250px 0;}
.d3-icon-rune-medium span{width: 42px;height: 42px;background-image: url("../images/icons/runes/medium.png");}
.d3-icon-rune-medium .rune-alabaster{background-position: 0 0;}
.d3-icon-rune-medium .rune-crimson{background-position: -42px 0;}
.d3-icon-rune-medium .rune-golden{background-position: -84px 0;}
.d3-icon-rune-medium .rune-indigo{background-position: -126px 0;}
.d3-icon-rune-medium .rune-obsidian{background-position: -168px 0;}
.d3-icon-rune-medium .rune-unknown{background-position: -210px 0;}
.d3-icon-rune-medium .rune-a{background-position: 0 0;}
.d3-icon-rune-medium .rune-b{background-position: -42px 0;}
.d3-icon-rune-medium .rune-c{background-position: -84px 0;}
.d3-icon-rune-medium .rune-d{background-position: -126px 0;}
.d3-icon-rune-medium .rune-e{background-position: -168px 0;}
.d3-icon-rune-medium .rune-none{background-position: -210px 0;}
.d3-icon-rune-small span{width: 16px;height: 16px;background-image: url("../images/icons/runes/small.png");}
.d3-icon-rune-small .rune-alabaster{background-position: 0 0;}
.d3-icon-rune-small .rune-crimson{background-position: -16px 0;}
.d3-icon-rune-small .rune-golden{background-position: -32px 0;}
.d3-icon-rune-small .rune-indigo{background-position: -48px 0;}
.d3-icon-rune-small .rune-obsidian{background-position: -64px 0;}
.d3-icon-rune-small .rune-a{background-position: 0 0;}
.d3-icon-rune-small .rune-b{background-position: -16px 0;}
.d3-icon-rune-small .rune-c{background-position: -32px 0;}
.d3-icon-rune-small .rune-d{background-position: -48px 0;}
.d3-icon-rune-small .rune-e{background-position: -64px 0;}
.d3-icon-rune-small .rune-none{background-position: -80px 0;}
/* colors */

    /* general */
    .d3-color-blue, .d3-color-blue a{color: #6969ff !important;}
.d3-color-gray, .d3-color-gray a{color: #909090 !important;}
.d3-color-gold, .d3-color-gold a{color: #c7b377 !important;}
.d3-color-green, .d3-color-green a{color: #00ff00 !important;}
.d3-color-orange, .d3-color-orange a{color: #bf642f !important;}
.d3-color-purple, .d3-color-purple a{color: #a335ee !important;}
.d3-color-red, .d3-color-red a{color: #ff0000 !important;}
.d3-color-white, .d3-color-white a{color: white !important;}
.d3-color-yellow, .d3-color-yellow a{color: #ffff00 !important;}
/* runes */
.rune-list a,.rune-list a:visited{ color:#F3E6D0; border-bottom:1px dotted #6A5336}
/* 2012-1-10,by wtt */
/* subtler colors */
.colors-subtle .d3-color-white, .colors-subtle .d3-color-white a{color: #f3e6d0 !important;}
.colors-subtle .d3-color-green, .colors-subtle .d3-color-green a{color: #8bd442 !important;}
.colors-subtle .d3-color-yellow, .colors-subtle .d3-color-yellow a{color: #f8cc35 !important;}
.colors-subtle .d3-color-blue, .colors-subtle .d3-color-blue a{color: #7979d4 !important;}
.colors-subtle .d3-color-red, .colors-subtle .d3-color-red a{color: #E52817 !important;}
.colors-subtle a:hover{color: white !important;}
.header{font: normal 28px/100% "Palatino Linotype", "Times", serif;text-shadow: 0 0 5px #241209;letter-spacing: -1.5px;}
.header, .header a{color: #F3E6D0;}
.page-header{margin: 30px;position: relative;}
.page-header .header{margin-bottom: 15px;}
.page-header .header small{color: #7B6D55;display: block;font-size: 14px;font-family: Arial, sans-serif;letter-spacing: normal;line-height: normal;padding-top: 10px;}
.page-header .desc{font-size: 12px;line-height: 2em;width: 50%;}
/* pagination */
.ui-pagination{overflow: visible;height: 24px;}
.ui-pagination li{margin-left: 4px;}
.ui-pagination li a{display: inline-block;border: 1px solid #420f00;padding: 0;height: auto;background: url("../images/buttons/button-1.png") -35px -130px;-moz-box-shadow: 0 0 3px #000;-webkit-box-shadow: 0 0 3px #000;box-shadow: 0 0 3px #000;}
.ui-pagination li a span{display: block;margin: 0;padding: 0 9px;border: 1px solid #62351f;border-top-color: #734a32;height: 20px;line-height: 20px;font-size: 12px;color: #ffcb8d;}
.ui-pagination li a:hover, .ui-pagination li.current a{background-position: -35px -176px;border-color: #811d00;}
.ui-pagination li a:hover span, .ui-pagination li.current a span{border-color: #b8643a;}
.ui-pagination li a:hover span{color: white;}
.ui-pagination li.current a span{color: #F3E6D0 !important;font-weight: bold;}
.ui-pagination li.last-item a, .ui-pagination li.first-item a, .ui-pagination li.cap-item a{padding: 0;}
/* 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;}
.db-filters .filter-tabs li a{display: block;padding: 6px 8px;background: #000000;border: 1px solid #211b14;margin-right: 2px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-moz-box-shadow: 0 0 3px #000;-webkit-box-shadow: 0 0 3px #000;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;}
.tip{border-bottom: 1px dotted #6a5336;cursor: help;}
a.tip, .tip a{cursor: pointer;}
.subheader{font: normal 22px "Microsoft YaHei", serif;}
.subheader, .subheader a{color: #f3e6d0;}
.category{font: normal 16px "Microsoft YaHei", serif;text-transform: uppercase;}
.category, .category a{color: #F3E6D0;}
.subcategory{font: normal 16px "Microsoft YaHei", serif;}
.subcategory, .subcategory a{color: #cfb991;}
/* layout */
.db-left{width:221px;float: left;overflow:hidden}
.db-right{width:731px;float: right;overflow:hidden;}
/* table */
.table table{width: 100%;}
.table thead th{white-space: nowrap;}
.table tbody td{padding: 15px;border-bottom: 1px solid #28241d;}
.table tbody tr.row2{background-color: #171614;}
.table tbody tr.no-results td{padding: 50px;text-align: center;font-style: italic;}
.table .sort-tab, .table .sort-link{display: block;padding: 0 15px;color: #F3E6D0;text-transform: uppercase;font-size: 12px;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;}
.table .sort-link{color: #F3E6D0;}
.table .sort-link:hover{color: #fff;background: #400b00 url("../images/ui/table-header-hover.png") 0 100% repeat-x;border-left-color: #77361d;border-top-color: #a05734;border-right-color: #2d0900;}
.table .sort-link .arrow{padding-left: 10px;/* background: url("../images/ui/table-sort-arrows.gif") 0 -10px no-repeat; */}
.table .sort-link:hover .arrow{background-position: 0 -115px;}
.table .sort-link:hover .up, .table .sort-link .up{background-position: 0 -80px;}
.table .sort-link .down, .table .sort-link:hover .down{background-position: 0 -45px;}
.table th.last-child .sort-tab, .table th.last-child .sort-link{border-right-color: #582c19;white-space:nowrap;}
.table-footer{background: url("../images/ui/table-footer.jpg") no-repeat;padding-top: 30px;min-height: 100px;}
/* data sets */
.data-container.type-grid { border-top: 1px solid #28241d; }
.data-container .data-row { border-bottom: 1px solid #28241d; }
.data-container .data-row.row1 { background: #12110f; }
.data-container .data-row.row2 { background: #171614; }
.data-container .data-cell { margin: 10px; display: inline-block;text-align: center;vertical-align: top;}
.data-container .data-cell a { display: block;}

.data-options { height: 25px; line-height: 25px; padding: 13px 30px 10px 30px; background: repeat-x; }
.data-options .option { float: right; height: 25px; }
.data-options .option .ui-pagination { margin-top: -2px; }
.data-options strong { color: #AD835A; }
.data-options.top { background-image: url("../images/ui/data-options-top.jpg"); }
.data-options.bottom { background-image: url("../images/ui/data-options-bot.jpg"); background-position: left bottom;
    -moz-box-shadow: 0 1px 5px 0 #000; -webkit-box-shadow: 0 1px 5px 0 #000; box-shadow: 0 1px 5px 0 #000; }
/*----------------------------------------------
    Page Types
----------------------------------------------*/

/* index */
.db-index .page-header .header{font-size: 56px;}
/* overview */
.db-overview .page-header{height: 235px;}
.db-overview .page-header .header{font-size: 56px;}
/* subpage */
.db-subpage .page-header{height: 64px;}
.db-subpage .page-header .header{font-size: 56px;}
/*----------------------------------------------
    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;-moz-box-shadow: 3px 3px 5px #000;-webkit-box-shadow: 3px 3px 5px #000;box-shadow: 3px 3px 5px #000;}
.db-directory .category{font-size: 20px;margin-bottom: 10px;}
.db-directory .category .icon-frame-text{margin-top: -5px;}
.db-directory .category .disabled{color: #7B6D55;}
.db-directory .category a{display: block;}
.db-directory .subcategory{color: #A99877;margin-bottom: 10px;}
.db-directory .box{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #111;}
.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;-moz-box-shadow: 0 0 5px #0c0b0a;-webkit-box-shadow: 0 0 5px #0c0b0a;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;-moz-box-shadow: 0 0 8px #ead8b9;-webkit-box-shadow: 0 0 8px #ead8b9;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 .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;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0 0 5px #0c0b0a;-webkit-box-shadow: 0 0 5px #0c0b0a;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 "Microsoft YaHei", 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;}
/* primary navigation */
.db-navigation{background: url("../images/db/navigation-bg.jpg") 0 50px no-repeat;min-height: 860px}
.db-navigation .subheader{font-size: 26px;}
.db-navigation .subheader a{display: block;padding-left: 25px;padding-top: 12px;}
.db-navigation .category{padding: 25px 0 5px 30px;line-height: 30px;background: url("../images/db/navigation-category.png") left bottom no-repeat;}
.db-navigation .subcategory, .db-navigation li a{padding: 5px 0 5px 30px;}
.db-navigation .subcategory{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;height:18px;}
.db-navigation li a:hover{background-color: rgba(255, 255, 255, 0.03);color:#fff;}
.db-navigation li a.selected{font-weight: bold;color: #F3E6D0;background-color: transparent !important;}
.db-navigation li.open{background-color: rgba(0, 0, 0, .40);padding-bottom: 5px;padding-top: 3px;-moz-box-shadow: inset 0 0 10px 0 #000;-webkit-box-shadow: inset 0 0 10px 0 #000;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;}
.db-navigation .nav-portrait{position: absolute;right: 8px;top: 2px;}
.db-navigation .nav-rarrow{position: absolute;right: 12px;top: 4px;}
/* mini navigation */
.db-mini-nav{background-color: #090909;border: 1px solid #2d251b;font-size: 12px;padding: 5px;}
.db-mini-nav-header{padding: 5px;color:}
.db-mini-nav-header .category{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;}
.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 tr{cursor: pointer;}
.db-table tbody tr:hover, .db-table tbody tr.hover{background-color: #090908;}
.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;}
/* detail box */
.db-detail-box{background: #252017 url("../images/db/box-bg.jpg") no-repeat;position: relative;border: 1px solid #382f1f;-moz-box-shadow: inset 0 0 20px #18150e;-webkit-box-shadow: inset 0 0 20px #18150e;box-shadow: inset 0 0 20px #18150e;}
.db-detail-box .subheader{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: 0;width: 280px;height: 91px;background: url("../images/db/box-level-bg.png") top right no-repeat;white-space: nowrap;font-size: 12px;}
.db-detail-box .detail-level-inner{position: absolute;right: 20px;top: 30px;line-height: 2.5em;padding: 0 10px;background: #12110f;color: #7B6D55;white-space: nowrap;text-align: right;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.db-detail-box .detail-level .number{float: right;position: relative;height: 1px;}
.db-detail-box .detail-level .number span{position: absolute;text-align: center;color: #AD835A;font-weight: bold;font-size: 14px;}
.db-detail-box .detail-level .number.circle{width: 34px;}
.db-detail-box .detail-level .number.circle span{width: 35px;height: 34px;line-height: 34px;left: 6px;top: -3px;background: url("../images/db/level-circle.png") no-repeat;}
.db-detail-box .detail-level .number.unlock{width: 34px;}
.db-detail-box .detail-level .number.unlock span{width: 38px;height: 52px;line-height: 70px;left: 3px;top: -20px;background: url("../images/db/level-unlock.png") no-repeat;}
/* style guide */
.db-subheader{margin-top: 30px;margin-bottom: 15px;}
/* flavor text */
.db-flavor-text{width: 70%;text-align: center;margin: 25px auto;}
.db-flavor-text .subcategory{color: #AD835A;font-size: 20px;font-style:italic;}
/*----------------------------------------------
    Overwrites
----------------------------------------------*/

/* table */
.table td.column-level{width: 1px;}
.table .subcategory{color: #F3E6D0;font-size: 20px;line-height: 100%;margin-bottom: 5px;}
.table .subcategory a,.table .subcategory a:visited{color: #F3E6D0;display: block;}
/* grids */
.data-container .data-cell.filtered{opacity: .1;}
/* tab menu */
.tab-menu li.external a{background: none;border: 0;color: #95856a;padding: 0 20px;-moz-box-shadow: none;-webkit-box-shadow: none;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;}
/* overwrites */
.page-body{margin: 0;padding: 0 4px;}
.box-alert{margin: 0 30px;}
/* skills */
.table-skills .skill-details{position: relative;}
.table-skills .skill-category{color: #AD835A;}
.table-skills .skill-description{font-size: 12px;}
.table-skills .skill-description p{margin: 10px 0 0 0;}
.table-skills td.column-level .subcategory{color: #7B6D55;}
.table-skills-active .skill-details{padding-left: 77px;min-height: 65px;}
.table-skills-active .skill-details .d3-icon-skill{position: absolute;left: 0;top: 0;}
.table-skills-active td.column-runes{width: 1px;}
.table-skills-passive .skill-details{padding-left: 94px;min-height: 78px;}
.table-skills-passive .skill-details .d3-icon-trait{position: absolute;left: 0;top: -2px;}
/* runes */
.rune-list li{line-height: 16px;white-space: nowrap;overflow: hidden;position: relative;padding-bottom: 8px;}
.rune-list li:last-child{padding-bottom: 2px;}
.rune-list .d3-icon-rune{margin-top: -2px;}
/* ie */

/* overwrites */
.page-body{margin-top: 0;}
/* skill detail box */
.db-detail-box{background-image: url("../images/hero/skill/icon-bg.jpg");padding: 25px 0 25px 149px;min-height: 160px;}
.db-detail-box .d3-icon-skill{position: absolute;left: 43px;top: 43px;}
.db-detail-box .d3-icon-trait{position: absolute;left: 33px;top: 32px;}
.db-detail-box .skill-category{font-size: 14px;}
.db-detail-box .skill-category a{color: #AD835A;}
.db-detail-box .skill-category a:hover{color: white;}
.db-detail-box .skill-desc{font-size: 14px;width: 70%;}
.db-detail-box .skill-desc p{margin: 10px 0 0 0;}
/* runestones */
.rune-variants {}
.rune-variants tbody td{padding: 20px 15px;}
.rune-variants .subcategory{font-size: 18px;}
.rune-variants .rune-type{white-space: nowrap;}
.rune-variants .rune-type .d3-icon-rune{margin-right: 3px;}
.rune-variants .rune-type .name{display: inline-block;vertical-align: middle;}
.rune-variants .column-level .subcategory { color: #7B6D55; }
.rune-variants .rune-details { padding-left: 56px; position: relative; }
.rune-variants .rune-details .d3-icon-rune { position: absolute; left: 0; _left:-56px; top: -2px; }
.rune-variants .rune-desc p { margin: 0; }
/* ie */

/* overrides */
.body-top{background: url("../images/layout/bgs/blacksmith.jpg") no-repeat;}
.box-alert-big{margin: 0 0 30px 0;}
/* layout */ 
.item-left{width: 731px;float: left;}
.item-right{width: 175px;float: right; }
/* item detail boxes (main and taught by) */
.item-detail-box{padding: 25px 0 25px 0;}
.item-detail-box .detail-icon{position: absolute;left: 0;top: 0;width: 150px;}
.item-detail-box .detail-icon .d3-icon-item{margin-left: 30px;margin-top: 30px;}
.item-detail-box .effect-bg{height: 220px;z-index: 1;background: left top no-repeat;}
.item-detail-box .effect-bg-arcane{background-image: url("../images/item/effect-bgs/arcane.png");}
.item-detail-box .effect-bg-cold{background-image: url("../images/item/effect-bgs/cold.png");}
.item-detail-box .effect-bg-fire{background-image: url("../images/item/effect-bgs/fire.png");}
.item-detail-box .effect-bg-holy{background-image: url("../images/item/effect-bgs/holy.png");}
.item-detail-box .effect-bg-lightning{background-image: url("../images/item/effect-bgs/lightning.png");}
.item-detail-box .effect-bg-poison{background-image: url("../images/item/effect-bgs/poison.png");}
.item-detail-box .d3-icon-item .icon-item-inner{position: relative;}
.item-detail-box .d3-icon-item .max-stacks{position: absolute;bottom: 2px;right: 4px;color: #fff;font-weight: bold;font-size: 18px;text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 0 0 5px #000;}
.item-detail-box .d3-icon-item .tip{border-bottom: 0;}
.icon-size-default .detail-text{margin-left: 127px;min-height: 132px;}
.icon-size-square .detail-text{margin-left: 127px;min-height: 68px;}
.icon-size-big .detail-text{margin-left: 145px;min-height: 188px;}
.item-detail-box-crafted .detail-text{min-height: 247px;} /* make room for the artisan box */
.item-detail-box-crafted.icon-size-default .detail-text, .item-detail-box-crafted.icon-size-square .detail-text{width: 330px;}
.item-detail-box-crafted.icon-size-big .detail-text{width: 295px;}
/* main item box */
.item-detail-box-main .header{width: 380px;font-size: 32px;}
.item-detail-box-main .detail-text{width: 340px;position: relative;z-index: 3;}
.item-detail-box-main .detail-wip{position: absolute;z-index: 2;left: 0;top: 33%;width: 729px;text-align: center;font-size: 60px;font-family: "Palatino Linotype", "Georgia", "Times", serif;text-transform: uppercase;color: #A99877;opacity: 0.15;line-height: 100%;}
.item-detail-box-main .d3-item-properties{font-size: 14px;}
.item-detail-box-main .d3-item-properties ul, .item-detail-box-main .d3-item-properties div{margin-top: 10px;}
.item-detail-box-main .d3-item-properties a{color: #CFB991;}
.item-detail-box-main .d3-item-properties .item-type, .item-detail-box-main .d3-item-properties .item-type-right, .item-detail-box-main .d3-item-properties .item-armor-weapon{margin-top: 5px;}
.item-detail-box-main .d3-item-properties .item-itemset{font-size: 14px;margin-top: 15px;}
.item-detail-box-main .d3-item-properties .item-itemset-name{font-size: 14px;}

/* main item box */
.item-detail-box .header { width: 380px; font-size: 32px; }
.item-detail-box .detail-text { width: 340px; position: relative; z-index: 3; }
.item-detail-box .detail-wip { position: absolute; z-index: 2; left: 0; top: 33%; width: 729px; text-align: center; font-size: 60px; font-family: "Palatino Linotype", "Georgia", "Times", serif; text-transform: uppercase; color: #A99877; opacity: 0.15; line-height: 100%; }

.item-detail-box .d3-item-properties { font-size: 14px; }
.item-detail-box .d3-item-properties ul,
.item-detail-box .d3-item-properties div { margin-top: 10px; }
.item-detail-box .d3-item-properties a { color: #CFB991; }
.item-detail-box .d3-item-properties .item-type,
.item-detail-box .d3-item-properties .item-type-right,
.item-detail-box .d3-item-properties .item-armor-weapon { margin-top: 5px; }
.item-detail-box .d3-item-properties .item-itemset { font-size: 14px; margin-top: 15px; }
.item-detail-box .d3-item-properties .item-itemset-name { font-size: 14px; }
/* artisan box */
.box-artisan{position: absolute;right: -2px;top: 80px;width: 278px;height: 217px;background: url("../images/item/detail/box-artisan-cracks.png") no-repeat;}
.box-artisan-inner{position: absolute;left: 26px;top: 25px;width: 230px;height: 172px;background: #12110F no-repeat;}
.box-artisan .label{font-size: 12px;}
.box-artisan .created-by {}
.box-artisan .created-by .name{color: #F3E6D0;text-transform: uppercase;font-size: 14px;}
.box-artisan .created-by .level{color: #AD835A;font-size: 12px;}
.box-artisan .material-list{margin: 10px 0;}
.box-artisan .material-list a{display: inline-block;vertical-align: middle;}
.box-artisan .material-list .icon-item-inner{display: block;position: relative;}
.box-artisan .material-list .icon-item-inner .no{position: absolute;bottom: 0;right: 2px;color: #fff;font-weight: bold;font-size: 14px;text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 0 0 5px #000;}
.box-artisan .material-icons{padding-top: 2px;}
.box-artisan .icon-mini-gold{margin-top: -2px;margin-left: 2px;}
.box-artisan .artisan-arm, .box-artisan .artisan-accessory{position: absolute;background: no-repeat;}
.box-artisan .artisan-content{padding: 10px;}
.artisan-blacksmith .box-artisan-inner{background-image: url("../images/item/detail/box-artisan-blacksmith.jpg");}
.artisan-blacksmith .artisan-arm{left: 230px;top: 16px;width: 31px;height: 152px;background-image: url("../images/item/detail/box-artisan-blacksmith-arm.png");}
.artisan-jeweler .box-artisan-inner{background-image: url("../images/item/detail/box-artisan-jeweler.jpg");}
.artisan-jeweler .artisan-arm{left: 230px;top: 70px;width: 41px;height: 124px;background-image: url("../images/item/detail/box-artisan-jeweler-arm24.png");}
.artisan-mystic .box-artisan-inner{background-image: url("../images/item/detail/box-artisan-mystic.jpg");}
.artisan-mystic .artisan-arm{left: 230px;top: 14px;width: 41px;height: 145px;background-image: url("../images/item/detail/box-artisan-mystic-arm.png");}
.artisan-mystic .artisan-accessory{left: 87px;top: -21px;width: 74px;height: 21px;background-image: url("../images/item/detail/box-artisan-mystic-staff.png");}
/* taught by */
.item-taught-by .subcategory{font-size: 20px;}
/* appearance */
.item-appearance {}
.item-appearance-box{border: 1px solid #382F1F;height: 237px;overflow:  hidden;padding: 6px 6px 5px 6px;background: url("../images/item/detail/appearance-bg.jpg") no-repeat;-moz-box-shadow: 3px 3px 5px #080706;-webkit-box-shadow: 3px 3px 5px #080706;box-shadow: 3px 3px 5px #080706;}
.item-appearance-box li{float: left;width: 141px;height: 237px;text-align: center;position: relative;background: url("../images/item/detail/appearance-bg.jpg") no-repeat;}
.item-appearance-box li.tile-barbarian{background-position: -6px -6px;}
.item-appearance-box li.tile-demon-hunter{background-position: -148px -6px;}
.item-appearance-box li.tile-monk{background-position: -289px -6px;}
.item-appearance-box li.tile-witch-doctor{background-position: -431px -6px;}
.item-appearance-box li.tile-wizard{background-position: -574px -6px;}
.item-appearance-box li .icon-holder{position: absolute;left: 0;bottom: 5px;width: 142px;}
.item-appearance-box li .category{font-size: 14px;margin-top: 5px;line-height: 100%;height: 30px;}
.item-appearance-box li .category a,.item-appearance-box li .category a:visited{color: #95856A;}
.item-appearance-box .d3-icon-item{-moz-box-shadow: 0 0 5px #000, 0 0 5px #000;-webkit-box-shadow: 0 0 5px #000, 0 0 5px #000;box-shadow: 0 0 5px #000, 0 0 5px #000;} /* icons need more glow when placed on top of artwork */
/* material for */
.item-material-for{color: #7B6D55;}
/* ie */


/* overrides */
.body-top{background:#12110F url("../images/layout/bgs/inventory.jpg") no-repeat;}
.page-body { margin: 0; padding: 0; }
.page-header .desc { width: 66%; }
.box-alert { margin: 0 30px 30px 30px; }

/* layout */
.browse-wrapper { padding: 0 4px 30px 4px; }
.browse-left { float: left; width: 221px; padding-top: 30px; }
.browse-right { float: left; width: 765px; }

/* header */
.page-header .header .item-class-specific { padding-left: 19px; background: url("../images/icons/bullet.gif") no-repeat 4px center; }

/* filters */
.db-filters { padding-bottom: 20px; }

/* table */
.table-items { border-left: 1px solid #2a241c; }

.table-items .column-item { padding-left: 0 !important; }
.table-items .column-item .d3-item-properties big { font-size: 16px; }
.table-items .column-item .d3-item-properties .item-itemset { margin-top: 10px; }
.table-items .column-item .d3-item-properties .item-crafting { margin-top: 10px; }
.table-items .column-level .subcategory { color: #A99877; }
.table-items .column-misc { width: 1px; white-space: nowrap; } /* armor, dps, aps */

.table-items .item-details { position: relative; }
.table-items .item-details-icon { position: absolute; left: 0; top: 0; width: 150px; z-index: 1; }
.table-items .item-details-icon .d3-icon-item { margin-left: 30px; }
.table-items .item-details-text { position: relative; z-index: 2; }
.table-items .effect-bg { height: 220px; z-index: 1; background: left -30px no-repeat; }
.table-items .effect-bg-arcane { background-image: url("../images/item/effect-bgs/arcane.png"); }
.table-items .effect-bg-cold { background-image: url("../images/item/effect-bgs/cold.png"); }
.table-items .effect-bg-fire { background-image: url("../images/item/effect-bgs/fire.png"); }
.table-items .effect-bg-holy { background-image: url("../images/item/effect-bgs/holy.png"); }
.table-items .effect-bg-lightning { background-image: url("../images/item/effect-bgs/lightning.png"); }
.table-items .effect-bg-poison { background-image: url("../images/item/effect-bgs/poison.png"); }

.icon-size-default .item-details { padding-left: 112px; min-height: 132px; }
.icon-size-square .item-details { padding-left: 112px; min-height: 68px; }
.icon-size-big .item-details { padding-left: 130px; min-height: 168px; }

/* grid */
.grid-items { border-left: 1px solid #2a241c; }
.grid-items .category { text-align: left; }
.grid-items .data-row { padding: 10px 0px; text-align: center; }
.grid-items .data-row .category { padding:  10px; }
.grid-items .data-row-column { display: inline-block; border-left: 1px solid #1b1915; padding-left: 10px; margin-left: 10px; }
.grid-items .data-row-column.first-child { padding: 0; margin: 0; border: 0; }
.grid-items .row2 .data-row-column { border-color: #2a241c; }
.grid-items .data-cell { width: 66px; }
.grid-items .data-cell .divider { width: auto; vertical-align: middle; margin: 35px auto 0 auto; }
.grid-items .data-cell .grid-name,
.grid-items .data-cell .grid-name span { display: block; color: #A99877;}
.grid-items .data-cell a:hover .grid-name div { color: #fff !important; }

/* runes */
.category-runestone .column-0 { width:120px; }
.category-runestone .column-1 {width:110px; }
.category-runestone .column-2 {width:110px;   }
.category-runestone .column-3 { width: 390px; }

/* page */
.table-items .page-pannels .page-region{display:none; }
.table-items .page-pannels .current{display:table-row-group;*display:block;}

/* other */
.category-runestone .data-container .data-cell {vertical-align: baseline;}
/*.table .sort-link .arrow {background: none;}*/
.db-left .subheader .icon-mini {background: none;}
/* add by yansong */
.clearfix{*zoom:1;}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;}
/* 搜索 */
#s_search{_position:relative;zoom:1;}
#s_search:after{content:'\0020';display:block;height:0;clear:both;}
#s_search .ie6-form{display:none;_display:block;position:absolute;right:0;width:260px;height:26px;background-image:url(s_search.png);}
#s_search .form-cont{float:right;width:260px;height:26px;overflow:hidden;background-image:url(s_search.png);_background:none;_position:relative;}
#s_search .form-cont .input-text{float:left;padding:3px 0 3px 30px;width:197px;height:20px;line-height:20px;font-size:12px;color:#a99877;background:none;border:none;}
#s_search .form-cont button{float:left;margin:0 0 0 5px;padding:0;width:28px;height:26px;text-indent:9999px;border:none;background:none;cursor:pointer;}
/* extra for search */
.s-search{margin-right:-30px;padding: 15px 0;}
.s-search form .ie6-form, .s-search form .form-cont{margin-top:3px;}
/* 上一物品和下一物品 */
#up_down{padding: 12px 0 20px 0;}
#up_down a{padding:0 5px;}
#up_down .s-prev{float:left;}
#up_down .s-prev a{color:#ad835a;}
#up_down a.s-item{display:inline-block;*zoom:1;width:84px;height:27px;line-height:27px;font-size:14px;font-weight:bold;color:#aa7417;text-align:center;background-image:url(s_prev.png)}
#up_down .s-next{float:right;}
#up_down .s-next a{color:#7979d4;}
#up_down .s-next a.s-item{color:#ff6c00;background-image:url(s_next.png)}
/* 分解 */
#decompose .hd h3{text-align:left;}
#decompose .bd{padding:30px 0 30px 120px;background:url(s_detail.png) no-repeat 0 0;}
#decompose .bd .lst-item li{float:left;padding:0 5px;}
#decompose .bd .lst-item li .icon-item-inner{display:inline-block;position:relative;height:32px;overflow:hidden;}
#decompose .bd .lst-item li .no{position: absolute;bottom: 0;right: 2px;color: #fff;font-weight: bold;font-size:14px;text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 0 0 5px #000;}
#decompose .bd .lst-item li .percent{padding:0 5px;display:inline-block;*zoom:1;font-weight:bold;height:36px;line-height:36px;vertical-align:top;}
/* for tabswitch */
div.tab-active{display:block;}

/* tab menu */
.tab-menu { padding: 50px 30px 0 30px;border-bottom:1px solid #2e2925;height:40px;}
.tab-menu li { float:left;_display:inline;margin-left:5px; _margin-left:0;cursor:pointer;}
.tab-menu li a { display: block; padding: 0 15px;height: 40px;font: normal 14px/40px 宋体, "Times", serif; text-transform: uppercase;
    background: #1a1814 url(tab-menu-bg.png) 0 0 repeat-x; border: 1px solid #1e1c17;border-bottom:none;
    -moz-box-shadow: 0 -3px 5px #090908; -webkit-box-shadow: 0 -3px 5px #090908; box-shadow: 0 -3px 5px #090908; }
.tab-menu li a:hover { background-position: 0 -40px; border-color: #302a21; }
.tab-menu li a.tab-active,
.tab-menu li a.tab-active:hover { background:url(tab-menu-active-bg.png); border-color: #302a21; border-bottom:1px solid #12110f;_position:relative;_height:41px;margin-bottom:-1px;}
.tab-menu li a.tab-active { font-weight: bold; color: #F3E6D0 !important; }
.tab-menu li a:hover{color:#fff;}

.artisan-subpage-blacksmith .body-top { background-image: url("blacksmith-bg-small.jpg"); }
.artisan-subpage-jeweler .body-top { background-image: url("jeweler-bg-small.jpg"); }
.artisan-subpage-mystic .body-top { background-image: url("mystic-bg-small.jpg"); }

.recipe-item a { display: block; vertical-align:middle; }
.recipe-item .d3-icon {float:left;margin-right: 5px; }
.recipe-item .name {line-height: 125%; color:#fff;}
.recipe-item .enhancement-name { color: #F3E6D0; }
.recipe-item .enhancement-bonus { color: #7979D4; display: block; padding-top: 2px; }
.recipe-materials .material{*margin-right:5px;}
.recipe-materials .icon-item-inner{position:relative;}
.recipe-materials .no{position: absolute;bottom: 0;right: 2px;color: #fff;font-weight: bold;font-size: 14px;text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 0 0 5px #000;}

.tier-level { border-left: 1px solid #28241d; }
.tier-level .level-header { padding: 10px; height: 36px; line-height: 36px; background: #090908; border-top: 1px solid #28241d; border-bottom: 1px solid #28241d; }
.tier-level .level-header .subcategory { padding: 6px 0 0 7px; }
.tier-level .level-header .subcategory span { color: #F3E6D0; }
.tier-level .level-header .level-requirements { color: white; float: right; height: 36px; overflow: hidden; margin-left: 10px; }
.tier-level .level-unlocks { padding: 15px; }
.tier-level .level-unlocks-2 { border-top:1px solid #28241d;}
.tier-level .level-unlocks .recipe-item { width: 32%; float:left; margin-bottom: 12px; }
.tier-level fieldset { border-top: 1px solid #28241d; padding-top: 15px; margin-top: 30px; }
.tier-level legend { text-transform: uppercase; font-size: 10px; padding: 0 5px; text-align: center; color: #AD835A; }
.tier-level .level-progress { width: 32%; background: #000; height: 15px; border: 1px solid #28241d; margin-top: 8px; padding: 1px; cursor: help; }
.tier-level .level-progress .progress-bar { height: 15px; line-height: 15px; background: #ca6f15 url("../../images/artisan/recipe/progress-bar.png") repeat; }
.tier-level .level-progress .progress-bar span { color: #fff; font-size: 11px; font-weight: bold; margin-left: 5px; text-shadow: 1px 1px #4a1400; }

.tier-title{float:left;height:22px;line-height:22px;margin-top:-32px;padding-left:20px;font-size:16px;color:#fff;}
.tier-title .t-desc{color:#7b6d55;}

.db-right-2{width:750px;float: right;overflow:hidden;}
.db-right-2 .db-filters{padding-bottom:0;}

<!-- 3D -->	
.d3-3d{display:block;}
.d3-3d a{ width:70px; height:23px; background:url(3dbg.jpg) 0 0; display:block; cursor:pointer;margin:10px 0px 0px 30px;}
.d3-3d a:hover{background:url(3dbg.jpg) 0 -23px;}
.d3-icon a{cursor:pointer;}

<!-- 弹窗 -->			  
#D3-dialog {background-color: #000;display: none;width: 620px;border: 1px solid #61533B; padding:5px;}
#D3-dialog .hd {background:#080808;;height: 30px;padding: 0 10px 0 30px;}
#D3-dialog .hd .close {color: #FFFFFF;cursor: pointer;float: right;font: bold 14px/30px Microsoft Yahei;}
#shadow div {background: -moz-radial-gradient(center top , rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9) 80%) repeat scroll 0 0 transparent;opacity: 0.5;z-index: 999;}
#layers {display: none; height: 100%;left: 0;overflow: auto;position: absolute;text-align: left;top: 0;width: 100%;z-index: 999;}
#layers .layer {background-color: #000;display: none;margin: auto;}
.item-detail-box .d3-item-properties ul .item-effects-choice ul, .item-detail-box .d3-item-properties div .item-effects-choice ul{margin-top:0px;}
.d3-item-properties .item-effects-choice ul {margin-top: 0px;}
.colors-subtle .item-itemset .d3-color-blue, .colors-subtle .item-itemset .d3-color-blue a{color: #909090 !important;padding-left: 18px;}

/* 外观 */
.item-appearance .subheader{ width:732px; height:41px;background: url("http://img3.cache.netease.com/game/diablo3/db/affix/images/waiguan.jpg") 0 0 no-repeat;}
.item-appearance  .db-subheader{ margin:0 auto}
.item-appearance .subheader h3{ line-height:41px; font-size:18px; color:#f3e6d0; font-family:"微软雅黑","Microsoft YaHei"; text-indent:55px; }
.item-taught-by .db-subheader {margin-top: 9px;margin-bottom: 15px;}


/* 分解 */
.fenjie{ width:732px; margin:20px auto 0; }
.fenjie-t{ width:732px; height:41px;background: url("http://img3.cache.netease.com/game/diablo3/db/affix/images/fenjie.jpg") 0 0 no-repeat;}
.fenjie-t h3{ line-height:41px; font-size:18px; color:#f3e6d0; font-family:"微软雅黑","Microsoft YaHei"; text-indent:55px; }
.fenjie-m{ width:732px; background:url("http://img3.cache.netease.com/game/diablo3/db/affix/images/cz-c-m.jpg") 0 0 repeat-y; float:left;}
.fenjie-b{ width:732px; height:5px; background:url("http://img3.cache.netease.com/game/diablo3/db/affix/images/cz-c-b.jpg") 0 0 no-repeat; float:left;}
.fenjie-c{ width:732px; background:url("http://img3.cache.netease.com/game/diablo3/db/affix/images/fenjie-m.jpg") 0 0 no-repeat; float:left;_overflow:visible;}
.fenjie-c-t{ margin:5px 0 0px 0;}
#fenjie h3{text-align:left;}
#fenjie .lst-item{ padding:15px 0 5px 15px;}
#fenjie .lst-item li{float:left;padding:0 5px;}
#fenjie .lst-item li .icon-item-inner{display:inline-block;position:relative;height:32px;overflow:hidden;}
#fenjie .lst-item li .no{position: absolute;bottom: 0;right: 2px;color: #fff;font-weight: bold;font-size:14px;text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 0 0 5px #000;}
#fenjie .lst-item li .percent{padding:0 5px;display:inline-block;*zoom:1;font-weight:bold;height:36px;line-height:36px;vertical-align:top;}
.d3-item-properties .item-flavor{ font-family:"楷体","宋体"; font-style:italic}