/* ==========================================================================
   travian-sprites.css — Extracted Sprite Mappings
   Buildings · Units · Map · Resource Fields · Levels · Combat
   All paths relative from wwwroot/css/ → ../img/
   ========================================================================== */

/* --- Header / Footer / Layout backgrounds --- */
#dynamic_header {
    background: transparent url("../img/gpack/images/حرب المماليك.png") no-repeat center top;
    height: var(--header-height, 100px);
}

/* --- Navigation icon sprites (moved mapping directly to TopBar.razor structure) --- */
/* Note: #n1 img, etc were removed so they don't combat new direct file approaches. */

/* Message/Report icon states */
.i1 { background-image: url("../img/gpack/images/m1-ltr.gif"); }
.i2 { background-image: url("../img/gpack/images/m2-ltr.gif"); }
.i3 { background-image: url("../img/gpack/images/m3-ltr.gif"); }
.i4 { background-image: url("../img/gpack/images/m4-ltr.gif"); }

/* Plus button */
img#btn_plus {
    background-position: left top;
    background-repeat: no-repeat;
    height: 29px;
    width: 36px;
}

#plus img.active  { background-image: url("../img/gpack/images/plus_active-ltr.gif"); }
#plus img.inactive { background-image: url("../img/gpack/images/plus_inactive-ltr.gif"); }

/* --- Resource Field backgrounds (village overview) ---
   Blazor HTML: <div id="village_map" class="f3"> — class is ON the element, not a descendant */
#village_map.f1, #detailed_map.f1   { background-image: url("../img/gpack/img/g/f1.jpg"); }
#village_map.f2, #detailed_map.f2   { background-image: url("../img/gpack/img/g/f2.jpg"); }
#village_map.f3, #detailed_map.f3   { background-image: url("../img/gpack/img/g/f3.jpg"); }
#village_map.f4, #detailed_map.f4   { background-image: url("../img/gpack/img/g/f4.jpg"); }
#village_map.f5, #detailed_map.f5   { background-image: url("../img/gpack/img/g/f5.jpg"); }
#village_map.f6, #detailed_map.f6   { background-image: url("../img/gpack/img/g/f6.jpg"); }
#village_map.f7, #detailed_map.f7   { background-image: url("../img/gpack/img/g/f7.jpg"); }
#village_map.f8, #detailed_map.f8   { background-image: url("../img/gpack/img/g/f8.jpg"); }
#village_map.f9, #detailed_map.f9   { background-image: url("../img/gpack/img/g/f9.jpg"); }
#village_map.f10, #detailed_map.f10 { background-image: url("../img/gpack/img/g/f10.jpg"); }
#village_map.f11, #detailed_map.f11 { background-image: url("../img/gpack/img/g/f11.jpg"); }
#village_map.f12, #detailed_map.f12 { background-image: url("../img/gpack/img/g/f12.jpg"); }
#village_map.f99, #detailed_map.f99 { background-image: url("../img/gpack/img/g/f99.jpg"); }

/* --- Resource Field Levels (sprite sheets) --- */
.reslevel { background-repeat: no-repeat; }

.level1, .level2, .level3, .level4, .level5,
.level6, .level7, .level8, .level9, .level10 {
    background-image: url("../img/gpack/g/s/lvl1_10.gif");
}
.level11, .level12, .level13, .level14, .level15,
.level16, .level17, .level18, .level19, .level20 {
    background-image: url("../img/gpack/g/s/lvl11_20.gif");
}
.level21, .level22, .level23, .level24, .level25 {
    background-image: url("../img/gpack/g/s/lvl21_30.gif");
}

.level1, .level11, .level21 { background-position: 0 0; }
.level2, .level12, .level22 { background-position: -17px 0; }
.level3, .level13, .level23 { background-position: -34px 0; }
.level4, .level14, .level24 { background-position: -51px 0; }
.level5, .level15, .level25 { background-position: -68px 0; }
.level6, .level16 { background-position: -85px 0; }
.level7, .level17 { background-position: -102px 0; }
.level8, .level18 { background-position: -119px 0; }
.level9, .level19 { background-position: -136px 0; }
.level10, .level20 { background-position: -153px 0; }

/* --- Village Center — Building ISO sprites --- */
.iso { background: url("../img/gpack/img/g/iso.gif") no-repeat; }

