/***************************************
***  Share Widget pulled from Assets ***
***      rewritten for Medicare      ***
***************************************/
.sharethis-wrapper {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    text-align: right;
    vertical-align: top;
    width: 70px;
    > a {
        display: inline-block;
        padding: 6px 12px;
        white-space: nowrap;
        >em {
            margin-right: 3px;
        }
    }
    > .share-links-container {
        right: 2%;
        position: absolute !important;
        top: 35px;
        z-index: 1000000;
        .share-links-container-border {
            background-color: $brand-white;
            border: 6px solid rgb(51, 51, 51);
            border: 6px solid rgba(51, 51, 51, 0.5);
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            @include border-radius(4px);
            display: none;
            float: none !important;
            line-height: 1em !important;
            margin: 0 !important;
            overflow: hidden !important;
            padding: 0 !important;
            position: absolute;
            right: 2%;
            text-align: left !important;
            width: 20.3em;
            z-index: 5 !important;
            .contents {
                .share-links-head {
                    background: $legend-border-color;
                    margin-bottom: 10px;
                    .close {
                        color: #606060;
                        float: right;
                        @include font-size-REM($font-size-large);
                        margin: 5px 2% 0 0;
                        opacity: 1;
                        filter: alpha(opacity = 100);
                        &:focus, &:hover {
                            color: $brand-default-text-color;
                            opacity: 1;
                            filter: alpha(opacity = 100);
                        }
                    }
                    .heading {
                        color: $brand-default-text-color;
                        display: inline-block;
                        font-family: 'OpenSansRegular';
                        @include font-size-REM(15);
                        margin: 8px 0 8px 1%;
                    }
                }
                ul {
                    padding-left: 0;
                    li {
                        display: list-item;
                        float: left;
                        list-style: none;
                        margin: 0;
                        position: relative;
                        width: 50%;
                        a {
                            display: block;
                            &:focus,&:hover {
                                background: #F2F2F2 !important;
                                color: $brand-default-text-color !important;
                                outline: 1px solid $navyblue-sidebar-hover;
                                text-decoration: underline;
                                width: 100%;
                            }
                            &:before {
                                background: url("../vendor/share/4.0/images/icons/share_sprite_compact.png") no-repeat scroll 0 0 transparent;
                                content: '';
                                cursor: pointer;
                                display: inline-block;
                                height: 16px;
                                left: 1%;
                                overflow: hidden;
                                position: absolute;
                                top: 7px;
                                width: 18px;
                            }
                            &.blogger {
                                &:before {
                                    background-position: -167px 0;
                                }
                            }
                            &.fb {
                                &:before {
                                    background-position: -22px 0;
                                }
                            }
                            &.reddit {
                                &:before {
                                    background-position: -142px 0;
                                }
                            }
                            &.stumble {
                                &:before {
                                    background-position: -94px 0;
                                }
                            }
                            &.favs {
                                &:before {
                                    background-position: -119px 0;
                                }
                            }
                            &.gmail {
                                &:before {
                                    background-position: -70px 0;
                                }
                            }
                            &.tumblr {
                                &:before {
                                    background-position: -47px 0;
                                }
                            }
                            > .social-site-name {
                                display: block;
                                padding: 8px 0 8px 25px;
                            }
                        }
                    }
                }
            }
        }
    }
}