.armory_wrap {
	background: url(../css/images/grad-bg.png) no-repeat bottom center;
	padding: 0 0 50px 0;
	}
	.armory_wrap.alliance {
	background: url(../css/images/grad-bg.png) no-repeat bottom center, url(../css/images/stormwind.png) no-repeat top center, url(../css/images/alliance.png) no-repeat top left;
	}
	.armory_wrap.horde {
	background: url(../css/images/grad-bg.png) no-repeat bottom center, url(../css/images/orgrimmar.png) no-repeat top center, url(../css/images/horde.png) no-repeat top left;
	}
	
.sub_armory_wrap {
	background: url(../css/images/grad-bg.png) no-repeat bottom center;
	padding: 0 0 50px 0;
	}
	.sub_armory_wrap.alliance {
		background: url(../css/images/grad-bg.png) no-repeat bottom center, url(../css/images/alliance.png) no-repeat top left;
		}
	.sub_armory_wrap.horde {
		background: url(../css/images/grad-bg.png) no-repeat bottom center, url(../css/images/horde.png) no-repeat top left;
		}

.table {
	margin: 20px 10px 0 10px;
	}
	.table-header {
		width: 100%;
		height: 34px;
		margin: 0 0 6px 0;
		background-color: rgba(0,0,0,.15);
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
		text-align: left;
		}
		.table-header .column {
			float: left;
			height: 34px;
			width: 70px;
			font-size: 13px;
			color: #51443c;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
			text-align: center;
			box-sizing: border-box;
			padding: 8px 0 0 0;
			}
	.table-body {
		}
		.table-row {
			width: 100%;
			height: 34px;
			background-color: rgba(79,64,55,.15);
			-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 1px rgba(179,158,124,.03);
			-moz-box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 1px rgba(179,158,124,.03);
			box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 1px rgba(179,158,124,.03);
			text-align: left;
			margin: 0 0 5px 0;
			}
			.table-row:nth-child(odd) {
				background-color: rgba(53, 44, 38, 0.15);
				}
			.table-row:hover {
				background-color: rgba(134, 110, 96, 0.15);
				}
			.table-row .column {
				float: left;
				height: 34px;
				width: 70px;
				font-size: 14px;
				color: #60534c;
				text-shadow: 1px 1px 1px rgba(0,0,0,.4);
				text-align: center;
				box-sizing: border-box;
				padding: 8px 0 0 0;
				}
				.table-row .column .win {
					color: #019B04;
					}
				.table-row .column .loss {
					color: #c5181b;
					}
			
.armory {
	}
	#armory_top {
		}
		#armory_top #armory_name {
			float:left;
			padding: 60px 0 0 34px;
			}
			#armory_top #row1 {
				font-size: 0;
				}
				#armory_top #name {
					display: inline-block;
					vertical-align: top;
					text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.25);
					color: #9c8964;
					
					font-size: 55px;
					font-weight: 700;
					}
				#armory_top #title_guild {
					display: inline-block;
					vertical-align: top;
					padding: 12px 0 0 18px;
					}
					#armory_top #title {
					text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
					color: #5f4f47;
					
					font-size: 16px;
					font-weight: 400;
					}
					#armory_top #guild {
						text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
						color: #a4492c;
						
						font-size: 23px;
						font-weight: 400;
						}
						#armory_top #guild:hover {
						color: #C35633;
						}
			#armory_top #row2 {
				margin: 0px;
				padding: 6px 0 0 0;
				text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
				font-size: 14px;
				font-weight: 400;
				color: #4f453e;
				}
				#armory_top #row2 span {
				color: #8a2c1f;
                }
            #armory_top #row3 {
                padding: 6px 0 0 0;
                font-size: 14px;
				font-weight: 400;
				color: #4f453e;
                }
		
		#armory_top .itemlevel {
			float: right;
			font-size: 0;
			margin: 76px 48px 0 0;
			}
			#armory_top .itemlevel #avg {
				display: inline-block;
				vertical-align: top;
				margin: 0;
				padding: 0;
				text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
				color: #7a6b59;
				font-family: Arial, sans-serif;
				font-size: 40px;
				font-weight: 700;
				}
			#armory_top .itemlevel #info {
				display: inline-block;
				vertical-align: top;
				text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
				color: #74675e;
				font-family: Arial, sans-serif;
				font-size: 12px;
				font-weight: 400;
				line-height: 18px;
				padding: 3px 0 0 6px;
                }

    #armory_top #auras {
        display: block;
        vertical-align: top;
        margin: 0;
        padding: 10px 40px 0 0;
        float: right;
        width: 400px;
        text-align: right;
        }
        #armory_top #auras .aura {
            display: inline-block;
            vertical-align: top;
            width: 32px;
            height: 32px;
            border: 1px solid #7c7569;
            border-radius: 1px;
            top: -1px;
            margin: 0 4px;
            }
            #armory_top #auras .aura a {
                position: absolute;
                z-index: 999;
                top: 0px;
                left: 0px;
                width: 32px;
                height: 32px;
                }
                #armory_top #auras .aura img {
                width: 32px;
                height: 32px;
                border-radius: 1px;
                }
                #armory_top #auras .aura #shadow {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 32px;
                height: 32px;
                box-shadow: inset 0 0 4px black;
                border-radius: 1px;
                }

.character_info {
	width: 222px;
	padding: 84px 0 68px 0px;
	text-align: center;
	direction: ltr;
	box-sizing: border-box;
	}
	.character_info #name {
		text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.25);
		color: #9c8964;
		font-size: 24px;
		font-weight: 700;
		text-transform: uppercase;
		}
	.character_info #info {
		text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.25);
		font-size: 16px;
		font-weight: 400;
		opacity: 0.8;
		}
	.character_info #realm {
		text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
		font-size: 12px;
		font-weight: 400;
		color: #8a2c1f;
		padding-top: 4px;
		}

.armory_menu {
	list-style: none;
	padding-left: 32px;
	}
	#armory .armory_menu {
		padding-left: 0;
		}
	.armory_menu li {
		display: block;
		height: 41px;
		text-align: left;
		padding: 11px 0 0 10px;
		box-sizing: border-box;
		text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
		font-size: 13px;
		font-weight: 400;
		color: #cbc0aa;
		}
		.armory_menu li a {
			text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
			font-size: 13px;
			font-weight: 400;
			color: #897d66;
			}
			.armory_menu li a:hover {
			color: #A7997F;
			}
		.armory_menu li a.active {
			color: #A7997F;
			font-weight: bold;
			}
		.armory_menu li a.disabled {
			display: inline-block;
			padding-right: 20px;
			color: #584e41;
			background: url(../css/images/locket.png) no-repeat right;
			}
		.armory_menu li a.arrow {
			display: inline-block;
			padding-right: 17px;
			}
			.armory_menu li a.arrow::after { 
				content: ">";
				display: block;
				position: absolute;
				top: -2px;
				right: 0px;
				font-weight: bold;
				font-family: Segoe, "Segoe UI", Verdana, sans-serif;
				}
		.armory_menu li a.arrow-left {
			display: inline-block;
			padding-left: 17px;
			}
			.armory_menu li a.arrow-left::after { 
				content: "<";
				display: block;
				position: absolute;
				top: -2px;
				left: 0px;
				font-weight: bold;
				font-family: Segoe, "Segoe UI", Verdana, sans-serif;
				}
		.armory_menu #separator {
			display: block;
			width: 186px;
			height: 2px;
			padding: 0;
			background: url(../css/images/menu-separator.png) no-repeat left;
			}
		.armory_menu li .empty {
			color: #5f574a;
			}
		.armory_menu li .indent {
			padding-left: 13px;
			}
		.armory_menu .icon-frame {
			float: left; 
			margin-top: 1px; 
			margin-right: 10px;
			display: inline-block;
			vertical-align: top;
			}
			.armory_menu .icon-frame img {
				vertical-align: top;
				margin-top: -1px;
				border: 1px solid #877661;
				box-shadow: 0 0 7px rgba(0, 0, 0, 0.45), 0 0 0 1px #554840;
				}
				.armory_menu .icon-frame:before {
					content: " ";
					display: block;
					position: absolute;
					top: 0px;
					left: 1px;
					width: 14px;
					height: 14px;
					box-shadow: inset 0 0 6px rgba(12, 7, 6, 0.85), inset 0 0 6px rgba(12, 7, 6, 0.85);
					z-index: 100;
					}

#armory {
	min-height: 521px;
	margin: 65px 54px 0 0;
	}
	#armory_left {
		float:left;
		padding: 29px 0 0 32px;
		}
	#armory_right {
		float:right;
		background-image: url(../css/images/items-bg.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		width: 705px;
		height: 521px;
		}
		#armory_right #left {
			float: left;
			width: auto;
			text-align: left;
			}
		#armory_right #right {
			float: right;
			width: auto;
			text-align: right;
			}
	#armory_right #bottom {
		clear: both;
		text-align: left;
		font-size: 0;
		}
		#armory_right #bottom .item {
			display: inline-block;
			vertical-align: top;
			}
			#armory_right #bottom .item:nth-child(1) {
			text-align: right;
			width: 345px;
			margin-right: 14px;
			}
			#armory_right #bottom .item:nth-child(2) {
			text-align: left;
			width: 345px;
			}
			
.item {
	width: auto;
	height: 58px;
	font-size: 0;
	}
	.item #icon {
		display: inline-block;
		vertical-align: top;
		height: 58px;
		width: 45px;
		margin: 0 5px 0 5px;
		}
		.item #icon a {
			position: absolute;
			top: 6px; left: 0px;
			width: 45px;
			height: 45px;
			z-index: 999;
			display: block;
			}
		.item #icon img {
			vertical-align: top;
			width: 45px;
			height: 45px;
			margin: 6px 0 0 0;
			}
			.item #icon.q img,
			.item #icon.q0 img,
			.item #icon.q1 img,
			.item #icon.q2 img,
			.item #icon.q3 img,
			.item #icon.q4 img,
			.item #icon.q5 img,
			.item #icon.q6 img,
			.item #icon.q7 img {
				width: 43px;
				height: 43px;
				margin: 6px 0 0 0;
				border-radius: 1px;
				}
		.item #icon #icon_shadow {
			position: absolute;
			top: 7px; left: 1px;
			width: 43px;
			height: 43px;
			z-index: 998;
			display: block;
			background: url(../css/images/icon-overlay.png) no-repeat top left;
			}
			/* Quality Coloring */
			.item #icon.q img { border: 1px solid #ffd100; }
			.item #icon.q0 img { border: 1px solid #9d9d9d; }
			.item #icon.q1 img { border: 1px solid #ffffff; }
			.item #icon.q2 img { border: 1px solid #1eff00; }
			.item #icon.q3 img { border: 1px solid #0070dd; }
			.item #icon.q4 img { border: 1px solid #cc00ff; }
			.item #icon.q5 img { border: 1px solid #ff8000; }
			.item #icon.q6 img { border: 1px solid #e5cc80; }
			.item #icon.q7 img { border: 1px solid #e5cc80; }
	
	.item #info {
		display: inline-block;
		vertical-align: top;
		margin: 0 2px;
		}
		.item #info #name {
			height: 18px;
			padding: 4px 0 0 0;
			box-sizing: border-box;
			}
			.item #info #name a {
				text-shadow: 0.5px 0.9px 1px #110d0a;
				
				font-size: 11px;
				font-weight: 400;
				}
		.item #info #enchant {
			height: 22px;
			}
			.item #info #enchant a {
				text-shadow: 0.5px 0.9px 1px #110d0a;
				color: #18cc00;
				
				font-size: 11px;
				font-weight: 400;
				}
		.item #info #itemlevel {
			text-shadow: 0.5px 0.9px 1px #110d0a;
			color: #717171;
			
			font-size: 11px;
			font-weight: 400;
			}


