html, body { margin: 0; padding: 0; color: #f5fbfe; font-family: 'Europop'; background: transparent;}
#blanker { width: 660px; height: 450px; position: relative; margin-top: -450px; background-color: rgba(0, 0, 0, 0.45); z-index: 100; display: none; overflow: hidden;}
#blanker .success { font-size: 60px; width: 660px; text-align: center; top: 210px; font-weight: Bold;}
.footerMessage .correct { font-weight: Bold; color: #75f175;}
.footerMessage .wrong { font-weight: Bold; color: #f17575;}
.xp { font-size: 18px;}
.footerMessage .xp cufon { margin-top: -10px;}
#spinner { margin: 175px 0 0 280px;}
.clickable:hover { opacity: .8; cursor: pointer;}
.clickable:active { opacity: .7; cursor: pointer;}
#bottomButton { height: 52px; width: 93px;}
button { line-height: 1px; outline: 0;}
.interfaceButton { background: transparent; background-image: url('../images/sprites/buttons.png?1'); border-style: none; font-family: 'Europop'; color: #f5fbfe; cursor: pointer; -webkit-font-smoothing: antialiased; font-weight: Bold; padding: 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);}
.bottomButton { font-size: 30px;}
.bottomButtonHover { background-position: 0 -52px !important;}
.buttonPress { margin: 1px !important; color: #f0e6cd !important;}
.bottomButtonPress { background-position: 0 -104px !important;}
.bottomButtonBigger { background-position: -94px 0 !important; width: 143px; height: 52px;}
.bottomButtonBiggerHover { background-position: -94px -52px !important;}
.bottomButtonBiggerPress { background-position: -94px -104px !important;}
.bottomButtonGrey { background-position: -240px -104px !important; color: #fff !important; cursor: default !important;}
.buttonHolder { height: 52px; width: 94px; float: right; margin: 12px 8px 0 0;}
.buttonHolderBigger { width: 144px !important;}
#footer { background-image: url('../images/footer.png?1'); background-repeat: no-repeat; height: 75px; width: 660px; overflow: hidden; padding-top: 1px;}
#console { background-image: url('../images/background.jpg'); height: 375px; width: 660px;}
.header { overflow: hidden; position: relative; height: 79px; display: inline-block; width: 660px; text-align: center;}
.header img { position: relative;}
#preload { position: absolute; top: -2000px; visibility: hidden;}
.normalBar { background-image: url('../images/sprites/panels.png?1'); height: 47px; width: 310px; background-position: -410px 0; font-size: 22px; line-height: 1px; letter-spacing: 1px; padding-left: 16px; float: left; margin-left: 38px; margin-top: 25px;}
.smallerBar { height: 43px; width: 233px; background-position: -609px -99px; float: right; padding-left: 0; margin-left: 0; margin-right: 41px; text-align: center;}
.smallestBar { width: 197px; background-position: -410px -99px; float: right; padding-left: 0; margin-left: 0; margin-right: 41px; text-align: center;}
.normalBar span { display: block; opacity: .88; padding-top: 20px;}
#progressBar { margin: 10px 0 0 20px; left: -500px; opacity: 0;}
#progressBar div { position: absolute; width: 312px; height: 34px; margin: 3px 0 0 -14px; background-image: url('../images/sprites/inplay.png?1');}
#progressBar .green { background-position: 0 -247px;}
#progressBar .yellow { width: 310px; background-position: 0 -197px;}
#progressBar .red { width: 310px; background-position: 0 -297px;}
#progressBar .categoryTitle { background: none !important; font-size: 24px; margin: 9px -5px;}
.answerDuration { width: 111px; height: 44px; background-position: -317px -197px; background-image: url('../images/sprites/inplay.png?1'); float: left; margin-right: 16px; overflow: hidden; top: 400px; opacity: 0.5;}
.answerDuration.correct { background-position: -317px -247px;}
.answerDuration.wrong { background-position: -317px -297px;}
.answerDuration.current { background-position: -317px -36px !important;}
.answerDuration div { font-size: 30px; font-weight: Bold; text-align: center; margin-left: -5px;}
#answerDurations { width: 640px; left: 20px; height: 60px; top: 70px; clear: both; overflow: hidden;}
#answerDurationsContainer { width: 0; height: 60px;}
#challengesBox, .usersBox { background-image: url('../images/sprites/panels.png?1'); height: 183px; width: 585px; background-position: 0 -239px; font-size: 22px; clear: both; margin-left: 38px; top: 400px;}
.homeInstruction { width: 365px; height: 55px; font-size: 19px; text-align: center; line-height: 15px; padding: 7px 0 0 25px !important; float: left;}
#challengesBox button, .middlePanel button, #userFrameSearch button, #gameOutcome button, .usersBox button { height: 31px; width: 149px; font-size: 22px; float: left; position: relative; top: 12px; left: 25px;}
#challengesBox button, .middlePanel button, #gameOutcome button, #userFrameSearch button, .inviter button { background-position: -237px 0;}
.middlePanel button, #gameOutcome button, #userFrameSearch button { top: 8px; left: auto; float: none; clear: both;}
#gameOutcome #buttonContainer { display: block; clear: both; top: 50px; left: 253px; opacity: 0;}
#challenges, .usersBoxBelow { height: 112px !important; width: 553px !important; padding: 0 15px 8px 15px !important; margin: 55px 5px 0 0 !important; text-align: left; overflow: hidden; position: absolute;}
#noChallenges, .noPlayers { display: block; width: 550px; text-align: center; line-height: 110px; font-size: 26px;}
.buttonNewGameHover { background-position: -237px -34px !important;}
.buttonNewGamePress { background-position: -237px -68px !important;}
.buttonSearchHover { background-position: -548px -34px !important;}
.buttonSearchPress { background-position: -548px -68px !important;}
.noSearch { background-position: -237px 0;}
button.search { background-position: -548px 0; width: 72px !important;}
div.search { width: 73px !important;}
.screen { height: 375px; width: 660px; position: absolute !important; overflow: hidden; display: none; top: 0; left: 0; z-index: 1;}
.footerMessage { font-size: 28px; float: left; width: 558px; height: 70px; text-align: center; line-height: 24px; margin-top: 23px; display: none;}
div { position: relative; -moz-user-select: none; -webkit-user-select: none; -moz-outline-style: none; outline: 0;}
.topHide { top: -100px;}
.unlocked { background-position: -389px 0 !important;}
#startNewGame button, #pickACategory button, #answerPanel button { background-position: 0 -158px; height: 51px; width: 302px; font-size: 36px; position: relative; margin: 0;}
#answerPanel { text-align: left;}
#answerPanel div { float: left; margin: 5px -7px 0px 12px; height: 53px; width: 304px; opacity: 0;}
#answerPanel div button { float: left; font-size: 23px; overflow: hidden; padding: 1px 10px 0 10px;}
#answerPanel button img { position: absolute; top: 0px; height: 36px; width: 36px; border-radius: 2px; margin: 9px; box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.75); -webkit-box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.75); -moz-box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.75);}
#answerPanel button img.leftPlayer { left: 0px;}
#answerPanel button img.rightPlayer { right: 0px;}
.buttonQuestionSmall { background-position: -430px -317px !important; width: 199px !important; font-size: 20px !important;}
.small { width: 200px !important;}
.smallText { font-size: 15px !important;}
.small button { padding: 2px 10px 0 10px !important;}
.buttonOpponentMethodHover { background-position: 0 -211px !important;}
.buttonOpponentMethodPress { background-position: 0 -263px !important;}
.buttonOpponentMethodBlue, .buttonQuestion { background-position: 0 -317px !important;}
.buttonOpponentMethodBlueHover, .buttonQuestionHover { background-position: 0 -370px !important;}
.buttonOpponentMethodBluePress, .buttonQuestionPress { background-position: 0 -423px !important; color: #cde6f0 !important;}
#answerPanel .wrong { background-position: 0 -476px !important;}
#answerPanel .correct { background-position: 0 -529px !important;}
.buttonQuestionSmallHover { background-position: -430px -370px !important;}
.buttonQuestionSmallPress { background-position: -430px -423px !important; color: #cde6f0 !important;}
#answerPanel .smallwrong { background-position: -430px -476px !important;}
#answerPanel .smallcorrect { background-position: -430px -529px !important;}
.opponentMethodContainer { height: 57px; width: 304px; margin: 20px 0 -15px 179px; opacity: 0;}
.unlockBox div { font-size: 30px; overflow: hidden; width: 131px;}
.unlockBox div cufon canvas { margin-top: -6px;}
.unlockBoxContainer { width: 143px; height: 52px; display: inline-block; margin: 10px; vertical-align: top;}
.unlockBoxes { width: 566px; padding: 0; margin: -10px auto; left: -5px;}
#pickACategory .opponentMethodContainer { margin: 25px 0 -15px 179px;}
#category1 { margin-top: 40px !important;}
.clear { clear: both; float: left;}
.option { float: left; width: 0;}
#optionsBox, #categoryBox { height: 145px; width: 300px; font-size: 22px; line-height: 38px; letter-spacing: 1px; padding-left: 11px; top: 400px; left: 165px;}
#optionsBox .clear div:last-child { margin-left: 100px; top: 1px;}
#categoryBox { width: 660px; left: -5px; text-align: center; padding: 0; font-size: 30px; font-weight: Bold; letter-spacing: 0px; margin-top: 10px;}
.l1 { left: -310px;}
.l2 { left: 350px;}
.challengeBox { width: 178px !important; height: 51px !important; padding: 0 !important; margin: 5px 2px 0 3px !important; background-image: url('../images/sprites/boxes.png?1'); float: left; cursor: pointer; font-size: 17px; font-weight: Bold;}
.newChallenge { background-position: 0 0 !important; font-family: "#87ccff";}
.readyToPlay { background-position: 0 -52px !important; font-family: "#97e995";}
.waiting { background-position: -179px -52px !important; font-family: "#b7b7b7";}
.gameOver { background-position: -179px 0 !important; font-family: "#f3a756";}
.challengeBox img { height: 36px; width: 35px; position: absolute; left: 9px; top: 8px; border-radius: 3px !important;}
#challengeScores { left: -400px;}
#bestScore { left: 350px;}
#welcome { top: -100px; left: -3px;}
div[id^='ascrail'] { opacity: 0; display: none;}
.challengeBox .status, .challengeBox .username { position: absolute !important; left: 55px !important; margin: -3px 0 0 !important;}
.challengeBox .status { top: 30px !important; display: block !important;}
.challengeBox div:first-child { top: 6px !important;}
.username, .status { margin-top: -3px !important;}
.ribbon { display: block; width: 85px; height: 88px; overflow: hidden; position: absolute; z-index: 88; top: -5px; right: -5px;}
.ribbon.tiny { width: 43px; height: 44px; top: -4px; right: -4px;}
.ribbon-inner { display: block; font-weight: bold; font-size: 15px; line-height: 15px; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -7px; top: 17px; width: 120px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -webkit-text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px; -moz-text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px; text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px;}
.tiny>.ribbon-inner { font-size: 10px; line-height: 10px; padding: 3px 0; left: -2px; top: 7px; width: 60px;}
.ribbon-inner:before, .ribbon-inner:after { content: ''; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid; border-top-color: inherit; position: absolute; bottom: -3px;}
.tiny>.ribbon-inner:before, .tiny>.ribbon-inner:after { border-left-width: 2px; border-right-width: 2px; border-top-width: 2px; bottom: -2px;}
.ribbon-inner:before { left: 1px;}
.ribbon-inner:after { right: 1px;}
.ribbon-inner { color: white; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; font-family: 'Europop'; margin-top: 3px; margin-left: -3px; top: 5px !important; left: 0 !important; position: relative; font-size: 14px !important; font-weight: Bold;}
.newChallenge .ribbon-inner { background: #44a0c8; background: -webkit-linear-gradient(top, #2a7597, #44a0c8); background: -moz-linear-gradient(top, #2a7597, #44a0c8); background: -ms-linear-gradient(top, #2a7597, #44a0c8); background: -o-linear-gradient(top, #2a7597, #44a0c8); background: linear-gradient(top, #2a7597, #bdbdbd); border-color: #0b6085;}
.gameOver .ribbon-inner { background: #b1603c; background: -webkit-linear-gradient(top, #984d2a, #b1603c); background: -moz-linear-gradient(top, #984d2a, #b1603c); background: -ms-linear-gradient(top, #984d2a, #b1603c); background: -o-linear-gradient(top, #984d2a, #b1603c); background: linear-gradient(top, #984d2a, #b1603c); border-color: #853611;}
.readyToPlay .ribbon-inner { background: #3fb575; background: -webkit-linear-gradient(top, #2b995d, #3fb575); background: -moz-linear-gradient(top, #2b995d, #3fb575); background: -ms-linear-gradient(top, #2b995d, #3fb575); background: -o-linear-gradient(top, #2b995d, #3fb575); background: linear-gradient(top, #2b995d, #3fb575); border-color: #105e18;}
.waiting .ribbon-inner { background: #aaa; background: -webkit-linear-gradient(top, #888, #bdbdbd); background: -moz-linear-gradient(top, #888, #bdbdbd); background: -ms-linear-gradient(top, #888, #bdbdbd); background: -o-linear-gradient(top, #888, #bdbdbd); background: linear-gradient(top, #888, #bdbdbd); border-color: #444;}
.ribbonContainer { width: 43px; overflow: hidden; height: 38px; position: relative; left: 134px; top: 1px; float: none !important; margin: 0 !important;}
.new { display: none;}
.dn { display: none !important;}
.usersFrame { display: none;}
.usersFrame:first-child { display: block;}
#modals { position: absolute; position: fixed; z-index: 999300; top: 0; right: 0; left: 0;}
#modals.with-blocker { bottom: 0;}
.modal-blocker { position: absolute; z-index: 89; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0); -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -ms-transition: background-color 300ms; -o-transition: background-color 300ms; transition: background-color 300ms;}
.modal-blocker.visible { background: rgba(0, 0, 0, 0.45);}
.modal { position: absolute; z-index: 89; left: 0; top: 0; padding: 20px; -webkit-background-clip: padding-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border-width: 1px; border-style: solid; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 0 3px rgba(255, 255, 255, 0.25), 0 3px 9px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 0 3px rgba(255, 255, 255, 0.25), 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 0 3px rgba(255, 255, 255, 0.25), 0 3px 9px rgba(0, 0, 0, 0.5); overflow: hidden; font-size: 19px;}
.modal b { font-size: 20px;}
.modal img { float: left; padding: 0 20px 0 0;}
.modal div { text-align: justify;}
.modal-bg { background: white; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: -15px; padding: 20px; color: #666;}
.modal-content { overflow: hidden;}
.modal-scroll { overflow: auto;}
.modal-bar { height: 38px; line-height: 38px; cursor: move; margin: -20px -20px 20px -20px; padding: 0 12px; -webkit-background-clip: padding-box; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.15);}
.modal-buttons { margin: 10px -20px -20px -20px; padding: 10px 20px 20px; -webkit-background-clip: padding-box; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
.modal-buttons.low-padding { padding: 10px;}
.modal { background: #101010; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #3d3d3d, #101010); background: -moz-linear-gradient(top, #3d3d3d, #101010); background: -ms-linear-gradient(top, #3d3d3d, #101010); background: -o-linear-gradient(top, #3d3d3d, #101010); background: linear-gradient(top, #3d3d3d, #101010); color: white; border-color: #191919;}
.modal-bar { -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 50%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 50%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 50%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 50%); background: linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 50%);}
.glossy { background: #dcdce0; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0); background: -moz-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0); background: -ms-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0); background: -o-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0); background: linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0);}
.glossy:hover { background: #e8e8eb; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb); background: -moz-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb); background: -ms-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb); background: -o-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb); background: linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);}
.button:active { background: #dbdbdb; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #bdbdbd, #dbdbdb); background: -moz-linear-gradient(top, #bdbdbd, #dbdbdb); background: -ms-linear-gradient(top, #bdbdbd, #dbdbdb); background: -o-linear-gradient(top, #bdbdbd, #dbdbdb); background: linear-gradient(top, #bdbdbd, #dbdbdb);}
.blue-gradient.glossy { background: #0a5db8 url(../images/gradients/blue-gradient.png?1) repeat-x; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8); background: -moz-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8); background: -ms-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8); background: -o-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8); background: linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);}
.blue-gradient.glossy:hover { background: #056fc9; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9); background: -moz-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9); background: -ms-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9); background: -o-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9); background: linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9);}
.blue-gradient:active, .blue-gradient.active { background: #005fb4; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #003475, #005fb4) !important; background: -moz-linear-gradient(top, #003475, #005fb4) !important; background: -ms-linear-gradient(top, #003475, #005fb4) !important; background: -o-linear-gradient(top, #003475, #005fb4) !important; background: linear-gradient(top, #003475, #005fb4) !important;}
.red-gradient.glossy { background: #d42622 url(../images/gradients/red-gradient.png?1) repeat-x; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622); background: -moz-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622); background: -ms-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622); background: -o-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622); background: linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);}
.red-gradient.glossy:hover { background: #e94237; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237); background: -moz-linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237); background: -ms-linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237); background: -o-linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237); background: linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237);}
.red-gradient:active, .red-gradient.active { background: #e4360a; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #ce1d06, #e4360a) !important; background: -moz-linear-gradient(top, #ce1d06, #e4360a) !important; background: -ms-linear-gradient(top, #ce1d06, #e4360a) !important; background: -o-linear-gradient(top, #ce1d06, #e4360a) !important; background: linear-gradient(top, #ce1d06, #e4360a) !important;}
.green-gradient.glossy { background: #26d422 url(../images/gradients/green-gradient.png?1) repeat-x; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #83fd83, #09c309 50%, #06a706 50%, #26d422); background: -moz-linear-gradient(top, #83fd83, #09c309 50%, #06a706 50%, #26d422); background: -ms-linear-gradient(top, #83fd83, #09c309 50%, #06a706 50%, #26d422); background: -o-linear-gradient(top, #83fd83, #09c309 50%, #06a706 50%, #26d422); background: linear-gradient(top, #83fd83, #09c309 50%, #06a706 50%, #26d422);}
.green-gradient.glossy:hover { background: #42e937; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #9bfe96, #14df11 50%, #0dce0c 50%, #42e937); background: -moz-linear-gradient(top, #9bfe96, #14df11 50%, #0dce0c 50%, #42e937); background: -ms-linear-gradient(top, #9bfe96, #14df11 50%, #0dce0c 50%, #42e937); background: -o-linear-gradient(top, #9bfe96, #14df11 50%, #0dce0c 50%, #42e937); background: linear-gradient(top, #9bfe96, #14df11 50%, #0dce0c 50%, #42e937);}
.green-gradient:active, .green-gradient.active { background: #36e40a; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #1dce06, #36e40a) !important; background: -moz-linear-gradient(top, #1dce06, #36e40a) !important; background: -ms-linear-gradient(top, #1dce06, #36e40a) !important; background: -o-linear-gradient(top, #1dce06, #36e40a) !important; background: linear-gradient(top, #1dce06, #36e40a) !important;}
.grey-gradient.glossy { background: #9c9c9c url(../images/gradients/grey-gradient.png?1) repeat-x; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #ccc, #909090 50%, #757575 50%, #9c9c9c); background: -moz-linear-gradient(top, #ccc, #909090 50%, #757575 50%, #9c9c9c); background: -ms-linear-gradient(top, #ccc, #909090 50%, #757575 50%, #9c9c9c); background: -o-linear-gradient(top, #ccc, #909090 50%, #757575 50%, #9c9c9c); background: linear-gradient(top, #ccc, #909090 50%, #757575 50%, #9c9c9c);}
.orange-gradient.glossy { background: #d38800 url(../images/gradients/orange-gradient.png?1) repeat-x; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800); background: -moz-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800); background: -ms-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800); background: -o-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800); background: linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);}
.orange-gradient.glossy:hover { background: #e8a400; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #ffe326, #ffb700 50%, #eca900 50%, #f1ae00 80%, #e8a400); background: -moz-linear-gradient(top, #ffe326, #ffb700 50%, #eca900 50%, #f1ae00 80%, #e8a400); background: -ms-linear-gradient(top, #ffe326, #ffb700 50%, #eca900 50%, #f1ae00 80%, #e8a400); background: -o-linear-gradient(top, #ffe326, #ffb700 50%, #eca900 50%, #f1ae00 80%, #e8a400); background: linear-gradient(top, #ffe326, #ffb700 50%, #eca900 50%, #f1ae00 80%, #e8a400);}
.orange-gradient:active, .orange-gradient.active { background: #ffbf00; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, #ff8a00, #ffbf00) !important; background: -moz-linear-gradient(top, #ff8a00, #ffbf00) !important; background: -ms-linear-gradient(top, #ff8a00, #ffbf00) !important; background: -o-linear-gradient(top, #ff8a00, #ffbf00) !important; background: linear-gradient(top, #ff8a00, #ffbf00) !important;}
.blue-gradient, .orange-gradient, .red-gradient, .green-gradient, .grey-gradient, .active { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);}
.blue-gradient { border-color: #004795 !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6) !important;}
.orange-gradient { border-color: #cc9707 !important; text-shadow: 0 1px 0 rgba(100, 100, 0, 0.6) !important;}
.red-gradient { border-color: #931a03 !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6) !important;}
.green-gradient { border-color: #1a9303 !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6) !important;}
.grey-gradient { border-color: #aaa !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6) !important;}
.button { display: inline-block; zoom: 1; vertical-align: baseline; position: relative; text-align: center; font-weight: bold; text-transform: none; padding: 0 11px; font-size: 13px; line-height: 28px; height: 28px; -webkit-background-clip: padding-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; min-width: 6px; border-width: 1px; border-style: solid; -webkit-background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; background-position: center center !important; cursor: pointer; color: #666; border-color: #ccc; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); font-family: 'Europop'; font-size: 22px; font-weight: Bold; color: #f5fbfe;}
.active { color: #feb;}
.button:active { border: 0; padding: 1px 12px; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75), 0 1px 1px rgba(255, 255, 255, 0.35) !important;}
.button-group>.button:first-child { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.button-group>.button:last-child { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.button-group { box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3); left: 100px; top: 8px; float: left;}
.button-group.rounds a { padding: 0 8px;}
.button-group.rounds a:active { padding: 1px 9px !important;}
.button-group { margin: 1px 21px 0 0;}
.button-group>.button, .ie7 .button-group>.button { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: left; margin-left: -1px;}
.button-group>.button { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 1px 0 0 rgba(255, 255, 255, 0.35), 0px 0 1px 1px rgba(255, 255, 255, 0.15); line-height: 20px; height: 23px; font-size: 20px !important;}
.mid-margin-left { margin-left: 8px !important;}
.align-center { text-align: center !important;}
.none { display: none;}
.hidden { visibility: hidden;}
.left { float: left;}
#challengeScores span, #bestScore span { margin-top: -10px;}
#challengeScores span { position: relative; left: -3px;}
.modal-content { margin-top: -10px; overflow: hidden;}
#homePage { display: block;}
.leaderboardLeft { background-image: url('../images/sprites/scoreboard.png?1'); background-position: 0 -133px !important; width: 151px; height: 199px; top: 400px; left: -151px; float: left;}
.leaderboardRight { background-image: url('../images/sprites/scoreboard.png?1'); background-position: -149px 0 !important; width: 465px; height: 330px; top: -330px; left: 515px; float: left;}
.leaderboardRight button { background-position: -308px -161px; height: 26px; width: 82px; font-size: 20px; position: relative; margin: 0; line-height: 1px;}
.leaderboardRightGrey { background-position: -337px -106px !important; color: #d9d9d9 !important; cursor: default !important;}
.buttonBoardRightHover { background-position: -308px -190px !important;}
.buttonBoardRightPress { background-position: -308px -220px !important; margin: 0 !important;}
.leaderboardRight div { float: left; margin: 20px 5px 0 0;}
.leaderboardRight div:first-child { margin-left: 175px;}
.leaderboardLeft button { background-position: -306px -264px; height: 50px; width: 118px; font-size: 24px; position: relative; margin-left: 22px; line-height: 1px;}
.buttonBoardLeftHover { background-position: -306px -318px !important;}
.buttonBoardLeftPress { background-position: -306px -371px !important; margin: 0 0 0 22px !important;}
.leaderboardLeft div { margin-bottom: 3px;}
.leaderboardLeft div:first-child { margin-top: 19px;}
.middlePanel { background-image: url('../images/sprites/panels.png?1'); background-position: 0 -426px; height: 144px; width: 638px; text-align: center; margin: 120px auto 0 auto; overflow: hidden; font-size: 21px; line-height: 50px; top: 400px; left: 1px; opacity: 0;}
.thinPanel { background-position: 0 -569px; height: 92px; padding-top: 7px;}
.scoreBox { background-image: url('../images/sprites/panels.png?1'); background-position: -753px 0; height: 85px; width: 90px; text-align: center; float: right; margin: 10px 15px 0 0;}
.scoreBox span { display: block; margin: -2px 0 0 -4px; font-weight: Bold; font-size: 20px;}
.scoreBox.opponent { background-position: -753px -150px;}
.scoreBox img { width: 47px; height: 47px; margin: 6px 3px 0 0; border-radius: 3px;}
#scoreBoxes { top: -150px; position: absolute; right: 0px; opacity: 0;}
#scoreBoxes div:first-child { margin-right: 20px;}
.vs { background-image: url('../images/sprites/panels.png?1'); background-position: -410px -150px; height: 85px; width: 341px; text-align: center; margin: 40px auto 0 auto; line-height: 70px; font-weight: Bold; font-size: 46px; top: 400px; opacity: 0; overflow: hidden;}
.vsScroller { display: block; height: 55px; width: 315px; overflow: hidden; margin: 15px;}
.vsGame { height: 70px;}
.vsGame .container { margin: 15px 5px 0 0; font-size: 18px; line-height: 1px;}
.vsGame .container div:first-child { float: left; text-align: left !important;}
.vsGame .container div { float: right; text-align: right;}
.vsGame .container div img { position: relative; top: -1px; height: 35px; border-radius: 3px;}
.vsGame .container span { display: block; position: absolute; top: -10px; width: 312px; margin: 0 auto; font-size: 60px;}
#duelResult .vsGame .container { margin: 1px 5px 0 0;}
#startByEmail .middlePanel, #practiceInformation .middlePanel, #newLevelPage .middlePanel, #donationReminder .middlePanel { margin: 50px auto 0 auto !important; line-height: 24px !important;}
#startByEmail .middlePanel div, #practiceInformation .middlePanel div, #newLevelPage .middlePanel div, #donationReminder .middlePanel div { padding: 7px 12px 0 10px;}
.leaderBlockContainer { width: 412px; height: 240px; padding: 0; top: 15px; left: 23px; float: none !important; margin: 0 !important; clear: both; line-height: 230px; text-align: center; font-size: 30px; overflow: hidden;}
.leaderBlock { background-image: url('../images/sprites/scoreboard.png?1'); background-position: 0 -339px; width: 409px; height: 64px; margin: 0 0 5px 1px !important; box-shadow: 0 0 5px #000; overflow: hidden;}
.me { background-position: 0 -404px; color: #f6f2e8;}
.grey { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(../images/grey.svg#grey); filter: gray; -webkit-filter: grayscale(1);}
.leaderBlock>img { margin: 9px 10px; height: 47px; width: 46px; padding: 0; float: left; border-radius: 3px;}
.leaderScore img { margin: -6px 0;}
.leaderTop { margin: -96px 0 0 -50px !important; padding: 0; float: left; height: 34px !important; z-index: 10; font-size: 23px;}
.leaderBottom { margin: -68px 0 0 -50px !important; padding: 0; float: left; height: 34px !important; z-index: 10; font-size: 20px;}
.leaderScore { margin: -83px 0 0 -52px !important; padding: 0; float: left; height: 34px !important; width: 90px !important; z-index: 10; font-size: 32px; text-align: center; left: 245px;}
.leaderUnderAvatar { position: relative; top: 22px; height: 15px; width: 44px; line-height: 14px; overflow: hidden; font-size: 14px; color: white; text-align: right; left: -56px; border-radius: 0 0 3px 3px; padding-right: 2px; opacity: .88; font-weight: Bold;}
.redStrap { background: #a90329; background: url(data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #a90329 0, #8f0222 44%, #6d0019 100%); background: -webkit-linear-gradient(left, #a90329 0, #8f0222 44%, #6d0019 100%); background: -o-linear-gradient(left, #a90329 0, #8f0222 44%, #6d0019 100%); background: -ms-linear-gradient(left, #a90329 0, #8f0222 44%, #6d0019 100%); background: linear-gradient(to right, #a90329 0, #8f0222 44%, #6d0019 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=1);}
.greenStrap { background: #03a929; background: url(data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzYTkyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzAyOGYyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZkMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #03a929 0, #028f22 44%, #006d19 100%); background: -webkit-linear-gradient(left, #03a929 0, #028f22 44%, #006d19 100%); background: -o-linear-gradient(left, #03a929 0, #028f22 44%, #006d19 100%); background: -ms-linear-gradient(left, #03a929 0, #028f22 44%, #006d19 100%); background: linear-gradient(to right, #03a929 0, #028f22 44%, #006d19 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03a929', endColorstr='#006d19', GradientType=1);}
.blueStrap { background: #0329a9; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDMyOWE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjN2E4Y2ZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMTk2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, #0329a9 0, #7a8cff 44%, #00196d 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0,#0329a9), color-stop(44%,#7a8cff), color-stop(100%,#00196d)); background: -webkit-linear-gradient(left, #0329a9 0,#7a8cff 44%,#00196d 100%); background: -o-linear-gradient(left, #0329a9 0,#7a8cff 44%,#00196d 100%); background: -ms-linear-gradient(left, #0329a9 0,#7a8cff 44%,#00196d 100%); background: linear-gradient(to right, #0329a9 0,#7a8cff 44%,#00196d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0329a9', endColorstr='#00196d',GradientType=1 );}
.chameleonStrap { background: #004e5b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDA0ZTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjMzA4OTg4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNGU1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, #004e5b 0, #308988 44%, #004e5b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0,#004e5b), color-stop(44%,#308988), color-stop(100%,#004e5b)); background: -webkit-linear-gradient(left, #004e5b 0,#308988 44%,#004e5b 100%); background: -o-linear-gradient(left, #004e5b 0,#308988 44%,#004e5b 100%); background: -ms-linear-gradient(left, #004e5b 0,#308988 44%,#004e5b 100%); background: linear-gradient(to right, #004e5b 0,#308988 44%,#004e5b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004e5b', endColorstr='#004e5b',GradientType=1 );}
.goldStrap { background: #ad9c03; background: url(data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkOWMwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2M5OTEwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzZiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #ad9c03 0, #c99104 44%, #776b00 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ad9c03), color-stop(44%, #c99104), color-stop(100%, #776b00)); background: -webkit-linear-gradient(left, #ad9c03 0, #c99104 44%, #776b00 100%); background: -o-linear-gradient(left, #ad9c03 0, #c99104 44%, #776b00 100%); background: -ms-linear-gradient(left, #ad9c03 0, #c99104 44%, #776b00 100%); background: linear-gradient(to right, #ad9c03 0, #c99104 44%, #776b00 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad9c03', endColorstr='#776b00', GradientType=1);}
.silverStrap { background: #757575; background: url(data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1NzU3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Nzg3ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #757575 0, #c9c9c9 44%, #878787 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #757575), color-stop(44%, #c9c9c9), color-stop(100%, #878787)); background: -webkit-linear-gradient(left, #757575 0, #c9c9c9 44%, #878787 100%); background: -o-linear-gradient(left, #757575 0, #c9c9c9 44%, #878787 100%); background: -ms-linear-gradient(left, #757575 0, #c9c9c9 44%, #878787 100%); background: linear-gradient(to right, #757575 0, #c9c9c9 44%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#878787', GradientType=1);}
.bronzeStrap { background: #844a02; background: url(data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0NGEwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzliNTQwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDQ3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #844a02 0, #9b5403 44%, #6d4700 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #844a02), color-stop(44%, #9b5403), color-stop(100%, #6d4700)); background: -webkit-linear-gradient(left, #844a02 0, #9b5403 44%, #6d4700 100%); background: -o-linear-gradient(left, #844a02 0, #9b5403 44%, #6d4700 100%); background: -ms-linear-gradient(left, #844a02 0, #9b5403 44%, #6d4700 100%); background: linear-gradient(to right, #844a02 0, #9b5403 44%, #6d4700 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#844a02', endColorstr='#6d4700', GradientType=1);}
.star { background-image: url('../images/sprites/inplay.png?1'); background-position: -300px 0; margin: 0 !important; width: 33px; height: 33px;}
.star.tiny, .outcomeContainer.tiny .star { background-position: -344px -8px !important; width: 26px !important; height: 26px !important;}
.fr { float: right !important;}
.outcomeContainer > .highScore { background-image: url('../images/sprites/inplay.png?1'); background-position: -353px -90px; margin: 0 !important; width: 53px; height: 85px; top: -128px; left: 308px; visibility: hidden;}
.outcomeContainer.tiny > .highScore { background-position: -256px 0; width: 39px; height: 63px; top: -95px; left: 220px;}
.outcomeContainer.best > .highScore { visibility: visible;}
.scoresStarContainer { margin: 0 !important; float: right; height: 26px; width: 78px; text-align: right; left: 110px; top: 8px;}
#yourScores .title, #leaderBoard .title { width: 150px; height: 50px; margin: 0; background-image: url('../images/headings/your-scores.png?1'); position: absolute; left: 20px; top: 8px;}
#leaderBoard .title { background-image: url('../images/headings/leaderboard.png?1') !important;}
#yourScores .scores, #leaderBoard .week { background-position: 0 0;}
#yourScores .challenges, #leaderBoard .month { background-position: 0 -52px;}
#yourScores .trophies, #leaderBoard .all { background-position: 0 -104px;}
#one, #two, #three { position: absolute; height: 180px; width: 232px; float: left; left: 700px; top: 110px; opacity: 0; background-image: url('../images/countdown.png?1');}
#three { background-position: 0 0;}
#two { background-position: -232px 0;}
#one { background-position: -464px 0;}
#trophyBoxContainer img { float: left; margin: 5px 0 0 15px;}
#trophyBoxContainer span { font-size: 32px; width: 290px; float: left; margin-top: 10px; text-align: center;}
#trophyBoxContainer div { clear: left; margin-left: 15px; top: 15px; height: 135px; width: 360px; font-size: 22px; vertical-align: middle; display: table-cell; text-align: center; left: -30px;}
#resultsBox, #trophyBox { width: 400px; height: 238px; background-image: url('../images/sprites/panels.png?1'); top: 400px; left: 130px; position: absolute; opacity: 0;}
#resultsBoxContainer, #trophyBoxContainer { overflow: hidden; top: 4px; left: -1px; width: 388px; height: 221px;}
#resultsBoxContainer div { width: 382px; height: 43px; margin-left: 5px; border-bottom: 1px solid #254b5d; clear: both;}
#resultsBoxContainer div:first-child { margin-top: 2px;}
#resultsBoxContainer div:first-child .logo { margin: 6px 0 0 10px !important;}
#resultsBoxContainer div .songTitle { margin: 4px 0 0 74px; float: left; font-weight: Bold;}
#resultsBoxContainer div:first-child .songTitle { margin-top: 3px;}
.songTitle span { font-weight: Normal; font-size: 14px; position: relative; top: -3px;}
.logo { width: 54px !important; height: 28px !important; position: absolute; margin: 7px 0 0 10px !important; border: 1px solid #adbac0 !important; left: 0px;}
.flag img { width: 16px; height: 16px;}
.flag { position: relative; top: 1px !important;}
.avatar { background-image: url('../images/avatar.png?1'); width: 40px !important; height: 37px !important; overflow: hidden; display: block; float: right; margin-left: 5px;}
.strap { top: -16px; height: 12px !important; left: -3px; width: 36px !important; border-radius: 0 0 2px 2px; opacity: .88;}
.strap span { top: -4px !important; position: absolute; right: 2px; font-size: 13px; font-weight: Bold; display: block;}
.avatar img { height: 34px; width: 36px; margin: 2px 0 0 2px !important; border-radius: 2px; }
.avatarContainer { overflow: hidden; float: right; width: 90px !important; height: 37px !important; border: none !important; clear: none !important;}
.fb { border:none; overflow:hidden; width:110px; height:22px; visibility: hidden;}
.twitter { visibility: hidden;}
iframe { display: inline;}
#social { position: absolute;}
.outcomeContainer { opacity: 0; float: left; left: -400px; margin-top: 30px;}
.outcomeContainer.tiny { left: 400px; top: 25px;}
.outcomeContainer > .outcome { width: 352px; height: 102px; background-position: 0 -81px; background-image: url('../images/sprites/inplay.png?1'); overflow: hidden;}
.outcomeContainer.tiny > .outcome { width: 245px; height: 74px; background-position: 0 0;}
.outcomeContainer.lost > .outcome { background-position: 0 -351px; width: 255px;}
.outcomeContainer.middle { margin: 50px 0 0 159px; top: 400px; left: 0;}
.outcomeContainer .star { float: left; top: -138px; left: 222px; padding-left: 2px;}
.outcomeContainer.tiny .star { float: left; top: -101px; left: 159px; padding-left: 0px;}
.outcome img { border-radius: 5px; margin: 17px 0 0 26px;}
.outcomeContainer.tiny > .outcome img { border-radius: 3px; margin: 14px 0 0 19px; width: 45px;}
#gameResult, #newTrophy { left: -3px;}
.outcome .title { font-weight: Bold; color: #ffbb00; margin: -85px 0 0 105px; font-size: 30px; display: block;}
.outcome .points { font-weight: Bold; margin: 16px 0 0 107px; font-size: 22px; display: block;}
.outcomeContainer.tiny > .outcome .title { margin: -60px 0 0 78px; font-size: 20px;}
.outcomeContainer.tiny > .outcome .points { margin: 13px 0 0 79px; font-size: 16px;}
.outcomeContainer.lost > .outcome .title { color: #d3d3d3;}
#newScores { position: absolute; height: 40px; width: 238px; left: 38px; margin-top: -7px; overflow: hidden;}
#scoresContainer { text-align: left; font-family: 'Cambo'; font-size: 45px; font-weight: Normal; line-height: 48px;}
#scoresContainer span { font-size: 32px; width: 238px; margin: 50px 0 0 -2px; display: block; text-align: center; clear: both;}
#scoresContainer div { overflow: hidden; float: left !important; height: 50px;}
#ourScore { margin-left: 30px; width: 80px; text-align: left;}
#theirScore { width: 80px;}
#roundContainer { clear: both; position: absolute; top: -150px; width: 57px; font-size: 24px; font-weight: Bold; background-position: -594px -239px; left: 345px; opacity: 0;}
#roundCounter { margin-top: 7px; height: 24px; width: 55px; overflow: hidden !important;}
.trophy { max-width: 255px;}
.trophyIcon { height: 48px; width: 48px;}
.leaderUnderAvatar.challenges { left: 9px; width: 33px; height: 12px; top: 32px; font-size: 14px; position: absolute; line-height: 12px; border-radius: 0 0 2px 2px;}
.vsStrap { width: 33px !important; left: 0px !important; top: 22px !important; position: absolute !important; font-size: 14px !important; line-height: 12px !important; border-radius: 0 0 2px 2px !important;}
.silverStrap.challenges { color: #111;}
.clearB { clear: both;}
.meter { height: 13px; position: relative; background: #04354c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0MzU0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODVlODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #04354c 0%, #085e88 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04354c), color-stop(100%,#085e88)); background: -webkit-linear-gradient(top, #04354c 0%,#085e88 100%); background: -o-linear-gradient(top, #04354c 0%,#085e88 100%); background: -ms-linear-gradient(top, #04354c 0%,#085e88 100%); background: linear-gradient(to bottom, #04354c 0%,#085e88 100%); border-radius: 20px; padding: 3px; box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); width: 225px; margin: 6px -6px;}
.meter > span { display: block; height: 100%; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: rgb(43,194,83); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84))); background-image: -moz-linear-gradient(center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69%); background-image: -o-linear-gradient(center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69%); background-image: -ms-linear-gradient(center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69%); box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); position: relative; overflow: hidden;}
.meter > span:after, .animate > span > span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent)); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); z-index: 1; background-size: 50px 50px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden;}
.animate > span:after { display: none; }
.orange > span { background-color: #f1a165; background-image: -moz-linear-gradient(top, #f1a165, #f36d0a); background-image: -o-linear-gradient(top, #f1a165, #f36d0a); background-image: -ms-linear-gradient(top, #f1a165, #f36d0a); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));}
.red > span { background-color: #f0a3a3; background-image: -moz-linear-gradient(top, #f0a3a3, #f42323); background-image: -o-linear-gradient(top, #f0a3a3, #f42323); background-image: -ms-linear-gradient(top, #f0a3a3, #f42323); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));}
.green > span { background-color: rgb(43,194,83); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(43,194,83)),color-stop(1, rgb(84,240,84))); background-image: -moz-linear-gradient(center bottom,rgb(43,194,83) 37%,rgb(84,240,84) 69%); background-image: -o-linear-gradient(center bottom,rgb(43,194,83) 37%,rgb(84,240,84) 69%); background-image: -ms-linear-gradient(center bottom,rgb(43,194,83) 37%,rgb(84,240,84) 69%);}
.done > span { border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.meter span { margin-top: 0px;}
#levelStats { width: 300px; text-align: left; font-size: 18px; margin: -13px 18px;}
#summaryBox, #donationBox { background-image: url('../images/sprites/summary.png?1'); height: 330px; width: 640px; overflow: hidden; margin: 25px 8px; top: 400px; opacity: 0;}
#performanceHeader, #donationHeader { margin: 10px 165px;}
#chart { width: 247px; height: 247px; opacity: 0; margin: -30px 5px;}
#donationText { margin: -8px 37px; font-size: 18px; clear: both; }
#summaryResults { top: -190px; left: 250px; font-size: 22px; clear: both;}
#summaryResults div { margin-top: -3px;}
#summaryResults div span { font-weight: Bold;}
.one { color: #ffc946;}
.two { color: #a4a4a4;}
.three { color: #d9a64d;}
.gain { color: #7bff65;}
.loss { color: #ff7b65;}
.summaryContainer { border-radius: 5px; height: 37px; box-shadow: rgba(255, 255, 255, 0.1) -1px -1px 1px, rgba(255, 255, 255, 0.1) -1px -1px 1px inset; width: 345px; left: 8px; margin-top: 5px !important; margin-bottom: 7px !important; overflow: hidden;}
.summary { width: 343px; overflow: hidden;}
.summaryItems { margin-top: 3px; height: 42px;}
.summaryItems div { margin-right: 3px; margin-top: 6px !important; float: left; overflow: hidden;}
.summaryItems div img { width: 36px; border-radius: 3px}
.summaryItems div:last-child { margin-right: 0px;}
.leaderSummary { width: 345px; margin-top: -24px !important;}
.summaryStrap { top: 24px !important; width: 34px !important; text-align: center !important;}
.summaryStrap strong { margin-left: 2px; font-weight: Normal;}
.nudge { top: 74px; left: -92px; width: 40px; position: absolute;}
.textBoxContainer, .textBoxContainer2, .textBoxContainer3 { margin: -5px auto 0 auto; width: 250px; background: #aaa; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background: -webkit-linear-gradient(top, white, #aaa); background: -moz-linear-gradient(top, white, #aaa); background: -ms-linear-gradient(top, white, #aaa); background: -o-linear-gradient(top, white, #aaa); background: linear-gradient(top, white, #aaa); border-color: #cccccc; box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 0), inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 0 rgba(51, 153, 255, 0); -webkit-background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: -webkit-box-shadow 400ms; -moz-transition: -moz-box-shadow 400ms; -ms-transition: box-shadow 400ms; -o-transition: box-shadow 400ms; transition: box-shadow 400ms; border: 0; padding: 5px 2px 2px 2px; font-size: 12px; top: 20px; font-family: Arial;}
.textBoxContainer input, .textBoxContainer2 input { height: 25px; background: none; box-shadow: none; font-weight: Bold; text-align: center; margin-top: -10px; position: relative; top: -1px;}
.textBoxContainer2, .textBoxContainer3 { margin-left: 0; margin-right: 0; top: -20px; left: 100px;}
.textBoxContainer3 { width: 444px !important;}
.textBoxContainer2 input, textarea { top: 3px; text-align: left; margin-left: 3px;}
textarea { height: 58px; width: 440px !important; resize: none; background: transparent !important; box-shadow: none !important; font-weight: Bold; margin-top: -10px; position: relative; top: 3px !important; text-align: left; margin-left: 3px !important; padding: 0px !important; font-family: Arial !important;}
input:focus, select:focus, textarea:focus, button:focus { outline: none;}
.rightStrap { float: right !important;}
.optional { font-size: 14px; position: relative; top: -70px;}
.invite1, .invite2 { line-height: 12px; top: 10px;}
.invite2 { top: 6px;}
.pickerButton { width: 150px; height: 32px; float: left; margin-right: 5px;}
.pickerButton:first-child { margin-left: -5px;}
#userFrameSearch button { top: 5px !important;}
#userFrameSearch { text-align: center;}
#userFrameSearch .textBoxContainer input { top: 3px;}
#donationCategories { height: 165px; padding-bottom: 5px; overflow: hidden; margin: 20px 45px 0 45px;}
.cufonButton { padding-bottom: 3px !important;}
button::-moz-focus-inner { border: 0;}
/* Fixes */.safari .username, .safari .status { margin-top: -4px !important;}
.mac.gecko .username, .mac.gecko .status { margin-top: 1px !important;}
.opera .username, .opera .status { margin-top: 0 !important;}
.linux.gecko .username { margin-top: -1px !important;}
.safari .scoreBox span, .mac.gecko .scoreBox span, .ie .scoreBox span { margin-top: -2px !important;}
.opera .scoreBox span { margin-top: -1px !important;}
.win.chrome .scoreBox span { margin-top: -3px !important;}
.win.gecko .scoreBox span { margin-top: -4px !important;}
.safari .outcome .title, .win.chrome .outcome .title, .win.gecko .outcome .title { margin-top: -87px !important;}
.mac.gecko .outcome .title { margin-top: -81px !important;}
.safari .tiny .outcome .title { margin-top: -62px !important;}
.gecko .tiny .outcome .title { margin-top: -61px !important;}
.ie .tiny .outcome .title, .linux.chrome .tiny .outcome .title { margin-top: -62px !important;}
.win.chrome .tiny .outcome .title { margin-top: -63px !important;}
.gecko .outcome .points { margin-top: 18px !important;}
.gecko .tiny .points { margin-top: 12px !important;}
.safari .answerDuration div, .win.gecko .answerDuration div { margin-top: -1px !important;}
.mac.gecko .answerDuration div { margin-top: 5px !important;}
.mac.opera .answerDuration div { margin-top: 3px !important;}
.win.opera .answerDuration div { margin-top: 2px !important;}
.safari .buttonQuestion cufon { margin-top: 3px !important;}
.opera .buttonQuestion cufon { margin-top: 1px !important;}
.opera #pickACategory cufon { margin-top: 1px !important;}
.opera #duelResult { margin-top: 0px !important;}
.safari .leaderUnderAvatar cufon, .win.chrome .leaderUnderAvatar cufon, .win.gecko .leaderUnderAvatar cufon, .ie .leaderUnderAvatar cufon { margin-top: -2px !important;}
.safari .button-group cufon { margin-top: -2px !important;}
.mac.gecko .button-group cufon { margin-top: 2px !important;}
.opera .button-group cufon { margin-top: 1px !important;}
.safari .opponentMethodContainer cufon, .gecko .opponentMethodContainer cufon { margin-top: 1px !important;}
.gecko .challengeBox:last-child { margin-bottom: 7px !important;}
.gecko .bottomButton cufon { margin-top: -2px !important;}
.opera #practiceInformation .middlePanel div, .opera #donationReminder .middlePanel div, .win.chrome #practiceInformation .middlePanel div, .win.chrome #donationReminder .middlePanel div { padding: 9px 12px 0 10px !important;}
.opera #newLevelPage .middlePanel div, .win.chrome #newLevelPage .middlePanel div { padding: 7px 12px 0 10px !important;}
.mac.gecko #startByEmail .middlePanel div, .gecko #practiceInformation .middlePanel div, .gecko #donationReminder .middlePanel div { padding: 10px 12px 0 10px !important;}
.gecko #newLevelPage .middlePanel div { padding: 7px 12px 0 10px !important;}
.mac.gecko #preload, .linux.gecko #preload { font-family: 'gecko';}
.win.gecko .vsScroller cufon, .win.chrome .vsScroller cufon { margin-top: -4px !important;}
.win.gecko .vsGame .container div cufon, .win.chrome .vsGame .container div cufon { margin-top: 0 !important;}
.gecko .flag { top: -1px !important;}
.mac.gecko #resultsBoxContainer .strap cufon, .ie #resultsBoxContainer .strap cufon, .opera #resultsBoxContainer .strap cufon { margin-top: 3px !important;}
win.gecko .resultScoreBox, mac.gecko .resultScoreBox { margin-top: 0 !important;}
linux.gecko .resultScoreBox { margin-top: 2px !important;}
.win.chrome .resultScoreBox { margin-top: -1px !important;}
.win.chrome .songTitle { position: relative !important; top: -2px !important;}
.mac.gecko #resultsBoxContainer .strap, .win.chrome #resultsBoxContainer .strap { margin-top: -2px !important;}
.gecko #duelResult cufon { margin-top: 0 !important;}
.gecko .vsGame cufon { margin-top: 0 !important;}
.mac.gecko .leaderBottom cufon, .mac.gecko .leaderScore cufon, .linux.gecko .leaderBottom cufon, .linux.gecko .leaderScore cufon { margin-top: 3px !important;}
.opera .leaderBottom cufon { margin-top: 5px !important;}
.opera .cufonButton { padding-bottom: 1px !important;}
.linux.chrome .leaderBottom cufon { margin-top: 2px !important;}
.mac.gecko .leaderBlockContainer .leaderUnderAvatar cufon, .opera .leaderBlockContainer .leaderUnderAvatar cufon { margin-top: 1px !important;}
.ie .leaderBlockContainer .leaderUnderAvatar cufon { margin-top: 0 !important;}
.gecko .leaderboardRight button cufon { margin-top: -2px !important;}
.gecko #trophyBoxContainer div { margin: 60px 47px !important; position: absolute;}
.ie .summaryStrap cufon { margin-top: -1px !important;}