.Inl {display:inline-block; vertical-align: middle; position: relative; top: -1px;padding: 0; margin: 0;border-spacing: 0; }
.I-16{width: 16px;height: 16px;}
.Resources {background: url('Images/sprites/resources.png') no-repeat;}
.Tutorial {background: url('Images/sprites/tutorial.png') no-repeat;}
.End {background: url('Images/sprites/end.png') no-repeat;}
.Embassy {background: url('Images/sprites/embassy.png') no-repeat;}
.HeroItems {background: url('Images/sprites/HeroItems.png') no-repeat;}
.Ach {background: url('Images/sprites/ach.png') no-repeat;}
.MaleItems {background: url('Images/sprites/maleItems.png') no-repeat;}
.a1_year {background: url('Images/sprites/1_year.png') no-repeat; 	width: 53px;height: 72px;}
.a2_year {background: url('Images/sprites/2_year.png') no-repeat; 	width: 53px;height: 72px;}
.a3_year {background: url('Images/sprites/3_year.png') no-repeat; 	width: 53px;height: 72px;}

.gold {
	background-position: -84px -452px;
	width: 73px;
	height: 75px;
}
.silver {
	background-position: -160px -451px;
	width: 80px;
	height: 80px;
}
.bronze {
	background-position: -240px -451px;
	width: 80px;
	height: 80px;
}


.Armor-1 {
	background: url('Images/sprites/maleItems.png') no-repeat -61px -4px;
	width: 57px;
	height: 58px;
}
.Armor-2 {
	background: url('Images/sprites/maleItems.png') no-repeat -61px -122px;
	width: 57px;
	height: 58px;
}
.Armor-3 {
	background: url('Images/sprites/maleItems.png') no-repeat 0 -63px;
	width: 57px;
	height: 58px;
}


.Helmet-1 {
	background-position: -300px -300px;
	width: 57px;
	height: 58px;
}
.Helmet-2 {
	background-position: -362px -1px;
	width: 57px;
	height: 58px;
}
.Helmet-3 {
	background-position: -361px -60px;
	width: 57px;
	height: 58px;
}
.Helmet-4 {
	background-position: -300px -241px;
	width: 57px;
	height: 58px;
}
.Helmet-5 {
	background-position: -3px -301px;
	width: 57px;
	height: 58px;
}
.Helmet-6 {
	background-position: -64px -302px;
	width: 57px;
	height: 58px;
}
.Bag-1 {
	background-position: -481px -60px;
	width: 57px;
	height: 58px;
}
.Item-1 {
	background-position: -61px -1px;
	width: 57px;
	height: 58px;
}

.Item-2 {
	background-position: -540px -180px;
	width: 57px;
	height: 58px;
}
.Item-3 {
	background-position: -2px -240px;
	width: 57px;
	height: 58px;
}
.Item-4 {
	background-position: -63px -240px;
	width: 57px;
	height: 58px;
}
.Item-5 {
	background-position: -242px -182px;
	width: 57px;
	height: 58px;
}
.Item-6 {
	background-position: -300px -420px;
	width: 57px;
	height: 58px;
}
.Shield-1 {
	background-position: -483px -301px;
	width: 57px;
	height: 58px;
}
.Shield-2 {
	background-position: -483px -360px;
	width: 57px;
	height: 58px;
}

.Shield-3 {
	background-position: -483px -422px;
	width: 57px;
	height: 58px;
}

.Horse-1 {
	background-position: -420px -180px;
	width: 57px;
	height: 58px;
}
.Horse-2 {
	background-position: -420px 0;
	width: 57px;
	height: 58px;
}
.Horse-3 {
	background-position: -184px -363px;
	width: 57px;
	height: 58px;
}
.Boots-1 {
	background-position: 0 -480px;
	width: 57px;
	height: 58px;
}
.Item-7 {
	background-position: 0 -2px;
	width: 57px;
	height: 58px;
}

@media screen and (max-width: 600px) {
.Horse-1, .Horse-2, .Horse-3, .Boots-1, .Item-1 , .Item-2 , .Item-3 , .Item-4 , .Item-5 , .Item-6, .Item-7, .Bag-1, .Shield-1, .Shield-2, .Shield-3  {
transform: scale(0.5);
}
}

.Lumber  {background-position: -27px -51px;}
.Clay  {background-position: -27px -7px;}
.Iron  {background-position: -50px -31px;}
.Crops  {background-position: -27px -28px;}


.Shield {
	background-position: 0 -998px;
	background-size: 1467px 1222px;
	width: 149px;
	height: 200px;
}

.Gold {
	background-position: -589px -498px;
	width: 71px;
	height: 64px;
	z-index:1;
}
.Silver {
	background-position: -443px -498px;
	width: 71px;
	height: 63px;
}
.Bronze {
	background-position: -662px -498px;
	width: 71px;
	height: 63px;
}
.e-Mark {
	background-position: -79px -180px;
	width: 67px;
	height: 50px;
}