﻿/***** BILL OF LADING DISPLAY SCREEN STYLES *****/
#bol .bol_display {
	width: 580px;
	background: #eaeaea;
	border: solid 1px #bababa;
	padding: 4px;
}
#bol .bol_display table {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: none;
    background-color: #fff;
}
#bol .bol_display td {
    text-align: left;
	margin: 0px;
	padding: 0px;
}
#bol .bol_display th {
	margin: 0px;
	padding: 0px;
}
#bol .bol_display #div_bol_links {
	width: 570px;
	text-align: right;
	background: #fff;
    border: solid 1px #ababab;
    border-bottom: solid 1px #ababab;
    padding: 4px 8px 4px 0px;
    font-size: 11px;
    margin: auto;
}
#bol .bol_display #div_bol_links a span{font-size:7pt}

#bol .bol_display #div_bol_container {
	width: 570px;
	background-color: #fff;
    padding: 2px 4px 2px 4px;
    border: solid 1px #ababab;
    border-top: none;
    margin: auto;
}
#bol .bol_display #headerleft {
	width: 110px;
	float: left;
    margin-bottom: 0px;
	height: 90px;
}
#bol .bol_display #headerleft img {
	margin-top: 30px;
}
#bol .bol_display #headercenter {
	margin-left: 132px;
	margin-right: 150px;
	text-align: left;
    margin-bottom: 0px;
	height: 90px;
}
#bol .bol_display #headercenter p {
    padding: 0px;
    margin: 0px;
    font-size: 10px;
}
#bol .bol_display #headercenter .first_line{margin-top: 10px;}	
#bol .bol_display #headercenter .website_link{font-size: 10px;}	

#bol .bol_display #headerright {
	width: 148px;
	float: right;
    margin-bottom: 0px;
	height: 90px;
}
#bol .bol_display #info_table {
	border: solid 1px #444;
	width: 140px;
	padding: 0px 0px 0px 2px;
}
#bol .bol_display #info_table td {
	font-size: 8px;
}
#bol .bol_display #info_table .info_left {
	background: #444;
	color: #fff;
	text-align: left;
	border-bottom: solid 1px #fff;
	border-left: solid 1px #444;
	border-right: solid 1px #444;
	width: 54px;
}
#bol .bol_display #info_table .info_bottom_left {
	background: #444;
	color: #fff;
	text-align: left;
	border-left: solid 1px #444;
	border-right: solid 1px #444;
	width: 54px;
	vertical-align: top;
}
#bol .bol_display td.info_right {
	text-align: left;
	border-bottom: solid 1px #444;
	padding: 2px;
}
#bol .bol_display td.info_bottom_right {
	text-align: left;
	border-bottom: none;
	padding: 2px;
}
#bol .bol_display #table_parties{font-size:9px;}

#bol .bol_display #table_parties .col1_heading {
	width: 50%;
    color: #000;
    font-weight: bold;
    font-size: 10pt;
    border-top: solid 1px #000;
}
#bol .bol_display #table_parties .col5_heading {
    color: #000;
    font-weight: bold;
    font-size: 10pt;
    padding-left: 2px;
    border-left: solid 1px #000;
    border-top: solid 1px #000;
}
#bol .bol_display #table_parties .col1 {
    font-size: 5pt;
	text-align: left;
}
#bol .bol_display #table_parties .col2_span {
	text-align: left;
    border-bottom: solid 1px #000;
}
#bol .bol_display #table_parties .col2,
#bol .bol_display #table_parties .col6 {
    border-bottom: solid 1px #000;
}
#bol .bol_display #table_parties .col3,
#bol .bol_display #table_parties .col7 {
    font-size: 5pt;
	text-align: left;
}
#bol .bol_display #table_parties .col4,
#bol .bol_display #table_parties .col8 {
	text-align: left;
    border-bottom: solid 1px #000;
}
#bol .bol_display #table_parties .col5 {
    font-size: 5pt;
	text-align: left;
	padding-left: 2px;
    border-left: solid 1px #000;
}
#bol .bol_display #table_parties .col6_span {
	text-align: left;
    border-bottom: solid 1px #000;
}
#bol .bol_display div.bol_pad {
	height: 6px;
	border-bottom: solid 1px #000000;
}
#bol .bol_display #pad_left {
	float: left;
	width: 285px;
	border-right: solid 1px #000000;
}
#bol .bol_display #pad_right {
	float: left;
	width: 284px;
}
#bol .bol_display div.bol_split {
	height: 2px;
	border-bottom: solid 1px #000000;
}
#bol .bol_display #split_left {
	float: left;
	width: 285px;
	border-right: solid 1px #000000;
}
#bol .bol_display #split_right {
	float: left;
	width: 284px;
}
#bol .bol_display table.billto_container {
    float: left;
    border-bottom: solid 1px #000000;
}
#bol .bol_display table.billto_container td.container_left {
	width: 285px;
    vertical-align: top;
    border-right: solid 1px #000000;
}
#bol .bol_display table.billto_container td.container_right {
	width: 284px;
    vertical-align: middle;
    text-align: center;
}
#bol .bol_display table.billto img {
	height: 10px;
    padding-left: 44px;
}
#bol .bol_display table.billto span.bill-to {
    font-size: 7pt;
}
#bol .bol_display table.billto span.hm {
    padding-left: 6px;
    font-size: 1em;
}
#bol .bol_display table.billto_container fieldset {
	width: 150px;
	padding: 8px;
}
#bol .bol_display table.billto td { 
	font-size: .6em;
	text-align: left;
}
#bol .bol_display table.billto .column1 {
	width: 220px;
	border-right: none;
    border-bottom: solid 1px #000;
}
#bol .bol_display table.ship {
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 4px;
	margin-bottom: 4px;
	border-top: solid 1px #000;
}
#bol .bol_display table.ship .ship_left {
	padding: 0;
	width: 566px;
}
#bol .bol_display table.ship .ship_right {
	padding: 0;
	font-size: 5pt;
	padding-left: 4px;
	vertical-align: bottom;
}
#bol .bol_display #table_details th {
	padding: 0;
    font-weight: bold;
    font-size: .5em;
    padding-left: 2px;
    padding-right: 2px;
    background: #444;
    color: #fff;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	text-align: center;
}
#bol .bol_display #table_details .th_right {
	border-right: solid 1px #444;
}
#bol .bol_display #table_details td {
	height: 23px;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}
