span.nowrap {
  white-space: nowrap; 
}

span.mobileLink a {
  background-image:url(/Framework/Images/Daily/mobile.png);
  background-repeat:no-repeat;
  padding-left:19px;
  font-size: 14px;
}

div.refper {
 margin-left: 10px;
}

p.mobileLink a {
  background-image:url(/Framework/Images/Daily/mobile.png);
  background-repeat:no-repeat;
  padding-left:19px;
}

p.mobileLink  {
  margin-top: 0;
  margin-bottom: 0;
}


/* *************************************************
        BLOCK ELEMENTS IN MAIN TEXT
   *************************************************
*/


/* 

Chart title : Put in bold and a little bigger that the ususal text flow
              Needs to have a left margin of 10px like headings and paragraphs
              
*/ 

div.chartt 
{
  font-weight: bold;
  font-size: 120%;
	margin-left: 10px;
}

/*

Table and Map links : Put the appropriate icon
                      Needs to have a left margin of 10px like headings and paragraphs
                      Needs to have more spacing after
             
*/ 

div.tablelink 
{
	margin-left: 10px;
	background: url(/Images/htmlpubs/tables.gif) no-repeat; 
 	margin-bottom: 1em;
}

div.maplink 
{
	margin-left: 10px;
	background: url(/Images/htmlpubs/maps.gif) no-repeat; 
	margin-bottom: 1em; 
}

/*

Table and Map numbering - main text : Put in bold
                                      Needs to have a left margin of 50px to be on the right of the icon 
                              
*/

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

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

/*

Table and Map titles - main text : Put in bold
                                   Needs to have a left margin of 50px to be on the right of the icon 
                          
*/

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

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

/*

Note to readers : Blue shading, solid border, set margings and padding
                  
                  
*/

div.box
{
  clear: both;
  background: #b7dbff;
  border:1px solid #bbb;
  margin: 2em 1em 2em 1em;
  padding:0 1em 0.25em 1em;
}

/*

Related info box : Grey shading, solid border, set margings and padding
                  
*/

div.rbox
{
  clear: both;
  background: #dddddd;
  border:1px solid #bbb;
  margin: 2em 1em 2em 1em;
  padding:0 1em 0.25em 1em;
}

/*


CANSIM and IMDB statements : Put in bold

*/

p.CANSIM 
{
  font-weight:bold;
}

p.IMDB 
{
  font-weight:bold;
}

/* *************************************************
        INLINE ELEMENTS 
   *************************************************
*/

/*

 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;
}

/*
   abbreviation: Put the help cursor and put a dotted underline
*/

abbr
{
  cursor: help;
  border-bottom: 1px dotted black;
}



/* *************************************************
                      TABLES
   *************************************************
*/

/*

Table stub : Row height are too big by default, minimal top and bottom padding are required.
             Align the text to the left
             Need to use <th> for accessibility reasons but <th> is bold by default. Therefore, put a normal weight
             Change padding left according to the level of indentation
             
*/             

div.table table caption
{
	display: none;
}	

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

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

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

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

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

/*

Table data : Row height are too big by default, minimal top and bottom padding are required.
             Doesn't include the units of measure
             Numbers must be align to the right
             Numbers must not wrap
             
*/ 

td.data 
{
	white-space: nowrap; 
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;
}

/*

Table header cells : 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
                     
*/ 

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;

}

/*

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;
}



/* our zebra... */

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

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

th.text_table 
{
	background-color: #eeeeee;
}



/*

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 20px 0px 85px;
}

div.tableft-source
{
	margin: 0px 20px 0px 90px;
}

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;
  }



ul.list-bullet-none {
    clear: both;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }


/* *************************************************
        NEW PRODUCTS SECTION
   *************************************************
*/

/*
  Line1 et Line2 : Minimise spacing between Line1 and Line2
*/

p.line1 
{
  margin-bottom: 0;
}

p.line2 
{
  margin-top: 0;
}

/*
  Pub title : Put in bold
*/ 

span.pubt
{
  font-weight: bold;
  font-style: normal;
}

/* *************************************************
        MONTHLY AND WEEKLY CALENDAR
   *************************************************
*/

tr.text_row
{
	vertical-align: top; 
}

td.days
{
	text-align: center;
}

th.text-table
{
	
}

/* *************************************************
        ANNUAL CALENDAR
   *************************************************
*/

div.rdates {
	padding-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
	border:
}

div.rdates table {
	width: 100%;
	border:1px solid black;
}

div.rdates table caption {
	margin-left: 10px;
	text-align: left;
	font-weight:bold;
	font-size: 120%;
}

div.rdates * th.text_table {
	text-align: left;
	margin-left: 10px;
}

div.rdates * th.un_normalize_header {
  text-align: left;
  font-weight: normal;
  background: white;
}
  
div.topPage {
	text-align: right;
	margin-right: 10px;
}

td.catno {
	white-space: nowrap;
}

.barShown {
    fill: yellow;
    fill-opacity: 0.8;
    stroke: black;
  }
   .tooltipText {
    font-weight: bold;
   }
   div.SVGChart {
     width: 580px; font-family: verdana; 
     background: rgb(238,238,238); 
     margin-left: 10px;
     padding: 0.5em;
     border: 1px solid black;
  }
  div.SVGChart-title {
    font-weight: bold;
    font-size: 14px; 
    padding-bottom: 10px; 
    padding-top: 0; 
    margin-top: 0
  }
  p.SVGChart-notes {
    font-size: 10px; 
    padding-bottom:1px; 
    padding-top: 1px; 
    padding-left: 10px; 
    padding-right: 10px; 
    margin-top: 0; 
    margin-bottom: 0;
  }
  p.SVGChart-notes-last {
    font-size: 10px; 
    padding-top: 1px; 
    padding-left: 10px; 
    padding-right: 10px; 
    margin-top: 0; 
    padding-bottom: 10px; 
    margin-bottom: 10px;
  }
  
  /*

chart footer : just like table footer
                                        
*/ 

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

div.chartft-note
{
  margin: 0px 20px 0px 100px;
}


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

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

div.endChart
{
	display: none;
}	



/* *************************************************
        SCREEN AND PRINT VIEW
   *************************************************
*/

/*
  Screen view : Hide what's in the pview class
  Print view : Hide what's in the sview class
*/

/*

@media screen 
{
  div.pview 
  {
	  display: none;
  }
  
  caption.pview
  {
	  display: none;
  }
}

@media print
{
  div.sview
  {
	  display: none;
  }
  
  div.mapn, div.mapt 
  {
    font-weight: bold;
    font-size: 120%;
  }
  
  */
}