.social div {
	    display:-moz-inline-stack;
		display: inline-block;
		zoom:1;
		*display:inline;		
		
		margin: 5px 5px 5px 0;
		width: 30px;
		height: 30px;
		border: 1px solid #888888;
		border-radius: 5px ;
		cursor: hand;
		
 		-webkit-transition: all 0.5s 0s ease;
		-moz-transition: all 0.5s 0s ease;
 		-o-transition: all 0.5s 0s ease;
	}
	.social span {
		display: inline-block;
		width: 30px;
		height: 30px;
	}	
	
	.linkedin {
		background: url(/quid/javax.faces.resource/img/social_icons3.png.jsf) -420px 0;
	}
	.linkedin:hover {
		background: url(/quid/javax.faces.resource/img/social_icons2.png.jsf) -420px 0;
		background-color: #3f86fc;
	}
	.twitter {
		background: url(/quid/javax.faces.resource/img/social_icons3.png.jsf) -60px 0;
	}
	.twitter:hover {
		background: url(/quid/javax.faces.resource/img/social_icons2.png.jsf) -60px 0;
		background-color: #3f86fc;
	}	
	.facebook {
		background: url(/quid/javax.faces.resource/img/social_icons3.png.jsf) -90px 0;
	}
	.facebook:hover {
		background: url(/quid/javax.faces.resource/img/social_icons2.png.jsf) -90px 0;
		background-color: #3f86fc;
	}
	.google {
		background: url(/quid/javax.faces.resource/img/social_icons3.png.jsf) -120px 0;
	}
	.google:hover {
		background: url(/quid/javax.faces.resource/img/social_icons2.png.jsf) -120px 0;
		background-color: #3f86fc;
	}
	.wordpress {
		background: url(/quid/javax.faces.resource/img/social_icons3.png.jsf) -270px 0;
	}
	.wordpress:hover {
		background: url(/quid/javax.faces.resource/img/social_icons2.png.jsf) -270px 0;
		background-color: #3f86fc;
	}
	.tumblr {
		background: url(/quid/javax.faces.resource/img/social_icons3.png.jsf) -300px 0;
	}
	.tumblr:hover {
		background: url(/quid/javax.faces.resource/img/social_icons2.png.jsf) -300px 0;
		background-color: #3f86fc;
	}
	.youtube {
		background: url(/quid/javax.faces.resource/img/social_icons3.png.jsf) -330px 0;
	}
	.youtube:hover {
		background: url(/quid/javax.faces.resource/img/social_icons2.png.jsf) -330px 0;
		background-color: #3f86fc;
	}
	.rss {
		background: url(/quid/javax.faces.resource/img/social_icons3.png.jsf) -360px 0;
	}
	.rss:hover {
		background: url(/quid/javax.faces.resource/img/social_icons2.png.jsf) -360px 0;
		background-color: #3f86fc;
	}
	.flickr {
		background: url(/quid/javax.faces.resource/img/social_icons3.png.jsf) -390px 0;
	}
	.flickr:hover {
	    background: url(/quid/javax.faces.resource/img/social_icons2.png.jsf) -390px 0;
		background-color: #3f86fc;
	}
	.skype {
		background: url(/quid/javax.faces.resource/img/social_icons3.png.jsf) -450px 0;
	}
	.skype:hover {
		background: url(/quid/javax.faces.resource/img/social_icons2.png.jsf) -450px 0;
		background-color: #3f86fc;
	}
	.lattes {
		background: url(/quid/javax.faces.resource/img/social_icons3.png.jsf) -2px 0;
	}
	.lattes:hover {
		background: url(/quid/javax.faces.resource/img/social_icons2.png.jsf) -2px 0;
		background-color: #3f86fc;
	}
	.rg {
		background: url(/quid/javax.faces.resource/img/social_icons3.png.jsf) -35px 0;
	}
	.rg:hover {
		background: url(/quid/javax.faces.resource/img/social_icons2.png.jsf) -35px 0;
		background-color: #3f86fc;
	}
	.email{
		background: url(/quid/javax.faces.resource/img/social_icons3.png.jsf) -480px 0;
	}
	.email:hover {
		background: url(/quid/javax.faces.resource/img/social_icons2.png.jsf) -480px 0;
		background-color: #3f86fc;
	}
		
	.homepage{
		background: url(/quid/javax.faces.resource/img/home2.png.jsf) center no-repeat;
	}
	.homepage:hover {
		background: url(/quid/javax.faces.resource/img/home3.png.jsf) center no-repeat;
		background-color: #3f86fc;
	}


	.apa{
		background: url(/quid/javax.faces.resource/img/book.png.jsf) center no-repeat;
	}
	.apa:hover {
		background: url(/quid/javax.faces.resource/img/book.png.jsf) center no-repeat;
		background-color: #3f86fc;
	}	
	
	
	.doi{
		background: url(/quid/javax.faces.resource/img/logo_doi5.png.jsf) center no-repeat;
	}
	.doi:hover {
		background: url(/quid/javax.faces.resource/img/logo_doi6.png.jsf) center no-repeat;
		background-color: #3f86fc;
	}	
	.gscholar{
		background: url(/quid/javax.faces.resource/img/gscholar.png.jsf) center no-repeat;
	}
	.gscholar:hover {
		background: url(/quid/javax.faces.resource/img/gscholar2.png.jsf) center no-repeat;
		background-color: #3f86fc;
	}
	/*  download icon from uxrepo.com */	
	.download{
		background: url(/quid/javax.faces.resource/img/download_g.png.jsf) center no-repeat;
		
	}
	.download:hover {
		background: url(/quid/javax.faces.resource/img/download_pb.png.jsf) center no-repeat;		
		background-color: #3f86fc;
	}

	.bibtex{
		background: url(/quid/javax.faces.resource/img/bibtex.png.jsf) center no-repeat;
		
	}
	.bibtex:hover {
		background: url(/quid/javax.faces.resource/img/bibtex2.png.jsf) center no-repeat;		
		background-color: #3f86fc;
	}

	.acm{
		background: url(/quid/javax.faces.resource/img/acm_p.png.jsf) center no-repeat;
		
	}
	.acm:hover {
		background: url(/quid/javax.faces.resource/img/acm_b.png.jsf) center no-repeat;		
		background-color: #3f86fc;
	}
	.ieee{
		background: url(/quid/javax.faces.resource/img/ieee_p.png.jsf) center no-repeat;
		
	}
	.ieee:hover {
		background: url(/quid/javax.faces.resource/img/ieee_b.png.jsf) center no-repeat;		
		background-color: #3f86fc;
	}	
	
	
	.springer{
		background: url(/quid/javax.faces.resource/img/springer.png.jsf) center no-repeat;
		
	}
	.springer:hover {
		background: url(/quid/javax.faces.resource/img/springer.png.jsf) center no-repeat;		
		background-color: #3f86fc;
	}