/* Common CSS solutions */

/*EPIC UTILITY CLASSES BEGINS*/

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


/*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 & OL  SPACE*/
ol.space li { 
margin-bottom:20px; 
margin-top:20px; 
}

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


/* FOOTNOTE*/

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


/*  MARGIN BEGINS   */ 

.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;
}

/* MARGIN ENDS */


/* PADDING BEGINS */

.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 ENDS */


/* COLOURED BORDERS */

/* 4 SIDES */

.boxAthin{
 border: #000000 solid 1px;
}
.boxAthick{
 border: #000000 solid 3px;
}
.boxBthin{
 border: #CCCCCC solid 1px;
}
.boxBthick{
 border: #CCCCCC solid 3px;
}
.boxCthin{
 border: #6699CC solid 1px;
}
.boxCthick{
 border: #6699CC solid 3px;
}


/*  TOP BORDER ONLY */

.borderTopAthin{
 border-top: #000000 solid 1px;
}
.borderTopAthick{
 border-top: #000000 solid 3px;
}
.borderTopBthin{
 border-top: #CCCCCC solid 1px;
}
.borderTopBthick{
 border-top: #CCCCCC solid 3px;
}
.borderTopCthin{
 border-top: #6699CC solid 1px;
}
.borderTopCthick{
 border-top: #6699CC solid 3px;
}


/* BOTTOM BORDER ONLY */

.borderBottomAthin{
 border-bottom: #000000 solid 1px;
}
.borderBottomAthick{
 border-bottom: #000000 solid 3px;
}
.borderBottomBthin{
 border-bottom: #CCCCCC solid 1px;
}
.borderBottomBthick{
 border-bottom: #CCCCCC solid 3px;
}
.borderBottomCthin{
 border-bottom: #6699CC solid 1px;
}
.borderBottomCthick{
 border-bottom: #6699CC solid 3px;
}


 /* LEFT BORDER ONLY */

.borderLeftAthin{
 border-left: #000000 solid 1px;
}
.borderLeftAthick{
 border-left: #000000 solid 3px;
}
.borderLeftBthin{
 border-left: #CCCCCC solid 1px;
}
.borderLeftBthick{
 border-left: #CCCCCC solid 3px;
}
.borderLeftCthin{
 border-left: #6699CC solid 1px;
}
.borderLeftCthick{
 border-left: #6699CC solid 3px;
}


/* RIGHT BORDER ONLY */

.borderRightAthin{
 border-right: #000000 solid 1px;
}
.borderRightAthick{
 border-right: #000000 solid 3px;
}
.borderRightBthin{
 border-right: #CCCCCC solid 1px;
}
.borderRightBthick{
 border-right: #CCCCCC solid 3px;
}
.borderRightCthin{
 border-right: #6699CC solid 1px;
}
.borderRightCthick{
 border-right: #6699CC solid 3px;
}


/* NO BORDERS*/

 .borderNone {
 border: none;
}
.borderBottomNone {
 border-bottom: none;
}
.borderLeftNone {
  border-left: none;
}
.borderRightNone {
 border-right: none;
}
.borderTopNone {
 border-top: 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 */
div.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;} 

/*NO BORDER*/

.noBorder {
 border-style: none;
}

/*EPIC UTILITY CLASSES ENDS*/

/* AT-LINKS STYLE CLASSES BEGINS*/
.sum {clear:right;}
.gimage {float:right; margin:.5em;}
/* AT-LINKS STYLE CLASSES ENDS*/