table.layout
{
    margin-top: 4px;
    width: 100%;
    border: 1px solid silver;
}

table.imgTable
{
    border: 1px solid silver;
    width: 98%;
}

table.imgTable td
{
    text-align: center;
    vertical-align: middle;
    border: 1px solid silver;
    padding-bottom: 10px;
}

table.samplePics
{
    border: none;
    width: 95%;
}

table.samplePics td
{
    text-align: center;
    vertical-align: top;
    padding: 0 4px 0 4px;
    margin: 0;
    font-size: 0.8em;
}

table.samplePics td.image
{
    vertical-align: middle;
}

td.headerRow
{
    width: 100%;
    border-bottom: 1px solid silver;
}

td.contentCol
{
    vertical-align: top;
    width: 100%;
}

td.sidebarCol
{
    vertical-align: top;
    width: 80px;
    border-right: 1px solid silver;
}

td.footerRow
{
    width: 100%;
    border-top: 1px solid navy;
}

th
{
    vertical-align: top;
    background-color: #99ccff;    
}

table.consignments {margin: 8px 0 12px 0; width: 98%; border: 1px solid blue;}
table.consignments  td  {padding: 0 3px 0 3px; border: 1px solid #f5f5dc;}
tr.totalRow {font-weight: bold; background-color: #99ffcc;}

table.info {margin: 8px 0 12px 0; width: 100%; border: 1px solid #ccffff; font-size: smaller;}
table.info  td  {text-align: center; padding: 0 3px 0 3px; border: 1px solid #ccffff;}
table.info th {background-color: #ccffff};

.internal_header {background-color: #ffff99;}

col.c1 {text-align: left}
col.c2 {text-align: center}
col.c3 {text-align: right}

td.c1 {text-align: left}

col.left {text-align: left}
col.center {text-align: center}
col.right {text-align: right}

td.left {text-align: left}
td.center {text-align: center}
td.right {text-align: right}

td.image {text-align: center}