/***[Artifacts]********************/
table#artifacts {
	margin: 20px auto;
	width: 750px;
	border-collapse: collapse;
	empty-cells: show;
	background: #513D27;
}
table#artifacts img {
	width: 64px;
	height: 64px;
	margin: 0px;
	vertical-align: middle;
	border: none;
}
table#artifacts th, table#artifacts td {
	border: 1px solid #737373;
	padding: 3px;
	color: white;
}
table#artifacts th a {
	text-decoration: none;
	color: white;
}
table#artifacts th a:hover {
	text-decoration: underline;
}
table#artifacts th.legend {
	padding: 10px 15px;
	text-align: left;
	font-weight: bold;
}

table#artifacts b.major { color: #FFCC99; }
table#artifacts b.relic { color: #CC6666; }
table#artifacts b.grail { color: #CC6666; }
table#artifacts span.inset {
	font-weight: bold;
	color: #99DD99;
}
table#artifacts span.inset a {
	color: #99DD99;
	text-decoration: none;
}
table#artifacts span.inset a:hover {
	text-decoration: underline;
}

/***[Page Navigation]**************/
table#artifacts .page_nav {
	float: right;
}
table#artifacts .page_nav a {
	color: white;
	font-weight: normal;
}
table#artifacts .page_nav a.active {
	font-weight: bold;
}

table#artifacts th.filter {
	cursor: url("/images/cursors/attack.cur"), pointer;
	behavior: url("include/csshover.htc");
}
table#artifacts th.filter div {
	display: none;
	position: absolute;
	border: 2px ridge #493F34;
	background: #493F34;
	padding: 2px;
	text-align: left;
}
table#artifacts th.filter div a {
	display: block;
	padding-left: 5px;
	padding-right: 25px;
}
table#artifacts th.filter div a:hover {
	background-color: #737373;
	text-decoration: none;
}
table#artifacts th.filter:hover div {
	display: block;
}
table#artifacts th.filter.hover div {
	display: block;
}

/***[Slots]************************/
table#artifacts th.filter div.slot { margin-top: 3px; }
table#artifacts th.filter div.type { margin-top: 3px; }
table#artifacts th.filter div.source { margin-top: 3px; }

table#artifacts th.filter div.slot a {
	background-position: 0% 50%;
	background-repeat: no-repeat;
	padding-left: 40px;
	line-height: 32px;
}
#PRIMARY   { background-image: url("../images/artifact-slots/Weapon.png"); }
#SECONDARY { background-image: url("../images/artifact-slots/Shield.png"); }
#HEAD      { background-image: url("../images/artifact-slots/Helm.png"); }
#CHEST     { background-image: url("../images/artifact-slots/Cuirass.png"); }
#NECK      { background-image: url("../images/artifact-slots/Necklace.png"); }
#FINGER    { background-image: url("../images/artifact-slots/Ring.png"); }
#FEET      { background-image: url("../images/artifact-slots/Boots.png"); }
#SHOULDERS { background-image: url("../images/artifact-slots/Cloak.png"); }
#MISCSLOT1 { background-image: url("../images/artifact-slots/Inventory.png"); }
#INVENTORY { background-image: url("../images/artifact-slots/Inventory.png"); }
#ALL       { background-image: url("../images/artifact-slots/All.png"); }

table#artifacts th.filter div.type a {
	padding-left: 15px;
	line-height: 23px;
}

table#artifacts th.filter div.source a {
	background-position: 2px 50%;
	background-repeat: no-repeat;
	padding-left: 22px;
	line-height: 22px;
}
#src_H5   { background-image: url("H5_icon_16.png"); }
#src_H5A1 { background-image: url("H5_HoF_icon_16.png"); }
#src_H5A2 { background-image: url("H5_ToE_icon_16.png"); }