.g5  { background: url("../img/gpack/img/g/g5.gif") no-repeat; }
.g5b { background: url("../img/gpack/img/g/g5b.gif") no-repeat; }
.g6  { background: url("../img/gpack/img/g/g6.gif") no-repeat; }
.g6b { background: url("../img/gpack/img/g/g6b.gif") no-repeat; }
.g7  { background: url("../img/gpack/img/g/g7.gif") no-repeat; }
.g7b { background: url("../img/gpack/img/g/g7b.gif") no-repeat; }
.g8  { background: url("../img/gpack/img/g/g8.gif") no-repeat; }
.g8b { background: url("../img/gpack/img/g/g8b.gif") no-repeat; }
.g9  { background: url("../img/gpack/img/g/g9.gif") no-repeat; }
.g9b { background: url("../img/gpack/img/g/g9b.gif") no-repeat; }
.g10  { background: url("../img/gpack/img/g/g10.gif") no-repeat; }
.g10b { background: url("../img/gpack/img/g/g10b.gif") no-repeat; }
.g11  { background: url("../img/gpack/img/g/g11.gif") no-repeat; }
.g11b { background: url("../img/gpack/img/g/g11b.gif") no-repeat; }
.g12  { background: url("../img/gpack/img/g/g12.gif") no-repeat; }
.g12b { background: url("../img/gpack/img/g/g12b.gif") no-repeat; }
.g13  { background: url("../img/gpack/img/g/g13.gif") no-repeat; }
.g13b { background: url("../img/gpack/img/g/g13b.gif") no-repeat; }
.g14  { background: url("../img/gpack/img/g/g14.gif") no-repeat; }
.g14b { background: url("../img/gpack/img/g/g14b.gif") no-repeat; }
.g15  { background: url("../img/gpack/img/g/g15.gif") no-repeat; }
.g15b { background: url("../img/gpack/img/g/g15b.gif") no-repeat; }
.g16  { background: url("../img/gpack/img/g/g16.gif") no-repeat; }
.g17  { background: url("../img/gpack/img/g/g17.gif") no-repeat; }
.g17b { background: url("../img/gpack/img/g/g17b.gif") no-repeat; }
.g18  { background: url("../img/gpack/img/g/g18.gif") no-repeat; }
.g18b { background: url("../img/gpack/img/g/g18b.gif") no-repeat; }
.g19  { background: url("../img/gpack/img/g/g19.gif") no-repeat; }
.g19b { background: url("../img/gpack/img/g/g19b.gif") no-repeat; }
.g20  { background: url("../img/gpack/img/g/g20.gif") no-repeat; }
.g20b { background: url("../img/gpack/img/g/g20b.gif") no-repeat; }
.g21  { background: url("../img/gpack/img/g/g21.gif") no-repeat; }
.g21b { background: url("../img/gpack/img/g/g21b.gif") no-repeat; }
.g22  { background: url("../img/gpack/img/g/g22.gif") no-repeat; }
.g22b { background: url("../img/gpack/img/g/g22b.gif") no-repeat; }
.g23  { background: url("../img/gpack/img/g/g23.gif") no-repeat; }
.g23b { background: url("../img/gpack/img/g/g23b.gif") no-repeat; }
.g24  { background: url("../img/gpack/img/g/g24.gif") no-repeat; }
.g24b { background: url("../img/gpack/img/g/g24b.gif") no-repeat; }
.g25  { background: url("../img/gpack/img/g/g25.gif") no-repeat; }
.g25b { background: url("../img/gpack/img/g/g25b.gif") no-repeat; }
.g26  { background: url("../img/gpack/img/g/g26.gif") no-repeat; }
.g26b { background: url("../img/gpack/img/g/g26b.gif") no-repeat; }
.g27  { background: url("../img/gpack/img/g/g27.gif") no-repeat; }
.g27b { background: url("../img/gpack/img/g/g27b.gif") no-repeat; }
.g28  { background: url("../img/gpack/img/g/g28.gif") no-repeat; }
.g28b { background: url("../img/gpack/img/g/g28b.gif") no-repeat; }
.g29  { background: url("../img/gpack/img/g/g29.gif") no-repeat; }
.g29b { background: url("../img/gpack/img/g/g29b.gif") no-repeat; }
.g30  { background: url("../img/gpack/img/g/g30.gif") no-repeat; }
.g30b { background: url("../img/gpack/img/g/g30b.gif") no-repeat; }
.g34  { background: url("../img/gpack/img/g/g34.gif") no-repeat; }
.g34b { background: url("../img/gpack/img/g/g34b.gif") no-repeat; }
.g35  { background: url("../img/gpack/img/g/g35.gif") no-repeat; }
.g35b { background: url("../img/gpack/img/g/g35b.gif") no-repeat; }
.g36  { background: url("../img/gpack/img/g/g36.gif") no-repeat; }
.g36b { background: url("../img/gpack/img/g/g36b.gif") no-repeat; }
.g37  { background: url("../img/gpack/img/g/g37.gif") no-repeat; }
.g37b { background: url("../img/gpack/img/g/g37b.gif") no-repeat; }
.g38  { background: url("../img/gpack/img/g/g38.gif") no-repeat; }
.g38b { background: url("../img/gpack/img/g/g38b.gif") no-repeat; }
.g39  { background: url("../img/gpack/img/g/g39.gif") no-repeat; }
.g39b { background: url("../img/gpack/img/g/g39b.gif") no-repeat; }
.g40  { background: url("../img/gpack/img/g/g40.gif") no-repeat; }
.g40_1 { background: url("../img/gpack/img/g/g40_1.gif") no-repeat; }
.g40_2 { background: url("../img/gpack/img/g/g40_2.gif") no-repeat; }
.g40_3 { background: url("../img/gpack/img/g/g40_3.gif") no-repeat; }
.g40_4 { background: url("../img/gpack/img/g/g40_4.gif") no-repeat; }
.g40_5 { background: url("../img/gpack/img/g/g40_5.gif") no-repeat; }
.g41  { background: url("../img/gpack/img/g/g41.gif") no-repeat; }
.g41b { background: url("../img/gpack/img/g/g41b.gif") no-repeat; }
.g42  { background: url("../img/gpack/img/g/g42.gif") no-repeat; }
.g42b { background: url("../img/gpack/img/g/g42b.gif") no-repeat; }
.g43 {
    background: url("../img/gpack/img/g/g42.gif") no-repeat;
}
.g43b {
    background: url("../img/gpack/img/g/g42b.gif") no-repeat;
}
.g44 {
    background: url("../img/gpack/g/g144.png") no-repeat;
}
.g44b {
    background: url("../img/gpack/g/g144.png") no-repeat;
}
.g45 {
    background: url("../img/gpack/g/hospital.png") no-repeat;
}
.g45b {
    background: url("../img/gpack/g/hospital.png") no-repeat;
}
/* Village center level markers — no .village2 wrapper in Blazor */
#levels div { background: url("../img/gpack/img/g/s/glvl.gif") no-repeat; }

