/* CLF 2.0 TEMPLATE VERSION 1.0 | VERSION 1.0 DU GABARIT NSI 2.0 */

ul{
   margin: 0;
   padding: 12px 0 12px 1.75em;
    }

div.core{
   color: #404041; }
   
p.main{
   font-size: 165%; }
   
p{ margin: 0.5em 0; }


/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
   background-color: #FFF;
}
.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 */

/* Background color for Tariff Pages */
.olaNote
{
	padding: 2px 2px 2px 2px;
	margin: 1px;
	border:1px solid #ccc;
	background-color:#e4e6e7;
}


/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner{
   color: #FFF;
   background: #660033 url(/images/header.jpg) top left no-repeat;
   width:760px;
}
/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

.invisible {
	visibility:hidden;
}
.invisible2 {
	display:none;
}


/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
h2.nav, h2.nav a:link, h2.nav a:visited {
   background-color: #660033;
   color: #FFF;
   text-decoration: none;
}
h2.nav a:hover {
   text-decoration: underline;
}
#right li ul.nav {

}

h2.nav{
   text-transform: uppercase;
   padding: 4px 4px 4px 10px;
   font-size: 86%;
   background: #660033; 
   }
h2.nav.rounded{
   background: #660033 url(/images/leftmenu-top.gif) top left no-repeat; }

   
#right h2.nav{
   background: #660033 url(/images/rightmenu-top.gif) top left no-repeat; }
#right li,
.module{
   background: #f1f5fb url(/images/rightmenu-bottom.gif) bottom left no-repeat; } 
#right .nav li li{
   border: none;
   background: transparent; }
   
.module .content2share{
	font-size:9px;
	padding-top:35px;
}

.module .app P {
	margin: 3px 0;
	padding: 3px 5px;
}

.shareDisclaimer {
	font-size:9px;
}
.shareDisclaimerWithBackground {
	font-size:9px;
	background:#eaeaea;
}

.shareDisclaimerPadding {
	margin-top:5px;
}

.module{
   font-size: 100%;
   margin-bottom: 10px; }
.module .content{
   padding: 5px; } 
   
.module FORM{
   padding: 0; 
   margin: 0; }
.module P{
   font-size: 86%;
   margin: 3px 0; }
.module A{
   color: #404041; }
.module A:hover{
   color: #660033}
.module INPUT.text{
   padding: 3px; }

.module INPUT,
.module SELECT,
.module OPTION{
   padding: 1px;
   font-family: verdana, arialm sans-serif; }
   
.module SELECT{
   width: 100%; }
   
.module-button{
   font-size: 86%;
   font-weight: bold;
   width: 194px;
   text-align: center;
   background: #f6f6f6 url(../images/rightmenu-button.gif) bottom left no-repeat; }
   
   .module-button a{
      background: url(../images/rightmenu-button-top.gif) top left no-repeat;
      padding: 10px 5px;
      display: block; 
      text-decoration: none;
      color: #404041; }
   .module-button a:hover{ 
      color: #660033; }
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */



/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
#left .menucontent {
   border-bottom: 1px solid #878787;
}
#left .menucontent, #left .menulink {
   font-size: 94%;
   color: #000;
   background-color: #eaeaea;
}

#left .menucontent.thick{
   border-top: solid 1px #878787; }


#left p{
   margin: 10px 0 0 0; }
#left p a{
   text-decoration: none;
   color: #000;
   font-size: 86%; }
#left p a:hover{
   color: #660033;
   text-decoration: underline; }


#right .menucontent{
   font-size: 86%;
   color: #000;
   background-color: #FFF;
}
#right .menulink {
   color: #000;
}
#right ul.nav ul.nav{
   padding: 5px 0 5px 0; }
   
#right .nav li.menucontent{
   margin: 3px 5px; padding: 4px 6px;
   border-bottom: dotted 1px #82868c; }


ul.nav li, ul.nav2 li{
   margin: 0 0 0 0; }
ul.nav li li, ul.nav2 li li{
   padding: 4px 3px 4px 10px;
   margin: 0; }

.prodis {
   background-color: #696;
}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */




/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */

   
#center h1, h2, h3, h4, h5, h6 {
   /*color: #404041;*/
   margin-bottom: 5px;
}
#center a {
   color: #404041;
}
#center a:hover{
   color: #660033;
   text-decoration: none;
}
#center ul > li{
   list-style: url(../images/darkgray-bullet.gif);
}
#center ul.checklist > li{
	list-style-image:url(../../images/checkbox.gif);
	margin-left:25px;
}
/* when you want multiple aligned columns within a list, wrap each column in a div, set their widths and apply this class */
.listCol {
	display:inline-block;
}
h1 {
   font-size: 170%;
}
h2 {
   font-size: 140%;
}
h3 {
   font-size: 125%;
}
h4 {
   font-size: 110%;
}

.blackborder {
   padding: 5px;
   border: solid #000 1px;
   min-height: 158px;
   min-width: 135px;
}
.blackborder:after {
   content: ""; 
   display: block; 
   height: 0; 
   clear: left;
   visibility: hidden;
}


/* ------------------------------
   BOXES 
   ------------------------------ */

