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

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

/*.main {
	text-indent:-1000px;
	overflow:hidden;
	color:#000;
	font-size:8px;
}
.siteuri {
	text-indent:-1000px;
	overflow:hidden;
	color:#000;
	font-size:8px;
}*/
a img {border:none;}
.right {float:right;}
.textRight {text-align:right;}
.main {
	height:26px;
}
.siteuri {
	height:14px;
}
p.breadcrumb a {
	color:#a10;
}
div.banner object {
	margin:0px;
	padding:0;
}
div.banner {

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

/* HOME CSS BEGINS | DEBUT DU CSS ACCUEIL */

div#featVideo {	
	height:31px;
	width:195px;
}
div#featVideo h2 {	
	color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13pt; text-transform:uppercase; text-align:center; font-weight:bold; padding:3px 0 0 0;
}
div.featVideoE {background:url(../images/bil/featuredVideos.gif) 0 0 no-repeat;}
div.featVideoF {background:url(../images/bil/featuredVideos.gif) 0 0 no-repeat;}


div.right h2 {
	
	font-size:8pt;
	margin:0;
	padding:0;
}
div#video {
	height:255px;
	background-color:#d9d9d9;
	/*background:url(../images/bil/flashVideo.jpg) 0 0 no-repeat;*/
	text-align:center;
}
div#video img {
	padding-top:20px;
}
div#video p {
	margin:0;
	padding:8px 18px;
	font-size:11px;
	line-height:15px;
}
div#video p a {
	color:#700;
}
div#video p a:hover {
	text-decoration:none;
}
div#learnMore {
	margin-top:6px;
}
div#learnMoreE a{
	background:url(../images/eng/learnMore.gif) 0 0 no-repeat;
	width:195px;
	height:76px;
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	position:relative;
}
div#learnMoreF a{
	background:url(../images/fra/learnMore.gif) 0 0 no-repeat;
	width:195px;
	height:76px;
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	position:relative;
}
div#learnMoreE a:hover, div#learnMoreF a:hover{
	background-position:0 -76px;
}

div#city {
	margin-top:6px;
}
div#cityE a{
margin-top:6px;
	background:url(../images/thecity-tunnel195-eng.gif) 0 0 no-repeat;
	width:195px;
	height:76px;
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	position:relative;
}
div#cityF a{
margin-top:6px;
	background:url(../images/thecity-tunnel195-fra.gif) 0 0 no-repeat;
	width:195px;
	height:76px;
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	position:relative;
}
div#cityE a:hover, div#cityF a:hover{
	
}

div#mainHeader {
	height:181px;
	width:405px;
	background:url(../images/bil/mainHeader.gif) 0 0 no-repeat;
}
div#mainHeader h1 {
	padding:15px 20px 0 25px;
	text-align:left;
	font-size:17pt;
	line-height:18pt;
	margin:0;
	width:auto;
	color:#ffc103;
}
div#mainHeader div#mainHeaderTitle {
	height:76px;
}
div#mainHeader h1 span.frenchH1 {
	font-size:13pt;
	line-height:14pt;
	letter-spacing:-1px;
}
div#mainHeader p {
	font-size:12px;
	line-height:16px;
	margin:0;
	padding:15px 35px 0 25px;
}
div#feature {
	/*background:url(../images/bil/featureFPO.gif) 0 0 no-repeat;*/
	/*width:405px;
	height:97px;*/
	overflow:hidden;
	padding-top:14px;
}
div.featureE {background:url(../images/eng/feature.gif) top left no-repeat;}
div.featureF {background:url(../images/fra/feature.gif) top left no-repeat;}
div#theCityF a, div#theCityE a {
	width:405px;
	height:158px;
	display:block;
	text-indent:-1200px;
	overflow:hidden;
	font-size:8px;
}
div#theCityE a {
	background:url(../images/eng/theCity.jpg) 0 0 no-repeat;
		
}
div#theCityF a {
	background:url(../images/fra/theCity.jpg) 0 0 no-repeat;
}
div#financialBasics {
	/*background:url(../images/bil/featureFPO.gif) 0 0 no-repeat;*/
	/*width:405px;
	height:97px;*/
	overflow:hidden;
	padding-top:5px;
}
span.frenchH1 {
	font-size:12pt;
	line-height:12pt;
}
/*HOME CSS ENDS | FIN DU CSS ACCUEIL */

