.rankings .rank {
	width: 5%;
	text-align: center;
}
.rankings .score {
	font-size: 1.125rem;
}
.rankings .score img {
	vertical-align: middle;
	margin-left: 0.4rem;
	width: 1.5625rem;
	height: 1.5rem;
}
#changeAvatar > img {
	height: 1.25rem;
	vertical-align: middle;
}
.tacticsStats > h1 {
	font-size: 1rem;
	margin-bottom: 0.625rem;
}
.tacticsStats tr > td:last-child {
	width: 10%;
	text-align: center;
}
.tacticsStats tr > th,
.tacticsStats tr > td {
	cursor: auto;
}

#tacticsGame {
}
#tacticsGame #contentTop {
	border-bottom: 0rem;
}
#tacticsGame .abovePlayer {
	vertical-align: bottom;
}
#tacticsGame #latestWin {
	float: right;
	margin-right: 1.25rem;
	margin-bottom: 0.625rem;
}
#tacticsGame #latestWin .winHeading {
	text-align: center;
	color: #939393;
	height: 1.5625rem;
	line-height: 1.5625rem;
}
#playerPortrait,
#avatarMenu {
	height: 15rem;
	width: 34.375rem;
	padding: 1.25rem;
	background-color: #333333;
	border: 0.1875rem solid #121212;
	
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	
	background-image:
	  radial-gradient(
	    circle at bottom left,
	    #4c4c4b 1%,
	    #101110 25%,
	    #4c4c4b 85%
	  );
}
#avatarMenu {
	position: absolute;
	margin-top: 1rem;
	z-index: 107;
	display: none;
	overflow-y: scroll;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#avatarMenu #hide {	
	color: #e8a505;
	cursor: pointer;
	position: fixed;
	margin-left: 29.0625rem;
	margin-top: 14.6875rem;
}
#avatarMenu ul > li {
	display: inline-block;
	width: 9.375rem;
	height: 9.375rem;
	margin: 0 0.625rem 0.625rem 0;
	padding: 0.3125rem;
	
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	cursor: pointer;
}
#avatarMenu ul > li:hover {
	background-color: #cb9f18;
	
}
#avatarMenu ul > li > img {
	width: 9.375rem;
	height: 9.375rem;
}
#avatarMenu ul > li.current {
	border: 0.125rem solid #ae8d2a;
}
#avatarMenu .unavailable {
	opacity: 0.4;
	filter: alpha(opacity=40); /* msie */
}
#avatarMenu .unavailable:hover {
	background-color: inherit;
	cursor: auto;
}
#avatarMenu .credibility {
	position: absolute;
	z-index: 110;
	color: #fff;
	opacity: 1;
	font-size: 1.5rem;
	font-family: 'UBold';
	text-align: center;
	line-height: 1.75rem;
	margin: 2.8125rem 0 0 0.9375rem;
}
#playerPortrait .image {
	text-align: center;
	cursor: pointer;
}
#playerPortrait .image img {
	width: 11rem;
	height: 11rem;
}
#playerPortrait .name,
#avatarMenu .changeHeading,
#registerToPlay a {
	font-size: 1.5rem;
	font-family: 'UBold';
	color: #e8a505;
	text-align: center;
	margin-bottom: 0.625rem;
	
	-webkit-text-stroke: 0.0625rem #e8a505;
	color: #e8a505;
	text-shadow:
	    0.1875rem 0.1875rem 0 #000,
	  -0.0625rem -0.0625rem 0 #000,  
	   0.0625rem -0.0625rem 0 #000,
	   -0.0625rem 0.0625rem 0 #000,
	    0.0625rem 0.0625rem 0 #000;
}
#registerToPlay {
	font-size: 1.5rem;
	font-family: 'UBold';
	color: #fff;
	
	-webkit-text-stroke: 0.0625rem #fff;
	color: #fff;
	text-shadow:
	    0.1875rem 0.1875rem 0 #000,
	  -0.0625rem -0.0625rem 0 #000,  
	   0.0625rem -0.0625rem 0 #000,
	   -0.0625rem 0.0625rem 0 #000,
	    0.0625rem 0.0625rem 0 #000;
}
#playerPortrait .change {
	color: #e8a505;
	font-size: 0.75rem;
	text-align: center;
	display: block;	
}
#tacticsGame #navbar {
	margin-top: 20.25rem;
	margin-left: 2.5rem;
	position: absolute;
	z-index: 5;
}
#tacticsGame #navbar li {
	background-image: linear-gradient(top, #484848 0%, #2b2724 50%, #101110 100%);
	background-image: -o-linear-gradient(top, #484848 0%, #2b2724 50%, #101110 100%);
	background-image: -moz-linear-gradient(top, #484848 0%, #2b2724 50%, #101110 100%);
	background-image: -webkit-linear-gradient(top, #484848 0%, #2b2724 50%, #101110 100%);
	background-image: -ms-linear-gradient(top, #484848 0%, #2b2724 50%, #101110 100%);
}
#tacticsGame #navbar li:hover {
	background-image: -ms-linear-gradient(top, #ffba00 0%, #171100 100%);
	background-image: linear-gradient(top, #ffba00 0%, #171100 100%);
	background-image: -o-linear-gradient(top, #ffba00 0%, #171100 100%);
	background-image: -moz-linear-gradient(top, #ffba00 0%, #171100 100%);
	background-image: -webkit-linear-gradient(top, #ffba00 0%, #171100 100%);
}
#tacticsGame #navbar li:first-child {
	margin-left: 0rem;
}
#tacticsGame #navbar li a {
	margin-right: 0rem;
	color: #e9e9e9;
}
#unityPlayerWrapper {
} 
#unityPanel {
	
	background: url('/themes/default/images/tactics/tactics_title_loading.png') no-repeat;
	background-size: contain;
	
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
}
#unityPanel .missing,
#unityPanel .broken {
	width: 25rem;
	margin: 12.5rem auto 0 auto;
	text-align: center;
}
#unityPlayerWindow .tacticsPanel {	
	position: absolute;
	z-index: 100;
	display: none;
	height: 33.8125rem;
}
.tacticsPanel {
	margin-left: 1.0625rem;
	width: 60rem;
	background-color: #101110;
	border: 0.1875rem solid #121212;
	
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	
	border-top-right-radius: 0.375rem;
	border-bottom-left-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
	
	background-image:
	  radial-gradient(
	    circle at bottom left,
	    #4c4c4b 1%,
	    #101110 25%,
	    #4c4c4b 85%
	  );
	  
	background: url('/themes/default/images/tactics/tactics_title.png') no-repeat;
	background-size: contain;
}
.tacticsRankings .listing {
	margin: 0.625rem 1.25rem 0rem 0.6875rem;
}
.tacticsRankings .listing li {
	display: inline-block;
	height: 2.6875rem;
	line-height: 2.6875rem;
	width: 55.625rem;
	color: #fbfbfb;
	margin: 0 0 1.25rem 0.75rem;
	padding-left: 0.625rem;
	font-family: 'Ubold';
	font-size: 1.125rem;
	
	background-color: #383838;
	border: 0.125rem solid #5f5f5f;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	box-shadow: 0.1875rem 0.1875rem 0.1875rem #181918;
}
.tacticsRankings .listing li > div {
	display: inline-block;
}
.tacticsRankings .listing li > .rank {
	width: 6.25rem;
}
.tacticsRankings .listing li > .name {
	width: 25.625rem;
}
.tacticsRankings .listing li > .custom {
	width: 9.375rem;
}
.tacticsRankings .listing li > .score {
	width: 9.375rem;
	text-align: right;
	padding-right: 1.5625rem;
}
.tacticsRankings .listing li > .score img {
	position: absolute;
	z-index: 105;
	margin: 0.5rem 0 0 0.3125rem;
	width: 1.375rem;
	height: 1.375rem;
}
.tacticsRankings .listing li.myRanking {	
	background-image: -ms-linear-gradient(top, #ffba00 0%, #a97b00 100%);
	background-image: linear-gradient(top, #ffba00 0%, #a97b00 100%);
	background-image: -o-linear-gradient(top, #ffba00 0%, #a97b00 100%);
	background-image: -moz-linear-gradient(top, #ffba00 0%, #a97b00 100%);
	background-image: -webkit-linear-gradient(top, #ffba00 0%, #a97b00 100%);
	color: #212121;	
}
#unityPlayerWindow .small li {
	width: 17.3125rem;
}
#unityPlayerWindow .small li > label {
	display: inline-block;
	width: 11.875rem;
	text-align: left;
}
#unityPlayerWindow .small li > span {
	display: inline-block;
	width: 5rem;
	text-align: right;
	padding-right: 0.3125rem;
}
#unityPlayerWindow .small li > span.gain {
	color: #ffba00;
}
#unityPlayerWindow .small li > span.loss {
	color: #ff0000;
}
#unityPlayerWindow .small li.placeholder {
	opacity: 0;
}
#unityPlayerWindow .panelBackground {	
	color: #fbfbfb;
	font-family: 'Ubold';
	font-size: 1rem;
	line-height: 1.5rem;
	
	margin: 1.25rem;
	padding: 1.25rem;
	background-color: #383838;
	border: 0.125rem solid #5f5f5f;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	box-shadow: 0.1875rem 0.1875rem 0.1875rem #181918;
}
#helpPanel {
	line-height: 1.25rem;
}
#helpPanel label {
	display: inline-block;
	font-family: 'Ubold';
	width: 9.375rem;
}
#helpPanel span {
	font-family: 'Ubold';
}
#unityBottomPlacement {
	height: 9.375rem;
	background-color: #3f3f3f;
}
#unityPanel .loading {
	margin-top: 20.625rem;
	text-align: center;
	color: #e5e5e5;
	font-size: 1.5rem;
	font-style: italic;
}
.panelHeading {
	color: #e8a505;
	margin: 1.25rem;
	font-size: 2rem;
	font-family: 'Ubold';
	text-align: center;
	
	-webkit-text-stroke: 0.0625rem #e8a505;
	color: #e8a505;
	text-shadow:
	    0.1875rem 0.1875rem 0 #000,
	  -0.0625rem -0.0625rem 0 #000,  
	   0.0625rem -0.0625rem 0 #000,
	   -0.0625rem 0.0625rem 0 #000,
	    0.0625rem 0.0625rem 0 #000;
}
#unityPlayerWindow #loader {
	text-align: center;
	display: none;
}
#unityPlayerWindow #loader > img {
	margin-top: 20rem;
}
#registerToPlay {
	min-height: 18.75rem; 
	text-align: center;
	padding: 1.25rem 0 1.25rem 0;
}
#registerToPlay .inner {	 
}
#registerToPlay > div {
	text-align: left;
}
#registerToPlay .register {
	margin-top: 1.25rem;
}
#registerToPlay a:hover {
	text-decoration: none;
}
.tacticsPanel .close {
	right: 0.625rem;
	top: 0.625rem;
	cursor: pointer;
	width: 1.25rem;
	height: 1.25rem;
	display: inline-block;
	position: absolute;
	background: url('/themes/default/images/close.png') no-repeat;
	background-size: contain;
}
#tacticsGame #helpPanel .tutorial {
	position: absolute;
	top: 2.5rem;
	left: 1.4375rem;
	height: 2.1875rem;
	width: 12.5rem;
	color: #eaeaea;
	font-size: 1.25rem;
	line-height: 2.1875rem;
	cursor: pointer;
}
#tacticsGame #helpPanel .tutorial span {
	color: #fac306;
}