﻿/*  ::  Page Styles  --  Challenge  */

#challengeContent {
	position: relative; width: 756px; min-height: 450px; padding: 20px 0 0 0;
	background: url(../images/challenge/challenge-content-bg.gif) no-repeat top left;
	color: #369;
	}



/*  ::  Page Styles  --  Challenge  ::  Treatments  */

#challengeTreatments {
	float: left; margin: 3px 0 0 28px; padding: 0 0 20px 0; width: 247px; min-height: 150px;
	background: #DDECF6; visibility: hidden;
	}

#challengeTreatments h2 {
	padding: 20px 0 4px 20px;
	margin:0px;
	font-size: 22px; color: #F15D2F;
	}

#challengeTreatments p {
	margin: -4px 0 0 0; padding: 0 20px 6px 22px;
	font-size: 11px;
	}

#challengeTreatments ul 
{
    margin-top:0px;
	margin-bottom: 6px;
	padding-top:0px;
	list-style: circle url(../images/challenge/challenge-treatments-bullet.gif);
	}

#challengeTreatments li {
	display: none; padding-bottom: 3px; padding-right: 8px;
	font: normal 12px arial, sans-serif;
	}



/*  ::  Page Styles  --  Challenge  ::  Problems  */

#challengeProblems {
	float: left; margin: 3px 0 0 18px; padding: 0 0 20px 0; width: 210px; min-height: 150px;
	border-left: 1px solid #C1DEF0;
	background: #fff; visibility: hidden;
	}

#challengeProblems h2 {
	padding: 20px 0 4px 20px;
	margin:0px;
	font-size: 22px; color: #F15D2F;
	}

#challengeProblems ul {
	 margin-top:0px;
	margin-bottom: 6px;
	padding-top:0px;
	list-style: circle url(../images/challenge/challenge-problems-bullet.gif);
	}

#challengeProblems li {
	display: none; padding-bottom: 3px; padding-right: 8px;
	font: normal 12px arial, sans-serif;
	}



/*  ::  Page Styles  --  Challenge  ::  People  */

#challengePeople {
	position: absolute; left: 528px; top: 34px; width: 191px;
	background: url(../images/challenge/challenge-people-bg.gif) no-repeat top left;
	}

#challengePeople p {
	padding: 380px 15px 10px 0; text-align: center;
	}

#challengePeopleFemale {
	position: absolute; top: 0px; left: 0px; visibility: hidden;
	}

#challengePeopleMale {
	position: absolute; top: 0px; left: 84px; visibility: hidden;
	}

#challengePeopleFemaleFace {
	position: absolute; left: 48px; top: 22px; width: 18px; height: 18px;
	background: url(../images/challenge/challenge-people-female-face-bg.gif) no-repeat 0px 0px;
	}
.inactive {height:18px;}
#challengePeopleFemaleSkin {
	position: absolute; left: 14px; top: 75px; width: 18px; height: 18px;
	background: url(../images/challenge/challenge-people-female-skin-bg.gif) no-repeat 0px 0px;
	}

#challengePeopleFemaleBreast {
	position: absolute; left: 33px; top: 95px; width: 18px; height: 18px;
	background: url(../images/challenge/challenge-people-female-breast-bg.gif) no-repeat 0px 0px;
	}

#challengePeopleFemaleBody {
	position: absolute; left: 0px; top: 135px; width: 18px; height: 18px;
	background: url(../images/challenge/challenge-people-female-body-bg.gif) no-repeat 0px 0px;
	}

#challengePeopleMaleFace {
	position: absolute; left: 152px; top: 28px; width: 18px; height: 18px;
	background: url(../images/challenge/challenge-people-female-face-bg.gif) no-repeat 0px 0px;
	}

#challengePeopleMaleSkin {
	position: absolute; left: 114px; top: 70px; width: 18px; height: 18px;
	background: url(../images/challenge/challenge-people-female-skin-bg.gif) no-repeat 0px 0px;
	}

#challengePeopleMaleBody {
	position: absolute; left: 121px; top: 135px; width: 18px; height: 18px;
	background: url(../images/challenge/challenge-people-female-body-bg.gif) no-repeat 0px 0px;
	}

#challengePeopleFemaleFace.active,
#challengePeopleFemaleSkin.active,
#challengePeopleFemaleBreast.active,
#challengePeopleFemaleBody.active,
#challengePeopleMaleFace.active,
#challengePeopleMaleSkin.active,
#challengePeopleMaleBody.active {
	background-position: 0 -18px;
	}

#challengePeopleFemaleFace:hover,
#challengePeopleFemaleSkin:hover,
#challengePeopleFemaleBreast:hover,
#challengePeopleFemaleBody:hover,
#challengePeopleMaleFace:hover,
#challengePeopleMaleSkin:hover,
#challengePeopleMaleBody:hover {
	background-position: 0 -18px;
	}

	

/* #  ::  Page Styles  --  Challenge  ::  Footer  */

#challengeFooter {
	position: absolute; bottom: 0px; 
    left: 0px;
	}


