@charset "utf-8";
/* CSS Document */

.intro-banner-bg h3 {
	width: 60%;
}

.intro-banner-bg h4 {
	width: 50%;
}

.intro-banner-ribbon{
    background-image: url(../../common/images/intro_ribbon_tablet.jpg);
    width: 298px;
    height: 434px;
    margin:0 auto;
	text-align:center;
}

#page1{
    overflow: visible;
    width: auto;
    height: auto;
}

.tool_inner {
	display:block;
	/*max-width:1024px;
	min-width:320px;*/
    width:100%;
	min-height:300px;
	margin-left:auto;
	margin-right:auto; }
	


.page_container {
	width:768px;
	height:540px;
	padding:3%;
	padding-bottom:0px;
}

#header_container {
	height:70px;
}

.header_text {	
	font-size:14px;
	line-height:20px;
	padding:15px; }

.logo {
    width: 120px;
    margin-top: 10px;
}

.logo_title {
	padding: 5px 0 5px 0;
}

.subtitle {
	font-size:50px; }

.description_copy {
	font-size:24px;
	line-height:28px;
	padding:15px 0 10px 0; }
	
.tagline {
	font-size: 20px;
	line-height:24px;
	padding:8px;
}

.question_title {
	font-size:50px;
}

.question_copy {
	font-size:24px;
	line-height:28px;
	padding-top:10px;
 }

.question_copy_desktop {
	font-size:18px;
	line-height:24px; }
	
.answers_wrapper {
	margin-top:0px; }
	
.answer_options {
	height:35px; }

.answer_options_Q6 {
	height:34px;
	width:235px; }

.answer_description_copy {
	padding-top:3px;
	height:35px; }
		
.answer_description {
	font-size: 20px;
	padding-left:30px;
}

/*..answer_description.focus{
	background:url(../images/checkbox_focus.png) no-repeat 0 0px;
	color:#C62127;
}

.answer_description.checked{
	background:url(../images/checkbox_on.png) no-repeat 0 0px;
    color:#C62127;
}

.answer_description.checked.focus{
	background: url(../images/checkbox_checked+focus.png) no-repeat 0 0px;
    color:#C62127;
}

*/

.question_copy_wrapper, .question02_copy_wrapper, .question03_copy_wrapper {
	height:260px; }

.question01_img_hidden {
	width:720px;
}

.question01_img01 img {
	width:100%; }
	
.question01_img02 img {
	width:100%; }
	
.question01_img03 img {
	width:100%; }

.question01_img04 img {
	width:100%; }

.question01_images_container, .question02_images_container, .question03_images_container {
	height:230px; }

.question02_img01 img {
	width:100%; }
	
.question02_img02 img {
	width:100%; }
	
.question02_img03 img {
	width:100%; }

.question02_img04 img {
	width:100%; }

.question02_img_wrapper {
	width:50%;
	height:100%;}

.question04_copy_wrapper {
	padding-top:10%;
	width:auto;}

.question04_images_container {
	width:30%;
	padding-top:7%; }	

.question05_copy_wrapper {
	width:auto; }

.question05_images_container {
	width:210px;
	margin-left:25px; }

.question05_img01 img {
	width:100%; }
	
.question05_img02 img {
	width:100%; }
	
.question05_img03 img {
	width:100%; }

.question05_img04 img {
	width:100%; }

.row {
	width:auto;
	padding-right:24px; }

.question06_copy_wrapper {
	height:320px; }

.question06_images_container {
	height: 180px;
}


.question06_img01 img, .question06_img02 img, .question06_img03 img, .question06_img04 img, .question06_img05 img, .question06_img06 img, .question06_img07 img, .question06_img08 img, .question06_img09 img, .question06_img10 img, .question06_img11 img, .question06_img12 img {
	width:100%; }
	

	
.question06_img_wrapper {
	width: 96px;
	height: 110px;
	margin-right:20px; }

.results_title, .points_title  {
	font-size:45px;
	line-height:50px; }


.category01_title, .category02_title, .category03_title, .category04_title {
	font-size:22px;
	line-height:24px; }

.category01_description, .category02_description, .category03_description, .category04_description {
	font-size: 16px;
	line-height: 22px; }

.personal_goals_wrapper {
	padding-top:25px; }

.goal_link, .goal_link_copy {
	font-size: 16px;
	line-height: 22px; 
}

.results_descriptions_wrapper {
	width: 100%;
	padding-top: 40px;
}

.results_page_right_side{
	float:right;
	width:44%; 
	height:95%;
 }

.tips_title {
	font-size:18px;
	line-height:22px; }

.tips_copy {
	font-size:14px;
	line-height:18px; }

.tips_btn {
	width:auto;
	height:auto;
	float:right;
	text-align:left;
	padding:8px; 
	font-size:14px;
	margin-top:-1px;
	margin-right:-1px;
}

.restart_btn, .back_btn_results{
	font-size:18px; }
	
.restart_btn {
    background-position: 102px;
}

.restart_btn:hover {
    background-position: 102px;
}

.print_btn {
  display:none; }

.new_tips_link {
	width:auto;
	font-size:16px;
	padding-bottom:0px; }

.tip_indicator_container {
	bottom:3.5%; }

.tip_indicator {
	margin-right:3px; }

.tips_wrapper {
	padding-bottom:0px; }
	
.tips_image img {
	width:80%;
	margin-bottom:0px;
	margin-top:0px; }
	
.results_page_left_side {
	width:50%;
	height:auto;
	padding-bottom:3%; }


.answers_wrapper_mobilewide {
	display:none;
}

.question03_img_wrapper img {
	height:105px; }

.back_btn_mobile, .next_btn_mobile {
	display:none;
}

.popup-container {
	top:299.5px; }

.results_page_btns_wrapper {
	padding-bottom:10px; }

.share_copy {
	font-size:16px;
	padding-right:5px;
	line-height:35px;
	padding-top:0px;
	padding-left:5px;
}
	
.results_page_tips_mobile {
	display:none;
}

.input_box {
	    width: 398px; }
	
.goals_dynamic_container {
	margin-top:415px; }

.add_btn, .back_btn_goals {
	font-size:17px; 
    margin-top: 10px;
}
	
.restart_btn{
	margin-left: 6px;
}

.footer {
    margin-top: 40px;
}