Provider Logos/Colors

In this example below you will see how to do a Provider Logos/Colors with some HTML / CSS and Javascript

A listing of provider colors and logos for global use.

Thumbnail
This awesome code was written by jlevinsohn, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright jlevinsohn ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Provider Logos/Colors</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <h1>Provider Logos</h1>
<span class="janrain-provider-icon-48 janrain-provider-icon-facebook"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-twitter"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-myspace"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-live_id"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-yahoo"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-google"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-openid"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-aol"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-livejournal"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-mixi"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-myopenid"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-netlog"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-flickr"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-blogger"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-verisign"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-wordpress"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-hyves"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-linkedin"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-paypal"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-salesforce"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-orkut"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-vzn"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-foursquare"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-sinaweibo"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-renren"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-soundcloud"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-tumblr"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-disqus"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-vk"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-email"></span>
        <span class="janrain-provider-icon-48 janrain-provider-icon-placeholder"></span>

<h1>Provider Background Colors</h1>
          <div>
            <div class="janrain-provider-bg-color-facebook">Facebook</div>
            <div class="janrain-provider-bg-color-google">Google</div>
            <div class="janrain-provider-bg-color-linkedin">LinkedIn</div>
            <div class="janrain-provider-bg-color-myspace">Myspace</div>
            <div class="janrain-provider-bg-color-twitter">Twitter</div>
            <div class="janrain-provider-bg-color-live_id">Windows Live ID</div>
            <div class="janrain-provider-bg-color-yahoo">Yahoo!</div>
            <div class="janrain-provider-bg-color-aol">AOL</div>
            <div class="janrain-provider-bg-color-blogger">Blogger</div>
            <div class="janrain-provider-bg-color-flickr">Flickr</div>
            <div class="janrain-provider-bg-color-hyves">Hyves</div>
            <div class="janrain-provider-bg-color-livejournal">LiveJournal</div>
            <div class="janrain-provider-bg-color-mixi">Mixi</div>
            <div class="janrain-provider-bg-color-myopenid">MyOpenID</div>
            <div class="janrain-provider-bg-color-netlog">Netlog</div>
            <div class="janrain-provider-bg-color-openid">OpenID</div>
            <div class="janrain-provider-bg-color-verisign">VeriSign</div>
            <div class="janrain-provider-bg-color-wordpress">WordPress</div>
            <div class="janrain-provider-bg-color-paypal">PayPal</div>
            <div class="janrain-provider-bg-color-salesforce">Salesforce</div>
            <div class="janrain-provider-bg-color-orkut">Orkut</div>
            <div class="janrain-provider-bg-color-vzn">VZnet</div>
            <div class="janrain-provider-bg-color-foursquare">Foursquare</div>
            <div class="janrain-provider-bg-color-sinaweibo">Sina Weibo</div>
            <div class="janrain-provider-bg-color-renren">Renren</div>
            <div class="janrain-provider-bg-color-soundcloud">SoundCloud</div>
            <div class="janrain-provider-bg-color-tumblr">Tumblr</div>
            <div class="janrain-provider-bg-color-disqus">Disqus</div>
            <div class="janrain-provider-bg-color-vk">VK</div>
            <div class="janrain-provider-bg-color-email">Email</div>
          </div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/jlevinsohn/provider-logoscolors-fKBvl */
body {
  font-family: helvetica, arial, sans-serif;
}

/*/ Provider Colors /*/
*[class*="janrain-provider-icon-"] {
  margin: 5px;
}

.capture_provider *[class*="janrain-provider-icon-"],
a *[class*="janrain-provider-icon-"],
button *[class*="janrain-provider-icon-"] {
  margin: 0;
}

.provider-buttons li {
  display: inline-block;
  *display: inline;
}

*[class*="janrain-provider-bg-color-"] {
  color: white;
  text-align: center;
  padding: 8px;
  margin-bottom: 1px;
  width: 300px;
  float: left;
}

*[class*="janrain-provider-icon-"] {
  display: inline-block;
  vertical-align: middle;
}

.janrain-provider-icon-16.janrain-provider-icon-aol {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/aol.png);
}

.janrain-provider-icon-24.janrain-provider-icon-aol {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/aol.png);
}

.janrain-provider-icon-32.janrain-provider-icon-aol {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/aol.png);
}

