@page {
    size: 8.5in 11in;
}

@media screen {
    .container {
        width: 100%;
        margin: 0 auto;
        bottom: 0px;
        box-shadow: 0 0 3px #666,0 15px 12px -10px #666;
        page-break-after: always;
        background-color: #FFF;
        padding: 0.25in;
    }
    body {
        background: #CCC;
        width: 8.5in;
        height: 11in;
        font-family: 'Roboto', sans-serif;
        font-size: 0.8em;
    }
    .mapview{
        width: 8.5in;
        height: 6.8in;
        border: 1px solid #999;
    }

    #vectmap, #imgmap {
        height: 100%;
        width: 49.5%;
    }
    #vectmap {
        float: left;
    }
    #imgmap {
        float: right;
    }

    .infocontainer{
        position: relative;
        background: white;
        width: 100%;
        height: 4.5in;
        border-color: #999;
        border-style: solid;
        border-width: 0 1px 1px 1px;
    }

    .infoleft {
        height: 100%;
        width: 39.8%;
        float:left;
        border-right: 1px solid #999;
    }

    .inforight{
        height: 100%;
        width: 60%;
        float: right;
    }

    .titleview {
        position: relative;
        float:left;
        top: 0px;
        height: .35in;
        width: 100%;
        border-bottom: 1px solid #999;
    }

    .titleview h2 {
        font-size: 1.8em;
        margin: 10px;
    }

    .legalview {
        position: relative;
        float: left;
        width: 100%;
        border-bottom: 1px solid #999;
        font-size: .8em;
        padding: 0;
    }
    .legalview p {
        margin: 10px;
    }

    .sealview {
        position: relative;
        float: left;
        width: auto;
        height: auto;
        max-width: 0.6in;
        max-height: 0.6in;
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
    }
    .extraview {
        padding: 15px;
        margin: auto;
        float: left;
        height: auto;
        font-size: .9em;
    }

    .attrview {
        width: 99%;
        height: 100%;
        padding: 5px;
    }
    .attrview table {
        font-size: 0.7em;
        border-collapse: collapse;
        padding: 5px;
        width: 100%;
    }

    .attr-name {
        width: 35%;
        color: #999999;
    }

    .even {
        background: #c2d9f1;
    }
    .printdate {
        position: absolute;
        bottom: 0;
    }
}

@media print {
    .container {
        width: 100%;
        margin: 0 auto;
        bottom: 0px;
        box-shadow: 0 0 3px #666,0 15px 12px -10px #666;
        page-break-after: always;
        background-color: #FFF;
        padding: 0.25in;
    }
    body {
        background: #CCC;
        width: 8.5in;
        height: 11in;
        font-family: 'Roboto', sans-serif;
        font-size: 0.8em;
    }
    .mapview{
        width: 8.5in;
        height: 6.8in;
        border: 1px solid #999;
    }

    #vectmap, #imgmap {
        height: 100%;
        width: 49.5%;
    }
    #vectmap {
        float: left;
    }
    #imgmap {
        float: right;
    }

    .infocontainer{
        position: relative;
        background: white;
        width: 100%;
        height: 4.5in;
        border-color: #999;
        border-style: solid;
        border-width: 0 1px 1px 1px;
    }

    .infoleft {
        height: 100%;
        width: 39.8%;
        float:left;
        border-right: 1px solid #999;
    }

    .inforight{
        height: 100%;
        width: 60%;
        float: right;
    }

    .titleview {
        position: relative;
        float:left;
        top: 0px;
        height: .35in;
        width: 100%;
        border-bottom: 1px solid #999;
    }

    .titleview h2 {
        font-size: 1.8em;
        margin: 10px;
    }

    .legalview {
        position: relative;
        float: left;
        width: 100%;
        border-bottom: 1px solid #999;
        font-size: .8em;
        padding: 0;
    }
    .legalview p {
        margin: 10px;
    }

    .sealview {
        position: relative;
        float: left;
        width: auto;
        height: auto;
        max-width: 0.6in;
        max-height: 0.6in;
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
    }
    .extraview {
        padding: 15px;
        margin: auto;
        float: left;
        height: auto;
        font-size: .9em;
    }

    .attrview {
        width: 99%;
        height: 100%;
        padding: 5px;
    }
    .attrview table {
        font-size: 0.7em;
        border-collapse: collapse;
        padding: 5px;
        width: 100%;
    }

    .attr-name {
        width: 35%;
        color: #999999;
    }

    .even {
        background: #c2d9f1;
    }

    .printdate {
        position: absolute;
        bottom: 0;
    }
}