#bol .bol_display #table_details .det_pieces {
	width: 40px;
	text-align: center;
	font-size: .7em;
}
#bol .bol_display #table_details .det_hazmat {
	width: 15px;
	font-size: .7em;
    vertical-align: middle;
}
#bol .bol_display #table_details .det_desc {
/*	width: 320px; */
	font-size: .7em;
	padding-left: 4px;
	text-align: left;
}
#bol .bol_display #table_details .det_class {
	width: 30px;
	font-size: .7em;
	text-align: right;
	padding-right: 4px;
}
#bol .bol_display #table_details .det_weight {
	width: 50px;
	font-size: .7em;
	text-align: right;
	padding-right: 4px;
}
#bol .bol_display #table_details .det_rate {
	width: 50px;
}
#bol .bol_display #table_details .det_ext {
	width: 60px;
}
#bol .bol_display #table_details .total_weight {
	width: 50px;
	font-size: .7em;
	font-weight: bold;
	text-align: right;
	padding-right: 4px;
	border-top: solid 2px #000;
	border-left: solid 2px #000;
	border-right: solid 3px #000;
	border-bottom: solid 3px #000;
}
#bol .bol_display #table_bol_special span {
	font-size: .7em;
}
#bol .bol_display #table_bol_special td {
	height: 22px;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	vertical-align: top;
	font-size: .7em;
}
#bol .bol_display #col_erp {
	width: 150px;
}
#bol .bol_display #col_sp_inst {
	padding-left: 4px;
}
#bol .bol_display #bol_conditions_top {
	width: 110px;
}
#bol .bol_display #bol_conditions_top td {
	vertical-align: top;
	text-align: center;
}
#bol .bol_display .bol_conditions {
	width: 110px;
	text-align: justify;
	font-size: .7em;
	margin-top: 8px;
	padding: 4px 8px 4px 8px;
	border: solid 1px #7e7e7e;
}
#bol .bol_display #table_cod_container {
	clear: both;
	border: solid 1px #000000;
}
#bol .bol_display #table_cod_container .cod_left {
	width: 340px;
	border-right: solid 1px #000000;
    vertical-align: top;
}
#bol .bol_display #table_cod_container .cod_right {
	width: 226px;
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 6px;
    vertical-align: top;
}
#bol .bol_display #table_cod {
	margin: 0px;
	margin-top: 4px;
	font-size: .5em;
}
#bol .bol_display #table_cod span {
	font-size: 2em;
	font-weight: bold;
	padding-left: 4px;
}
#bol .bol_display #table_cod blockquote {
	margin: 0px 0px 0px 10px;
}
#bol .bol_display #table_cod td.cod_top_cola {
	width: 60px;
	text-align: left;
	vertical-align: top;
	padding-right: 2px;
	border: none;
}
#bol .bol_display #table_cod td.cod_cola {
	width: 60px;
	text-align: left;
	vertical-align: top;
	border: none;
}
#bol .bol_display #table_cod td.cod_top_colb {
	vertical-align: top;
	width: 50px;
	border-top: solid 12px #444444;
	border-right: solid 12px #444444;
}
#bol .bol_display #table_cod td.cod_colb {
	vertical-align: top;
	width: 50px;
	border-right: solid 12px #444444;
}
#bol .bol_display #cod_amount {
	vertical-align: bottom;
	text-align: left;
	font-size: 10pt;
	border-right: solid 12px #444444;
}
#bol .bol_display #cod_amount span {
	font-size: 12pt;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 8px;
}
#bol .bol_display #table_cod td.cod_colc {
	width: 224px;
	vertical-align: top;
    text-align: left;
    padding-left: 4px;
}
#bol .bol_display #table_cod_subtitles td.cod_sub_cola {
	padding: 0;
	width: 18px;
	border: none;
}
#bol .bol_display #table_cod_subtitles td.cod_sub_colb {
	padding: 0;
	width: 84px;
	border-top: solid 1px #000000;
	font-size: .6em;
}
#bol .bol_display #table_cod_subtitles td.cod_sub_colc {
	width: 36px; 
}
#bol .bol_display #table_cod_subtitles td.cod_sub_cold {
	padding: 0;
	vertical-align: top;
	border-top: solid 1px #000000;
	font-size: .6em;
}
#bol .bol_display #table_cod_subtitles td.cod_sub_cole {
	padding: 0;
	width: 6px;
}
#bol .bol_display #table_remit_to {
	font-size: .6em;
}
#bol .bol_display #table_remit_to td {
	padding: 0;
	font-size: .8em;
	height: 12px;
}
#bol .bol_display #table_remit_to #col_remit_to {
	padding-bottom: 6px;
	font-size: .9em;
}
#bol .bol_display #table_remit_to td.rt_cola {
	border: none;
	width: 40px;
	font-size: .7em;
	text-align: left;
}
#bol .bol_display #table_remit_to td.rt_colb {
	font-size: .9em;
	border-bottom: solid 1px #000000;
	width: 120px;
	padding: 0;
}
#bol .bol_display #table_remit_to td.rt_colc {
	width: 35px;
	padding-left: 2px;
	font-size: .7em;
}
#bol .bol_display #table_remit_to td.rt_cold {
	font-size: 7pt;
	width: 60px;
	border-bottom: solid 1px #000;
}
#bol .bol_display #table_remit_to td.rt_underline {
	font-size: 7pt;
	border-bottom: solid 1px #000;
}
#bol .bol_display div.div_cert1 {
	float: left;
	text-align: justify;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	font-size: .5em;
	margin-top: 4px;
}
#bol .bol_display div.div_cert1 p {
	margin: 0px;
}
#bol .bol_display #div_cert1a {
	clear: both;
	width: 284px;
	padding-right: 2px;
	border-right: solid 1px #000;
	padding: 2px 4px 2px 0px;
}
#bol .bol_display #div_cert1b {
	width: 276px;
	padding-left: 2px;
	padding: 2px 0px 2px 4px;
}
#bol .bol_display div.div_cert2 {
	float: left;
	height: 22px;
	border-bottom: solid 1px #000;
}
#bol .bol_display #div_cert2a {
	clear: both;
	width: 54px;
	font-size: .6em;
	text-align: left;
}
#bol .bol_display #div_cert2b {
	width: 230px;
	font-size: .9em;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
	border-right: solid 1px #000;
}
#bol .bol_display #div_cert2c {
	width: 170px;
	text-align: center;
	font-size: .9em;
	border-right: solid 1px #000;
}
#bol .bol_display #div_cert2c p {
	margin-top: 4px;
}
#bol .bol_display #div_cert2d {
	width: 104px;
	text-align: left;
	font-size: .6em;
	padding-left: 4px;
	border-bottom: solid 1px #000;
}
#bol .bol_display div.div_cert3 {
	float: left;
	height: 22px;
	border-bottom: solid 1px #000;
	font-size: .6em;
}
#bol .bol_display #div_cert3a {
	clear: both;
	width: 288px;
	text-align: left;
	border-right: solid 1px #000000;
}
#bol .bol_display #div_cert3b {
	width: 197px;
	text-align: left;
	padding-left: 4px;
	border-right: solid 1px #000000;
}
#bol .bol_display #div_cert3c {
	width: 74px;
	text-align: left;
	vertical-align: top;
	padding-left: 4px;
}
#bol .bol_display div.div_cert4 {
	float: left;
	font-size: .6em;
	margin-bottom: 4px;
	height: 24px;
	border-bottom: solid 1px #000000;
}
#bol .bol_display div.div_cert4 p {
	margin: 0px;
}
#bol .bol_display #div_cert4a {
	clear: both;
	width: 88px;
	font-size: .6em;
	text-align: center;
}
#bol .bol_display #div_cert4b {
	width: 190px;
	font-size: .7em;
	text-align: left;
	padding-left: 8px;
	padding-right: 2px;
	border-right: solid 1px #000000;
}
#bol .bol_display #div_cert4c {
	width: 122px;
	text-align: left;
	padding-left: 4px;
	border-right: solid 1px #000000;
}
#bol .bol_display #div_cert4d {
	width: 70px;
	text-align: left;
	vertical-align: top;
	padding-left: 4px;
	border-right: solid 1px #000000;
}
#bol .bol_display #div_cert4e {
	width: 75px;
	text-align: left;
	vertical-align: top;
	padding-left: 4px;
}
#bol .bol_display .bol_notes {
	margin-bottom: 2px;
}
#bol .bol_display .bol_notes p {
	text-indent: 0px;
	text-align: justify;
	font-size: .5em;
	margin-bottom: 0px;
}

