.friendPlayerLevel {
    display: inline-block;
    font-size: 16px;
    border-radius: 50%;
    border: solid #fff 2px;
    height: 28px;
    width: 28px;
    line-height: 26px;
    text-align: center;
    cursor: default;
    margin-top: 2px;
}
.friendPlayerLevel.lvl_0 {
    border-color: #9b9b9b;
}
.friendPlayerLevel.lvl_10 {
    border-color: #c02942;
}
.friendPlayerLevel.lvl_20 {
    border-color: #d95b43;
}
.friendPlayerLevel.lvl_30 {
    border-color: #fecc23;
}
.friendPlayerLevel.lvl_40 {
    border-color: #467a3c;
}
.friendPlayerLevel.lvl_50 {
    border-color: #4e8ddb;
}
.friendPlayerLevel.lvl_60 {
    border-color: #7652c9;
}
.friendPlayerLevel.lvl_70 {
    border-color: #c252c9;
}
.friendPlayerLevel.lvl_80 {
    border-color: #542437;
}
.friendPlayerLevel.lvl_90 {
    border-color: #997c52;
}
.friendPlayerLevel.lvl_100,
.friendPlayerLevel.lvl_200,
.friendPlayerLevel.lvl_300,
.friendPlayerLevel.lvl_400,
.friendPlayerLevel.lvl_500,
.friendPlayerLevel.lvl_600,
.friendPlayerLevel.lvl_700,
.friendPlayerLevel.lvl_800,
.friendPlayerLevel.lvl_900,
.friendPlayerLevel.lvl_1000,
.friendPlayerLevel.lvl_1100,
.friendPlayerLevel.lvl_1200,
.friendPlayerLevel.lvl_1300,
.friendPlayerLevel.lvl_1400,
.friendPlayerLevel.lvl_1500,
.friendPlayerLevel.lvl_1600,
.friendPlayerLevel.lvl_1700,
.friendPlayerLevel.lvl_1800,
.friendPlayerLevel.lvl_1900,
.friendPlayerLevel.lvl_2000,
.friendPlayerLevel.lvl_2100,
.friendPlayerLevel.lvl_2200,
.friendPlayerLevel.lvl_2300,
.friendPlayerLevel.lvl_2400,
.friendPlayerLevel.lvl_2500,
.friendPlayerLevel.lvl_2600,
.friendPlayerLevel.lvl_2700,
.friendPlayerLevel.lvl_2800,
.friendPlayerLevel.lvl_2900,
.friendPlayerLevel.lvl_3000,
.friendPlayerLevel.lvl_3100,
.friendPlayerLevel.lvl_3200,
.friendPlayerLevel.lvl_3300,
.friendPlayerLevel.lvl_3400,
.friendPlayerLevel.lvl_3500,
.friendPlayerLevel.lvl_3600,
.friendPlayerLevel.lvl_3700,
.friendPlayerLevel.lvl_3800,
.friendPlayerLevel.lvl_3900,
.friendPlayerLevel.lvl_4000,
.friendPlayerLevel.lvl_4100,
.friendPlayerLevel.lvl_4200,
.friendPlayerLevel.lvl_4300,
.friendPlayerLevel.lvl_4400,
.friendPlayerLevel.lvl_4500,
.friendPlayerLevel.lvl_4600,
.friendPlayerLevel.lvl_4700,
.friendPlayerLevel.lvl_4800,
.friendPlayerLevel.lvl_4900,
.friendPlayerLevel.lvl_5000,
.friendPlayerLevel.lvl_5100,
.friendPlayerLevel.lvl_5200,
.friendPlayerLevel.lvl_5300,
.friendPlayerLevel.lvl_5400,
.friendPlayerLevel.lvl_5500,
.friendPlayerLevel.lvl_5600,
.friendPlayerLevel.lvl_5700,
.friendPlayerLevel.lvl_5800,
.friendPlayerLevel.lvl_5900,
.friendPlayerLevel.lvl_6000,
.friendPlayerLevel.lvl_6100 {
    border: none;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-shadow: 1px 1px #1a1a1a;
}
.friendPlayerLevel.lvl_100 {
    background-image: url("/images/level/levels_hexagons.png");
}
.friendPlayerLevel.lvl_200 {
    background-image: url("/images/level/levels_shields.png");
}
.friendPlayerLevel.lvl_300 {
    background-image: url("/images/level/levels_books.png");
}
.friendPlayerLevel.lvl_400 {
    background-image: url("/images/level/levels_chevrons.png");
}
.friendPlayerLevel.lvl_500 {
    background-image: url("/images/level/levels_circle2.png");
}
.friendPlayerLevel.lvl_600 {
    background-image: url("/images/level/levels_angle.png");
}
.friendPlayerLevel.lvl_700 {
    background-image: url("/images/level/levels_flag.png");
}
.friendPlayerLevel.lvl_800 {
    background-image: url("/images/level/levels_wings.png");
}
.friendPlayerLevel.lvl_900 {
    background-image: url("/images/level/levels_arrows.png");
}
.friendPlayerLevel.lvl_1000 {
    background-image: url("/images/level/levels_crystals.png");
}
.friendPlayerLevel.lvl_1100 {
    background-image: url("/images/level/levels_space.png");
}
.friendPlayerLevel.lvl_1200 {
    background-image: url("/images/level/levels_waterelement.png");
}
.friendPlayerLevel.lvl_1300 {
    background-image: url("/images/level/levels_fireelement.png");
}
.friendPlayerLevel.lvl_1400 {
    background-image: url("/images/level/levels_earthelement.png");
}
.friendPlayerLevel.lvl_1500 {
    background-image: url("/images/level/levels_airelement_1-2.png");
}
.friendPlayerLevel.lvl_1600 {
    background-image: url("/images/level/levels_airelement_3-4.png");
}
.friendPlayerLevel.lvl_1700 {
    background-image: url("/images/level/levels_airelement_5-6.png");
}
.friendPlayerLevel.lvl_1800 {
    background-image: url("/images/level/levels_airelement_7-8.png");
}
.friendPlayerLevel.lvl_1900 {
    background-image: url("/images/level/levels_airelement_9-10.png");
}
.friendPlayerLevel.lvl_2000 {
    background-image: url("/images/level/levels_geo_1-2.png?v=2");
}
.friendPlayerLevel.lvl_2100 {
    background-image: url("/images/level/levels_geo_3-4.png?v=2");
}
.friendPlayerLevel.lvl_2200 {
    background-image: url("/images/level/levels_geo_5-6.png?v=2");
}
.friendPlayerLevel.lvl_2300 {
    background-image: url("/images/level/levels_geo_7-8.png?v=2");
}
.friendPlayerLevel.lvl_2400 {
    background-image: url("/images/level/levels_geo_9-10.png?v=2");
}
.friendPlayerLevel.lvl_2500 {
    background-image: url("/images/level/levels_mandala_1-2.png?v=2");
}
.friendPlayerLevel.lvl_2600 {
    background-image: url("/images/level/levels_mandala_3-4.png?v=2");
}
.friendPlayerLevel.lvl_2700 {
    background-image: url("/images/level/levels_mandala_5-6.png?v=2");
}
.friendPlayerLevel.lvl_2800 {
    background-image: url("/images/level/levels_mandala_7-8.png?v=2");
}
.friendPlayerLevel.lvl_2900 {
    background-image: url("/images/level/levels_mandala_9-10.png?v=2");
}
.friendPlayerLevel.lvl_3000 {
    background-image: url("/images/level/levels_spiro_1-2.png?v=2");
}
.friendPlayerLevel.lvl_3100 {
    background-image: url("/images/level/levels_spiro_3-4.png?v=2");
}
.friendPlayerLevel.lvl_3200 {
    background-image: url("/images/level/levels_spiro_5-6.png?v=2");
}
.friendPlayerLevel.lvl_3300 {
    background-image: url("/images/level/levels_spiro_7-8.png?v=2");
}
.friendPlayerLevel.lvl_3400 {
    background-image: url("/images/level/levels_spiro_9-10.png?v=2");
}
.friendPlayerLevel.lvl_3500 {
    background-image: url("/images/level/levels_patterns_1-2.png?v=2");
}
.friendPlayerLevel.lvl_3600 {
    background-image: url("/images/level/levels_patterns_3-4.png?v=2");
}
.friendPlayerLevel.lvl_3700 {
    background-image: url("/images/level/levels_patterns_5-6.png?v=2");
}
.friendPlayerLevel.lvl_3800 {
    background-image: url("/images/level/levels_patterns_7-8.png?v=2");
}
.friendPlayerLevel.lvl_3900 {
    background-image: url("/images/level/levels_patterns_9-10.png?v=2");
}
.friendPlayerLevel.lvl_4000 {
    background-image: url("/images/level/levels_shapes_1.png?v=2");
}
.friendPlayerLevel.lvl_4100 {
    background-image: url("/images/level/levels_shapes_2.png?v=2");
}
.friendPlayerLevel.lvl_4200 {
    background-image: url("/images/level/levels_shapes_3.png?v=2");
}
.friendPlayerLevel.lvl_4300 {
    background-image: url("/images/level/levels_shapes_4.png?v=2");
}
.friendPlayerLevel.lvl_4400 {
    background-image: url("/images/level/levels_shapes_5.png?v=2");
}
.friendPlayerLevel.lvl_4500 {
    background-image: url("/images/level/levels_grunge_1.png?v=2");
}
.friendPlayerLevel.lvl_4600 {
    background-image: url("/images/level/levels_grunge_2.png?v=2");
}
.friendPlayerLevel.lvl_4700 {
    background-image: url("/images/level/levels_grunge_3.png?v=2");
}
.friendPlayerLevel.lvl_4800 {
    background-image: url("/images/level/levels_grunge_4.png?v=2");
}
.friendPlayerLevel.lvl_4900 {
    background-image: url("/images/level/levels_grunge_5.png?v=2");
}
.friendPlayerLevel.lvl_5000 {
    background-image: url("/images/level/levels_halftone_1.png?v=2");
}
.friendPlayerLevel.lvl_5100 {
    background-image: url("/images/level/levels_halftone_2.png?v=2");
}
.friendPlayerLevel.lvl_5200 {
    background-image: url("/images/level/levels_halftone_3.png?v=2");
}
.friendPlayerLevel.lvl_5300 {
    background-image: url("/images/level/levels_5300_dashes.png");
}
.friendPlayerLevel.lvl_5400 {
    background-image: url("/images/level/levels_5400_crosshatch.png");
}
.friendPlayerLevel.lvl_5500 {
    background-image: url("/images/level/levels_5500_spiral.png");
}
.friendPlayerLevel.lvl_5600 {
    background-image: url("/images/level/levels_5600_leaves.png");
}
.friendPlayerLevel.lvl_5700 {
    background-image: url("/images/level/levels_5700_mountain.png");
}
.friendPlayerLevel.lvl_5800 {
    background-image: url("/images/level/levels_5800_rain.png");
}
.friendPlayerLevel.lvl_5900 {
    background-image: url("/images/level/levels_5900_tornado.png");
}
.friendPlayerLevel.lvl_6000 {
    background-image: url("/images/level/levels_6000_snowflake.png");
}
.friendPlayerLevel.lvl_6100 {
    background-image: url("/images/level/levels_6100_crown.png");
}
.friendPlayerLevel.lvl_plus_10 {
    background-position: 0 -32px;
}
.friendPlayerLevel.lvl_plus_20 {
    background-position: 0 -64px;
}
.friendPlayerLevel.lvl_plus_30 {
    background-position: 0 -96px;
}
.friendPlayerLevel.lvl_plus_40 {
    background-position: 0 -128px;
}
.friendPlayerLevel.lvl_plus_50 {
    background-position: 0 -160px;
}
.friendPlayerLevel.lvl_plus_60 {
    background-position: 0 -192px;
}
.friendPlayerLevel.lvl_plus_70 {
    background-position: 0 -224px;
}
.friendPlayerLevel.lvl_plus_80 {
    background-position: 0 -256px;
}
.friendPlayerLevel.lvl_plus_90 {
    background-position: 0 -288px;
}

