/**
 * 50states.com, Popular Resources CSS
 * @browsers: All
 **/

.popularParent {
    border-right: 1px dotted #9d9d9d;
}

.popularParent li {
    margin: 12px 0;
}

.popularParent li:first-child {
    margin-top: 0;
}

.popularParent li:last-child {
    margin-bottom: 0;
}

#popularResources .last {
    border-right: none;
}

#popularResources a {
    padding: 12px 8px 12px 59px;
    position: relative;
}

#popularResources .gifSprite {
    width: 51px;
    height: 41px;
    position: absolute;
    top: 50%;
    margin-top: -20.5px;
    left: 0px;
}

.popularUsmap {
    background-position: -180px 0;
}

a:hover .popularUsmap,
a:focus .popularUsmap {
    background-position: -231px 0;
}

.popularCap {
    background-position: -180px -41px;
}

a:hover .popularCap,
a:hover .popularCap {
    background-position: -231px -41px;
}

.popularStatemap {
    background-position: -180px -82px;
}

a:hover .popularStatemap,
a:hover .popularStatemap {
    background-position: -231px -82px;
}

.popularTrivia {
    background-position: -180px -123px;
}

a:hover .popularTrivia,
a:focus .popularTrivia {
    background-position: -231px -123px;
}

.popularBird {
    background-position: -180px -164px;
}

a:hover .popularBird,
a:focus .popularBird {
    background-position: -231px -164px;
}

.popularTree {
    background-position: -180px -205px;
}

a:hover .popularTree,
a:focus .popularTree {
    background-position: -231px -205px;
}

.popularSong {
    background-position: -180px -246px;
}

a:hover .popularSong,
a:focus .popularSong {
    background-position: -231px -246px;
}

.popularFlower {
    background-position: -180px -287px;;
}

a:hover .popularFlower,
a:focus .popularFlower {
    background-position: -231px -287px;
}

.popularTools {
    background-position: -180px -328px;
}

a:hover .popularTools,
a:focus .popularTools {
    background-position: -231px -328px;
}

.popularNews {
    background-position: -180px -369px;
}

a:hover .popularNews,
a:focus .popularNews {
    background-position: -231px -369px;
}

.popularFlag {
    background-position: -180px -410px;
}

a:hover .popularFlag,
a:focus .popularFlag {
    background-position: -231px -410px;
}

.popularBio {
    background-position: -180px -451px;
}

a:hover .popularBio,
a:focus .popularBio {
    background-position: -231px -451px;
}