/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Specify the CSS style sheets
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table
{
    border:thin navy solid; 
    border-collapse:collapse; 
    border-spacing:0px;
    padding:0px;
    margin:auto;
    color: #000046;
}
         
thead
{
   background-color:#F5FFFA;
}
         
tfoot
{
    background-color:#D3D3D3;
}

td, th
{
    border-collapse:collapse; 
    border-spacing:0px;
    border:thin black solid;
    padding:7px 10px 7px 10px;
}

.tableTitle 
{
   font-family: Verdana, Helvetica, sans-serif, proportional; 
   font-size: 150%; 
   font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   We design the th style for the column headings, since each
   row heading will use a style for its own indentation level.
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
th 
{
   text-align: center; 
   vertical-align: middle;
   font-family: Verdana, "Times New Roman", serif , proportional;
   margin-left: 1em; 
   margin-right: 1em;
   border:thin black solid;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Data cells use a monospaced font, to help the line up vertically nicely.
   They are aligned to the bottom of the cell, so that if the row text is long and
   wraps onto multiple lines, the data appears horizontally in line with the
   last line of the row.  And because (in this table), the data cells will contain
   numbers, the numbers should be right-aligned.
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table td 
{
   text-align: right; 
   vertical-align: middle;
   font-family: Courier, monospace;
   margin-left: 1em; 
   margin-right: 5em;
   border:thin black solid;
}

table tr th.stubhead 
{
   text-align:center;
   vertical-align: middle;
   font-family: "Times New Roman", serif , proportional;
   margin-left: 1em;
   margin-right: 1em;
}

.dataCell 
{
   text-align: right;
   vertical-align: middle;
   font-family: Courier, monospace;
   margin-left: 1em;
   margin-right: 1em; 
}

table tr.greenbar
{
   background-color: #DAE9FC;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Note that we set the text indent to a negative value.  If the text
   wraps, then this will cause a "hanging indent" effect.  Since we indent each
   level in increments of 1em, but make the negative indent 2em, this means that
   the wrapped text will be indented more deeply than rows at the next deeper
   level.  This makes it possible to distinguish wrapped text at one level,
   from indented text at the next deeper level.
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.sub0
{ 
   text-align:left; 
   margin-left:  3em; 
   margin-right: 1em;
}

.pagebreak 
{
   page-break-before: always;
}

.center 
{
   text-align: center;
}

.right  
{
   text-align: right;
}

.left   
{ 
   text-align: left;
}

.middle 
{
   vertical-align: middle;
}

.normal 
{
   text-align: left;  
   font-family: "Times New Roman", serif, proportional;
}

.small  
{
   font-size: 90%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Styles for controlling the appearances of note references and notes.
   Note that we must specify the TR contextual selector, in order to boost 
   the specificity of the rule selectors enough to enable them to over-ride 
   the default selectors for TD elements.
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.footnote
{
   text-decoration: underline; 
   vertical-align: super; 
   font-size: 80%;
}

.footnotesTitle  
{
   text-align: left;
   text-indent: -2em;  
   vertical-align: top ; 
   font-weight: bold; 
   font-family: Verdana, "Times New Roman", serif , proportional; 
   margin-left: 1em; 
   margin-right: 1em;  
}

.footnotes 
{
   text-align: left; 
   margin-left: 2em; 
   font-family: Verdana, "Times New Roman", serif, proportional;
}

.leftMargins
{
   text-align: left; 
   margin-left: 1em; 
   margin-right: 1em;
}

.rightMargins  
{
   text-align: right; 
   margin-left: 1em; 
   margin-right: 1em;
}

.centerMargins 
{
   text-align: center; 
   margin-left: 1em; 
   margin-right: 1em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   A handy way of forcing a page-break when printing.
   Can be used to force a table onto the top of a new page.
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
br.pagebreak 
{
   page-break-before: always;
}