﻿body {
    padding: 0in;
    /*margin: 0in;*/
    font-size: 10px;
    text-align: justify;
    font-family: Arial;
    background-color: Silver;
}

#mainContainer {
    /*position: absolute;*/
    background-color: White;
    width: 5.25in;
}

.consignment {
    position: relative;
    /*overflow: hidden;*/
    /*margin: .25in;*/
}

    .consignment:nth-child(odd) {
        /*border-bottom: 2px solid Black;*/
        /*padding-bottom: .114in;*/
    }


@media screen {
    #mainContainer {
        position: absolute;
        overflow: auto;
        top: 0in;
        left: 0in;
    }

    .consignment {
        margin: .25in;
        width: 4.45in;
        height: 8in;
        margin-bottom: .3in;
        margin-left: .35in;
        margin-right: .3in;
    }
}

@media print {
    @page {
        size: 5.25in 8.5in; /*was 5.5*/
        /*margin: .635cm;*/
        margin-top: .1in;
        /*margin-bottom: .375in;*/
        margin-bottom: .3in;
        margin-left: .40in;
        /*margin: 4cm;*/
    }

    body {
        overflow: visible;
        margin: 0px;
        padding: 0px;
        background-color: white;
    }

    #mainContainer {
        float: none;
        width: 100%;
        /*new*/
        /*
		width: 4.24in;
        height: 7.9in;
		*/
    }

    .consignment {
        float: none;
        margin-right: .15in;
        /*width: 100%;
        height: 100%;*/
        width: 4.50in;
        height: 8in;
        -webkit-column-break-before: always;
        page-break-before: always;
        break-before: always;
    }

        .consignment:first-child {
            -webkit-column-break-before: avoid;
            page-break-before: avoid;
            break-before: avoid;
        }
}

.hl {
    position: absolute;
    width: .56in;
    top: -.02in;
    left: 0in;
    text-align: left;
    font-family: Arial Narrow;
    font-weight: bold;
    font-size: 14px; /*10.5pt;*/
}

.c {
    position: absolute;
    font-family: Arial Narrow;
    font-size: 12px; /*9pt;*/
    font-weight: bold;
    width: 3.23in;
    left: .65in;
    top: -.01in;
    text-align: center;
}

.hr {
    position: absolute;
    width: .56in;
    top: -.02in;
    right: 0in;
    text-align: right;
    font-family: Arial Narrow;
    font-weight: bold;
    font-size: 14px; /*10.5pt;*/
}

.nol {
    position: absolute;
    width: .56in;
    text-align: center;
    top: .135in;
    left: 0in;
    font-family: Arial;
    font-weight: bold;
    font-size: 19px; /*14pt;*/
}

.g {
    position: absolute;
    width: 3.23in;
    left: .65in;
    background-color: transparent;
    top: .11in;
    text-align: center;
    font-family: Arial Black;
    font-size: 20px; /*14pt;*/
}

.nor {
    position: absolute;
    width: .56in;
    text-align: center;
    top: .135in;
    right: 0in;
    font-family: Arial;
    font-weight: bold;
    font-size: 19px; /*14pt;*/
}

.yfs {
    position: absolute;
    width: 3.23in;
    left: .65in;
    top: .41in;
    text-align: center;
    font-family: Arial;
    font-size: 13.5px; /*9pt;*/
    font-weight: bold;
}

.famTree {
    position: absolute;
    left: .15in;
    right: 0in;
    top: .59in;
    height: .9in;
    white-space: nowrap;
}

.s1a {
    position: absolute;
    left: 3.385in;
    font-family: Arial Narrow;
    font-size: 10.5px; /*7.5pt;*/
    top: -.04in;
}

.s1b {
    position: absolute;
    left: 3.385in;
    font-family: Arial Narrow;
    font-size: 10.5px; /*7.5pt;*/
    top: .2in;
}

.s1c {
    position: absolute;
    left: 3.385in;
    font-family: Arial Narrow;
    font-size: 10.5px; /*7.5pt;*/
    top: .45in;
}

.s1d {
    position: absolute;
    left: 3.385in;
    font-family: Arial Narrow;
    font-size: 10.5px; /*7.5pt;*/
    top: .685in;
}

.d1a {
    position: absolute;
    left: 3.385in;
    font-family: Arial Narrow;
    font-size: 10.5px; /*7.5pt;*/
    top: .07in;
}

.d1b {
    position: absolute;
    left: 3.385in;
    font-family: Arial Narrow;
    font-size: 10.5px; /*7.5pt;*/
    top: .325in;
}

