@media screen {

    A.el {
        text-decoration: none;
    }

    A.elRef {
        font-weight: bold
    }

    A.code {
        text-decoration: none;
        font-weight: normal;
        color: #4C59A6
    }

    A.codeRef {
        font-weight: normal;
        color: #4C59A6
    }

    A:hover {
        text-decoration: none;
        font-weight: normal;
        color: #4C59A6
    }

    body {
        background-color: Window;
        color: WindowText;
        font-family: verdana, arial, sans-serif;
    }

    .setcolor { /*sets color of some spacing elements (such as the column between assets and liabilities) to the desired color*/
        background-color: Window;
    }

    body#summaryview { /* set body attributes that affect only the summary view (and not reports) */
        background: url(qrc:/html/images/bg-texture.png) repeat fixed;
        background-color: Window;
    }

    .displayblock { /*ties together a summary header and a table into a single content block*/
        background-color: Window;
    }

    .displayblock > tr > td {
        padding-bottom:5px;
    }

    .summaryheader { /*section labels over each table in the financial summary*/
        background-color: Highlight;
        Font-size: large;
        font-weight: bold;
        padding: 5px 10px;
    }

    .summarytable { /*the tables in the financial summary */
    }

    .summarytable td { /*style 'td' in the tables in the financial summary */
        padding: 5px 10px;
        border-left: 2px solid Window;
        border-right: 2px solid Window;
    }

    .itemtitle { /*'tr' -additional label for table headers. example "Assets" and "Liabilities"*/
        font-size: large;
        font-weight: bold;
    }

    .itemtitle td { /*'td' table data cells related to .itemtitle*/
        border-left: 0px;
        border-right: 0px;
    }

    .item { /*'tr' -item labels (table headers) for sections in the financial summary */
        white-space: nowrap;
        font-weight: bold;
        color: WindowText;
        background-color: Window;
    }

    .item td { /*'td' table data cells related to .item*/
        border-left: 0px;
        border-right: 0px;
        border-bottom: 3px solid #000000;
        background-color: Window;
        vertical-align: bottom;
    }

    .nowrap {
        white-space: nowrap;
    }

    th.left, td.left { /*rule to align table header and table data cells*/
        text-align: left;
    }

    th.right, td.right { /*rule to align table header and table data cells*/
        text-align: right;
    }

    th.center, td.center { /*rule to align table header and table data cells*/
        text-align: center;
    }

    .gap { /* used for spacing in financial summary and reports if needed -match to background color of body if you don't want it to show.*/

    }

    /***********************************************************/
    /* These affect only the reports found in the reports view */
    h2.report { /* header -title on report pages */
        font-size: x-large;
        font-family: verdana, arial, sans-serif;
        margin-right: 10px;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
        color: WindowText;
    }

    .itemheader { /*column labels in reports */
        font-family: verdana, arial, helvetica, sans-serif;
        font-weight: bold;
        background-color: Window;
        color: WindowText;
        padding-top: 5px;
        padding-left: 20px;
        padding-bottom: 5px;
    }

    div.subtitle { /*subtitle of each report page*/
        font-size: large;
        text-align: center;
        color: WindowText;
    }

    table.report { /*center the report*/
        margin-left: auto;
        margin-right: auto;
    }

    table.report th { /*styles table header cells*/
        font-size: large;
        padding: 8px 8px;
        white-space: nowrap;
    }

    table.report td { /*styles table cells- but not background color*/
        padding: 0 8px;
        text-align: right;
        white-space: nowrap;
    }

    table.report td.leftborder { /*does not appear to be in use*/
        border-left: 1px solid;
    }

    table.report td.left { /*far left column*/
        text-align: left;
    }

    table.report td.left0 {
        text-align: left;
    }

    table.report td.left1 {
        text-align: left;
    }

    table.report td.left2 {
        text-align: left;
    }

    table.report tr#subtotal td { /*line separating row groups*/
        border-bottom: 1px solid #000000;
        font-weight: normal;
    }

    table.report tr#solo td { /*line separating rows that are not groups*/
        border-bottom: 1px solid #000000;
        font-weight: normal;
    }

    table.report tr#topparent td.left { /*parent label for each row group containing children*/
        font-weight: bold;
    }

    table.report tr#solo td.left { /*label for each row group _not_ containing children*/
        font-weight: bold;
    }

    table.report tr.sectionheader td { /* label (title) of each section -subtotals  -for example 'Income' and 'Expenses' */
        font-weight: bold;
        padding: 8px 8px 0 8px;
        color: WindowText;
    }

    table.report tr.sectionfooter td { /* totals for each section -subtotals */
        border-top: 1px solid #000000;
        padding: 0 8px 8px 8px;
        color: WindowText;
    }

    table.report tr.sectionfooterfirst td { /* totals for each section -subtotals */
        border-top: 1px solid #000000;
        padding: 0 8px 0 8px;
        color: WindowText;
    }

    table.report tr.sectionfootermiddle td { /* totals for without top border */
        padding: 0 8px 0 8px;
        color: WindowText;
    }

    table.report tr.sectionfooterlast td { /* totals for each section -subtotals */
        padding: 0 8px 8px 8px;
        color: WindowText;
    }

    table.report tr.reportfooter td { /* "Grand Total" totals" */
        border-bottom: 1px solid #000000;
        border-top: 1px solid #000000;
        padding: 0 8px 0 8px;
        color: WindowText;
    }

    table.report tr.reportfooter td.left { /* "Grand Total" label in the left column */
        font-weight: bold;
        color: WindowText;
    }

    table.report tr.spacer td { /*used to make a table row act as a spacer when needed*/
        font-size: 4pt;
        padding: 16px 0;
    }

    tr.item0 td, tr.item1 td, tr.itemA td, tr.itemZ td {
        font-style: italic;
    }

    tr.itemA td {
        border-bottom: 1px dotted #000000;
    }

    tr.itemZ td {
        border-top: 1px dotted #000000;
    }

    .item0 .value, .item1 .value {
        padding-right: 32px;
    }
}

