/* Smart Publishing CSS, by Marc Pelchat, January 2007 */
/* =================================================== */





/* top of page marker (article-model) */
div.top {
  clear: both;
  float: right;
  padding-top: 0.5em;
  padding-bottom: 0em;
}


/* Publication title and reference period */

  div.by {
    margin-top: -1em;
  }

/* Headings */
  h1  {
    font-size: 160%;
   
  }

  h2  {
    font-size: 140%;
  }

  h3  {
    font-size: 120%;

  }

  h4  {
    font-size: 100%;
  }

  div.h1  {
    font-size: 160%;
    margin-top: 0;
  }

  div.tablesection h1.tableNo {
    float: left;
    padding:0; 
    margin:0;
    width: 75%;
  }

 div.fullpage div.tablesection h1.tableNo {
    float: left;
    padding:0; 
    margin:0;
    width: 40%;
  }


  div.tablesection div.table_toc_buttons {
    float: right;
    width: 20%;
    margin-bottom: 10px;
  }


  div.fullpage div.tablesection .table_toc_buttons {
    float: right;
    width: 55%;
    margin-bottom: 10px;
  }

  form {
    vertical-align:top; 
    padding:0 0 0 1em;
  }




/* LISTS... */

  /* items in two-column list */

  div.list2-5 div.list2grp div.item1 {
  	float:left;
    width:5%;
  }

  div.list2-5 div.list2grp div.item2 {
    float:left;
    width:93%;
  }

  div.list2-10 div.list2grp div.item1 {
    float:left;
    width:10%;
  }

  div.list2-10 div.list2grp div.item2 {
    float:left;
    width:88%;
  }

  div.list2-15 div.list2grp div.item1 {
    float:left;
    width:15%;
  }

  div.list2-15 div.list2grp div.item2 {
    float:left;
    width:83%;
  }

  div.list2-20 div.list2grp div.item1 {
    float:left;
    width:20%;
  }

  div.list2-20 div.list2grp div.item2 {
    float:left;
    width:78%;
  }

  div.list2-25 div.list2grp div.item1 {
    float:left;
    width:25%;
  }

  div.list2-25 div.list2grp div.item2 {
    float:left;
    width:73%;
  }

  div.list2-30 div.list2grp div.item1 {
    float:left;
    width:30%;
  }

  div.list2-30 div.list2grp div.item2 {
    float:left;
    width:68%;
  }

  div.list2-35 div.list2grp div.item1 {
    float:left;
    width:35%;
  }

  div.list2-35 div.list2grp div.item2 {
    float:left;
    width:63%;
  }

  div.list2-40 div.list2grp div.item1 {
    float:left;
    width:40%;
  }

  div.list2-40 div.list2grp div.item2 {
    float:left;
    width:58%;
  }

  div.list2-45 div.list2grp div.item1 {
    float:left;
    width:45%;
  }

  div.list2-45 div.list2grp div.item2 {
    float:left;
    width:53%;
  }

  div.list2-50 div.list2grp div.item1 {
    float:left;
    width:49%;
  }

  div.list2-50 div.list2grp div.item2 {
    float:left;
    width:49%;
  }


  div.list2-5,
  div.list2-10,
  div.list2-15,
  div.list2-20,
  div.list2-25,
  div.list2-30,
  div.list2-35,
  div.list2-40,
  div.list2-45,
  div.list2-50 {
    clear: both;
    padding-left: 10px;
    padding-top: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
  }


  div.list2grp {
    clear: both;
  }




  /* items in single-column list */
  
  ol.toc {
    list-style-type:none;
    margin-left: 10px;
    padding-left: 0;
    margin-top: 0;
    padding-top: 0;
  }

  ol.toc li {
    margin-left: 0;
    padding-left: 0;
  }

  ol.none {
  	list-style-type:none;
  }

  ol.bullet {
    list-style-type:disc;
  }

  ol.alpha {
    list-style-type:lower-alpha;
  }

  ol.roman {
    list-style-type:lower-roman;
  }

  ol.arabic {
    list-style-type:decimal;
  }

  ol.dash {
    list-style-type:square;
  }


/* in-line elements... */

  span.hp1 {
    font-style: italic;
  }

  span.hp2 {
    font-weight:bold;
  }

  span.hp3 {
    font-style: italic;
    font-weight:bold;
  }

  span.pubt {
    font-style: italic;
  }

