table.share-tab  {
    width: 420px;
    border-collapse:collapse;
}

table.share-tab td {
    width: 14%;
    text-align: center;
    vertical-align: bottom;

}

table.share-tab a {
    color: orange;
    text-decoration: none;
    outline: none;
}
.share-box{
    line-height: 0;
}
.share-box-li{
    border:1px solid transparent !important;
}
.share-button{
    background: url(../img/share-buttons.png);
    width: 25px;
    height: 24px;
    display: inline-block;
    float:left;
    margin:7px 5px;
    padding:0 !important;
    cursor: pointer;
}
.share-button.facebook{
    background-position: -25px 0;
}
.share-button.twitter{
    background-position: -50px 0;
}
.share-button.linkedin{
    background-position: -75px 0;
}
.share-button.myspace{
    background-position: -100px 0;
}
.share-button.digg{
    background-position: -125px 0;
}
.share-button.delicious{
    background-position: -150px 0;
}
.share-button.reddit{
    background-position: -175px 0;
}
.share-button.gplus{
    background-position: -202px 0;
}
.share-button.facebook-like-button{
    background-position: -229px 0;
    width: 47px;
    margin: 8px 5px;
}
.email-details{
    width: 100%;
    float: left;
}
.email-details span{
    width: 20%;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}
.email-preview{
    width: 49%;
    height: 320px;
    float: left;
    margin: 0.5em;
}
.email-preview div{
    border: 1px solid #dedede;
}

.big-sharebox{
    background:#d3e5f1;
    padding:5px 0;
    margin: 2em 0 4em;
    text-align: center;
}
.big-sharebox .l1{
    font-size:1.5em;
    font-weight:bold;
    margin:0 0 1em;
}
.big-sharebox .l2{
    font-size:1.3em;
    font-weight:bold;
    margin-bottom:2em;
}

.big-sharebox .share-button{
    background:url("../img/share-buttons-big.png") repeat scroll 0 0 transparent;
    display:inline-block;
    height:46px;
    margin:7px 20px;
    padding:0 !important;
    width:46px;
    float:none;
}
.big-sharebox .share-button.facebook{
    background-position: -46px 0;
}
.big-sharebox .share-button.twitter{
    background-position: -92px 0;
}
.big-sharebox .share-button.linkedin{
    background-position: -138px 0;
}
.invite-friends.big-sharebox{
    background: #000;
    color: #fff;
    padding: 20px;
    margin: 0;
}
.invite-friends.big-sharebox .l1 {
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 25px 0;
    padding: 0;
    font-family: MavenPro-Bold,Helvetica,Aria,sans-serif;
}
.invite-friends.big-sharebox .share-button {
    background: url("../img/share-buttons-big.png") repeat scroll 0px -54px transparent;
    display: inline-block;
    height: 27px;
    margin: 0px 5px;
    padding: 0px !important;
    width: 37px;
    float: none;
}
.invite-friends.big-sharebox .share-button.facebook{
    background-position: -43px -54px;
    width: 30px;
    height: 30px;
}
.invite-friends.big-sharebox .share-button.twitter{
    background-position: -77px -54px;
    width: 30px;
    height: 30px;
}
.sharebutton-name{
    display:inline-block;
    margin:0 19px;
    width:46px;
}
.share-button.small{
    background: url(/tools/Event/img/share-buttons-new.png) repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 17px;
    margin: 7px 5px;
    padding: 0 !important;
    width: 17px;
}
.share-button.facebook.small{
    background-position: 0 -55px;
}
.share-button.twitter.small{
    background-position: -23px -55px;
}
.share-button.mail.small{
    background-position: -46px -55px;
}
.share-button.linkedin.small{
    background-position:-93px -55px;
}
.share-button.gmail.small {
    background-position: -116px -55px;
    width: 18px;
}
.share-button.gplus.small{
    background-position: -70px -55px;
}
/* ----------------- normal -------------------*/
.share-button.normal{
    background: url(/tools/Event/img/share-buttons-new.png) repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 21px;
    margin: 7px 5px;
    padding: 0 !important;
    width: 22px;
}
.share-button.facebook.normal{
    background-position: 0 -34px;
}
.share-button.twitter.normal{
    background-position: -28px -34px;
}
.share-button.mail.normal{
    background-position: -57px -34px;
}
.share-button.gplus.normal{
    background-position: -86px -34px;
}
.share-button.linkedin.normal{
    background-position: -114px -34px;
}
.share-button.gmail.normal{
    background-position: -143px -34px;
    width: 22px;
}
.share-button.big{
    background:url(/tools/Event/img/share-buttons-new.png) repeat scroll 0 0 transparent;
    display:inline-block;
    height:34px;
    margin:7px 5px;
    padding:0 !important;
    width:35px;
    float:none;
}
.share-button.facebook.big{
    background-position: 0 0;
}
.share-button.twitter.big{
    background-position: -46px 0;
}
.share-button.mail.big{
    background-position: -92px 0;
}
.share-button.gplus.big{
    background-position: -140px 0;
}
.share-button.linkedin.big{
    background-position: -184px 0;
}
.share-button.gmail.big{
    background-position: -230px 0;
    width: 38px;
}

