#tasteTestContainer h2 { margin: 20px 0; }
#tasteTestContainer div.tasteGenesBox { margin-top: 20px; }
#tasteTestContainer div.tasteGene { width: 198px; height: 175px; float: left; margin: 10px 0px 0 0px; position: relative; cursor: pointer; color: gray; }
#tasteTestContainer div.highlighted { color: #cd3301; }
#tasteTestContainer div.tasteGene .tasteGeneTitle { bottom: 18px; position: absolute; left: 26px; font-weight: bold; }
#tasteTestContainer div.tasteGenesBox div.tasteGeneScore { width: 198px; height: 20px; float: left; margin: 0 0px 0px 0px; }
#tasteTestContainer div.tasteGenesBox div.tasteGeneScore span.scoreTitle { color: gray; margin: 0 0 0 4px; }
#tasteTestContainer div.tasteGenesBox div.tasteGeneScore span.score { color: #cd3301; }

div.tasteRankContainer h2 { margin: 20px 0; }
div.tasteRankContainer .tasteRankGenePic { width: 198px; height: 175px; float: left; margin: 0 10px 0 0; }
div.tasteRankContainer .tasteRankTitle { height: 175px; }
div.tasteRankContainer .tasteRankGeneText { line-height: 18px; padding: 40px 0 0 0; }
div.tasteRankContainer .tasteRankGeneText .tasteName { font-weight: bold; }

