#PinItButton {
    position: absolute;
    background: url(http://www.progressivehealth.com/assets/images/main/pinit6.png);
    font: 11px Arial, sans-serif;
    text-indent: -9999em;
    font-size: .01em;
    color: #CD1F1F;
    height: 20px;
    width: 43px;
    background-position: 0 -7px;
}
#PinItButton:hover {
    background-position: 0 -28px;
}
#PinItButton:active {
    background-position: 0 -49px;
}
#PinItButton.pinned {
    background-position: 0 -70px !important;
}
#CountPointer {
    position: absolute;
    z-index: 1;
    background: url(http://www.progressivehealth.com/assets/images/main/pinit6.png);
    text-indent: -9999em;
    font-size: .01em;
    color: #FFF;
}
#CountBubble {
    position: absolute;
    border: 1px solid #C9C5C5;
    color: #777;
    background-color: #FCF9F9;
    border-radius: 1px;
}
body.horizontal #CountPointer {
    left: 43px;
    height: 18px;
    width: 4px;
    background-position: -43px -8px;
}
body.horizontal #CountBubble {
    top: 1px;
    left: 46px;
    height: 10px;
    line-height: 10px;
    padding: 2px 5px 4px 5px;
    font: 10px Arial, Helvetica, sans-serif;
    display: inline-block;
}
body.vertical #PinItButton {
    top: 38px;
}
body.vertical #CountPointer {
    top: 31px;
    height: 7px;
    width: 41px;
    background-position: 0 0;
}
body.vertical #CountBubble {
    left: 1px;
    height: 21px;
    width: 39px;
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 12px;
    padding: 9px 0 0;
    text-align: center;
}
body.none #PinItCount {
    display: none;
}