/*------------- SETUP -------------*/
.assessmentcontainer {
	width: 920px;
	height: 124px;
	padding: 104px 10px 10px 34px;
	margin-bottom: 25px;
}
#container_apology1 {
	background: url(images/bg-apology-30sec.gif) no-repeat;
}
#container_apology2 {
	background: url(images/bg-apology-profile.gif) no-repeat;
}
#container_love1 {
	background: url(images/bg-love-30sec.gif) no-repeat;
}
#container_love2 {
	background: url(images/bg-love-profile.gif) no-repeat;
	height: 246px;
}

.assessmentList {
	list-style: none;
}
.assessmentList li {
	float: left;
	margin: 0 13px 26px 0;
}

.assessmentList li a {
	width: 271px;
	height: 91px;
	display: block;
	text-indent: -99999px;
}
.assessmentList li a:hover {
	background-position: 0 -91px;
}

#apology_quiz		{ background-image: url(images/btn-apology-quiz.png); }
#apology_profile	{ background-image: url(images/btn-apology-profile.png); }
#love_quiz		{ background-image: url(images/btn-love-quiz.png); }
#love_wives		{ background-image: url(images/btn-love-wives.png); }
#love_husbands		{ background-image: url(images/btn-love-husbands.png); }
#love_singles		{ background-image: url(images/btn-love-singles.png); }
#love_children		{ background-image: url(images/btn-love-children.png); }
#love_teens		{ background-image: url(images/btn-love-teens.png); }












/*------------- ASSESSMENTS END FRAME -------------*/


.endFrame .endFrameColLeft {
	float:left;
	height:315px;
	margin:-13px 8px 0 0px;
	width:442px;
}

.endFrame .endFrameColLeft p {

	font-family: Verdana,Helvetica,san-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-align: justify;
}

.endFrame .endFrameColLeft.smalltext p {
	font-size: 10px;
	line-height: 16px;
}


.endFrame hr  {
	border-left:1px solid #E4E4E4;
	float:left;
	height:308px;
	margin:-10px 10px 0;
	width:1px;
	clear:none;
}



.endFrame .endFrameWidget {
	float:left;
	height:320px;
	margin:66px 0 0 10px;
	width:148px;

}

.endFrame .endFrameWidget p {

	font-family: Verdana,Helvetica,san-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
	color: #6a5397;
	margin: 0;
}


a#getTheWidget {
	width: 156px;
	height: 30px;
	display: block;
	text-indent: -999999999px;
	background: url(images/getTheWidget.png) no-repeat;
	clear: both;
	margin:10px 0 0 0;
}
a#getTheWidget:hover {
	background-position: 0 -30px;
}






.endFrame .endFrameColRight {
	float:right;

}

.endFrame .endFrameColRight p {

	font-family: Verdana,Helvetica,san-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
	color: #6A5397;
	margin: 0 -10px 0 0;
}

a#widgetImage {
	width: 247px;
	height: 222px;
	display: block;
	text-indent: -999999999px;
	background: url(images/endFrameWidget.jpg) no-repeat;
	clear: both;
	margin:10px -12px 0 0;
}
a#widgetImage:hover {
	background-position: 0 0;
}





/*------------- ASSESSMENTS PAGE -------------*/

#main-assessmentsHeader {
	width:992px;
	height:58px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/assessments-header.png);
	background-repeat:no-repeat;
	position:relative;
}
#main-assessmentsHeader .chooseone {
	margin-left: 220px;
}

ul#assessmentlinks {
	width: 660px;
	margin: 0 auto;
}
#assessmentlinks li {
	float: left;
	margin: 0 10px;
}
#assessmentlinks li a {
	float: left;
	width: 310px;
	height: 119px;
	text-indent: -99999px;
}
#assessmentlinks li a#thirtyseconds {
	background: url(images/thirtyseconds.png) no-repeat;
}
#assessmentlinks li a#personalprofiles {
	background: url(images/profile.png) no-repeat;
}
ul#assessmentlinks li a#personalprofiles:hover, ul#assessmentlinks li a#thirtyseconds:hover {
	background-position: 0 -119px;
}



/* ----------- COMING SOON SECTION OF ASSESSMENTS PAGE ---------------- */


