
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

/*
base colour a (blue): 1-#444466, 2-#6677AA, 2a-#334488, 3-#99AACC, 4-#BBCCDD, 5-#DDEEFF
comp colour b (yellow): 5-#FFFFEE
comp colour c (grey): 5-#EEEEEE

inst colour blue: #223377
inst colour grey: #CCCCCC
*/

/*div.center { width: 570px; } temp for working in DW*/

/*body, p, blockquote, table, td, th, li, a, ul, ol, dd, dl, dt, form, button, fieldset, label { color: #444466; } */

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

p.breadcrumb { font-size: 85%;  }
a { color: #223377;}
a:link { }
a:visited { color: #444466; }
a:hover { color: #990000; }

div.right { border-left: 1px solid #999999; /**/padding-left: 6px;  margin-left: 4px; width: 189px; }
div.right p { color: #334488; /*font-size: 90%;*/ }
div.right ul, div.right li { margin:0px; padding:0px; }
div.right ul { /**/font-size: 95%; }

div.center { min-height: 300px; padding-bottom: 2em; }
div.center p, ul, ol, .paragraph_blue { color: #444466; }

blockquote { background-color: #FFF; color: #000; border: 0px; font-style: italic; }
q { quotes:"" "" }


/*-- CLASSES -- */
div.button {
background-image:  url("../img/blackbutton_bg.gif");
background-repeat: no-repeat;
background-position: center;
padding: 5px 5px 5px 5px;
float: left;

color: #FFFFFF;
height:45px;
width:45px;
}

div.button-number {
color: #FFFFFF;
background-color: transparent;
text-align: center;
padding: 14px;
font-weight: bold;
}

div.questionbox {
background-color: #CCCCCC;
padding: 5px 5px 5px 0px;
float: left;
text-align: center;
height:45px;
width:520px;
clear: right;
}

div.questionbox2 {
background-color: #CCCCCC;
padding: 5px 5px 5px 5px;
float: left;
text-align: center;
height:45px;
width:470px;
clear: right;
}

div.questionbox3 {
border: solid #000 1px;
float: left;
padding: 4px 4px 4px 4px;
height: 125px;
width: 175px;
}
div.questionbox4 {
border-width: 1px 0px 1px 0px;
border-style:solid; 
border-color:#000;
float: left;
padding: 4px 4px 4px 4px;
height: 125px;
width: 15px;
}

div.questionbox5 {
border: solid #000 1px;
float: left;
padding: 4px 10px 4px 4px;
height: 125px;
width: 330px;
}

div.questionbox6 {
border: solid #000 1px;
float: left;
padding: 4px 4px 4px 4px;
height: 125px;
width: 545px;
}
div.questionbox7 {
background-color: #FFFFFF;
padding: 5px 5px 5px 10px;
float: left;
text-align: left;
height:45px;
width:500px;
clear: right;
}
div.questionbox8 {
background-color: #FFFFFF;
padding: 5px 5px 5px 10px;
float: left;
text-align: left;
height:20px;
width:500px;
clear: right;
}
div.questiontext {
color: #000000;
background-color: transparent;
text-align: left;
padding: 14px;
font-weight: bold;
}
div.questiontext2 {
color: #000000;
background-color: transparent;
text-align: left;
vertical-align: middle;
padding: 5px 0px 5px 14px;
font-weight: bold;
}
div.questiontext3 {
color: #000000;
background-color: transparent;
text-align: left;
vertical-align: middle;
padding: 0px 2px 2px 14px;
font-weight: bold;
}


div.blackarrow {
height:45px;
width:20px;
float:left;
background-color: #CCCCCC;
padding: 5px 5px 5px 5px;
}

.no-bord { border: none; }

.font-blue { color:#006; }

.bx-clr { display:block; clear:both; }
.bx-clrlf { clear: left; }
.bx-clrrt { clear: right; }
.bx-hz { display: block; clear: both; }
.bx-hz p { display: inline; /*float: left;*/ }
.bx-hidden { display: none; }

.bx01 { padding: 0.1em 0.8em 0.1em 0.8em; margin: 0 3.5em 0 3.5em; background-color: #EEEEEE; }
.bx-pd { padding: 0.2em 0.8em 0.3em 0.8em; margin: 0 2em 0.6em 2em; border: solid 2px #99AACC; }
.bx-pd p, .bx-pd strong { text-align: center; color: #334488; }

.c1, .c2 { text-align: center; /*background-color: #E7E7EF; padding: 2px 0px 3px 0px;*/ }

.fn { background-color: #F3F3F8; padding: 0em 0.5em 0.1em 0.5em; border-top: 1px solid #99AACC; }
.fn p, .fn li { font-size: 0.9em; font-family: Geneva, Arial, Helvetica, sans-serif; /**/ }
.fn hr { display: none; }

.fp a:hover { color: #FFFFFF; }
.fp a:visited { color: #FFFFFF; }

div.center .hdg01 { color: #223377; font-weight: bold; text-align: center; font-size: 1.1em; }

.hr-fn { height: 1px; width: 33%; text-align: left; }

.image-left { float: left; vertical-align: text-top; margin-right: 10px; margin-bottom: 4px; }
.image-left2 { float: left; vertical-align: text-top; margin-right: 30px; margin-bottom: 4px; }
.image-right { float: right; vertical-align: text-top; margin-left: 10px; margin-bottom: 4px; }
.image-txtalign { vertical-align: text-top; }

.ind-h01 { margin-left: 0; padding-left: 3em; text-indent: -3em; }
.ind-h02 { margin-left: 0; padding-left: 5em; text-indent: -5em; }
.ind-mid { padding-left: 40%; }

.lightblueBG { background-color: #CCFFFF; }

.list-spacing01 li { padding-bottom: 1em; }
.list-spacing01 ul, .list-spacing01 ol { margin-bottom: -1em; padding-bottom: 0em; }
.list-spacing01 li ul { padding-top: 0.6em; padding-bottom: 0em; }
.list-spacing01 li ol { padding-top: 0.6em; padding-bottom: 0em; }

.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }

.margin-top0 { margin-top:0; }
.margin-bottom0 { margin-bottom:0; }
.margin-left0 { margin-left:0; }
.margin-right0 { margin-right:0; }
.margin-top-1em { margin-top: 1em; }
.mg-bt1, .margin-bottom-1em { margin-bottom: 1em; }
.margin-left-1em { margin-left: 1em; }
.mg-rt01, .margin-right-1em { margin-right: 1em; }

.padding-3px { padding: 3px; }
.padding-5px {padding: 5px; }
.padding-10px { padding: 10px; }
.padding-top-5px { padding: 5px 10px 10px 10px }

.quote_author {
               text-indent: -1.3em;
               text-align: left;
               font-size: 85%;
               margin: 5px 10px 5px 100px;
}

.quote {
               background: url(/img/quote_left_eng.jpg) 0 0 no-repeat;
               margin: 10px 0px 10px 0px;
               padding: 6px 0 0 30px;
               line-height: 1.5em;
               font-style: italic;
               font-size: 1.0em;
               font-weight: normal;
        }
		
.quote-right {
               float: left;
			   width: 200px;
			   background: url(/img/quote_left_eng.jpg) no-repeat;
               margin: 10px 0px 10px 0px;
               padding: 6px 0 0 30px;
               line-height: 1.5em;
               font-style: italic;
               font-size: 1.0em;
               font-weight: normal;
        }
		
.quote-fra {
               background: url(/img/quote_left_fra.jpg) 0 0 no-repeat;
               margin: 10px 0px 10px 0px;
               padding: 6px 0 0 30px;
               line-height: 1.5em;
               font-style: italic;
               font-size: 1.0em;
               font-weight: normal;
        }
		
.quote-right-fra {
               float: left;
			   width: 200px;
			   background: url(/img/quote_left_fra.jpg) no-repeat;
               margin: 10px 0px 10px 0px;
               padding: 6px 0 0 30px;
               line-height: 1.5em;
               font-style: italic;
               font-size: 1.0em;
               font-weight: normal;
        }

.height-1em { height: 1em; }
.height-2em { height: 2em; }
.height-4em { height: 4em; }
.height-6em { height: 6em; }
.height-8em { height: 8em; }
.height-10em { height: 10em; }
.height-16em { height: 16em; }
.height-32em { height: 32em; }
.height-64em { height: 64em; }

.mn ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #444466;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

.mn li {
	background-color: #FFFFFF; 
	margin-top: 1px; 
	border-top: 1px solid #223377;
	border-right: 1px solid #223377;
	border-bottom: 1px solid #223377;
	border-left: 10px solid #223377;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.mn li ul li {
	font-size: 115%;
	padding-right: 2px;
	padding-left: 10px;
}

.mn li a { color: #444466; display: block; width: 100%; } 
.mn li a:link { text-decoration: none; }
.mn li a:visited { text-decoration: none; }
.mn li a:hover { color: #FFFFFF; /*background-color: #6677AA;*/ background-color: #334488; text-decoration: none; }

.mn-01 { padding: 0; margin: 0; }
.mn-01 li { border-left: 10px solid #223377; }
.mn-02 li { border-left: 10px solid #99AACC; }
.mn-03 li { border-left: 10px solid #BBCCDD; }

.mnlst .mn01 ul, .mn02 ul, .mn03 ul, .mn04 ul, .mn05 ul, .mn06 ul, .mn07 ul, .mn08 ul, .mn09 ul, .mn10 ul, .mn12 ul, .mn11 ul, .mn-prd ul { display: none; }

.mne01 .mn02 ul, .mn03 ul, .mn04 ul, .mn05 ul, .mn06 ul, .mn07 ul, .mn08 ul, .mn09 ul, .mn10 ul, .mn11 ul, .mn12 ul, .mn-prd ul { display: none; }
.mne01 .mn01 ul { display: block; }

.mne04 .mn02 ul, .mn03 ul, .mn01 ul, .mn05 ul, .mn06 ul, .mn07 ul, .mn08 ul, .mn09 ul, .mn10 ul, .mn11 ul, .mn12 ul, .mn-prd ul { display: none; }
.mne04 .mn04 ul { display: block; }

.mne05 .mn01 ul, .mn02 ul, .mn03 ul, .mn04 ul, .mn06 ul, .mn07 ul, .mn08 ul, .mn09 ul, .mn10 ul, .mn11 ul, .mn12 ul, .mn-prd ul { display: none; }
.mne05 .mn05 ul { display: block; }

.mne07 .mn01 ul, .mn02 ul, .mn03 ul, .mn04 ul, .mn06 ul, .mn05 ul, .mn08 ul, .mn09 ul, .mn10 ul, .mn11 ul, .mn12 ul, .mn-prd ul { display: none; }
.mne07 .mn07 ul { display: block; }

.mne08 .mn01 ul, .mn02 ul, .mn03 ul, .mn04 ul, .mn06 ul, .mn05 ul, .mn07 ul, .mn09 ul, .mn10 ul, .mn11 ul, .mn12 ul, .mn-prd ul { display: none; }
.mne08 .mn08 ul { display: block; }

.mne09 .mn01 ul, .mn02 ul, .mn03 ul, .mn04 ul, .mn06 ul, .mn05 ul, .mn07 ul, .mn08 ul, .mn10 ul, .mn11 ul, .mn12 ul, .mn-prd ul { display: none; }
.mne09 .mn09 ul { display: block; }

.mne10 .mn01 ul, .mn02 ul, .mn03 ul, .mn04 ul, .mn05 ul, .mn06 ul, .mn07 ul, .mn08 ul, .mn09 ul, .mn11 ul, .mn12 ul, .mn-prd ul { display: none; }
.mne10 .mn10 ul { display: block; }

.mne12 .mn01 ul, .mn02 ul, .mn03 ul, .mn04 ul, .mn05 ul, .mn06 ul, .mn07 ul, .mn08 ul, .mn09 ul, .mn10 ul, .mn11 ul, .mn-prd ul { display: none; }
.mne12 .mn12 ul { display: block; }

.mnbtm {
	height: 90px; 
	background-image:  url("../img/mn_grd.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
 }
li.mn-prd { /*margin-top: 1.5em; border-top: solid 15px #666666;*/ border-top: solid 15px #223377; }
/*.prd-mn { color:#CC9933; }*/

li.mn-noBord { border-left: none; 
	border-top: none;
	border-right: none;
	border-bottom: none; }
	
ul.mn-noBord-top { border-left: none; 
	border-top: #223377 double;
	border-right: none;
	border-bottom: none; }

ul.noBullet-all { list-style-type: none; }
ul.noBullet-all ul { list-style-type: none; }

.tbl-rt td { text-align: right; }
.tbl-ct td, .tbl-ct th { text-align: center; }

.tbl { border: 1px solid #DDDDDD; }
.tbl th, .tbl td { padding: 0.2em; border: none; vertical-align: top; color: #444466; }
.tbl th { background-color: #EEEEEE; text-align: left; }
.tbl td { color: #444466; }
.tbl p { margin: 0.2em 0 0.2em 0; padding: 0; }
.tbl thead th { text-align: center; vertical-align: middle; }

.tbl00 { }
.tbl00 th, .tbl00 td { padding: 0.2em; border: 1px solid #999999; vertical-align: top; color: #444466; }
.tbl00 th { background-color: #EEEEEE; text-align: left; }
.tbl00 td { color: #444466; }
.tbl00 thead th { text-align: center; vertical-align: middle; }

.tbl01 { }
.tbl01 th, .tbl01 td { padding: 0.3em; border-bottom: 1px solid #CCCCCC; vertical-align: top; color: #444466; }
.tbl01 th { background-color: #EEEEEE; text-align: right; border-bottom: 1px solid #FFFFFF; }
.tbl01 td { color: #444466; }
.tbl01 tfoot th { background-color: #FFFFFF; width: 35%; }

.tbl02 { }
.tbl02 th, .tbl02 td { padding: 0.3em; border-bottom: 1px solid #CCCCCC; vertical-align: top; color: #444466; }
.tbl02 th { background-color: #FFFFFF; text-align: center; border-bottom: 1px solid #FFFFFF; }
.tbl012 td { color: #444466; text-align: left; }
.tbl02 tfoot th { background-color: #FFFFFF; width: 35%; }

.toc {  }
.toc p { margin: 0.2em 0 0.6em 0; }
.toc a:link { text-decoration: none; }
.toc a:visited { text-decoration: none; }
.toc a:hover { text-decoration: underline; }
.toc h3 a { font-size: 0.9em; }
.toc h2 { border-top: solid 1px #DDDDDD; }
.toc li ul { margin-left: 0; }
.toc li { margin-left: 0; padding-left: 2em; text-indent: -2em; }


.txt-sup { vertical-align: top; font-size: 0.8em; }
.txtboxa05 { background-color: #EEEEEE; padding: 6px; }

div.center .pgnv { border-top: 1px solid #444466; font-size: 0.95em; text-align: center; margin: 0; margin-bottom: 1.5em; display:block; }
.pgnv a {  }
.pgnv a:visited {  }
.pgnv a:hover {  } 
div.center .pgnv p {  /*width: 33.2%;*/ margin: 0px; margin-top: 10px; padding: 0px; margin-bottom: 1.5em; padding-bottom: 1.5em; display: inline; }
.pgnv-pv { float: left; text-align: left; width: 33.2%; }
.pgnv-tc { float: left; text-align: center; width: 33.2%; }
.pgnv-nxt { float: left; text-align: right; width: 33.2%; }
.pgnv-pv01 { float: left; text-align: left; width: 50%; }
.pgnv-nxt01 { float: right; text-align: right; width: 50%; /*white-space: nowrap;*/ }

.ar_th { color: white; background-color:#5981A8; }
.ar_th2 { color:white; background-color:#99B1C9; }
.ar_3 { color:white; background-color:#26328C; padding:10px; }
.ar_4 { background-color:#DFDEEE; border:1px solid #26328C; border-bottom:4px solid #26328C;padding:10px; }
.normalize { font-weight:normal; }


/* Treasury Board styles; for DPR and RPP */
.clear { clear: both; }
div.tbs th { font-weight: normal; }
div.tbs div.highlight, div.tbs p.highlight { border: 0px solid #269; background-color: #ddd; padding: 5px; }
div.tbs table ul li, div.tbs div.highlight ul li { color: black; }

.rppHeader, .dprHeader {
	background-color: #cc9;
	border-top: solid 1px #000;
	border-bottom: double 3px #000;
}
table.rpp th, table.dpr th { background-color: #eee; }
.borderLeftThin { border-left: solid 1px #000; }
.borderRightThin { border-right: solid 1px #000; }
.borderTopThin { border-top: solid 1px #000; }
.borderTopThick { border-top: solid 2px #000 !important; }
.borderTopDouble { border-top: double 3px #000; }
.borderBottomThin { border-bottom: 1px solid #000 !important; }
.borderBottomThick { border-bottom: solid 2px #000; }
.borderBottomDouble { border-bottom: double 3px #000; }
.borderSimple { border: solid 1px #000; }
div.borderSimple { padding: 3px; }
.darkgreyBG { background-color: #666; color: #fff; }
caption.darkgreyBG { padding: 3px; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width100 { width: 100%; }
