/* TREASURY BOARD CSS BEGINS */

/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	background-color: #CCC;
}
div.colLayout {
	background-color: #FFF;
	height: 100%;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* FIP HEADER CSS BEGINS | DEBUT DU CSS DE L'EN-TETE PCIM */
div.fip, div.cwm {
	height: 20px;
}
div.cwm img {
	padding-top: 0px;
}
/* FIP HEADER CSS ENDS | FIN DU CSS DE L'EN-TETE PCIM */

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner {
	color: #FFF;
	background-color: #369;
	background: url(/CLF/605_top_banner.jpg)  no-repeat center center #369;
}
div.banner-eng, div.banner-lfcoa-eng {
	background: url() #369 no-repeat center center;
}
div.banner-fra, div.banner-lfcoa-fra {
	background: url() #369 no-repeat center center;
}
/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* SKIP NAVIGATION CSS BEGINS | DEBUT DU CSS DU SAUT DE NAVIGATION */
div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;

}
* html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
*:first-child+html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
div.page div.core div.navaid a:hover,
div.page div.core div.navaid a:active,
div.page div.core div.navaid a:focus {
	color: #000;
	background-color: #CC9;
	border-color: #000;
}
/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited, div.left div.h2nav, div.left div.h2nav a:link, div.left div.h2nav a:visited, div.left p.h2nav, div.left p.h2nav a:link, div.left p.h2nav a:visited, div.right h2.nav, div.right h2.nav a:link, div.right h2.nav a:visited, div.right div.h2nav, div.right div.h2nav a:link, div.right div.h2nav a:visited, div.right p.h2nav, div.right p.h2nav a:link, div.right p.h2nav a:visited {
	background-color: #036;
	color: #FFF;
	text-decoration: none;
}
div.left h2.nav a:hover, div.left h2.nav a:active, div.left h2.nav a:focus, div.left div.h2nav a:hover, div.left div.h2nav a:active, div.left div.h2nav a:focus, div.left p.h2nav a:hover, div.left p.h2nav a:active, div.left p.h2nav a:focus, div.right h2.nav a:hover, div.right h2.nav a:active, div.right h2.nav a:focus, div.right div.h2nav a:hover, div.right div.h2nav a:active, div.right div.h2nav a:focus, div.right p.h2nav a:hover, div.right p.h2nav a:active, div.right p.h2nav a:focus {
	text-decoration: underline;
}
div.right li ul.nav, div.right li p.nav, div.right li div.nav {
	border: 0px solid #000;
}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
div.left li.menucontent, div.left div.menucontent {
	border-bottom: 1px dotted #FFF;
}
div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	color: #000;
	background-color: #CC9;
}
div.right li.menucontent, div.right div.menucontent {
	color: #000;
	background-color: #EEE;
}
div.right a.menulink {
	color: #000;
	background-color: #EEE;
}
div.prodis {
	background-color: #036;
}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
/* div.center h1, h2, h3, h4, h5, h6 {
	color: ;
} */
div.center h1 {
	color: #000;
	font-size:13pt;
}
div.center h2 {
	color: #369;
	font-size: 12pt;
	font-weight: bold;
}
div.center h3 {
	color: #000;
	font-size: 10.5pt;
	font-weight: bold;
}
div.center h4 {
	color: #369;
	font-size: 10pt;
	font-weight: bold;
}
div.center h5 {
	color: #000;
	font-size: 9pt;
	font-weight: bold;
}
div.center h6 {
	color: #666;
	font-size: 9pt;
	font-weight: bold;
}
div.center a:link {
	color: #039;
}
div.center a:visited {
	color: #606;
}
div.blackborder {
	border: solid #000 1px;
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}
/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer div.footerline {
	background-color: #036;
}
div.footer a:link, div.footer a:visited, div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited {
	color: #039;
	background-color: #FFF;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */

/* TREASURY BOARD CSS ENDS */

/* COMMON CSS BEGINS */

/*LEFT NAV BEGINS*/
#navcontainer h2.nav{
	display: block;
	width: 140px;
	background-color: #036;
	color: #FFF;
	text-decoration: none;
	line-height: 1.3; /*if % is used, this class creates a 1px space on bottom of h2 container*/
	padding: 2px 5px 2px 5px;
}
#navcontainer h3.nav {
	display: block;
	width: 133px;
	background-color: #036;
	color: #FFF;
	text-decoration: none;
	line-height: 1.3; /*if % is used, this class creates a 1px space on bottom of h2 container*/
	padding: 2px 5px 2px 12px;
	margin: 0 0 0 0;
	font-weight: 700;
	font-size: 100%;
}


/* POSITION OF ENTIRE LIST */

#navcontainer { 
	float: left;
	margin-left: 0px; 
	background-color: #FFF;
}

