/* ========= Armory character stats ========= */
.characterstats {
	}
	.characterstats_content {
		margin: 16px;
		min-height: 100px;
		}
		.characterstats_menu {
			padding: 80px 0 80px 0;
			}
			.characterstats_menu > ul {
				list-style: none;
				font-size: 0px;
				text-align: center;
				}
				.characterstats_menu > ul > li {
					display: inline-block;
					margin: 0 24px;
					}
					.characterstats_menu > ul > li > .frame {
						display: block;
						width: 144px;
						height: 144px;
						background-image: url(../css/images/circular_frame.png);
						background-repeat: no-repeat;
						margin: 0 auto;
						}
						.characterstats_menu > ul > li > .frame > a {
							display: block;
							width: 126px;
							height: 126px;
							padding: 9px;
							}
							.characterstats_menu > ul > li > .frame > a > i {
								display: block;
								width: 126px;
								height: 126px;
								background-repeat: no-repeat;
								}
								.characterstats_menu > ul > li > .frame > a > i#race_classes { 
									background-image: url(../css/images/race_class_icon.png); 
									}
								.characterstats_menu > ul > li > .frame > a > i#playtime { 
									background-image: url(../css/images/playtime_icon.png); 
									}
								.characterstats_menu > ul > li > .frame > a > i#ilevel { 
									background-image: url(../css/images/ilevel_icon.png); 
									}
					.characterstats_menu > ul > li > .box {
						display: block;
						height: 36px;
						text-align: center;
						margin-top: 16px;
						}
						.characterstats_menu > ul > li > .box > a {
							display: inline-block;
							height: 36px;
							font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
							font-size: 12px;
							font-weight: bold;
							text-align: center;
							color: #FFF;
							border-radius: 4px;
							text-align: center;
							box-sizing: border-box;
							padding: 12px 18px;
							}
							.characterstats_menu > ul > li > .box > a#race_classes {
								background: #49240d;
								}
								.characterstats_menu > ul > li > .box > a#race_classes:hover {
									background: #63300F;
									}
							.characterstats_menu > ul > li > .box > a#playtime {
								background: #49350d;
								}
								.characterstats_menu > ul > li > .box > a#playtime:hover {
									background: #634812;
									}
							.characterstats_menu > ul > li > .box > a#ilevel {
								background: #25490d;
								}
								.characterstats_menu > ul > li > .box > a#ilevel:hover {
									background: #326212;
									}
						
		.characterstats_content .title {
			float: right;
			text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
			color: #9b8b75;
			font-family: Arial, sans-serif;
			font-size: 24px;
			font-weight: 400;
			margin: 0;
			padding: 18px;
			}
		.characterstats_content .realmselect {
			float: left;
			padding-left: 16px;
			padding-top: 10px;
			}
			#left .content .characterstats_content .realmselect .selectboxit-container {
				display: block;
				width: 228px;
				margin-top: 6px;
				}
			#left .content .characterstats_content .realmselect .selectboxit-option-icon-container {
				width: 0px;
				margin-left: 2px;
				}
			#left .content .characterstats_content .realmselect .selectboxit-container span, 
			#left .content .characterstats_content .realmselect .selectboxit-container .selectboxit-options a {
				height: 33px;
				line-height: 33px;
				font-size: 14px;
				}
			#left .content .characterstats_content .realmselect .selectboxit .selectboxit-arrow-container {
				width: 34px;
				}
			#left .content .characterstats_content .realmselect .selectboxit-text {
				font-size: 12px;
				}
			#left .content .characterstats_content .realmselect .selectboxit-default-arrow {
				width: 18px;
				height: 12px;
				background-size: contain;
				}
.top {
	height: 64px;
	}
.results {
	padding: 0 16px;
	}

#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: 10px 0 22px 0;
	}
	#last-updated.no-border {
		border-top: none;
		}
	
.table {
	}
	.table-header {
		width: 100%;
		height: 34px;
		margin: 14px 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.selected {
				background-color: rgba(134, 110, 96, 0.15);
				}
			.table-row.selected:hover {
				background-color: rgba(134, 110, 96, 0.2);
				}
			.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.selected .column {
					color: #8c817c;
					}
				.table-row .column .win {
					color: #019B04;
					}
				.table-row .column .loss {
					color: #c5181b;
					}

.table-header .column:nth-child(1),
.table-row .column:nth-child(1) {
	width: 54px;
	}
.table-header .column:nth-child(2),
.table-row .column:nth-child(2) {
	width: 250px;
	text-align: left;
	}
.table-header .column:nth-child(3),
.table-row .column:nth-child(3) {
	width: 250px;
	text-align: left;
	}

.itemlevel .table-header .column:nth-child(4),
.itemlevel .table-row .column:nth-child(4),
.itemlevel .table-header .column:nth-child(5),
.itemlevel .table-row .column:nth-child(5) {
	width: 180px;
	}

.playtime .table-header .column:nth-child(2),
.playtime .table-row .column:nth-child(2) {
	width: 220px;
	text-align: left;
	}
.playtime .table-header .column:nth-child(3),
.playtime .table-row .column:nth-child(3) {
	width: 220px;
	text-align: left;
	}
.playtime .table-header .column:nth-child(4),
.playtime .table-row .column:nth-child(4) {
	width: 80px;
	}
.playtime .table-header .column:nth-child(5),
.playtime .table-row .column:nth-child(5) {
	width: 340px;
	}

.population .table {
	float: left;
	width: 440px;
	}
	.population .table.races {
		float: left;
		}
	.population .table.classes {
		float: right;
		}
.population .table-header .column:nth-child(2),
.population .table-row .column:nth-child(2),
.population .table-header .column:nth-child(3),
.population .table-row .column:nth-child(3) {
	width: 192px;
	text-align: left;
	}
	
.characterstats .icon-frame {
	margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
	top: -1px;
	}
	.characterstats .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;
		}
		.characterstats .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;
			}
	
.characterstats .frame-14, 
.characterstats .frame-14 img, 
.characterstats .frame-14:before {
	width: 14px;
    height: 14px;
	}
	.characterstats .frame-14:before {
		box-shadow: inset 0 0 2px rgba(12, 7, 6, 0.85), inset 0 0 2px rgba(12, 7, 6, 0.85);
		}