/*
	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: 150%;
	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-jewel-rank {
	color: #909090;
}

.d3-item-properties .item-property-category {
	color: #909090;
}

.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;
	margin-right: 60px;
}

.d3-item-properties .item-type {
	color: white;
}

.d3-item-properties .item-slot {
	color: #909090;
	font-size: 20px;
}

.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/icons/primary.gif") 0 3px no-repeat;
}

	.d3-item-properties .item-effects li.d3-item-property-utility {
		background: url("/images/icons/utility.gif") 0 3px no-repeat;
	}

	.d3-item-properties .item-effects li.d3-item-property-enchant {
		background: url("/images/icons/enchant.gif") 0 3px no-repeat;
	}

	.d3-item-properties .item-effects li.secondary {
		background: url("/images/icons/secondary.html") 0 3px 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 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 ul {
			padding-left: 16px
		}

		.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 .jewel-effect {
			white-space: normal
		}

		.d3-item-properties .item-effects li.full-socket .socket-effect {
			padding-left: 16px;
			background: url("/images/icons/primary.gif") 0px 3px no-repeat;
			display: inline-block;
			min-height: 18px;
			line-height: 18px;
			white-space: normal
		}

	.d3-item-properties .item-effects li.item-no-background {
		background: none;
	}

/* Item tooltips should more closely match what we see in game */
.d3-item-properties .item-effects .item-property-category {
	padding-top: 6px;
}

.d3-item-properties .item-effects .item-property-category {
	color: white;
}
/* end items overrides */

.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/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: #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: 350px;
		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;
		}

.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,
.d3-tooltip .tooltip-head-teal {
	background-position: 0 -240px;
}

.d3-tooltip .d3-tooltip-item-wrapper-PrimalAncientLegendary .tooltip-head-orange {
	background-position: 0 -280px;
}

.d3-tooltip .d3-tooltip-item-wrapper-PrimalAncientLegendary .tooltip-head-green {
	background-position: 0 -320px;
}

/* 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 .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-red {
	background-image: url("/images/item/effect-bgs/fire.jpg");
}

.d3-tooltip-item .effect-bg-orange {
	background-image: url("/images/item/effect-bgs/holy.jpg");
}

.d3-tooltip-item .effect-bg-blue {
	background-image: url("/images/item/effect-bgs/lightning.jpg");
}

.d3-tooltip-item .effect-bg-green {
	background-image: url("/images/item/effect-bgs/poison.jpg");
}

.d3-tooltip-item .effect-bg-white {
	background-image: url("/images/item/effect-bgs/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;
	color: white;
}
/* makes the text readable when a background is used */

/* ancient and primal ancient item borders */
.d3-tooltip-item-wrapper .d3-tooltip-item-wrapper {
	positon: relative;
}

.d3-tooltip-item-wrapper .d3-tooltip-item-border {
	display: none;
	position: absolute;
}