.d1c {
    position: absolute;
    left: 3.385in;
    font-family: Arial Narrow;
    font-size: 10.5px; /*7.5pt;*/
    top: .568in;
}

.d1d {
    position: absolute;
    left: 3.385in;
    font-family: Arial Narrow;
    font-size: 10.5px; /*7.5pt;*/
    top: .798in;
}

.s2a {
    position: absolute;
    left: 2.25in;
    font-family: Arial Narrow;
    font-size: 10.5px; /*7.5pt;*/
    top: .03in;
}

.s2b {
    position: absolute;
    left: 2.25in;
    font-family: Arial Narrow;
    font-size: 10.5px; /*7.5pt;*/
    top: .502in;
}

.d2a {
    position: absolute;
    left: 2.25in;
    font-family: Arial Narrow;
    font-size: 10.5px; /*7.5pt;*/
    top: .24in;
}

.d2b {
    position: absolute;
    left: 2.25in;
    font-family: Arial Narrow;
    font-size: 10.5px; /*7.5pt;*/
    top: .73in;
}

.s3 {
    position: absolute;
    left: 1.094in;
    font-family: Arial Narrow;
    font-size: 10.5px; /*7.5pt;*/
    top: .13in;
}

.d3 {
    position: absolute;
    left: 1.094in;
    font-family: Arial Narrow;
    font-size: 10.5px; /*7.5pt;*/
    top: .567in;
}

.b1 {
    position: absolute;
    left: 3.325in;
    top: 0in;
    font-family: Times New Roman;
    font-size: 13px; /*10pt;*/
    -webkit-transform: scale(.8, 1.0);
    -moz-transform: scale(.8, 1.0);
    -ms-transform: scale(.8, 1.0);
    -o-transform: scale(.8, 1.0);
    transform: scale(.8, 1.0);
}

.b1a {
    top: .005in;
}

.b1b {
    top: .225in;
}

.b1c {
    top: .49in;
}

.b1d {
    top: .72in;
}

.b2 {
    position: absolute;
    left: 2.155in;
    top: .188in;
    font-family: Times New Roman;
    font-size: 22px; /*20pt;*/
    -webkit-transform: scale(.7, 1.0);
    -moz-transform: scale(.7, 1.0);
    -ms-transform: scale(.7, 1.0);
    -o-transform: scale(.7, 1.0);
    transform: scale(.7, 1.0);
}

.b2a {
    top: .045in;
}

.b2b {
    top: .525in;
}

.b3 {
    position: absolute;
    left: .92in;
    top: .07in;
    font-family: Times New Roman;
    font-size: 48px; /*33pt;*/
    -webkit-transform: scale(.5, 1.0);
    -moz-transform: scale(.5, 1.0);
    -ms-transform: scale(.5, 1.0);
    -o-transform: scale(.5, 1.0);
    transform: scale(.5, 1.0);
}

.h {
    position: absolute;
    left: 0in;
    font-family: Arial Narrow;
    font-weight: bold;
    font-size: 10.5px; /*7.5pt;*/
    top: .304in;
}

.reg {
    position: absolute;
    left: 0in;
    font-family: Arial Narrow;
    font-size: 10px; /*7.5pt;*/
    top: .42in;
}

.notes {
    position: absolute;
    left: 0in;
    right: 0in;
    top: 1.56in;
    font-family: Arial;
    font-size: 12px;
    line-height: 12px;
    text-indent: -.083in;
    margin-left: .083in;
}

.t1d {
    font-weight: bold;
}

.t2d {
    font-weight: bold;
}

.t3d {
    font-weight: bold;
}

.t4d {
    font-weight: bold;
}

.t3 {
    text-indent: -20px;
    margin-left: 20px;
    margin-top: 10px;
}

.i1 {
    background-position: left;
    margin-left: 10px;
    padding-left: 20px;
    text-indent: -20px;
    background-image: url('BT/doubleLines.png');
    background-repeat: repeat-y;
}

.i2 {
    margin-left: 10px;
    padding-left: 30px;
    text-indent: -20px;
    background-position: left;
    background-image: url('BT/doubleSingleLines.png');
    background-repeat: repeat-y;
}

.i3 {
    margin-left: 10px;
    padding-left: 40px;
    text-indent: -20px;
    background-position: left;
    background-image: url('BT/doubleSingleSingleLines.png');
    background-repeat: repeat-y;
}

.b {
    font-weight: bold;
}

.i {
    font-style: italic;
}

.endcol {
    text-align: right;
}

.endcol {
    page-break-after: always;
}

.t2 {
    /*adding-bottom:5px;*/
    font-size: 12px;
    line-height: 13px;
    font-family: Arial;
}
