@charset "utf-8";

/* CSS Document */
.three {
	float:left;
	margin-left: -44px;
}

#cthlHighsContainer {
	display: block;
	float: left;
	left: -50px;
	margin: auto;
	overflow: visible;
	padding: 0;
	position: relative;
	top: -40px;
	width: 960px;
}

.three #share_this,
.three .share_this {
	padding-right: 12px;
	top: -28px;
}

.braincontainer {
	display: block;
	float: left;
	height: 724px;
	left: -180px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: -110px;
	width: 739px;
	z-index: -1;
}

.braincontainer .brains {
	position:absolute;
	top: 0;
	left: 0;
	float:left;
	z-index: 0;
	background-color:transparent;
	zoom:1;
	display: none;
}

.chart-dopamine-container {
	display: block;
	float: left;
	height: 179px;
	left: 360px;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 200px;
	width: 392px;
}

/*.copy-dopamine-container{ position:absolute; left:0px; top:0px; width:739px; height:724px; margin:0; padding:0; overflow:visible; float:left; display:block;}*/
#cthlHighsHeader {
	display: block;
	float: left;
	height: 179px;
	left: 360px;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 20px;
	width: 392px;
}

.chart-dopamine {
	position:absolute;
	top:0px;
	left:0px;
}

#cthlHighsHeader h2 {
	text-indent: -999em;
	background: url('/img/hard-facts/comparingHighs/headline-meth-brain.png') no-repeat 0 0;
	width: 400px;
	height: 40px;
	overflow: hidden;
	margin: 0;
}

#promptText {
	background: url("/img/hard-facts/comparingHighs/cta-arrows-down.png") no-repeat scroll left bottom transparent;
	color: #999999;
	font-size: 13px;
	left: 360px;
	padding-left: 20px;
	position: absolute;
	text-transform: uppercase;
	top: 160px;
	width: 300px;
}

#ctaAreaComparingHighs {
	float: left;
	left: 360px;
	position: absolute;
	top: 455px;
}

.cthlHighsButton {
	bottom: 50px;
	display: block;
	float: left;
	left: 85px;
	position: absolute;
}

.cthlHighsButton a { float:left; }

.button-food { left: 0px; }

.button-sex { left:95px; }

.button-cocaine { left:190px; }

.button-meth { left:285px; }

.brain-copy-container {
	background: url("/img/hard-facts/comparingHighs/callout-background.png") no-repeat scroll left top transparent;
	display: block;
	float: left;
	height: 91px;
	left: 140px;
	margin: 0;
	padding: 5px 60px 15px 40px;
	position: absolute;
	top: 400px;
	width: 300px;
}

.brain-copy {
	color: #999999;
	float: left;
	font-size: 13px;
	padding: 5px 10px 5px 10px;
	position: relative;
	width: 270px;
}

.dontDisplay { display:none; }/**/

.noPaddingTop {
	margin-top:0px;
	padding-top:0px;
}

/* dopamine */
#dopamineHeader a {
	color: #fff;
	text-decoration: none;
}

#dopamineContainer {
	position:relative;
	width:733px;
	height:413px;
	margin:auto;
}

#dopamineHeader {
	font-size: 14px;
	left: 440px;
	position: absolute;
	top: 100px;
	width: 340px;
}

#dopamineHeader h2 {
	text-indent: -999em;
	background: url('/img/hard-facts/dopamine/headline.png') no-repeat 0 0;
	width: 271px;
	height: 28px;
	overflow: hidden;
	margin: 0 0 5px 0;
}

.dopamineIcon {
	position:absolute;
	top:0;
	left:20px;
	float:left;
}

.dopamineCopy {
	position: relative;
	width: 398px;
	display:block;
	padding: 0px 0px;
	color: #fff;
	font-size: 20px;
}

#dopamineContainer .scrollable {
	background: url("/img/hard-facts/dopamine/dropshadow.png") no-repeat scroll left top transparent;
	position: relative;
	overflow: hidden;
	width: 672px;
	height: 414px;
	float: left;
}

#dopamineContainer .scrollable .items {
	width: 20000em;
	position: absolute;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#dopamineContainer .scrollable .items .item {
	float: left;
	width: 672px;
	height: 414px;
	padding: 0px 0 0 0px;
	position: relative;
}

.copyText {
	display:none;
	position:absolute;
	left:40px;
	top:40px;
	z-index:1;
	float:left;
	filter:none !important;
}

.copyText p {
	color: #CCCCCC;
	font-size: 13px;
	line-height: 15px;
	float:left;
	padding:10px 10px 10px 10px;
	margin:0;
	position:absolute;
	top:0;
	left:0px;
}

#copyBlurb12 {
	/* background: url('/img/hard-facts/dopamine/textbox-1-2.png') no-repeat 0 0; */
	background: url('/img/hard-facts/dopamine/textbox-3-3.png') no-repeat 0 0;
	width:215px;
	height:185px;
	top: 0;
	left: 0;
}
#copyBlurb12 p { padding:20px 20px 10px 20px; }


#copyBlurb13 {
	background: url('/img/hard-facts/dopamine/textbox-1-3.png') no-repeat 0 0;
	width:266px;
	height:189px;
	left: 15px;
	top: 25px;
}

#copyBlurb13 p { padding:20px 10px 10px 20px; }

#copyBlurb14 {
	background: url('/img/hard-facts/dopamine/textbox-2-4.png') no-repeat 0 0;
	width:217px;
	height:182px;
	left: 200px;
	top: 240px;
}

#copyBlurb14 p { padding:45px 15px 10px 25px; }

#copyBlurb22 {
	background: url('/img/hard-facts/dopamine/textbox-2-2.png') no-repeat 0 0;
	width:224px;
	height:167px;
}

