@charset "utf-8";
/* CSS Document */




#page1{
    overflow: visible;
    width: auto;
    height: auto;
}



.tool_inner {
	display:block;
	/*max-width:1024px;
	min-width:320px;*/
    width:100%;
	max-height:792px;
	min-height:300px;
	margin-left:auto;
	margin-right:auto; }



#header_container {
	height:45px;
}
	
.page_container {
	width:480px;
	height:270px;
	padding:10px;
}

.header_text_container {
	display:none; }
	

.logo {
    width: 90px;
    float: left;
    margin-top: 0px;
    padding: 6px;

}

.subtitle {
	font-size:30px; }

.description_copy {
	width:100%;
	font-size:15px;
	line-height: 18px;
	padding: 1% 0 0 0; }

.logo_title {
	font-size:18px;
	padding:0px;
}

.determiner_title {
	font-size:18px; }

.main_title {
	margin:0px; }
	
.tagline {
    width: 100%;
    margin: auto;
	font-size: 16px;
	line-height:22px;
	float:left;
}

.underline {
	margin-top:3px; }

.main_title_img img {
	width: 80%;
}



.question_copy_desktop {
	display: none; }
	
.question_title {
	font-size:28px;
}

.question_copy {
	font-size: 15px;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom:5px;
	font-weight: bold;
	width:80%;
}


.answer_description {
	font-size: 15px;
	height:35px;
	padding-left:30px;
}

.answer_description_copy {
	display: table-cell;
	vertical-align: middle;
	height:35px;
	padding-top:2px;
}

/*.answer_description.focus{
	background:url(../images/checkbox_focus.png) no-repeat 0 center;
	color:#C62127;
}

.answer_description.checked{
	background:url(../images/checkbox_on.png) no-repeat 0 center;
    color:#C62127;
}

.answer_description.checked.focus{
	background: url(../images/checkbox_checked+focus.png) no-repeat 0 center;
    color:#C62127;
}

*/ 	
.answers_wrapper {
	width: 100%;
	margin-top: 0px;
}


.question_copy_wrapper, .question02_copy_wrapper, .question03_copy_wrapper, .question04_copy_wrapper, .question05_copy_wrapper, .question06_copy_wrapper {
	float:right;
	width:70%;
	height:auto;
	margin-top:10px;
	padding-bottom:0px;
	padding-top:0px; }


.answer_options {
	height:auto; }

.question01_images_container {
	width:30%;
	padding-top:0px;
	float:left;
	height:100%;
	margin-left:-19px;
	overflow:hidden;
}

.question01_img_hidden {
	width:100%;
	top:0px;
	left: -1000px;
}

.question01_img_wrapper {
	width:100%;
	height:100%;
	overflow:hidden; }	

.question02_images_container {
	width:30%;
	padding-top:0px;
	float:left;
	height:auto;
	margin-left:-10px;
	overflow:hidden; }

.question03_images_container {
	width: 20%;
	padding-top: 0px;
	float: left;
	height: 250px;
	margin-left: -5px;
	overflow:hidden;
}

.question03_img_wrapper img {
	width: auto;
	height: 40px;
}

.question04_images_container {
	width:25%;
	height:auto;
	margin-left:-5px;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:12px;
	overflow:hidden;
}

.question05_images_container {
	width: 25%;
	padding-top: 35px;
	float: left;
	height: auto;
	margin-left: -10px;
	overflow:hidden; }

.question06_images_container {
	width: 25%;
	padding-top: 0px;
	float: left;
	height: 250px;
	margin-left: -10px;
	overflow:hidden;
}

.question06_img_wrapper{
	width:40px;
	height:40px;
	margin-top:0px; }

.question06_img_wrapper img{
	width:100%; }
	
.question02_img01 img, .question02_img02 img, .question02_img03 img, .question02_img04 img  {
	width:95%;
	margin-left:-5px; }

.question04_img01 img, .question04_img02 img, .question04_img03 img, .question04_img04 img  {
	width:70%; }
	
.question05_img01 img, .question05_img02 img, .question05_img03 img, .question05_img04 img  {
	width:70%; }

.question02_img_wrapper {
	width:100%;
	left:0;
	margin-top:100%;
	height:auto; }

.fruitsDesktop {
	display:none;}

.fruitsMobile {
	display:block;
}

.results_title, .points_title {
	font-size:18px;
	line-height:20px; }

.category01_title, .category02_title, .category03_title, .category04_title {
	font-size:13px;
	line-height:15px;
	font-weight:bold; }

.category01_description, .category02_description, .category03_description, .category04_description {
	font-size: 12px;
	line-height: 16px; }

.results_descriptions_wrapper {
	padding-top:5%;
	padding-bottom:2%; }

.results_page_right_side {
	float: left;
	width: 100%;
	height:auto;
	padding-right: 0px;
	margin-top:0px;
	margin-bottom:5%;
	margin-left:0px;
}


.print_icon {
	margin-top:-1px; }
	
.results_page_left_side {
	width:100%;
	height:auto;}

.share_copy {
	font-size:12px; }