/**** Emblems ****/
#emblems {
    text-align: left;
    padding: 10px;
    border-radius: 10px;
    width: 40%;
    margin-top: 10px;
    margin-left: 39px;
}
#emblems span{
font-size:14px
}
#emblems .emblem_frost{
    padding-left: 31px;
    background-image: url(../css/images/wotlk/emblems/frost.png);
    background-repeat: no-repeat;
    background-position: left 4px center;
    background-size: 20px;
    display:block;
    margin: 5px;
}
#emblems .emblem_triumph{
    padding-left: 31px;
    background-image: url(../css/images/wotlk/emblems/triumph.png);
    background-repeat: no-repeat;
    background-position: left 4px center;
    background-size: 20px;
    display:block;
    margin: 5px;
}
#emblems .emblem_conquest{
    padding-left: 31px;
    background-image: url(../css/images/wotlk/emblems/conquest.png);
    background-repeat: no-repeat;
    background-position: left 4px center;
    background-size: 20px;
    display:block;
    margin: 5px;
}
#emblems .emblem_valor{
    padding-left: 31px;
    background-image: url(../css/images/wotlk/emblems/valor.png);
    background-repeat: no-repeat;
    background-position: left 4px center;
    background-size: 20px;
    display:block;
    margin: 5px;
}
#emblems .emblem_heroism{
    padding-left: 31px;
    background-image: url(../css/images/wotlk/emblems/heroism.png);
    background-repeat: no-repeat;
    background-position: left 4px center;
    background-size: 20px;
    display:block;
    margin: 5px;
}

#enhancement_stats {
	margin: 16px;
	background-color: rgba(12, 7, 6, 0.2);
	border-radius: 2px;
	min-height: 100px;
	font-size: 0;
	text-align: left;
	}
	#enhancement_stats .q2 {
		color: #a1ed28 !important;
		}
	#enhancement_stats .column {
		display: inline-block;
		vertical-align: top;
		width: 252px;
		margin: 0 22px 0 15px;
		}
		#enhancement_stats .column:nth-child(3) {
		width: 337px;
		margin: 0 0 0 15px;
		}
		#enhancement_stats .box {
			}
			#enhancement_stats .box-header {
				border-bottom: 2px solid #2c221d;
				text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
				color: #cbc0aa;
				
				font-size: 16px;
				font-weight: 400;
				height: 44px;
				padding: 13px 0 0 6px;
				box-sizing: border-box;
				}
				#enhancement_stats .box-header a {
					float: right;
					text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
					color: #a32d21;
					
					font-size: 11px;
					font-weight: 400;
					margin: 4px 0 0 0;
					}
					#enhancement_stats .box-header a:hover {
					color: #BD3628;
					}
			#enhancement_stats .box-content, .no-data {
				padding: 18px 6px;
				color: #7e725d;
				font-size: 12px;
				font-weight: 400;
				text-shadow: none;
				}
			#enhancement_stats .box-content.audit div {
				padding-bottom: 4px;
				}
	#enhancement_stats #gems {
		text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
		
		font-weight: 400;
		color: #90897b;
		font-size: 12px;
		}
		#enhancement_stats #gems ul {
			list-style: none;
			}
			#enhancement_stats #gems ul li {
				margin: 0 0 8px 0;
				}
				#enhancement_stats #gems a {
					color: #30a9e7;
					font-size: 13px;
					}
				#enhancement_stats #gems #icon {
					display: inline-block;
					vertical-align: top;
					width: 16px;
					height: 16px;
					border: 1px solid #7c7569;
					border-radius: 1px;
					top: -1px;
					margin: 0 4px;
					}
					#enhancement_stats #gems #icon a {
						position: absolute;
						z-index: 999;
						top: 0px;
						left: 0px;
						width: 16px;
						height: 16px;
						}
					#enhancement_stats #gems #icon img {
						width: 16px;
						height: 16px;
						border-radius: 1px;
						}
					#enhancement_stats #gems #icon #icon_shadow {
						position: absolute;
						top: 0px;
						left: 0px;
						width: 16px;
						height: 16px;
						box-shadow: inset 0 0 4px black;
						border-radius: 1px;
						}
	#enhancement_stats #enchant-stats {
		padding: 16px 6px 18px 6px;
		}
		#enhancement_stats #enchant-stat-values {
			list-style: none;
			text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
			font-weight: 400;
			color: #897d66;
			font-size: 16px;
			padding: 0 0 16px 0;
			}
			#enhancement_stats #enchant-stat-values li {
				margin: 0 0 4px 0;
				}
				#enhancement_stats #enchant-stat-values #value {
				color: #a1ed28;
				font-size: 16px;
				}
		#enhancement_stats #enchants {
			list-style: none;
			text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
			font-weight: 400;
			color: #897d66;
			font-size: 12px;
			}
			#enhancement_stats #enchants li {
				margin: 0 0 4px 0;
				}
				#enhancement_stats #enchants a {
				text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
				font-weight: 400;
				color: #a1ed28;
				font-size: 12px;
				}
	#enhancement_stats #reforging {
		font-size: 0;
		padding: 18px 6px 22px 6px;
		}
		#enhancement_stats #reforging ul {
			display: inline-block;
			vertical-align: top;
			list-style: none;
			width: 150px;
			}
			#enhancement_stats #reforging ul li {
			font-size: 12px;
			font-weight: 400;
			box-sizing: border-box;
			padding: 8px 10px;
			}
		#enhancement_stats #reforging #arrow {
			display: inline-block;
			vertical-align: top;
			background: url(../css/images/reforge-separator.png) no-repeat;
			width: 12px;
			height: 18px;
			margin: 22px 6px 0 6px;
			}
		#enhancement_stats #reforging #reduced {
			background-color: rgba(133, 31, 10, 0.3);
			}
			#enhancement_stats #reforging #reduced li {
				text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.45);
				color: #aa563f;
				}
				#enhancement_stats #reforging #reduced li span {
				color: #ff3a13;
				}
				#enhancement_stats #reforging #reduced li:hover {
				background-color: rgba(133, 31, 10, 0.3);
				}
		#enhancement_stats #reforging #increased {
			background-color: rgba(55, 103, 8, 0.3);
			}
			#enhancement_stats #reforging #increased li {
				text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.45);
				color: #859867;
				}
				#enhancement_stats #reforging #increased li span {
				color: #9ac82b;
				}
				#enhancement_stats #reforging #increased li:hover {
				background-color: rgba(55, 103, 8, 0.3);
				}


#stats_and_talents {
	padding: 0 0 16px 0;
    }
    .wotlk #stats_and_talents {
        padding: 16px 0 16px 0;
        }
	#stats_and_talents #left_column {
        float: left;
        margin-left: 16px;
        }
        .wotlk #stats_and_talents #left_column {
            float: none;
            width: calc(100% - 32px);
            }
	#stats_and_talents #right_column {
        float: left;
        margin-left: 33px;
        }

#armory_bars {
	display: block;
	text-align: left;
	margin: 6px 0 22px 0;
	}
	#armory_bars > div {
		display: block;
		border-radius: 3px;
		box-shadow: 0 1px 2px rgba(21, 14, 13, 0.75), inset 0 -2px 1px rgba(0, 0, 0, 0.25), inset 0 2px 1px rgba(255, 255, 255, 0.1);
		width: 265px;
		height: 30px;
		box-sizing: border-box;
		padding: 5px 0 0 10px;
		}
		#armory_bars > div:nth-child(1) {
			float: left;
			}
		#armory_bars > div:nth-child(2) {
			float: right;
			}
		#armory_bars #label {
			text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
			color: #e4ddcf;
			
			font-size: 11px;
			font-weight: 400;
			}
		#armory_bars #value {
			text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
			color: #e4ddcf;
			
			font-size: 14px;
			font-weight: 700;
			}
		#armory_health {
		background-color: #317217;
		background-image: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.01) 95%, rgba(255, 255, 255, 0.01) 100%);
		}
		#armory_mana {
		background-image: linear-gradient(bottom, #2876a7 100%, #176595 0%);
		background-image: -o-linear-gradient(bottom, #2876a7 100%, #176595 0%);
		background-image: -moz-linear-gradient(bottom, #2876a7 100%, #176595 0%);
		background-image: -webkit-linear-gradient(bottom, #2876a7 100%, #176595 0%);
		background-image: -ms-linear-gradient(bottom, #2876a7 100%, #176595 0%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(1, #2876a7),
			color-stop(0, #176595)
		);
		background-color:#176595;
		}
		#armory_rage {
		background-image: linear-gradient(bottom, #a72828 100%, #951717 0%);
		background-image: -o-linear-gradient(bottom, #a72828 100%, #951717 0%);
		background-image: -moz-linear-gradient(bottom, #a72828 100%, #951717 0%);
		background-image: -webkit-linear-gradient(bottom, #a72828 100%, #951717 0%);
		background-image: -ms-linear-gradient(bottom, #a72828 100%, #951717 0%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(1, #a72828),
			color-stop(0, #951717)
		);
		background-color:#951717;
		}
		#armory_focus {
		background-image: linear-gradient(bottom, #863d14 0%, #a74b14 100%);
		background-image: -o-linear-gradient(bottom, #863d14 0%, #a74b14 100%);
		background-image: -moz-linear-gradient(bottom, #863d14 0%, #a74b14 100%);
		background-image: -webkit-linear-gradient(bottom, #863d14 0%, #a74b14 100%);
		background-image: -ms-linear-gradient(bottom, #863d14 0%, #a74b14 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, #863d14),
			color-stop(1, #a74b14)
		);
		background-color:#a74b14;
		}
		#armory_energy {
		background-image: linear-gradient(bottom, #a78828 100%, #957917 0%);
		background-image: -o-linear-gradient(bottom, #a78828 100%, #957917 0%);
		background-image: -moz-linear-gradient(bottom, #a78828 100%, #957917 0%);
		background-image: -webkit-linear-gradient(bottom, #a78828 100%, #957917 0%);
		background-image: -ms-linear-gradient(bottom, #a78828 100%, #957917 0%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(1, #a78828),
			color-stop(0, #957917)
		);
		background-color:#957917;
		}
		#armory_runic {
		background-image: linear-gradient(bottom, #28a3a7 100%, #179195 0%);
		background-image: -o-linear-gradient(bottom, #28a3a7 100%, #179195 0%);
		background-image: -moz-linear-gradient(bottom, #28a3a7 100%, #179195 0%);
		background-image: -webkit-linear-gradient(bottom, #28a3a7 100%, #179195 0%);
		background-image: -ms-linear-gradient(bottom, #28a3a7 100%, #179195 0%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(1, #28a3a7),
			color-stop(0, #179195)
		);
		background-color:#179195;
		}
		#armory_fury {
		background-image: linear-gradient(bottom, #713AA3 100%, #6421A2 0%);
		background-image: -o-linear-gradient(bottom, #713AA3 100%, #6421A2 0%);
		background-image: -moz-linear-gradient(bottom, #713AA3 100%, #6421A2 0%);
		background-image: -webkit-linear-gradient(bottom, #713AA3 100%, #6421A2 0%);
		background-image: -ms-linear-gradient(bottom, #713AA3 100%, #6421A2 0%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(1, #713AA3),
			color-stop(0, #6421A2)
		);
		background-color: #713AA3;
		}

#armory_stats {
	display: block;
	box-sizing: border-box;
	text-align: left;
	font-size: 0;
	width: 551px;
	background-color: rgba(12, 7, 6, 0.2);
	border-radius: 2px;
	overflow: auto;
    }
    .wotlk #armory_stats {
        width: 100%;
        }
	#armory_stats.legion {
		width: 282px;
		padding: 0 0 4px 0;
		min-height: 383px;
		}
	#armory_stats .stats_tab {
		display: block;
		vertical-align: top;
		float: left;
		margin: 0 0 0 15px;
		width: 252px;
        }
        .wotlk #armory_stats .stats_tab {
            width: 293px;
            padding: 0 0 4px 0;
            }
		#armory_stats #base_stats {
		}
		#armory_stats .stats_tab_spec {
		margin-left: 18px;
		}
		#armory_stats .stats_tab h1 {
			border-bottom: 2px solid #2c221d;
			text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
			color: #cbc0aa;
			
			font-size: 16px;
			font-weight: 400;
			height: 44px;
			padding: 13px 0 0 6px;
			box-sizing: border-box;
			}
		#armory_stats .stats_tab ul {
			list-style: none;
			padding: 0;
			color: #7e725d;
			
			font-size: 12px;
			font-weight: 400;
			text-shadow: none;
			}
			#armory_stats .stats_tab ul li {
				height: 40px;
				border-bottom: 1px solid #2c221d;
				box-sizing: border-box;
				padding: 12px 6px;
				}
				#armory_stats .stats_tab ul li:last-child {
				border-bottom: none;
				}
				#armory_stats .stats_tab #label {
				display: block;
				float: left;
				text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
				color: #7d725d;
				
				font-size: 12px;
				font-weight: 400;
				}
				#armory_stats .stats_tab #value {
				display: block;
				float: right;
				text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
				color: #c0b3a2;
				
				font-size: 12px;
				font-weight: 400;
				}
	#armory_stats #show-all {
		display: block;
		height: 29px;
		background-color: rgba(54, 44, 38, 0.25);
		border-radius: 1px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(203, 192, 170, 0.03);
		text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
		color: #942f1b;
		
		font-size: 12px;
		font-weight: 400;
		text-align: center;
		box-sizing: border-box;
		margin: 6px 15px 15px 15px;
		padding: 8px 0 0 0;
		}
		#armory_stats #show-all:hover {
		color: #B13A22;
		}

#armory_talents {
	text-align: left;
	}
	#armory_talents h1 {
	text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.75);
	color: #cbc0aa;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	padding: 12px 0 26px 6px;
	}
	#armory_talents #talent_buttons {
		background-color: rgba(12, 7, 6, 0.2);
		border-radius: 2px;
		width: 348px;
		height: 62px;
		font-size: 0;
		padding-left: 2px;
		box-sizing: border-box;
		}
		#armory_talents.legion #talent_buttons {
			width: 632px;
			}
		#armory_talents #talent_buttons .spec_button {
			display: inline-block;
			width: 169px;
			height: 56px;
			font-size: 0;
			background-color: #362c26;
			border: 1px solid #2f2621;
			border-radius: 1px;
			box-shadow: inset 0 1px 0 rgba(195, 185, 163, 0.05);
			margin: 2px 2px 2px 0;
			}
			#armory_talents.legion #talent_buttons.size-2 .spec_button {
			width: 311px;
			}
			#armory_talents.legion #talent_buttons.size-3 .spec_button {
			width: 206px;
			}
			#armory_talents.legion #talent_buttons.size-4 .spec_button {
			width: 154px;
			}
			#armory_talents #talent_buttons .spec_button.active {
			box-shadow: inset 0 0 0 1px #2d6a15, inset 0 0 16px rgba(47, 109, 22, 0.75);
			}
			#armory_talents #talent_buttons .spec_button:last-child {
			margin-right: 0;
			}
			#armory_talents #talent_buttons .spec_button #icon {
				display: inline-block;
				vertical-align: top;
				width: 36px;
				height: 36px;
				border: 1px solid #6b574b;
				box-shadow: 0 0 6px rgba(12, 7, 6, 0.8);
				border-radius: 1px;
				margin: 9px;
				}
				#armory_talents #talent_buttons .spec_button #icon img {
				width: 36px;
				height: 36px;
				border-radius: 1px;
				}
				#armory_talents #talent_buttons .spec_button #icon span {
				display: block;
				width: 36px;
				height: 36px;
				box-shadow: inset 0 0 8px #0c0706, inset 0 0 3px #0c0706;
				position: absolute;
				top: 0px;
				left: 0px;
				margin: 0;
				padding: 0;
				}
			#armory_talents #talent_buttons .spec_button span {
				display: inline-block;
				vertical-align: top;
				color: #cbc0aa;
				
				font-size: 16px;
				text-align: left;
				font-weight: 400;
				padding: 20px 0 0 8px;
				}
			#armory_talents #talent_buttons .spec_button #role {
				position: absolute;
				}
				#armory_talents #talent_buttons .spec_button #role.role0 {
				background: url(../css/images/role-tank.png) no-repeat;
				width: 18px;
				height: 20px;
				bottom: -6px;
				right: -6px;
				}
				#armory_talents #talent_buttons .spec_button #role.role1 {
				background: url(../css/images/role-healer.png) no-repeat;
				width: 17px;
				height: 16px;
				bottom: -5px;
				right: -6px;
				}
				#armory_talents #talent_buttons .spec_button #role.role2 {
				background: url(../css/images/role-dps.png) no-repeat;
				width: 16px;
				height: 16px;
				bottom: -5px;
				right: -5px;
				}
			
