/* Design 03 CSS JoomShareBar Copyright Roy Haanen */

.design03{
    color: #c9c9c9!important;
    background: url(texture.png);
    border: 1px solid #777;
    border-color: rgba(0,0,0,0.2);
    border-bottom-color: #333;
    border-bottom-color: rgba(0,0,0,0.4);
    cursor: pointer;
    display: inline-block;
    font-family: "Lucida Grande", Tahoma, sans-serif;
    padding: 0 .75em 0 0;
    text-align: left;
    text-decoration: none!important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    height: 2.5em;
    line-height: 2.5em;
    text-indent: 0;
}

.design03.others:before{
    content: "";
    font: 120%/1.65 zocial;
    font-style: normal;
    font-weight: normal;
    margin: -1px .5em 0 -1px;
    padding: 0.25em 0.5em;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-border-top-left-radius:inherit;
    -moz-border-radius-topleft:inherit;
    border-top-left-radius:inherit;
    -webkit-border-bottom-left-radius:inherit;
    -moz-border-radius-bottomleft:inherit;
    border-bottom-left-radius:inherit;
    -webkit-border-bottom-right-radius:inherit;
    -moz-border-radius-bottomright:inherit;
    border-bottom-right-radius:inherit;
    -webkit-border-top-right-radius:inherit;
    -moz-border-radius-topright:inherit;
    border-top-right-radius:inherit;
    float: left;
    width:1.3em;
    text-shadow: none;
}

.design03:active {
    background: url(texture.png)!important;
}

