/* CLF 2.0 TEMPLATE VERSION 1.03 | VERSION 1.03 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
/* CHANGES TO EXISTING TBS STYLES BEGINS */
/* header */
div.banner p.main { /*Added by K Wright - Banner text too large for or institutional title.*/
	font-size: 150%;	}
p.breadcrumb{
	color:#f40;}
p.breadcrumb a{
	color: #135;}
div.left a.menulink:hover {
	color: #000;
	display:block;
	background-color: #eee;
	text-decoration:none;}
/*Left side*/
/***** Left sub menus ********/
div.left ul.nav ul.nav h2{
	font-weight:normal;
	color:#fff;
	background:#579;
	border:1px solid #fff;	}
div.left ul.nav ul.nav h2 a:link,div.left ul.nav ul.nav h2 a:visited,div.left ul.nav ul.nav h2 a:hover{
	color:#fff;
	background:#579;	}
div.left ul.nav ul.nav ul.nav li a{
	color:#000;
	background: transparent;}
div.left ul.nav ul.nav ul.nav li{
	background: #eee;
	border-bottom: 1px dotted #ddd;	}
div.left ul.nav ul.nav ul.nav li a:hover{
	color: #357;
	text-decoration:underline;}
/*****************************/
/* Left menu highlighting for active items: user is in that section */
/***********************************************************************/
div.left li.active{
	background:#357;
	color: #fff;
	border-bottom: 1px dashed #357;}
div.left li.active a{
	background:#357;
	color: #fff;}
div.left li.active a:hover{
	background:#579;
	color: #fff;}
/***********************************************************************/
/*Right side*/
.right h2.nav{
	text-align:center;
	background-color:#135;
	/*padding-bottom:24px;*/
	padding-bottom:14px;
	padding-top:1px;
	line-height:120%;
	/*background-image:url(/images/RightMenuHeader.jpg);*/
	background-image:url(/images/RightMenuHeader.gif);
	background-repeat:no-repeat;
	background-position: center bottom;
	color:#fff;}
.right h2.nav a:link, .right h2.nav a:visited, .right h2.nav a:hover {
	text-align:center;
	color:#fff;
	background:transparent;}
div.right a:link {
	color: #357;}
div.right a:hover {
	color: #579;}
div.right a:visited {
	color: #135;}
div.right .information h2.nav{
	line-height:100%;
	background: url() #135;
	text-align:left;
	padding-bottom:2px;}
/*Center content*/
div.center h2.nav{
	width: auto;
}	
div.center h2.nav a:link, div.center h2.nav a:visited{
	color:#fff;
	text-decoration:none;}
div.center h2.nav a:hover{
	text-decoration:underline;}
	
/* CHANGES TO EXISTING TBS STYLES ENDS */
/* Form used for search box on main page */
/***********************************************************************/
form.mainSearch{
	margin-bottom:10px;}
form.mainSearch h2{
	background: url(/images/h2Search.gif) #135 no-repeat left center;
	padding-left:60px;	
	margin-bottom:5px;
	font-size: 100%;
	color:#fff;
	font-weight:bold;
	line-height: 1.6em;		}
form.mainSearch input{
	margin:0px;
	padding:0px;}
/***********************************************************************/

/* Unordered list used for in focus section on main page*/
/***********************************************************************/
ul.decorated{
	padding:0px;
	margin:0px;
	padding-left:5px;	
	list-style-type: none;
	border-top: 0px;
	margin-bottom:5px;
	padding-bottom:5px;	}
ul.decorated li{
	padding:1px;
	padding-left:13px;	
	margin: 5px;
	background-image: url(/images/menuBullet.jpg);		
	background-repeat:no-repeat;
	background-position:2px 6px;
	color: #000;
	background-color: #FFF;}
/***********************************************************************/

/* style for the about fintrac image and text */
/***********************************************************************/
div.aboutFintrac{
	height:268px;
	width:392px;
	background:url(/images/homeWorld.jpg) no-repeat top center #135;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;}
div.aboutFintrac .aboutText{	
	font-size:95%;
	padding-right:5px;
	position:relative;
	top:45px;
	color:#fff;
	font-weight:bold;
	text-align:right;
	float:right;}
div.aboutFintrac a:visited, div.aboutFintrac a:link, div.aboutFintrac a:hover{
	font-weight:bold;
	color:#fff;}
/***********************************************************************/

/* use after floating elements to ensure no clipping occurs*/
/***********************************************************************/
div.clear{
	clear: both;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}
div.clearRight{
	clear: right;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}
/***********************************************************************/
.information{
	border: 1px solid #CCC;
	background-color: #FFF;
	padding:3px;}
.attention{
	border: #CCC solid 1px;
	background-color: #FFE;
	margin:0px;	
	padding: 3px;		}

/* styles div to look like ul.nav */
div.right li div.nav {
	padding:3px;
	margin:0px;
	list-style-type: none;
	border: 1px solid #ddd;
	border-top: 0px;
	margin-bottom:5px;
	padding-bottom:2px;	}
div.center h2.navRed, div.center h2.navRed a:link, div.center h2.navRed a:visited{
	font-size:100%;
	padding:1px;
	padding-left:5px;	
	margin:0px;	
	background:url() #F00;
	color:#FFF;
	font-weight:bold;}
div.center h2.navGrey, div.center h2.navGrey a:link, div.center h2.navGrey a:visited, div.right h2.navGrey, div.right h2.navGrey a:link, div.right h2.navGrey a:visited{
	font-size:100%;
	padding:1px;
	padding-left:5px;	
	margin:0px;	
	background:url() #EEE;
	color:#F00;
	font-weight:bold;}

div.center h1{
	font-size: 160%;}
div.center h2{
	font-size: 120%;}
div.center h3{
	font-size: 115%;
	font-weight:bold;}
div.center h4{
	font-size: 110%;}
div.center h5{
	font-size: 100%;
	font-weight: bold;	}
div.center h6{
	font-size: 100%;
	font-weight: bold;}
div.center h2.nav{
	background: url(/images/h2left.jpg) #135 no-repeat left center;
	padding:0px 0px 0px 0px;
	line-height:155%;
	padding-left:50px;
	/*font-size:135%;*/
	color: #fff;}

/***** Right floating menus ********/
div.floatRightMenu h2.nav, div.floatRightMenu h2.nav a:link, div.floatRightMenu h2.nav a:visited{
	padding-left:5px;
	background:url() #468;
	font-weight:bold;}
div.floatRightMenu{
	margin-left:5px;
	margin-bottom:5px;
	float:right;
	width:25%;}
div.floatRightMenu div.nav{
	border:1px solid #468;
	padding:5px;}
div.floatRightMenu ul.nav{
	border:1px solid #468;
	padding:5px;	}
div.floatRightMenu ul.nav li{
	padding-left:5px;}
/*****************************/
/* Media Player Solution Classes */
div.lcdgraph { background: url() #fff top center no-repeat; text-align: center }
div#transcript {  text-align:center;font-size :80%; margin-bottom:5px;}
* html div#transcript {  text-align:center;font-size:80%; margin-bottom:5px;}
/******************************/
/* extra/useful utility classes */
div.row {margin: 0; padding: 0; width: 98.5%; overflow: hidden;} /*container for div based column layout*/
div.col {float: left; margin: 0 3px 0 0; padding: 0;}/*"cell" in div based column layout*/	
div.cols2 {float: left; width: 49%; margin: 0 0px 0 0; padding: 0;}
div.cols3 {float: left; width: 32%; margin: 0 0px 0 0; padding: 0;}
div.cols4 {float: left; width: 24%; margin: 0 0px 0 0; padding: 0;}
.greybg {background-color:#eee;}/*light grey background for alternating rows*/
.alignMiddle{vertical-align:middle;}
.alignTextTop{vertical-align:text-top;}
.alignBlockCenter{margin: auto auto;}
.width33{width:32%}
.padding5{padding:5px 5px 5px 5px;}
.margin5{margin:5px 5px 5px 5px;}
.noPadding{padding:0px 0px 0px 0px;}
.noMargin{margin: 0px 0px 0px 0px;}
.noDeco{text-decoration:none;}
.borderBottom, table.LayoutBorders td.borderBottom, td.borderBottom{border-bottom:1px solid black;}
table{width: 98.5%}
pre, pre span { /* This definition is missing from the TBS CLF2 base stylesheets */
	font-size: 10.0pt;
	font-family: "Courier New", Courier, monospace;}
	
.listSpace li, li.listSpace{margin-top:7px;}
	

/* Carry over styles from CLF1 stylesheet */
/******************************************/
td{
	vertical-align:top;	}
hr {
	display:block;
	color: #135;
	background-color:#135;
	height: 2px;	
	width: 100%;
	margin-top: 1px;
	margin-bottom: 5px;
	border:none;}
/* Standard Tables with Borders and margins */
table.LayoutBorders{
	width:100%;
	border:#ccc solid 2px;
	border-collapse:collapse;}
table.LayoutBorders td{
	border:#ccc solid 1px;
	padding:1px 1px 1px 1px;	
	background:#eee;	
	color:#000;
	font-weight:normal;	}
table.LayoutBorders th{
	text-align:center;
	font-weight:bold;
	background:#468;
	color:#fff;
	padding:1px 1px 1px 1px;
	border:#eee solid 1px;	}
table.LayoutBorders th.LayoutBordersPlain{
	text-align:left;
	background:#eee;
	color:#000;
	font-weight:normal;
	border:#ccc solid 1px;}
table.DesignTable { 
	border: #CCC solid 1px; 
	color: #000;
	background-color: #FFF;
	vertical-align:top;
	width: 100%;	
	}
	
table.DesignTable td {
	vertical-align:top;	
	padding-left: 1px;  
	padding-right: 1px;	
	}
	
table.DesignTable th {
	border: 0px;
	font-weight: bold;
	text-align:center;
	background-color: #135;
	color: #FFF;
	padding: 1px;
	margin:0px;
	vertical-align: top;}
table.DesignTable th.DesignTablePlain{
	text-align:left;
	background:#fff;
	color:#000;
	font-weight:normal;}
/* Carryover center containers */
div.center .center{
	text-align:center;}
.AttentionText{
	color: #F00;}
#slideinterface{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(/images/sshw-mdiap/deco.gif) no-repeat;}
ul #slideshow{
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;}
ul #slideshow li{	
	background: url();
	list-style-type: none;	
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	border-bottom:1px dashed #ccc;}
/* Used the following class for layout without using table , specially in form layout */
ul.form{
	list-style:none;
	padding:0px 0px 0px 4px;
	margin:0px 0px 0px 0px;}
ul.form li{
	margin-bottom:15px;}
li.row{
	margin: 0; 
	padding: 0; 
	width: 98.5%; 
	overflow: hidden;}
li.row div.col div{
	margin-bottom:5px;}

/*---------- TBS FINANCIAL STATEMENT STYLES ------*/
table.SimpleTable th { font-weight:normal; }
.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; }
div.borderSimple { padding: 3px; }
.darkgreyBG { background-color: #666; color: #fff; }
.lightergreyBG { background-color: #eee; }
caption.darkgreyBG { padding: 3px; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width100 { width: 100%; }


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