#copyBlurb23 {
	background: url('/img/hard-facts/dopamine/textbox-2-3.png') no-repeat 0 0;
	width:228px;
	height:179px;
}

#copyBlurb23 p { padding:10px 10px 10px 15px; }

#copyBlurb24 {
	background: url('/img/hard-facts/dopamine/textbox-2-4.png') no-repeat 0 0;
	width:217px;
	height:182px;
	left: 200px;
	top: 240px;
}

#copyBlurb24 p { padding:45px 15px 10px 25px; }

#copyBlurb25 {
	background: url('/img/hard-facts/dopamine/textbox-2-5.png') no-repeat 0 0;
	width:217px;
	height:176px;
	top:280px;
}

#copyBlurb25 p { padding:40px 25px 10px 25px; }

#copyBlurb32 {
	background: url('/img/hard-facts/dopamine/textbox-3-2.png') no-repeat 0 0;
	width:213px;
	height:170px;
	left: 40px;
	top: 30px;
}

#copyBlurb32 p { padding:15px 10px 10px 10px; }

#copyBlurb33 {
	background: url('/img/hard-facts/dopamine/textbox-3-3.png') no-repeat 0 0;
	width:215px;
	height:185px;
	left: 0;
	top: 0;
}

#copyBlurb33 p { padding:25px 20px 20px 25px; }

#copyBlurb34 {
	background: url('/img/hard-facts/dopamine/textbox-3-5.png') no-repeat 0 0;
	width:367px;
	height:135px;
	left: -15px;
	top: 130px;
}

#copyBlurb34 p { padding:25px 25px 15px 25px; }

#copyBlurb35 {
	background: url('/img/hard-facts/dopamine/textbox-3-4.png') no-repeat 0 0;
	width:367px;
	height:165px;
	left: -30px;
	top: 190px;
}

.dopaminePageSection { display:none; }

.startingCTA {
	background: url('/img/hard-facts/dopamine/cta-arrows-rev.png') no-repeat left 2px;
	padding-left:25px;
	position:absolute;
	top:140px;
	float:left;
	font-size:13px;
	line-height:13px;
	text-transform:uppercase;
}

.dopamineCTA {
	background: url('/img/hard-facts/dopamine/cta-arrows-rev.png') no-repeat left 2px;
	padding-left:25px;
	position:absolute;
	top:140px;
	float:left;
	font-size:13px;
	line-height:13px;
	text-transform:uppercase;
}

.ReplayButton {
	background: url("/img/hard-facts/dopamine/dopamineCTA-replay.png") no-repeat scroll left center transparent;
	line-height: 17px;
	padding-left: 20px;
	text-transform: uppercase;
	top: 105px;
	cursor:pointer;
}

.dopaminePageImage {
	margin:0px 40px;
	float:left;
}

.offscreen {
	position:absolute;
	left:-9999px;
}

#dopamineContainer .scrollable .arrow {
	background: url('/img/hard-facts/dopamine/scrollable-arrows.png') no-repeat 0 0;
	width: 33px;
	height: 34px;
	text-indent: -999em;
	position: absolute;
	z-index: 10;
	cursor: pointer;
}

#dopamineContainer .scrollable .prev {
	background-position: 0 0;
	top: 230px;
	left: 0px;
}

#dopamineContainer .scrollable .next {
	background-position: -33px 0;
	top: 230px;
	left: 390px;
}

#dopamineContainer .scrollable .prev.disabled { background-position: 0 -34px; }

#dopamineContainer .scrollable .next.disabled { background-position: -33px -34px; }

#dopamineContainer .scrollable .disabled { cursor:default !important; }

#dopamineContainer .share_this {
	position: absolute;
	z-index: 20;
	bottom: 16px;
	right: 20px;
}

/* scrollable navigation *//* Dropped to 10 so it's below FB share */ 
.navi-1,
.navi-2,
.navi-3 {
	bottom: 10px;
	height: 20px;
	margin-left: 170px;
	position: absolute;
	width: 200px;
	z-index: 10;
}

.navi-1 a,
.navi-2 a,
.navi-3 a {
	width:10px;
	height:10px;
	float:left;
	margin:3px;
	background:url(/img/hard-facts/dopamine/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

.navi-1 a:hover,
.navi-2 a:hover,
.navi-3 a:hover { background-position:0 -10px; }

.navi-1 a.active,
.navi-2 a.active,
.navi-3 a.active { background-position:0 -20px; }

#ifact_comparing_the_high {
	float: left;
	height: 413px;
	width: 733px;
}

/*.dopamineImageStrip1 {
	background: url("/img/hard-facts/dopamine/dopamine-1-1.png") no-repeat scroll left top transparent;
	width:732px;
	height:413px;
	overflow:hidden;
}*/

/*.imageStripFrame1 {
	background: url("/img/hard-facts/dopamine/dopamine-1-1.png") no-repeat scroll left top transparent;
	width:732px;
	height:413px;
	overflow:hidden;
}
.imageStripFrame2 {
	background: url("/img/hard-facts/dopamine/dopamine-1-2.png") no-repeat scroll left top transparent;
	width:732px;
	height:413px;
	overflow:hidden;
}
.imageStripFrame3 {
	background: url("/img/hard-facts/dopamine/dopamine-1-3.png") no-repeat scroll left top transparent;
	width:732px;
	height:413px;
	overflow:hidden;
}
.imageStripFrame4 {
	background: url("/img/hard-facts/dopamine/dopamine-1-4.png") no-repeat scroll left top transparent;
	width:732px;
	height:413px;
	overflow:hidden;
}
.imageStripFrame5 {
	background: url("/img/hard-facts/dopamine/dopamine-1-5.png") no-repeat scroll left top transparent;
	width:732px;
	height:413px;
	overflow:hidden;
}
*/