.hide{display: none;}
#matchupView a{outline:none;}

#matchupView{width: 640px; height: 400px; background: #32373a url(../../img/mug-shot-match-up/pollView_bg.png); margin: 0 auto; overflow: hidden;}

#matchupView .ifact-head{margin: 0; padding: 0; margin: 25px 0 0 45px; width: 308px; height: 33px; display: block; background: url(../../img/mug-shot-match-up/sprite_matchup.png) no-repeat;text-indent: -9999em; position: absolute;}
#matchupView .ifact-desc{width: 241px; height: 18px; background: url(../../img/mug-shot-match-up/sprite_matchup.png) 0 -269px no-repeat; text-indent: -9999em; margin: 5px 0 0 45px; display: none;}

#matchupView p{font-size: 20px; opacity: .7;  display: block; color: #ffffff; margin: 0 0 40px; padding: 0;}


.lf{float: left;}
.ri{float: right;}

/*Intro*/
#matchupView #intro {background: url(../../img/mug-shot-match-up/intro.png); color: #fff;padding: 70px 45px 0px; padding: 74px 45px 0px;}
#matchupView #intro p{margin:-5px 0px 20px 0px; font-size: 22px; display: block;width:584px;}
#matchupView #intro #startGame{background: url(../../img/mug-shot-match-up/sprite_matchup.png) 0 -157px; width: 57px; height: 29px; display: block; text-indent: -9999em;}
#matchupView #intro #introCopy{position: absolute; width: 600px; z-index: 100;font-family:'Trade Gothic W01 Bold';}

/*Choose/Roundabout/Cycle*/
#matchupView #choose{padding: 74px 5px 0px;}
#matchupView #choose .inner{margin: 30px 0 0 0;}
#matchupView #gallery .inner{overflow: hidden; margin: 80px 0 0 0;height:338px;}
#matchupView #progression{height:412px;}
#matchupView #progression .inner{overflow: hidden; margin: 50px 0 0 0; position:relative;}
#matchupView #progression .inner .bktoMatching{margin-top: 25px;margin-bottom:25px;}
#matchupView #progression .gallerySelect{position:relative;margin-top:20px;}
#matchupView #choose .slideRemote{padding: 0px 17px 0px 8px;}
#matchupView #choose #subhead{font-size:15px;margin-top:-10px;margin-left:42px;}

#matchupView #choose .roundabout-holder {list-style: none;width: 250px;height: 210px;margin-right:20px;margin-left:7px;}
#matchupView #choose .roundabout-moveable-item {height: 178px;width: 204px;cursor: pointer;}
#matchupView #choose .roundabout-in-focus {cursor: auto;}
#matchupView #choose #userRoundabout{float:right; margin-right:40px;  }
#matchupView #choose #userRoundabout img{height: 100%; width: 100%;}
#matchupView #choose #userRoundabout ul{}

#roundaboutControls{position:absolute;z-index:3000;}
#roundaboutControls #next{text-indent: -9999em; overflow: hidden; display: block; width:51px;
height:71px;position:relative;left:593px;top:100px;}
#roundaboutControls #previous{text-indent: -9999em; overflow: hidden; display: block; width:51px;
height:71px;position:relative;left:260px;top:28px;}

#matchupView #choose #userRoundabout #remoteBlocker{z-index:1999;position: absolute; overflow: hidden; margin-top: 100px; margin-left: -60px;  width: 380px;}

#matchupView #choose #userRoundabout #nextBlocker{z-index:2000;background: url(../../img/mug-shot-match-up/nextRound.png) no-repeat;
height: 43px; width: 40px; display: block; text-indent: -9999em; float: right;position:relative;left:5px;top:2px;}

#matchupView #choose #userRoundabout #previousBlocker{z-index:1999;background: url(../../img/mug-shot-match-up/prevRound.png) no-repeat;
height: 43px; width: 44px; display: block; text-indent: -9999em; float: left;position:relative;top:2px;left:0px;}	


