/* overrides */
.body-top { background: url("../../images/layout/bgs/items.jpg") no-repeat; }
.box-alert-big { margin: 0 0 30px 0; }
.page-header .header-2.item-class-specific { padding-left: 19px; background: url("../../images/icons/bullet.gif") no-repeat 4px center; }
.page-section { margin-top: 45px; }

/* 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: 168px; }

.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 .header-2{ width: 380px; font-size: 28px; }
.item-detail-box .detail-text { width: 380px; 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.075; line-height: 100%; }

.item-detail-box .d3-item-properties { font-size: 14px; }
.item-detail-box .d3-item-properties a { color: #CFB991; }
.item-detail-box .d3-item-properties .item-type { margin-top: 5px; }
.item-detail-box .d3-item-properties .item-itemset { font-size: 13px; 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: 11px; }
.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: 11px; }
.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 .d3-num { 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-16-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-arm.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"); }

/* appearance */
.item-appearance { position: relative;}
.item-appearance .gender-toggle { position: absolute; top: 0; right: 10px; }
.item-appearance ul { margin: 0 auto; }
.item-appearance li { float: left; width: 145px; height: 250px; text-align: center; position: relative; background: url("../../images/item/detail/appearance-bg-p6.jpg") no-repeat; }
.item-appearance li.tile-barbarian { background-position: 0 0; }
.item-appearance li.tile-demon-hunter { background-position: -145px 0; }
.item-appearance li.tile-monk { background-position: -290px 0; }
.item-appearance li.tile-witch-doctor { background-position: -435px 0; }
.item-appearance li.tile-wizard { background-position: -580px 0; }

.item-appearance li .icon-holder { position: absolute; left: 0; top: 65px; width: 145px; }
.item-appearance li .header-3 { margin-top: 10px; line-height: 100%; }
.item-appearance li .header-3 a { color: #95856A; font-size: 13px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.item-appearance li .d3-icon-item {   box-shadow: 0 0 5px #000, 0 0 5px #000; } /* icons need more glow when placed on top of artwork */
.de-de .item-appearance li .header-3 a { word-break: break-word; }
.fr-fr .item-appearance li .header-3 a { font-size: 12px; }

/* appearance - p6 */
.item-appearance.p6 li { width: 104px; }
.item-appearance.p6 li.tile-barbarian { background-position: 0 0; }
.item-appearance.p6 li.tile-crusader { background-position: -104px 0; }
.item-appearance.p6 li.tile-demon-hunter { background-position: -208px 0; }
.item-appearance.p6 li.tile-monk { background-position: -312px 0; }
.item-appearance.p6 li.tile-necromancer { background-position: -416px 0; }
.item-appearance.p6 li.tile-witch-doctor { background-position: -520px 0; }
.item-appearance.p6 li.tile-wizard { background-position: -624px 0; }

.item-appearance.p6 li .icon-holder { width: 104px; }

/* salvaging */
.item-salvage li,
.item-material-for li { display: inline-block; margin-left: 15px; margin-bottom: 3px; }
.item-material-for li { max-width: 45%; }
.item-salvage li a,
.item-material-for li a { display: block; }
.item-salvage li a .d3-icon,
.item-material-for li a .d3-icon { vertical-align: middle; }
.item-salvage li a .percent,
.item-material-for li a .name { display: inline-block; vertical-align: middle; margin-left: 5px; }

.material { display: block; }
.material .d3-icon { position: relative; }
.material .d3-num { 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; }

/* ie */
.ie .box-artisan .material-list .icon-item-inner .d3-num { background: #000; }

.ie6 .icon-size-default .detail-text { height: 132px; }
.ie6 .icon-size-square .detail-text { height: 68px; }
.ie6 .icon-size-big .detail-text { height: 168px; }
.ie6 .item-detail-box-crafted .detail-text { height: 247px; }
.ie6 .item-detail-box .effect-bg-arcane { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/item/effect-bgs/arcane.png"),sizingMethod="crop"); }
.ie6 .item-detail-box .effect-bg-cold { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/item/effect-bgs/cold.png"),sizingMethod="crop"); }
.ie6 .item-detail-box .effect-bg-fire { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/item/effect-bgs/fire.png"),sizingMethod="crop"); }
.ie6 .item-detail-box .effect-bg-holy { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/item/effect-bgs/holy.png"),sizingMethod="crop"); }
.ie6 .item-detail-box .effect-bg-lightning { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/item/effect-bgs/lightning.png"),sizingMethod="crop"); }
.ie6 .item-detail-box .effect-bg-poison { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/item/effect-bgs/poison.png"),sizingMethod="crop"); }

.ie .item-detail-box .detail-wip { filter: alpha(opacity=15); }

.ie6 .box-artisan { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/item/detail/box-artisan-cracks.png", sizingMethod="crop"); }
.ie6 .artisan-blacksmith .artisan-arm { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/item/detail/box-artisan-blacksmith-arm.png", sizingMethod="crop"); }

.ie7 .box-artisan .material-list a { margin-right: 5px; }

.ie67 .item-detail-box .header-2{ zoom: 1; line-height: 150%; }
.ie67 .item-salvage li,
.ie67 .item-material-for li { float: left; }