.button_bar {
    display: block;
    width: 100%;
    height: 30px;
    margin: 10px 0 20px 0;
    vertical-align: middle;
}

.button_bar a {
    background: url(/img/msgv/social_buttons.png) 0 100% no-repeat;
    display: block;
    float: left;
    margin: 0 10px 0 0px;
    font-family: Arial;
    font-weight: bold;
    font-size: 14pt;
    color: #898989;
    text-align:center;
    vertical-align: middle;
    line-height: 30px;
    height: 30px;
    width: 120px;
}

.button_bar a {
    background-position: top left;
}
.button_bar a:hover,
.button_bar a.active {
    background-position: bottom left !important;
}

.button_bar a.active {
    color: #fff;
}

.button_bar a.test{
    background: url(/img/msgv/star.png) 0 100% no-repeat;
}

.button_bar a.favorite {
    background: url(/img/msgv/social_buttons_fav.png);
    background-position: -123px 0px;
    padding-left:10px;
    width:110px;
}

.button_bar a.favoriteOn{
    background-position: -246px 0px;
    color: #ffffff;

}

.button_bar a.favorite:hover,
.button_bar a.favoriteOn:hover{
    background-position: 0px 0px !important;
}

.button_bar a.on {
    background-position: top left;
    color: #ffffff;
}

/****/
.vertical {
    height: 150px;
    width: auto;
    float: right;
    position: relative;
    top: 50px;
}
.button_bar .vertical{
    float:none;
    margin: 0 0 10px 0;
}
.sharing {
    width: 200px;
    display:inline;
}
.share_bar .email {
    background: url('/img/msgv/social_buttons_email.png') no-repeat;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    width:30px;
}
.share_bar .facebook {
    background: url('/img/msgv/social_buttons_fb.png') no-repeat;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    width:30px;
}
.share_bar .twitter {
    background: url('/img/msgv/social_buttons_twitter.png') no-repeat;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    width:30px;
}
.share_bar span {
    display:none;
}