/*Intro*/
#userCycle{width: 174px; height: 172px; float: left; padding: 22px 0 0 21px; margin-left: 20px;}
#userCycle ul{height: 152px; display: block; margin: 0; padding: 0;}
#userCycle ul li{list-style-type: none; }
#userCycle #remote{background: url(../../img/mug-shot-match-up/sprite_matchup.png) -202px -86px no-repeat;
width: 111px; height: 13px; position: absolute; margin: 140px 0px 0px 25px; padding: 7px 4px; z-index: 100;}
#userCycle #remote a{text-indent: -9999em;}

#userCycle img{height: 155px; width: 152px;}

#userCycle #remote span{font-family:'Trade Gothic W01 Bold';text-transform: uppercase; font-size: 11px;color: #a41a1a; text-align: center; display: block; position: absolute; width: 70px;position:relative;top:-1px;left:8px;}

#userCycle #remote #ucnext{background: url(../../img/mug-shot-match-up/sprite_matchup.png) -40px -93px;float: left; width: 14px; height:20px;position:relative;top:-18px;left:-5px;}
#userCycle #remote #ucprevious{background: url(../../img/mug-shot-match-up/sprite_matchup.png) -55px -93px; float: right; width: 14px; height:20px; margin: -5px -4px 0 0;}

.galleryWrap .slide img{height: 155px;width: 152px;}


#guess{padding: 74px 0px 0px;}
#guess #matchYearsText{color: #ffffff; text-align: center; font-size: 17px; margin: 30px 0 0px;}
#guess .col{margin-top: 50px;}
#guess .col.lf{width: 330px;}
#guess .col.ri{width: 310px;}

#guess .slide{margin-left: 10px;}
#guess .slide img{height: 155px;width: 152px;border: 1px solid;}
.slide{background: url(../../img/mug-shot-match-up/sprite_matchup.png) no-repeat top right;height: 172px;padding: 22px 0px 0px 21px;width: 174px;float:left;}
.slide img{max-width: 155px; max-height: 152px;}

#guess .slide2{margin-left: 5px;}
.slide2{background: url(../../img/mug-shot-match-up/slidebg.png) no-repeat top right;height: 172px;padding: 13px 0px 0px 10px;width: 150px;float:left;}
.slide2 img{max-width: 125px; max-height: 122px;margin-left:11px;}

.polaroid{width: 160px; padding-top:10px;}


#guess #userRoundabout{float: left;}
#guess #sliderWrap{ padding: 0px;float: right; margin: 10px;}
#guess #slideBg{background: url(../../img/mug-shot-match-up/slider_bg.png) no-repeat !important;  height: 20px; padding: 0 15px;width: 266px;}

#guess #slider{width: 270px; border: none; background: none; padding: 0; margin: 10px 0px;}


#guess .slideline{border-top: none; border-bottom: none; display: block; }
#guess .ui-slider .ui-slider-handle{width: 25px; height: 35px; background: url(../../img/mug-shot-match-up/sprite_matchup.png) -25px -34px no-repeat; border: none; top: -1em;}
#guess .ui-slider .ui-slider-handle.green{background: url(../../img/mug-shot-match-up/sprite_matchup.png) 0 -34px no-repeat;}
#guess .ui-slider .ui-slider-handle.red{background: url(../../img/mug-shot-match-up/sprite_matchup.png) -50px -34px no-repeat;}
#guess .gallerySelect{top: 42px/*65px;*/}
#guess #amount{background: none; text-transform: uppercase;border:0; color:#fff;margin-left:-10px; position:relative;top:-4px;}
#guess #amount #number{font-size:18px;}
#guess #amount #label{font-size:14px;}

#guess #submitGuess{background: url(../../img/mug-shot-match-up/sprite_matchup.png) 0 -196px; padding: 2px 10px; margin: 5px auto; display: block; clear: both; width: 50px; text-indent: -9999em;}
#guess #matchAgain{background:  url(../../img/mug-shot-match-up/sprite_matchup.png) 0 -225px; text-indent: -9999em; width: 81px; height: 23px; display:block; margin: 35px 0px 0px 100px; clear: both;}