.spec_tab {
	padding: 20px 0 0 0;
	}
	.spec_tab #talents {
		display: inline-block;
		vertical-align: top;
		width: 167px;
		padding: 0 0 0 3px;
		}
	#armory_talents.legion .spec_tab #talents {
		padding: 3px 0;
		width: 632px;
		background-color: rgba(12, 7, 6, 0.2);
   		border-radius: 2px;
		}
		.talent_row {
			}
			.talent_row #name {
				display: inline-block;
				vertical-align: top;
				text-shadow: 0 0 2.6px #221a16;
				color: #9d9077;
				font-size: 12px;
				font-weight: 400;
				margin: 4px 0 0 4px;
				}
				.talent_row #name:hover {
				color: #B8A98D;
				}
		#armory_talents.legion .talent_row {
			font-size: 0px;
			width: 632px;
			padding: 0;
			}
			#armory_talents.legion .talent_column {
				display: inline-block;
				vertical-align: text-top;
				width: 204px;
				background-color: #362c26;
				border: 1px solid #2f2621;
				border-radius: 1px;
				box-shadow: inset 0 1px 0 rgba(195, 185, 163, 0.05);
				box-sizing: border-box;
				padding: 4px;
				margin: 2px 0 2px 5px;
				}
				#armory_talents.legion .talent_column.active {
					background-color: #362c26;
					box-shadow: inset 0 1px 0 rgba(195, 185, 163, 0.05);
					}
				#armory_talents.legion .talent_column.inactive {
					background-color: rgba(54,44,38,0.30);
					box-shadow: inset 0 1px 0 rgba(195, 185, 163, 0.01);
					}
				#armory_talents.legion .talent_column a {
					display: block;
					}
				.talent_column .checkmark {
					display: block;
					position: absolute;
					right: 0px;
					top: -2px;
					width: 22px;
					height:22px;
					-ms-transform: rotate(45deg); /* IE 9 */
					-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
					transform: rotate(45deg);
					}
					.talent_column .checkmark_stem {
						position: absolute;
						width:3px;
						height:9px;
						background-color:#4ea72c;
						left:11px;
						top:6px;
						}
					.talent_column .checkmark_kick {
						position: absolute;
						width:3px;
						height:3px;
						background-color:#4ea72c;
						left:8px;
						top:12px;
						}
	.spec_tab #glyphs {
		display: inline-block;
		vertical-align: top;
		}
		.glyphs_row {
			font-size: 0;
			}
			.glyphs_row:nth-child(2), .glyphs_row:nth-child(3) {
			padding: 12px 0 0 0;
			}
			.glyphs_row h2 {
				text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65);
				color: #5d4c42;
				
				font-size: 13px;
				font-weight: 400;
				padding: 4px 0 8px 0;
				}
	
.glyph_slot,
.talent_slot {
	display: inline-block;
	vertical-align: top;
	width: 22px;
	height: 22px;
	background-color: #221a16;
	border-radius: 2px;
	box-shadow: 0.5px 0.9px 0 rgba(168, 158, 140, 0.05), inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 7px rgba(12, 7, 6, 0.1);
	margin-right: 8px;
	padding: 1px 0 0 1px;
	box-sizing: border-box;
	}
	.talent_slot {
		margin: 0 0 4px 0;
		}
		.glyph_slot #icon,
		.talent_slot #icon,
		#armory_talents.legion .talent_column #icon {
			display: block;
			width: 18px;
			height: 18px;
			border-radius: 1px;
			border: 1px solid #6d5c53;
			}
			.glyph_slot #icon img,
			.talent_slot #icon img,
			#armory_talents.legion .talent_column #icon img {
				width: 18px;
				height: 18px;
				border-radius: 1px;
				}
			.glyph_slot #icon #shadow,
			.talent_slot #icon #shadow,
			#armory_talents.legion .talent_column #icon #shadow {
				position: absolute;
				width: 18px;
				height: 18px;
				left: 0px;
				top: 0px;
				border-radius: 1px;
				box-shadow: inset 0 0 2px 1px black;
				}
		#armory_talents.legion .talent_column #icon {
			display: inline-block;
			vertical-align: top;
			}

#artifact_traits {
    padding: 0 0 16px 0;
    margin-top: -16px;
    }
    #artifact_traits .column {
        display: block;
        width: 946px;
        box-sizing: border-box;
        margin: 16px;
        background-color: rgba(12, 7, 6, 0.2);
        border-radius: 2px;
        min-height: 100px;
        text-align: left;
        }
        #artifact_traits h1 {
            margin: 0 15px 0 15px;
            border-bottom: 2px solid #2c221d;
            text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
            color: #cbc0aa;
            font-size: 16px;
            font-weight: 400;
            height: 44px;
            padding: 13px 0 0 6px;
            box-sizing: border-box;
            }
        #artifact_traits ul {
            padding: 2px 0 8px 0;
            }
            #artifact_traits ul li {
                display: inline-block;
                vertical-align: top;
                width: 282px;
                height: 46px;
                border-top: 1px solid #2c221d;
                box-sizing: border-box;
                padding: 12px 6px;
                margin: 0 15px;
                }
                #artifact_traits ul li:nth-child(1), 
                #artifact_traits ul li:nth-child(2),
                #artifact_traits ul li:nth-child(3) {
                    border-top: none;
                }
        #artifact_traits ul li .icon {
            display: inline-block;
            vertical-align: top;
            width: 18px;
            height: 18px;
            border: 1px solid #7c7569;
            border-radius: 1px;
            margin: 0 4px;
            }
            #artifact_traits ul li .icon img {
            width: 18px;
            height: 18px;
            border-radius: 1px;
            }
            #artifact_traits ul li .icon a {
            position: absolute;
            z-index: 999;
            top: 0px;
            left: 0px;
            width: 18px;
            height: 18px;
            }
            #artifact_traits ul li .icon #shadow {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 18px;
            height: 18px;
            box-shadow: inset 0 0 4px black;
            border-radius: 1px;
            }
        #artifact_traits ul li .name {
            display: inline-block;
            text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
            color: #7d725d;
            font-size: 12px;
            font-weight: 400;
            }
        #artifact_traits ul li .rank {
            display: block;
            float: right;
            text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
            color: #c0b3a2;
            font-size: 14px;
            font-weight: 400;
            margin: 2px;
            }

#armory_bottom {
	margin: 0 10px;
	border-top: 2px solid #362c26;
	padding: 28px 0 0 30px;
	text-align: left;
	}
	#armory_bottom .column {
		display: inline-block;
		vertical-align: top;
		}
		#armory_bottom .column:nth-child(1) {
		width: 210px;
		}
		#armory_bottom .column:nth-child(2) {
		width: 340px;
		}
		#armory_bottom .column:nth-child(3) {
		margin: 0 0 0 40px;
		width: 310px;
		}
		#armory_bottom .box {
			}
			#armory_bottom .box-header {
				text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.75);
				color: #cbc0aa;
				
				font-size: 18px;
				font-weight: 400;
				line-height: 20px;
				box-sizing: border-box;
				}
			#armory_bottom .box-content {
				padding: 18px 0 12px 0;
				}

#armory_bottom .pvp-box {
	}
	#armory_bottom .pvp-box .box-header {
	text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.75);
	color: #cbc0aa;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	padding-left: 5px;
	}
	#armory_bottom .pvp-row {
		padding: 2px 0 10px 6px;
		}
		#armory_bottom .pvp-separator {
		background: url(../css/images/pvp-separator.png) no-repeat left;
		height: 1px;
		width: 100%;
		}
		#armory_bottom .pvp-row #value {
			text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.75);
			color: #958566;
			
			font-size: 26px;
			font-weight: 900;
			}
			#armory_bottom .pvp-row.special #value {
			color: #ddd6c7;
			}
		#armory_bottom .pvp-row #label {
			text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.75);
			color: #6c5a4a;
			
			font-size: 12px;
			font-weight: 400;
			margin-top: -4px;
			}
			#armory_bottom .pvp-row.special #label {
			color: #6c5a4a;
			}

#armory_bottom .pets-box {
	margin: 14px 0 0 0;
	font-size: 0;
	}
	.pet-box {
		display: inline-block;
		padding: 12px 0 0 0;
		width: 100px;
		margin: 0 20px 0 0;
		vertical-align: top;
		}
		.pet-box:last-child {
		margin: 0;
		}
		.pet-frame {
			width: 98px;
			height: 98px;
			background-color: #221a16;
			border: 1px solid #433e35;
			border-radius: 2px;
			box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px rgba(12, 7, 6, 0.15), inset 0 0 30px rgba(0, 0, 0, 0.36);
			}
			.pet-frame #thumb {
				width: 96px;
				height: 96px;
				}
			.pet-frame #icon {
				display: block;
				margin: 1px;
				}
				.pet-frame #icon img {
					border: none;
					}
			.pet-type-frame {
				position: absolute;
				top: -17px;
				left: 32px;
				width: 34px;
				height: 34px;
				background: url(../css/images/pet-type-frame.png) no-repeat;
				box-sizing: border-box;
				padding: 9px 0 0 8px;
				}
			.pet-level-frame {
				position: absolute;
				bottom: -19px;
				left: 30px;
				width: 38px;
				height: 38px;
				background: url(../css/images/pet-level-frame.png) no-repeat;
				color: #ebdace;
				font-family: Arial, sans-serif;
				font-size: 14px;
				font-weight: 900;
				text-align: center;
				box-sizing: border-box;
				padding: 9px 0 0 0;
				}
		.pet-name {
			text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.75);
			color: #94816e;
			
			font-size: 12px;
			font-weight: 400;
			text-align: center;
			margin: 0 -2px;
			padding: 16px 0 0 0;
			}

