/***************** Fonts ****************************/
    @font-face
    {
        font-family: Arial;
        src: url(css/arial.ttf);
    } 
    @font-face 
    {
        font-family: Arial Italic;
        src: url(css/ariali.ttf);
    }
    @font-face
    {
        font-family: Arial Bold;
        src: url(css/arialbd.ttf);
    }
    @font-face
    {
        font-family: Arial Bold Italic;
        src: url(css/arialbi.ttf);
    }
    @font-face
    {
        font-family: Arial Narrow;
        src: url(css/ARIALN.TTF);
    }
    @font-face
    {
        font-family: Arial Narrow Italic;
        src: url(css/ARIALNI.TTF);
    }
    @font-face
    {
        font-family: Arial Narrow Bold;
        src: url(css/ARIALNB.TTF);
    }
    @font-face
    {
        font-family: Arial Narrow Bold Italic;
        src: url(css/ARIALNBI.TTF);
    }
    @font-face
    {
        font-family: Arial Blackoak Std;
        src: url(css/ariblk.ttf);
    }
    @font-face
    {
        font-family: Arial Black Italic;
        src: url(css/ARBLI_.TTF);
    }    

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;
        /*height: 8.5in;*/
    }
    .consignment 
    {
        position: relative;
        overflow: visible;
        /*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-top: .175in;
        margin-bottom: .375in;
        margin-left: .5in;
        margin-right: .5in;
        width: 4.25in;
        /*height: 10.5in;*/
        /*height: 3.75in;*/
		height: 8.25in;
		overeflow: visible;
    }
    .consignment:nth-child(even) {
        /*border-bottom: 1px solid Silver;*/
    }
}

@media print {
    @page {
        size: 5.25in 8.5in;
        margin-top: .3in;
        margin-bottom: .3in;
        margin-left: .375in;
        margin-right: .375in;
    }

    body {
        overflow: visible;
        margin: 0px;
        padding: 0px;
        background-color: white;
    }
    #mainContainer {
        float: none;
        width: 4.5in;
        height: 7.9in;
        /*margin-left: .5in;*/
        /*margin-top: .3in;*/
    }
    .consignment {
        float: none;
        width: 4.5in;
		height: 3.95in;
        overflow: visible;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }
    .consignment:nth-child(4n+3) 
    {
       /* top: .3in;*/
    }
    .consignment:nth-child(4n+1) 
    {
       /* top: .3in;*/
    }
}

    .hl 
    {
        position: absolute;
        left: 0in;
        white-space: nowrap;
        font-size: 19px;
        top: 0in;
        font-family: Arial;
        font-weight: bold;
    }
    .hr 
    {
        position: absolute;
        right: 0in;
        white-space: nowrap;
        font-size: 19px;
        top: 0in;
        font-family: Arial;
        font-weight: bold;
    }
    .c 
    {
        position: absolute;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        font-size: 13px;
        left: 65px;
        right: 65px;
        top: 0in;
        font-family: Arial Narrow;
    }
    .g 
    {
        position: absolute;
        text-align: center;
        right: 65px;
        white-space: nowrap;
        font-size: 20px;
        font-weight: bold;
        left: 65px;
        top: .165in;
        font-family: ;
    }
    .nol 
    {
        position: absolute;
        left: 0in;
        text-align: center;
        white-space: nowrap;
        font-size: 24px;
        top: .23in;
        width: 65px;
        font-family: Arial;
        font-weight: bold;
    }
    .nor 
    {
        position: absolute;
        right: 0in;
        text-align: center;
        white-space: nowrap;
        font-size: 24px;
        top: .23in;
        width: 65px;
        font-family: Arial;
        font-weight: bold;
    }
    .yfs 
    {
        position: absolute;
        text-align: center;
        white-space: nowrap;
        font-size: 13px;
        left: 65px;
        top: .43in;
        right: 65px;
        font-family: ;
    }
    .famTree 
    {
        position: absolute;
        left: 0px;
        right: 0px;
        top: .7in;
        font-family: Arial Narrow;
    }
    .s1a, .s1b, .s1c, .s1d 
    {
        position: relative;
        text-indent: 75%;
        white-space: nowrap;
        font-size: 13px;
        line-height: 0px;
    }
    .s2a, .s2b 
    {
        position: relative;
        text-indent: 42%;
        white-space: nowrap;
        font-size: 13px;
        line-height: 10px;
    }
    .s3 
    {
        position: relative;
        text-indent: 8%;
        white-space: nowrap;
        font-size: 13px;
        margin-top: -2px;
    }
    .b1 
    {
        position: relative;
        line-height: 0px;
        font-size: 18px;
        text-indent: 73%;
        top: -5px;
        font-family: Arial;
    }
    .b2 
    {
        position: relative;
        line-height: 0px;
        -webkit-transform: scale(.6, 1.0);
        -moz-transform: scale(.6, 1.0);
        -ms-transform: scale(.6, 1.0);
        -o-transform: scale(.6, 1.0);
        transform: scale(.6, 1.0);
        font-size: 38px;
        text-indent: 32%;
        top: -14px;
        font-family: Arial;
    }
    .d1a, .d1b, .d1c, .d1d 
    {
        position: relative;
        text-indent: 75%;
        white-space: nowrap;
        font-size: 13px;
        line-height: 7px;
    }
    .d2a, .d2b 
    {
        position: relative;
        text-indent: 42%;
        white-space: nowrap;
        font-size: 13px;
        line-height: 10px;
    }
    .d3 
    {
        position: relative;
        text-indent: 8%;
        white-space: nowrap;
        font-size: 13px;
        margin-top: -2px;
    }
    .dy 
    {
        position: relative;
        text-indent: 12%;
        line-height: 0px;
        top: 5px;
        font-size: 13px;
        font-family: ;
    }
    .h 
    {
        font-size: 13px;
        font-weight: bold;
        font-family: Arial;
        margin-top: -7px;
    }
    .reg 
    {
        line-height: 0px;
        margin-top: 6px;
        font-family: ;
    }
    .notes 
    {
        position: absolute;
        left: 0in;
        right: 0in;
        overflow: hidden;
        top: 1.9in;
        font-family: ;
    }
	.endcol
	{
	 /*page-break-after: always;*/
	}
    .t2 
    {
        word-spacing: 0px;
        margin-top: 1px;
		font-size: 11px;
        line-height: 11px;
        font-family: Arial;
    }