/**
 * @copyright 2011 Artem Sapegin (sapegin.ru)
 * @license http://creativecommons.org/licenses/by/3.0/
 */

.social-likes, .social-likes li {
    display: inline-block;
    margin: 0;
    word-spacing: 0;
    zoom: 1;
    height: 31px;
}
.social-likes li {white-space: nowrap; margin-left: 6px}
.social-likes li:first-child {
    margin-left: 0;
}
.social-likes li:before {
    display: none;  /* Remove nice bullets */
}
.social-likes li a, .social-likes li b, .social-balloon, .social-balloon textarea {}
.social-likes li a, .social-likes li b {}
.social-likes li a { display: block; width: 30px; height: 31px; background: url(../img2/social-likes.png) no-repeat; position: relative}

.social-likes li span { position: absolute; display: block; padding: 2px 3px; background: #FFBB00; -webkit-border-radius: 3px; border-radius: 3px; font-size: 10px; color: #fff; line-height: 0.9em; text-shadow: 0 -1px 1px #FF9800; top: -7px; right: -4px}
.social-likes li a i { display: none}
.social-likes li a:hover i {}
.social-likes li b { display: none}
.social-likes li b i {}
.social-likes li b i i {
    border: 5px inset transparent; /* inset fixes strange artefacts in Firefox */
    border-left: 0;
    border-right: 5px solid #fff !important;
    top: -5px;
    left: 1px;
}
.social-balloon {
    position: absolute;
    text-align: left;
    bottom: 29px;
    right: 0;
    padding: 6px;
    line-height: 1.2;
    background: #444;
    background: rgba(0, 0, 0, .75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 -2px 15px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 -2px 15px rgba(0, 0, 0, .15);
    box-shadow: 0 -2px 15px rgba(0, 0, 0, .15);
}
.social-balloon textarea {
    border: 1px solid #fff inset;
    width: 300px;
    height: 60px;
    resize: none;
}
.social-balloon i {
    position: absolute;
    bottom: -6px;
    right: 8px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom: 0;
    border-top: 6px solid #444;
    border-top: 6px solid rgba(0, 0, 0, .75);
}

/* Twitter */
.social-likes li.twitter a { background-position: -80px 0}
.social-likes li.twitter a:hover {background-position: -80px -31px}
.social-likes li.twitter a:active {background-position: -80px -62px}

/* Facebook */
.social-likes li.facebook a { background-position: 0 0;}
.social-likes li.facebook a:hover { background-position: 0 -31px}
.social-likes li.facebook a:active {background-position: 0 -62px}

/* Google +1 */
.social-likes li.plusone a, .social-likes li.plusone b {
    border-color: #CAD4E7;
}
.social-likes li.plusone a {
    width: 32px;
    padding: 1px 4px;
    background: #dbdbdb;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#dbdbdb));
    background: -moz-linear-gradient(top, #f9f9f9, #dbdbdb);
    background: -ms-linear-gradient(top, #f9f9f9, #dbdbdb);
    background: -o-linear-gradient(top, #f9f9f9, #dbdbdb);
    background: linear-gradient(top, #f9f9f9, #dbdbdb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = #f9f9f9, EndColorStr = #dbdbdb);
    color: #166aee;
    border-color: #b3b3b3;
    text-align: center;
    font-style: italic;
}
.social-likes li.plusone a:hover, .social-likes li.plusone a:active {
    background: #e0e0e0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#bbb));
    background: -moz-linear-gradient(top, #fafafa, #bbb);
    background: -ms-linear-gradient(top, #fafafa, #bbb);
    background: -o-linear-gradient(top, #fafafa, #bbb);
    background: linear-gradient(top, #fafafa, #bbb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = #fafafa, EndColorStr = #bbbbbb);
    color: #1e52a4;
    border-color: #a3a3a3;
}
.social-likes li.plusone b i {
    border-right-color: #ccc;
}
.social-likes li.plusone b {
    /*background: #f2f3f7;*/
}
.social-likes li.plusone b i i {
    border-right-color: #fff !important;
}
.social-likes li.plusone a i {
    display: none;  /* Hide from old browsers */
}

@media only screen and (min-width: 1px) {
    .social-likes li.plusone a, .social-likes li.plusone a:hover, .social-likes li.plusone a:active {
        line-height: 20px;
        vertical-align: bottom;
        border-top-color: transparent;
    }
    .social-likes li.plusone a i {
        display: block;
        top: -1px;
        left: -1px;
        width: 42px;
        height: 5px;
        background: -webkit-gradient(linear, 0 0, 42 0, color-stop(0.25, #e32c3b), color-stop(0.25, #148EE3), color-stop(0.5, #148EE3), color-stop(0.5, #36C520), color-stop(0.75, #36C520), color-stop(0.75, #FFCA27), color-stop(1, #FFCA27));
        background: -webkit-linear-gradient(360deg, #E32C3B 25%, #148EE3 25%, #148EE3 50%, #36C520 50%, #36C520 75%, #FFCA27 75%, #FFCA27 100%);
        background: -moz-linear-gradient(360deg, #E32C3B 25%, #148EE3 25%, #148EE3 50%, #36C520 50%, #36C520 75%, #FFCA27 75%, #FFCA27 100%);
        background: -o-linear-gradient(360deg, #E32C3B 25%, #148EE3 25%, #148EE3 50%, #36C520 50%, #36C520 75%, #FFCA27 75%, #FFCA27 100%);
        background: linear-gradient(360deg, #E32C3B 25%, #148EE3 25%, #148EE3 50%, #36C520 50%, #36C520 75%, #FFCA27 75%, #FFCA27 100%);
        border-bottom: 1px solid #d7d7d7;
        -webkit-border-radius: 3px 3px 0px 0px;
        -moz-border-radius: 3px 3px 0px 0px;
        border-radius: 3px 3px 0px 0px;
    }
    .social-likes li.plusone a i:before, .social-likes li.plusone a i:after {
        content: "";
        position: absolute;
        bottom: -1px;
        width: 1px;
        height: 1px;
        background: #b3b3b3;
    }
    .social-likes li.plusone a i:before {
        left: 0;
    }
    .social-likes li.plusone a i:after {
        right: 0;
    }
    .social-likes li.plusone a:hover i:before, .social-likes li.plusone a:hover i:after,
    .social-likes li.plusone a:active i:before, .social-likes li.plusone a:active i:after {
        background: #a3a3a3;
    }
}

/* Hacks for IE9 which supports media queries but not support CSS gradients */
.social-likes-msie-lte9 li.plusone a i {
    display: none;
}
.social-likes-msie-lte9 li.plusone a, .social-likes-msie-lte9 li.plusone a:hover, .social-likes-msie-lte9 li.plusone a:active {
    border-color: #CAD4E7;
}


/* Mail.ru */
.social-likes li.mailru a {
    border-color: #185083;
}
.social-likes li.mailru a {
    background: #004584;
    background: -webkit-gradient(linear, left top, left bottom, from(#5d90ba), to(#004584));
    background: -moz-linear-gradient(top, #5d90ba, #004584);
    background: -ms-linear-gradient(top, #5d90ba, #004584);
    background: -o-linear-gradient(top, #5d90ba, #004584);
    background: linear-gradient(top, #5d90ba, #004584);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = #5d90ba, EndColorStr = #004584);
    color: #fff;
    color: rgba(255, 255, 255, .95);
    border-bottom-color: #0f192a;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
}
.social-likes li.mailru a:hover, .social-likes li.mailru a:active {
    background: #001e5d;
    background: -webkit-gradient(linear, left top, left bottom, from(#618cae), to(#001e5d));
    background: -moz-linear-gradient(top, #618cae, #001e5d);
    background: -ms-linear-gradient(top, #618cae, #001e5d);
    background: -o-linear-gradient(top, #618cae, #001e5d);
    background: linear-gradient(top, #618cae, #001e5d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = #618cae, EndColorStr = #001e5d);
    color: #fff;
    color: rgba(255, 255, 255, .99);
    border-color: #063057;
    border-bottom-color: #111;
}
.social-likes li.mailru b {
    border-color: #ffc70d;
    background: #fff1c2;
}
.social-likes li.mailru b i {
    border-right-color: #ffc70d;
}
.social-likes li.mailru b i i {
    border-right-color: #fff1c2 !important;
}
.social-likes li.mailru a i {
    background-position: 0 -40px;
}

/* Vkontakte */
.social-likes li.vkontakte a { background-position: -40px 0}
.social-likes li.vkontakte a:hover { background-position: -40px -31px}
.social-likes li.vkontakte a:active {background-position: -40px -62px}

/* Odnoklassniki */
.social-likes li.odnoklassniki a {background-position: -119px 0}
.social-likes li.odnoklassniki a:hover {background-position: -119px -31px}
.social-likes li.odnoklassniki a:active {background-position: -119px -62px}

/* LiveJournal */
.social-likes li.livejournal a { background-position: -159px 0}
.social-likes li.livejournal a:hover {background-position: -159px -31px}
.social-likes li.livejournal a:active {background-position: -159px -62px}

/* Code */
.social-likes li.code {
    position: relative;
}
.social-likes li.code a i {
    background-position: 0 -100px;
}


/* IE Fixes */
* html .social-likes { zoom: 1; } /* IE6 */
*:first-child+html .social-likes { min-height: 1px; } /* IE7 */
.social-likes li, .social-likes li a, .social-likes li b {
    *display: block;
}
.social-likes {
    *display: inline;
}
.social-likes li, .social-likes li a, .social-likes li b {
    *float: left;
}
.social-likes li {
    *padding: 2px 0;
}
* html .social-likes li b i, * html .social-balloon i {
    display: none;
}
.social-network-Twitter-nick {
	background-image: url( "/img/logo/social-network/twitter.png" ) ;
}
.social-network-Facebook-nick ,
.social-network-Vkontakte-nick ,
.social-network-Odnoklassniki-nick ,
.social-network-Google-nick ,
.social-network-Mailru-nick ,
.social-network-Twitter-nick {
	background-image: none ;
	width: 110px ;
	padding-left: 0 !important ;
	margin-top: 5px ;
	float: left ;
	height: 25px ;
}

.social-network-Facebook-nick-inner {
	background-image: url( "/img/logo/social-network/facebook.png" ) ;
}
.social-network-Twitter-nick-inner {
	background-image: url( "/img/logo/social-network/twitter.png" ) ;
}
.social-network-Vkontakte-nick-inner {
	background-image: url( "/img/logo/social-network/vk.png" ) ;
}
.social-network-Odnoklassniki-nick-inner {
	background-image: url( "/img/logo/social-network/odkl.png" ) ;
}
.social-network-Google-nick-inner {
	background-image: url( "/img/logo/social-network/google.png" ) ;
}
.social-network-Mailru-nick-inner {
	background-image: url( "/img/logo/social-network/mymailru.png" ) ;
}

.social-network-Twitter-nick-inner ,
.social-network-Facebook-nick-inner ,
.social-network-Vkontakte-nick-inner ,
.social-network-Odnoklassniki-nick-inner ,
.social-network-Google-nick-inner ,
.social-network-Mailru-nick-inner {
	display: inline-block ;
	width: 16px ;
	height: 16px ;
	float: left ;
	margin-right: 5px ;
	margin-top: 12px ;
}

.social-network-Twitter-nick ,
.social-network-Facebook-nick ,
.social-network-Vkontakte-nick ,
.social-network-Odnoklassniki-nick ,
.social-network-Google-nick ,
.social-network-Mailru-nick {
	padding-left: 27px ;
	height: 20px ;
	width: 90px ;
	overflow: hidden ;
	background-position: 0 4px ;
	text-wrap: unrestricted ;
}

.social-network-nick-shadow {
	background: url("/img2/bg-top.png") no-repeat scroll right -30px rgba(0, 0, 0, 0) ;
	float: left ;
	position: absolute ;
	top: 8px ;
	width: 30px ;
	left: 80px ;
	height: 20px ;
}

.social-network-publish {
	display: none ;
	margin-right: 83px !important ;
	color: #535353 ;
}