/***********************/
/*** GENERAL STYLES ***/
/***********************/
/*** Body ***/
body, .contentBody, td{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px; 
  font-family:  Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
  color:#3B342A;  
}
.contentBody{
  line-height: 1.3;
  font-size: 83%;
}
body{
  background-color: #ffffff;
}
/*** H1 Header ***/
.header1{
  font-family: "Hoefler Text", "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;
  font-size: 2em;
  text-align: center;
  font-weight: bold;
/*  color: #3B342A; */
  color: #3E4661;
  margin-top: 35px;
  margin-bottom: 25px;
}

.header2, .header3, .header4{
  margin-left: -10px;
  margin-right: 0px;
  margin-bottom: 10px;
  font-family: "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; 
}

/*** H2 Header ***/
.header2 {
  font-size: 1.55em;  
  font-weight: bold;
  color: #255A99; 
  margin-top: 30px;
}

/*** H3 Header ***/
.header3 { 
  font-size: 1.35em;
  color: #3388BD;
  margin-top: 20px;
}

/*** H4 Header ***/
.header4 { 
  font-size: 1.1em;
  font-weight: bold;
  margin-top: 10px;
}

/*** H5 Header ***/
.header5 { 
  font-size: 1em;
  font-weight: bold;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}

/*** Links ***/
a:link , a:active, a:visited, a:hover{
/*  color: #298103;*/
/*  color: #5189E5; */
  color: #286AC9;
}
a:link , a:active, a:visited {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/*** Images ***/
img {
  border: 0px;
}

/*** Generic ***/
.boldStyle { 
  font-weight: bold;
}
.smallText{
  font-size: 0.8em;
}
.bigText{
  font-family: "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; 
  font-size: 1.3em;
}
.emphasized{
  font-family: "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; 
  font-size: 1.1em;
  font-weight: bold;
  color: #3388BD; 
}
.listItemWithMargin{
  padding-top: 5px;
  padding-bottom: 5px;
}

/**************************/
/***** PAGE CONTENT *****/
/**************************/
/* Content zone with banner and tree ads */
.contentZone{ 
  padding-left: 187px;
  padding-top: 98px;
}
/* Content text: actual text of the page */
.contentText{ 
	padding: 20px 15px 7px 20px;
}

/* Citation on top of page */
.citationTop{
  text-align: justify; 
  padding: 10px 30px 20px 30px; 
  font-style:italic; 
}

/* See also text */
.seeAlso{
  font-weight: bold;
}

/* Top of page image */
.topPageBlock{
  float: right;
  margin-top: 15px;
  text-align:center;
  margin-right: 10px;
}
.topPageTextLink{
  font-size: 0.8em;
}

/* Style used to enclose a centered block when an ad is displayed on the right */
.centeredBlockContainer{
  padding-right: 163px;
}
.bigLink {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #742C18;
  font-weight: bold;
  color: #3333FF; text-decoration: none;
}

/* Floating images (used in trader page) */
/* Use margin and not padding which is not understood by OpenOffice (PDF generation) */
.floatingImgLeft{
	margin: 0px 15px 15px 0px;
	float: left;
}
.floatingImgRight{
	float: right;
  margin: 0px 0px 15px 15px;
}

/* Bullets in pages (used in home page) */
.bullet{ 
  float: left;
  margin-right: 10px;
  vertical-align: middle;
}

/* Styles to display the site name */
.fiPart, .marketsPart, .comPart{
 font-weight: bold; 
}
.fiPart{
  color: #EF4607;
}
.marketsPart{
  color: #742C18;
}
.comPart{
  color:#8F907A;
}

/* Author in page content */
.authorBlock{
  margin-left: 25px;
}
.authorHeader{
}
.authorName{
  font-weight: bold;
}

/**************/
/*** TABLES ***/
/**************/
.fmTable, .fmTableCentered, .fmTableWithMargin{
  border-collapse:collapse;
}
.fmTableCentered, .fmTableWithMargin{
  margin-left: auto;
  margin-right: auto;
}
.fmTableWithMargin{
  width: 90%;
}
/* Warning: fmCellNoBorder should not be used in pages included in the PDF book because all tables with CSS class fmTable are assigned a border */
.fmCellFirstRow, .fmCell, .fmCellCentered, .fmCellRight, .fmCellNoBorder, .fmCellGray{
	margin: 0px;
	padding: 5px;
}
.fmCellFirstRow, .fmCell, .fmCellCentered, .fmCellRight, .fmCellGray{
	border: 1px solid #742C18;
	border-collapse:collapse;
}
.fmCellFirstRow{
  font-weight: bold;
  background-color: #DDCAB6;
  text-align:center;
}
.fmCell{
}
.fmCellCentered{
  text-align: center;
}
.fmCellRight{
  text-align: right;
}
.fmCellGray{
	background-color: #AAAAAA;
}

/*******************/
/*** TOP OF PAGE ***/
/*******************/
/* Page header bar ((background and fixed width) */
.pageHeaderBar, .pageHeaderBarFixedWidth{
	position: absolute;
	left: 0px;
	top: 0px;
}
.pageHeaderBar{
	width:100%;
	height:98px;
	background-color: white; 
}
.pageHeaderBarFixedWidth{
	height: 98px; 
	background-color: white;
}
/* Tabs block */
.tabsBlock{
	position:absolute;
	top:0px; 
	left: 200px;
	height:93px;
}
/* Block containing the image of the tabs */
/* Width can depend on languagen therefore it is not specified */
.tabsImageBlock{
	position:absolute; 
	left:0px; 
	top:30px; 
	z-index:2;
}
/* Block containing the image of the theme of the current tab (on the right) */
.tabsThemeImageBlock{
	position:absolute;
	left:670px;
	top:24px;
	width:322px; 
	height:33px;
	z-index:2;
}
/* Block containing the header background image */
.headerBackgroundImage{
	position:absolute; 
	left:250px;
	top:57px; 
	width:295px;
	height:26px; 
	z-index:1
}
/* Title of page displayed in header */
.headerTitle {
 position:absolute;
 left:455px;
 top:61px;
 width:285px;
 height:26px;
 z-index:10;
 font-size: 1.05em; 
 text-align: center; 
 font-weight: bold; 
 color: #3B342A; 
}

/***********************/
/*** TOPLEFT OF PAGE ***/
/***********************/
.leftCornerBlock{
	position:absolute;
	left:0px;
	top:56px;
}
/* Logo on top left */
.logoTopLeft{
  position:absolute; 
  left: 0px; 
  top: 0px; 
  z-index: 10; 
  margin-left: 20px; 
}

/****************/
/*** TOOLBAR ***/
/****************/
.disabledButtonText{
	color: #85a1c9;
}
.disabledButtonImage{
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}
.pageToolbar{
	margin-top: 3px;
  text-align: center;
  margin-right: 3px;
  font-size: 0.9em;
}
.toolbarButtonGroup{
  text-align: left;
  height: 47px;
	border: 1px solid #255A99;
	margin-right: 2px;		/* Needed by IE to separate groups */
	padding: 5px 0px 3px 6px;
	display: inline-block;    /* Displays a block but with inline display. Allows for border around content */
	_overflow: hidden; zoom: 1; *display: inline;   /* For IE 6-7, from http://aaronrussell.co.uk/legacy/cross-browser-support-for-inline-block/ */
}

.toolbarButtonLine{
	margin-top: 0px;
}
.toolbarHButton{
	display: inline;
	padding-right : 5px;
}
.toolbarHButtonImage{
	/* vertical-align: middle; */   /* Not used because image will be shifted to the bottom and the whole block will not be aligned */
}
.toolbarHButtonLink{
  padding-left: 3px;
  vertical-align: super;   /* To display text higher, which gives the impression that it is aligned with the buttons */
}
.toolbarHButtonLink, a.toolbarHButtonLink:link, a.toolbarHButtonLink:active, a.toolbarHButtonLink:visited{
  text-decoration: none; 
}
a.toolbarHButtonLink:hover{
  text-decoration: underline; 
}

.toolbarVButtonBlock{
  height: 58px;
	position: relative;
	margin-top: 0px;
	vertical-align: top;
	margin-right: 2px;		/* Needed by IE to separate groups */
	padding: 0px;
	height: 68px;
/*	width: 50px;*/
	display: inline-block;    /* Displays a block but with inline display. Allows for border around content */
	_overflow: hidden; zoom: 1; *display: inline;   /* For IE 6-7, from http://aaronrussell.co.uk/legacy/cross-browser-support-for-inline-block/ */
  text-align: center;
}
.toolbarVButton{
	display: inline-block;    /* Displays a block but with inline display. Allows for border around content */
	_overflow: hidden; zoom: 1; *display: inline;   /* For IE 6-7, from http://aaronrussell.co.uk/legacy/cross-browser-support-for-inline-block/ */
	padding: 0px;
}
.toolbarVButtonImage{
  margin-bottom: 2px;
	padding: 0px;
}
.toolbarVButtonLink{
	line-height: 1.15em;
}
.toolbarVButtonLink, a.toolbarVButtonLink:link, a.toolbarVButtonLink:active, a.toolbarVButtonLink:visited{
  text-decoration: none; 
}
a.toolbarVButtonLink:hover{
  text-decoration: underline; 
}

/********************************/
/*** GENERAL TOOLBAR (on top) ***/
/********************************/
/* General toolbar block (disconnect + search form + help button) */
.genToolbar{
  position: absolute; 
  top: 2px;
  right: 3px;
	text-align: right;
  font-size: 0.9em;
  z-index: 3;
}
.genToolbarHButton{
	display: inline;
	padding-right: 5px;
	margin-left: 25px;
}
.genToolbarSearchForm{
	display: inline;
}
.genToolbarLoggedUser, .genToolbarSearchHeader, .genToolbarSearchField{
  display: inline;
  padding-left: 2px;
  vertical-align: super;   /* To display text higher, which gives the impression that it is aligned with the buttons */
}
.genToolbarSearchButton{
}
.genToolbarLoggedUser, .genToolbarSearchHeader{
	font-weight: bold;
}
.genToolbarSearchField{
 font-size: 0.9em; 
}

/**************/
/*** NOTES ***/
/**************/
.noteLink, a.noteLink:link, a.noteLink:active, a.noteLink:visited, a.noteLink:hover{ 
  text-decoration: none;
  font-style: italic;
}
.noteLink, a.noteLink:link, a.noteLink:active, a.noteLink:visited{
  border-bottom: 2px #286AC9 dotted;
}
a.noteLink:hover{
  text-decoration: none;
  border-bottom: none;
}

.note {
 position: absolute;
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px;
 width: 300px;
 padding: 3px 3px 3px 6px;
 margin: 0px;
 border: 1px solid #742C18;
 background-color: #CAE1FF;
 visibility: hidden;
}

/********************/
/*** ADVERTISEMENT ***/
/********************/
/* Statement text displayed above a banner of an ad (e.g. 'Advertisement' or 'Partner') */
.adStatementText{ 
  font-size: 11px; 
  color: #808080;
}

/*******************/
/*** PAGE BANNER ***/
/*******************/
/* Block containing a top page banner */
.pageBanner_top, .pageBanner_bottom{
  text-align: center; 
  padding-top: 10px;
}

/********************/
/*** TREE ADS ***/
/********************/
/* Global block for tree ads on the right, with and without banner */
.treeAdBlock_right, .treeAdBlockWithBanner_right{
	float:right; 
	width: 163px; 
}
.treeAdBlock_right{
	margin-top: 0px;
}
.treeAdBlockWithBanner_right{
	margin-top: 10px;
}
/* List of tree ads on the left or on the right of the pages */
.treeAdList_left, .treeAdList_right{
  border:1px solid #742C18;
  padding: 4px 4px 4px 4px;
  background-color: white;
}
.treeAdList_left{
  margin: 12px 1px 0px 12px;
  width: 148px;
}
.treeAdList_right{
  margin: 0px 1px 12px 20px;
  width: 128px;
}
/* Logo within the ad */
.treeAdLogo{ 
  margin-top:7px;
  margin-bottom: 4px;
  text-align:center;
}
/* Link which redirects to the advertiser's site within the ad */
.treeAdLink{ 
  font-size: 10px; 
  text-align: center;
  margin: 0px;
  padding-bottom: 5px;
}
/* Block which encloses the top image of the ad block on the right, with and without banner */
.treeAdTopImageBlock_right{
	position:absolute; 
	right:0px; 
	top:56px; 
	z-index: 1; 
	width:163px; 
	height:42px
}
.treeAdTopImageBlockWithBanner_right{
}
/* Block which encloses the bottom image of the ad block on the right */
.treeAdBottomImageBlock_right{
  background-color: white;   /* needed by IE 6-7-8 else a non-desired background pattern appears */
}

/****************/
/*** ADSENSE ***/
/****************/
.adsense_top{
  margin-bottom: 4px;
  text-align: center;
}
.adsense_bottom{
  margin-top: 4px;
  text-align: center;
}

/********************************/
/*** PARTNER ZONES IN PAGES ***/
/********************************/
/*** Partner header zones (on top of page content) ***/
.partnerTopZone{
  padding-top: 5px;
  padding-bottom: 5px;
}
.partnerTopZoneLeft{
  display: block;
  float: left; 
  width: 324px; 
}
.partnerTopZoneRight{
  display: block;
  margin-left:335px;
}
/* Merge both zones */
.partnerTopZoneLeftRight{
  display: block;
}

.pageToc{
  margin: 0px;
  padding: 0px;
}
.partnerTopText{
  padding-bottom:5px;
}
.partnerTopLogo{
}
.partnerBlockAfter{
  clear: left;
}

/*** Partner footer zones (on bottom of page content) ***/
.partnerBottomText, .partnerBottomImage{
  text-align: center;
}

/************************/
/*** RSS (news pages) ***/
/************************/
.rssList{
  margin-left:7px;
	padding-left:7px;
	margin-bottom: 0px;
}
.rssListItem{
  margin-bottom: 5px;
}
.rssTitle{
}
.rssDescription{
}
.rssPubDate{
 color:#666666;
 font-size: 0.8em;
}

/**************************************/
/*** CREATION AND LAST UPDATE DATES, SOCIAL NETWORKS ***/
/**************************************/
.pagesDatesFooter{
	margin-top: 20px;
	margin-bottom: 10px;
}
.pagesDates{
	display: inline;
	color: #777777;
	margin-right: 50px;
	vertical-align: top;
}
.socialNetworkToolbarLine{
	display: inline;
}

/*****************************************/
/*** VIEW/ADD COMMENT INVITE IN FOOTER ***/
/*****************************************/
.commentsFooter{
	background-color: #E9EEFF;
	width: 270px;
	font-size: 1.2em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	margin-top: 10px;
}
.commentsFooterLink, a.commentsFooterLink:link, a.commentsFooterLink:active, a.commentsFooterLink:visited{
	text-decoration: none;
}
a.commentsFooterLink:hover{
  text-decoration: underline;
}
.commentsIntroFooter{
  font-style:italic; 
	margin-left: auto;
	margin-right: auto;
	width: 450px;
	text-align: center;
	margin-top: 20px;
}

/*******************/
/*** PAGE FOOTER ***/
/*******************/
/*** Writer (author/translator) full credits ***/
.writerBlock{
  margin-left: auto;
  margin-right: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #742C18;
	width: 400px;			/* Default width - can be redefined for each writer */
}
.writerHeader, .writerImageTextBlock{
  background-color: #ffffff;
  text-align: center;
  padding: 3px;
}
.writerText, .writerImage{
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}
/* Specific classes for writers (this is the place to redefine the width of the block) */
.valdereWriterBlock{
}
.offshoreWriterBlock{
}

/*** The footer itself ***/
.footerSection{
  margin: 20px 0px 5px 0px;
  width:100%; 
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #742C18;
  padding-top:3px;
  clear: both;
}
.footerLeft, .footerMiddle, .footerRight{
  font-size: 0.8em;
  margin-top: 6px;
  display: inline;
  margin-left: 3px;
}
.footerLeft{
}
.footerMiddle{
  text-align: center;
  margin-left: 50px;
}
.footerRight{
  padding: 0px;
  margin-top: 2px;
  margin-left: 50px;
  vertical-align: middle;
}