.social-buttons {
    position: fixed;
    top: 135px;
    left:0px;
    width: 40px;
    z-index: 9999;
    background: lightblue;
  border-top:    1px solid lightblue;
  border-right:  1px solid lightblue; 
  border-bottom: 1px solid lightblue;
  border-radius: 5px;
    
}
.social-buttons1 {
    position: absolute;
    bottom: 10px;
    border-radius: 5px; 
}
a.sb,
.sb a {
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -900em;
	color: #333;
	text-decoration: none;
	line-height: 100%;
	white-space: nowrap;
	display: inline-block;
	position: relative;
	vertical-align: middle;
    margin: 2px 4px 2px 4px;
	
	/* default box shadow */
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);

	/* default border radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
/* for IE */
*:first-child+html a.sb,
*:first-child+html .sb a {
	text-indent: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}


/* SB LIST
================================================ */
.sb {
	margin: 0;
	padding: 0;
}

/* GRADIENTS
================================================ */

a.sb.gradient,
.sb.gradient a {
	background-color: transparent !important;
}
a.sb.gradient:after,
.sb.gradient a:after {
	padding: 1px;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: -1;
	
	-webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,.3);
	-moz-box-shadow: inset 0 2px 0 rgba(255,255,255,.3);
	box-shadow: inset 0 2px 0 rgba(255,255,255,.3);

	/* default gradient */
	background: -moz-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%);
	background: -webkit-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%);
	background: linear-gradient(top, #eeeeee 0%, #d2d2d2 100%);
}

/* COLORS
================================================ */
a.sb:hover:after,
.sb a:hover:after {
	background-image: none;
}
a.sb:hover,
.sb a:hover,
a.sb:hover:after,
.sb a:hover:after {
	background-color: #9bd611;
	border-color: #71a115;
	color: #fff;
}

/* STYLES
================================================ */

a.sb.min,
.sb.min a {
	background-color: transparent;
	border: none;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* ICONS
================================================ */
a.sb.twitter,
.sb a.twitter {
	background-image: url(../../images/social/twitter_active.png);
}

a.sb.facebook,
.sb a.facebook {
	background-image: url(../../images/social/facebook_active.png);
}

a.sb.google,
.sb a.google {
	background-image: url(../../images/social/google_active.png);
}

a.sb.linkedin,
.sb a.linkedin {
	background-image: url(../../images/social/in_active.png);
}

a.sb.rssfeed,
.sb a.rssfeed {
	background-image: url(../../images/social/rss_active.png);
}

a.sb.sendEmail,
.sb a.sendEmail {
	background-image: url(../../images/social/email.png);
}


}