/*EPIC UTILITY*/

/*TEXT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE TEXTE*/

/*MANDATORY FIELD FONT STYLE */
.redCol {
  font-family: Arial, Helvetica, sans-serif;
  color: #FF0000;
  width: 2%;
}
.redText {
  font-family: Arial, Helvetica, sans-serif;
  color: #FF0000;
}

/*FONT STYLE */

.italic {
  font-style:italic;
}
.normal {
  font-style: normal;
  font-weight: normal;
}

/*FONT WEIGHT*/

.bold{
  font-weight: bold;
}

/* UL & OL NO INDENT*/

ul.noIndent {
  margin-left: 10px;
  padding-left: 9px;
}
ol.noIndent {
  margin-left: 10px;
  padding-left: 18px;
}

/* UL  NO BULLET */
ul.noBullet{
  list-style-type: none;
}
/* UL   NO BULLET NO INDENT */
ul.noBulletnoIndent{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
/* UL & OL  SPACE*/
ol.space li { 
  margin-bottom:20px; 
  margin-top:20px; 
}
ul.space li { 
  margin-bottom:20px; 
  margin-top:20px; 
}


/*NESTED SPACE/ NO SPACE*/

/*Unordered lists*/

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

/*Ordered lists*/

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

/* FOOTNOTE*/

p.footnote{
font-size: 85%;
color: #000000; 
font-style: normal;
}

/* MARGIN  */ 

.margin1 {margin: 1px;}
.margin2 {margin: 2px;}
.margin3 {margin: 3px;}
.margin4 {margin: 4px;}
.margin5 {margin: 5px;}
.margin8 {margin: 8px;}
.margin10 {margin: 10px;}
.margin12 {margin: 12px;}
.margin15 {margin: 15px;}
.margin16 {margin: 16px;}
.margin20 {margin: 20px;}
.margin40 {margin: 40px;}

/*  MARGIN TOP  */

.marginTop1 {margin-top: 1px;}
.marginTop2 {margin-top: 2px;}
.marginTop3 {margin-top: 3px;}
.marginTop4 {margin-top: 4px;}
.marginTop5 {margin-top: 5px;}
.marginTop8 {margin-top: 8px;}
.marginTop12 {margin-top: 12px;}
.marginTop16 {margin-top: 16px;}
.marginTop20 {margin-top: 20px;}

/*  MARGIN BOTTOM  */

.marginBottom1 {margin-bottom: 1px;}
.marginBottom2 {margin-bottom: 2px;}
.marginBottom3 {margin-bottom: 3px;}
.marginBottom4 {margin-bottom: 4px;}
.marginBottom5 {margin-bottom: 5px;}
.marginBottom8 {margin-bottom: 8px;}
.marginBottom12 {margin-bottom: 12px;}
.marginBottom16 {margin-bottom: 16px;}
.marginBottom20 {margin-bottom: 20px;}

/* PADDING */

.padding1 {padding: 1px;}
.padding2 {padding: 2px;}
.padding3 {padding: 3px;}
.padding4 {padding: 4px;}
.padding5 {padding: 5px;}
.padding6 {padding: 6px;}
.padding7 {padding: 7px;}
.padding8 {padding: 8px;}
.padding9 {padding: 9px;}
.padding12 {padding: 12px;}
.padding16 {padding: 16px;}
.padding20 {padding: 20px;}
.padding20 {padding: 20px;}

/* PADDING TOP */

.paddingTop1 {padding-top: 1px;}
.paddingTop2 {padding-top: 2px;}
.paddingTop3 {padding-top: 3px;}
.paddingTop4 {padding-top: 4px;}
.paddingTop5 {padding-top: 5px;}
.paddingTop6 {
  padding-top: 6px;
}
.paddingTop7 {padding-top: 7px;}
.paddingTop8 {padding-top: 8px;}
.paddingTop12 {padding-top: 12px;}
.paddingTop16 {padding-top: 16px;}
.paddingTop20 {padding-top: 20px;}

/* PADDING BOTTOM */

.paddingBottom1 {padding-bottom: 1px;}
.paddingBottom2 {padding-bottom: 2px;}
.paddingBottom3 {padding-bottom: 3px;}
.paddingBottom4 {padding-bottom: 4px;}
.paddingBottom5 {padding-bottom: 5px;}
.paddingBottom6 {padding-bottom: 6px;}
.paddingBottom7 {padding-bottom: 7px;}
.paddingBottom8 {padding-bottom: 8px;}
.paddingBottom12 {padding-bottom: 12px;}
.paddingBottom16 {padding-bottom: 16px;}
.paddingBottom20 {padding-bottom: 20px;}

/* PADDING LEFT*/

.paddingLeft1 {padding-left: 1px;}
.paddingLeft2 {padding-left: 2px;}
.paddingLeft3 {padding-left: 3px;}
.paddingLeft4 {padding-left: 4px;}
.paddingLeft5 {padding-left: 5px;}
.paddingLeft6 {padding-left: 6px;}
.paddingLeft7 {padding-left: 7px;}
.paddingLeft8 {padding-left: 8px;}
.paddingLeft12 {padding-left: 12px;}
.paddingLeft16 {padding-left: 16px;}
.paddingLeft20 {padding-left: 20px;}

/* PADDING RIGHT*/

.paddingRight1 {padding-right: 1px;}
.paddingRight2 {padding-right: 2px;}
.paddingRight3 {padding-right: 3px;}
.paddingRight4 {padding-right: 4px;}
.paddingRight5 {padding-right: 5px;}
.paddingRight6 {padding-right: 6px;}
.paddingRight7 {padding-right: 7px;}
.paddingRight8 {padding-right: 8px;}
.paddingRight12 {padding-right: 12px;}
.paddingRight16 {padding-right: 16px;}
.paddingRight20 {padding-right: 20px;}

/* COLOURED BORDERS */

/* BORDER LEFT RIGHT TOP  BOTTOM*/

.boxWhitethin{border: #FFFFFF solid 1px;}
.boxWhitethick{border: #FFFFFF solid 3px;}
.boxBlackthin{border: #000000 solid 1px;}
.boxBlackthick{border: #000000 solid 3px;}
.boxIthin{border: #EEEEEE solid 1px;}
.boxIthick{border: #EEEEEE solid 3px;}
.boxBthin{border: #336699 solid 1px;}
.boxBthick{border: #336699 solid 3px;}

/* TOP BORDER ONLY*/

.borderTopBlackthin{border-top: #000000 solid 1px;}
.borderTopBlackthick{border-top: #000000 solid 3px;}
.borderTopWhitethin{border-top: #FFFFFF solid 1px;}
.borderTopWhitethick{border-top: #FFFFFF solid 3px;}
.borderTopIthin{border-top: #EEEEEE solid 1px;}
.borderTopIthick{border-top: #EEEEEE solid 3px;}
.borderTopBthin{border-top: #336699 solid 1px;}
.borderTopBthick{border-top: #336699 solid 3px;}
.borderTopNone{border-top: none;}

/* BOTTOM BORDER ONLY */

.borderBottomBlackthin{border-bottom: #000000 solid 1px;}
.borderBottomBlackthick{border-bottom: #000000 solid 3px;}
.borderBottomWhitethin{border-bottom: #FFFFFF solid 1px;}
.borderBottomWhitethick{border-bottom: #FFFFFF solid 3px;}
.borderBottomIthin{border-bottom: #EEEEEE solid 1px;}
.borderBottomIthick{border-bottom: #EEEEEE solid 3px;}
.borderBottomBthin{border-bottom: #336699 solid 1px;}
.borderBottomBthick{border-bottom: #336699 solid 3px;}
.borderBottomNone{border-bottom:none;}

/* LEFT BORDER ONLY */

.borderLeftBlackthin{border-left: #000000 solid 1px;}
.borderLeftBlackthick{border-left: #000000 solid 3px;}
.borderLeftWhitethin{border-left: #FFFFFF solid 1px;}
.borderLeftWhitethick{border-left: #FFFFFF solid 3px;}
.borderLeftIthin{border-left: #EEEEEE solid 1px;}
.borderLeftIthick{border-left: #EEEEEE solid 3px;}
.borderLeftBthin{border-left: #336699 solid 1px;}
.borderLeftBthick{border-left: #336699 solid 3px;}
.borderLeftNone{border-left: none;}

/* RIGHT BORDER ONLY*/

.borderRightBlackthin{border-right: #000000 solid 1px;}
.borderRightBlackthick{border-right: #000000 solid 3px;}
.borderRightWhitethin{border-right: #FFFFFF solid 1px;}
.borderRightWhitethick{border-right: #FFFFFF solid 3px;}
.borderRightIthin{border-right: #EEEEEE solid 1px;}
.borderRightIthick{border-right: #EEEEEE solid 3px;}
.borderRightBthin{border-right: #336699 solid 1px;}
.borderRightBthick{border-right: #336699 solid 3px;}
.borderRightNone{border-right: none;}

/* Instructions for applying these classes to your site  http://www.tbs-sct.gc.ca/clf2-nsi2/tb-bo/td-dt/cccs-cscc-eng.asp - Instructions pour l'implémentation de ces classes sur votre site http://www.tbs-sct.gc.ca/clf2-nsi2/tb-bo/td-dt/cccs-cscc-fra.asp   */

/* Creating a box with a border and a background colour without using a table - Créer une boîte avec une bordure et une couleur de fond sans utiliser un tableau */

.box {
  border: 1px solid #000000; 
}

/* Simulating a single-column, multi-row table with a background colour and a border - Simuler un tableau à une colonne et à plusieurs lignes avec une couleur de fond et une bordure */

div.boxmultirow {
  border: 1px solid #000000;
       margin:1px;
}

/* Simulating a two-column single row table - Simuler un tableau à deux colonnes et à une ligne */
div.row {
  margin: 0; 
  padding: 0; 
  width: 98.5%; 
  overflow: hidden;}
  div.cols2 {
  float: left; 
  width: 49%; 
  margin: 0 3px 0 0; 
  padding: 0;
}

/* Simulating a two-column multi row table - Simuler un tableau à deux colonnes et à plusieurs lignes */
div.row {
  margin: 0; 
  padding: 0; 
  width: 98.5%; 
  overflow: hidden;
}
div.cols2 {
  float: left; 
  width: 49%; 
  margin: 0 3px 0 0; 
  padding: 0;
}

/* Simulating a three-column single row table - Simuler un tableau à trois colonnes et à une ligne*/
div.row {
  margin: 0; 
  padding: 0; 
  width: 98.5%; 
  overflow: hidden;
}
div.cols3 {
  float: left; 
  width: 32%; 
  margin: 0 3px 0 0; 
  padding: 0;
}

/* Simulating a three-column multi-row table - Simuler un tableau à trois colonnes et à plusieurs lignes */
div.row {
  margin: 0; 
  padding: 0; 
  width: 98.5%; 
  overflow: hidden;
}
div.cols3 {
  float: left; 
  width: 32%; 
  margin: 0 3px 0 0; 
  padding: 0;
}

/*Back ground colors*/
.bg999999{background-color: #999999;} 
.bgcccccc {background-color: #cccccc;} 
.bgcc6666 {background-color: #cc6666;} 
.bgccccff {background-color: #ccccff;} 
.bgccffcc {background-color: #ccffcc;} 
.bgccffff {background-color: #ccffff;} 
.bgffffff {background-color: #ffffff;} 
.bgffff99 {background-color: #ffff99;} 
.bgffffcc{background-color: #ffffcc;} 
.bgffcccc {background-color: #ffcccc;} 
.bgffccff {background-color: #ffccff;} 
.bgffcc66 {background-color: #ffcc66;} 
.bgwhite{background-color: #ffffff;}

/*NO BORDER*/

.noBorder {border-style: none;}

/*CLEAR FLOATS*/

.clearBoth {clear: both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}
.clearNone {  clear: none;}


/* COLUMN LAYOUT FOR CONTENT AREA*/
div.icRow {float: left; margin: 0; padding: 0; width: 98.5%;}

/* 2 column layout */
div.ic2col1 {float: left; width: 49%; margin: 0 3px 0 0; padding: 0;}
div.ic2col2 {float: left; width: 49%; margin: 0; padding: 0;}

/* 3 column layout */
div.ic3col1 {float: left; width: 32%; margin: 0 3px 0 0; padding: 0;}
div.ic3col2 {float: left; width: 32%; margin: 0 3px 0 0; padding: 0;}
div.ic3col3 {float: left; width: 32%; margin: 0; padding: 0;}

/* 4 column layout */
div.ic4col1 {float: left; width: 24%; margin: 0 3px 0 0; padding: 0;}
div.ic4col2 {float: left; width: 24%; margin: 0 3px 0 0; padding: 0;}
div.ic4col3 {float: left; width: 24%; margin: 0 3px 0 0; padding: 0;}
div.ic4col4 {float: left; width: 24%; margin: 0; padding: 0;}

/* 5 column layout */
div.ic5col1 {float: left; width: 19%; margin: 0 3px 0 0; padding: 0;}
div.ic5col2 {float: left; width: 19%; margin: 0 3px 0 0; padding: 0;}
div.ic5col3 {float: left; width: 19%; margin: 0 3px 0 0; padding: 0;}
div.ic5col4 {float: left; width: 19%; margin: 0 3px 0 0; padding: 0;}
div.ic5col5 {float: left; width: 19%; margin: 0; padding: 0;}

/* Annotation page layout class */
div.epicrowtop {
  margin: 0; 
  padding: 1px; 
  overflow: auto;
  font-weight: bold;
  float: left;
}
div.epicrowall {
  margin: 0px; 
  padding: 0; 
  overflow: auto;
  float: left;
}
.epiccol1, .epiccol2, .epiccol3, .epiccol4, .epiccol5 {
  float: left; 
  margin: 0px;
  padding: 0px 1px 0px 1px;
  overflow: auto;
}
.epiccolcat {
  float: left; 
  margin: 0px;
  padding: 1px;
  color: #000;
  font-weight: bold;
}
.epiccolcat2 {
  float: left; 
  margin: 0px;
  padding: 1px 1px 1px 19px;
  color: #666;
  font-weight: bold;
}
.epicexpcat {
  float: left; 
  margin: 0px;
  padding: 10px 0px 10px 0px;
}
.epiccatlnk{
  font-size: 8pt;
  text-decoration: none;
}
.epicrated{
  display:block;
  font-size:60%;
  font-weight: normal;
  color:#666;
}
div#epicDesignAd {
  padding: 6px 0px 5px 0px; 
  background-color: #FFF;
  color: #000;
  font-size: 80%;
  text-decoration: none;
  margin:0;
}
div#epicDesignAd img {
  padding: 0;
  margin: 0;
}
div#epicDesignAd a {
  display: block;
  width:146px;
  color: #000;
  text-decoration: none;
  padding: 0;
  margin:0;
  border:1px solid #FFF;
}
span.adDown {
  display:block;
  background-color: #FFF;
  padding: 6px 0 0 0 ;
  margin: 0;
}

/*SEND TO FRIEND TEXT ONLY BEGINS*/
div.sendText {
  border-bottom: 1px solid #666;
  border-top: 1px solid #666;
  padding:0;
  margin:0;
  margin-right: 6px;
  color: #666;
  text-decoration: none;
  font-family: verdana, arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight:normal;
}
div.sendText a:link, div.sendText a:hover,div.sendText a:visited  {
  padding:0;
  color: #666;
  text-decoration: none;
  font-family: verdana, arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight:normal;
}
/*SEND TO FRIEND TEXT ONLY ENDS*/

/*RATE THIS ARTICLE TEXT ONLY BEGINS*/
span.rateText {
  border-bottom: 1px solid #666;
  border-top: 1px solid #666;
  padding:0px;
  color: #666;
  text-decoration: none;
  font-family: verdana, arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight:normal;
}
.rateNumBox{
  margin:-3px;
  margin-top:0;
  padding:0;
  font-family: verdana, arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight:normal;
  border-bottom:1px solid #666;
}
.rateStar{
margin-top: 10px;
}
.fiveStar{
margin-right: 6px;
}
.clearRate{
  display: block;
  clear:right;
  margin:0;
  padding:0;
}

/*RATE THIS ARTICLE TEXT ONLY ENDS*/

/* SIDEBARS BEGIN -- Remove by May 1st 2010 */

div.sidebarBTop {
  float:right;
  background-color:#ddeeff;
  border-top:solid 15px #336699;
  border-right:solid 1px #336699;
  border-bottom:solid 1px #336699;
  border-left:solid 1px #336699;
  margin:0px 0px 10px 10px;
  padding: 10px;
}
div.sidebarBLeft {
  float:right;
  background-color:#ddeeff;
  border-top:solid 1px #336699;
  border-right:solid 1px #336699;
  border-bottom:solid 1px #336699;
  border-left:solid 15px #336699;
  margin:0px 0px 10px 10px;
  padding: 10px;
}
div.sidebarHTop {
  float:right;
  background-color:#eeeeee;
  border-top:solid 15px #666666;
  border-right:solid 1px #666666;
  border-bottom: solid 1px #666666;
  border-left: solid 1px #666666;
  margin:0px 0px 10px 10px;
  padding: 10px;
}
div.sidebarHLeft {
  float:right;
  background-color:#eeeeee;
  border-top:solid 1px #666666;
  border-right:solid 1px #666666;
  border-bottom: solid 1px #666666;
  border-left: solid 15px #666666;
  margin:0px 0px 10px 10px;
  padding: 10px;
} 

/* SIDEBARS END -- Remove by May 1st 2010 */

/*EPIC UTILITY CLASSES ENDS*/