.recent-activity {
	padding: 26px 0 12px 0 !important;
	}
	.recent-activity ul {
		list-style: none;
		}
		.recent-activity ul li {
			font-size: 0;
			margin-bottom: 9px;
			}
			.recent-activity ul li:last-child {
			margin-bottom: 0;
			}
			.recent-activity ul li #icon {
				display: inline-block;
				vertical-align: top;
				width: 20px;
				height: 20px;
				padding: 4px 0 0 0;
				}
				.recent-activity ul li #icon a {
					display: block;
					width: 18px;
					height: 18px;
					border: 1px solid #736958;
					box-shadow: 0 0 4px rgba(0, 0, 0, 0.85);
					border-radius: 1px;
					}
					.recent-activity ul li #icon a img {
					width: 18px;
					height: 18px;
					border-radius: 1px;
					}
					.recent-activity ul li #icon a #shadow {
					position: absolute;
					top: 0px;
					left: 0px;
					width: 18px;
					height: 18px;
					border-radius: 1px;
					box-shadow: inset 0 0 3px rgba(0, 0, 0, 1);
					}
			.recent-activity ul li #content {
				display: inline-block;
				vertical-align: top;
				text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.75);
				
				font-weight: 400;
				line-height: 20px;
				color: #cbc0aa;
				font-size: 14px;
				width: 280px;
				margin: 0 0 0 10px;
				}
				.recent-activity ul li #content a {
					text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.75);
					
					font-weight: 400;
					line-height: 20px;
					color: #d55234;
					font-size: 14px;
					}
					.recent-activity ul li #content a:hover {
					color: #E95A39;
					}
				.recent-activity ul li #content span {
					color: #695849;
					}
				.recent-activity ul li #content #date {
					color: #7c6857;
					font-size: 11px;
					}

/* Raid Summary */
.summary-raid {
	margin: 20px 10px 0 10px;
    padding-top: 30px;
	padding-bottom: 30px;
	border-top: 2px solid #362c26;
}
.summary-raid .category {
	padding-left: 36px;
	padding-bottom: 10px;
	text-align: left;
	direction: ltr;
}
.summary-raid-wrapper {
    margin-top: 10px;
	padding: 0 36px;
}
.summary-raid-wrapper a.arrow-left, .summary-raid-wrapper a.arrow-right {
    border-radius: 3px;
	box-sizing: border-box;
	background-color: rgba(61, 49, 42, 0.38);
	box-shadow: 1px 1px 1px rgba(0,0,0,.1), inset 0 0 1px rgba(252, 252, 252, 0.17);
	border: solid 1px #2c221d;
    position: absolute;
    top: 50px;
    width: 26px;
    z-index: 1;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	min-width: 26px;
	height: 26px;
	padding: 4px 8px;
}
.summary-raid-wrapper a.arrow-left {
    left: 0;
}
.summary-raid-wrapper a.arrow-left:hover {
    background-position: left bottom;
}
.summary-raid-wrapper a.arrow-right {
    background-position: right top;
    display: none;
    left: 36px;
}
.summary-raid-wrapper a.arrow-right:hover {
    background-position: right bottom;
}
.summary-raid-wrapper-left {
    float: left;
    padding-top: 112px;
    position: relative;
    width: 100px;
	text-align: left;
	direction: ltr;
}
.summary-raid-wrapper-left div {
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.summary-raid-wrapper-table {
    float: left;
    height: 192px;
    overflow: hidden;
    width: 786px;
}
.summary-raid thead th {
    font-weight: normal;
    height: 50px;
    vertical-align: bottom;
}
.summary-raid thead .name-anchor {
    height: 0;
    position: relative;
    width: 1px;
}
.summary-raid thead .name {
    font-size: 11px;
    position: absolute;
    text-transform: lowercase;
    top: -22px;
    white-space: nowrap;
}
.summary-raid thead .marker {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #40281a #40281a -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin-bottom: 16px;
    padding-top: 7px;
}
.summary-raid thead th.trivial .name-anchor {
    float: left;
}
.summary-raid thead th.trivial .name {
    left: 0;
}
.summary-raid thead th.trivial .marker {
    border-left: 0 none;
}
.summary-raid thead th.optimal .name-anchor {
    margin: 0 auto;
}
.summary-raid thead th.optimal .name {
    font-size: 16px;
    left: -50px;
    text-align: center;
    top: -28px;
    width: 100px;
}
.summary-raid thead th.optimal .marker {
}
.summary-raid thead th.challenging .name-anchor {
    float: right;
}
.summary-raid thead th.challenging .name {
    right: 0;
}
.summary-raid thead th.challenging .marker {
    border-right: 0 none;
}
.summary-raid table {
    border: 0 none;
    border-collapse: collapse;
}
.summary-raid td {
    margin: 0;
    padding: 0;
}
.summary-raid td.spacer div {
    width: 26px !important;
}
.summary-raid th.spacer-left div {
    width: 1px !important;
}
.summary-raid tr.icons {
    color: #fff;
}
.summary-raid tr.icons .icon {
    border-top: 2px solid white;
}
.summary-raid tr.icons td.expansion-0 .icon {
    border-color: #73612f;
}
.summary-raid tr.icons td.expansion-1 .icon {
    border-color: #49a624;
}
.summary-raid tr.icons td.expansion-2 .icon {
    border-color: #25aaff;
}
.summary-raid tr.icons td.expansion-3 .icon {
    border-color: #f15c00;
}
.summary-raid tr.icons td.expansion-4 .icon {
    border-color: #00ffba;
}
.summary-raid tr.icons td.expansion-5 .icon {
    border-color: #ff320a;
}
.summary-raid tr.icons td.expansion-6 .icon {
    border-color: #46E82D;
}
.summary-raid tr.icons .icon, .summary-raid tr.icons .icon a {
    display: block;
    height: 60px;
    width: 61px;
}
.summary-raid tr.icons .icon {
    background: url("images/raid-icons.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.summary-raid tr.icons .icon a, .summary-raid tr.icons .icon span {
    color: white;
    display: block;
    font-family: "Arial Black",Arial,sans-serif;
    font-size: 11px;
    font-weight: 900;
    height: 61px;
    line-height: 98px;
    overflow: hidden;
    text-align: center;
    text-shadow: 1px 1px 1px black;
    width: 60px;
}
.summary-raid tr.icons .icon span {
    cursor: help;
}
.summary-raid tr.icons .icon a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
.summary-raid tr.icons .mc .icon {
    background-position: 0 0;
}
.summary-raid tr.icons .bwl .icon {
    background-position: -61px 0;
}
.summary-raid tr.icons .aq10 .icon {
    background-position: -122px 0;
}
.summary-raid tr.icons .aq40 .icon {
    background-position: -183px 0;
}
.summary-raid tr.icons .kar .icon {
    background-position: -244px 0;
}
.summary-raid tr.icons .gru .icon {
    background-position: -305px 0;
}
.summary-raid tr.icons .mag .icon {
    background-position: -366px 0;
}
.summary-raid tr.icons .ssc .icon {
    background-position: -488px 0;
}
.summary-raid tr.icons .tk .icon {
    background-position: -549px 0;
}
.summary-raid tr.icons .mh .icon {
    background-position: -610px 0;
}
.summary-raid tr.icons .bt .icon {
    background-position: -671px 0;
}
.summary-raid tr.icons .sp .icon {
    background-position: -732px 0;
}
.summary-raid tr.icons .nax .icon {
    background-position: -793px 0;
}
.summary-raid tr.icons .os .icon {
    background-position: -854px 0;
}
.summary-raid tr.icons .voa .icon {
    background-position: -915px 0;
}
.summary-raid tr.icons .eoe .icon {
    background-position: -976px 0;
}
.summary-raid tr.icons .uld .icon {
    background-position: -1037px 0;
}
.summary-raid tr.icons .toc .icon {
    background-position: -1098px 0;
}
.summary-raid tr.icons .ony .icon {
    background-position: -1159px 0;
}
.summary-raid tr.icons .icc .icon {
    background-position: -1220px 0;
}
.summary-raid tr.icons .rs .icon {
    background-position: -1281px 0;
}
.summary-raid tr.icons .bh .icon {
    background-position: -1342px 0;
}
.summary-raid tr.icons .bot .icon {
    background-position: -1403px 0;
}
.summary-raid tr.icons .bd .icon {
    background-position: -1464px 0;
}
.summary-raid tr.icons .tfw .icon {
    background-position: -1525px 0;
}
.summary-raid tr.icons .fl .icon {
    background-position: -1586px 0;
}
.summary-raid tr.icons .ds .icon {
    background-position: -1647px 0;
}
.summary-raid tr.icons .mv .icon {
    background-position: -1708px 0;
}
.summary-raid tr.icons .hf .icon {
    background-position: -1769px 0;
}
.summary-raid tr.icons .tes .icon {
    background-position: -1830px 0;
}
.summary-raid tr.icons .tot .icon {
    background-position: -1891px 0;
}
.summary-raid tr.icons .soo .icon {
    background-position: -1952px 0;
}
.summary-raid tr.icons .hm .icon {
    background-position: -2013px 0;
}
.summary-raid tr.icons .brf .icon {
    background-position: -2074px 0;
}
.summary-raid tr.icons .hfc .icon {
    background-position: -2135px 0;
}
.summary-raid tr.icons .ten .icon {
    background-position: -2196px 0;
}
.summary-raid tr.icons .tov .icon {
    background-position: -2257px 0;
}
.summary-raid tr.icons .tnh .icon {
    background-position: -2318px 0;
}
.summary-raid tr.icons .tos .icon {
    background-position: -2379px 0;
}
.summary-raid td.status div {
    cursor: help;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.summary-raid tr.lfr td.status-incomplete div {
    background-color: rgba(255,255,255,0.04);
}
.summary-raid tr.normal td.status-incomplete div {
    background-color: rgba(255,255,255,0.08);
}
.summary-raid tr.heroic td.status-incomplete div {
    background-color: rgba(255,255,255,0.04);
}
.summary-raid tr.flexible td.status-incomplete div {
    background-color: rgba(255,255,255,0.08);
}
.summary-raid tr.mythic td.status-incomplete div {
    background-color: rgba(255,255,255,0.08);
}
.summary-raid td.status-in-progress div {
    background-color: #fcff00;
    margin-top: 1px;
}
.summary-raid td.status-completed div {
    background-color: #5cc301;
    margin-top: 1px;
}
.summary-raid-legend {
    padding: 24px 0 11px;
    text-align: center;
}
.summary-raid-legend span {
    background: url("images/raid-legend.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    margin-right: 20px;
    padding-left: 14px;
}
.summary-raid-legend .in-progress {
    background-position: 0 center;
    color: #fcff00;
    margin-right: 0;
}
.summary-raid-legend .completed {
    background-position: -150px center;
    color: #5cc301;
}
.summary-raid-tooltip {
	text-align: left;
	direction: ltr;
}
.summary-raid-tooltip .incomplete {
    color: #9d9d9d;
}
.summary-raid-tooltip .completed {
    color: #5cc301;
}
.summary-raid-tooltip .count, .summary-raid-tooltip .times, .summary-raid-tooltip .name {
}
.summary-raid-tooltip .count {
    text-align: right;
    width: 18px;
}
.summary-raid-tooltip .times {
    font-size: 10px;
    line-height: 16px;
    margin: 0 4px;
}

/* Professions */
#main-professions {
	padding-top: 12px;
	}
	.profession {
		margin: 0 0 8px 0;
		}
	.profession-empty {
		height: 24px;
		background-color: rgba(0, 0, 0, 0.15);
		border-radius: 2px;
		box-shadow: 0.5px 0.9px 0 rgba(148, 132, 102, 0.05), inset 0.5px 0.9px 1px rgba(0, 0, 0, 0.15);
		text-align: center;
		box-sizing: border-box;
		text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.75);
		color: #3c312b;
		
		font-size: 11px;
		font-weight: 400;
		padding: 4px 0 0 0;
		}
	.profession-details {
		position: absolute;
		width: 100%;
		height: 24px;
		display: block;
		left: 0;
		top: 0;
		background-color: rgba(0, 0, 0, 0.15);
		border-radius: 2px;
		box-shadow: 0.5px 0.9px 0 rgba(148, 132, 102, 0.05), inset 0.5px 0.9px 1px rgba(0, 0, 0, 0.15);
		}
		.profession .icon {
			float: left;
			width: 14px; 
			height: 14px;
			border: 1px solid #cbc0aa;
			box-shadow: 0 0 3px rgba(12, 7, 6, 0.75);
			margin: 4px 0 0 3px;
			}
			.profession .icon img {
			display: block;
			width: 14px; 
			height: 14px;
			}
			.profession .icon #shadow {
			width: 14px; 
			height: 14px;
			position: absolute;
			top: 0px;
			left: 0px;
			box-shadow: inset 0 0 4px black;
			}
		.profession .name {
			float: left;
			text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.5);
			color: #dbd0b9;
			
			font-size: 12px;
			font-weight: 700;
			margin: 0 0 0 5px;
			}
		.profession .value {
			text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.5);
			color: #e8d6b1;
			
			font-size: 15px;
			font-weight: 700;
			float: right;
			margin: 0 5px 0 0;
			}