/* COMMON DESIGN STYLES OF ENTIRE LIST */

#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-weight: normal;
}

/* LEVEL 1 WHITE HORIZONTAL DIVIDERS*/

#navcontainer  li { 
	margin: 0px 0 1px 0; 
	background-color: #DEF;
}

/* LEVEL 1  */
#navcontainer a {
	display: block;
	padding: 3px 8px 3px 12px;
	width: 130px;
	color: #FFF;
	background-color: #369;
	text-decoration: none;
	line-height: 1.3; /*if % is used, this class creates a 1px space on bottom of h2 container*/

}
#navcontainer a:hover {
	color: #FFF;
	background-color: #369;
	text-decoration: underline;
}
#navcontainer ul li a#selected1 {
	color: #FFF;
	background-color: #369;
	text-decoration: underline;
}
#navcontainer ul li a#expanded1 {
	color: #FFF;
	background-color: #369;
	text-decoration: underline;
}

/* LEVEL 2  */
#navcontainer ul ul li { 
	margin: 1px 0 0px 0; 
}
#navcontainer ul ul a {
	display: block;
	padding: 4px 11px 4px 16px; /* padding controls position of link and bg, ad padding left, remove right...*/
	width: 123px;
	color: #000;
	background-color: #DEF;
	text-decoration: none;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}
#navcontainer ul ul a:hover {    
	color: #036;
	background-color: #DEF;
	text-decoration: underline;
}
#navcontainer ul ul  li a#selected2 {    
	color: #036;
	background-color: #DEF;
	text-decoration: underline;
}
#navcontainer ul ul  li a#expanded2 {
	color: #036;
	background-color: #DEF;
	text-decoration: underline;
} 

/* LEVEL 3  */
#navcontainer ul ul ul li { 
	margin: 0px 0 0px 0; 
	background-color: #DEF;
}
#navcontainer ul ul ul a {
	display: block;
	padding: 5px 17px 5px 24px;
	width: 109px;
	color: #000;
	background-color: #DEF;
	text-decoration: none;
}
#navcontainer ul ul ul a:hover {
	color: #036;
	background-color: #DEF;
	text-decoration: underline;
}
#navcontainer ul ul ul li a#selected3 {
	color: #036;
	background-color: #DEF;
	text-decoration: underline;
}

/*LEFT NAV ENDS*/

/*H2 HIDE LI SPACE CUSTOM CLASS BEGINS*/
	div.left ul li h2.navaid {
	height: 0; 
	width: 0; 
	overflow: hidden;
	float: right;
	font-size: 0;
	position: absolute;
	top: -100px;
}

/*H2 HIDE LI SPACE CUSTOM CLASS ENDS*/

/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/*CORPORATE BOX STYLES BEGINS */

#box1.blackborder {
	background-color: #FFF;
	border: solid 1px #999;
}
#box2{
	background-color: #EEE;
}
/*CORPORATE BOX STYLES ENDS */


/*BREADCRUMB STYLES BEGINS */

p.breadcrumb a,p.breadcrumb a:link,p.breadcrumb a:visited {
	color: #000;
	text-decoration: none;
}
p.breadcrumb a:hover {
	color: #000;
       text-decoration: underline;
}
/*BREADCRUMB STYLES ENDS */

/*IC RIGHT NAV CLASSES BEGINS*/

div.right a:link { 
	color: #039;
}
div.right a:visited  {
	color: #606;
}

/* SEARCH PAGE BEGINS*/

form div .epicsearchlabel {
	width: 38%;
	float: left;
	padding: .2em;
}

form div .epicsearchinput {
	margin: .2em;
}

form div .epicsearchselect {
	margin: .2em;
}

form div#searchButtons {
	margin-left: 38%;
	padding-left: .4em;
}  
  

/* SEARCH PAGE ENDS*/

/* SEARCH RESULTS PAGE BEGINS*/

#resultsReturned {
	padding: 3px;
	background-color: #CCC;
}

#resultsPagingTop {
	padding: 3px;
	background-color: #EEE;
	text-align: right;
}

#resultsPagingBottom {
	padding: 3px;
	background-color: #EEE;
	text-align: center;
}
a.relevanceDateLink, a.vnavNextPreviousLink {
	background-color: transparent;
}
.resultsTextAlignRight {
	text-align: right;
}
.resultsTextAlignLeft {
	text-align: left;
}
img {
	border: none
} 
/* COMMON CSS ENDS */

/******** EPIC added Corporate Box Styles USED*********/
.ifloatleft {
       padding:0 5px 2px 0;
       float: left;
}
/******** Corporate Box Styles USED*********/

/* EPIC ALIGNMENT UTILITY CSS BEGINS */
.imgpadr {
        margin-right: 5px;
}
.imgpadl {
        margin-left: 5px;
}
.imgpadt {
        margin-top: 5px;
}
.imgpadb {
        margin-bottom: 5px;
}
/* EPIC ALIGNMENT UTILITY CSS ENDS */

