/* File: home-accueil.css  */
/* Author: CMCB, Health Canada */
/* Date: 2004-06-08 */
/* Purpose: This formats the colours for each subject's style sheet */

/* All text colours colours */
body, p, blockquote, table, td, th, li, a, ul, ol, input, dd, dl, dt, caption, form, input, button, textarea, select, option, fieldset, label
{ color: #333333; }

a  						{ color: #006699; }
.colour-subject 		{ color: #006699; }
td.nav-left-sub a 		{ color: #006699; }
td.nav-crumbs a 		{ color: #006699; }
td.nav-right a 			{ color: #006699; }

.size10 { font-size: 9pt; }

td.right { text-align: right; }

/* All background colours */
td.nav-org 				{ background: #006699; }
table.nav-left 			{ background: #006699; }
td.nav-left 			{ background: #006699; }
th.nav-right 			{ background: #006699; }
.bg-subject				{ background: #006699; }
.cell-spacer-subject	{ background: #006699; }

/* All border colours */
.border-subject			{ border: 1px solid #006699; }
.border-subject-left	{ border: 1px solid #006699; }
.border-subject-right	{ border: 1px solid #006699; }
table.nav-right 		{ border: 1px solid #006699; }
td.nav-left-sub	  		{ border-bottom: 1px solid #006699; }

/* boxes */

.logbox {
	font-size: 80%;
	background-image:  url("../images/snav_top_back.gif");
	height: 64px;
	width: 132px;
	background-repeat: no-repeat;
}

.sidenav {
	font-size: 70%;
	background-image:  url("../images/snav_sub_back01.gif");
}

.didyouknow { border: 1px solid #EB891C; background: #FEECDA; padding: 0px 10px 10px; font-size: 95%; color: #555555; margin: 10px; }

.box01 { border: 1px solid #EB891C; background: #FEECDA; padding: 10px; font-size: 95%; color: #555555; margin: 10px; }

/* General */

#q4lsub table { padding: 0px; }
#q4lsub td.title { font-size: 110%; font-weight: bold; color: #EB891C; padding: 5px; }
#q4lsub td.body { font-size: 80%; padding: 0px 5px; }

#q4lsub h1 { font-size: 110%; font-weight: bold; color: #D66D29; line-height: normal; }
#q4lsub h2 { font-size: 100%; font-weight: bold; color: #D66D29; line-height: normal; }
#q4lsub h3 { font-size: 100%; font-weight: bold; color: #333333; line-height: normal; }

#q4lsub .table-oddrow { border: 1px solid #EB891C; background: #FEECDA; padding: 10px; font-size: 80%; color: #555555; vertical-align: middle; }
#q4lsub .table-evenrow { background: #EB891C; font-weight: bold; padding: 10px; font-size: 80%; color: #FFFFFF; vertical-align: middle; }
#q4lsub .table-title { font-size: 100%; font-weight: bold; padding: 5px; text-align: left; }
#q4lsub .table-toprow { font-size: 80%; font-weight: bold; color: #FFFFFF; background: #EB891C; padding: 5px; text-align: center; vertical-align: bottom; }
#q4lsub .table-print { border: 1px solid #000000;  font-size: 80%; font-weight: bold; color: #000000; background: #FFFFFF; padding: 5px; text-align: center; vertical-align: top; }

.indent1 { margin-left: 10px; }

/* General Forms */
td#question { font-size: 90%; font-weight: bold; padding: 5px; }
td#answer { font-size: 80%; padding: 0px 5px; }
td#answer div.selected { padding: 5px; margin: 5px; color: #CC3399; font-weight: bold; }
td#answer div.details { border: 1px solid #AAAAAA; background: #EEEEEE; padding: 10px; font-size: 95%; color: #555555; margin: 10px; }
label { font-size: 90%; text-align: right; }
select, input, textarea  { font-family: Arial, Courier, monospace; }
td.frmlabel-r { text-align: right; }

/* Profile */
#profile table { padding: 0px; }
#profile caption { font-size: 110%; color: #CC3399; }
#profile .qtitle { font-size: 110%; color: #CC3399; padding: 5px; }
#profile .title-c { font-size: 110%; color: #CC3399; padding: 5px; text-align: center; }

#profile h1 { font-size: 110%; font-weight: bold; color: #CC3399; }
#profile h2 { font-size: 100%; font-weight: bold; color: #CC3399; }
#profile h3 { font-size: 100%; font-weight: bold; color: #333333; }

#profile .step { font-size: 110%; font-weight: bold; color: #CC3399; padding: 5px; }
#profile .title { font-size: 100%; font-weight: bold; color: #CC3399; padding: 5px; }
#profile .subtitle { font-size: 100%; font-weight: bold; color: #333333; padding: 5px; }
#profile .body { font-size: 80%; padding: 0px 5px; }

#profile .table-oddrow { border: 1px solid #CC3399; background: #EEEEEE; padding: 10px; font-size: 80%; color: #555555; vertical-align: middle; }
#profile .table-evenrow { background: #CC3399; font-weight: bold; padding: 10px; font-size: 80%; color: #FFFFFF; vertical-align: middle; }
#profile .table-title { font-size: 100%; font-weight: bold; padding: 5px; text-align: left; }
#profile .table-toprow { font-size: 80%; font-weight: bold; color: #FFFFFF; background: #CC3399; padding: 5px; text-align: center; vertical-align: bottom; }

#profile .box01 { border: 1px solid #CC3399; background: #EEEEEE; padding: 10px; font-size: 95%; color: #555555; margin: 10px; }
#profile .box02 { background: #EEEEEE; padding: 10px; font-size: 90%; color: #555555; margin: 10px; font-style: italic; }


/* Program */
#program table { padding: 0px; }
#program caption { font-size: 110%; color: #EB891C; }
#program .qtitle { font-size: 110%; color: #EB891C; padding: 5px; }
#program .title-c { font-size: 110%; color: #EB891C; padding: 5px; text-align: center; }

#program h1 { font-size: 110%; font-weight: bold; color: #D66D29; line-height: normal; }
#program h2 { font-size: 100%; font-weight: bold; color: #D66D29; line-height: normal; }
#program h3 { font-size: 100%; font-weight: bold; color: #333333; line-height: normal; }

#program .step { font-size: 110%; font-weight: bold; color: #EB891C; padding: 5px; }
#program .title { font-size: 100%; font-weight: bold; color: #EB891C; padding: 5px; }
#program .subtitle { font-size: 100%; font-weight: bold; color: #333333; padding: 5px; }
#program .body { font-size: 80%; padding: 0px 5px; }

#program .table-oddrow { border: 1px solid #EB891C; background: #FEECDA; padding: 10px; font-size: 80%; color: #555555; vertical-align: middle; }
#program .table-evenrow { background: #EB891C; font-weight: bold; padding: 10px; font-size: 80%; color: #FFFFFF; vertical-align: middle; }
#program .table-title { font-size: 100%; font-weight: bold; color: #FFFFFF; padding: 5px; background: #EB891C; text-align: center; }
#program .table-toprow { font-size: 80%; font-weight: bold; color: #FFFFFF; background: #EB891C; padding: 5px; text-align: center; vertical-align: bottom; }
#program .table-print { border: 1px solid #000000;  font-size: 80%; font-weight: bold; color: #000000; background: #FFFFFF; padding: 5px; text-align: center; vertical-align: top; }

.prognav-off { font-size: 8pt; font-weight: bold; text-decoration: none; padding: 0px 0px 0px 5px; }
a.prognav-1 { font-size: 8pt; font-weight: bold; text-decoration: none; padding: 0px 0px 0px 5px; }
a.prognav-1:hover {	font-size: 8pt;	font-weight: bold; color: #EB891C; text-decoration: underline;	padding: 0px 0px 0px 5px; }
a.prognav-2 { font-size: 8pt; text-decoration: none; padding: 0px 0px 0px 10px; }
a.prognav-2:hover { font-size: 8pt; color: #EB891C; text-decoration: underline; padding: 0px 0px 0px 10px; }

/* Step 1 */
#step1 table { padding: 0px; }
#step1 caption { font-size: 110%; color: #D66D29; }
#step1 .qtitle { font-size: 110%; color: #D66D29; padding: 5px; }
#step1 .title-c { font-size: 110%; color: #D66D29; padding: 5px; text-align: center; }

#step1 h1 { font-size: 110%; font-weight: bold; color: #D66D29; line-height: normal; }
#step1 h2 { font-size: 100%; font-weight: bold; color: #D66D29; line-height: normal; }
#step1 h3 { font-size: 100%; font-weight: bold; color: #333333; line-height: normal; }

#step1 .step {  }
#step1 .title {  }
#step1 .subtitle {  }
#step1 .body { font-size: 80%; padding: 0px 5px; }

#step1 .table-oddrow { border: 1px solid #D66D29; background: #F7E2D4; padding: 10px; font-size: 80%; color: #555555; vertical-align: middle; }
#step1 .table-evenrow { background: #D66D29; font-weight: bold; padding: 10px; font-size: 80%; color: #FFFFFF; vertical-align: middle; }
#step1 .table-title { font-size: 100%; font-weight: bold; color: #FFFFFF; padding: 5px; background: #D66D29; text-align: center; }
#step1 .table-toprow { font-size: 80%; font-weight: bold; color: #FFFFFF; background: #D66D29; padding: 5px; text-align: center; vertical-align: bottom; }

#step1 .box01 { border: 1px solid #D66D29; background: #F7E2D4; padding: 10px; font-size: 95%; color: #555555; margin: 10px; }
#step1 .box02 { background: #F7E2D4; padding: 10px; font-size: 90%; color: #555555; margin: 10px; font-style: italic; }

/* Step 2 */
#step2 table { padding: 0px; }
#step2 caption { font-size: 110%; color: #5282B5; }
#step2 .qtitle { font-size: 110%; color: #5282B5; padding: 5px; }
#step2 .title-c { font-size: 110%; color: #5282B5; padding: 5px; text-align: center; }

#step2 h1 { font-size: 110%; font-weight: bold; color: #5282B5; line-height: normal; }
#step2 h2 { font-size: 100%; font-weight: bold; color: #5282B5; line-height: normal; }
#step2 h3 { font-size: 100%; font-weight: bold; color: #333333; line-height: normal; }

#step2 .step {  }
#step2 .title {  }
#step2 .subtitle {  }
#step2 .body { font-size: 80%; padding: 0px 5px; }

#step2 .table-oddrow { border: 1px solid #5282B5; background: #DCE6F0; padding: 10px; font-size: 80%; color: #555555; vertical-align: middle; }
#step2 .table-evenrow { background: #5282B5; font-weight: bold; padding: 10px; font-size: 80%; color: #FFFFFF; vertical-align: middle; }
#step2 .table-title { font-size: 100%; font-weight: bold; color: #FFFFFF; padding: 5px; background: #5282B5; text-align: center; }
#step2 .table-toprow { font-size: 80%; font-weight: bold; color: #FFFFFF; background: #5282B5; padding: 5px; text-align: center; vertical-align: bottom; }

#step2 .box01 { border: 1px solid #5282B5; background: #DCE6F0; padding: 10px; font-size: 95%; color: #555555; margin: 10px; }
#step2 .box02 { background: #DCE6F0; padding: 10px; font-size: 90%; color: #555555; margin: 10px; font-style: italic; }

/* Step 3 */
#step3 table { padding: 0px; }
#step3 caption { font-size: 110%; color: #E7C329; }
#step3 .qtitle { font-size: 110%; color: #E7C329; padding: 5px; }
#step3 .title-c { font-size: 110%; color: #E7C329; padding: 5px; text-align: center; }

#step3 h1 { font-size: 110%; font-weight: bold; color: #E7C329; line-height: normal; }
#step3 h2 { font-size: 100%; font-weight: bold; color: #E7C329; line-height: normal; }
#step3 h3 { font-size: 100%; font-weight: bold; color: #333333; line-height: normal; }

#step3 .step {  }
#step3 .title {  }
#step3 .subtitle {  }
#step3 .body { font-size: 80%; padding: 0px 5px; }

#step3 .table-oddrow { border: 1px solid #E7C329; background: #FAF3D4; padding: 10px; font-size: 80%; color: #555555; vertical-align: middle; }
#step3 .table-evenrow { background: #E7C329; font-weight: bold; padding: 10px; font-size: 80%; color: #FFFFFF; vertical-align: middle; }
#step3 .table-title { font-size: 100%; font-weight: bold; color: #FFFFFF; padding: 5px; background: #E7C329; text-align: center; }
#step3 .table-toprow { font-size: 80%; font-weight: bold; color: #FFFFFF; background: #E7C329; padding: 5px; text-align: center; vertical-align: bottom; }

#step3 .box01 { border: 1px solid #E7C329; background: #FAF3D4; padding: 10px; font-size: 95%; color: #555555; margin: 10px; }
#step3 .box02 { background: #FAF3D4; padding: 10px; font-size: 90%; color: #555555; margin: 10px; font-style: italic; }

/* Step 4 */
#step4 table { padding: 0px; }
#step4 caption { font-size: 110%; color: #6B8E63; }
#step4 .qtitle { font-size: 110%; color: #6B8E63; padding: 5px; }
#step4 .title-c { font-size: 110%; color: #6B8E63; padding: 5px; text-align: center; }

#step4 h1 { font-size: 110%; font-weight: bold; color: #6B8E63; line-height: normal; }
#step4 h2 { font-size: 100%; font-weight: bold; color: #6B8E63; line-height: normal; }
#step4 h3 { font-size: 100%; font-weight: bold; color: #333333; line-height: normal; }

#step4 .step {  }
#step4 .title {  }
#step4 .subtitle {  }
#step4 .body { font-size: 80%; padding: 0px 5px; }

#step4 .table-oddrow { border: 1px solid #6B8E63; background: #E1E8E0; padding: 10px; font-size: 80%; color: #555555; vertical-align: middle; }
#step4 .table-evenrow { background: #6B8E63; font-weight: bold; padding: 10px; font-size: 80%; color: #FFFFFF; vertical-align: middle; }
#step4 .table-title { font-size: 100%; font-weight: bold; color: #FFFFFF; padding: 5px; background: #6B8E63; text-align: center; }
#step4 .table-toprow { font-size: 80%; font-weight: bold; color: #FFFFFF; background: #6B8E63; padding: 5px; text-align: center; vertical-align: bottom; }

#step4 .box01 { border: 1px solid #6B8E63; background: #E1E8E0; padding: 10px; font-size: 95%; color: #555555; margin: 10px; }
#step4 .box02 { background: #E1E8E0; padding: 10px; font-size: 90%; color: #555555; margin: 10px; font-style: italic; }

/* Tables */

.footer { text-align: center }


/* Colour specific subject bullet */
ul.bullet-subject { list-style-image:  url("/images/home-accueil/bullet_subject.gif"); }