/* FLOATS */

  /* Box */

  div.border {
     border:1px solid #bbb;
  }

  div.noborder {
     border:0px solid #bbb;
     padding:10em 0 0 0;
  }

  div.box {
    clear: both;
    margin:0 1em 1em 1em;
    padding:0 1em 0.25em 1em;
  }

  div.box h2 {
    margin:1em 0 0 0;
    font-size:120%;
    font-weight:bold;
  }

  /* Images... */

  div.image {
    clear: both;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }

  div.imageNo {
    font-weight: bold;
  }

  div.imageT {
    font-weight: bold;
  }


  /* Photos.. */

  div.photo {
    clear: both;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }

 /*
  div.caption {
    font-weight: bold;
  }
  */
  
  div.photocaption {
  	margin-left:10px;
  }

  div.credit {
  	margin-left:10px;
    font-size: 80%;
  }



  /* Charts... */

  div.chart {
    clear: both;
    margin-left:10px;
    background: url(/Images/htmlpubs/charts.gif) no-repeat;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }


  div.chart_image  {
    clear: both;
  }

  div.chartNo {
    margin-left: 50px;
    font-weight: bold;
  }

  div.chartTitle {
    margin-left: 50px;
    font-weight: bold;
  }

 

  div.chartfoot  {
    margin-top: 0;
    padding-bottom: 1.5em;
  }

  div.chartftOtherFt,
  div.chartftItem,
  div.chartftNote,
  div.chartftSource {
    margin-top: 0em;
    margin-bottom: 1em;
    margin-left: 1em;
  }

  div.chartftHdr {
    float:left;
    width:5%;
    font-size: 0.9em;
  }

  div.chartftContent {
    float:left;
    width:94%;
    font-size: 0.9em;
  }


  .chartftOtherFt div.chartftHdr,
  .chartftNote div.chartftHdr,
  .chartftSource div.chartftHdr {
    float:left;
    width:10%;
    font-weight: bold;
  }

  .chartftOtherFt div.chartftContent,
  .chartftNote div.chartftContent,
  .chartftSource div.chartftContent {
    float:left;
    width:89%;
  }


  /* Maps... */

  div.map {
    clear: both;
    margin-left:10px;
    background: url(/Images/htmlpubs/maps.gif) no-repeat;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }

  div.mapNo {
    margin-left: 50px;
    font-weight: bold;
  }

  div.mapTitle {
    margin-left: 50px;
    font-weight: bold;
  }





  /* Equations... */

  div.equation {
    clear: both;
    margin-left:10px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }

  div.equatNo {
    float: left;
    width: 5%;
    font-weight: bold;
  }

  div.equatStmt {
    margin-left: 50px;
  }

  /* Tables... */

  table {
    clear: both;
	  /* border-left: 2px groove; */
    margin-top: 1.5em;
    margin-bottom: 1em;
  }

  div.table {
    clear: both;
    margin-left:10px;
    background: url(/Images/htmlpubs/tables.gif) no-repeat;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }

  div.tablesection div.tableNo {
    font-weight: bold;
  }

  div.tableT {
    clear: both;
    font-weight: bold;
  }

  span.tableT {
    display: block;
  }

  div.table div.tableNo {
    clear: both;
    margin-left: 50px;
    font-weight: bold;
  }

  div.table div.tableT {
    clear: both;
    margin-left: 50px;
    font-weight: bold;
  }


  tbody tr th
{
	background: white;
}

thead tr th
{
	font-weight: bold;
}


thead tr th.non_merging_cell
{
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;

}

thead tr th.merging_cell
{
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;

}

/*footnotes in table headers*/
thead tr th.non_merging_cell a sup
{
	Background-color:#FFF !important;
	padding: 1px 5px 1px 5px !important;
	border: #ccc 1px solid !important;
	top: -0.3em !important;
}

thead tr th.merging_cell a sup
{
		Background-color:#FFF !important;
		padding: 1px 5px 1px 5px !important;
		border: #ccc 1px solid !important;
		white-space:nowrap !important;
		top: -0.3em !important;
}


/*END footnotes in table headers*/


/*

Table units of measure : Row height are too big by default, minimal top and bottom padding are required.
                         Doesn't include the units of measure
                         Right alignment if the cell is not part of a merge. Otherwise we use centered alignment
                         Need to use <th> for accessibility reasons but <th> is bold by default. Therefore, put a normal weight
                         Need to use <th> for accessibility reasons but <th> has a shaded background by default. Therefore, put a white background
                         
*/ 

tbody tr th.non_merging_cell
{
	background: white;
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;
	font-weight: normal;
}

