.badges-to-go {  }
.badges-to-go .badge-series-container { text-align: center; }
.badges-to-go .series-selector-container { display: table; margin: 0px auto 0px auto; height: 10px; border: 1px solid #a6a6a6; border-bottom: 0px; }
.badges-to-go .series-selector { padding: 4px 10px; margin: -14px 10px; background-color: #323639; }
.badges-to-go .splitter { margin: 0px -25px 0px -25px; }
.badges-to-go .splitter ul.series li.selected a { color: #ffff00; }
.badges-to-go .splitter.badge-series { display: inline-block; padding-top: 19px; border-radius: 50px 50px 0px 0px; background: none; background-color: #323639; }

#noBadgeMessage { position: absolute; top: 340px; left: 300px; height: 400px; width: 600px; }
#noBadgeMessage img { height: 100%; width: 100%; }
#noBadgeMessage .button { top: -70px; left: 36%; width: 120px; }

.badges-to-go .badge-container h2 { text-align: left; }
.badges-to-go .badge-container h3 { text-align: left; font-size:14px;margin-top:12px;}
.badges-to-go .badge-list li { width: 120px; position: absolute; height: 170px; cursor: pointer; }
.badges-to-go img { width: 120px; height: 120px; }
.badges-to-go .badge-list {position:relative; margin:35px; }
.badges-to-go .badge-list li .name { color: #fff; font-size: 13px; text-align: center; line-height: 13px; margin-top: 2px; font-weight: bold; text-shadow: 0 0 3px rgba(255, 255, 255, 0.85); }
.badges-to-go .badge-list li .requirement { color: #797F85; font-size: 11px; text-align: center; line-height: 16px; margin-left:-20px;margin-right:-20px;}
.badges-to-go .badge-list li .to-go { color: #797F85; font-size: 11px; text-align: center; line-height: 12px; }
.badges-to-go .badge-list li .to-go .value { color: #bbb; }
.badges-to-go .badge-list li .to-go .unit { color: #999; font-size:0.8em;}
.badges-to-go .badge-list li .rarity { display: none; color: #797F85; font-size: 11px; text-align: center; line-height: 12px; }
.badges-to-go .badge-list li .rarity .value { color: #bbb; }
.badges-to-go .badge-list li .multiple { color: #666; background-color: #fff; position: absolute; top: 0px; right: -10px; width:15px; height:15px; font-size:13px; text-align:center; vertical-align:middle; line-height:15px; border-radius:15px; font-weight:bold; padding:4px; }
.badges-to-go .got-badge { opacity: 1.0; }
.badges-to-go .not-got-badge { opacity: 0.1; }


.badges-to-go .badge-container { position: relative; height: 1640px; margin-top: 20px; }
.badges-to-go .badge-container .badge-series { position: absolute; display: none; }
.badges-to-go .badge-container .badge-series.series-1 { display: block; }
.badges-to-go .badge-container .badge-series.series-4 ul { margin-top: 40px; }
.badges-to-go .badge-container .badge-series.series-4 li { display: inline-block; position: relative; margin-right:60px;}

.badges-to-go.pro-locked .badge-container .badge-series.series-3 li .to-go { display: none; }
.badges-to-go.pro-locked .badge-container .badge-series.series-3 li div{ opacity:0.3;}
.badges-to-go.pro-locked .badge-container .badge-series.series-3 li:after{content:url("../images/badges/lock-23x33.png");position:absolute;top:50px;left:55px;}

.badges-to-go .badge-series .designer { position: absolute; left: 675px; top: 1485px; width: 200px; font-size: 13px; color: #444; }
.badges-to-go .badge-series .designer a { color: #555; }

.splitter.filter-sort { height: 23px; }
.splitter { background: url("../images/splitter/splitter.png") repeat-x scroll 0 100% #35393C; border-bottom: 1px solid #1D1F21; font-size: 12px; padding: 6px 40px 5px; text-align: center; }

.splitter:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; }
.splitter ul { margin-right: 0; margin-top: 0; }
.splitter > li { padding-left: 8px; }
.splitter > li ul { margin-left: 8px; }
.splitter ul li a { border-bottom: 0 none; position: static; }

.splitter li,
.splitter ul,
.splitter ul li a { float: left; line-height: 1; }

.splitter ul,
.splitter ul li,
.splitter ul li a { background-image: url("../images/splitter/buttons.png"); background-repeat: no-repeat; }

.splitter ul { background-position: 0 -138px; background-repeat: repeat-x; }
.splitter ul li { margin-left: 1px; }
.splitter ul li:first-child { margin-left: 0; }
.splitter ul li a { color: #070708; padding: 5px 8px 6px; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); }

.splitter ul li.segment-0,
.splitter ul li.segment-2 { background-position: -3px -92px; }

.splitter ul li.segment-1 { background-position: 0 -92px; }
.splitter ul li.segment-0 a,
.splitter ul li.segment-1 a { background-position: 0 -161px; }
.splitter ul li.segment-2 a { background-position: 100% -115px; }

.splitter ul li.segment-0.selected a,
.splitter ul li.segment-1.selected a, .splitter ul li.segment-2.selected a { color: #FFFFFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.splitter ul li.segment-0.selected,
.splitter ul li.segment-2.selected { background-position: 0 -23px; }

.splitter ul li.segment-0.selected a,
.splitter ul li.segment-1.selected a { background-position: 100% -46px; }

.splitter ul li.segment-1.selected { background-position: 0 0; }
.splitter ul li.selected-2 a { background-position: 100% -69px; }