/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */ /* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */ 

div.page { background-color: #FFFFFF; color: #000000; }
/* .right { float: right;}  */
/* .left { float: left;}  */
ul.nav li { margin-bottom: 0px;} 
ul.nav li.menucontent { margin-top: 0; margin-bottom: 0; color: #069; } 
ul.nav li.menucontent a:link, ul.nav li.menucontent a:visited { text-decoration: none; color:#069; } 
ul.nav li.menucontent a:hover { text-decoration: underline; color: #FFFFFF; } 
ul.nav2 { list-style-type: none; margin-top: 2px; margin-left: 0; margin-bottom: 3px; } 
ul.nav2 li a { text-decoration: none;} 
ul.nav2 li a:link, ul.nav2 li a:visited, ul.nav2 li a:active { color: #003366; } 
ul.nav2 li a:hover { text-decoration: underline; color: #FFFFFF;} 
ul.nav2 li a.menulink:hover { text-decoration: underline;} 
div.left ul.nav2 li { border-top: 1px dashed #003366; width: 134px;} 
div.left ul.nav2 li a {background-color: transparent;} 
div.right ul.nav2 li, div.left ul.nav2 li { border-top: 1px dotted #003366; padding-left: 15px; padding-top: 3px; padding-bottom: 3px; } 
div.right ul.nav2 li a.menulink { background-color: #DCDCDC; text-decoration: none;} 
div.textblock { border: 1px solid #006699; padding: 5px; font-size: 1.0em; width: 20em; margin-left: 10px; } 

div.graytextblock { width: 20em; padding: 10px; margin: 0 1em 1em 0; border: 1px solid #003366; background-color: #dcdcdc; background-image: url(/images/tmpl/ccc_square.gif); background-repeat: repeat; } 
div.graytextblock a { font-weight: bold; color: #CC0000; } 
div.graytextblock a:link, div.graytextblock a:visited, div.graytextblock a:active { color:#FF0000; } 
div.graytextblock a:hover { color:#FF0000; } div.bluebox { width:20em; padding:10px; font-size:1.1em; color:#FFFFFF; line-height:1.4em; background-color: #006699; } 

div.bluebox ul { background-color: #006699; color: #FFFFFF; } 
div.bluebox ul li { background-color: #006699; color: #FFFFFF; } 

.AW { padding: 5px; border: 1px solid #336699; margin: 5px;} 
.feature_item { overflow: hidden; padding:0em; margin-top:5px; margin-bottom: 0;} 
.feature_item .feature_left { width: 195px; } 
.feature_item p { margin: 0; padding: 0; } S
.feature_item a { font-size: 1em; margin:0; padding:0; }
.feature_item .desc { float: left; width: 50%; font-size: 1.0em; padding-right: 10px; } 
.feature_item .img { width: 39%; float: left;} 

div.mediacentreheadline { padding-bottom: 25px; } 
div.headlinemeta { width: 100%; overflow: hidden; margin-bottom: 5px; } 
div.headlinedate { width: 50%; float: left; } 
div.headlinelocation { width: 50%; float: right; text-align: right; } 
div.archiveyears { width: 98.5%;}

.underline	{ text-decoration: underline; }
.underlineBlock	{ display: block; width: 590px; border-bottom: 1px solid #000000; }

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */ 

/* Careers */ 
/* .floatRightCareer { width:160px; float:right; font-size:.9em; margin-left:0px; padding-bottom:20px; padding-left: 10px; } */
h1.career { padding-top:10px; color:#164a84; font-size:20px; margin-top: 25px; } 
h2.career { color:#164a84; } 
ul.career { font-weight:bold; color:#164a84; } 
#flash5FRA	{ width: 575px; }
#careerboxTitle { display: block; 
                  background-color: transparent; 
						background-image:url(/images/cont/10320_sbbg.gif); 
						background-repeat: no-repeat; color: #FFFFFF; 
						font-size:18px; 
						font-weight:bold; padding: 5px; width: 90%; 
						height: 37px; } 
div.careerbox { border-bottom:solid 1PX #CCCCCC; width: 160px; font-size:.9em; padding-left:10px; padding-bottom: 20px; } 
#careerboxWelcome { border-bottom:solid 1PX #CCCCCC; } 
#careerboxWelcome img { position:relative; z-index: 2;} 
#careerboxWelcome p { background-color: transparent; margin-top:10px; width: 80%; z-index: -1; } 
#careerboxTitle a { color:#FFFFFF; font-size: 1.2em; font-weight: bold; padding: 5px; } 
#careerboxTitle a:hover { color: #0099FF; font-size: 1.2em; font-weight: bold; padding: 5px; } 

.careerbox2 { border-bottom:solid 1PX #CCCCCC; } 
.careerbox2 p { margin-top:10px; width: 90%; } 
.careerbox2 a { font-size: 1.2em; font-weight:bold; } 

.careertitle { background-image:url(images/cont/10322-bg.jpg); background-color: #175087; background-repeat: no-repeat; background-position: top right; padding-left: 5px; padding-top: 8px; color: #FFFFFF; font-size: 1.2em; font-weight: bolder; height: 28px; margin-top: 0; } 

div.careerbox h2 a, div.careerbox h2 a:link, div.careerbox h2 a:visited, div.careerbox h2 a:active {
	 padding: 3px; 
	 display: block; 
	 font-size: 14px; 
	 color:#FFFFFF; 
	 background-color: #008866; 
	 background-image: url(/images/cont/careersbox_titleBG_f01.jpg); 
	 background-position: top left; 
	 background-repeat: repeat-y; } 
div.careerbox h2 a:hover {
	 color: #FFFFFF; 
	 display: block; 
	 background-image: url(/images/cont/careersbox_titleBG_f02.jpg); 
	 background-position: top left; 
	 background-repeat: repeat-y; } 
div.careerbox p { font-size: .9em; }
#wid-container form div.selectbox { margin-bottom: 10px; margin-left: 1px; }

div.vidbtn a, div.vidbtn a:link, div.vidbtn a:visited, div.vidbtn a:active {
	 display: block; 
	 text-decoration: none; 
	 width:90px; 
	 height: 20px;
	 color: #FFFFFF; 
	 background-color: #008866;
	 padding: 2px 0 0 0;
	 font-size: 1.0em;
	 font-weight: bold; 
	 text-align: center; 
	 background-image: url(/images/cont/btn_small_bg_f01.jpg);
	 background-position: top left;
	 background-repeat: no-repeat;
    } 
div.vidbtn a:hover { background-image: url(/images/cont/btn_small_bg_f02.jpg); } 

div.vidbtn_f a, div.vidbtn_f a:link, div.vidbtn_f a:visited, div.vidbtn_f a:active { 
	display: block; 
	text-decoration: none; 
	width:140px; 
	height: 20px; 
	color: #FFFFFF; 
	background-color: #008866; 
	font-size: 1.0em; 
	font-weight: bold; 
	text-align: center; 
   padding: 2px 0 0 0;
	background-image: url(/images/cont/10320b_fra_f01.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	} 
div.vidbtn_f a:hover { background-image: url(/images/cont/10320b_fra_f02.gif); } 

img.wtIMG { border: none; } 

div.report_nav { padding-bottom: 20px;}
div.col2frm fieldset { border: none; padding: 5px; background-color: #EFEFEF; margin-bottom: 15px; }
div.col2frm legend {  margin-left: 1em; font-weight: bold; color:#000; margin-top: 0; padding: 5px; }
div.col2frm legend label { white-space:nowrap; font-weight: bold; margin-top: -8px; padding-bottom:5px; }
div.col2frm fieldset ol { padding: 1em 1em 0 1em; list-style: none; }
div.col2frm fieldset li { padding-bottom: .5em; list-style: none; }
div.col2frm label { display: block; float: left; width: 11em; margin-right: 1em; text-align: right; }
div.col2frm fieldset.submit { border-style: none; }
div.col2frm fieldset.submit input { margin-left: 1em; }

/* Proactive Disclosure Styles */ 
.vhdr table { padding: 3px; } 
.vhdr th { color: #FFFFFF; 
			  background-color: #006699; 
			  text-align: right; 
			  padding-right: 5px; 
			  font-size: .9em; 
			  border-top: 0; 
			  border-bottom: 1px solid #000000; 
			  border-right: 1px solid #000000; 
			  border-left: 1px solid #000000; } 
.vhdr td { padding-left: 5px; 
			  border-right: 1px solid #000000; 
			  border-bottom: 1px solid #000000; 
			  background-color: #FFFFFF; 
			  color: #000000; 
			  font-size: .9em; 
			  text-align: left; } 
.vhdr a {background-color: transparent;} 
/* #pd1, #pd2 { border: 2px solid #000000; 
				  padding: 3px; } */
.hhdr td { border: 1px solid #000000; 
			  font-size: .9em; 
			  padding-left: 5px; } 
.hhdr th { border-bottom: 2px solid #000000; 
			  background-color: #006699; 
			  color: #FFFFFF; 
			  text-align: left; 
			  padding-left: 5px; 
			  font-size: .9em; 
			  border-top: 1px solid #000000; 
			  border-right: 1px solid #000000; 
			  border-left: 1px solid #000000; } 
/********************************************************************/
/* BACKGROUND COLORS */
.medgreyBG                 { background-color: #888888; color: #FFF; }

.darkgreyBG                { background-color: #666666; color: #FFF; }

.yellowBG                  { background-color: #FFFF00; }

.deepyellowBG              { background-color: #FFCC33; }

.navyBG                    { background-color: #003399; }

.paleyellowBG              { background-color: #FFFFCC; }

.paleblueBG                { background-color: #99CCFF; }

.palegreenBG               { background-color: #CCFFCC; }

.medblueBG                 { background-color: #006699; }

.palegreyBG					{ background-color: #E6E7E8 }

/********************************************************************/
/* COLORS */
.medblue {
	color: #006699;
	background-color: transparent;
}
h1, h2 { color: #006699; }
label {position: relative; /* peekaboo bug fix for IE6 */
min-width: 0; /* peekaboo bug fix for IE7 */}

li.noBullet {list-style-type:none;}
blockquote {
	background-color: #CCCCCC;
	color: #000000;
	border: 1px solid #000000;
	font-style: italic;
	padding: 10px;
}
div.blackborder { min-height: 100px; }

div.headlines {clear:right;} 
div.photocaption {
	float: right;
	width: 225px;
	padding: 5px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
/*div.photocaption img {
	padding: 5px;
}*/
div.photocaption p {
	font-size: .85em;
	clear: left;
	
}
HTML>body div.photocaption p {
	margin-top: 5px;
}
div.headlines div.photocaption {
	float: right;
	width: 200px;
	padding: 5px;
	margin-top: 10px;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
}
.imageBorder { border: 1px solid #000000; }

.uppercase { text-transform:uppercase; }
div.rinctanborder { border-bottom-color: #A39163; border-bottom-style: solid; border-bottom-width:10px; background-color:#FFFFFF; padding-bottom: 1px; padding-left: 0px; padding-right: 0px; padding-top: 0px;}
div.rinctanborder h1 {background-color: #243A52; color:#FFFFFF; text-transform:uppercase;}
div.cafblueborder { border-bottom-color:#243A52 ; border-bottom-style: solid; border-bottom-width:10px; background-color:#FFFFFF; padding-bottom: 1px; padding-left: 0px; padding-right: 0px; padding-top: 0px;}
/* #A39163 is a little light - #666633 passes color contrast analyser check */
div.cafblueborder h1 {background-color:  #A39163; color:#FFFFFF; text-transform:uppercase;}
.width33	{ width: 33%;	}
.width34	{ width: 34%;	}

div.left .nav_hover .menucontent a {
 margin: 0px;
 padding: 4px;
 border: 0px;
 display: block;
 color: #006699;
 text-decoration: none;
 font-weight: bold;
}
div.left .nav_hover .menucontent a:link {
 margin: 0px;
 padding: 4px;
 border: 0px;
 display: block;
 color: #006699;
 text-decoration: none;
 font-weight: bold;
}
div.left .nav_hover .menucontent a:visited {
 color: #006699;
}

div.left .nav_hover .menucontent a:hover {
 color: #ffffff; 
 background: #006699; 
 text-decoration: none; 
}
div.left .nav_hover .menucontent a:active {
 color: #ffffff; 
 background: #006699; 
 text-decoration: none; 
}

div.right ul.nav2 a:hover { color: #FF0000; }

/**/
div.left ul.navSite {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}

div.left li.navSite{

	background-color: #006699;

	color: #FFF;

	text-decoration: none; 

	text-align: center; 

	font-weight: bold; 

	display: block;

	border: 0px;

	padding: 0px;

}

div.left li.navSite a{

	color: #fff;

	text-decoration: none; 

	display: block;

	background-color: #006699;

	padding: 2px 3px 2px 6px; 

	border-top: solid 1px #003366;

	border-left: solid 1px #003366; 

	border-bottom: solid 1px #003366; 

	border-right: solid 1px #003366;

}

* html div.left li.navSite a  {width: 92%; }  



div.left li.navSite a:hover, div.left li.navSite a:active, div.left li.navSite a:focus{

	text-decoration: none; 

	background-color: #006699;

	color: #FFF;

	border-top: solid 1px #003366; 

	border-left: solid 1px #003366; 

	border-bottom: solid 1px #003366;  

	border-right: solid 1px #003366;  

}
/* SLIDESHOW STYLES */
/* sshw - This is a smaller slideshow that floats to the right of content */
#sshw {

	float: right; 
	margin-left: 25px;
	margin-right: 0;
	width: 200px;
}

div.sshw_item {
	font-size: 11px;
	text-align: center;
	height: 200px;
	}
div.sshw_item img {
	border-bottom: 2px solid #006699;
}

/*-- jShowOff module styles --*/

#features {
	background: #efefef;
	position: relative;
	margin: 0;
	overflow: hidden;
	width: 200px;
	/* padding: 10px; */
	/* -webkit-border-top-left-radius: 6px; */
	/* -webkit-border-top-right-radius: 6px; */ 
	/* -moz-border-radius-topleft: 6px; */
	/* -moz-border-radius-topright: 6px; */
	}

.jshowoff {
	position: relative;
	float: left;
	width: 200px;
	height: 200px; /* Adjust this to accomodate more text in the slideshow */
	}

.jshowoff div, .jshowoff img, .jshowoff {
	/* -webkit-border-top-left-radius: 6px;  */
	/* -webkit-border-top-right-radius: 6px;  */
	}

.jshowoff h2, .jshowoff p {
	font-size: 15px;
	padding: 15px 20px 0px;
	margin: 0;
	}
.jshowoff p {
	font-size: 13px;
	line-height: 15px;
}
#combo {
	float: right;
	padding: 15px 20px 15px 20px;
	}
.jshowoff-slidelinks {
	position: relative;
	margin-left: auto;
	margin-right: 5px;
	margin-top: -25px;
	padding: 0;
	}
.jshowoff-slidelinks a, .jshowoff-controls a {
	display: block;
	background: #000;
	color: #fff;
	padding: 3px 2px 4px 2px;
	margin: 5px 0 0 5px;
	float: left;
	text-decoration: none;
	/*-moz-border-radius: 4px;*/
	/*-webkit-border-radius: 4px;*/
	outline: none;
	font-size: 10px;
	line-height: 12px;
	}
.jshowoff-slidelinks a.jshowoff-active {
	background: #fff;
	color: #000;
	}
p.jshowoff-controls {
	background: #aaa;
	overflow: hidden;
	height: 20px;
	padding: 0 0 5px 10px;
	margin: 0 0 5px 0;
	/*-moz-border-radius-bottomleft: 6px;*/
	/*-moz-border-radius-bottomright: 6px;*/
	/*-webkit-border-bottom-left-radius: 6px;*/
	/*-webkit-border-bottom-right-radius: 6px;*/
	}
.jshowoff-controls a {
	margin: 4px 2px 0 0;
	font-size: 10px;
	line-height: 12px;
	padding: 2px 4px 3px;
	color: #dcdcdc;
	}
.jshowoff-controls a:active, .jshowoff-controls a:hover {
	color: #dcdcdc;
}

#sshw a,#sshw377 a,#sshw595 a { color: #dcdcdc; }
#sshw a:hover, #sshw li.activeparent a, #sshw377 a:hover, #sshw377 li.activeparent a, #sshw595 a:hover, #sshw595 li.activeparent a {
	color:#fff; }

/* Medium Slideshow - use for Feature Story on 3col Home Page - center column*/
#sshw377 {width: 377px; clear: right; position: relative;}
#sshw377 div.sshw_item { height: 400px; text-align:left; }
#sshw377 #features { width: 377px;}
#sshw377 .jshowoff { width: 377px; height: 380px; }

/* Large Slideshow */
#sshw595 { margin: 0 auto; width: 595px; height: 465px; position:relative; }
#sshw595 div.sshw_item { height: 450px; text-align: center;}
#sshw595 div.sshw_item img { border: 2px solid #069;}
#sshw595 #features { width: 595px;}
#sshw595 .jshowoff { width: 595px; height: 465px; }

/* TBS SLIDESHOW STYLES*/
/* SLIDESHOW BEGINS | DEBUT DU SLIDESHOW */

#slideshow-container {
	border-left: 1px solid #CC9;
	border-right: 1px solid #CC9;
	padding: 0px;
	margin: 0px;
	padding-bottom: 8px;
/*	background: url(/cioscripts/styles/clf2/sshw-mdiap/deco.gif) #CC9 no-repeat 0 72px; */
}

#slideshow-container img {
	padding: 0px;
	margin:  1px 0px 0px -1px;
}	
* html #slideshow-container img {
	padding: 0px;
	margin:  1px 0px 0px -2px;
}

#slideinterface {
	padding: 0px;
	margin: -2px 0px 0px 0px;
}
* html #slideinterface {
	padding: 0px;
	margin: 0px;
}


/* * html #slideshow li a.menulink {
	margin: 0px 0px 0px 0px; 

}
*/

/* SLIDESHOW ENDS | FIN DU SLIDESHOW */
.medBlueborderTopThin { border-top: solid 1px #069; }
.medBlueborderBottomThin { border-Bottom: solid 1px #069; }


/* STYLES USED BY TBS (for RPP) 
   useful table styling classes */
.borderLeftThin { border-left: solid 1px #000; }
.borderRightThin { border-right: solid 1px #000; }

.borderTopThin { border-top: solid 1px #000; }
.borderTopThick { border-top: solid 2px #000; }
.borderTopDouble { border-top: double 3px #000; }

.borderBottomThin { border-Bottom: solid 1px #000; }
.borderBottomThick { border-Bottom: solid 2px #000; }
.borderBottomDouble { border-Bottom: double 3px #000; }

.borderSimple { border: solid 1px #000; }
.borderThickPadded {
	border: 2px solid #000; padding: 10px;
}
.borderSimplePadded {
	border: 1px solid #000; padding: 10px;
}

.noBorderPadded	{padding: 10px;}
div.report_item ul.inlineList, div.report_item ul.inlineList li {
	display: inline;
	list-style-type: none;
}

.clear {clear:both;} 
.clearLeft {clear:left;}

.inv {display: none; }
div.social { margin-top: -33px; }
.alignMiddle { vertical-align: middle; }

div.accesswest { background-image: url(images/cont/11234.jpg); background-color:#069; background-repeat:no-repeat; background-position: top right; text-align:right; padding-bottom:3px;}
div.accesswest h2 { font-size: 24px; font-weight: 500; padding-right:90px; font-variant:small-caps; color:#FFF; line-height: 14px; }
div.accesswest span { margin-top: -5px; font-weight:bold; font-size:75%; }

/* Org Chart - Horizontal Layout */
#horg 			{ width: 599px; height: 600px; margin: 0; padding: 0; background-image:url(images/cont/6596.gif); background-repeat:no-repeat; overflow: visible; }
#horg div.role 	{ border: 1px solid #000; background-color: #EFEFEF; padding:3px; }
#horg ul li 	{ text-align: center; list-style-type: none; margin-left: 0; margin-bottom: 10px; }
#horg ul li div { width: 77px; height:30px; padding: 3px; margin-top: 0; margin-left: 0; }
#horg ul ul 	{ margin-top: 45px; }
#horg ul ul li div { float: left; height: 85px; margin-top: 0;  margin-right: 15px; margin-bottom: 30px; font-size: 10px; }
#horg ul ul li div.first { margin-bottom: 0; }
#horg ul ul li 	{ display: inline; }
#horg ul ul li div.shift { margin-left: 100px; }
#horg  div.second { margin-left: 0px; margin-top: 10px; }



@media print {
.noprint {display:none;}
div.rinctanborder { border-bottom-color: #A39163; border-bottom-style: solid; border-bottom-width:10px; background-color:#FFFFFF; padding-bottom: 1px; padding-left: 0px; padding-right: 0px; padding-top: 0px;}
div.rinctanborder h1 {background-color: #243A52; color:#FFFFFF; text-transform:uppercase;}
div.cafblueborder { border-bottom-color: #243A52; border-bottom-style: solid; border-bottom-width:10px; background-color:#FFFFFF; padding-bottom: 1px; padding-left: 0px; padding-right: 0px; padding-top: 0px;}
div.cafblueborder h1 {background-color:#A39163 ; color:#FFFFFF; text-transform:uppercase;}
}