#newAssessmentsLeft	{
	
	background: url(images/new-assess-left.jpg) no-repeat;
	width:436px;
	height:392px;
	display:block;
	float:left;
	margin:0 20px 0 20px;
	
}

#newAssessmentsRight	{
	
	background: url(images/new-assess-right.jpg) no-repeat;
	width:436px;
	height:800px;
	display:block;
	float:left;
	margin:0 0 0 0;
	}



ul#csassessmentlinks {
	width: 436px;
	margin: 150px 0 0 96px;
}

#csassessmentlinks li {
	float: left;
	margin: 0 10px 16px 8px;
}


#csassessmentlinks li a	{
	float: left;
	width: 229px;
	height: 88px;
	text-indent: -99999px;
	cursor:pointer;
}
#csassessmentlinks li a#loveLanguageQuiz {
	background: url(images/loveLanguageQuiz.png) no-repeat;
}
#csassessmentlinks li a#apologyLanguageQuiz {
	background: url(images/apologyLanguageQuiz.png) no-repeat;
}


#csassessmentlinks li a#profileForWives {
	background: url(images/profileForWives.png) no-repeat;
}


#csassessmentlinks li a#profileForHusbands {
	background: url(images/profileForHusbands.png) no-repeat;
}


#csassessmentlinks li a#profileForChildren {
	background: url(images/profileForChildren.png) no-repeat;
}


#csassessmentlinks li a#profileForTeen {
	background: url(images/forTeenagers.png) no-repeat;
}


#csassessmentlinks li a#profileForSingles {
	background: url(images/profileForSingles.png) no-repeat;
}



#csassessmentlinks li a#profileForApology {
	background: url(images/profileForApology.png) no-repeat;
}






ul#csassessmentlinks li a#loveLanguageQuiz:hover, ul#csassessmentlinks li a#apologyLanguageQuiz:hover, ul#csassessmentlinks li a#profileForWives:hover, ul#csassessmentlinks li a#profileForHusbands:hover, ul#csassessmentlinks li a#profileForChildren:hover, ul#csassessmentlinks li a#profileForTeen:hover, ul#csassessmentlinks li a#profileForSingles:hover, ul#csassessmentlinks li a#profileForApology:hover {
	background-position: 0 -88px;
}





#quizSubLove {
	background:url("images/quiz-subheader-love.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:68px;
	margin:0 50px 0 0;
	position:absolute;
	right:-58px;
	text-indent:-9999px;
	top:18px;
	width:285px;
}
#quizSubApology {
	background:url("images/quiz-subheader-apology.png") no-repeat scroll 0 0 transparent;
	display:block;
	margin:0 50px 0 0;
	position:absolute;
	right:-24px;
	text-indent:-9999px;
	top:18px;
	width:285px;
	height:68px;
}
#profileTypeHeader {
	display:block;
	margin:0 50px 0 0;
	position:absolute;
	right:-24px;
	text-indent:-9999px;
	top:18px;
	width:312px;
	height:68px;
}
.apologytitle { background: url(images/profile-sub-headers-apology.png) no-repeat scroll right 0 transparent; }
.husbandstitle { background: url(images/profile-sub-headers-husbands.png) no-repeat scroll right 0 transparent; }
.wivestitle { background: url(images/profile-sub-headers-wives.png) no-repeat scroll right 0 transparent; }
#profileTypeHeader.childrentitle { width: 325px; background: url(images/profile-sub-headers-children.png) no-repeat scroll right 0 transparent; }
.teenstitle { background: url(images/profile-sub-headers-teens.png) no-repeat scroll right 0 transparent; }
.singlestitle { background: url(images/profile-sub-headers-singles.png) no-repeat scroll right 0 transparent; }

#quiz-frame {
	width: 936px;
	height: 380px;
	background: url(images/bg-assessmentframe.png) no-repeat;
	margin-left: -13px;
	color: #7A7679;
	overflow: hidden;
	padding: 10px;
	position: relative;
}
#quiz-frame-inner {
	width: 936px;
	height: 380px;
	overflow: hidden;
}
.assessmentframe {
	width: 936px;
	height: 380px;
	position: relative;
}
#quiz-frame h2 {
	display: block;
	height: 20px;
	margin-top: 13px;
	margin-left: 24px;
	margin-bottom: 31px;
	text-indent: -99999px;
}
#quiz-frame h2#pleasechoose { background: url(images/assessment-pleasechoose.png) no-repeat; }
#quiz-frame h2#yourll { background: url(images/assessment-yourll.png) no-repeat; }
#quiz-frame h2#using { background: url(images/assessment-using.png) no-repeat; }

