/* 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: #eeeeee;
}
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: 44px;
}
div.cwm img {
  padding-top: 1px;
}
/* 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(../../images/clf/bann-ocl-cal.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 {
  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: #036;
}

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

}
#navcontainer a:hover, #navcontainer a:focus {
  color: #FFF;
  background-color: #036;
  text-decoration: underline;
}
#navcontainer ul li a#selected1 {
  color: #FFF;
  background-color: #036;
  text-decoration: underline;
}
#navcontainer ul li a#expanded1 {
  color: #FFF;
  background-color: #036;
  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: #FFF;
  background-color: #369;
  text-decoration: none;
  font-family: verdana, arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
}
#navcontainer ul ul a:hover {    
  color: #FFF;
  background-color: #369;
  text-decoration: underline;
}
#navcontainer ul ul  li a#selected2 {    
  color: #FFF;
  background-color: #369;
  text-decoration: underline;
}
#navcontainer ul ul  li a#expanded2 {
  color: #FFF;
  background-color: #369;
  text-decoration: underline;
} 

/* LEVEL 3  */
#navcontainer ul ul ul li { 
  margin: 0px 0 0px 0; 
  background-color: #369F;
}
#navcontainer ul ul ul a {
  display: block;
  padding: 5px 17px 5px 24px;
  width: 109px;
  color: #FFF;
  background-color: #369;
  text-decoration: none;
}
#navcontainer ul ul ul a:hover {
  color: #FFF;
  background-color: #369;
  text-decoration: underline;
}
#navcontainer ul ul ul li a#selected3 {
  color: #FFF;
  background-color: #369;
  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 */

/*RIGHT NAV */
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:#99ccff;
  color:#000;
  
}
div.right li.menucontent, div.right div.menucontent {
  color: #000;
  background-color:#FFF;
}
div.right a.menulink {
  color: #000;
  background-color: #FFF;
list-style-type:none;
}