#progression h3{color: #fff; text-align: center;}
#progression #remote{position: absolute; margin: 100px 0px 0px 25px; padding: 5px; z-index: 100;width: 552px;left:60px;}
#progression #remote a{text-indent: -9999em;}
#progression #remote #next{background: url(../../img/mug-shot-match-up/sprite_matchup.png) no-repeat -20px -90px; height: 24px; width: 19px; display: block; text-indent: -9999em; float: right;}
#progression #remote #previous{background: url(../../img/mug-shot-match-up/sprite_matchup.png) no-repeat 0 -90px; height: 24px; width: 19px; display: block; text-indent: -9999em; float: left;}
#progression .cycle{width: 583px; height: 146px; margin: 0 auto; text-align: center;}
#progression .cycle li{list-style-type: none;}

/* Gallery Selection - little polaroids at the bottom of the slide/view */
.gallerySelect{margin: 0 50px; padding: 0; position: relative; top: 0px /*23px*/;height:50px;width: 100%; clear: both; }  /* top was 310px before global use of list */
.gallerySelect li{float: left; margin-left: -15px; display: inline-block;}
/*.gallerySelect li img{width: 53px; height: 58px;}*/
.gallerySelect li a{display: block; opacity: .5;}
#progression #timeTakenProgression, #gallery #timeTakenGallery{font-size:18px;color: #fff; text-align: center;position:relative;top:6px;left:322px;}

.gallerySelect .galleryActive a{opacity: 1.0 !important; /*margin-top: -20px;*/}

#progression .inner{}
#gallery{height: 412px !important;}
#gallery .galleryWrap{margin: 50px auto 0; width: 400px; overflow: hidden; padding: 0 25px;position:relative;top:-10px;}
#gallery #remote{width: 550px; margin: 0 auto; z-index:1000; margin-top: 120px; position: absolute;     left: 50%; margin-left: -260px;}
#gallery #remote #next{background: url(../../img/mug-shot-match-up/nextRound.png) no-repeat; height: 42px; width: 35px; display: block; text-indent: -9999em; float: right;}
#gallery #remote #previous{background: url(../../img/mug-shot-match-up/prevRound.png) no-repeat; height: 42px; width: 35px; display: block; text-indent: -9999em; float: left;}

.viewFullProgression{position:relative;top:132px;left:-444px;width: 140px; height: 15px;background: url(../../img/mug-shot-match-up/sprite_matchup.png) -90px -141px no-repeat; display: block; margin-left: 45px; text-indent: -9999em;}
.bktoMatching{width: 107px; height: 15px;background: url(../../img/mug-shot-match-up/sprite_matchup.png) -90px -124px no-repeat; display: block; margin-left: 45px; text-indent: -9999em;}
.content #matchupView h1{opacity:1.0;}
#intro, #choose, #guess, #progression,#gallery{height: 338px; overflow: hidden; background: #32373a url(../../img/mug-shot-match-up/pollView_bg.png);}

#userRoundabout .chooseImg{position: absolute; top: 0; background: url(../../img/mug-shot-match-up/sprite_matchup.png) 0 -196px; display: block;clear: both;height: 19px; width:58px; top:150px; left: 50%; margin-left: -30px; text-indent: -9999em;}
#userRoundabout .roundabout-in-focus .chooseImg{display: block; }
#userRoundabout .roundabout-in-focus .chooseImgHide{display: none; }
#userRoundabout .roundabout-in-focus .tryAgainImgShow{display: block; }

.stampCorrect{width: 86px; height: 29px; background: url(../../img/mug-shot-match-up/sprite_matchup.png) -94px -39px  no-repeat;}
.stampTryAgain{width: 100px; height:30px; background: url(../../img/mug-shot-match-up/sprite_matchup.png) -194px -39px  no-repeat;}

#userRoundabout .stampCorrect{position: absolute; top: 146px;left: 50%; margin-left: -40px;}
#userRoundabout .stampTryAgain{position: absolute; top:145px;left: 50%; margin-left: -46px;}

.roundabout-in-focus .stampCorrect, .roundabout-in-focus .stampTryAgain{display: block;}
#sheriffsOffice{position:relative;top:265px;left:-30px;font-size:9px;font-family:Arial;color:#6b7071;}