/* QUIZ CSS BEGINS | DEBUT DU QUIZ CSS */
p#quiz a {
	/*display:block;*/
	color:#a10;
	background:url(../images/bil/arrowQuiz.gif) 13px 2px no-repeat;
	line-height:16pt;
	text-decoration:none;
	padding:0 0 0 32px;
}
p#quiz a:hover {
	color:#300;
}
div.greyBox {background-color:#eee;}
div.greyBox p {padding:0;margin:8px 0;}
div.greyGraphic {float:left; width:40px;padding-top:3px;text-align:center;}
div.greyAnswer {margin-left:40px;padding-top:6px;padding-bottom:6px;}
/* QUIZ CSS ENDS | FIN DU QUIZ CSS */

/* POLL CSS BEGINS | DEBUT DU CSS DES SONDAGES */
div#currentPoll {	
	height:31px;
	width:195px;
}
div.currentPollE {background:url(../images/eng/currentPoll.jpg) 0 0 no-repeat;}
div.currentPollF {background:url(../images/fra/currentPoll.jpg) 0 0 no-repeat;}
div.poll {
	background:url(../images/bil/poll.jpg) bottom left no-repeat;
	background-color:#5b5b5b;
	color:#fff;
	padding:5px 8px 5px 8px;
	margin-bottom:6px;
	font-size:8pt;	
	font-weight:bold;
}
div.poll a,div#poll1 a, div#poll2 a {
	display:block;
	color:#fff;
	background:url(../images/bil/arrowPoll.gif) 13px 2px no-repeat;
	text-decoration:none;
	padding:0 0 0 32px;
	margin:5px 0 0 0;
}
div.poll p {
	margin:0;
}
div.poll a:hover {
	color:#fc0;
}
div.center h2.archiveHeader {margin-top:25px;}
div.poll h2.archiveHeader {
	margin-top:5px;
	color:#fc0;
}
div.poll h4 {
	margin: 0.2em 0 0.2em 0;
	color:#fc0;
}
div.center div.poll {
	margin-top:30px;
}
div#pollDone {padding-top:10px;padding-bottom:5px;color:#fc0;}
div#pollDone a {color:#fc0;}
/* POLL CSS ENDS | FIN DU CSS DES SONDAGES */

/* SEARCH CSS STARTS | DEBUT DU CSS DE RECHERCHE*/

.search-form {
	background-color: #eee; 
	padding: 8px 10px 10px 10px; 
	margin:0;
}
.search-form form {
	margin:0;
	padding:0;
}
.highlight-yellow { 
	background-color: #fff; 
	padding:4px;	
	margin:0;
	font-weight:bold;
}
.searchDate {
	font-style:italic;
	font-size:8pt;
	color:#555;
}
.search-form p select, .search-form p input, .search-form div input {
	border:1px solid #555;
}
/* SEARCH CSS END | FIN DU CSS DE RECHERCHE */


#yellowBox {
	background:url(../images/bil/yellowBox.jpg) top center no-repeat;
	background-color:#ffe549;
	width:338px;
	margin:auto;
	margin-top:0;
	margin-bottom:0;
	padding-top:12px;
	padding-bottom:12px;
}
#yellowBox p {
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
	margin:6px 0;
	font-style:italic;
}
/* TOOL CSS BEGINS | Début DU CSS DES OUTILS */
p#fade {
	padding: 12px 8px;
	background-color:#e6e6e6;
	margin-bottom:10px;
}
form#features {
	width:530px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