#people {
	width: 79px;
	height: 69px;
	position: absolute;
	top: 305px;
	left: 18px;
	z-index: 2500;
}

.submitline {
	position: absolute;
	bottom: 20px;
	width: 920px;
	left: 0;
}

.submitlineApology {
	bottom:20px;
	left:0;
	position:absolute;
	width:920px;
}


.submitlineApology li	{
	float: right;
	margin-left: 10px;
}




.submitline li	{
	float: right;
	margin-left: 10px;
}

.nextbutton {
	width: 72px;
	height: 30px;
	background: url(images/next.png) no-repeat;
	text-indent: -99999px;
	display: block;
}
.nextbutton:hover { background-position: 0 -30px; }
.prevbutton {
	width: 72px;
	height: 30px;
	background: url(images/prev.png) no-repeat;
	text-indent: -99999px;
	display: block;
}
.prevbutton:hover { background-position: 0 -30px; }
.startoverbutton {
	width: 154px;
	height: 30px;
	background: url(images/return.png) no-repeat;
	text-indent: -99999px;
	display: block;
}
.startoverbutton:hover { background-position: 0 -30px; }
.skipbutton {
	width: 140px;
	height: 30px;
	background: url(images/skip.png) no-repeat;
	text-indent: -99999px;
	display: block;
}
.skipbutton:hover { background-position: 0 -30px; }
.learnmoreaboutthebook {
	width: 248px;
	height: 30px;
	background: url(images/assessment-learnMore.png) no-repeat;
	text-indent: -99999px;
	display: block;
}
.learnmoreaboutthebook:hover { background-position: 0 -30px; }

.profile .assessmentlist {
	margin: 100px 0 0 100px;
}
.profile_type_apology .assessmentlist {
	height: 331px;
	margin: 18px 15px 0 60px;
	overflow: hidden;
}
.question-apology-title {
	font-size: 15px;
	padding: 0 10px 0 30px;
}
.profile_type_children .assessmentbody {
	margin: 14px 15px 0 30px;
	width: 460px;
	float: left;
}
.assessmentbodychild {
	margin: 14px 15px 0 30px;
	width: 890px;
	float: left;
}
#childrens_intro_button {
	width: 323px;
	float: right;
	margin: 19px 29px 0 0;
}

#btn_58 {
	display: block;
	text-indent: -99999px;
	background: url(images/button-5-8.png) 0 0;
	width: 323px;
	height: 32px;
	margin-bottom: 25px;
}
#btn_912 {
	display: block;
	text-indent: -99999px;
	background: url(images/button-9-12.png) 0 0;
	width: 323px;
	height: 32px;
}

#btn_58:hover, #btn_912:hover {
	background-position: 0 -32px;
}


.assessmentlist li {
	background: url(images/bg-assessmentchecks.gif) no-repeat 0 1px;
	padding: 2px 45px 12px 35px;
	margin-bottom: 6px;
	margin-left: 24px;
	font-size: 15px;
	line-height: 130%;
	cursor: pointer;
	width: 710px;
}
li.btnchecked {
	background-position: 0 -474px;
}
.assessmentbody {
	margin: 0 24px;
}
#resultstitle {
	font-weight: bold;
	font-size: 17px;
	color: #765DA3;
	margin-bottom: 5px;
}


#quiz-frame h2.gettingstarted { background: url(images/assessment-gettingstarted.png) no-repeat; }
#quiz-frame h2.questiontitle { background: url(images/assessment-question.png) no-repeat; }
#quiz-frame h2.yourprofile { background: url(images/assessment-yourprofile.png) no-repeat; }
#quiz-frame h2.yourprofile_mysteryresults { background: url(images/assessment-mysteryresults.png) no-repeat; }