.janrain-provider-icon-48.janrain-provider-icon-aol {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/aol.png);
}

.janrain-provider-icon-16.janrain-provider-icon-blogger {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/blogger.png);
}

.janrain-provider-icon-24.janrain-provider-icon-blogger {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/blogger.png);
}

.janrain-provider-icon-32.janrain-provider-icon-blogger {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/blogger.png);
}

.janrain-provider-icon-48.janrain-provider-icon-blogger {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/blogger.png);
}

.janrain-provider-icon-16.janrain-provider-icon-email {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/email.png);
}

.janrain-provider-icon-24.janrain-provider-icon-email {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/email.png);
}

.janrain-provider-icon-32.janrain-provider-icon-email {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/email.png);
}

.janrain-provider-icon-48.janrain-provider-icon-email {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/email.png);
}

.janrain-provider-icon-16.janrain-provider-icon-disqus {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/disqus.png);
}

.janrain-provider-icon-24.janrain-provider-icon-disqus {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/disqus.png);
}

.janrain-provider-icon-32.janrain-provider-icon-disqus {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/disqus.png);
}

.janrain-provider-icon-48.janrain-provider-icon-disqus {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/disqus.png);
}

.janrain-provider-icon-16.janrain-provider-icon-facebook {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/facebook.png);
}

.janrain-provider-icon-24.janrain-provider-icon-facebook {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/facebook.png);
}

.janrain-provider-icon-32.janrain-provider-icon-facebook {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/facebook.png);
}

.janrain-provider-icon-48.janrain-provider-icon-facebook {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/facebook.png);
}

.janrain-provider-icon-16.janrain-provider-icon-flickr {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/flickr.png);
}

.janrain-provider-icon-24.janrain-provider-icon-flickr {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/flickr.png);
}

.janrain-provider-icon-32.janrain-provider-icon-flickr {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/flickr.png);
}

.janrain-provider-icon-48.janrain-provider-icon-flickr {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/flickr.png);
}

.janrain-provider-icon-16.janrain-provider-icon-foursquare {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/foursquare.png);
}

.janrain-provider-icon-24.janrain-provider-icon-foursquare {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/foursquare.png);
}

.janrain-provider-icon-32.janrain-provider-icon-foursquare {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/foursquare.png);
}

.janrain-provider-icon-48.janrain-provider-icon-foursquare {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/foursquare.png);
}

.janrain-provider-icon-16.janrain-provider-icon-google {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/google.png);
}

.janrain-provider-icon-24.janrain-provider-icon-google {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/google.png);
}

.janrain-provider-icon-32.janrain-provider-icon-google {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/google.png);
}

.janrain-provider-icon-48.janrain-provider-icon-google {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/google.png);
}

.janrain-provider-icon-16.janrain-provider-icon-hyves {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/hyves.png);
}

.janrain-provider-icon-24.janrain-provider-icon-hyves {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/hyves.png);
}

.janrain-provider-icon-32.janrain-provider-icon-hyves {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/hyves.png);
}

.janrain-provider-icon-48.janrain-provider-icon-hyves {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/hyves.png);
}

.janrain-provider-icon-16.janrain-provider-icon-janrain {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/janrain.png);
}

.janrain-provider-icon-24.janrain-provider-icon-janrain {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/janrain.png);
}

.janrain-provider-icon-32.janrain-provider-icon-janrain {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/janrain.png);
}

.janrain-provider-icon-48.janrain-provider-icon-janrain {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/janrain.png);
}

.janrain-provider-icon-16.janrain-provider-icon-linkedin {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/linkedin.png);
}

.janrain-provider-icon-24.janrain-provider-icon-linkedin {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/linkedin.png);
}

.janrain-provider-icon-32.janrain-provider-icon-linkedin {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/linkedin.png);
}

.janrain-provider-icon-48.janrain-provider-icon-linkedin {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/linkedin.png);
}

.janrain-provider-icon-16.janrain-provider-icon-live_id {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/live_id.png);
}

.janrain-provider-icon-24.janrain-provider-icon-live_id {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/live_id.png);
}

.janrain-provider-icon-32.janrain-provider-icon-live_id {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/live_id.png);
}

.janrain-provider-icon-48.janrain-provider-icon-live_id {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/live_id.png);
}