.share-button.gigant{
    background:url(/tools/Event/img/share-buttons-new.png) repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    /*    float: left;*/
    height: 65px;
    margin: 7px 5px;
    padding: 0 !important;
    width: 56px;
}
.share-button.facebook.gigant{
    background-position: -66px -75px;
    width: 68px;
}
.share-button.twitter.gigant{
    background-position: -142px -75px;
}
.share-button.mail.gigant{
    background-position: 0 -76px;
}
.share-button.linkedin.gigant{
    background-position: -205px -75px;
    width: 64px;
}
.share-button.pinterest.gigant{
    background-position: -276px -75px;
    width: 65px;
}

.share-button.gplus.gigant{
    background-position: -342px -75px;
    width: 60px;
}
.share-button.gmail.gigant{
    background-position: -403px -77px;
    width: 57px;
}
.share-button.stumble.gigant{
    background-position: -460px -77px;
    width: 60px;
}
.share-button.medium-oversigned{
    background:url(/tools/Event/img/share-buttons-new.png) repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    /*    float: left;*/
    height: 30px;
    margin: 7px 5px;
    padding: 0 !important;
    width: 36px;
}
.share-button.facebook.medium-oversigned{
    background-position: -26px -151px;
    width: 36px;
}
.share-button.twitter.medium-oversigned{
    background-position: -63px -152px;
    width: 27px;
}
.share-button.mail.medium-oversigned{
    background-position: 0 -151px;
    width: 25px;
}
.share-button.linkedin.medium-oversigned{
    background-position: -92px -151px;
    width: 32px;
}
.share-button.pinterest.medium-oversigned{
    background-position: -126px -151px;
    width: 33px;
}

.share-button.gplus.medium-oversigned{
    background-position: -161px -152px;
    width: 29px;
}
.share-button.gmail.medium-oversigned{
    background-position: -194px -151px;
    width: 28px;
}
.share-button.stumble.medium-oversigned{
    background-position: -225px -151px;
    width: 30px;
}
.share-button.profile{
    background: url("/tools/Event/img/share-buttons-new.png") repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    height: 35px;
    margin: 0 5px 0 0;
    padding: 0 !important;
    width: 33px;
}
.share-button.facebook.profile{
    background-position: -37px -193px;
}
.share-button.twitter.profile{
    background-position: 0 -193px;
}
.share-button.linkedin.profile{
    background-position: -74px -193px;
}
.share-button.gplus.profile{
    background-position: -111px -193px;
}
.share-button.rss.profile{
    background-position: -148px -192px;
}
/* ----------------- black white -------------------*/
/* ----------------- white black -------------------*/
/* ----------------- red white -------------------*/
/* ----------------- gray -------------------*/
.share-button.black-white,
.share-button.white-black,
.share-button.red-white,
.share-button.gray-icon{    
    background: url(/tools/Event/img/share-buttons-new.png) repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 22px;
    margin: 7px 5px;
    padding: 0 !important;
    width: 23px;
}
.share-button.red-white.middle,
.share-button.gray-icon.middle{
    width: 28px;
    height: 28px;
}

/*----- black white -----*/
.share-button.facebook.black-white{
    background-position: -39px -234px;
    width: 22px;
}
.share-button.twitter.black-white{
    background-position: -69px -234px;
    width: 22px;
}
.share-button.mail.black-white{
    background-position: -8px -234px;
}


/*----- gray -----*/
.share-button.mail.gray-icon{
    background-position: -8px -321px;
    width: 25px;
    height: 19px;
}


/*----- red white -----*/
.share-button.facebook.red-white{
    background-position: -39px -289px;
    width: 22px;
}
.share-button.twitter.red-white{
    background-position: -69px -289px;
    width: 22px;
}
.share-button.mail.red-white{
    background-position: -8px -289px;
}


/*----- white black -----*/
.share-button.facebook.white-black{
    background-position: -39px -262px;
    width: 20px;
}
.share-button.twitter.white-black{
    background-position: -69px -262px;
    width: 20px;
}
.share-button.mail.white-black{
    background-position: -8px -262px;
}


/*----- red white middle -----*/
.share-button.website.red-white.middle,
.share-button.my-blog.red-white.middle,
.share-button.my-company.red-white.middle {
    background-position: -193px -195px;
}
.share-button.facebook.red-white.middle{
    background-position: -224px -195px;
    width: 28px;
}
.share-button.twitter.red-white.middle{
    background-position: -254px -195px;
    width: 28px;
}
.share-button.linkedin.red-white.middle{
    background-position: -285px -195px;
}
.share-button.pinterest.red-white.middle{
    background-position: -315px -195px;
}


/*----- gray white middle -----*/
.share-button.website.gray-icon.middle,
.share-button.my-blog.gray-icon.middle,
.share-button.my-company.gray-icon.middle {
    background-position: -193px -229px;
}
.share-button.facebook.gray-icon.middle{
    background-position: -224px -229px;
    width: 28px;
}
.share-button.twitter.gray-icon.middle{
    background-position: -254px -229px;
    width: 28px;
}
.share-button.linkedin.gray-icon.middle{
    background-position: -285px -229px;
}
.share-button.pinterest.gray-icon.middle{
    background-position: -315px -229px;
}
.share-button.icon-phone.gray-icon.middle{
    background-position: -345px -229px;
}