<?xml version="1.0" ?>
<openerp>
    <data>
        <record id="bank_statement_landscape_header" model="ir.header_webkit">
            <field name="footer_html"><![CDATA[
<html>
    <head>
        <meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
        <script>
            function subst() {
            var vars={};
            var x=document.location.search.substring(1).split('&');
            for(var i in x) {var z=x[i].split('=',2);vars[z[0]] = unescape(z[1]);}
            var x=['frompage','topage','page','webpage','section','subsection','subsubsection'];
            for(var i in x) {
            var y = document.getElementsByClassName(x[i]);
            for(var j=0; j<y.length; ++j) y[j].textContent = vars[x[i]];
                }
            }
        </script>
    </head>
    <% import datetime %>
    <body style="border:0; margin: 0;" onload="subst()">
        <table style="border-top: 1px solid black; width: 1080px">
            <tr style="border-collapse:collapse;">
                <td style="text-align:left;font-size:10;width:350px;">${formatLang( str(datetime.datetime.today()), date_time=True)}</td>
                <td style="text-align:center;font-size:10;width:350px;">${user.name}</td>
                <td style="text-align:right;font-size:10;width:350px;">Page&nbsp;<span class="page"/></td>
                <td style="text-align:left;font-size:10;width:30px">&nbsp;of&nbsp;<span class="topage"/></td>
            </tr>
        </table>
    </body>
</html>]]></field>
            <field name="orientation">Portrait</field>
            <field name="format">A4</field>
            <field name="html"><![CDATA[
<html>
    <head>
        <meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
        <script>
            function subst() {
            var vars={};
            var x=document.location.search.substring(1).split('&');
            for(var i in x) {var z=x[i].split('=',2);vars[z[0]] = unescape(z[1]);}
            var x=['frompage','topage','page','webpage','section','subsection','subsubsection'];
            for(var i in x) {
            var y = document.getElementsByClassName(x[i]);
            for(var j=0; j<y.length; ++j) y[j].textContent = vars[x[i]];
                }
            }
        </script>
        <style type="text/css">
            ${css}
        </style>
    </head>
    <body style="border:0; margin: 0;" onload="subst()">
        <table class="header" style="border-bottom: 0px solid black; width: 100%">
            <tr>
                <td style="text-align:left; font-size:11px; font-weight: bold;"><span style="text-transform:uppercase; font-size:12px;">${report_name}</span> - ${company.partner_id.name | entity} - ${company.currency_id.name | entity}</td>
            </tr>
        </table> ${_debug or ''|n} </body>
</html>]]>
            </field>
            <field eval="0.0" name="margin_top"/>
            <field name="css"><![CDATA[

body, table, td, span, div {
    font-family: Helvetica, Arial;
}

.act_as_table {
    display: table;
}
.act_as_row  {
    display: table-row;
}
.act_as_cell {
    display: table-cell;
}
.act_as_thead {
    display: table-header-group;
}
.act_as_tbody {
    display: table-row-group;
}
.act_as_tfoot {
    display: table-footer-group;
}
.act_as_caption {
    display: table-caption;
}
act_as_colgroup {
    display: table-column-group;
}

.list_table, .data_table {
    width: 720px;
    table-layout: fixed
}

.bg, .act_as_row.labels {
    background-color:#F0F0F0;
}

.list_table, .data_table, .list_table .act_as_row {
    border-left:0px;
    border-right:0px;
    text-align:left;
    font-size:9px;
    padding-right:3px;
    padding-left:3px;
    padding-top:2px;
    padding-bottom:2px;
    border-collapse:collapse;
}

.list_table .act_as_row.labels, .list_table .act_as_row.initial_balance, .list_table .act_as_row.lines {
    border-color:gray;
    border-bottom:1px solid lightGrey;
}

.data_table .act_as_cell {
    border: 1px solid lightGrey;
    text-align: center;
}

.data_table .act_as_cell, .list_table .lines .act_as_cell {
    word-wrap: break-word;
}

.nobreak {
    word-wrap: normal;
}

.data_table .act_as_row.labels {
    font-weight: bold;
}

.initial_balance .act_as_cell {
    font-style:italic;
}

.account_title {
    font-size:10px;
    font-weight:bold;
    page-break-after: avoid;
}

.act_as_cell.amount {
    word-wrap:normal;
    text-align:right;
}

.act_as_cell.amount_total {
    word-wrap:normal;
    text-align:right;
    font-weight: bold;
}


.list_table .act_as_cell{
    padding-left: 5px;
/*    border-right:1px solid lightGrey;  uncomment to active column lines */
}
.list_table .act_as_cell.first_column {
    padding-left: 0px;
/*    border-left:1px solid lightGrey; uncomment to active column lines */
}

.sep_left {
    border-left: 1px solid lightGrey;
}


]]>
            </field>
            <field name="name">Bank Statement Landscape Header</field>
        </record>
    </data>
</openerp>