@media print {

    /* unvisited link */
    a:link {
        color: #000000;
        text-decoration: none
    }

    body {
        background: white;
        margin: 0;
        padding: 0
    }

    body {
        font-family: helvetica, arial;
        font-size: 10pt
    }

    td, th {
        font-family: helvetica, arial;
        font-size: 9pt
    }

    thead {
        display: table-header-group
    }

    tbody {
        display: table-row-group
    }

    tfoot {
        display: table-footer-group
    }

    tr {
        page-break-inside: avoid
    }

    div.gap {
        display: none
    }

    .spacer {
        display: none
    }

    h2.report,
    div.subtitle {
        margin: 6pt;
        padding: 0;
        text-align: center
    }

    div.subtitle {
        margin-bottom: 18pt
    }

    table {
        border-collapse: separate;
        border-spacing: 1px;
    }

    table {
        margin-left: auto;
        margin-right: auto
    }

    td {
        vertical-align: bottom
    }

    table.report { /*center the report*/
        margin-left: auto;
        margin-right: auto;
    }

    table.report th { /*styles table header cells*/
        padding: 8px 8px;
    }

    table.report td { /*styles table cells- but not background color*/
        text-align: right;
    }

    table.report td.left { /*far left column*/
        text-align: left;
    }

    table.report td.left0 { /*does not appear to be in use*/
        text-align: left;
    }

    table.report td.left1 { /*does not appear to be in use*/
        text-align: left;
    }

    table.report td.left2 { /*does not appear to be in use*/
        text-align: left;
    }

    table.report tr#subtotal td { /*line separating row groups*/
        border-bottom: 1px solid #000000;
        font-weight: normal;
    }

    table.report tr#solo td { /*line separating rows that are not groups*/
        border-bottom: 1px solid #000000;
        font-weight: normal;
    }

    table.report tr#topparent td.left { /*parent label for each row group containing children*/
        font-weight: bold;
    }

    table.report tr#solo td.left { /*label for each row group _not_ containing children*/
        font-weight: bold;
    }

    th {
        border-bottom: 1pt solid #000000
    }

    /*  th             { background: #cccccc } */
    tr.item0 td {
        background: #f2f2ff
    }

    tr.item1 td {
        background: #f2fff2
    }

    tr.row-even td {
        background: #f2f2ff
    }

    tr.row-odd td {
        background: #f2fff2
    }

    tr.item0 td,
    tr.item1 td,
    tr.itemA td,
    tr.itemZ td {
        font-style: italic
    }

    td.left0,
    td.left1,
    td.left2,
    td.left {
        text-align: left
    }

    td.center {
        text-align: center
    }

    td.right {
        text-align: right
    }

    td, th {
        padding: 2pt 4pt
    }

    tr.sectionheader td.left,
    tr.sectionfooter td.left,
    tr.sectionheader td.left0,
    tr.sectionfooter td.left0 {
        padding-top: 12pt;
        font-weight: bold
    }

    tr.sectionheader td.left1,
    tr.sectionfooter td.left1,
    tr.sectionheader td.left2,
    tr.sectionfooter td.left2 {
        padding-top: 6pt;
        font-weight: bold
    }

    tr.reportfooter td.left {
        padding-top: 12pt;
        font-weight: bold
    }

    #subtotal {
        font-style: italic
    }

    /*  #topparent td, #solo td { border-top: 1px solid #000000 } */
}
