.badgePopup{ float:left; width:600px; height:482px; background:#f2f2f2; border:1px solid #ccc;position: absolute;z-index: 99999999;}
.badgePopup .badgeHead{ float:left; width:100%; background:#f4783d; padding:9px 15px; box-sizing:border-box; }
.badgePopup .badgeHead h2{ float:left; font-family:webly; font-size:20px; color:#fff; text-transform:uppercase; margin:0; padding:3px 0 0; font-weight:bold; max-width:150px;}
.badgePopup .badgeHead .shareIcon{ background:url(../images/shareIcon.png) 0 0 no-repeat; cursor:pointer; float:right; height:34px; width:34px; margin-right:10px;}
.badgePopup .badgesInfo{ box-sizing:border-box; float:left; width:100%;}
.badgePopup .badgesInfo ul{ list-style:none; margin:0; padding:0}
.badgePopup .badgesInfo li{ height:170px; width:170px; margin:25px 0 10px 22px; border-radius:10px; float:left; text-align:center; background:#fff; box-shadow:0 0 5px #999 }
.badgePopup .badgesInfo li .starBox{background:#143066; width:64px; margin-top:8px; padding:3px 0; border-radius:20px; display:inline-block}
.badgePopup .badgesInfo li .starBox font{ font-size:15px; padding-right:2px; color:#fff; font-family:webly; display:inline-block; }
.badgePopup .badgesInfo li .starBox .imageStar{display:inline-block; margin-bottom:5px; }
.badgePopup .badgesInfo li .winningBadge{ float:left; width:100%; height:90px; padding:10px 0 0; text-align:center;}
.badgePopup .badgesInfo li .winningBadge img{max-height:86px}
.badgePopup .badgesInfo li .winnerBadgeName{ font-family:calibri, calibriregular; line-height:22px; font-weight:bold; float:left; font-size:16px; color:#444; text-align:center; width:100%}
.badgePopup .badgesInfo {
  height: 430px;
  overflow-y: auto;
}
.badgePopup .badgesInfo ul {
  overflow: hidden;
}