<style type="text/css">
    <?= $this->_previewId ?> * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    <?= $this->_previewId ?> table.red-table tbody tr:nth-child(2n) {
        background-color: #f6f6f6;
    }

    <?= $this->_previewId ?> table.footer {
        padding: 20px 15px;
    }

    body {
        font-family: 'Open Sans', sans-serif;
        margin: 0px;
        font-size: 13px;
    }

    <?= $this->_previewId ?> table[class=gray] {
        background-color: #f9f9f9;
        border-bottom: 1px solid #eaeaea;
        color: #2b2b2b
    }
    <?= $this->_previewId ?> img {border: none; max-width: 100%;}
    <?= $this->_previewId ?> td,
    <?= $this->_previewId ?> table {
        max-width: 100%;
    }
</style>
<style type="text/css">
    @media only screen and (min-width: 605px) {
        <?= $this->_previewId ?> .appear {
            display: none;
        }
        <?= $this->_previewId ?> .hid-on-dt{display: none;}
    }
</style>
<style type="text/css">
    @media only screen and (max-width: 604px) {
        <?= $this->_previewId ?> table[class=full] {
            width: 100% !important;
            clear: both;
        }
        <?= $this->_previewId ?> .mobile-margin {padding-top: 15px;}
        <?= $this->_previewId ?> .text-left{text-align: left !important;}
        <?= $this->_previewId ?> .erase {
            display: none;
        }
        <?= $this->_previewId ?> img.full{width:100%;}
        <?= $this->_previewId ?> td.full {
            width: 100% !important;
            display: block;
            padding-right: 0px !important;
            clear: both;
        }
        <?= $this->_previewId ?> .mb25 {
            margin-bottom: 25px;
        }
        <?= $this->_previewId ?> .liquid {
            display: block !important;
        }
        <?= $this->_previewId ?> .liquid-center {
            text-align: center !important;
        }
        <?= $this->_previewId ?> .liquid-auto {
            width: auto !important;
        }
        <?= $this->_previewId ?> table[class=full-width] {padding: 0px 15px;width: 100%;}
    }
</style>
<style type="text/css">
    @media only screen and (max-width: 480px) {
        .footer a {
            float: none !important;
            display: block;
            margin-top: 5px;
        }
        .footer p {
            text-align: center;
        }
    }
</style>