.nation, .class, .grade, .symbol {
    background-image: url("../images/icon/icon.bmp");
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px;
}
.clanicon {
	 background-size: 16px 16px;
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.nation.n1 {
    background-position: 0px -32px;
}

.nation.n2 {
    background-position: -16px -32px;
}

.class.c101, .class.c105, .class.c106 {
    background-position: -32px -32px;
}

.class.c102, .class.c107, .class.c108 {
    background-position: -48px -32px;
}

.class.c103, .class.c109, .class.c110 {
    background-position: -64px -32px;
}

.class.c104, .class.c111, .class.c112 {
    background-position: -80px -32px;
}

.class.c201, .class.c205, .class.c206 {
    background-position: -96px -32px;
}

.class.c202, .class.c207, .class.c208 {
    background-position: -112px -32px;
}

.class.c203, .class.c209, .class.c210 {
    background-position: -128px -32px;
}

.class.c204, .class.c211, .class.c212 {
    background-position: -144px -32px;
}

.grade.g1 {
    background-position: 0px 0px;
}

.grade.g2 {
    background-position: -16px 0px;
}

.grade.g3 {
    background-position: -32px 0px;
}

.grade.g4 {
    background-position: -48px 0px;
}

.grade.g5 {
    background-position: -64px 0px;
}

.grade.g6 {
    background-position: -80px 0px;
}

.grade.g7 {
    background-position: -96px 0px;
}

.grade.g8 {
    background-position: -112px 0px;
}

.grade.g9 {
    background-position: -128px 0px;
}

.grade.g10 {
    background-position: -144px 0px;
}

.grade.g11 {
    background-position: -160px 0px;
}

.grade.g12 {
    background-position: -176px 0px;
}

.grade.g13 {
    background-position: -192px 0px;
}

.grade.g14 {
    background-position: -208px 0px;
}

.grade.g15 {
    background-position: -224px 0px;
}

.symbol.a1 {
    background-position: 0px -16px;
}

.symbol.a2 {
    background-position: -16px -16px;
}

.symbol.a3 {
    background-position: -32px -16px;
}

.symbol.a4 {
    background-position: -48px -16px;
}

.symbol.a5 {
    background-position: -64px -16px;
}

.symbol.a6 {
    background-position: -80px -16px;
}

.symbol.b1 {
    background-position: -96px -16px;
}

.symbol.b2 {
    background-position: -112px -16px;
}

.symbol.b3 {
    background-position: -128px -16px;
}

.symbol.b4 {
    background-position: -144px -16px;
}

.symbol.b5 {
    background-position: -160px -16px;
}

.symbol.b6 {
    background-position: -176px -16px;
}
.pointer {
	cursor:pointer;
}

.status {
	font-family: 'Ebrima';
	display: inline-block;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
}
.online {
	color: #57D35D;
}
.offline {
	color: #B81F17;
}

.noresults {
	font-family: 'Ebrima';
	color: #493f34;
	text-shadow: 1px 1px 1px rgba(0,0,0,.25);
	text-transform: uppercase;
	font-size: 10px;
	padding:5px;
	font-weight:bold;
	text-align:center;
	width:%100;
}