/* Village center backgrounds */
.d2_0  { background: url("../img/gpack/img/g/bg0.jpg") no-repeat; }
.d2_1  { background: url("../img/gpack/img/g/bg1.jpg") no-repeat; }
.d2_11 { background: url("../img/gpack/img/g/bg11.jpg") no-repeat; }
.d2_12 { background: url("../img/gpack/img/g/bg12.jpg") no-repeat; }

/* Level toggle switches — no .village2 wrapper in Blazor */
#lswitch.on {
    background: url("../img/gpack/img/g/s/glvlm.gif") no-repeat;
}
#lswitch {
    background: url("../img/gpack/img/g/s/glvlp.gif") no-repeat;
}

/* --- Unit sprites (big portraits) --- */
#big_unit.u1  { background: url("../img/gpack/img/u2/u1.gif") no-repeat; }
#big_unit.u2  { background: url("../img/gpack/img/u2/u2.gif") no-repeat; }
#big_unit.u3 {
    background: url("../img/gpack/img/u2/u3.gif") no-repeat;
}
#big_unit.u4  { background: url("../img/gpack/img/u2/u4.gif") no-repeat; }
#big_unit.u5  { background: url("../img/gpack/img/u2/u5.gif") no-repeat; }
#big_unit.u6  { background: url("../img/gpack/img/u2/u6.gif") no-repeat; }
#big_unit.u7  { background: url("../img/gpack/img/u2/u7.gif") no-repeat; }
#big_unit.u8  { background: url("../img/gpack/img/u2/u8.gif") no-repeat; }
#big_unit.u9  { background: url("../img/gpack/img/u2/u9.gif") no-repeat; }
#big_unit.u10 { background: url("../img/gpack/img/u2/u10.gif") no-repeat; }
#big_unit.u11 { background: url("../img/gpack/img/u2/u11.gif") no-repeat; }
#big_unit.u12 { background: url("../img/gpack/img/u2/u12.gif") no-repeat; }
#big_unit.u13 { background: url("../img/gpack/img/u2/u13.gif") no-repeat; }
#big_unit.u14 { background: url("../img/gpack/img/u2/u14.gif") no-repeat; }
#big_unit.u15 { background: url("../img/gpack/img/u2/u15.gif") no-repeat; }
#big_unit.u16 { background: url("../img/gpack/img/u2/u16.gif") no-repeat; }
#big_unit.u17 { background: url("../img/gpack/img/u2/u17.gif") no-repeat; }
#big_unit.u18 { background: url("../img/gpack/img/u2/u18.gif") no-repeat; }
#big_unit.u19 { background: url("../img/gpack/img/u2/u19.gif") no-repeat; }
#big_unit.u20 { background: url("../img/gpack/img/u2/u20.gif") no-repeat; }
#big_unit.u21 { background: url("../img/gpack/img/u2/u21.gif") no-repeat; }
#big_unit.u22 { background: url("../img/gpack/img/u2/u22.gif") no-repeat; }
#big_unit.u23 { background: url("../img/gpack/img/u2/u23.gif") no-repeat; }
#big_unit.u24 { background: url("../img/gpack/img/u2/u24.gif") no-repeat; }
#big_unit.u25 { background: url("../img/gpack/img/u2/u25.gif") no-repeat; }
#big_unit.u26 { background: url("../img/gpack/img/u2/u26.gif") no-repeat; }
#big_unit.u27 { background: url("../img/gpack/img/u2/u27.gif") no-repeat; }
#big_unit.u28 { background: url("../img/gpack/img/u2/u28.gif") no-repeat; }
#big_unit.u29 { background: url("../img/gpack/img/u2/u29.gif") no-repeat; }
#big_unit.u30 { background: url("../img/gpack/img/u2/u30.gif") no-repeat; }
/* --- Combat icons --- */
.att_all, .att1, .att2, .att3, .def1, .def2, .def3, .def_c, .def_i {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.att_all { background: url("../img/gpack/img/a/att_all.gif") no-repeat; }
.att1 { background: url("../img/gpack/img/a/att1.gif") no-repeat; }
.att2 { background: url("../img/gpack/img/a/att2.gif") no-repeat; }
.att3 { background: url("../img/gpack/img/a/att3.gif") no-repeat; }
.def1 { background: url("../img/gpack/img/a/def1.gif") no-repeat; }
.def2 { background: url("../img/gpack/img/a/def2.gif") no-repeat; }
.def3 { background: url("../img/gpack/img/a/def3.gif") no-repeat; }
.def_c { background: url("../img/gpack/img/a/def_c.gif") no-repeat; }
.def_i { background: url("../img/gpack/img/a/def_i.gif") no-repeat; }
/* --- Online status sprites --- */
.online1, .online2, .online3, .online4, .online5 {
    background-image: url("../img/gpack/img/a/online.gif");
    background-repeat: no-repeat;
}
.online1 { background-position: 0 0; }
.online2 { background-position: -15px 0; }
.online3 { background-position: -30px 0; }
.online4 { background-position: -45px 0; }
.online5 { background-position: -60px 0; }

/* --- Map tiles --- */
#map_content .t0, #map_content_large .t0 { background-image: url("../img/gpack/img/m/t0.gif"); }
#map_content .t1, #map_content_large .t1 { background-image: url("../img/gpack/img/m/t1.gif"); }
#map_content .t2, #map_content_large .t2 { background-image: url("../img/gpack/img/m/t2.gif"); }
#map_content .t3, #map_content_large .t3 { background-image: url("../img/gpack/img/m/t3.gif"); }
#map_content .t4, #map_content_large .t4 { background-image: url("../img/gpack/img/m/t4.gif"); }
#map_content .t5, #map_content_large .t5 { background-image: url("../img/gpack/img/m/t5.gif"); }
#map_content .t6, #map_content_large .t6 { background-image: url("../img/gpack/img/m/t6.gif"); }
#map_content .t7, #map_content_large .t7 { background-image: url("../img/gpack/img/m/t7.gif"); }
#map_content .t8, #map_content_large .t8 { background-image: url("../img/gpack/img/m/t8.gif"); }
#map_content .t9, #map_content_large .t9 { background-image: url("../img/gpack/img/m/t9.gif"); }
/* Map oases */
#map_content .o0, #map_content_large .o0   { background-image: url("../img/gpack/img/m/o0.gif"); }
#map_content .o1, #map_content_large .o1   { background-image: url("../img/gpack/img/m/o1.gif"); }
#map_content .o2, #map_content_large .o2   { background-image: url("../img/gpack/img/m/o2.gif"); }
#map_content .o3, #map_content_large .o3   { background-image: url("../img/gpack/img/m/o3.gif"); }
#map_content .o4, #map_content_large .o4   { background-image: url("../img/gpack/img/m/o4.gif"); }
#map_content .o5, #map_content_large .o5   { background-image: url("../img/gpack/img/m/o5.gif"); }
#map_content .o6, #map_content_large .o6   { background-image: url("../img/gpack/img/m/o6.gif"); }
#map_content .o7, #map_content_large .o7   { background-image: url("../img/gpack/img/m/o7.gif"); }
#map_content .o8, #map_content_large .o8   { background-image: url("../img/gpack/img/m/o8.gif"); }
#map_content .o9, #map_content_large .o9   { background-image: url("../img/gpack/img/m/o9.gif"); }
#map_content .o10, #map_content_large .o10 { background-image: url("../img/gpack/img/m/o10.gif"); }
#map_content .o11, #map_content_large .o11 { background-image: url("../img/gpack/img/m/o11.gif"); }
#map_content .o12, #map_content_large .o12 { background-image: url("../img/gpack/img/m/o12.gif"); }
#map_content .o99, #map_content_large .o99 { background-image: url("../img/gpack/img/m/o99.gif"); }

/* Map buildings/dots */
#map_content .b00, #map_content_large .b00 { background-image: url("../img/gpack/img/m/d00.gif"); }
#map_content .b01, #map_content_large .b01 { background-image: url("../img/gpack/img/m/d01.gif"); }
#map_content .b02, #map_content_large .b02 { background-image: url("../img/gpack/img/m/d02.gif"); }
#map_content .b03, #map_content_large .b03 { background-image: url("../img/gpack/img/m/d03.gif"); }
#map_content .b04, #map_content_large .b04 { background-image: url("../img/gpack/img/m/d04.gif"); }
#map_content .b05, #map_content_large .b05 { background-image: url("../img/gpack/img/m/d05.gif"); }
#map_content .b06, #map_content_large .b06 { background-image: url("../img/gpack/img/m/d06.gif"); }
#map_content .b07, #map_content_large .b07 { background-image: url("../img/gpack/img/m/d07.gif"); }
#map_content .b08, #map_content_large .b08 { background-image: url("../img/gpack/img/m/d08.gif"); }
#map_content .b09, #map_content_large .b09 { background-image: url("../img/gpack/img/m/d09.gif"); }
#map_content .b10, #map_content_large .b10 { background-image: url("../img/gpack/img/m/d10.gif"); }
#map_content .b11, #map_content_large .b11 { background-image: url("../img/gpack/img/m/d11.gif"); }
#map_content .b12, #map_content_large .b12 { background-image: url("../img/gpack/img/m/d12.gif"); }
#map_content .b13, #map_content_large .b13 { background-image: url("../img/gpack/img/m/d13.gif"); }
#map_content .b14, #map_content_large .b14 { background-image: url("../img/gpack/img/m/d14.gif"); }
#map_content .b15, #map_content_large .b15 { background-image: url("../img/gpack/img/m/d15.gif"); }
#map_content .b16, #map_content_large .b16 { background-image: url("../img/gpack/img/m/d16.gif"); }
#map_content .b17, #map_content_large .b17 { background-image: url("../img/gpack/img/m/d17.gif"); }
#map_content .b18, #map_content_large .b18 { background-image: url("../img/gpack/img/m/d18.gif"); }
#map_content .b19, #map_content_large .b19 { background-image: url("../img/gpack/img/m/d19.gif"); }
#map_content .b20, #map_content_large .b20 { background-image: url("../img/gpack/img/m/d20.gif"); }
#map_content .b21, #map_content_large .b21 { background-image: url("../img/gpack/img/m/d21.gif"); }
#map_content .b22, #map_content_large .b22 { background-image: url("../img/gpack/img/m/d22.gif"); }
#map_content .b23, #map_content_large .b23 { background-image: url("../img/gpack/img/m/d23.gif"); }
#map_content .b24, #map_content_large .b24 { background-image: url("../img/gpack/img/m/d24.gif"); }
#map_content .b25, #map_content_large .b25 { background-image: url("../img/gpack/img/m/d25.gif"); }
#map_content .b26, #map_content_large .b26 { background-image: url("../img/gpack/img/m/d26.gif"); }
#map_content .b27, #map_content_large .b27 { background-image: url("../img/gpack/img/m/d27.gif"); }
#map_content .b28, #map_content_large .b28 { background-image: url("../img/gpack/img/m/d28.gif"); }
#map_content .b29, #map_content_large .b29 { background-image: url("../img/gpack/img/m/d29.gif"); }
#map_content .b30, #map_content_large .b30 { background-image: url("../img/gpack/img/m/d30.gif"); }
#map_content .b31, #map_content_large .b31 { background-image: url("../img/gpack/img/m/d31.gif"); }
#map_content .b32, #map_content_large .b32 { background-image: url("../img/gpack/img/m/d32.gif"); }
#map_content .b33, #map_content_large .b33 { background-image: url("../img/gpack/img/m/d33.gif"); }
#map_content .b34, #map_content_large .b34 { background-image: url("../img/gpack/img/m/d34.gif"); }
#map_content .b35, #map_content_large .b35 { background-image: url("../img/gpack/img/m/d35.gif"); }

/* Map movement icons */
#map_content .m3, #map_content .m4, #map_content_large .m3, #map_content_large .m4 { background: url("../img/gpack/img/m/matt.gif") no-repeat; }
#map_content .m5, #map_content_large .m5 { background: url("../img/gpack/img/m/msup.gif") no-repeat; }
#map_content .m6, #map_content_large .m6 { background: url("../img/gpack/img/m/mspy.gif") no-repeat; }
#map_content .m9, #map_content_large .m9 { background: url("../img/gpack/img/m/mret.gif") no-repeat; }

/* --- Map world tiles (detail view: img#detailed_map.wN) --- */
.w1  { background: url("../img/gpack/img/m/w1.jpg") no-repeat; }
.w2  { background: url("../img/gpack/img/m/w2.jpg") no-repeat; }
.w3  { background: url("../img/gpack/img/m/w3.jpg") no-repeat; }
.w4  { background: url("../img/gpack/img/m/w4.jpg") no-repeat; }
.w5  { background: url("../img/gpack/img/m/w5.jpg") no-repeat; }
.w6  { background: url("../img/gpack/img/m/w6.jpg") no-repeat; }
.w7  { background: url("../img/gpack/img/m/w7.jpg") no-repeat; }
.w8  { background: url("../img/gpack/img/m/w8.jpg") no-repeat; }
.w9  { background: url("../img/gpack/img/m/w9.jpg") no-repeat; }
.w10 { background: url("../img/gpack/img/m/w10.jpg") no-repeat; }
.w11 { background: url("../img/gpack/img/m/w11.jpg") no-repeat; }
.w12 { background: url("../img/gpack/img/m/w12.jpg") no-repeat; }

/* --- Statistics submenu sprites --- */
.statistics #submenu img {
    background-repeat: no-repeat;
    background-position: left 0;
}
.statistics #submenu .btn_def  { background-image: url("../img/gpack/img/s/def.gif"); }
.statistics #submenu .btn_off  { background-image: url("../img/gpack/img/s/off.gif"); }
.statistics #submenu .btn_top10 { background-image: url("../img/gpack/img/s/top10.gif"); }
.statistics #submenu .active { background-position: right 0; }