div.floatLeft {
	float:left;
	text-align:left;
	width:295px;
	font-weight:bold;
	color:#a10;
}
div.floatLeft div.blackNote p, div.floatRight div.blackNote p {
	font-size:10px;
	color:#000;
	font-weight:normal;
	margin:4px 0;
}
form#features br {
    font-size:18px;
}
div.floatRight {
	float:right;
	text-align:left;
	width:220px;
}
div.helpBox, div.helpBoxRight {
	position:absolute;
	height:16px;
	width:16px;
	display:inline;
	z-index:9008;
}
div.helpBoxRight {
	position:relative;
	float:right;
}
div.toolTipArrow, div.toolTipArrowRight {
	position:absolute;
	right:8px;
	top:16px;
	display:none;
}
div.toolTipArrowRight {
	top:8px;
	right:16px;
}
div.toolTip, div.toolTipRight {
	position:absolute;
	right:0px; 
	top:38px;
	display:none;
	width:310px;
	padding:4px 8px;
	border:2px solid #bbc;
	background-color:#fff;
	font-size:11px;
	color:#555;
	font-weight:normal;
}
div.toolTip p, div.toolTipRight p {
	padding:4px 0;
	margin:0;
}
div.toolTipRight {
	right:191px;
	top:24px;
}
span.notBold {
	font-weight:normal;
}
p.alignCenter, div.alignCenter {
	text-align:center;
}
div#help1 {display:none;}div#help2 {display:none;}div#help3{display:none;}div#help4{display:none;}div#help5{display:none;}div#help6{display:none;}div#help7{display:none;}div#help8{display:none;}
p.toolError {
	color:#f00;
	text-align:center;
	/*font-size:12pt;*/
	font-weight:bold;
}
/* TOOL CSS END | FIN DU CSS DES OUTILS */

/* TOOL RESULTS CSS BEGINS | Début DU CSS DES Résultats des outils interactifs */
table#toolResults td {	
	padding:8px 4px 4px 4px;
	font-size:11px;	
	border-right:1px solid #ccc;
	border-bottom:3px solid #000;
	background-color:#fff;
}
table#toolResults {
	font-size:11px;
}
table#toolResults th {
	background-color:#000;
	font-size:12px;
	color:#fc1;
	padding:8px 4px 0px 4px;
	border-right:1px solid #ccc;
}
table#toolResults td.subHead {
	background-color:#000;
	color:#fc1;
	padding:2px 0 2px 0;
	text-align:center;
}
table#toolResults a {
	font-weight:bold;
	color:#000;
	text-decoration:underline;
}
table#toolResults a:hover {
	text-decoration:none;
}
table#toolResults th.lastColumn, #toolResults td#lastColumn  {border-right:1px solid #000;}
table#toolResults th.firstColumn {border-left:1px solid #000;}
table#toolResults td.columnSelected {
	font-weight:bold;
	background-color:#d61;
	text-align:center;
}
table#toolResults td.toolLightOrange {background-color:#fc1;color:#000;border-left:1px solid #000;}
table#toolResults td.toolLighterOrange {background-color:#fe8;border-left:1px solid #000;}
table#toolResults td.toolWhite {background-color:#fff;text-align:center;}
table#toolResults td.toolGrey {background-color:#eee;text-align:center;}
table#toolResults td.toolWhiteLast {background-color:#fff;border-right:1px solid #000;text-align:center;}
table#toolResults td.toolGreyLast {background-color:#eee;border-right:1px solid #000;text-align:center;}
input#toolView {
	background-color:#d61;
	border:1px solid #d61;
	font-weight:bold;
	color:#fff;
	padding:0;
}
td.footnotesId {background-color:#eee;}
td.footnotes, td.footnotesId {font-size:11px;}

#help1 a:hover {
	text-indent:-900px;
}
table.TableResult th.THResultIssuer {
	border-bottom:3px solid #000;
	border-right:1px solid #eee;
	background-color:#fc1;
	color:#000;
	font-size:12px;
	padding:4px;
	text-align:center;
}
table.TableResult th.THResultIssuer a, table.TableResult th.THResultIssuerTopBlack a {
	color:#000;
	text-decoration:none;
}
table.TableResult th.THResultIssuer a:hover, table.TableResult th.THResultIssuerTopBlack a:hover {text-decoration:underline;}
table.TableResult th.THResultIssuerTopBlack {
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	border-right:1px solid #eee;
	background-color:#fc1;
	color:#000;
	font-size:12px;
	padding:4px;
	text-align:center;
}
table.TableResult th.THResult {
	border-bottom:3px solid #000;
	border-right:1px solid #eee;
	/*border-left:1px solid #000;*/
	background-color:#fe8;
	color:#000;
	font-size:12px;
	padding:4px;
	text-align:center;
}
table.TableResult th.THResultAlt {
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	background-color:#000;
	font-size:12px;
	color:#fc1;
	padding:4px;
	text-align:left;
}
table.TableResult th.THResultAltTopBlack {
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	border-top:3px solid #000;
	background-color:#000;
	font-size:12px;
	color:#fc1;
	padding:4px;
	text-align:left;
}
table.TableResult th.THResultAltBlack {
	border-bottom:3px solid #000;
	border-right:1px solid #eee;
	background-color:#000;
	font-size:12px;
	color:#fc1;
	padding:4px;
	text-align:left;
}
table.TableResult td.TDresulTable {
	font-size:11px;	
	border-right:1px solid #ccc;
	border-bottom:3px solid #000;
	background-color:#fff;
	text-align:center;
}
table.TableResult td.TDresulTable2 {
	font-size:11px;	
	border-right:1px solid #ccc;
	border-bottom:3px solid #000;
	background-color:#eee;
	text-align:center;
}
		