/* -- applicable to all boxes */
.box h3{
   margin: 0;
   padding: 9px 10px;
   font-size: 100%; }
   
.box UL{
   margin: 0;
   font-size: 88%; }
   
.box-orange .shadow,
.box-darkblue .shadow,
.box-green .shadow{
   margin-top: -4px; /* ie 6 */
   height: 10px;
   background: url(../images/box-blue-shadow.gif) bottom center no-repeat; }
   
   
   
/* -- wide orange box */
.box-orange h3{
   height: 1%;
   clear: both;
   color: #333;
   background: url(/images/box-blue-header.gif) top left no-repeat; }
   
.box-orange UL{
      margin: 0; padding: 0;
      border: solid 1px #99ccff; }  
      
   #center .box-orange LI{
      padding: 10px 10px 13px 10px;
      list-style: none;
      list-style-image: none;
      background: url(/images/box-blue-listitem.gif) bottom left repeat-x;
      margin: 0 0 0 0; }
   
   .box-orange P{
      margin: 0; }
   .box-orange P.date{
      color: #626263; }
      
   
   
/* -- wide darkblue box */
.box-darkblue h3{
   color: #fff;
   background: #001f53 url(/images/box-darkgray-header.gif) top left no-repeat; }
.box-darkblue UL{
   padding: 10px 10px 10px 20px;
   border: solid 1px #14346a;  }
.box-darkblue LI{
   margin: 6px 0;
   list-style: url(/images/darkgray-bullet.gif);  } 

   
/* wide green box */
.box-green h3{
   height: 1%;
   color: #fff;
   background: #99ccff url(/images/box-blue-header.gif) top left no-repeat; }
.box-green UL{
   padding: 10px 10px 10px 20px;
   background: url(/images/box-blue-bg.gif) bottom left repeat-x; 
   border: solid 1px #99ccff;  }
.box-green LI{
   margin: 6px 0;
   list-style: url(/images/gray-bullet.gif); }
   
   
/* dark blue half boxes */
.halfbox-darkblue{
   margin: 10px 0 5px 0;
   width: 200px; 
   float: left; }

div.halfbox-darkblue.right{
   width: 200px; 
   float: right; }
   
   .halfbox-darkblue .content,
   .box-darkblue .content{
      background: url(/images/halfbox-darkgray-bg.gif) bottom left repeat-x; }
      
   .halfbox-darkblue .shadow{
      
      height: 9px;
      background: url(/images/halfbox-shadow.gif) bottom center no-repeat; }   
      
   .halfbox-darkblue h3{
      color: #fff;
      background: #333333 url(/images/halfbox-darkgray-header.gif) top left no-repeat; }
      
   .halfbox-darkblue UL{
      min-height: 150px;
      height: auto !important;
      height: 150px;
      margin: 0; padding: 10px 10px 10px 20px;
      border: solid 1px #14346a; 
      background: url(/images/darkgray-topinnerbg.jpg) top center no-repeat; }
      
      .halfbox-darkblue LI{   
   margin: 0 0 8px 0;
   list-style: url(/images/darkgray-bullet.gif); }

/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */




/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
.footer div.footerline {
   background: #660033 top left no-repeat;
}
.footer a:link, .footer a:visited, #center .footer a:link, #center .footer a:visited, #center .topPage a:link, #center .topPage a:visited {
   color: #333333;
   background-color: #FFF;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */



p.breadcrumb{
   padding: 3px 0 1px 4px;
   margin: 0 0 10px 0;
   font-size: 86%;
   font-weight: bold;
   background: #99ccff; 
   }
   p.breadcrumb a{
      color: #000;
      text-decoration: none;
      }
   p.breadcrumb a:hover{
      text-decoration: underline;
      }
      
#center SPAN.index {
   float: left;
   padding: 0 0.5em 0 0;
}

.archive #center P{
   padding: 0 0 0 3em; }
   
.archive #center{
   width: 590px;
   padding: 0 0 0 40px !important;
   padding: 0 0 0 20px !important; }

.wideTable{
 width:950px;
 position:relative;
}

/* This will properly align <hr /> tags to the left in both IE and Firefox */
hr.alignLeft{
 text-align: left;/*this will align it for IE*/
 margin: 0 auto 0 0; /*this will align it left for Mozilla*/
} 

/* This will give big round box monitoring report. */
.cmr-roundbox {
 border: 2px solid black ;
border-radius: 50px ;
-moz-border-radius: 50px ;
-webkit-border-radius: 50px ;
padding: 20px !important;
}

/* This will give small round box monitoring report. */
.cmr-button{
   font-size: 86%;
   font-weight: normal;
   width: 194px;
   text-align: center;
   border: 2px solid black ;
border-radius: 40px ;
-moz-border-radius: 40px ;
-webkit-border-radius: 40px ;
padding: 15px !important;
margin:10px;
overflow:hidden;
 }
 
 /* This will give big round box monitoring report no border. */
.cmr-roundboxNoborder {
border-radius: 50px ;
-moz-border-radius: 50px ;
-webkit-border-radius: 50px ;
padding: 15px !important;
margin:10px;
overflow:auto;
}

/* This line break will clear floats Monitoring Report. */
.brclear {
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}