/* --- Small icon sprites --- */
img.del {
    background-image: url("../img/gpack/img/a/del.gif");
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    cursor: pointer;
}

img.clock {
    background-image: url("../img/gpack/img/a/clock.gif");
    background-repeat: no-repeat;
    height: 12px;
    width: 18px;
}

img.clock.inactive {
    background-image: url("../img/gpack/img/a/clock-inactive.gif");
}

img.gold {
    background-image: url("../img/gpack/img/a/gold.gif");
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
}

img.r6 {
    background-image: url("../img/gpack/img/a/res2.gif");
    background-repeat: no-repeat;
    background-position: -105px 0;
    height: 12px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
}

img.npc {
    background-image: url("../img/gpack/img/a/npc.gif");
    background-repeat: no-repeat;
    background-position: center top;
    height: 12px;
    width: 18px;
}

/* --- Small unit sprites (16x16 sprite sheets) --- */
img.unit {
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
}

img.u1, img.u2, img.u3, img.u4, img.u5,
img.u6, img.u7, img.u8, img.u9, img.u10 {
    background-image: url("../img/gpack/img/u/v1_romans2.gif");
}
img.u11, img.u12, img.u13, img.u14, img.u15,
img.u16, img.u17, img.u18, img.u19, img.u20 {
    background-image: url("../img/gpack/img/u/v2_teutons2.gif");
}
img.u21, img.u22, img.u23, img.u24, img.u25,
img.u26, img.u27, img.u28, img.u29, img.u30 {
    background-image: url("../img/gpack/img/u/v3_gauls2.gif");
}
img.u31, img.u32, img.u33, img.u34, img.u35,
img.u36, img.u37, img.u38, img.u39, img.u40 {
    background-image: url("../img/gpack/img/u/v4_nature2.gif");
}
img.u41, img.u42, img.u43, img.u44, img.u45,
img.u46, img.u47, img.u48, img.u49, img.u50 {
    background-image: url("../img/gpack/img/u/v5_natars2.gif");
}
img.u51, img.u52, img.u53, img.u54, img.u55,
img.u56, img.u57, img.u58, img.u59, img.u60 {
    background-image: url("../img/gpack/img/u/v6_monsters2.gif");
}

