/*
	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 */
.d3-item-properties ul,
.d3-item-properties div { margin-top: 10px; }
.d3-item-properties ul ul { margin-top: 0; }
.d3-item-properties ul li { margin: 1px 0; }
.d3-item-properties ul li.bump { margin-top: 10px; }
.d3-item-properties p { margin: 0 !important; }
.d3-item-properties .indent { padding-left: 18px; }
.d3-item-properties .value { color: #ded2ab; }
.d3-item-properties .big .value { font-size: 400%; line-height: 100%; font-family: "Palatino Linotype", "Times", serif; text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black; }
.d3-item-properties .item-requirement { color: #A99877 }
.d3-item-properties .d3-color-lightblue .value { color: #99bbff !important; }
.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-type { color: white; }
.d3-item-properties .item-slot { color: #909090; }
.d3-item-properties  .item-unique-equipped { text-align:left; clear:both }
.d3-item-properties .item-armor-weapon li { color: #909090; }
.d3-item-properties .item-armor-weapon .value { color: white; }
.d3-item-properties .item-before-effects { display: none; }
.d3-item-properties .item-effects li { padding-left: 16px; background: url("../images/bullet.gif")/*tpa=http://www.haqznz.cn/images/bullet.gif*/ 2px 5px no-repeat; }
.d3-item-properties .item-effects li.empty-socket { background: url("../images/empty-socket.png")/*tpa=http://www.haqznz.cn/images/empty-socket.png*/ 0 center no-repeat; }
.d3-item-properties .item-effects li.full-socket { line-height:18px; min-height:18px; background: none; padding-left:0; padding-top:7px; white-space:nowrap }
.d3-item-properties .item-effects li.full-socket .gem { float:left; width:17px; height:17px; margin-right:4px }
.d3-item-properties .item-effects li.full-socket .socket-effect { padding-left: 16px; background: url("../images/bullet.gif")/*tpa=http://www.haqznz.cn/images/bullet.gif*/ 2px 5px no-repeat; display:inline-block; min-height:18px; line-height:18px; white-space:normal }

.d3-item-properties .item-effects .gem-effect { color: white; }
.d3-item-properties .item-effects-choice { margin-bottom: 10px; }

.d3-tooltip-wrapper { background: #1d180e; padding: 1px; border: 1px solid #322a20; max-width: 355px; position: absolute; z-index: 2147483647; border-radius: 2px; box-shadow: 0 0 10px #000; }
.d3-tooltip-wrapper-inner { background: black; }


.d3-tooltip .title,
.d3-tooltip .subtitle { font-family: "Palatino Linotype", "Georgia", "Times", serif; color: #F3E6D0; font-weight: normal; margin-bottom: 6px; }
.ko-kr .d3-tooltip .title,
.ko-kr .d3-tooltip .subtitle { font-family: Dotum; }
.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 .flavor { font-size: 16px; color: #AD835A; font-family: "Palatino Linotype", "Times", serif; font-style: italic; }
.ko-kr .d3-tooltip .flavor { font-family: Kodia, Dotum; }
.d3-tooltip .tip { border-bottom: 0; }
.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/default.gif")/*tpa=http://www.haqznz.cn/images/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: #c7b377; }
	.d3-tooltip * { margin: 0; padding: 0; background: none; }
	.d3-tooltip ul { list-style-type: none; }
	.d3-tooltip .value { color: white; }

	/* head */
	.d3-tooltip .tooltip-head { height: 40px; width: 320px; padding: 0 15px; background: url("../images/tooltip-title.jpg")/*tpa=http://www.haqznz.cn/images/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; }
	.ko-kr .d3-tooltip .tooltip-head h3 { font-family: Kodia, Dotum; }

	.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,
	.d3-tooltip .tooltip-head-white  { 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-orange { background-position: 0 -160px; }
	.d3-tooltip .tooltip-head-purple { background-position: 0 -200px; }
	.d3-tooltip .tooltip-head-green  { background-position: 0 -240px; }

	/* body */
	.d3-tooltip .tooltip-body { position: relative; padding: 10px; }

	/* extension */
	.d3-tooltip .tooltip-extension { margin: 10px -2px 0 -2px; padding: 10px 12px; border-top: 2px solid #322A20; } /* more horizontal padding to make up for negative margin */
	.d3-tooltip .tooltip-extension.rune-extension { padding-left: 87px; min-height: 52px; position: relative; }
	.d3-tooltip .tooltip-extension.rune-extension .d3-icon-rune { position: absolute; top: 10px; left: 20px; }

	/* item tooltips */
	.d3-tooltip-item .d3-icon-item { float: left; margin-right: 10px; margin-bottom: 11px; }

	.d3-tooltip-item .item-armor-weapon { clear: right; }
	.d3-tooltip-item .item-before-effects { display: block !important; clear: both; }
	.d3-tooltip-item .item-description { margin-top: 10px; }
	.d3-tooltip-item .item-itemset { font-size: 12px; }
	.d3-tooltip-item .item-reqlevel { float: right; }

	.d3-tooltip-item .effect-bg { background-position: 10px 10px; background-repeat: no-repeat; }
	.d3-tooltip-item .effect-bg-arcane { background-image: url("../images/arcane.jpg")/*tpa=http://www.haqznz.cn/images/arcane.jpg*/; }
	.d3-tooltip-item .effect-bg-cold { background-image: url("../images/cold.jpg")/*tpa=http://www.haqznz.cn/images/cold.jpg*/; }
	.d3-tooltip-item .effect-bg-fire { background-image: url("../images/fire.jpg")/*tpa=http://www.haqznz.cn/images/fire.jpg*/; }
	.d3-tooltip-item .effect-bg-holy { background-image: url("../images/holy.jpg")/*tpa=http://www.haqznz.cn/images/holy.jpg*/; }
	.d3-tooltip-item .effect-bg-lightning { background-image: url("../images/lightning.jpg")/*tpa=http://www.haqznz.cn/images/lightning.jpg*/; }
	.d3-tooltip-item .effect-bg-poison { background-image: url("../images/poison.jpg")/*tpa=http://www.haqznz.cn/images/poison.jpg*/; }
	.d3-tooltip-item .effect-bg-armor { background-image: url("../images/armor.jpg")/*tpa=http://www.haqznz.cn/images/armor.jpg*/; background-position: 78px 20px; }
	.d3-tooltip-item .effect-bg-armor-square { background-position: 78px 14px; }
	.d3-tooltip-item .effect-bg-armor-big { background-position: 96px 20px; }
	.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; }
	.d3-tooltip-skill .value { color: #c7b377 }

	/* 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; line-height: 1em; margin-bottom: 0; }
	.ko-kr .d3-tooltip-calculator .title { font-size: 18px; }
	.d3-tooltip-calculator .subtitle {  }
	.d3-tooltip-calculator .empty { color: #808080; }
	.d3-tooltip-calculator li { position: relative; }
	.d3-tooltip-calculator li:nth-child(even),
	.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: 15px; }
	.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 { box-shadow: 0 0 5px #000; }

	/* items */
	.d3-icon-item { border: 1px solid black; background: no-repeat 50% 100%; border-radius: 4px; }
	.d3-icon-item .icon-item-gradient { display: block; border-radius: 4px;
		background-image: url("../images/gradient.png")/*tpa=http://www.haqznz.cn/images/gradient.png*/; /* fallback */
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
		background-image:    -moz-linear-gradient(top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
		background-image:     -ms-linear-gradient(top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
		background-image:      -o-linear-gradient(top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
		background-image:         linear-gradient(top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
	}
	.d3-icon-item .icon-item-inner { display: block; padding: 1px; background: no-repeat center center; font-size: 1px; line-height: normal; text-align: center; border-radius: 4px; overflow: hidden; }
	a:hover .d3-icon-item .icon-item-inner,
	.hover .d3-icon-item .icon-item-inner,
	.icon-active .d3-icon-item .icon-item-inner { background-color: rgba(255, 255, 255, 0.05); } /* brighter */

	.d3-icon-item-large .icon-item-default { width: 64px; height: 128px; }
	.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; }

	.d3-icon-item-small,
	.d3-icon-item-small .icon-item-gradient,
	.d3-icon-item-small .icon-item-inner,
	.d3-icon-item-32,
	.d3-icon-item-32 .icon-item-gradient,
	.d3-icon-item-32 .icon-item-inner { border-radius: 2px; } /* scale border radius accordingly */

	.d3-icon-item-32 .icon-item-default,
	.d3-icon-item-32 .icon-item-square,
	.d3-icon-item-32 .icon-item-big { width: 32px; height: 32px; }

	.d3-icon-item-64 .icon-item-default,
	.d3-icon-item-64 .icon-item-square,
	.d3-icon-item-64 .icon-item-big { width: 64px; height: 64px; }

		/* gray */
		.d3-icon-item-gray { border-color: #513f2e; background-image: url("../images/brown.png")/*tpa=http://www.haqznz.cn/images/brown.png*/; background-color: #2a2017; }
		a:hover .d3-icon-item-gray,
		.hover .d3-icon-item-gray,
		.icon-active .d3-icon-item-gray { border-color: #7a5f45; }

		/* white */
		.d3-icon-item-white { border-color: #513f2e; background-image: url("../images/brown.png")/*tpa=http://www.haqznz.cn/images/brown.png*/; background-color: #2a2017; }
		a:hover .d3-icon-item-white,
		.hover .d3-icon-item-white,
		.icon-active .d3-icon-item-white { border-color: #7a5f45; }

		/* blue */
		.d3-icon-item-blue { border-color: #6091a6; background-image: url("../images/blue.png")/*tpa=http://www.haqznz.cn/images/blue.png*/; background-color: #232227; }
		a:hover .d3-icon-item-blue,
		.hover .d3-icon-item-blue,
		.icon-active .d3-icon-item-blue { border-color: #90c8d3; }

		/* yellow */
		.d3-icon-item-yellow { border-color: #9b8e3c; background-image: url("../images/yellow.png")/*tpa=http://www.haqznz.cn/images/yellow.png*/; background-color: #322914; }
		a:hover .d3-icon-item-yellow,
		.hover .d3-icon-item-yellow,
		.icon-active .d3-icon-item-yellow { border-color: #cdc75a; }

		/* orange */
		.d3-icon-item-orange { border-color: #b07b38; background-image: url("../images/orange.png")/*tpa=http://www.haqznz.cn/images/orange.png*/; background-color: #332314; }
		a:hover .d3-icon-item-orange,
		.hover .d3-icon-item-orange,
		.icon-active .d3-icon-item-orange { border-color: #d8b954; }

		/* green */
		.d3-icon-item-green { border-color: #748e3d; background-image: url("../images/green.png")/*tpa=http://www.haqznz.cn/images/green.png*/; background-color: #262f14; }
		a:hover .d3-icon-item-green,
		.hover .d3-icon-item-green,
		.icon-active .d3-icon-item-green { border-color: #aec75c; }


	/* 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/skill-21.png")/*tpa=http://www.haqznz.cn/images/skill-21.png*/; }
	.d3-icon-skill-42 .frame { background-image: url("../images/skill-42.png")/*tpa=http://www.haqznz.cn/images/skill-42.png*/; }
	.d3-icon-skill-64 .frame { background-image: url("../images/skill-64.png")/*tpa=http://www.haqznz.cn/images/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; }

	a.disabled:hover .d3-icon-skill .frame,
	.disabled.hover .d3-icon-skill .frame { background-position: left top !important; }
	a.disabled:hover .d3-icon-skill.selected .frame,
	.disabled.hover .d3-icon-skill.selected .frame { background-position: right top !important; }

	/* 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/trait-21.png")/*tpa=http://www.haqznz.cn/images/trait-21.png*/; }
	.d3-icon-trait-42 .frame { background-image: url("../images/trait-42.png")/*tpa=http://www.haqznz.cn/images/trait-42.png*/; }
	.d3-icon-trait-64 .frame { background-image: url("../images/trait-64.png")/*tpa=http://www.haqznz.cn/images/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; }

	a.disabled:hover .d3-icon-trait .frame,
	.disabled.hover .d3-icon-trait .frame { background-position: left top !important; }
	a.disabled:hover .d3-icon-trait.selected .frame,
	.disabled.hover .d3-icon-trait.selected .frame { background-position: right top !important; }

	.d3-icon-trait.circle,
	.d3-icon-trait.circle .frame { width: 64px !important; height: 64px !important; }
	.d3-icon-trait.circle .frame { background-image: url("../images/trait-circle.png")/*tpa=http://www.haqznz.cn/images/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/large.png")/*tpa=http://www.haqznz.cn/images/large.png*/; }
	.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/medium.png")/*tpa=http://www.haqznz.cn/images/medium.png*/; }
	.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/small.png")/*tpa=http://www.haqznz.cn/images/small.png*/; }
	.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-default, .d3-color-default a { color: #fff !important; }
	.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: #fff !important; }
	.d3-color-yellow, .d3-color-yellow a { color: #ffff00 !important; }

	a.d3-color-blue:hover, .d3-color-blue a:hover, a:hover .d3-color-blue,
	a.d3-color-gray:hover, .d3-color-gray a:hover, a:hover .d3-color-gray,
	a.d3-color-gold:hover, .d3-color-gold a:hover, a:hover .d3-color-gold,
	a.d3-color-green:hover, .d3-color-green a:hover, a:hover .d3-color-green,
	a.d3-color-orange:hover, .d3-color-orange a:hover, a:hover .d3-color-orange,
	a.d3-color-purple:hover, .d3-color-purple a:hover, a:hover .d3-color-purple,
	a.d3-color-red:hover, .d3-color-red a:hover, a:hover .d3-color-red,
	a.d3-color-white:hover, .d3-color-white a:hover, a:hover .d3-color-white,
	a.d3-color-yellow:hover, .d3-color-yellow a:hover a:hover .d3-color-yellow { color: #fff !important; }

	/* runes */
	.d3-color-rune { color: #F3E6D0 !important; }
	.d3-color-rune-a { color: #e52817 !important; }
	.d3-color-rune-b { color: #6e7ee5 !important; }
	.d3-color-rune-c { color: #948b91 !important; }
	.d3-color-rune-d { color: #fa8b14 !important; }
	.d3-color-rune-e { color: #f7e9b7 !important; }

.d3-debug { display: none; }
.tooltip-icon-bullet { display: inline-block; width: 8px; height: 8px; margin-right: 2px; vertical-align: middle; background: url("../images/bullet.gif")/*tpa=http://www.haqznz.cn/images/bullet.gif*/ no-repeat; }