/***********************************************************/
/* GENERAL STATEMENTS */
/***********************************************************/

	html {height:100%; margin:0px; padding:0px; overflow:-moz-scrollbars-vertical;}
	body {height:100%; margin:0px; padding:0px; background:#FFFFFF; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; color:#333333; line-height:13px; text-align:left;}
	.container {height:auto; min-height:100%; margin-bottom:-130px;}
	*html .container {height:100%;}
	div {margin:0px; padding:0px; display:block;}
	img {border:0px;}
	ul {margin:0px; padding:0px 0px 15px 25px;}
	ol {margin:0px; padding:0px 0px 15px 25px;}
	li {margin:0px; padding:0px;}
	p {margin:0px; padding:0px 0px 0px 1px; margin-bottom:15px; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; color:#333333; line-height:14px; font-weight:normal;}
	h1 {margin:0px; padding:0px; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; color:#333333; line-height:14px; font-weight:bold;}
	h2 {margin:0px; padding:0px; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; color:#333333; line-height:14px; font-weight:normal;}
	h3 {margin:0px; padding:0px; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; color:#333333; line-height:14px; font-weight:normal;}
	a {color:#008FD5; text-decoration:none; cursor:pointer;}
	a:hover {text-decoration:underline; cursor:pointer;}
	.errorMsg {margin:0px; padding:0px 0px 0px 1px; color:#FF0000;}

/***********************************************************/
/* LAYOUT */
/***********************************************************/

	/* default */
		.default {position:relative; clear:both; width:550px; height:auto; text-align:left;}

	/* header & nav */
		.header {position:relative; clear:both; width:550px; height:50px;}
			.header .lg_healthyWeight {position:absolute; left:25px; top:24px; width:609px; height:30px; z-index:0;}
			.header .lg_everyDay {display:none; position:absolute; left:755px; top:66px; width:234px; height:51px; z-index:0;}
			.header .langSwitch {display:none; position:absolute; left:896px; top:42px; width:75px; height:15px; z-index:0; text-align:right;}

		.nav {display:none; position:absolute; left:4px; top:67px; width:697px; height:auto; z-index:0; background:url(/resources/images/common/bg_nav.gif) top left no-repeat;}
			.nav .item {position:relative; float:left;}

		.subnav {display:none; position:relative; clear:both; width:675px; height:21px; padding-top:10px;}
			.subnav .item {position:relative; float:left; padding-right:10px;}

	/* footer */
		.footer {position:relative; clear:both; width:550px; height:145px; padding-top:10px;}
			.footer .text {position:relative; clear:both; width:550px; height:30px; padding:3px 23px 0px 20px; text-align:left;}
			.footer .links {display:none; position:relative; float:left; width:360px; height:30px; padding:8px 0px 0px 27px; text-align:left;}
				.footer .links a {padding-right:30px; font-weight:normal;}
			.footer .legal {position:relative; clear:both; width:550px; height:auto; padding:23px 23px 0px 20px; text-align:left;}}

		.clouds {display:none; position:relative; clear:both; width:100%; height:130px; color:#000000;}
			.clouds .positionSet {position:relative; clear:both; width:275px; height:130px;}
				.clouds .positionSet .over {position:absolute; top:0px; left:0px; width:275px; height:130px; z-index:10; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;}
				.clouds .positionSet .under {position:absolute; top:0px; left:0px; width:275px; height:130px; z-index:0; filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}

	/* general */
		.hd_content {position:relative; clear:both; width:550px; height:auto; padding-top:25px; padding-bottom:20px; background:url(/resources/images/common/vi_bottomBorder.gif) bottom left repeat-x;}
			.hd_content h2 {padding-top:4px; font-size:14px; line-height:17px;}
			.hd_content .printMe {display:none; position:relative; clear:both; width:670px; height:15px; text-align:right;}

		.left_content {display:none; position:absolute; left:25px; width:340px; height:265px; z-index:20; padding-top:15px;}

		.right_content {position:relative; clear:both; width:335px; height:400px; margin-left:0px; padding-top:15px; z-index:19;}
		.right_content[class] {height:auto; min-height:400px;}
			.right_content h2 {font-size:14px; line-height:18px;}
			.right_content h3 {font-size:12px; line-height:18px;}

		.showOnPrint {display:block; margin-top:15px; margin-bottom:15px; padding-top:10px; padding-bottom:10px; border-top:solid 1px #333333; border-bottom:solid 1px #333333;}

		.tile {display:none; position:absolute; left:750px; top:20px; width:239px; height:auto; z-index:20; text-align:right;}
			.tile img {padding-bottom:15px;}

		.en {background:url(/resources/images/en-CA/bg_mainFooter.gif) bottom left no-repeat;}
		.fr {background:url(/resources/images/fr-CA/bg_mainFooter.gif) bottom left no-repeat;}

	/* home */
		.home {position:relative; clear:both; width:994px; height:380px; padding-bottom:15px;}
			.home .mediaPlayer {position:absolute; left:5px; top:0px; width:425px; height:375px; z-index:10;}
				.home .mediaPlayer iframe {width:425px; height:375px; background:#FFFFFF;}
			.home .factsheet {position:absolute; left:430px; top:0px; width:270px; height:185px; z-index:10; padding:0px; background:url(/resources/images/common/vi_bottomBorder.gif) bottom left repeat-x;}
				.home .factsheet h1 {padding-top:25px; padding-bottom:10px;}
				.home .factsheet p {font-size:10px; font-weight:bold; line-height:12px;}
			.home .assessment {position:absolute; left:430px; top:197px; width:270px; height:175px; z-index:10;}
				.home .assessment h1 {padding-bottom:10px;}
				.home .assessment p {font-size:10px; font-weight:bold; line-height:12px;}

	/* program */
		.program {position:relative; clear:both; width:969px; height:auto; padding-left:25px; padding-bottom:15px;}
			.program .summary {position:relative; clear:both; width:325px; height:73px; background:url(/resources/images/common/bg_programSummary.gif) top left no-repeat;}
				.program .summary .row {position:relative; clear:both; width:323px; height:30px; padding:1px; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; color:#008FD5; line-height:13px;}
					.program .summary .row .left {position:relative; float:left; width:124px; height:auto; text-align:center;}
					.program .summary .row .middle {position:relative; float:left; width:104px; height:auto; text-align:center;}
					.program .summary .row .right {position:relative; float:left; width:95px; height:auto; text-align:center;}
			.program .healthyWeight {position:relative; clear:both; width:335px; height:auto;}
				.program .healthyWeight .row {position:relative; clear:both; width:335px; height:33px;}
					.program .healthyWeight .row .label {position:relative; float:left; width:150px; height:auto; padding-top:2px; font-weight:bold;}
					.program .healthyWeight .row .labelNoStar {position:relative; float:left; width:142px; height:auto; height:20px; padding-left:8px;padding-top:2px; font-weight:bold;}
					.program .healthyWeight .row .control {position:relative; float:left; width:185px; height:auto;}
						.program .healthyWeight .row .control .item {position:relative; float:left; padding-right:3px;}
			.program .habit {position:relative; clear:both; width:335px; height:auto;}
				.program .habit .row {position:relative; clear:both; width:335px; height:auto; padding-bottom:10px;}
					.program .habit .row .label {position:relative; clear:both; width:335px; height:auto; padding-left:19px; padding-bottom:5px; font-weight:bold; text-indent:-19px;}
					.program .habit .row .control {position:relative; clear:both; width:335px; height:auto;}
			.program .rowResults {position:relative; clear:both; width:335px; height:auto; padding-top:10px; padding-bottom:10px; background:url(/resources/images/common/vi_bottomBorder.gif) bottom left repeat-x;}
			.program .group {position:relative; clear:both; width:335px; height:auto; padding-bottom:20px;}
				.program .group h2 {font-size:14px; font-weight:bold; line-height:17px; padding-bottom:10px;}

	/* factsheet */
		.factsheet {position:relative; clear:both; width:969px; height:auto; padding-left:25px; padding-bottom:15px;}
			.factsheet .right_content h1 {margin-bottom:15px; font-size:14px;}
			.factsheet .tabs_factsheet {position:relative; clear:both; width:675px; height:400px;}
				.factsheet .tabs_factsheet .tab {position:absolute; width:330px; height:auto; z-index:0; padding-bottom:15px; background:url(/resources/images/common/bg_factsheetTabs.gif) bottom left no-repeat;}
					.factsheet .tabs_factsheet .tab .hd_tab {position:relative; clear:both; width:330px; height:40px;}
					.factsheet .tabs_factsheet .tab .txt_tab {position:relative; clear:both; width:316px; height:auto; padding-left:14px; line-height:20px;}
						.factsheet .tabs_factsheet .tab .txt_tab a {font-weight:normal;}
			.factsheet .tooltips_factsheet {position:absolute; left:0px; top:0px; width:155px; height:55px; z-index:50; padding:10px; background:url(/resources/images/common/bg_factsheetTooltip.gif) top left no-repeat; font-size:10px; line-height:11px; cursor:pointer;}
			.factsheet .drop_factsheet {position:relative; clear:both; width:675px; height:34px; z-index:30; background:url(/resources/images/common/vi_bottomBorder.gif) bottom left repeat-x;}
				.factsheet .drop_factsheet .label {position:relative; float:left; width:335px; padding-top:10px;}
				.factsheet .drop_factsheet .control {position:relative; float:left; width:330px; padding-top:7px; padding-left:10px;}
			.factsheet .nav_factsheet {position:relative; clear:both; width:335px; height:20px; padding-top:10px;}
				.factsheet .nav_factsheet .prev {position:relative; float:left; width:150px;}
				.factsheet .nav_factsheet .next {position:relative; float:left; width:185px; text-align:right;}

	/* contactUs */
		.contactUs {position:relative; clear:both; width:969px; height:auto; padding-left:25px; padding-bottom:15px;}
			.contactUs .row {position:relative; clear:both; width:335px; height:auto; padding-bottom:8px;}
				.contactUs .row .label {position:relative; float:left; width:150px; height:20px; padding-top:2px;}
				.contactUs .row .labelNoStar {position:relative; float:left; width:142px; height:20px; padding-left:8px; padding-top:2px;}
				.contactUs .row .control {position:relative; float:left; width:185px; height:20px;}

	/* publication */
		.publication {position:relative; clear:both; width:969px; height:auto; padding-left:25px; padding-bottom:15px;}
			.publication .row {position:relative; clear:both; width:335px; height:auto; padding-bottom:8px;}
				.publication .row .label {position:relative; float:left; width:150px; height:20px; padding-top:2px;}
				.publication .row .labelNoStar {position:relative; float:left; width:142px; height:20px; padding-left:8px; padding-top:2px;}
				.publication .row .control {position:relative; float:left; width:185px; height:20px;}

/***********************************************************/
/* POPUPS */
/***********************************************************/

	.popValerie {position:absolute; left:0px; top:0px; z-index:6000;}
		.popValerie .row {position:relative; clear:both;}
			.popValerie .row .popCorner {position:relative; float:left; width:6px; height:6px;}
			.popValerie .row .popLeft {position:relative; float:left; width:6px; background:url(/resources/images/common/ic_popupLeft.gif) top left repeat;}
			.popValerie .row .popRight {position:relative; float:left; width:6px; background:url(/resources/images/common/ic_popupRight.gif) top left repeat;}
			.popValerie .row .popTop {position:relative; float:left; height:6px; background:url(/resources/images/common/ic_popupTop.gif) top left repeat;}
			.popValerie .row .popBottom {position:relative; float:left; height:14px; background:url(/resources/images/common/ic_popupBottom.gif) top left no-repeat;}
			.popValerie .row .popContent {position:relative; float:left; background:#FFFFFF; text-align:left; padding:0px;}
				.popValerie .row .popContent p {margin-bottom:10px; line-height:14px;}
				.popValerie .row .popContent .image {position:relative; float:left; width:105px; height:auto; padding:5px;}
				.popValerie .row .popContent .text {position:relative; float:left; height:auto; padding:5px;}

	.popup {position:absolute; left:50%; top:90px; width:520px; height:483px; z-index:6000; margin-left:-260px;}
		.popup .row {position:relative; clear:both;}
			.popup .row .popCorner {position:relative; float:left; width:6px; height:6px;}
			.popup .row .popLeft {position:relative; float:left; width:6px; height:375px; background:url(/resources/images/common/ic_popupLeft.gif) top left repeat;}
			.popup .row .popRight {position:relative; float:left; width:6px; height:375px; background:url(/resources/images/common/ic_popupRight.gif) top left repeat;}
			.popup .row .popTop {position:relative; float:left; width:498px; height:6px; background:url(/resources/images/common/ic_popupTop.gif) top left repeat;}
			.popup .row .popBottom {position:relative; float:left; width:498px; height:6px; background:url(/resources/images/common/ic_popupBottom2.gif) top left repeat;}
			.popup .row .popContent {position:relative; float:left; width:463px; height:350px; background:#FFFFFF; padding:10px 25px 15px 10px; text-align:left; line-height:15px; overflow:hidden;}
			.popup .row .popClose {position:absolute; left:475px; top:5px; width:11px; height:11px; z-index:0;}

/***********************************************************/
/* FIELDS & DROPDOWNS */
/***********************************************************/

	.bmiField {width:40px; height:13px; background:#FFFFFF; border:solid 1px #A19FA1; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#000000; font-weight:normal; margin-bottom:1px;}
	.contactUsField {width:180px; height:13px; background:#FFFFFF; border:solid 1px #A19FA1; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#000000; font-weight:normal; margin-bottom:1px;}
	.contactUsTextAreaField {width:320px; height:100px; background:#FFFFFF; border:solid 1px #A19FA1; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#000000; font-weight:normal; margin-bottom:1px;}
	.publicationField {width:180px; height:13px; background:#FFFFFF; border:solid 1px #A19FA1; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#000000; font-weight:normal; margin-bottom:1px;}

	.bmiFieldError {width:40px; height:13px; background:#FF0000; border:solid 1px #A19FA1; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#FFFFFF; font-weight:normal; margin-bottom:1px;}
	.contactUsError {width:180px; height:13px; background:#FF0000; border:solid 1px #A19FA1; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#FFFFFF; font-weight:normal; margin-bottom:1px;}
	.contactUsTextAreaError {width:320px; height:100px; background:#FF0000; border:solid 1px #A19FA1; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#FFFFFF; font-weight:normal; margin-bottom:1px;}
	.publicationError {width:180px; height:13px; background:#FF0000; border:solid 1px #A19FA1; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#FFFFFF; font-weight:normal; margin-bottom:1px;}

	.factsheetDropdown {position:relative; clear:both; width:330px; height:18px; z-index:5000;}
		.factsheetDropdown .dropdownTitle {position:absolute; left:0px; top:0px; width:330px; z-index:5000; background:url(/resources/images/common/bg_factsheetDropdown.gif) top right no-repeat;}
			.factsheetDropdown .dropdownTitle .titleTxt {position:relative; float:right; width:298px; padding-left:10px; padding-top:2px; font-size:10px; text-align:left;}
			.factsheetDropdown .dropdownTitle .titleImg {position:relative; float:right; width:21px;}
		.factsheetDropdown .dropdownMenu {position:absolute; left:0px; top:18px; width:328px; z-index:5000; border:solid 1px #A19FA1;}
			.factsheetDropdown .dropdownItem {cursor:pointer; width:328px; height:18px; padding-left:0px; padding-top:0px; background:#EAF5FB; font-size:10px; text-align:left;}
			.factsheetDropdown .dropdownItemSelected {cursor:pointer; width:328px; height:18px; padding-left:0px; padding-top:0px; background:#F7FCFF; font-size:10px; text-align:left;}
			.factsheetDropdown a {display:block; width:318px; height:16px; color:#333333; padding-left:10px; padding-top:2px; font-weight:normal; text-decoration:none;}
			.factsheetDropdown a:hover {color:#333333; font-weight:normal; background:#94CEEC; text-decoration:none;}

	.bmiLongDropdown {position:relative; clear:both; width:185px; height:18px; z-index:5000;}
		.bmiLongDropdown .dropdownTitle {position:absolute; left:0px; top:0px; width:185px; z-index:5000; background:url(/resources/images/common/bg_bmiLongDropdown.gif) top right no-repeat;}
			.bmiLongDropdown .dropdownTitle .titleTxt {position:relative; float:right; width:153px; padding-left:10px; padding-top:2px; font-size:10px; text-align:left;}
			.bmiLongDropdown .dropdownTitle .titleImg {position:relative; float:right; width:21px;}
		.bmiLongDropdown .dropdownMenu {position:absolute; left:0px; top:18px; width:183px; z-index:5000; border:solid 1px #A19FA1;}
			.bmiLongDropdown .dropdownItem {cursor:pointer; width:183px; height:18px; padding-left:0px; padding-top:0px; background:#EAF5FB; font-size:10px; text-align:left;}
			.bmiLongDropdown .dropdownItemSelected {cursor:pointer; width:183px; height:18px; padding-left:0px; padding-top:0px; background:#F7FCFF; font-size:10px; text-align:left;}
			.bmiLongDropdown a {display:block; width:173px; height:16px; padding-left:10px; padding-top:2px; color:#333333; font-weight:normal; text-decoration:none;}
			.bmiLongDropdown a:hover {color:#333333; font-weight:normal; background:#94CEEC; text-decoration:none;}

	.bmiShortDropdown {position:relative; clear:both; width:55px; height:18px; z-index:5000;}
		.bmiShortDropdown .dropdownTitle {position:absolute; left:0px; top:0px; width:55px; z-index:5000; background:url(/resources/images/common/bg_bmiShortDropdown.gif) top right no-repeat;}
			.bmiShortDropdown .dropdownTitle .titleTxt {position:relative; float:right; width:22px; padding-left:10px; padding-top:2px; font-size:10px; text-align:left;}
			.bmiShortDropdown .dropdownTitle .titleImg {position:relative; float:right; width:21px;}
		.bmiShortDropdown .dropdownMenu {position:absolute; left:0px; top:18px; width:53px; z-index:5000; border:solid 1px #A19FA1;}
			.bmiShortDropdown .dropdownItem {cursor:pointer; width:53px; height:18px; padding-left:0px; padding-top:0px; background:#EAF5FB; font-size:10px; text-align:left;}
			.bmiShortDropdown .dropdownItemSelected {cursor:pointer; width:53px; height:18px; padding-left:0px; padding-top:0px; background:#F7FCFF; font-size:10px; text-align:left;}
			.bmiShortDropdown a {display:block; width:43px; height:16px; color:#333333; font-weight:normal; padding-left:10px; padding-top:2px; text-decoration:none;}
			.bmiShortDropdown a:hover {color:#333333; font-weight:normal; background:#94CEEC; text-decoration:none;}

	.provinceDropdown {position:relative; clear:both; width:185px; height:18px; z-index:5000;}
		.provinceDropdown .dropdownTitle {position:absolute; left:0px; top:0px; width:185px; z-index:5000; background:url(/resources/images/common/bg_provinceDropdown.gif) top right no-repeat;}
			.provinceDropdown .dropdownTitle .titleTxt {position:relative; float:right; width:153px; padding-left:10px; padding-top:2px; font-size:10px; text-align:left;}
			.provinceDropdown .dropdownTitle .titleImg {position:relative; float:right; width:21px;}
		.provinceDropdown .dropdownMenu {position:absolute; left:0px; top:18px; width:183px; z-index:5000; border:solid 1px #A19FA1;}
			.provinceDropdown .dropdownItem {cursor:pointer; width:183px; height:18px; padding-left:0px; padding-top:0px; background:#EAF5FB; font-size:10px; text-align:left;}
			.provinceDropdown .dropdownItemSelected {cursor:pointer; width:183px; height:18px; padding-left:0px; padding-top:0px; background:#F7FCFF; font-size:10px; text-align:left;}
			.provinceDropdown a {display:block; width:173px; height:16px; padding-left:10px; padding-top:2px; color:#333333; font-weight:normal; text-decoration:none;}
			.provinceDropdown a:hover {color:#333333; font-weight:normal; background:#94CEEC; text-decoration:none;}

	.bmiLongDropdownError {position:relative; clear:both; width:185px; height:18px; z-index:5000;}
		.bmiLongDropdownError .dropdownTitle {position:absolute; left:0px; top:0px; width:185px; z-index:5000; background:url(/resources/images/common/bg_bmiLongDropdownError.gif) top right no-repeat;}
			.bmiLongDropdownError .dropdownTitle .titleTxt {position:relative; float:right; width:153px; padding-left:10px; padding-top:2px; font-size:10px; color:#FFFFFF; text-align:left;}
			.bmiLongDropdownError .dropdownTitle .titleImg {position:relative; float:right; width:21px;}
		.bmiLongDropdownError .dropdownMenu {position:absolute; left:0px; top:18px; width:183px; z-index:5000; border:solid 1px #A19FA1;}
			.bmiLongDropdownError .dropdownItem {cursor:pointer; width:183px; height:18px; padding-left:0px; padding-top:0px; background:#FF0000; font-size:10px; text-align:left;}
			.bmiLongDropdownError .dropdownItemSelected {cursor:pointer; width:183px; height:18px; padding-left:0px; padding-top:0px; background:#FF0000; font-size:10px; text-align:left;}
			.bmiLongDropdownError a {display:block; width:173px; height:16px; padding-left:10px; padding-top:2px; color:#FFFFFF; font-weight:normal; text-decoration:none;}
			.bmiLongDropdownError a:hover {color:#333333; font-weight:normal; background:#FAE8E8; text-decoration:none;}
			
	.provinceDropdownError {position:relative; clear:both; width:185px; height:18px; z-index:5000;}
		.provinceDropdownError .dropdownTitle {position:absolute; left:0px; top:0px; width:185px; z-index:5000; background:url(/resources/images/common/bg_provinceDropdownError.gif) top right no-repeat;}
			.provinceDropdownError .dropdownTitle .titleTxt {position:relative; float:right; width:153px; padding-left:10px; padding-top:2px; font-size:10px; color:#FFFFFF; text-align:left;}
			.provinceDropdownError .dropdownTitle .titleImg {position:relative; float:right; width:21px;}
		.provinceDropdownError .dropdownMenu {position:absolute; left:0px; top:18px; width:183px; z-index:5000; border:solid 1px #A19FA1;}
			.provinceDropdownError .dropdownItem {cursor:pointer; width:183px; height:18px; padding-left:0px; padding-top:0px; background:#FF0000; font-size:10px; text-align:left;}
			.provinceDropdownError .dropdownItemSelected {cursor:pointer; width:183px; height:18px; padding-left:0px; padding-top:0px; background:#FF0000; font-size:10px; text-align:left;}
			.provinceDropdownError a {display:block; width:173px; height:16px; padding-left:10px; padding-top:2px; color:#FFFFFF; font-weight:normal; text-decoration:none;}
			.provinceDropdownError a:hover {color:#333333; font-weight:normal; background:#FAE8E8; text-decoration:none;}

/***********************************************************/
/* SCROLLBARS */
/***********************************************************/
	.scrollbar {position:absolute; left:475px; top:30px; width:13px; height:340px; z-index:70;}
		.scrollbar .up {position:absolute; left:0px; top:0px; z-index:90;} 
		.scrollbar .track {position:absolute; left:0; top:12px; width:13px; height:316px; background:#DFF0F9; z-index:80;}
			.scrollbar .track .dragBar {position:absolute; left:0px; top:0px; width:13px; height:0px; background:#94CEEC; z-index:80; cursor:pointer;}
		.scrollbar .down {position:absolute; left:0; bottom:0; z-index:100;}
	.scrollContent {position:absolute; left:0px; top:0px; width:450px; height:auto; z-index:70; padding:10px; overflow:hidden;}