img.u1, img.u11, img.u21, img.u31, img.u41, img.u51 { background-position: 0 0; }
img.u2, img.u12, img.u22, img.u32, img.u42, img.u52 { background-position: -19px 0; }
img.u3, img.u13, img.u23, img.u33, img.u43, img.u53 { background-position: -38px 0; }
img.u4, img.u14, img.u24, img.u34, img.u44, img.u54 { background-position: -57px 0; }
img.u5, img.u15, img.u25, img.u35, img.u45, img.u55 { background-position: -76px 0; }
img.u6, img.u16, img.u26, img.u36, img.u46, img.u56 { background-position: -95px 0; }
img.u7, img.u17, img.u27, img.u37, img.u47, img.u57 { background-position: -114px 0; }
img.u8, img.u18, img.u28, img.u38, img.u48, img.u58 { background-position: -133px 0; }
img.u9, img.u19, img.u29, img.u39, img.u49, img.u59 { background-position: -152px 0; }
img.u10, img.u20, img.u30, img.u40, img.u50, img.u60 { background-position: -171px 0; }

/* Hero unit sprite (specials sheet) */
img.uhero {
    background-image: url("../img/gpack/img/u/specials.gif");
    background-position: -133px 0;
}

/* --- Building image base (village center slot images) --- */
img.building {
    /*position: absolute;*/
    background-repeat: no-repeat;
    height: 100px;
    width: 75px;
}

/* Resource field building images (g1–g4) */
img.building.g1 { background-image: url("../img/gpack/img/g/g1.gif"); }
img.building.g2 { background-image: url("../img/gpack/img/g/g2.gif"); }
img.building.g3 { background-image: url("../img/gpack/img/g/g3.gif"); }
img.building.g4 { background-image: url("../img/gpack/img/g/g4.gif"); }

/* Rally point — taller/narrower */
img.g16, img.g16b, img.g16n, img.g16e, img.dx1 {
    height: 120px;
    width: 69px;
}

/* Wonder of the World — large */
img.g40, img.ww {
    width: 214px;
}
img.g40   { height: 154px; }
img.g40_1 { height: 167px; width: 214px; }
img.g40_2 { height: 193px; width: 214px; }
img.g40_3 { height: 230px; width: 214px; }
img.g40_4 { height: 239px; width: 214px; }
img.g40_5 { height: 302px; width: 214px; }

/* --- Misc sprites --- */
/*.bar { background: url("../img/gpack/img/a/c2.gif") repeat-x; }*/
.help { background: url("../img/gpack/img/a/help.gif") no-repeat; }
.bau { background: url("../img/gpack/img/a/bau.gif") no-repeat; }