.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-AncientLegendary .d3-tooltip-item-border,
.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-PrimalAncientLegendary .d3-tooltip-item-border {
	display: block;
	height: 100%;
	background-repeat: repeat-y;
}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-AncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-left {
		background-image: url("/images/tooltip/Ancient-Frame-LeftBorder-2.png");
		left: -20px;
		width: 20px;
		z-index: 1000;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-PrimalAncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-left {
		background-image: url("/images/tooltip/PrimalAncient-Frame-LeftBorder.png");
		left: -20px;
		width: 20px;
		z-index: 1000;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-AncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-right {
		background-image: url("/images/tooltip/Ancient-Frame-RightBorder-2.png");
		right: -20px;
		width: 20px;
		z-index: 1000;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-PrimalAncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-right {
		background-image: url("/images/tooltip/PrimalAncient-Frame-RightBorder.png");
		right: -20px;
		width: 20px;
		z-index: 1000;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-AncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-top {
		background-image: url("/images/tooltip/Ancient-Frame-TopBorder-2.png");
		background-position: center;
		top: -22px;
		height: 22px;
		width: 100%;
		z-index: 1000;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-PrimalAncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-top {
		background-image: url("/images/tooltip/PrimalAncient-Frame-TopBorder.png");
		background-position: center;
		top: -26px;
		height: 39px;
		width: 100%;
		z-index: 1000;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-AncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-bottom {
		background-image: url("/images/tooltip/Ancient-Frame-BottomBorder-2.png");
		background-position: center;
		bottom: -26px;
		height: 26px;
		width: 100%;
		z-index: 1000;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-PrimalAncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-bottom {
		background-image: url("/images/tooltip/PrimalAncient-Frame-BottomBorder.png");
		background-position: center;
		bottom: -31px;
		height: 31px;
		width: 100%;
		z-index: 1000;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-AncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-top-left {
		background-image: url("/images/tooltip/Ancient-Frame-TopLeftBorder-2.png");
		background-position: center;
		top: -5px;
		left: -10px;
		height: 26px;
		width: 26px;
		z-index: 1010;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-PrimalAncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-top-left {
		background-image: url("/images/tooltip/PrimalAncient-Frame-TopLeftBorder.png");
		top: -22px;
		left: -11px;
		height: 35px;
		width: 27px;
		z-index: 1010;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-AncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-bottom-left {
		background-image: url("/images/tooltip/Ancient-Frame-BottomLeftBorder-2.png");
		background-position: center;
		bottom: -7px;
		left: -10px;
		height: 26px !important;
		width: 26px !important;
		z-index: 1010;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-PrimalAncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-bottom-left {
		background-image: url("/images/tooltip/PrimalAncient-Frame-BottomLeftBorder.png");
		bottom: -20px;
		left: -11px;
		height: 36px !important;
		width: 31px !important;
		z-index: 1010;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-AncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-top-right {
		background-image: url("/images/tooltip/Ancient-Frame-TopRightBorder-2.png");
		background-position: center;
		top: -5px;
		right: -10px;
		height: 26px !important;
		width: 26px !important;
		z-index: 1010;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-PrimalAncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-top-right {
		background-image: url("/images/tooltip/PrimalAncient-Frame-TopRightBorder.png");
		top: -25px;
		right: -11px;
		height: 37px !important;
		width: 36px !important;
		z-index: 1010;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-AncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-bottom-right {
		background-image: url("/images/tooltip/Ancient-Frame-BottomRightBorder-2.png");
		background-position: center;
		bottom: -8px;
		right: -9px;
		height: 26px !important;
		width: 26px !important;
		z-index: 1010;
	}

	.d3-tooltip-item-wrapper.d3-tooltip-item-wrapper-PrimalAncientLegendary .d3-tooltip-item-border.d3-tooltip-item-border-bottom-right {
		background-image: url("/images/tooltip/PrimalAncient-Frame-BottomRightBorder.png");
		bottom: -14px;
		right: -11px;
		height: 34px !important;
		width: 40px !important;
		z-index: 1010;
	}

/* 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/item/icon-bgs/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/item/icon-bgs/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/item/icon-bgs/brown.png");
	background-color: #2a2017;
}

.d3-icon-item-red {
	border-color: #513f2e;
	background-image: url("/images/item/icon-bgs/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/item/icon-bgs/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/item/icon-bgs/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,
.d3-icon-item-rune-d {
	border-color: #b07b38;
	background-image: url("/images/item/icon-bgs/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/item/icon-bgs/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;
}

/* red */
.d3-icon-item-red {
	border-color: #d13432;
	background-image: url("/images/item/icon-bgs/red.png");
	background-color: #2f1414;
}

a:hover .d3-icon-item-red,
.hover .d3-icon-item-red,
.icon-active .d3-icon-item-red {
	border-color: #ff0001;
}

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

.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;
}

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/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;
}

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/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-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-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-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: #a58760 !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;
}

.d3-color-teal, .d3-color-teal a {
	color: #65c2a7 !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,
	a.d3-color-teal:hover, .d3-color-teal a:hover a:hover .d3-color-teal {
		color: #fff !important;
	}

/* map colors from GDA to more subtle colors used on the site */
.d3-color-FF888888, .d3-color-ff888888, .d3-color-ff888888 a {
	color: #909090 !important;
}

.d3-color-ffff8000, .d3-color-ffff8000 a {
	color: #a58760 !important;
}

.d3-color-ff6969ff, .d3-color-ff6969ff a {
	color: #7979d4 !important;
}

.d3-color-ffc7b377, .d3-color-ffc7b377 a {
	color: #ad835a !important;
}

.d3-color-ff00ff00, .d3-color-ff00ff00 a {
	color: #8bd442 !important;
}

.d3-color-ff9b9b9b, .d3-color-ff9b9b9b a {
	color: #9b9b9b !important;
}

.d3-color-magic, .d3-color-magic a {
	color: #bda6db !important;
}

.d3-color-legendary, .d3-color-legendary a {
	color: #a58760 !important;
}

.d3-color-ffffffff, .d3-color-ffffffff a {
	color: #ffffff !important;
}

.d3-color-ff696969, .d3-color-ff696969 a {
	color: #696969 !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: 12px;
	height: 12px;
	margin-right: 0px;
	vertical-align: middle;
	background: url("/images/icons/bullet.gif") no-repeat;
}

.tooltip-icon-enchant {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 0px;
	vertical-align: middle;
	background: url("/images/icons/enchant.gif") no-repeat;
}

.tooltip-icon-utility {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 0px;
	vertical-align: middle;
	background: url("/images/icons/utility.gif") no-repeat;
}

/* head */
.d3-tooltip .tooltip-head-2 {
	height: 40px;
	padding: 0 15px;
}

.d3-tooltip .tooltip-head-2.game-img-1 {
	background: url("/images/ui/tooltip-title-2.jpg") no-repeat;
	background-position-y: -80px;
}

.d3-tooltip .tooltip-head-2.game-img-2 {
	background: url("/images/ui/tooltip-title-2.jpg") no-repeat;
	background-position-y: -120px;
}

	.d3-tooltip .tooltip-head-2.game-img-3 {
		background: url("/images/ui/tooltip-title-2.jpg") no-repeat;
		background-position-y: -160px;
	}

	.d3-tooltip .tooltip-head-2.game-img-4 {
		background: url("/images/ui/tooltip-title-2.jpg") no-repeat;
		background-position-y: -200px;
	}

	.d3-tooltip .tooltip-head-2.game-img-5 {
		background: url("/images/ui/tooltip-title-2.jpg") no-repeat;
		background-position-y: -240px;
	}

.d3-tooltip .tooltip-head-2 h3 {
	color: #F3E6D0;
	font: 14px "Palatino Linotype", "Times", serif;
	height: 40px;
	line-height: 37px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}