.share-buttons {
    min-height: 35px;
    width: 100%;
    padding: 0px;
    margin: 5px auto;
}
.share-buttons:after{
    content: "";
    display: block;
    width: 99%;
    overflow: hidden;
    clear: both;
}
.share-buttons .share-item {
    opacity: 0.87;
    transition: opacity 0.3s linear;
    border-radius: 2px;
    margin-right: 5px;
}
.share-buttons-tray a:last-child .share-item {
    margin-right: auto;
}
.share-buttons .share-item:hover, .share-buttons-tray .share-item:hover {
    opacity: 1;
}
.share-buttons .share-item:active, .share-buttons-tray .share-item:active {
    transition: 0.1s;
    opacity: .4;
}
.share-buttons-tray {
    display: none;
}

.vertical-left, .vertical-right{
    width: 65px;
    min-height: 110px;
    margin: 0px 5px 0px 10px;
    padding-bottom: 5px;
    position: relative;
}

.vertical-left > a > .share-item, .vertical-left > .tray-button,
.vertical-right > a > .share-item, .vertical-right > .tray-button{
    max-width: 300px !important;
    min-width: 65px !important;
    width: 65px !important;
    overflow: hidden;
}
.vertical-left > .share-buttons-tray .share-item,
.vertical-right > .share-buttons-tray .share-item{
    box-shadow: -5px 0px 4px rgba(122, 134, 170, 0.8);
}

.vertical-right{
    float: right;
    border-left: 1px dotted silver;
    padding-left: 10px;
    margin-bottom: 10px;
}
.vertical-right .tray-button, .vertical-left .tray-button{
    margin-bottom: -5px !important;
}
.vertical-left{
    float: left;
    border-right: 1px dotted silver;
    padding-right: 10px;
    margin-bottom: 10px;
}

.tava-left, .tava-right{
    display: none;
    padding: 5px;
    height: 110px;
    width: 65px;
    z-index: 98888;
}
.tava-right{
    position: absolute;
    top: -5px; left: -74px;
}
.tava-left{
    position: absolute;
    top: -5px; left: 74px;
}
.tava-left .share-item,
.tava-right .share-item{
    width: 65px !important;
}
.tava-left a:last-child .share-item,
.tava-right a:last-child .share-item{
    margin-bottom: 0px !important;
}

.right-arrow-sharebuttons{
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 65px;
z-index: -2;
background: transparent url("../img/share-buttons-f-color.png") no-repeat scroll 0px -243px;
}
.left-arrow-sharebuttons{
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: -10px;
z-index: -2;
background: transparent url("../img/share-buttons-f-color.png") no-repeat scroll 0px -262px;
}
.vertical-left:before,
.vertical-left:after,
.vertical-right:before,
.vertical-right:after {
    content: "";
    display: table;
}
.vertical-left:after,
.vertical-right:after {
    content: "";
    display: table;
    clear: both;
}
.vertical-left,
.vertical-right {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}