ul.selectgender {
	width: 692px;
	margin: 82px auto 0 auto;
}
ul.selectgender li {
	float: left;
}
ul.selectgender #menprofile {
	width: 310px;
	height: 119px;
	display: block;
	text-indent: -99999px;
	margin-right: 32px;
	background: url(images/men.png) no-repeat;
}
ul.selectgender #womenprofile {
	width: 310px;
	height: 119px;
	display: block;
	text-indent: -99999px;
	margin-left: 32px;
	background: url(images/women.png) no-repeat;
}
ul.selectgender a#womenprofile:hover, ul.selectgender a#menprofile:hover { background-position: 0 -119px; }

.gendertitle {
	position: absolute;
	width: 186px;
	height: 21px;
	top: 10px;
	right: 15px;
	text-indent: -99999px;
}
.maletitle { background: url(images/assessment-profilemen.png) no-repeat; }
.femaletitle { background: url(images/assessment-profilewomen.png) no-repeat; }

#quiz-frame h3 {
	display: block;
	height: 18px;
	text-indent: -99999px;
	border: 0;
	margin: 0 0 5px 0;
}
#quiz-frame h3#togetstarted { background: url(images/assessment-togetstarted.png) no-repeat; }
#quiz-frame h3#yourinfo { background: url(images/assessment-yourinfo.png) no-repeat; }
#quiz-frame h3#completed { background: url(images/assessment-completed.png) no-repeat; }
#quiz-frame h3#completed-mystery { background: url(images/assessment-completed-mystery.png) no-repeat; }
#quiz-frame h3.yourscores { background: url(images/assessment-yourscores.png) no-repeat; }
#quiz-frame h3.interpreting { background: url(images/assessment-interpreting.png) no-repeat; }
#quiz-frame h3.interpreting-mystery { background: url(images/assessment-interpreting-mystery.png) no-repeat; }
#quiz-frame h3.yourll { background: url(images/assessment-yourll.png) no-repeat; }
#quiz-frame h3.yourll-mystery { background: url(images/assessment-yourll-mystery.png) no-repeat; }
.underline {
	padding-bottom: 6px;
	border-bottom: 1px solid #E3E3E1;
	margin-bottom: 8px;
}


.tooltip {
	position: absolute;
	bottom: 58px;
	left: 577px;
	width: 341px;
}
.tooltipbody {
	background: url(images/tooltip.png) no-repeat;
	padding: 11px 17px 3px 17px;
	font-size: 11px;
	line-height: auto;
}
.tooltipbottom {
	width: 341px;
	height: 19px;
	background: url(images/tooltip-bottom.png) no-repeat;
}
.tooltip2 {
	position: absolute;
	bottom: 45px;
	left: 692px;
	width: 210px;
	height: 40px;
	background: url(images/bg-tooltip2.png) no-repeat;
	padding: 14px 9px;
	text-align: center;
	font-size: 11px;
}
.tooltip3 {
	width: 440px;
	height: 66px;
	background: url(images/bg-tooltip3.png) no-repeat;
	padding: 10px 15px;
	font-size: 11px;
	margin-bottom: 6px;
}
.tooltip3-short {
	width: 440px;
	height: 41px;
	background: url(images/bg-tooltip3-short.png) no-repeat;
	padding: 10px 15px;
	font-size: 11px;
	margin-bottom: 6px;
}
#tooltip4 {
	position: absolute;
	top: 73px;
	left: 111px;
	width: 210px;
	height: 40px;
	background: url(images/bg-tooltip4.png) no-repeat;
	padding: 14px 15px;
	font-size: 14px;
	display: none;
	text-align: center;
	z-index: 1000;
	cursor: pointer;
}
#tooltip4.apology-tip {
	top: 47px;
	left: 63px;
}
.tooltipbody {
	background: url(images/tooltip.png) no-repeat;
	padding: 11px 17px 3px 17px;
	font-size: 11px;
	line-height: auto;
}
.questionnum {
	position: absolute;
	height: 22px;
	top: 11px;
	left: 108px;
}
.questionnum div {
	float: left;
	width: 12px;
	height: 22px;
	background-image: url(images/assessment-numbers.png);
}
.questionnum .num1 { background-position: 1px 0; }
.questionnum .num2 { background-position: -27px 0; }
.questionnum .num3 { background-position: -55px 0; }
.questionnum .num4 { background-position: -82px 0; }
.questionnum .num5 { background-position: -110px 0; }
.questionnum .num6 { background-position: -139px 0; }
.questionnum .num7 { background-position: -167px 0; }
.questionnum .num8 { background-position: -195px 0; }
.questionnum .num9 { background-position: -223px 0; }
.questionnum .num0 { background-position: -251px 0; }