.janrain-provider-icon-16.janrain-provider-icon-livejournal {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/livejournal.png);
}

.janrain-provider-icon-24.janrain-provider-icon-livejournal {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/livejournal.png);
}

.janrain-provider-icon-32.janrain-provider-icon-livejournal {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/livejournal.png);
}

.janrain-provider-icon-48.janrain-provider-icon-livejournal {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/livejournal.png);
}

.janrain-provider-icon-16.janrain-provider-icon-mixi {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/mixi.png);
}

.janrain-provider-icon-24.janrain-provider-icon-mixi {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/mixi.png);
}

.janrain-provider-icon-32.janrain-provider-icon-mixi {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/mixi.png);
}

.janrain-provider-icon-48.janrain-provider-icon-mixi {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/mixi.png);
}

.janrain-provider-icon-16.janrain-provider-icon-myopenid {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/myopenid.png);
}

.janrain-provider-icon-24.janrain-provider-icon-myopenid {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/myopenid.png);
}

.janrain-provider-icon-32.janrain-provider-icon-myopenid {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/myopenid.png);
}

.janrain-provider-icon-48.janrain-provider-icon-myopenid {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/myopenid.png);
}

.janrain-provider-icon-16.janrain-provider-icon-myspace {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/myspace.png);
}

.janrain-provider-icon-24.janrain-provider-icon-myspace {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/myspace.png);
}

.janrain-provider-icon-32.janrain-provider-icon-myspace {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/myspace.png);
}

.janrain-provider-icon-48.janrain-provider-icon-myspace {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/myspace.png);
}

.janrain-provider-icon-16.janrain-provider-icon-netlog {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/netlog.png);
}

.janrain-provider-icon-24.janrain-provider-icon-netlog {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/netlog.png);
}

.janrain-provider-icon-32.janrain-provider-icon-netlog {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/netlog.png);
}

.janrain-provider-icon-48.janrain-provider-icon-netlog {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/netlog.png);
}

.janrain-provider-icon-16.janrain-provider-icon-openid {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/openid.png);
}

.janrain-provider-icon-24.janrain-provider-icon-openid {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/openid.png);
}

.janrain-provider-icon-32.janrain-provider-icon-openid {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/openid.png);
}

.janrain-provider-icon-48.janrain-provider-icon-openid {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/openid.png);
}

.janrain-provider-icon-16.janrain-provider-icon-orkut {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/orkut.png);
}

.janrain-provider-icon-24.janrain-provider-icon-orkut {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/orkut.png);
}

.janrain-provider-icon-32.janrain-provider-icon-orkut {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/orkut.png);
}

.janrain-provider-icon-48.janrain-provider-icon-orkut {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/orkut.png);
}

.janrain-provider-icon-16.janrain-provider-icon-paypal {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/paypal.png);
}

.janrain-provider-icon-24.janrain-provider-icon-paypal {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/paypal.png);
}

.janrain-provider-icon-32.janrain-provider-icon-paypal {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/paypal.png);
}

.janrain-provider-icon-48.janrain-provider-icon-paypal {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/paypal.png);
}

.janrain-provider-icon-16.janrain-provider-icon-placeholder {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/placeholder.png);
}

.janrain-provider-icon-24.janrain-provider-icon-placeholder {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/placeholder.png);
}

.janrain-provider-icon-32.janrain-provider-icon-placeholder {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/placeholder.png);
}

.janrain-provider-icon-48.janrain-provider-icon-placeholder {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/placeholder.png);
}

.janrain-provider-icon-16.janrain-provider-icon-renren {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/renren.png);
}

.janrain-provider-icon-24.janrain-provider-icon-renren {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/renren.png);
}

.janrain-provider-icon-32.janrain-provider-icon-renren {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/renren.png);
}

.janrain-provider-icon-48.janrain-provider-icon-renren {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/renren.png);
}

.janrain-provider-icon-16.janrain-provider-icon-salesforce {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/salesforce.png);
}

.janrain-provider-icon-24.janrain-provider-icon-salesforce {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/salesforce.png);
}

.janrain-provider-icon-32.janrain-provider-icon-salesforce {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/salesforce.png);
}

.janrain-provider-icon-48.janrain-provider-icon-salesforce {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/salesforce.png);
}

.janrain-provider-icon-16.janrain-provider-icon-sinaweibo {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/sinaweibo.png);
}