tbody tr th.data
{
	background: white;
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;
	font-weight: normal;
}

tbody tr th.merging_cell
{
	background: white;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	font-weight: normal;
}

tbody tr  td.merging_cell
{
	background: white;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	font-weight: normal;
}


  table caption {
    font-weight: normal;
  }
  
  #TableSummaryTitle {
  	color: blue; 
    text-decoration: underline;
  }	
  
  td.data {
    white-space: nowrap;
    text-align: right;
    padding-top: 0;
	  padding-bottom: 0;
  }

  tbody .stub1  {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal;
  }

  thead .stub1  {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
  }

  .stub2 {
    text-align: left;
    padding-left: 1em;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal;
  }

  .stub3 {
    text-align: left;
    padding-left: 2em;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal;
  }

  .stub4 {
    text-align: left;
    padding-left: 3em;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal;
  }

  .stub5 {
    text-align: left;
    padding-left: 4em;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal;
  }
  
   /*

  div.tablefoot {
    margin-top: 0;
	margin-bottom:1em;
    border-bottom: 1px solid outset ;
    border-left: 1px solid inset ;
    border-right: 1px solid outset ;
    padding-bottom: 1.5em;
    width: 98%;
  }
  
 


  div.tblftItem,
  div.tblftOtherFt,
  div.tblftNote,
  div.tblftSource {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    padding-bottom: 0.5em;
    margin-left: 0.5em;
    padding-left: 0.5em;
    clear:both;
  }



  .tblftItem div.tblftHdr {
    float:left;
    width:3%;
  }


  .tblftOtherFt div.tblftHdr,
  .tblftNote div.tblftHdr,
  .tblftSource div.tblftHdr {
    float:left;
    width:12%;
    font-weight: bold;
  }




  .tblftItem div.tblftContent {
    float:left;
    width:96%;
  }


  .tblftOtherFt div.tblftContent,
  .tblftNote div.tblftContent,
  .tblftSource div.tblftContent {
    float:left;
    width:87%;
  }
  
  */
  
/*

Table footer : Put margins left and right at 10px like the table
               Begin the footnote text at 20px from the end of the footnote symbol on first line, 30px beginning at the second line
               Begin the note text at 20px from the text Note(s) on first line, 85px beginning at the second line
               Begin the source text at 20px from the text Source(s) on first line, 85px beginning at the second line
               Begin with a left margin of 10px like the table
                                        
*/ 

div.tableft-end 
{
	margin-left: 10px;
  margin-right: 10px;
}

div.tableft-note
{
	margin: 0px 30px 0px 90px;
}

div.tableft-source
{
	margin: 0px 30px 0px 100px;
}

div.tableft-otherft
{
	margin: 0px 10px 0px 10px;
}

div.tableft-fn 
{
	margin: 0px 20px 0px 30px;
}

div.tableft-hdr 
{
	margin-left: 10px;
	float: left;
}


 div.tableft-hdr-note, div.tableft-hdr-source {
	margin-left: 10px;
	float: left;
        font-weight: bold;
  }



  .SP_buttons {
    margin-left: 45px;
  }


  button {
    font-weight: bold;
    color: white;
    cursor: hand;
  }


/* our zebra... */

/*

tr:hover {
	background-color: #eeeeee !important;
}

th:hover {
	background-color: #eeeeee !important;
}

*/

tbody tr:hover th, tbody tr:hover td {
	background-color: #eee; 
}


/* cover page table of contents */
div.cover-toc {
  float: left;
  width: 80%;
}