.questionnum-small {
	position: absolute;
	height: 15px;
	top: 339px;
	left: 700px;
}
.questionnum-small div {
	float: left;
	width: 9px;
	height: 15px;
	background-image: url(images/assessment-numbers-small.png);
}
.questionnum-small .num-none { background-position: 20px 0; }
.questionnum-small .num1 { background-position: 1px 0; }
.questionnum-small .num2 { background-position: -18px 0; }
.questionnum-small .num3 { background-position: -36px 0; }
.questionnum-small .num4 { background-position: -54px 0; }
.questionnum-small .num5 { background-position: -72px 0; }
.questionnum-small .num6 { background-position: -90px 0; }
.questionnum-small .num7 { background-position: -108px 0; }
.questionnum-small .num8 { background-position: -127px 0; }
.questionnum-small .num9 { background-position: -144px 0; }
.questionnum-small .num0 { background-position: -163px 0; }

.progressreport {
	position: absolute;
	top: 339px;
	left: 130px;
	width: 624px;
	height: 16px;
	background-image: url(images/bg-progressbar.png);
}
.profile_type_apology .progressreport, .profile_type_children .progressreport {
	background-image: url(images/bg-progressbar-20.png);
}

.green {
	background-image: url(images/bg-green.png);
	height: 12px;
	text-align: right;
	position: absolute;
	left: 250px;
	top: 341px;
}

.score {
	width: 35px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	color: #765DA3;
	padding: 5px 0;
}
.scorename {
	font-size: 16px;
	padding: 5px 0;
}
.scorediv {
	width: 295px;
	margin-right: 25px;
	float: left;
}
.scoredivright {
	width: 565px;
	float: left;
}

#introLeft {
	width: 460px;
	float: left;
	margin-left: 19px;
}

#teenform {
	display: block;
	width: 285px;
	float: right;
	margin-right: 70px;
	margin-top: 64px;
}
#teenform label {
	clear: both;
	width: 190px;
	display: block;
	float: none;
}
#teenform input {
	margin-bottom: 4px;
}
#teenform button#submitbutton {
	float: none;
}

h2#forparentsofteens {
	background: url(images/forTheParents.png) no-repeat;
	margin-left: 0;
}
#takeTeenProfile {
	background: url(images/takeTheProfileTeen.png) no-repeat;
	width: 299px;
	height: 23px;
	text-indent: -99999px;
	display: block;
}
#takeTeenProfile:hover {
	background-position: 0 -23px;
}




#quiz-frame.profile_type_apology {
	background-image: url(images/bg-assessmentframe-tall.png);
	height: 470px;
}
#quiz-frame.profile_type_apology #people {
	top: 403px;
}
#quiz-frame.profile_type_apology #quiz-frame-inner {
	height: 470px;
}
#quiz-frame.profile_type_apology .progressreport {
	top: 435px;
}
#quiz-frame.profile_type_apology .green {
	top: 437px;
}
#quiz-frame.profile_type_apology .bottom {
	bottom: 20px;
}
#quiz-frame.profile_type_apology .questionnum-small {
	top: 435px;
}
#quiz-frame.profile_type_apology .assessmentframe {
	height: 478px;
}

.popupbox {
	height: 300px;
	overflow: auto;
	padding-right: 10px;
}

.button_game {
	display: block;
	text-indent: -99999px;
	background: url(images/button-game.png) 0 0;
	width: 282px;
	height: 32px;
	margin-right: 12px;
	margin-top: 10px;
}
.button_childrensbook {
	display: block;
	text-indent: -99999px;
	background: url(images/button-childrensbook.png) 0 0;
	width: 414px;
	height: 32px;
	margin-top: 10px;
}

.button_childrensbook:hover, .button_game:hover {
	background-position: 0 -32px;
}

