.cloudy {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #39758a;
    background: url(/images/weather/weather_cloudy.png) left center no-repeat #fff;
    background-size: 22px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 4px 6px 4px 25px;
    padding-right: 6px;
    display: inline-block;
}

.partlycloudy {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #39758a;
    background: url(/images/weather/weather_partlycloudy.png) left center no-repeat #fff;
    background-size: 22px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 4px 6px 4px 25px;
    padding-right: 6px;
    display: inline-block;
}

.fog {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #39758a;
    background: url(/images/weather/weather_fog.png) left center no-repeat #fff;
    background-size: 22px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 4px 6px 4px 25px;
    padding-right: 6px;
    display: inline-block;
}

.rain {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #39758a;
    background: url(/images/weather/weather_rain.png) left center no-repeat #fff;
    background-size: 22px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 4px 6px 4px 25px;
    padding-right: 6px;
    display: inline-block;
}

.snow {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #39758a;
    background: url(/images/weather/weather_snow.png) left center no-repeat #fff;
    background-size: 22px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 4px 6px 4px 25px;
    padding-right: 6px;
    display: inline-block;
}

.sunny {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #39758a;
    background: url(/images/weather/weather_sunny.png) left center no-repeat #fff;
    background-size: 22px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 4px 6px 4px 25px;
    padding-right: 6px;
    display: inline-block;
}

.windy {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #39758a;
    background: url(/images/weather/weather_windy.png) left center no-repeat #fff;
    background-size: 22px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 4px 6px 4px 25px;
    padding-right: 6px;
    display: inline-block;
}

.psych {
    background: #f85888;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.dragon {
    background: #7038f8;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.fly {
    background: #9096f0;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.rock {
    background: #b8a038;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.dark {
    background: #504843;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.steel {
    background: #6d8f9c;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.water {
    background: #6890f0;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.bug {
    background: #9cb820;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.fight {
    background: #c03028;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.fairy {
    background: #f09ad9;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.fire {
    background: #f08030;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.ground {
    background: #e0b668;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;

}

.electric {
    background: #f8d030;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.ghost {
    background: #705898;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.poison {
    background: #a040a0;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.grass {
    background: #22c02a;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.normal {
    background: #a8a8a8;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}

.ice {
    background: #98d8d8;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 19px;
    border: 1px solid rgba(0,0,0,.1);
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
}