div.tasteRankContainer .tasteRankBoxes { margin-top: 40px; }
div.tasteRankContainer .tasteRankBoxes .rankBox { width: 150px; float: left; margin: 30px 0 0 0; -moz-user-select: none; }
div.tasteRankContainer .tasteRankBoxes .rankBox .movieName { -moz-user-select: none; height: 35px; position: relative; font-size: 11px; color: #666666; font-weight: bold; }
div.tasteRankContainer .tasteRankBoxes .rankBox .movieName .movieNameInner { -moz-user-select: none; position: absolute; bottom: 3px; }
div.tasteRankContainer .tasteRankBoxes .rankBox .moviePic { width: 120px; height: 90px; margin: 0 10px 0 10px; background: gray; -moz-user-select: none; }
div.tasteRankContainer .tasteRankBoxes .rankBox .userRatingTitle { color: #666666; margin: 5px 0 5px 0; -moz-user-select: none; font-size: 11px; }
div.tasteRankContainer .tasteRankBoxes .rankBox .userRatingTitle .rankBoxRatingText { color: #ca3402; }
div.tasteRankContainer .tasteRankBoxes .rankBox .lowRankPix { width: 24px; height: 24px; float: left; -moz-user-select: none;
	background: url("http://media.jinni.com/images/24_rubish_red.gif"); }
div.tasteRankContainer .tasteRankBoxes .rankBox .rankSlider { float: left; -moz-user-select: none; }
div.tasteRankContainer .tasteRankBoxes .rankBox .highRankPix { width: 24px; height: 24px; float: left; -moz-user-select: none;
	background: url("http://media.jinni.com/images/24_Oscar_red.gif"); }
div.tasteRankContainer .tasteRankBoxes .rankBox .notSeenItLinks div { margin: 10px 0 0 0; }	
div.tasteRankContainer .tasteRankBoxes .rankBox .notSeenItLinks .LikelyToSee { float: left; font-size: 10px; color: #676767; cursor: pointer; text-indent: 10px;
	background: url("http://media.jinni.com/images/RightArrowOnRedDark.jpg") no-repeat left center; }
div.tasteRankContainer .tasteRankBoxes .rankBox .notSeenItLinks .LikelyToSee.selected { color: #cd3300;
		background: url("http://media.jinni.com/images/RightArrowOnRed.jpg") no-repeat left center; }
div.tasteRankContainer .tasteRankBoxes .rankBox .notSeenItLinks .NotForMe { float: left; font-size: 10px; color: #676767; cursor: pointer; text-indent: 14px;
	background: url("http://media.jinni.com/images/NoEntryDark.jpg") no-repeat left center; margin-left: 5px }
div.tasteRankContainer .tasteRankBoxes .rankBox .notSeenItLinks .NotForMe.selected { 
	background: url("http://media.jinni.com/images/NoEntry.jpg") no-repeat left center; color: #cd3300; }
div.tasteRankContainer .tasteRankBackBtn { background: #BBD043; color: #ffffff; font-weight: bold; display: block; width: 80px;
	height: 20px; line-height: 20px; text-align: center; margin: 30px 0 0 0; float: left; }
div.tasteRankContainer .tasteRankCalcBtn { background: #BBD043; color: #ffffff; font-weight: bold; display: block; width: 150px;
	height: 20px; line-height: 20px; text-align: center; margin: 30px 0 0 0; float: right; cursor: pointer; }
div.tasteRankContainer .tasteRankButtons { clear: both; }
div.tasteRankContainer .currentScore { margin: 15px 0 0 0; }
div.tasteRankContainer .currentScore span { font-weight: bold; }
	
div.alternate-realist-class { background: url("http://media.jinni.com/categories/alternate-realist/alternate-realist.jpeg") left bottom; }
div.individualist-class { background: url("http://media.jinni.com/categories/individualist/individualist.jpeg") left bottom; }
div.hero-class { background: url("http://media.jinni.com/categories/hero/hero.jpeg") left bottom; }
div.social-animal-class { background: url("http://media.jinni.com/categories/social-animal/social-animal.jpeg") left bottom; }
div.strategist-class { background: url("http://media.jinni.com/categories/strategist/strategist.jpeg") left bottom; }
div.idealist-class { background: url("http://media.jinni.com/categories/idealist/idealist.jpeg") left bottom; }
div.escape-artist-class { background: url("http://media.jinni.com/categories/escape-artist/escape-artist.jpeg") left bottom; }
div.introspector-class { background: url("http://media.jinni.com/categories/introspector/introspector.jpeg") left bottom; }
div.extremist-class { background: url("http://media.jinni.com/categories/extremist/extremist.jpeg") left bottom; }
div.drama-addict-class { background: url("http://media.jinni.com/categories/drama-addict/drama-addict.jpeg") left bottom; }
div.social-philosopher-class { background: url("http://media.jinni.com/categories/social-philosopher/social-philosopher.jpeg") left bottom; }
div.master-mind-class { background: url("http://media.jinni.com/categories/master-mind/master-mind.jpeg") left bottom; }

div.alternate-realist-class-green { background: url("http://media.jinni.com/categories/alternate-realist/alternate-realist_green.jpeg") left bottom; }
div.individualist-class-green { background: url("http://media.jinni.com/categories/individualist/individualist_green.jpeg") left bottom; }
div.hero-class-green { background: url("http://media.jinni.com/categories/hero/hero_green.jpeg") left bottom; }
div.social-animal-class-green { background: url("http://media.jinni.com/categories/social-animal/social-animal_green.jpeg") left bottom; }
div.strategist-class-green { background: url("http://media.jinni.com/categories/strategist/strategist_green.jpeg") left bottom; }
div.idealist-class-green { background: url("http://media.jinni.com/categories/idealist/idealist_green.jpeg") left bottom; }
div.escape-artist-class-green { background: url("http://media.jinni.com/categories/escape-artist/escape-artist_green.jpeg") left bottom; }
div.introspector-class-green { background: url("http://media.jinni.com/categories/introspector/introspector_green.jpeg") left bottom; }
div.extremist-class-green { background: url("http://media.jinni.com/categories/extremist/extremist_green.jpeg") left bottom; }
div.drama-addict-class-green { background: url("http://media.jinni.com/categories/drama-addict/drama-addict_green.jpeg") left bottom; }
div.social-philosopher-class-green { background: url("http://media.jinni.com/categories/social-philosopher/social-philosopher_green.jpeg") left bottom; }
div.master-mind-class-green { background: url("http://media.jinni.com/categories/master-mind/master-mind_green.jpeg") left bottom; }

div.tasteRankResults h2 { margin: 20px 0; }
div.tasteRankResults .rankResultsTitle { height: 175px; }
div.tasteRankResults .tasteRankGenePic { width: 198px; height: 175px; float: left; margin: 0 10px 0 0; cursor: point }
div.tasteRankResults .tasteRankGeneText { line-height: 18px; padding: 10px 0 0 0; float: right; width: 400px; }
div.tasteRankResults .tasteRankDescription { height: 140px; margin-top: 10px;}
div.tasteRankResults .tasteRankGeneText .tasteName { font-weight: bold; }
div.tasteRankResults .explanationText.small { margin: 70px 0 0 0; }
div.tasteRankResults .explanationText { margin: 120px 0 0 0; clear: both; }
div.tasteRankResults .explanationText .emphasized { color: #cd3301; }
div.tasteRankResults .moreTastes { margin: 15px 0 0 0; }
div.tasteRankResults .moreTastes h5 { color: black; font-size: 12px; font-family: Arial, sans-serif; }

div.tasteRankResults .sliderBox { width: 606px; overflow: hidden; }
div.tasteRankResults .sliderBox .items { height: 175px; width: 606px; overflow: hidden; position: relative; }
div.tasteRankResults .sliderBox .items ul { margin: 0; padding: 0; width: 1212px; position: relative; }
div.tasteRankResults .sliderBox .items ul li div.sliderPic { width: 198px; height: 175px; cursor: pointer; position: relative; }
div.tasteRankResults .sliderBox .items ul li div.sliderPic .text { position: absolute; bottom: 16px; left: 24px; height: 14px; width: 100%;
	font-weight: bold; color: gray; }
div.tasteRankResults .sliderBox .items ul li div.sliderPic .highlighted { color: #cd3301; }
div.tasteRankResults .sliderBox .titleAndButtons ul li.more { font-size: 12px; }

div#tastesMiniCollage { height: 192px; border: 1px solid white; }
div#tastesMiniCollage div.leftSide { float: left; width: 198px; height: 152px; }
div#tastesMiniCollage div.rightSide { float: left; }
div#tastesMiniCollage div.rightSide .top { width: 96px; height: 74px; margin: 0 0 4px 4px; }
div#tastesMiniCollage div.rightSide .bottom { width: 96px; height: 74px; margin: 0 0 0 4px; }
div#tastesMiniCollage div.bottomText { text-align: center; background: #bbd043; color: white; height: 40px; font-size: 18px; line-height: 40px;
	margin: 156px 0 0 0; cursor: pointer; }

div.collage-alternate-realist { background: url("http://media.jinni.com/categories/alternate-realist/collage-alternate-realist.jpeg") left bottom; }
div.collage-individualist { background: url("http://media.jinni.com/categories/individualist/collage-individualist.jpeg") left bottom; }
div.collage-hero { background: url("http://media.jinni.com/categories/hero/collage-hero.jpeg") left bottom; }
div.collage-social-animal { background: url("http://media.jinni.com/categories/social-animal/collage-social-animal.jpeg") left bottom; }
div.collage-strategist { background: url("http://media.jinni.com/categories/strategist/collage-strategist.jpeg") left bottom; }
div.collage-idealist { background: url("http://media.jinni.com/categories/idealist/collage-idealist.jpeg") left bottom; }
div.collage-escape-artist { background: url("http://media.jinni.com/categories/escape-artist/collage-escape-artist.jpeg") left bottom; }
div.collage-introspector { background: url("http://media.jinni.com/categories/introspector/collage-introspector.jpeg") left bottom; }
div.collage-extremist { background: url("http://media.jinni.com/categories/extremist/collage-extremist.jpeg") left bottom; }
div.collage-drama-addict { background: url("http://media.jinni.com/categories/drama-addict/collage-drama-addict.jpeg") left bottom; }
div.collage-social-philosopher { background: url("http://media.jinni.com/categories/social-philosopher/collage-social-philosopher.jpeg") left bottom; }
div.collage-master-mind { background: url("http://media.jinni.com/categories/master-mind/collage-master-mind.jpeg") left bottom; }


div.collage-alternate-realist-small { background: url("http://media.jinni.com/categories/alternate-realist/collage-alternate-realist_smaller.jpeg") left bottom; }
div.collage-individualist-small { background: url("http://media.jinni.com/categories/individualist/collage-individualist_smaller.jpeg") left bottom; }
div.collage-hero-small { background: url("http://media.jinni.com/categories/hero/collage-hero_smaller.jpeg") left bottom; }
div.collage-social-animal-small { background: url("http://media.jinni.com/categories/social-animal/collage-social-animal_smaller.jpeg") left bottom; }
div.collage-strategist-small { background: url("http://media.jinni.com/categories/strategist/collage-strategist_smaller.jpeg") left bottom; }
div.collage-idealist-small { background: url("http://media.jinni.com/categories/idealist/collage-idealist_smaller.jpeg") left bottom; }
div.collage-escape-artist-small { background: url("http://media.jinni.com/categories/escape-artist/collage-escape-artist_smaller.jpeg") left bottom; }
div.collage-introspector-small { background: url("http://media.jinni.com/categories/introspector/collage-introspector_smaller.jpeg") left bottom; }
div.collage-extremist-small { background: url("http://media.jinni.com/categories/extremist/collage-extremist_smaller.jpeg") left bottom; }
div.collage-drama-addict-small { background: url("http://media.jinni.com/categories/drama-addict/collage-drama-addict_smaller.jpeg") left bottom; }
div.collage-social-philosopher-small { background: url("http://media.jinni.com/categories/social-philosopher/collage-social-philosopher_smaller.jpeg") left bottom; }
div.collage-master-mind-small { background: url("http://media.jinni.com/categories/master-mind/collage-master-mind_smaller.jpeg") left bottom; }
div.collage-empty-small { background: url("http://media.jinni.com/categories/empty/empty.jpeg") left bottom; }

#tasteRollover { width: 570px; height: 190px; border: 1px solid #e0e6c2; background: #f0f6d2; position: absolute; visibility: hidden; }
#tasteRollover .tastePic { float: left; width: 198px; height: 175px; margin: 6px 0 0 6px; position: relative; cursor: pointer; }
#tasteRollover .tastePic .tasteName { position: absolute; bottom: 18px; left: 26px; color: #cd3301; font-weight: bold; }
#tasteRollover .tasteDetails { float: left; margin: 6px 0 0 5px; position: relative; width: 355px; }
#tasteRollover .tasteDetails .title { font-size: 16px; font-weight: bold; }
#tasteRollover .tasteDetails .tasteDesc { height: 46px; margin: -5px 0 10px 0; font-size: 11px; }
#tasteRollover .tasteDetails .tasteScore { font-weight: bold; }
#tasteRollover .tasteDetails .tasteMovies { margin: 5px 0 0 0; }
#tasteRollover .tasteDetails .tasteMoviesTitle { font-weight: bold; }
#tasteRollover .tasteDetails .tasteMovies .movie { width: 50px; height: 37px; border: 1px solid #e0e6c2; float: left; margin: 0 5px 0 0; }
#tasteRollover .tasteDetails .rolloverMovieCaption { position: absolute; visibility: hidden; float: left; bottom: 40px; background: #f5ffd8; border: 1px solid black; padding: 3px; }