.design03.facebook-like:hover:before {
    background: #083c77; /* Old browsers */
    background: -moz-linear-gradient(top,  #083c77 0%, #035faf 50%, #035faf 51%, #0d56a1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#083c77), color-stop(50%,#035faf), color-stop(51%,#035faf), color-stop(100%,#0d56a1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #083c77 0%,#035faf 50%,#035faf 51%,#0d56a1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #083c77 0%,#035faf 50%,#035faf 51%,#0d56a1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #083c77 0%,#035faf 50%,#035faf 51%,#0d56a1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #083c77 0%,#035faf 50%,#035faf 51%,#0d56a1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#083c77', endColorstr='#0d56a1',GradientType=0 ); /* IE6-9 */
    border-right:#000 1px groove;
    color:#000;
}

.design03.twitter-share:hover:before {
    background: #1f9fc0; /* Old browsers */
    background: -moz-linear-gradient(top,  #1f9fc0 0%, #0dacf0 50%, #0dacf0 52%, #1f9fc0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f9fc0), color-stop(50%,#0dacf0), color-stop(52%,#0dacf0), color-stop(100%,#1f9fc0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1f9fc0 0%,#0dacf0 50%,#0dacf0 52%,#1f9fc0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1f9fc0 0%,#0dacf0 50%,#0dacf0 52%,#1f9fc0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1f9fc0 0%,#0dacf0 50%,#0dacf0 52%,#1f9fc0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1f9fc0 0%,#0dacf0 50%,#0dacf0 52%,#1f9fc0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f9fc0', endColorstr='#1f9fc0',GradientType=0 ); /* IE6-9 */
    border-right:#000 1px groove;
    color:#000;
}

.design03.pinterest-pinit:hover:before {
    background: #ca2128; /* Old browsers */
    background: -moz-linear-gradient(top,  #ca2128 0%, #d54d52 50%, #d54d52 52%, #ca2128 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca2128), color-stop(50%,#d54d52), color-stop(52%,#d54d52), color-stop(100%,#ca2128)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ca2128 0%,#d54d52 50%,#d54d52 52%,#ca2128 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ca2128 0%,#d54d52 50%,#d54d52 52%,#ca2128 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ca2128 0%,#d54d52 50%,#d54d52 52%,#ca2128 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ca2128 0%,#d54d52 50%,#d54d52 52%,#ca2128 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca2128', endColorstr='#ca2128',GradientType=0 ); /* IE6-9 */
    border-right:#000 1px groove;
    color:#000;

}

.design03.googleplus-one:hover:before,.design03.googleplus-share:hover:before {
    background: #dd4b39; /* Old browsers */
    background: -moz-linear-gradient(top,  #dd4b39 1%, #c55c50 49%, #c55c50 52%, #dd4b39 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dd4b39), color-stop(49%,#c55c50), color-stop(52%,#c55c50), color-stop(100%,#dd4b39)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dd4b39 1%,#c55c50 49%,#c55c50 52%,#dd4b39 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dd4b39 1%,#c55c50 49%,#c55c50 52%,#dd4b39 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dd4b39 1%,#c55c50 49%,#c55c50 52%,#dd4b39 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dd4b39 1%,#c55c50 49%,#c55c50 52%,#dd4b39 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#dd4b39',GradientType=0 ); /* IE6-9 */
    border-right:#000 1px groove;
    color:#000;

}

.design03.stumbleupon-share:hover:before {
    background: #f14e23; /* Old browsers */
    background: -moz-linear-gradient(top,  #f14e23 1%, #ef6d4f 50%, #ef6d4f 52%, #f14e23 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f14e23), color-stop(50%,#ef6d4f), color-stop(52%,#ef6d4f), color-stop(100%,#f14e23)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f14e23 1%,#ef6d4f 50%,#ef6d4f 52%,#f14e23 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f14e23 1%,#ef6d4f 50%,#ef6d4f 52%,#f14e23 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f14e23 1%,#ef6d4f 50%,#ef6d4f 52%,#f14e23 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f14e23 1%,#ef6d4f 50%,#ef6d4f 52%,#f14e23 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f14e23', endColorstr='#f14e23',GradientType=0 ); /* IE6-9 */
    border-right:#000 1px groove;
    color:#000;

}

.design03.linkedin-share:hover:before {
    background: #1b86bd; /* Old browsers */
    background: -moz-linear-gradient(top,  #1b86bd 0%, #3590c2 49%, #3590c2 52%, #1b86bd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b86bd), color-stop(49%,#3590c2), color-stop(52%,#3590c2), color-stop(100%,#1b86bd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1b86bd 0%,#3590c2 49%,#3590c2 52%,#1b86bd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1b86bd 0%,#3590c2 49%,#3590c2 52%,#1b86bd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1b86bd 0%,#3590c2 49%,#3590c2 52%,#1b86bd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1b86bd 0%,#3590c2 49%,#3590c2 52%,#1b86bd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b86bd', endColorstr='#1b86bd',GradientType=0 ); /* IE6-9 */
    border-right:#000 1px groove;
    color:#000;

}

.design03.xing-share:hover:before {
    background: #005a5f; /* Old browsers */
    background: -moz-linear-gradient(top,  #005a5f 0%, #337a7e 48%, #337a7e 52%, #005a5f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005a5f), color-stop(48%,#337a7e), color-stop(52%,#337a7e), color-stop(100%,#005a5f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #005a5f 0%,#337a7e 48%,#337a7e 52%,#005a5f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #005a5f 0%,#337a7e 48%,#337a7e 52%,#005a5f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #005a5f 0%,#337a7e 48%,#337a7e 52%,#005a5f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #005a5f 0%,#337a7e 48%,#337a7e 52%,#005a5f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a5f', endColorstr='#005a5f',GradientType=0 ); /* IE6-9 */
    border-right:#000 1px groove;
    color:#000;
}

.design03.bufferapp-button:hover:before {
    background: #4f8c46; /* Old browsers */
    background: -moz-linear-gradient(top, #4f8c46 0%, #76b852 48%, #76b852 52%, #4f8c46 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f8c46), color-stop(48%, #76b852), color-stop(52%, #76b852), color-stop(100%, #4f8c46)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4f8c46 0%, #76b852 48%, #76b852 52%, #4f8c46 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4f8c46 0%, #76b852 48%, #76b852 52%, #4f8c46 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4f8c46 0%, #76b852 48%, #76b852 52%, #4f8c46 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4f8c46 0%, #76b852 48%, #76b852 52%, #4f8c46 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a5f', endColorstr='#005a5f',GradientType=0 ); /* IE6-9 */
    border-right:#000 1px groove;
    color:#000;
}

.design03.facebook-like:before {content: "f";color:#3b5998}
.design03.twitter-share:before {content: "T"; color:#00b6f1;}
.design03.pinterest-pinit:before {content: "1"; color:#ca2128}
.design03.googleplus-one:before {content: "+"; color:#dd4b39}
.design03.googleplus-share:before {content: "+"; color:#dd4b39}
.design03.stumbleupon-share:before {content: "/"; color:#f14e23}
.design03.linkedin-share:before {content: "L"; color:#1b86bd}
.design03.xing-share:before {content: "X"; color:#005a5f}
.design03.bufferapp-button:before {content: "\00E5"; color:#76b852}
.design03.print:before {content: "\d1"; color:#c9c9c9}
.design03.email-share:before {content: "\5d"; color:#c9c9c9}