/* AUXILIARY PAGES */

  /* Cover page... */

  .AdobeReader {
    margin-top: -0.1em;
    font-size: 80%;
    line-height: 1.5em;

  }

  div.logo img {
    width: 90px;
    height: 90px;
  }
  
  img.logo{
  	padding-top: 15px;
  }

  div.logo {
    float:left;
    width: 95px;
  }

  div.title {

    float:left;
    width: 70%;
    font-size: 125%;
    margin-top: 0;
    margin-left: 0.5em;
    font-weight: bold;
  }

  div.pdf {
    float:left;
    width:10%;
  }



  p.subtitle {
    margin-top: 0;
    margin-bottom: 0;
    color: black;
    font-weight: normal;
    font-size: 95%;
  }

  p.refper {
    margin-top: 0;
    margin-bottom: 0;
    color: black;
    font-weight: bold;
    font-size: 95%;
  }

  p.catno {
    margin-top: 0;
    padding-bottom: 10px;
    color: black;
    font-weight: normal;
    font-size: 95%;
  }



  /* Table TOC... */

  div.table-toc {
    clear: both;
    padding-left: 10px;
    margin-left: 10px;
    margin-top: 0.5em;
    padding-top: 0.5em;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid;
  }
 /* div.row {
    clear: both;
    margin-top: 0.1em;
    padding-top: 0.1em;
    margin-bottom: 0.1em;
    padding-bottom: 0.1em;
    margin-left: 2em;
  }
*/

 div.toc1 {
    float:left;
    width:5%;
  }

  div.toc2 {
	 
    float:left;
    width:66%;
  }


  div.row div.toc2 {

    float:left;
    width:64%;
  }

  div.toc3 {
    float:right;
    width:27%;
  }

  div.row div.toc3 {
    float:right;
    width:28%;
  }

  div.clearbo {
    clear: both;
  }


  img {
    border: none;
  }

  div.pdf form input,
  div.table_toc_buttons form input,
  div.SP_buttons form input,
  div.toc3 form input {
    color: white;
    cursor: hand;
  }

  div.table_toc_buttons form,
  div.SP_buttons form,
  div.toc3 form {
    display: inline;
    clear:none;
  }


  div.table_toc_buttons form {
    float: right;
  }

  /* Tables from table section... */


div.tableContainer {
  clear: both;
  border-top: 0px groove;
  border-left: 2px groove;
  border-right: 2px groove;
  border-bottom: 2px groove;
  height: 285px;
  overflow: auto;
 }

div.tableContainer table {
   float: left;
   padding: 2px;
   width: 98%;
}

 table {
   width: 98%;

}

/*
td  {   
   padding-right: 10px;
   border-bottom: 1px groove;
   border-left: 0px groove;
   border-right: 2px groove;
   border-top: 1px groove; }

th {
   border-left: 0px groove;
   border-right: 2px groove;
   border-top: 2px groove;
   font-weight: normal;
   padding-right: 10px; }
   
*/

.Pas_Scroll
{
clear: both;
border-top: 0px groove;
/*border-left: 0px groove;*/
border-right: 0px groove;
border-bottom: 0px groove; 
}

div.fullpage {
  padding: 20px;

}

div.fullpage #footer {
  margin-left: 0;
}

div.fullpage #headerfip {
  height:20px;
}

div.fullpage #fipstc_en {
  left: 20px;
}

div.fullpage img {
  margin-bottom: 1em;
}

div.title p.by {
  font-size:80%;
  font-weight: normal;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
 
div.jtitle {
  margin-top: 0px; 
  font-weight: bold; 
  font-size: 100%; 
  float: left; 
  margin-left: 0.5em; 
  width: 50%
}



/* ==========	 NEW STUFF =============== */

span.logo IMG {
	WIDTH: 90px; HEIGHT: 90px
}
span.logo {
	padding-top: 0.5em;
	WIDTH: 95px
}


span.ldesc {display: block;
    padding-left: 10px;
    margin-left: 10px;

}


span.title {display: block;

}

span.pdf {
	FLOAT: left; WIDTH: 10%
}

span.subtitle {display: block;
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 85%; MARGIN-BOTTOM: 0px; COLOR: black
}
span.refper {display: block;
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 85%; MARGIN-BOTTOM: 0px; COLOR: black; 
}
span.catno {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 85%; PADDING-BOTTOM: 10px; COLOR: black
}

span.title span.by {display: block;
	MARGIN-TOP: 0.5em; FONT-WEIGHT: normal; FONT-SIZE: 70%; MARGIN-BOTTOM: 0.5em
}
span.jtitle {
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 70%; FLOAT: left; MARGIN-LEFT: 0.5em; 
}

hr {
 clear: left;
}

div.tc {
  float: left;
  width: 99%;
}

span.nobr {
  white-space: nowrap;
}

img.inline-image {
	vertical-align: middle;
}

/*

 SUP and SUB : Position relative to the baseline in order to avoid having a line height different than lines that don't have a superscript

*/

sub, sup
{
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup
{
	top: -0.5em;
}

sub
{
	bottom: -0.25em;
}

span.big
{
	font-size: larger;
}

span.masthead {
  font-size: 120%; 
  font-weight: bold;
}

span.by {
  font-size: 80%; 
  font-weight: normal;
}

div.topPage {
	text-align: right;
	margin-right: 10px;
}

/* PDF icon in sidebar fix */
[href$=".pdf"] {
    padding-left: 19px !important;
}
/* End of PDF icon fix */