/* Size variants */
.friendPlayerLevel.steam-level-md {
    font-size: 20px;
    height: 44px;
    width: 44px;
    line-height: 42px;
    border-width: 3px;
}
.friendPlayerLevel.steam-level-md.lvl_100,
.friendPlayerLevel.steam-level-md.lvl_200,
.friendPlayerLevel.steam-level-md.lvl_300,
.friendPlayerLevel.steam-level-md.lvl_400,
.friendPlayerLevel.steam-level-md.lvl_500,
.friendPlayerLevel.steam-level-md.lvl_600,
.friendPlayerLevel.steam-level-md.lvl_700,
.friendPlayerLevel.steam-level-md.lvl_800,
.friendPlayerLevel.steam-level-md.lvl_900,
.friendPlayerLevel.steam-level-md[class*="lvl_1"],
.friendPlayerLevel.steam-level-md[class*="lvl_2"],
.friendPlayerLevel.steam-level-md[class*="lvl_3"],
.friendPlayerLevel.steam-level-md[class*="lvl_4"],
.friendPlayerLevel.steam-level-md[class*="lvl_5"],
.friendPlayerLevel.steam-level-md[class*="lvl_6"] {
    height: 44px;
    width: 44px;
    line-height: 44px;
    background-size: 44px auto;
    font-size: 18px;
}
.friendPlayerLevel.steam-level-md.lvl_plus_10 { background-position: 0 -44px; }
.friendPlayerLevel.steam-level-md.lvl_plus_20 { background-position: 0 -88px; }
.friendPlayerLevel.steam-level-md.lvl_plus_30 { background-position: 0 -132px; }
.friendPlayerLevel.steam-level-md.lvl_plus_40 { background-position: 0 -176px; }
.friendPlayerLevel.steam-level-md.lvl_plus_50 { background-position: 0 -220px; }
.friendPlayerLevel.steam-level-md.lvl_plus_60 { background-position: 0 -264px; }
.friendPlayerLevel.steam-level-md.lvl_plus_70 { background-position: 0 -308px; }
.friendPlayerLevel.steam-level-md.lvl_plus_80 { background-position: 0 -352px; }
.friendPlayerLevel.steam-level-md.lvl_plus_90 { background-position: 0 -396px; }