/* TOOL RESULTS CSS END | FIN DU CSS DES Résultats des outils interactifs */

/* ON THE SHELF CSS BEGINS | Début du CSS de Sur Les Tablettes */
ol.onTheShelf li{
	margin:8px 0;
}
img.onTheShelfImg {
	margin-left:5px;
	margin-bottom:5px;
	float:right;
}
/* ON THE SHELF CSS ENDS | Fin du CSS de Sur Les Tablettes */
img.alignLeft {
	float:left;
}
a img {
	border:none;
}

/* Financial Basics Styles*/

div#featVideo-fb {	
	height:31px;
	width:195px;
}
div#featVideo-fb h2 {	
	color:#fff; font-family:"Helvetica", Verdana, Arial, Helvetica, sans-serif; font-size:14pt; text-align:center; font-weight:bold; padding:3px 0 0 0;
}
div.featVideo-fbE {background:url(../images/bil/featuredVideos-fb.gif) 0 0 no-repeat;}
div.featVideo-fbF {background:url(../images/bil/featuredVideos-fb.gif) 0 0 no-repeat;}


div#video-fb {
	height:145px;
	
	border-right:solid 2px #47ae3b;
	border-left:solid 2px #47ae3b;
	border-bottom:solid 2px #47ae3b;
	text-align:center;
}
div#video-fb img {
	padding-top:10px;
}
div#video-fb p {
	margin:0;
	padding:2px 8px;
	font-size:11px;
	line-height:15px;
}


div#testimonials-fb {
margin-top:5px;	
	height:31px;
	width:195px;
}
div#testimonials-fb h2 {	
	color:#fff; font-family:"Helvetica", Verdana, Arial, Helvetica, sans-serif; font-size:14pt; text-align:center; font-weight:bold; padding:3px 0 0 0;
}
div.testimonials-fbE {background:url(../images/bil/testimonials-fb.gif) 0 0 no-repeat;}
div.testimonials-fbF {background:url(../images/bil/testimonials-fb.gif) 0 0 no-repeat;}


div#testimonial-fb {
	height:190px;
	border-right:solid 2px #f1995c;
	border-left:solid 2px #f1995c;
	border-bottom:solid 2px #f1995c;
	text-align:left;
}

div#testimonial-fb p {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#ed7726;
	padding:12px 10px 8px 10px;
	font-size:12px;
	line-height:16px;
}

div#dyk-fb {
background-color:#fff3cd;
	height:190px;
	border-right:solid 2px #f1995c;
	border-left:solid 2px #f1995c;
	border-bottom:solid 2px #f1995c;
	text-align:left;
}

div#dyk-fb p {
margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; 
	padding:12px 8px 8px 10px;
	font-size:12px;
	line-height:16px;
}
div#dyk-fb p span.orange {
color:#ed7726;
}
 span.small-fb {
 color:#000000;
font-weight:normal;
font-size:8px;
	line-height:10px;
	
}
 span.small-fb a {
color:#ed7726;
font-weight:normal;
font-size:9px;
}
div#fb h2 {color:#51b848;

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13pt; font-weight:bold}
div#fb p span.green {
color:#51b848;
}

div#fb a {/*color:#51b848;*/
color:#ed7726;
}

/*Added by Ali - Required for the Request fro Workshop Kit */
img.alignLeft {
	float:left;
}
a img {
	border:none;
}
.formRow
{
	padding: 0px;
	margin: 0px 0px 5px 0px;
	height: 25px;
	width: 100%;
	clear: both;
}

.formDoubleRow
{
padding: 0px; margin: 0px 0px 10px 0px; height:40px; width:100%; clear:both; 
}

.formLblDiv
{
width: 30%; float: left; clear: left;
}
.formInputDiv
{
width: 70%; float: right; clear: right;
}
.formLbl
{
font-weight: bold;
}