.professions-summary {
	padding: 30px 0 0 0;
	}
	.professions-summary #profession-filters {
		padding: 40px 10px 10px 10px;
		}
	.professions-summary .icon-frame {
		float: left; 
		margin-top: 1px; 
		margin-right: 10px;
		display: inline-block;
		vertical-align: top;
		}
		.professions-summary .icon-frame img {
			vertical-align: top;
			margin-top: -1px;
			border: 1px solid #877661;
			box-shadow: 0 0 7px rgba(0, 0, 0, 0.45), 0 0 0 1px #554840;
			}
			.professions-summary .icon-frame:before {
				content: " ";
				display: block;
				position: absolute;
				top: 0px;
				left: 1px;
				width: 18px;
				height: 18px;
				box-shadow: inset 0 0 6px rgba(12, 7, 6, 0.85), inset 0 0 6px rgba(12, 7, 6, 0.85);
				z-index: 100;
				}
	.professions-summary .table {
		padding-right: 10px;
		}
		.professions-summary .data-options {
			padding: 0px;
			}
		.professions-summary .ui-pagination {
			padding: 6px 0 0 0;
			}
		.professions-summary .table .column:nth-child(1) {
			width: 450px;
			text-align: left;
			padding-left: 10px;
			}
		.professions-summary .table .column:nth-child(2) {
			width: 180px;
			text-align: left;
			padding-left: 10px;
			}
		.professions-summary .table .column:nth-child(3) {
			width: 96px;
			}
		.professions-summary .table .skill,
		.professions-summary .table .source {
			color: #a99d91;
			}
		
.profession-rank { float: right; color: #fff; margin-right: 20px; }
.profession-rank,
.profession-rank .profession-details { width: 250px; }
.profession-rank .icon { margin: 3px 0 0 4px; }
.profession-rank .name { font-size: 11px; margin-left: 5px; }
.profession-rank .value { padding-right: 6px; font-weight:900; float: right !important; }
.profession-rank .profession-details span { float: left;text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.8);color: #dbd0b9; }
			
.no-profession { text-align: center;padding: 0px 100px;font-size: 16px;margin-top:40%;top:-60px; }
.no-profession h2 { color: #cbc0aa; font: normal 80px Palatino, Georgia, Times, serif; }
.no-profession p { margin: 25px 0; }

#last-updated {
	margin: 0 10px;
	border-top: 2px solid #362c26;
	text-align: center;
	text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
	color: #52473b;
	font-size: 13px;
	font-weight: 400;
	font-style: italic;
	padding: 24px 0 22px 0;
	}
	#last-updated.no-border {
		border-top: none;
		}

h3.category {
	text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.75);
	color: #cbc0aa;
	padding-left: 10px;
	}
	.category .icon-frame {
		float: left; 
		margin-top: 3px; 
		margin-right: 10px;
		display: inline-block;
		vertical-align: top;
		}
		.category .icon-frame img {
			vertical-align: top;
			margin-top: -1px;
			border: 1px solid #877661;
			box-shadow: 0 0 7px rgba(0, 0, 0, 0.45), 0 0 0 1px #554840;
			}
			.category .icon-frame:before {
				content: " ";
				display: block;
				position: absolute;
				top: 0px;
				left: 1px;
				width: 18px;
				height: 18px;
				box-shadow: inset 0 0 6px rgba(12, 7, 6, 0.85), inset 0 0 6px rgba(12, 7, 6, 0.85);
				z-index: 100;
				}
	
.section-left {
    float: left;
    max-width: 222px;
	}
.section-right {
	float: right;
	width: 756px;
	min-height: 674px;
	margin: 2px 0 0 0;
	text-align: left;
	}

#filters {
	padding: 40px 10px 40px 10px;
	}
	.pets #filters {
		padding: 20px 10px 40px 10px;
		}

#mounts {
	min-height: 521px;
	}