.corpicspace {
	margin:0 0 5px 0;
	background-color:#000;
}

/*IC SUB SITE BANNER BEGIN*/

div.subbanner {
	padding: 9px 0px 7px 5px;
	margin:0 0 5px 0;
	width: 98.7%;
	border-bottom: 3px solid  #369;
	background-color: #036;
}
div.subbanner p {
	font-family: verdana;  
	text-decoration: none;
	font-size: 130%;
	color: #ffffff;
	margin:0;
}

/* IC SUB SITE CLASSES END*/

/*QUICK SEARCH BEGINS */

.leftnavform {
	margin:0;
	padding:8px 3px 8px 4px;
	background-color:#369;
}
.inputedt {
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}
.inputedt2 {
	font-size:70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin: 0px 0 0 4px;
}
.hidefieldset {
	border:0;
	padding:0;
	margin:0;
	display: block;
}

/*QUICK SEARCH ENDS */

ul.space li { 
	margin-bottom:20px; 
	margin-top:20px; 
}

div.right h2.nav {
	font-size: 90%;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
div.right li.menucontent, div.right p {
	font-size:85%;
}
div.right li.menucontent, div.right ul.nav2 li {
	padding-bottom: 4px;
}
div.right ul.nav2 li {
	margin-left: -3pt;
}
div.right p {
	margin-bottom: 5pt;
	margin-left: 5pt;
}
hr { 
	background-color: #CCC; 
	color: #CCC; 
	border: none; 
} 
hr.thin { 
	height: 1px; 
	background-color: #666; 
	color: #666; 
	border: none; 
} 
div.blockquote {
	border: 1px solid #cccccc; 
	margin: 0 0 16px 0;
	padding: 0;
}
blockquote {
	margin: 10px 40px;
	padding: 0px 20px;
	background-color: #ffffff; 
	color: #000000; 
	font-style: normal;
	border:0;
}
p.quoteSource {
	text-align: right;
	margin:-10px 40px 20px 40px;
	padding: 0px; 
}
ul.nav2 {
	list-style-type: square;
}
div.left, div.right {
	background-color: #EEE;
}
li.menucontent, div.menucontent {
	padding: 0px 3px 2px 12px;
}
span.new{
	font-size: 80%;
	color: #000000;
	font-weight: bold;
	background-color: #FFCC33;
	padding: 1px 3px 1px 3px;
}
span.updated{
	font-size: 80%;
	color: #000000;
	font-weight: bold;
	background-color: #aaccee;
	padding: 1px 3px 1px 3px;
}
span.archived{
	font-size: 80%;
	color: #000000;
	font-weight: bold;
	background-color: #CCCCCC;
	padding: 1px 3px 1px 3px;
}


/*NESTED SPACE/NOSPACE*/

/*Unordered and ordered lists*/
/* Spacing level one list items */ 
ul.space li, 
ol.space li { 
margin-top: 20px;
margin-bottom: 20px;
}
/* Compressing level two list items */
ul.space ul.noSpace li, 
ol.space ol.noSpace li, 
ul.space ol.noSpace li, 
ol.space ul.noSpace li {  
margin-top: 0px;
margin-bottom: 0px;
}
/* Spacing level three list items */
ul.space ul.noSpace ul.space li, 
ul.space ul.noSpace ol.space li, 
ul.space ol.noSpace ul.space li, 
ul.space ol.noSpace ol.space li, 
ol.space ul.noSpace ul.space li, 
ol.space ul.noSpace ol.space li, 
ol.space ol.noSpace ul.space li, 
ol.space ol.noSpace ol.space li { 
margin-top: 20px;
margin-bottom: 20px;
}
/* Compressing list items on level four*/
ul.space ul.noSpace ul.space ul.noSpace li, 
ul.space ul.noSpace ul.space ol.noSpace li, 
ul.space ul.noSpace ol.space ul.noSpace li, 
ul.space ul.noSpace ol.space ol.noSpace li, 
ul.space ol.noSpace ul.space ul.noSpace li, 
ul.space ol.noSpace ul.space ol.noSpace li, 
ul.space ol.noSpace ol.space ul.noSpace li, 
ul.space ol.noSpace ol.space ol.noSpace li, 
ol.space ul.noSpace ul.space ul.noSpace li, 
ol.space ul.noSpace ul.space ol.noSpace li, 
ol.space ul.noSpace ol.space ul.noSpace li, 
ol.space ul.noSpace ol.space ol.noSpace li, 
ol.space ol.noSpace ul.space ul.noSpace li, 
ol.space ol.noSpace ul.space ol.noSpace li, 
ol.space ol.noSpace ol.space ul.noSpace li, 
ol.space ol.noSpace ol.space ol.noSpace li { 
margin-top: 0px;
margin-bottom: 0px;
}



/* LINED TABLES */
table.lined {
	border-spacing:0px;
	border-collapse:collapse;
	border:1px solid #999999;
}
table.lined caption {
	padding:1px 3px;
	margin:0px;
	text-align:left;
	background:#003366;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #003366;
}
table.lined th {
	padding:1px 3px;
	margin:0px;
	text-align:left;
	background-color: #EEEEEE;
	color:#000000;
	border:1px solid #999999;
	border-top:0px;
}
table.lined td {
	padding:1px 3px;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
}
table.lined tfoot td {
	border-top:3px #003366 solid;
	background-color:#EEEEEE;
	color:#000000;
	padding:3px;
	margin:0px;
}

/* TABLES - NO LINES */
table.unlined {
	border-spacing:0px;
	border-collapse:collapse;
	border:1px solid #999999;
}
table.unlined caption {
	padding:1px 3px;
	margin:0px;
	text-align:left;
	background:#003366;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #003366;
}
table.unlined th {
	margin:0px;
	text-align:left;
	background-color: #EEEEEE;
	color:#000000;
	padding:1px 8px;
	border:0;
}
table.unlined td {
	padding:1px 8px;
	border: 0;
}
table.unlined tr.altrow {
	background:#EEEEEE;
}
table.unlined tfoot td {
	border-top: 3px #003366 solid;
	background-color:#EEEEEE;
	color:#000000;
	padding:3px;
}
table.lined th.alignCenter, table.unlined th.alignCenter { 
	text-align:center; 
}


/* IC COLOURS */
/* Dark Blue text with white bg*/
.icA{
color: #003366;
background-color: #FFFFFF;
}
/* Medium Blue text with white bg*/
.icB{
color: #336699;
background-color: #FFFFFF;
}
/* Red text with white bg*/
.icD{
color: #cc0000;
background-color: #FFFFFF;
}
/* Dark Gray text with white bg*/
.icH{
color: #666666;
background-color: #FFFFFF;
}
/* Dark Blue text with white bg*/
.icE{
color: #003366;
background-color: #FFFFFF;
}
/* Dark Blue text with white bg*/
.icF{
color: #003366;
background-color: #FFFFFF;
}


/* Dark Blue bg with white text */
.icBgA {
background-color: #003366;
color: #ffffff;
}
/* Dark Blue bg with yellow text */
.icBgA2 {
background-color: #003366;
color: #ff9900;
}
/* Medium Blue bg with white text */
.icBgB {
background-color: #336699;
Color: #FFFFFF;
}
/* Light Blue bg with black text */
.icBgC {
background-color: #ddeeff;
color: #000000;
}
/* Red bg with white text */
.icBgD {
background-color: #cc0000;
color:#ffffff;
}
/* Light red bg with black text */
.icBgE {
background-color: #ff7777;
color:#000000;
}
/* Yellow bg with blue text */
.icBgF {
background-color: #ff9900;
Color: #003366;
}
/* Light yellow bg with black text */
.icBgG {
background-color: #ffdd77;
color: #000000;
}
/*Dark Gray bg with white text */
.icBgH {
background-color: #666666;
color: #FFF;
}
/*Light Gray bg with black text */
.icBgI {
background-color: #eeeeee;
color: #000000;
}
/* Black bg with white text*/
.icBgBlack{
color: #FFFFFF;
background-color: #000000;
}

div.sidebarGreyTop {
   float:right;
   background-color:#eeeeee;
   border-top:solid 15px #cccccc;
   border-right:solid 1px #cccccc;
   border-bottom: solid 1px #cccccc;
   border-left: solid 1px #cccccc;
   margin:0px 0px 10px 10px;
   padding: 10px;
}
div.sidebarGreyLeft {
   float:right;
   background-color:#eeeeee;
   border-top:solid 1px #cccccc;
   border-right:solid 1px #cccccc;
   border-bottom: solid 1px #cccccc;
   border-left: solid 15px #cccccc;
   margin:0px 0px 10px 10px;
   padding: 10px;
}
div.sidebarBlueTop {
   float:right;
   background-color:#ddeeff;
   border-top:solid 15px #6699cc;
   border-right:solid 1px #6699cc;
   border-bottom:solid 1px #6699cc;
   border-left:solid 1px #6699cc;
   margin:0px 0px 10px 10px;
   padding: 10px;
}
div.sidebarBlueLeft {
   float:right;
   background-color:#ddeeff;
   border-top:solid 1px #6699cc;
   border-right:solid 1px #6699cc;
   border-bottom:solid 1px #6699cc;
   border-left:solid 15px #6699cc;
   margin:0px 0px 10px 10px;
   padding: 10px;
}