/* outer wrapper, fixed to left */
#share-wrapper {
    margin-top: 100px;
    margin-left: 5px;
    position:fixed;
    left: 0;
}

/* inner wrapper */
#share-wrapper ul.share-inner-wrp{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

/* the list */
#share-wrapper li.button-wrap {
    background: #E4EFF0;
    padding: 0px 0px 0px 10px;
    display: block;
    width: 140px;
    margin: 0px 0px 1px -117px;
}

/* share link */
#share-wrapper li.button-wrap > a {
    padding-right: 60px;
    height: 32px;
    display: block;
    line-height: 32px;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

/* background image for each link */
#share-wrapper .facebookPage > a{
	background: url(../img/button/facebook.jpg) no-repeat right;
}
#share-wrapper .youtube > a{
	background: url(../img/button/youtube.png) no-repeat right;
}
#share-wrapper .facebook > a{
	background: url(../img/button/facebook.jpg) no-repeat right;
}
#share-wrapper .twitter > a{
	background: url(../img/button/twitter.jpg) no-repeat right;
}
#share-wrapper .matrix > a{
	background: url(../img/button/matrix.png) no-repeat right;
}
#share-wrapper .google > a{
	background: url(../img/button/google.jpg) no-repeat right;
}
#share-wrapper .email > a{
	background: url(../img/button/email.jpg) no-repeat right;
}
#share-wrapper .sportrick > a{
	background: url(../img/button/sportrick_logo32x32.png) no-repeat right;
}
#share-wrapper .googlePlay2 > a{
	background: url(../img/button/googlePlay2_logo32x32.png) no-repeat right;
}
#share-wrapper .appleStore2 > a{
	background: url(../img/button/appleStore2_logo32x32.png) no-repeat right;
}


/*  @media  */
@media all and (max-width: 699px) {
#share-wrapper {
    bottom: 0;
    position: fixed;
    padding: 5px 5px 0px 5px;
    background: #EBEBEB;
    width: 100%;
    margin: 0px;
    -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 -1px 4px rgba(0,0,0,0.15);
    -o-box-shadow: 0 -1px 4px rgba(0,0,0,0.15);
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
}
#share-wrapper ul.share-inner-wrp {
    list-style: none;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    overflow: auto;
}
#share-wrapper li.button-wrap {
    display: inline-block;
    width: 32px!important;
    margin: 0px;
    padding: 0px;
    margin-left:0px!important;
}
#share-wrapper li.button-wrap > a {
    height: 32px;
    display: inline-block;
    text-indent: -10000px;
    width: 32px;
    padding-right: 0;
    float: left;
}
}