.janrain-provider-icon-24.janrain-provider-icon-sinaweibo {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/sinaweibo.png);
}

.janrain-provider-icon-32.janrain-provider-icon-sinaweibo {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/sinaweibo.png);
}

.janrain-provider-icon-48.janrain-provider-icon-sinaweibo {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/sinaweibo.png);
}

.janrain-provider-icon-16.janrain-provider-icon-soundcloud {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/soundcloud.png);
}

.janrain-provider-icon-24.janrain-provider-icon-soundcloud {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/soundcloud.png);
}

.janrain-provider-icon-32.janrain-provider-icon-soundcloud {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/soundcloud.png);
}

.janrain-provider-icon-48.janrain-provider-icon-soundcloud {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/soundcloud.png);
}

.janrain-provider-icon-16.janrain-provider-icon-tumblr {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/tumblr.png);
}

.janrain-provider-icon-24.janrain-provider-icon-tumblr {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/tumblr.png);
}

.janrain-provider-icon-32.janrain-provider-icon-tumblr {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/tumblr.png);
}

.janrain-provider-icon-48.janrain-provider-icon-tumblr {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/tumblr.png);
}

.janrain-provider-icon-16.janrain-provider-icon-twitter {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/twitter.png);
}

.janrain-provider-icon-24.janrain-provider-icon-twitter {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/twitter.png);
}

.janrain-provider-icon-32.janrain-provider-icon-twitter {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/twitter.png);
}

.janrain-provider-icon-48.janrain-provider-icon-twitter {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/twitter.png);
}

.janrain-provider-icon-16.janrain-provider-icon-verisign {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/verisign.png);
}

.janrain-provider-icon-24.janrain-provider-icon-verisign {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/verisign.png);
}

.janrain-provider-icon-32.janrain-provider-icon-verisign {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/verisign.png);
}

.janrain-provider-icon-48.janrain-provider-icon-verisign {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/verisign.png);
}

.janrain-provider-icon-16.janrain-provider-icon-vk {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/vk.png);
}

.janrain-provider-icon-24.janrain-provider-icon-vk {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/vk.png);
}

.janrain-provider-icon-32.janrain-provider-icon-vk {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/vk.png);
}

.janrain-provider-icon-48.janrain-provider-icon-vk {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/vk.png);
}

.janrain-provider-icon-16.janrain-provider-icon-vzn {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/vzn.png);
}

.janrain-provider-icon-24.janrain-provider-icon-vzn {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/vzn.png);
}

.janrain-provider-icon-32.janrain-provider-icon-vzn {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/vzn.png);
}

.janrain-provider-icon-48.janrain-provider-icon-vzn {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/vzn.png);
}

.janrain-provider-icon-16.janrain-provider-icon-wordpress {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/wordpress.png);
}

.janrain-provider-icon-24.janrain-provider-icon-wordpress {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/wordpress.png);
}

.janrain-provider-icon-32.janrain-provider-icon-wordpress {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/wordpress.png);
}

.janrain-provider-icon-48.janrain-provider-icon-wordpress {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/wordpress.png);
}

.janrain-provider-icon-16.janrain-provider-icon-yahoo {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/yahoo.png);
}

.janrain-provider-icon-24.janrain-provider-icon-yahoo {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/yahoo.png);
}

.janrain-provider-icon-32.janrain-provider-icon-yahoo {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/yahoo.png);
}

.janrain-provider-icon-48.janrain-provider-icon-yahoo {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/yahoo.png);
}