.friendPlayerLevel.steam-level-lg {
    font-size: 28px;
    height: 64px;
    width: 64px;
    line-height: 62px;
    border-width: 3px;
}
.friendPlayerLevel.steam-level-lg.lvl_100,
.friendPlayerLevel.steam-level-lg.lvl_200,
.friendPlayerLevel.steam-level-lg.lvl_300,
.friendPlayerLevel.steam-level-lg.lvl_400,
.friendPlayerLevel.steam-level-lg.lvl_500,
.friendPlayerLevel.steam-level-lg.lvl_600,
.friendPlayerLevel.steam-level-lg.lvl_700,
.friendPlayerLevel.steam-level-lg.lvl_800,
.friendPlayerLevel.steam-level-lg.lvl_900,
.friendPlayerLevel.steam-level-lg[class*="lvl_1"],
.friendPlayerLevel.steam-level-lg[class*="lvl_2"],
.friendPlayerLevel.steam-level-lg[class*="lvl_3"],
.friendPlayerLevel.steam-level-lg[class*="lvl_4"],
.friendPlayerLevel.steam-level-lg[class*="lvl_5"],
.friendPlayerLevel.steam-level-lg[class*="lvl_6"] {
    height: 64px;
    width: 64px;
    line-height: 64px;
    background-size: 64px auto;
    font-size: 24px;
}
.friendPlayerLevel.steam-level-lg.lvl_plus_10 { background-position: 0 -64px; }
.friendPlayerLevel.steam-level-lg.lvl_plus_20 { background-position: 0 -128px; }
.friendPlayerLevel.steam-level-lg.lvl_plus_30 { background-position: 0 -192px; }
.friendPlayerLevel.steam-level-lg.lvl_plus_40 { background-position: 0 -256px; }
.friendPlayerLevel.steam-level-lg.lvl_plus_50 { background-position: 0 -320px; }
.friendPlayerLevel.steam-level-lg.lvl_plus_60 { background-position: 0 -384px; }
.friendPlayerLevel.steam-level-lg.lvl_plus_70 { background-position: 0 -448px; }
.friendPlayerLevel.steam-level-lg.lvl_plus_80 { background-position: 0 -512px; }
.friendPlayerLevel.steam-level-lg.lvl_plus_90 { background-position: 0 -576px; }