.back_btn_results, .restart_btn {
	height:35px;
	font-size:16px; 
	line-height:18px;}

.restart_btn{
    background-position: 94px;
}

.restart_btn:hover {
    background-position: 94px;
}

.tips_btn {
	font-size:12px;
	padding:5px;
	text-align:center; }

.back_btn, .next_btn, .print_btn  {
	display:none;
}

.btn_arrow_left {
	margin: -1px 7px 0px 0px;
}

.restart_icon, .tips_icon {
	margin: -1px 0px 0px 7px
}

.results_page_btns_wrapper {
	padding-bottom:5px;
	padding-top:10px; }

.answers_wrapper_mobilewide {
	display:block;
}

.row {
	display:none; }
	
.row_mobile {
	float:left;}

.answers_wrapper_Q6 {
	display:none; }

.answer_options_mobile {
	height:25px; }

.question06_copy_wrapper {
	margin-top: 0px; }

.question06_copy_wrapper {
	width:75%; }
    
.answer_options_Q6 {
    width:50%;
    height:26px;
    }

.next_btn_mobile {
	display:block;
	background:url(../images/arrow_right-on.png) no-repeat;
    background-size: contain;
    width: 42px;
    height: 130px;
    float: right;
    margin-top: 37px;
    border: 0px;
    position: absolute;
    right: -24px;
    top: -58px;
    cursor: pointer;
}

.back_btn_mobile {
	display:block;
	background:url(../images/arrow_left-on.png) no-repeat;
    background-size: contain;
    width: 42px;
    height: 130px;
    float: left;
    margin-top: 37px;
    margin-left: -30px;
    border: 0px;
    position: absolute;
    left: -14px;
    top: -58px;
    cursor: pointer;
    
}

.back_btn_mobile:hover {
	background:url(../images/arrow_left-on.png) no-repeat;
}

.next_btn_mobile:hover {
	background:url(../images/arrow_right-on.png) no-repeat;
}

.next_btn_mobile:focus {
	background:url(../images/arrow_right-on.png) no-repeat ;
}

.back_btn_mobile:focus {
	background:url(../images/arrow_left-on.png) no-repeat;
}

.share_icon, .facebook_icon, .twitter_icon, .linkedin_icon {
	width:56px;
	height:55px;
	margin-right:0px;
}

.share_icon{
	background: url(../images/share_icon.png) no-repeat center center;
}

.facebook_icon{
	background: url(../images/facebook_icon.png) no-repeat center center;
}

.twitter_icon{
	background: url(../images/twitter_icon.png) no-repeat center center;
}

.linkedin_icon{
	background: url(../images/linkedin_icon.png) no-repeat center center;
}

.popup_copy {
	width:83%; }
	
.popup-okay {
	width:15%; }
	
.errorPopup {
	width:450px; }

.personal_goals_wrapper {
	padding-top:10px; }

.goal_link, .goal_link_copy {
	font-size: 12px;
	line-height: 16px; 
}

.tips_image img {
	width:16%;
	margin-top:0px;
	margin-bottom:0px; }

.tips_title {
	font-size:12px;
	line-height:14px; }

.tips_wrapper {
	padding:10px;
	padding-bottom:0px;
	height:200px; }

.tips_copy {
	font-size:11px;
	line-height:14px; } 

.results_page_share_btns_wrapper {
	padding-top:3%;
	padding-bottom:3%; }

.tips_icon {
	display:none; }

.new_tips_link {
	font-size:12px; 
	margin-left: 10px; 
	width:auto;
	bottom:5%;}

.results_page_tips_mobile {
	display:none;
}

.goals_intro {
	font-size:12px;
	line-height:16px;
	padding-bottom:4%; }

.goals_example_text {
	font-size: 14px;
	line-height: 16px;
	padding-bottom: 4%;
}

.example_wrapper {
padding-bottom: 2%;
}

.example_checkmark {
	margin-left:2%; }

.example_copy {
font-size: 12px;
line-height: 14px;
margin-left: 8%;
}

.goals_dynamic_container {
	font-family: Arial, sans-serif;
	color: #666766;
	width: 100%;
	float: left;
	margin-top: 285px;
	position: relative;
}

.goals_subtitle_text {
font-size: 18px;
margin-left: 8%;
padding-bottom: 2%;
padding-top: 5%;
}

.input_box {
	width:85%; }

.goals_btn_wrapper {
float: left;
width: 75%;
padding-bottom:3%;
margin-left:15%;
position:relative;
bottom:0; }

.add_btn, .back_btn_goals {
	font-size:17px; 
	float:left;}

.goals_title {
	font-size:20px; }

.image_BG img {
width: 35%;
position: absolute;
right: 0;
}

.goals_page_text_container {
	width:74%;}

.tip_indicator_container {
	width:30%;
	right:0;
	bottom:5%;
 }

.tip_indicator {
	background: url(../images/tip_off_icon_mobile.png) no-repeat center center;
	width:7px;
	height:7px;
	margin-right:0px;  }

.tip_indicator.active{
		background: url(../images/tip_on_icon_mobile.png) no-repeat center center;
	}