.janrain-provider-icon-customopenid {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.janrain-provider-icon-grayscale-aol {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/aol.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-blogger {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/blogger.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-email {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/email.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-disqus {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/disqus.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-facebook {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/facebook.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-flickr {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/flickr.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-foursquare {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/foursquare.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-google {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/google.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-hyves {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/hyves.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-janrain {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/janrain.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-linkedin {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/linkedin.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-live_id {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/live_id.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-livejournal {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/livejournal.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-mixi {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/mixi.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-myopenid {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/myopenid.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-myspace {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/myspace.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-netlog {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/netlog.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-openid {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/openid.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-orkut {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/orkut.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-paypal {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/paypal.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-placeholder {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/placeholder.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-renren {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/renren.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-salesforce {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/salesforce.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-sinaweibo {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/sinaweibo.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-soundcloud {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/soundcloud.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-tumblr {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/tumblr.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-twitter {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/twitter.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-verisign {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/verisign.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-vk {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/vk.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-vzn {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/vzn.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-wordpress {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/wordpress.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-grayscale-yahoo {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/yahoo.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.janrain-provider-icon-bg.janrain-provider-icon-aol {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/aol.png);
  background-color: white;
  -moz-background-size: 80% 80%;
  -o-background-size: 80% 80%;
  -webkit-background-size: 80% 80%;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.janrain-provider-icon-bg.janrain-provider-icon-flickr {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/flickr.png);
  background-color: white;
  -moz-background-size: 80% 80%;
  -o-background-size: 80% 80%;
  -webkit-background-size: 80% 80%;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.janrain-provider-icon-bg.janrain-provider-icon-livejournal {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/livejournal.png);
  background-color: white;
  -moz-background-size: 80% 80%;
  -o-background-size: 80% 80%;
  -webkit-background-size: 80% 80%;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.janrain-provider-icon-bg.janrain-provider-icon-mixi {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/mixi.png);
  background-color: white;
  -moz-background-size: 80% 80%;
  -o-background-size: 80% 80%;
  -webkit-background-size: 80% 80%;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.janrain-provider-icon-bg.janrain-provider-icon-myopenid {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/myopenid.png);
  background-color: white;
  -moz-background-size: 80% 80%;
  -o-background-size: 80% 80%;
  -webkit-background-size: 80% 80%;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.janrain-provider-icon-bg.janrain-provider-icon-myspace {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/myspace.png);
  background-color: white;
  -moz-background-size: 80% 80%;
  -o-background-size: 80% 80%;
  -webkit-background-size: 80% 80%;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.janrain-provider-icon-bg.janrain-provider-icon-netlog {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/netlog.png);
  background-color: white;
  -moz-background-size: 80% 80%;
  -o-background-size: 80% 80%;
  -webkit-background-size: 80% 80%;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.janrain-provider-icon-bg.janrain-provider-icon-openid {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/openid.png);
  background-color: white;
  -moz-background-size: 80% 80%;
  -o-background-size: 80% 80%;
  -webkit-background-size: 80% 80%;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.janrain-provider-icon-bg.janrain-provider-icon-orkut {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/orkut.png);
  background-color: white;
  -moz-background-size: 80% 80%;
  -o-background-size: 80% 80%;
  -webkit-background-size: 80% 80%;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.janrain-provider-icon-bg.janrain-provider-icon-paypal {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/paypal.png);
  background-color: white;
  -moz-background-size: 80% 80%;
  -o-background-size: 80% 80%;
  -webkit-background-size: 80% 80%;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.janrain-provider-icon-bg.janrain-provider-icon-renren {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/renren.png);
  background-color: white;
  -moz-background-size: 80% 80%;
  -o-background-size: 80% 80%;
  -webkit-background-size: 80% 80%;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.janrain-provider-icon-bg.janrain-provider-icon-sinaweibo {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/sinaweibo.png);
  background-color: white;
  -moz-background-size: 80% 80%;
  -o-background-size: 80% 80%;
  -webkit-background-size: 80% 80%;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.janrain-provider-icon-bg.janrain-provider-icon-verisign {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/verisign.png);
  background-color: white;
  -moz-background-size: 80% 80%;
  -o-background-size: 80% 80%;
  -webkit-background-size: 80% 80%;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.janrain-provider-icon-16.janrain-provider-icon-bg.janrain-provider-icon-twitter {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/16/twitter_bg.png);
}

.janrain-provider-icon-24.janrain-provider-icon-bg.janrain-provider-icon-twitter {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/24/twitter_bg.png);
}

.janrain-provider-icon-32.janrain-provider-icon-bg.janrain-provider-icon-twitter {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/32/twitter_bg.png);
}

.janrain-provider-icon-48.janrain-provider-icon-bg.janrain-provider-icon-twitter {
  background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/48/twitter_bg.png);
}

.janrain-provider-icon-48 {
  width: 48px;
  height: 48px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.janrain-provider-icon-32 {
  width: 32px;
  height: 32px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.janrain-provider-icon-24 {
  width: 24px;
  height: 24px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.janrain-provider-icon-16 {
  width: 16px;
  height: 16px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.janrain-provider-bg-color-aol {
  background-color: #000;
}

.janrain-provider-text-color-aol {
  color: #000 !important;
}

a.janrain-provider-text-color-aol {
  color: #000 !important;
}
a.janrain-provider-text-color-aol:hover {
  color: black !important;
}

.janrain-provider-bg-color-blogger {
  background-color: #F7931E;
}

.janrain-provider-text-color-blogger {
  color: #F7931E !important;
}

a.janrain-provider-text-color-blogger {
  color: #F7931E !important;
}
a.janrain-provider-text-color-blogger:hover {
  color: #c26c07 !important;
}

.janrain-provider-bg-color-email {
  background-color: #009DDC;
}

.janrain-provider-text-color-email {
  color: #009DDC !important;
}

a.janrain-provider-text-color-email {
  color: #009DDC !important;
}
a.janrain-provider-text-color-email:hover {
  color: #006690 !important;
}

.janrain-provider-bg-color-disqus {
  background-color: #2E9FFF;
}

.janrain-provider-text-color-disqus {
  color: #2E9FFF !important;
}

a.janrain-provider-text-color-disqus {
  color: #2E9FFF !important;
}
a.janrain-provider-text-color-disqus:hover {
  color: #0079e1 !important;
}

.janrain-provider-bg-color-facebook {
  background-color: #3B5998;
}

.janrain-provider-text-color-facebook {
  color: #3B5998 !important;
}

a.janrain-provider-text-color-facebook {
  color: #3B5998 !important;
}
a.janrain-provider-text-color-facebook:hover {
  color: #263961 !important;
}

.janrain-provider-bg-color-flickr {
  background-color: #0063DB;
}

.janrain-provider-text-color-flickr {
  color: #0063DB !important;
}

a.janrain-provider-text-color-flickr {
  color: #0063DB !important;
}
a.janrain-provider-text-color-flickr:hover {
  color: #00408f !important;
}

.janrain-provider-bg-color-foursquare {
  background-color: #1769B4;
}

.janrain-provider-text-color-foursquare {
  color: #1769B4 !important;
}

a.janrain-provider-text-color-foursquare {
  color: #1769B4 !important;
}
a.janrain-provider-text-color-foursquare:hover {
  color: #0e4170 !important;
}

.janrain-provider-bg-color-google {
  background-color: #61A6FB;
}

.janrain-provider-text-color-google {
  color: #61A6FB !important;
}

a.janrain-provider-text-color-google {
  color: #61A6FB !important;
}
a.janrain-provider-text-color-google:hover {
  color: #167cf9 !important;
}

.janrain-provider-bg-color-hyves {
  background-color: #FFAA00;
}

.janrain-provider-text-color-hyves {
  color: #FFAA00 !important;
}

a.janrain-provider-text-color-hyves {
  color: #FFAA00 !important;
}
a.janrain-provider-text-color-hyves:hover {
  color: #b37700 !important;
}

.janrain-provider-bg-color-janrain {
  background-color: #009DDC;
}

.janrain-provider-text-color-janrain {
  color: #009DDC !important;
}

a.janrain-provider-text-color-janrain {
  color: #009DDC !important;
}
a.janrain-provider-text-color-janrain:hover {
  color: #006690 !important;
}

.janrain-provider-bg-color-linkedin {
  background-color: #005A87;
}

.janrain-provider-text-color-linkedin {
  color: #005A87 !important;
}

a.janrain-provider-text-color-linkedin {
  color: #005A87 !important;
}
a.janrain-provider-text-color-linkedin:hover {
  color: #00273b !important;
}

.janrain-provider-bg-color-live_id {
  background-color: #3E73B4;
}

.janrain-provider-text-color-live_id {
  color: #3E73B4 !important;
}

a.janrain-provider-text-color-live_id {
  color: #3E73B4 !important;
}
a.janrain-provider-text-color-live_id:hover {
  color: #2a4f7b !important;
}

.janrain-provider-bg-color-livejournal {
  background-color: #2B5889;
}

.janrain-provider-text-color-livejournal {
  color: #2B5889 !important;
}

a.janrain-provider-text-color-livejournal {
  color: #2B5889 !important;
}
a.janrain-provider-text-color-livejournal:hover {
  color: #19334f !important;
}

.janrain-provider-bg-color-mixi {
  background-color: #D1AD5A;
}

.janrain-provider-text-color-mixi {
  color: #D1AD5A !important;
}

a.janrain-provider-text-color-mixi {
  color: #D1AD5A !important;
}
a.janrain-provider-text-color-mixi:hover {
  color: #ae8831 !important;
}

.janrain-provider-bg-color-myopenid {
  background-color: #20499D;
}

.janrain-provider-text-color-myopenid {
  color: #20499D !important;
}

a.janrain-provider-text-color-myopenid {
  color: #20499D !important;
}
a.janrain-provider-text-color-myopenid:hover {
  color: #132b5d !important;
}

.janrain-provider-bg-color-myspace {
  background-color: #000;
}

.janrain-provider-text-color-myspace {
  color: #000 !important;
}

a.janrain-provider-text-color-myspace {
  color: #000 !important;
}
a.janrain-provider-text-color-myspace:hover {
  color: black !important;
}

.janrain-provider-bg-color-netlog {
  background-color: #000;
}

.janrain-provider-text-color-netlog {
  color: #000 !important;
}

a.janrain-provider-text-color-netlog {
  color: #000 !important;
}
a.janrain-provider-text-color-netlog:hover {
  color: black !important;
}

.janrain-provider-bg-color-openid {
  background-color: #F8921C;
}

.janrain-provider-text-color-openid {
  color: #F8921C !important;
}

a.janrain-provider-text-color-openid {
  color: #F8921C !important;
}
a.janrain-provider-text-color-openid:hover {
  color: #c26b06 !important;
}

.janrain-provider-bg-color-orkut {
  background-color: #B90C91;
}

.janrain-provider-text-color-orkut {
  color: #B90C91 !important;
}

a.janrain-provider-text-color-orkut {
  color: #B90C91 !important;
}
a.janrain-provider-text-color-orkut:hover {
  color: #710759 !important;
}

.janrain-provider-bg-color-paypal {
  background-color: #1F356F;
}

.janrain-provider-text-color-paypal {
  color: #1F356F !important;
}

a.janrain-provider-text-color-paypal {
  color: #1F356F !important;
}
a.janrain-provider-text-color-paypal:hover {
  color: #0e1833 !important;
}

.janrain-provider-bg-color-renren {
  background-color: #005EAC;
}

.janrain-provider-text-color-renren {
  color: #005EAC !important;
}

a.janrain-provider-text-color-renren {
  color: #005EAC !important;
}
a.janrain-provider-text-color-renren:hover {
  color: #003460 !important;
}

.janrain-provider-bg-color-salesforce {
  background-color: #333;
}

.janrain-provider-text-color-salesforce {
  color: #333 !important;
}

a.janrain-provider-text-color-salesforce {
  color: #333 !important;
}
a.janrain-provider-text-color-salesforce:hover {
  color: #0d0d0d !important;
}

.janrain-provider-bg-color-sinaweibo {
  background-color: #D72829;
}

.janrain-provider-text-color-sinaweibo {
  color: #D72829 !important;
}

a.janrain-provider-text-color-sinaweibo {
  color: #D72829 !important;
}
a.janrain-provider-text-color-sinaweibo:hover {
  color: #971c1d !important;
}

.janrain-provider-bg-color-soundcloud {
  background-color: #FF4C13;
}

.janrain-provider-text-color-soundcloud {
  color: #FF4C13 !important;
}

a.janrain-provider-text-color-soundcloud {
  color: #FF4C13 !important;
}
a.janrain-provider-text-color-soundcloud:hover {
  color: #c63000 !important;
}

.janrain-provider-bg-color-tumblr {
  background-color: #31516F;
}

.janrain-provider-text-color-tumblr {
  color: #31516F !important;
}

a.janrain-provider-text-color-tumblr {
  color: #31516F !important;
}
a.janrain-provider-text-color-tumblr:hover {
  color: #1a2a3a !important;
}

.janrain-provider-bg-color-twitter {
  background-color: #27C9FF;
}

.janrain-provider-text-color-twitter {
  color: #27C9FF !important;
}

a.janrain-provider-text-color-twitter {
  color: #27C9FF !important;
}
a.janrain-provider-text-color-twitter:hover {
  color: #00a3da !important;
}

.janrain-provider-bg-color-verisign {
  background-color: #FFC10C;
}

.janrain-provider-text-color-verisign {
  color: #FFC10C !important;
}

a.janrain-provider-text-color-verisign {
  color: #FFC10C !important;
}
a.janrain-provider-text-color-verisign:hover {
  color: #bf8e00 !important;
}

.janrain-provider-bg-color-vzn {
  background-color: #EE0000;
}

.janrain-provider-text-color-vzn {
  color: #EE0000 !important;
}

a.janrain-provider-text-color-vzn {
  color: #EE0000 !important;
}
a.janrain-provider-text-color-vzn:hover {
  color: #a20000 !important;
}

.janrain-provider-bg-color-vk {
  background-color: #45668E;
}

.janrain-provider-text-color-vk {
  color: #45668E !important;
}

a.janrain-provider-text-color-vk {
  color: #45668E !important;
}
a.janrain-provider-text-color-vk:hover {
  color: #2c415b !important;
}

.janrain-provider-bg-color-wordpress {
  background-color: #21759B;
}

.janrain-provider-text-color-wordpress {
  color: #21759B !important;
}

a.janrain-provider-text-color-wordpress {
  color: #21759B !important;
}
a.janrain-provider-text-color-wordpress:hover {
  color: #14455c !important;
}

.janrain-provider-bg-color-yahoo {
  background-color: #670267;
}

.janrain-provider-text-color-yahoo {
  color: #670267 !important;
}

a.janrain-provider-text-color-yahoo {
  color: #670267 !important;
}
a.janrain-provider-text-color-yahoo:hover {
  color: #1c011c !important;
}

.janrain-provider-bg-color-tumblr {
  background-color: #31516F;
}

.janrain-provider-text-color-tumblr {
  color: #31516F !important;
}

a.janrain-provider-text-color-tumblr {
  color: #31516F !important;
}
a.janrain-provider-text-color-tumblr:hover {
  color: #1a2a3a !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.1), only screen and (min-resolution: 100dpi) {
  *[class*="janrain-provider-icon-"] {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-aol {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/aol.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-aol {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/aol.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-blogger {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/blogger.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-blogger {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/blogger.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-email {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/email.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-email {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/email.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-disqus {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/disqus.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-disqus {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/disqus.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-facebook {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/facebook.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-facebook {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/facebook.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-flickr {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/flickr.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-flickr {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/flickr.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-foursquare {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/foursquare.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-foursquare {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/foursquare.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-google {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/google.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-google {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/google.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-hyves {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/hyves.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-hyves {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/hyves.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-janrain {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/janrain.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-janrain {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/janrain.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-linkedin {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/linkedin.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-linkedin {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/linkedin.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-live_id {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/live_id.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-live_id {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/live_id.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-livejournal {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/livejournal.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-livejournal {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/livejournal.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-mixi {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/mixi.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-mixi {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/mixi.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-myopenid {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/myopenid.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-myopenid {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/myopenid.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-myspace {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/myspace.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-myspace {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/myspace.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-netlog {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/netlog.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-netlog {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/netlog.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-openid {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/openid.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-openid {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/openid.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-orkut {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/orkut.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-orkut {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/orkut.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-paypal {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/paypal.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-paypal {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/paypal.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-placeholder {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/placeholder.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-placeholder {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/placeholder.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-renren {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/renren.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-renren {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/renren.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-salesforce {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/salesforce.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-salesforce {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/salesforce.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-sinaweibo {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/sinaweibo.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-sinaweibo {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/sinaweibo.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-soundcloud {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/soundcloud.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-soundcloud {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/soundcloud.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-tumblr {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/tumblr.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-tumblr {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/tumblr.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-twitter {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/twitter.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-twitter {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/twitter.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-verisign {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/verisign.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-verisign {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/verisign.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-vk {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/vk.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-vk {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/vk.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-vzn {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/vzn.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-vzn {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/vzn.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-wordpress {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/wordpress.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-wordpress {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/wordpress.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-yahoo {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/yahoo.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-grayscale-yahoo {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/grayscale/yahoo.png);
  }

  [class*="janrain-provider-icon-"].janrain-provider-icon-twitter.janrain-provider-icon-bg {
    background-image: url(http://cdn.quilt.janrain.com/2.1.5/icons/janrain-providers/twitter_bg.png);
  }
}

Comments