/* Reputations */
.reputation-category {
	padding: 30px 10px 0 0;
	}
	.reputation-category ul { list-style: none; }
	.reputation-category .factions { padding-left: 10px; }
	.reputation-category h3 { padding-bottom: 6px; cursor: }
	
	.faction-details { direction: ltr; border-top: 2px solid rgba(0,0,0,0.2); padding: 4px 0; }
	.faction-details:first-child { border-top: none; }
	.faction-subcategory-details { padding: 4px 0; border-bottom: 2px solid rgba(0,0,0,0.2); }
	.faction-name,
	.faction-standing,
	.faction-level { line-height: 22px; float: left; height: 22px; padding: 4px 0; }
	.faction-name { margin-right: 20px; margin-left: 20px; width: 230px; }
	.faction-standing { padding: 3px 0; }
	
	.faction-standing { width: 320px; overflow: hidden; }
	.faction-bar { width: 300px; height: 24px; padding: 1px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; box-shadow: 0.5px 0.9px 0 rgba(148, 132, 102, 0.05), inset 0.5px 0.9px 1px rgba(0, 0, 0, 0.15); position: relative;  border-radius: 3px; }
	.faction-score { text-align: center; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; color: #dbd0b9; text-shadow: 0 1px 1px #000; font-size: 12px; font-weight: 700; }
	.faction-fill { height: 22px; z-index: 1; border-radius: 1px; background-image: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.01) 95%, rgba(255, 255, 255, 0.01) 100%); box-shadow: 0 1px 2px rgba(21, 14, 13, 0.75), inset 0 -2px 1px rgba(0, 0, 0, 0.20), inset 0 2px 0px rgba(255, 255, 255, 0.1); }
	.full-fill { -moz-border-radius: inherit; -webkit-border-radius: inherit; border-radius: inherit;}
	
	.reputation-category .category-header { display: inline-block; cursor: pointer; text-shadow: 0.5px 0.9px 1px rgba(12, 7, 6, 0.75); color: #cbc0aa; padding-left: 10px; }
	.reputation-category .category-header:hover { color: #fff; }
	
	.reputation-subcategory { margin-top: 20px; }
	.reputation-subcategory .faction-header { height: 30px; padding-left: 20px; font-size: 18px; font-weight: normal; letter-spacing: -0.05em; color: #cbc0aa; width: 250px;float: left; }
	
	.reputation-category,
	.reputation-subcategory,
	.faction-details { clear: both; overflow: hidden; }
	
	.rank-7 .faction-fill { background-color: #1e7d56; }
	.rank-6 .faction-fill { background-color: #527520; }
	.rank-5 .faction-fill { background-color: #527520; }
	.rank-4 .faction-fill { background-color: #527520; }
	.rank-3 .faction-fill { background-color: #b19411; }
	.rank-2 .faction-fill { background-color: #751010; }
	.rank-1 .faction-fill { background-color: #751010; }
	.rank-0 .faction-fill { background-color: #751010; }
	
	.faction-level { padding-left: 30px; }
	.rank-7 .faction-level { color: #00be70; }
	.rank-6 .faction-level { color: #51ab01; }
	.rank-5 .faction-level { color: #51ab01; }
	.rank-4 .faction-level { color: #51ab01; }
	.rank-3 .faction-level { color: #d2ac00; }
	.rank-2 .faction-level { color: #a00000; }
	.rank-1 .faction-level { color: #a00000; }
	.rank-0 .faction-level { color: #a00000; }

/* Player vs. Player */
.pvp-summary {
	padding: 30px 10px 0 0;
	}
.bg-summary {
	padding: 10px 10px 0 0;
	}

.pvp-tabs {
	padding-top: 20px;
    margin-bottom: 15px;
	padding-left: 10px;
}
.pvp-tabs .pvp-tab {
    display: block;
    float: left;
    height: 134px;
    margin-left: 4px;
    padding: 20px 10px 0 20px;
	margin-bottom: 20px;
    position: relative;
    width: 150px;
    z-index: 0;
	border-radius: 3px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0 1px 1px rgba(0,0,0,.15), inset 0 1px rgba(179,158,124,.03);
}
.pvp-tabs .pvp-tab:first-child {
    margin-left: 0;
}
.pvp-tabs .pvp-tab-disabled {
    cursor: default;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.pvp-tabs .pvp-tab-disabled .type {
	color: #5d5551;
}
.pvp-tabs .pvp-tab-disabled .ratings .name {
	color: #564c46;
}
.pvp-tabs .pvp-tab-disabled .ratings .value {
    color: #5d5551;
}
.pvp-tabs .type {
    color: #94877f;
    font-family: "Arial Black",Arial,sans-serif;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: -0.1em;
    line-height: 1em;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}
#pvp-tab-bgs .type {
    font-family: Arial,sans-serif;
    font-size: 20px;
    letter-spacing: -1px;
}
.pvp-tabs .ratings {
    bottom: 15px;
    left: 20px;
    position: absolute;
    width: 150px;
    z-index: 2;
}
.pvp-tabs .ratings li {
    clear: both;
    line-height: 25px;
}
.pvp-tabs .ratings .value {
    font-family: "Arial Black", Arial,sans-serif;
    font-size: 15px;
    font-weight: 900;
	color: #94877f;
}
.pvp-tabs .ratings .name {
    margin-left: 5px;
}
.pvp-tabs .ratings .rank {
    font-size: 13px;
    font-weight: bold;
}
.pvp-tabs .ratings .rank .unranked {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
}

.bgname, .games {
	color: #94877f !important;
}
.gameswon {
    color: #159015;
}
.gameslost {
    color: #b31717;
}
.gamespercent {
	color: #94877f !important;
}

.pvp .table-header .column:nth-child(1),
.pvp .table-row .column:nth-child(1) {
	width: 398px;
	text-align: left;
	padding-left: 10px;
	box-sizing: border-box;
	}
.pvp .table-header .column:nth-child(2),
.pvp .table-row .column:nth-child(2) {
	width: 160px;
	}
.pvp .table-header .column:nth-child(3),
.pvp .table-row .column:nth-child(3) {
	width: 168px;
	}

/* Activty Feed */
.activity-summary {
	padding: 30px 10px 0 0;
	}
	.activity-summary ul {
		list-style: none;
		padding: 20px 10px 0 10px;
		}
		.activity-summary ul li {
			direction: ltr;
			border-bottom: 2px solid rgba(0,0,0,0.2);
			padding: 10px 0 14px 0;
			}
			.activity-summary ul li:last-child {
				border-bottom: none;
				}
			.activity-summary #icon {
				float: left;
				width: 20px;
				height: 20px;
				padding: 4px 0 0 0;
				}
				.activity-summary #icon a {
					display: block;
					width: 18px;
					height: 18px;
					border: 1px solid #736958;
					box-shadow: 0 0 4px rgba(0, 0, 0, 0.85);
					border-radius: 1px;
					}
					.activity-summary #icon a img {
						width: 18px;
						height: 18px;
						border-radius: 1px;
						}
					.activity-summary #icon a #shadow {
						position: absolute;
						top: 0px;
						left: 0px;
						width: 18px;
						height: 18px;
						border-radius: 1px;
						box-shadow: inset 0 0 3px rgba(0, 0, 0, 1);
						}
			.activity-summary #text {
				float: left;
				text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
				font-family: Arial, sans-serif;
				font-size: 13px;
				font-weight: 400;
				padding: 7px 12px 0 12px;
				}
				.activity-summary #text a.character {
					color: #d98f25;
					font-size: 13px;
					font-weight: 700;
					}
					.activity-summary #text a.character:hover {
						color: #F3A535;
						}
			.activity-summary #time {
				float: right;
				text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75);
				color: #7b6d5b;
				font-family: Arial, sans-serif;
				font-size: 12px;
				font-weight: 400;
				padding: 8px 0 0 0;
				}

/* Achievements */
.achievements-summary {
	padding: 30px 20px 0 0;
	}
	.achievements-total {
		padding: 20px 10px 0 10px;
		margin-bottom: 30px;
		}
	.achievements-recent {
		padding: 10px 10px 0 10px;
		}

.achievements-summary .profile-progress {
	height: 30px;
	background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; box-shadow: 0.5px 0.9px 0 rgba(148, 132, 102, 0.05), inset 0.5px 0.9px 1px rgba(0, 0, 0, 0.15);
	}
	.achievements-summary .profile-progress .bar {
		height: 27px;
		}
	.achievements-summary .profile-progress.completed .bar {
		}
	.achievements-summary .profile-progress .bar-contents, 
	.achievements-summary .bar-contents, 
	.achievements-total-completed .bar-contents { 
		line-height: 29px; 
		color: #dbd0b9;
		font-size: 12px;
		font-weight: 700;
		box-sizing: border-box;
		padding: 0 8px;
		}
	.achievements-total-completed .bar-contents { 
		text-align: center !important;
		}

.achievements-summary .desc { display: block; padding: 0 0 4px 0; font-size: 12px; color: #8a8675; }
.achievements-summary .entry { float: left; width: 33.3333%; padding-left: 0; }
.achievements-summary .entry-inner { margin-right: 15px; padding: 5px 0; }
.achievements-summary .entry-inner-right { margin-right: 0; }

.achievements-total-completed { padding: 15px; background-color: rgba(0, 0, 0, 0.15); border-radius: 2px; box-shadow: 0.5px 0.9px 0 rgba(148, 132, 102, 0.05), inset 0.5px 0.9px 1px rgba(0, 0, 0, 0.15); margin-bottom: 10px; }
.achievements-total-completed .desc { font-weight: bold; padding-bottom: 6px; }
.achievements-total-completed .profile-progress { margin-bottom: 0; }
.achievements-total-completed .bar-contents { }

.achievements-categories-total .active-category { cursor:pointer }
.achievements-categories-total .active-category:hover .profile-progress .hover { background-position:0 0; }

.achievements-recent li { border-bottom: 2px solid rgba(0,0,0,0.2); padding: 10px 0 14px 0; }
.achievements-recent li:last-child { border-bottom: 0; }
.achievements-recent .float-right { display:block; float: right; }
.achievements-recent .info { float: left; width: 510px; display: block; line-height: 21px; }
.achievements-recent .title { padding-right: 6px; }
.achievements-recent .points { padding-right: 11px; background: url(../css/images/achievements.gif) no-repeat right center; line-height: 21px; color: #F5EBD1; margin-right: 20px; display:inline-block; }
.achievements-recent .date { display: inline-block; width: 80px; text-align: right; text-shadow: 0 1px 1px rgba(12, 7, 6, 0.75); color: #7b6d5b; font-family: Arial, sans-serif; font-size: 12px; font-weight: 400; }

.achievements-recent .icon { float: left; margin-right: 10px; width: 20px; height: 20px; padding: 2px 0 0 0; }
.achievements-recent .icon a { display: block; width: 18px; height: 18px; border: 1px solid #736958; box-shadow: 0 0 4px rgba(0, 0, 0, 0.85); border-radius: 1px; }
.achievements-recent .icon a img { width: 18px; height: 18px; border-radius: 1px; }
.achievements-recent .icon a .shadow { position: absolute; top: 0px; left: 0px; width: 18px; height: 18px; border-radius: 1px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 1); }

/* Achievements list (in content part) */
.achievements-list { margin: 20px 10px 0 10px; }
.achievements-list ul { margin: 0; }
.achievements-list .container { display: none; }
.achievements-list .container h3 { border-bottom: 2px solid #542406; margin-bottom: 1em; padding-bottom: 6px;}
.achievements-list .achievement { padding: 0; display: block; background-color: rgba(255,255,255,0.04); box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 1px rgba(179,158,124,.06); position: relative; min-height: 105px; margin-bottom: 6px; cursor: pointer; }  
.achievements-list .achievement.showing { background: rgba(255,255,255,0.08); }
.achievements-list .icon-frame { position: absolute; left: 20px; top: 18px; display: block; }
.achievements-list .points-big { background-color: rgba(0, 0, 0, 0.15); width: 72px; position: absolute; right: 15px; top: 13px; text-align: center; padding: 8px 0; }
.achievements-list .points-big strong { font-size: 33px; color: #fff; position: relative; font-family:Arial, sans-serif; letter-spacing: -0.05em; }
.achievements-list .points-big .date { font-size: 10px; display: block; font-weight: normal; line-height: 12px; position: relative; letter-spacing: 0; }
.achievements-list .feats .points-big { height: 21px; }
.achievements-list .feats .points-big strong { display: none; }
.achievements-list .feats .points-big .date { top: 4px; }
.achievements-list .icon-expandable { width: 14px; width: 14px; background: url(../../images/character/achievement/icon-expandable.gif) no-repeat 0 0; position: absolute; left: 19px; top: 85px; height: 14px; z-index: 1; }
.achievements-list .reward { position: relative; text-align: center; color: #FEF092;/*#C09A67*/ font-size: 12px; height: 28px; line-height: 28px; margin: 0 auto 0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 42px }
.achievements-list .reward .icon-expandable { width: 14px; width: 14px; background: url(../../images/character/achievement/icon-expandable.gif) no-repeat 0 0; position:absolute; top: 5px; left: 19px; height: 14px; margin: 0; }
.achievements-list .showing .icon-expandable { background-position: 0 -14px; }
.achievements-list .showing .reward { overflow:visible; white-space:normal; height:auto; }

.achievements-list .icon-frame { width: 50px; height: 50px; border: 1px solid #736958; box-shadow: 0 0 4px rgba(0, 0, 0, 0.85); border-radius: 1px; }
.achievements-list .icon-frame img { width: 50px; height: 50px; border-radius: 1px; }
.achievements-list .icon-frame .shadow { position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; border-radius: 1px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 1); }

/* Single achievement container */
.achievement p {color: #F5EBD1; width: 74%; margin: 0 auto; padding: 17px 0 20px; display: block; position: static;}
.achievement p strong { color: #fab000; font-size: 16px; display: block; position:relative;  }

/* Account wide achievement title */
.achievement.account p strong { color: #00aeff; }

.achievement .progress  { width: 75%; }
.achievement span.highlight  { background-color: #fff; }

/* "Achievement locked" styles*/
.achievements-list .profile-progress { margin: 0 auto 20px auto; width: 90%; height: 26px; line-height: 26px !important; }

.meta-achievements .profile-progress { width: 74%; display: block; margin: 0 auto; }
.meta-achievements .profile-progress .bar { height: 24px; }
.meta-achievements .profile-progress .bar-contents { line-height: 26px; }
.meta-achievements .criteria-bar { padding-bottom: 20px; }

.achievements-list .achievement.locked,
.achievement.locked.showing { background-color: rgba(255,255,255,0.02); }

.achievements-list .locked .points-big,
.achievements-list .locked .frame-wrapper,
.achievements-list .locked .icon-expandable,
.achievements-list .locked .icon-frame,
.achievements-list .locked .reward,
.achievements-list .showing.locked .reward, 
.achievement.locked .progress { opacity: 0.4; } 

.achievements-list .locked .reward .icon-expandable {opacity: 1}

.achievements-list .locked .date { color: #816b5e; }

.achievements-list .locked p,
.locked .meta-achievements li,
.locked .sub-achievements .points { color: #948b87; }
.achievements-list .locked p strong { color: #78664b; }
.achievements-list .locked.account p strong { color: #455359; }

.achievements-list .locked .reward,
.achievements-list .showing.locked .reward { }

/* Meta achievements */
.meta-achievements { display: none; margin: 5px 0 0; }
.meta-achievements ul { list-style-type:none; margin-left:72px; padding-bottom:15px; width:620px; }
.meta-achievements ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.meta-achievements .linked a {color: #ada4a2; font-weight: normal;}
.meta-achievements .linked a:hover { color: #e9e6e6 }
.meta-achievements .unlocked { background: url(images/arrow-unlocked.gif) no-repeat 22px 3px; }
.meta-achievements .unlocked.linked a { color: #FFB100 }
.meta-achievements .unlocked.linked a:hover { color: #fff }
.meta-achievements .linked a:hover { color: #e9e6e6 }
.achievements-list .showing .meta-achievements { display: block; }
.meta-achievements li {display: block; margin:0 0 3px;  float: left; width: 250px; padding-left: 48px; position:relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 23px;}
.meta-achievements .icon-frame { top: 0; left: 20px; }
.meta-achievements li.loading { font-size: 12px; float: none; text-align: center; width: auto; padding: 0; padding-right: 72px; }

.meta-achievements li.loading { color: #F5EBD1; }
.locked .meta-achievements li.loading { color: #817b78; }

.showing .meta-achievements li.locked { color: #86837b; }
.showing .meta-achievements li.unlocked { color: #F5EBD1; }

.locked.showing .meta-achievements li.locked { color: #4e4946; }
.locked.showing .meta-achievements li.unlocked { color: #817b78; }

.category-progress { padding: 20px 0 0 0; margin: 0 10px; }
.category-progress .bar-contents { text-align: center !important; }

/* Battle Pet Slots */
.battle-pet-slots { padding: 30px 10px 0 0; }
.battle-pet-slots .slots { padding-left: 10px; }

.pet-slot { 
	display: block; 
	float: left; 
	margin: 20px 10px 40px 0; 
	height: 256px; 
	width: 202px; 
	padding: 15px; 
	border: 1px solid #3c2012; 
	background-color: #2f190e !important; 
    box-shadow: 0 0 10px #241209;
	border-radius: 5px;
	}
	.pet-slot.legion {
		border: 1px solid #35302e;
		background-color: #181818 !important;
		box-shadow: 0 0 10px #1d1b1a;
		}
.pet-slot.locked { border: 1px solid #341e10; border-top: 1px solid #422313;}
.pet-slot.locked p { margin-top: 150px;}

.pet-slot.end { margin: 20px 0 40px 0;}

.pet-slot .heading { height: 49px; }
.pet-slot .heading .family-icon { margin-right: 5px; float: left; position:relative; top:3px; }
.pet-slot .heading .pet-info { float: left; }
.pet-slot .heading .name { font-size: 18px; text-shadow: 1px 1px 1px #381a0f; line-height: 20px; border: 0; width: 162px; overflow: hidden; text-overflow:  ellipsis; white-space: nowrap; display: inline-block;}
.pet-slot.empty .heading .name { color: #733e26; text-shadow: none; }

.pet-slot .heading .level { font-size: 12px; text-transform: uppercase; color: #fff; position:relative; top:-2px; }
.pet-slot .heading .level strong { font-family:'Arial Black', Arial, Helvetica, sans-serif; font-weight:900; text-decoration: none; }

.pet-slot .character { text-align: center; height: 157px; }
.pet-slot .footer { height: 49px; }
.pet-slot .footer .stats { float: left; }

.pet-slot .footer .stats li { font-size: 12px; float: left; width: 32px; color: #e5bb76; padding-top: 22px; margin: 12px 0 0 0; text-align: center; cursor:default;}
.pet-slot .footer .stats li.health { background: transparent url("../css/images/model-viewer/stat-icon-health.png") no-repeat center 0; }
.pet-slot .footer .stats li.power { background: transparent url("../css/images/model-viewer/stat-icon-power.png") no-repeat center 0; }
.pet-slot .footer .stats li.speed { background: transparent url("../css/images/model-viewer/stat-icon-speed.png") no-repeat center 0; }

.pet-slot .icon-frame { 
	display: inline-block;
	vertical-align: top;
	width: 18px;
	height: 18px;
	border: 1px solid #736958;
	box-shadow: 0 0 7px rgba(9, 5, 4, 0.5), inset 0 0 3.8px 1px #090504;
	border-radius: 1px;
	background-size: 100%; 
	}
	.pet-slot .icon-frame img { 
		display: block; 
		vertical-align: bottom;
		}
.pet-slot .ability {
	float: left;
	}
	
/* Progress bar */
.profile-progress {
	border-radius: 2px; 
	color: white;
	width: 100%;
	height: 24px;
	text-align: left;
	position: relative;
	}
	.profile-progress .bar {
		border-radius: 2px; 
		display: block; 
		height: 22px; 
		z-index: 1; 
		left: 0; 
		top: 1px;
		position: absolute;
		background-color: #527520;
		background-image: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.01) 95%, rgba(255, 255, 255, 0.01) 100%);
		border-radius: 1px;
		box-shadow: 0 1px 2px rgba(21, 14, 13, 0.75), inset 0 -2px 1px rgba(0, 0, 0, 0.20), inset 0 2px 0px rgba(255, 255, 255, 0.1);
		}
		.profile-progress:hover .bar {
			background-color: #618E22;
			background-image: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.01) 95%, rgba(255, 255, 255, 0.01) 100%);
			}
	.profile-progress.completed .bar {
		border-radius: inherit;
		}
	.profile-progress .bar-contents {
		position: relative;
		top: 0;
		left: 0;
		font-size: 12px;
		line-height: 24px;
		z-index: 5;
		text-shadow: #000 1px 1px 1px ;
		}

.side-margin { margin: 0 10px; }

/* Curreny icons */
.icon-gold		{ padding-right: 15px; background: url("images/gold.gif") right center no-repeat; }
.icon-silver	{ padding-right: 15px; padding-left: 3px; background: url("images/silver.gif") right center no-repeat; }
.icon-copper	{ padding-right: 15px; padding-left: 3px; background: url("images/copper.gif") right center no-repeat; }
	
/* Pet Family Icons */
.family-icon {
	display: block;
	height: 35px;
	width: 35px;
	background-image: url(../css/images/pet-family-icon-sprite.png);
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
	.family-icon.beast { background-position: 0 0; }
	.family-icon.critter { background-position: -35px 0; }
	.family-icon.dragonkin { background-position: -70px 0; }
	.family-icon.elemental { background-position: -105px 0; }
	.family-icon.flying { background-position: -140px 0; }
	.family-icon.humanoid { background-position: -175px 0; }
	.family-icon.mechanical { background-position: -210px 0; }
	.family-icon.magic { background-position: -245px 0; }
	.family-icon.undead { background-position: -280px 0; }
	.family-icon.aquatic { background-position: -315px 0; }

/* Pet Family Icons */
.family-icon-small {
	display: block;
	height: 20px;
	width: 18px;
	background-image: url(../css/images/pet-family-icon-small-sprite.png);
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
	.family-icon-small.beast { background-position: 0 0; }
	.family-icon-small.critter { background-position: -18px 0; }
	.family-icon-small.dragonkin { background-position: -36px 0; }
	.family-icon-small.elemental { background-position: -53px 0; }
	.family-icon-small.flying { background-position: -71px 0; }
	.family-icon-small.humanoid { background-position: -90px 0; }
	.family-icon-small.mechanical { background-position: -108px 0; }
	.family-icon-small.magic { background-position: -126px 0; }
	.family-icon-small.undead { background-position: -144px 0; }
	.family-icon-small.aquatic { background-position: -162px 0; }
	
/* Feed Icons */
.feed-icon-small {
	display: block;
	height: 18px;
	width: 18px;
	background-image: url(../css/images/feed-icons.png);
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
	.feed-icon-small.accept { background-position: 0 0; }
	.feed-icon-small.skull { background-position: -18px 0; }
	.feed-icon-small.shield { background-position: -36px 0; }

/* Strong / Weak */
.strong { display: inline-block; height: 18px; padding-left: 22px; background: transparent url(../css/images/strong-weak-sprite.png) no-repeat 0 0; margin-bottom: -4px; }
.weak { display: inline-block; height: 18px; padding-left: 22px; background: transparent url(../css/images/strong-weak-sprite.png) no-repeat 0 -18px; margin-bottom: -4px; }

.ability-impact { height: 18px; line-height: 18px; margin-top: 10px; vertical-align: middle; color: #FFD100 !important; }

/* popup */
.model-popup { 
	width: 292px;
	background-color: #3b312b;
	border: 1px solid #2b221c;
	border-radius: 2px;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25), 0 0 35px rgba(12, 7, 6, 0.65), inset 0 0 0 1px rgba(252, 252, 252, 0.1);
	position: absolute; 
	top: 0; 
	left: 0; 
	padding: 4px 4px 8px 4px;
	margin: 0 auto;
	z-index: 100;
	box-sizing: border-box;
	}
	.model-popup .model-viewer .model {
		width: 280px;
		height: 280px;
		border: 1px solid #16110f;
		box-shadow: 1px 1px 0 rgba(88, 75, 68, 0.35), inset 0 0 49px rgba(40, 31, 26, 0.65), inset 0 0 144px #1d1512;
		}
		.model-popup .model-viewer .model .loading {
			width: 280px;
    		height: 280px;
			background: url(../css/images/ajax.gif) center center no-repeat;
			}
			.model-popup .model-viewer .model .viewer {
				width: 280px;
				height: 280px;
				background: 0 0 no-repeat;
				cursor: move;
				}
	.model-popup .details {
		position: relative;
		padding: 11px 5px 5px 8px;
		}
		.model-popup .mount-details {
			text-align: center;
			}
		.model-popup .details .icon-frame {
			display: inline-block;
			vertical-align: top;
			width: 36px;
			height: 36px;
			border: 1px solid #736958;
			box-shadow: 0 0 7px rgba(9, 5, 4, 0.5), inset 0 0 3.8px 1px #090504;
			border-radius: 1px;
			background-size: 100%;
			}
		.model-popup .details .wrapper {
			display: inline-block;
			vertical-align: top;
			padding: 0 0 0 6px;
			}
			.model-popup .details .wrapper .name-wrapper {
				width: 180px;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				}
				.model-popup .details .wrapper .name {
					line-height: 100%;
					text-shadow: 0.5px 0.9px 1px rgba(0, 0, 0, 0.55);
					
					font-size: 18px;
					font-weight: 400;
					}
			.model-popup .details .wrapper .info {
				display: block;
				text-shadow: 0.5px 0.9px 1px rgba(0, 0, 0, 0.55);
				color: #cbc0aa;
				
				font-size: 12px;
				font-weight: 400;
				padding: 6px 0 0 2px;
				}
				.model-popup .details .wrapper .info .level {
					font-weight: 700;
					}
				.model-popup .details .wrapper .info .family {
					font-weight: 400;
					}
					.model-popup .details .wrapper .info .family em {
					text-transform: capitalize;
					font-style: normal;
					}
				.model-popup .details .wrapper .info .description { color: #ffd200; margin-right: 3px; }
			
			.model-popup .details .stats-wrapper {
				padding: 8px 0 0 0;
				}
				.model-popup .details .stats {
					float: left;
					width: 210px;
					}
					.model-popup .details .stats li {
						text-shadow: 1px 0 0 rgba(203, 179, 153, 0.34);
						color: #cbc0aa;
						display: inline-block;
						font-size: 12px;
						font-weight: 400;
						line-height: 22px;
						padding: 0 6px 4px 28px;
						}
						.model-popup .details .stats li:last-child {
						padding: 0 0 0 28px;
						}
					.model-popup .details .stats li.health { background: transparent url("../css/images/model-viewer/stat-icon-health.png") no-repeat 0 0; }
					.model-popup .details .stats li.power { background: transparent url("../css/images/model-viewer/stat-icon-power.png") no-repeat 0 0; }
					.model-popup .details .stats li.speed { background: transparent url("../css/images/model-viewer/stat-icon-speed.png") no-repeat 0 0; }
				
				
		.model-popup .details .favorite {
			height: 21px;
			width: 21px;
			background: transparent url("../css/images/model-viewer/stat-icon-favorite.png") no-repeat 0 0;
			position: absolute;
			left: -2px;
			top: 3px;
			}

		.model-popup .details .type { display: block; color: #EFE3D2; }
		.model-popup .details .tip { border-bottom-color: #99774e; }
		.model-popup .details .color-tooltip-yellow { color: #fef092 !important; font-weight: bold; }
		.model-popup .details ul.source { padding-top: 12px; }
		.model-popup .ui-button.buy { display: block; text-align: center; }

.model-popup .family-icon { position: absolute; right: 6px; top: 10px;  }
.pet-type-tooltip .family-icon { position: absolute; right: 0; top: 0; }

/* grid */
#collectibles-loading { height: 200px; }
#collectibles { display: none; } /* initially hidden until finalized */
.collectible-grid .data-container { font-size: 0; clear: both; padding: 8px 10px 0 0; }
.collectible-grid .no-results { text-align: center; padding: 50px; font-size: 14px; }

/* grid item */
.collectible-grid { font-size: 16px; }
.collectible-grid .grid-item { display: inline-block; vertical-align: top; width: 25%; text-align: center; height: 205px; margin-bottom: 25px; }
.collectible-grid .grid-item a.preview, .pet-slot .character a.preview { margin: 0 auto; width: 157px; display: block; cursor: default; }
.collectible-grid .grid-item a.preview .render {
	position: relative;
    border: 1px solid #3c2012;
	background-color: #2f190e !important;
    box-shadow: 0 0 10px #241209;
}
.collectible-grid .grid-item a.preview .render.legion {
	border: 1px solid #35302e;
    background-color: #181818 !important;
    box-shadow: 0 0 10px #1d1b1a;
}
.collectible-grid .grid-item a.preview .render .favorite { height: 21px; width: 21px; background: transparent url("../../images/model-viewer/stat-icon-sprite.png") no-repeat 0 0; position: absolute; bottom: -8px; left: -8px;}
.collectible-grid .grid-item a.preview .level { font-family:'Arial Black', Arial, Helvetica, sans-serif; font-weight:900; color: #fff; display: inline-block; vertical-align: top; padding: 0 4px 0 0;}
.collectible-grid .grid-item a.preview .name { font-size: 16px; padding: 8px 4px 0 4px; display: inline-block; clear: both;}
.collectible-grid .grid-item a.preview .render,
.collectible-grid .grid-item a.preview .render .render-model { display: block; width: 155px; height: 155px; background: 50% 50% no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.collectible-grid .grid-item a.preview .note { font-size: 11px; color: #a37b57; font-style: italic; display: block;}
.collectible-grid .grid-item a.preview:hover .render { border-color: #542818; }
.collectible-grid .grid-item a.preview:hover .name { color: white !important; }
.collectible-grid .grid-item .info { display: block; width: 156px; padding: 8px 4px 0 4px; margin: 0 auto; }
.collectible-grid .grid-item .info .name { font-size: 14px; display: inline; clear: both;}
.collectible-grid .grid-item .info .level { font-size: 14px; color: #FFF; margin-right: 4px; }

/* pagination */
.ui-pagination { overflow:visible; height:22px; padding: 6px 10px 0 0; }
.ui-pagination li { margin:0 2px; }
.ui-pagination li a {
	display: inline-block;
	vertical-align: top;
	border-radius: 3px;
	box-sizing: border-box;
	background-color: rgba(61, 49, 42, 0.38);
	box-shadow: 1px 1px 1px rgba(0,0,0,.1), inset 0 0 1px rgba(252, 252, 252, 0.17);
	border: solid 1px #2c221d;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	min-width: 26px;
	height: 25px;
	padding: 4px 8px;
	margin-left: 4px;
	}
	.ui-pagination li a:hover {
		background-color: #3d312a;
		box-shadow: 0 0 7px rgba(11,6,5,.25), inset 0 0 1px rgba(252,252,252,.34);
		}
	.ui-pagination li.current a {
		background-color: #3d312a;
		box-shadow: 0 0 7px rgba(11,6,5,.25), inset 0 0 1px rgba(252,252,252,.34);
		}
	
.data-options { padding: 0 12px; font-size: 14px; height: 40px; line-height: 40px; }
.data-options.table-top { padding-bottom: 12px; }
.data-options strong { color: #b34a29 }
.data-options .input { padding: 1px }
.data-options .option { float: right; padding-left: 15px }
.data-options .option .input { padding-right: 2px }

/* Talents */
.talents-section {
    margin: 10px 0 0 0;
    }

.talents-specs {
	display: block;
	height: 60px;
    z-index: 1;
    padding: 0 16px;
	}
	.talents-spec {
		display: block;
		float: left;
		padding: 10px 14px;
		margin: 0 16px 0 0;
		height: 40px;
		border-top-left-radius: 1px;
		border-top-right-radius: 1px;
		background: rgba(12, 7, 6, 0.2);
        opacity: 0.5;
        transition: all 400ms;
		}
		.talents-spec:hover {
            box-shadow: inset 0 0 13px rgb(255,255,255, 0.1), 0 0 10px rgba(0, 0, 0, 0.15);
            }
		.talents-spec-active {
			opacity: 1;
            }
		.talents-spec-icon {
			float: left;
			}
			.talents-spec-icon img {
			box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 0 4px rgba(0,0,0,.6);
			}
		.talents-spec-info {
			float: left;
			padding-left: 10px;
			min-width: 100px;
			}
			.talents-spec-info #title {
                font-size: 16px;
                line-height: 20px;
                font-weight: bold;
                color: #cbc0aa;
                transition: all 400ms;
                }
                .talents-spec:hover .talents-spec-info #title {
                    color: rgb(218, 218, 218);
                    }
			.talents-spec-info #points {
			}
		.talents-spec-char-selected {
		margin-left: 20px;
		float: left;
		width: 20px; height: 40px;
		background-image: url(images/wotlk/talents-check.gif);
		background-repeat: no-repeat;
		background-position: center;
		}
			
.talents {
	display: block;
	border-radius: 1px;
	border-top-left-radius: 0;
	overflow: hidden;
    background: rgba(12, 7, 6, 0.2);
	padding: 0 0 23px 0;
	}
	.talents h3 {
        text-align: left;
        padding: 20px 0 10px 30px;
        text-shadow: 0 0 3px rgba(174, 232, 255, 0.1);
        color: #cbc0aa;
        }
	.talents-glyphs {
		background: rgba(0,0,0,.15);
		border-radius: 1px;
		padding: 20px;
		margin: 0 20px 0 20px;
		}
		.talents-glyphs .iconsmall {
		margin: 0;
		}
		.talents-glyphs-column {
			float: left;
			}
			.talents-glyphs-list {
			width: 206px;
			}
			.talents-glyphs-glyph {
				}
				.talents-glyphs-glyph .iconsmall {
				float: left;
				}
				.talents-glyphs-glyph #glyph-name {
				display:block;
				float: left;
				font-size: 12px;
				padding: 4px 0 0 3px;
				}
	.talents-body {
		height:594px;
		}
		.talents-expansion-cata .talents-body {
		height: 385px;
		}
		.talents-tree {
			position: relative;
			width: 254px;
			height: 594px;
			border-radius: 3px;
			margin-left: 23px;
			}
			.talents-expansion-cata .talents-tree {
                height: 383px;
                }
			.talents-tree-bg {
                display: block;
                position: absolute;
                width: 254px;
                height: 564px;
                border-radius: 1px;
                background-repeat: no-repeat;
                background-size: cover;
                opacity: 0.4;
                top: 29px;
                box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 4px rgba(0,0,0,.6);
                }
			    .talents-expansion-cata .talents-tree-bg {
                    height: 354px;
                    }
			.talents-tree-title {
				height:24px;
				line-height:24px;
				overflow:hidden;
				padding:0;
				margin:0 auto 5px auto;
				text-align:center;
				background: rgba(0,0,0,.2);
				position: relative;
				display: block;
				border-radius: 1px;
				}
				.talents-tree-title img {
				display: block;
				position: absolute;
				margin-top: 1px;
				margin-left: 2px;
				border-radius: 1px;
				}
			
			/* Talent Trees Backgrounds */
			
			.deathknight-1 { background-image: url(images/wotlk/talents/deathknight_1.jpg); }
			.deathknight-2 { background-image: url(images/wotlk/talents/deathknight_2.jpg); }
			.deathknight-3 { background-image: url(images/wotlk/talents/deathknight_3.jpg); }
	
			.druid-1 { background-image: url(images/wotlk/talents/druid_1.jpg); }
			.druid-2 { background-image: url(images/wotlk/talents/druid_2.jpg); }
			.druid-3 { background-image: url(images/wotlk/talents/druid_3.jpg); }
	
			.hunter-1 { background-image: url(images/wotlk/talents/hunter_1.jpg); }
			.hunter-2 { background-image: url(images/wotlk/talents/hunter_2.jpg); }
			.hunter-3 { background-image: url(images/wotlk/talents/hunter_3.jpg); }
	
			.mage-1 { background-image: url(images/wotlk/talents/mage_1.jpg); }
			.mage-2 { background-image: url(images/wotlk/talents/mage_2.jpg); }
			.mage-3 { background-image: url(images/wotlk/talents/mage_3.jpg); }
	
			.paladin-1 { background-image: url(images/wotlk/talents/paladin_1.jpg); }
			.paladin-2 { background-image: url(images/wotlk/talents/paladin_2.jpg); }
			.paladin-3 { background-image: url(images/wotlk/talents/paladin_3.jpg); }
	
			.priest-1 { background-image: url(images/wotlk/talents/priest_1.jpg); }
			.priest-2 { background-image: url(images/wotlk/talents/priest_2.jpg); }
			.priest-3 { background-image: url(images/wotlk/talents/priest_3.jpg); }
	
			.rogue-1 { background-image: url(images/wotlk/talents/rogue_1.jpg); }
			.rogue-2 { background-image: url(images/wotlk/talents/rogue_2.jpg); }
			.rogue-3 { background-image: url(images/wotlk/talents/rogue_3.jpg); }
	
			.shaman-1 { background-image: url(images/wotlk/talents/shaman_1.jpg); }
			.shaman-2 { background-image: url(images/wotlk/talents/shaman_2.jpg); }
			.shaman-3 { background-image: url(images/wotlk/talents/shaman_3.jpg); }
	
			.warlock-1 { background-image: url(images/wotlk/talents/warlock_1.jpg); }
			.warlock-2 { background-image: url(images/wotlk/talents/warlock_2.jpg); }
			.warlock-3 { background-image: url(images/wotlk/talents/warlock_3.jpg); }
	
			.warrior-1 { background-image: url(images/wotlk/talents/warrior_1.jpg); }
			.warrior-2 { background-image: url(images/wotlk/talents/warrior_2.jpg); }
			.warrior-3 { background-image: url(images/wotlk/talents/warrior_3.jpg); }
			
			/* End.Talent Trees Backgrounds */
			
			.talents-tree table {
                opacity: 1;
                margin: 10px 0 0 0;
                }
			.talents-tree table tr td {
                width: 62px;
                height: 50px;
                }

                .iconsmall {
                    margin: 0 auto;
                    width: 26px;
                    height: 26px;
                    position: relative;
                    }
                    .iconsmall ins {
                        width: 16px;
                        height: 16px;
                        display: block;
                        position: absolute;
                        left: 5px;
                        top: 5px;
                        z-index: 5;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }
                    .iconsmall del {
                        width: 26px;
                        height: 26px;
                        display: block;
                        position: absolute;
                        left: 0;
                        top: 0;
                        z-index: 10;
                        background-image: url(//wowimg.zamimg.com/images/Icon/small/border/default.png);
                        background-repeat: no-repeat;
                    }
                    .iconsmall a {
                        display: block; 
                        position: absolute;
                        left: 3px;
                        top: 3px;
                        z-index: 13;	
                    }
                    .iconsmall a { width: 20px; height: 20px; background: url(//wowimg.zamimg.com/images/Icon/small/hilite/default.png) no-repeat 20px 0; }
                    .iconsmall a:hover {
                        background-position: 0 0;
                    }

                .iconmedium {
                    margin: 0 auto;
                    width: 44px;
                    height: 44px;
                    position: relative;
                    }
                    .iconmedium ins {
                        width: 36px;
                        height: 36px;
                        display: block;
                        position: absolute;
                        left: 4px;
                        top: 4px;
                        z-index: 5;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }
                    .iconmedium del {
                        width: 44px;
                        height: 44px;
                        display: block;
                        position: absolute;
                        left: 0;
                        top: 0;
                        z-index: 10;
                        background-image: url(//wowimg.zamimg.com/images/Icon/medium/border/default.png);
                        background-repeat: no-repeat;
                    }
                    .iconmedium a {
                        display: block; 
                        position: absolute;
                        left: 3px;
                        top: 3px;
                        z-index: 13;	
                    }
                    .iconmedium a { width: 38px; height: 38px; background: url(//wowimg.zamimg.com/images/Icon/medium/hilite/default.png) no-repeat 38px 0; }
                    .iconmedium a:hover {
                        background-position: 0 0;
                    }
                    .iconmedium div.icon-border {
                        position:absolute;
                        z-index:11;
                        left:1px;
                        top:1px;
                        width:42px;
                        height:42px;
                        background:url(images/wotlk/border.gif) no-repeat;
                        }
                        .iconmedium div.icon-border#active {
                        background-position: -84px 0px;
                        }
                        .iconmedium div.icon-border#inactive {
                        background: none;
                        }
                        .iconmedium div.icon-border#maxed {
                        background-position: -42px 0px;
                        }
                    .iconmedium div.icon-bubble {
                        position:absolute;
                        z-index:14;
                        width:22px;
                        height:23px;
                        left:30px;
                        top:29px;
                        background:url(images/wotlk/bubble.png) no-repeat;
                        padding:4px 0 0;
                        font-family:Verdana,sans-serif;
                        font-size:12px;
                        text-align:center;
                        cursor:default;
                        }
                        .iconmedium div.icon-bubble#active {
                        visibility: visible;
                        color: rgb(23, 253, 23);
                        }
                        .iconmedium div.icon-bubble#inactive {
                        visibility: hidden;
                        }
                        .iconmedium div.icon-bubble#maxed {
                        visibility: visible;
                        color: rgb(231, 186, 0);
                        }
                    .iconmedium .overlay {
                        width: 36px;
                        height: 36px;
                        display: block;
                        position: absolute;
                        left: 4px;
                        top: 4px;
                        z-index: 12;
                        background: rgba(0,0,0,.6);
                    }
                    .iconmedium .talent-dependency {
                        display: block;
                        position: absolute;
                        z-index: 15;
                        }
                        .iconmedium .talent-dependency-down {
                            top: 42px;
                            left: 15px;
                            width: 15px;
                            background:url(images/wotlk/arrows/down.png) bottom no-repeat;
                            }
                            .iconmedium .talent-dependency-down#maxed {
                            background:url(images/wotlk/arrows/down2.png) bottom no-repeat;
                            }
                        .iconmedium .talent-dependency-left {
                            top: 15px;
                            left: -27px;
                            height: 15px;
                            width: 28px;
                            background:url(images/wotlk/arrows/left.png) left no-repeat;
                            }
                            .iconmedium .talent-dependency-left#maxed {
                            background:url(images/wotlk/arrows/left2.png) left no-repeat;
                            }
                        .iconmedium .talent-dependency-right {
                            top: 15px;
                            left: 43px;
                            height: 15px;
                            width: 28px;
                            background:url(images/wotlk/arrows/right.png) right no-repeat;
                            }
                            .iconmedium .talent-dependency-right#maxed {
                            background:url(images/wotlk/arrows/right2.png) right no-repeat;
                            }
                        .iconmedium .talent-dependency-leftdown {
                            top: 15px;
                            left: -36px;
                            height: 15px;
                            width: 48px;
                            background:url(images/wotlk/arrows/leftdown.png) left no-repeat;
                            }
                            .iconmedium .talent-dependency-leftdown#maxed {
                            background:url(images/wotlk/arrows/leftdown2.png) left no-repeat;
                            }
                        .iconmedium .talent-dependency-rightdown {
                            top: 15px;
                            left: 43px;
                            height: 15px;
                            width: 48px;
                            background:url(images/wotlk/arrows/rightdown.png) right no-repeat;
                            }
                            .iconmedium .talent-dependency-rightdown#maxed {
                            background:url(images/wotlk/arrows/rightdown2.png) right no-repeat;
                            }
                            .iconmedium .talent-dependency-rightdown .talent-dependency-second {
                            float: right;
                            }
                        .iconmedium .talent-dependency-leftdown .talent-dependency-second, .iconmedium .talent-dependency-rightdown .talent-dependency-second {
                            margin-top: 15px;
                            width: 15px;
                            background:url(images/wotlk/arrows/down.png) bottom no-repeat;
                            }
                            .iconmedium .talent-dependency-leftdown .talent-dependency-second#maxed, .iconmedium .talent-dependency-rightdown .talent-dependency-second#maxed {
                            background:url(images/wotlk/arrows/down2.png) bottom no-repeat;
                            }