

/* My Body imagemap functionality */

div.imagemap {
	float: left;
	position: relative;
	width: 440px;
	height: 400px;
}

p#myBodyBlurb {
	position: absolute;
	top: 80px;
	right: 20px;
	width: 137px;
	line-height: 1.2em;
	letter-spacing: -1px;
	font-family: Trebuchet MS,Helvetica,sans-serif;
	text-transform: uppercase;
	font-size: 2.4em;
	font-weight: 100;
	color: #003145;
}

ul.myBodyPopupList {
	position: absolute;
	top: 0px;
	margin: 0 !important;
	padding: 0;
}

#content ul.myBodyPopupList li {
	display: none;
	position: absolute;
	left: 151px;
	list-style: none;
	margin: 0;
	background: none;
}

#content ul.myBodyPopupList li span {
	display: block;
	width: 249px;
	height: 290px;
	padding: 20px;
	background: url(/images/bodyBoxLarge.png) no-repeat top left;
}

#content ul.myBodyPopupList li.mouthThroat {
	top: 120px;
}

#content ul.myBodyPopupList li.mouthThroat span {
	display: block;
	height: 290px;
	background: url(/images/bodyBoxLarge.png) no-repeat top left;
}

#content ul.myBodyPopupList li.bodyLungs {
	top: 120px;
}

#content ul.myBodyPopupList li.bodyLungs span {
	display: block;
	top: 120px;
	height: 290px;
	background: url(/images/bodyBoxLarge.png) no-repeat top left;
}

#content ul.myBodyPopupList li.bodyHeart {
	top: 120px;
}

#content ul.myBodyPopupList li.bodyHeart span {
	display: block;
	top: 120px;
	height: 290px;
	background: url(/images/bodyBoxLarge.png) no-repeat top left;
}

#content ul.myBodyPopupList li.circulation {
	top: 120px;
}

#content ul.myBodyPopupList li.circulation span {
	display: block;
	top: 120px;
	height: 290px;
	background: url(/images/bodyBoxLarge.png) no-repeat top left;
}

#content ul.myBodyPopupList li.reproductionFertility {
	top: 120px;
}

#content ul.myBodyPopupList li.reproductionFertility span {
	display: block;
	top: 120px;
	height: 290px;
	background: url(/images/bodyBoxLarge.png) no-repeat top left;
}

#content ul.myBodyPopupList li.skinBones {
	top: 0px;
}

#content ul.myBodyPopupList li.skinBones span {
	display: block;
	height: 151px;
	background: url(/images/bodyBoxSmall.png) no-repeat top left;
}

#content ul.myBodyPopupList li.stomach {
	top: 80px;
}

#content ul.myBodyPopupList li.stomach span {
	display: block;
	height: 191px;
	background: url(/images/bodyBoxSmall.png) no-repeat top left;
}

#content ul.myBodyPopupList li h2 {
	line-height: 1.2em;
	margin-top: 0;
	color: #fff;
}

#content ul.myBodyPopupList li p {
	font-size: 0.9em;
	color: #fff;
}

#content ul.myBodyPopupList li ul {
	position: relative;
	margin: 0 !important;
	padding: 0;
}

#content ul.myBodyPopupList li ul li {
	display: block;
	position: relative;
	left: 0;
	margin: 0;
	padding: 0 0 0 14px;
	font-size: .9em;
	color: #fff;
	background: url(/images/greenBullet.gif) no-repeat 0px 3px;
}


/* My Body scroller */

#content #scrollWrapper {
	display: none;
	float: right;
	width: 424px;
}

#content #scrollContainer {
	position: relative;
	float: left;
	width: 442px;
	height: 450px;
	overflow: hidden;
}

#content #scrollMaskTop {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 20px;
	width: 292px;
	background: url(/images/scrollMaskTop.png) top left repeat-x;
	z-index: 100; 
}

#content #scrollMaskBottom {
	position: absolute;
	top: 430px;
	left: 0px;
	display: block;
	height: 20px;
	width: 292px;
	background: url(/images/scrollMaskBottom.png) top left repeat-x;
	z-index: 100; 
}

#scrollGauge {
	display: block;
	position: absolute;
	top: 4px;
	right: 38px;
	width: 117px;
	height: 440px;
	background: url(/images/scrollGauge.png) no-repeat top left;
	z-index: 100;
}

#content .scrollerContent {
	/*width: 309px;*/
	width: 424px;
	height: 450px;
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
	z-index: 2;
}

#content .scrollerContent li {
	list-style: none;
	height: 189px;
	margin: 0 0 20px 0;
	padding: 22px;
	color: #fff;
	background: url(/images/bodyBoxSmall.png) no-repeat top left;
}

#content .scrollerContent li h3 {
	margin-bottom: 12px;
	font-size: 2em;
	font-weight: normal;
	color: #fff;
}


#content .scrollerContent li p {
	margin-bottom: 12px;
	font-size: 0.9em;
	color: #fff;
}

#content .scrollerContent li p.subText {
	color: #ADD43A;
}

































/* -- js scrollpane -- */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(/images/scrollGaugeBg.gif) no-repeat -4px -7px;
}
.jScrollPaneDrag {
	position: absolute;
	height: 51px;
	background: url(/images/scrollTab.gif) no-repeat top right;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/arrowUp.gif) no-repeat top right;
	width: 16px;
	height: 16px;
}
a.jScrollArrowUp:hover {
	background: url(/images/arrowUp.gif) no-repeat top right;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 32px;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/arrowDown.gif) no-repeat top right;
	height: 16px;
	width: 16px;
}
a.jScrollArrowDown:hover {
	background: url(/images/arrowDown.gif) no-repeat bottom right;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

}

.myBodyPage	#leftCol50 {		
		width: 489px!important;
		margin-right: 0;
	}
	
.myBodyPage	div.lsssSearchGreen {
		width: 489px!important;
		background: url(/images/lllsSearchBoxBottomBody.gif) no-repeat left bottom;
	}
	
.myBodyPage	div.lsssSearchGreen fieldset {
		width: 479px!important;
		background:transparent url(/images/lllsSearchBoxTopBody.gif) no-repeat scroll left top !important; 
	}
	
.myBodyPage	div.contentFeature label {
		font-size: 1.4em;
		font-weight: bold;
	}	
	
	

.myBodyPage	#rightCol50 {
		width: 440px !important;
	}

.myBodyPage	a.timelineLink {
		padding: 1px 0 3px 22px;
		font-size: .9em;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		background: url(/images/icnArrow.gif) no-repeat scroll 0 0;
	}
	

