/*
===============
FORM STYLES
===============
*/

form{
	margin: 0px;
	padding: 0px;
}

.disabled {
	background: #e2e2e2;
}

#container #tools-topper {
	float: left;
	width: 720px;
	height: 15px;
	background: #e2e2e2 url(/Images/rightColBG.jpg) repeat-x;
	margin: 5px 0px 10px 0px;
	position: relative;
	padding: 15px;
}

* html #container #tools-topper {
	padding: 0px 15px;
}
#container #tools-topper h3 {
	color: #333333;
	line-height: 15px;
}

* html #container #tools-topper h3 {
	margin-top: 15px;
}

#container #tools-topper a {
	font-weight: bold;
}

#container #content-topper p {
	line-height: 24px;
	font-size: 13px;
}

input[type="text"], select, textarea {
	border: 1px solid #CCC;
}

input[type="text"] {
	height: 17px;
}


#tools-content {
	float: left;
	width: 518px;
	min-height: 333px !important;
	background: #FFF;
	border: 1px solid #d7d7d7;
	padding: 10px;
}

#tools-content h3 {
	font-size: 14px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#tools-content h4 {
	padding: 0px;
	background: #e2e2e2;
	padding: 3px 9px;
	margin: 10px 0px 10px 0px;
	width: 499px;
	height: 18px;
	font-weight: bold;
	color: #666;
	border: none;
	font-size: 12px;
}

#tools-content .success {
	font-weight: bold;
	color: #006633;
	font-size:  14px;
}

#tools-content fieldset {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: none;
}

#tools-content fieldset h5 {
	font-size: 12px;
	margin: 0px 0px 5px 0px;
}

#tools-content fieldset input, #tools-content fieldset select {
	width: 140px;
}

#tools-content .checkbox input, #tools-content .radio input {
	width: 20px;
	float: left;
	margin: 3px 3px 0px 0px;
	*margin: 0px 3px 0px 0px;
}


#tools-content .accessorial {
	float: left;
	font-size: 11px;
}

#tools-content .tooltip {
	background: #666 url(/Images/tooltip.gif);
	width: 21px;
	height: 14px;
	display: inline-block;
	float: right;
	margin-top: 2px;
}

#tools-content fieldset .clear {
	clear: both;
	height: 10px;
}

#tools-content .two-col {
	float: left;
	width: 240px;
}


#tools-content fieldset .two-col {
	float: left;
	width: 235px;
}

#tools-content .field-title {
	width: 150px;
	margin-right: 10px;
	float: left;
	font-weight: bold;
	color: #666666;
}

#tools-content .field-info {
	float: left;
	width: 350px;
}

#tools-content .three-col {
	float: left;
	width: 162px;
	margin-left: 7px;
}


#tools-content .four-col {
	float: left;
	width: 120px;
	margin-left: 7px;
}

#tools-content .five-col {
	width: 94px;
	float: left;
	margin-left: 7px;
}

#tools-content .six-col {
	float: left;
	width: 70px;
	margin-right: 13px;
}

#tools-content .six-col .tooltip {
	background: #666 url(/Images/tooltip.gif);
	width: 21px;
	height: 14px;
	float: right;
}

#tools-content .six-col input, #tools-content .six-col select {
	width: 70px;
}

#tools-content .add-another {
	padding: 5px 0px 10px 0px;
	color: #006633;
	font-size: 11px;
	clear: both;
}

#tools-content fieldset .form-highlight {
	width: 495px;
	padding: 5px 10px;
	margin-bottom: 10px;
	border: 1px solid #FFCC33;
	background: #FFFF99;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
}

#tools-content .prepaid-notice {
	border: 1px solid #990000;
	padding: 5px;
}

* html #tools-content .prepaid-notice div.checkbox {
	border: 1px solid #FFF;
}

#tools-content .form-note {
	padding: 5px;
	border: 1px solid #FFCC66;
	background: #FFFFCC;
	color: #990000;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

#tools-content .tools-button {
	/*background: #009900 url(/Images/submit-button-gradient.jpg) repeat-x;*/
	width: 90px;
	height: 30px;
	/*text-align: center;
	line-height: 28px;
	border: 1px solid #003300;*/
	float: left;
}

#tools-content .tools-button a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 90px;
	height: 30px;
	cursor: pointer;
	cursor: hand;
}

#tools-content .cancel-button {
	float: left;
	line-height: 30px;
	margin-left: 10px;
}

#tools-content .cancel-button a {
	color: #666;
}

/*
===============
INPUT WIDTHS
===============
*/

#tools-content input.multiple-email-addresses{
	width: 400px;
}

#tools-content input.recipient-email {
	width: 250px;
}

#tools-content input.pro-number, #tools-content input.name, #tools-content input.address, #tools-content input.email, #tools-content input.description{
	width: 200px;
}


#tools-content input.zip-code, #tools-content select.class, #tools-content input.weight, #tools-content input.pieces, #tools-content input.cod-amount, #tools-content input.customer-discount, #tools-content input.label, #tools-content select.label, #tools-content input.date {
	width: 110px;
} 

#tools-content input.city, #tools-content select.country {
	width: 200px;
	/*width: 130px;*/
}

#tools-content select.state {
	width: 60px;
}

#tools-content input.city-state {
	width: 140px;
	margin-right: 10px;
}

#tools-content select.city-state {
	width: 60px;
}

#tools-content input.phone-number {
	width: 120px;
	float: left;
	margin-right: 10px;
}

#tools-content input.phone-ext {
	width: 68px;
	float: left;
	margin-right: 15px;
}

#tools-content .four-col select, #tools-content .four-col input {
	width: 115px;
}

#tools-content .five-col select, #tools-content .five-col input {
	width: 90px;
}

#tools-content .or {
	float: right;
	margin-right: 45px;
	font-weight: bold;
}

#tools-content .two-col textarea {
	width: 200px;
	height: 40px;
}

#tools-content  .measured-in {
	margin-left: 0px;
}


/*
===============
SHIP 1-2-3 COL
===============
*/

#ship-123-col {
	width: 180px;
	padding: 5px;
	background: #efefef url(/Images/rightColBG.jpg) repeat-x;
	float: left;
	margin-right: 20px;
	position: relative;
	z-index: 2000;
}

#ship-123-col .ship-123-container {
	width: 180px;
	background: #F7f7f7;
	position: relative;
}

#ship-123-col .ship-123-container h3 {
	width: 170px;
	background: #006633;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

#ship-123-col .ship-123-container .tool-container {
	position: relative;
	z-index: 2000;
	margin: 15px 0px 15px 0px;
	width: 160px;
	height: 50px;
	display: block;
	padding: 5px 10px;
}

#ship-123-col .ship-123-container .tool-container a {
	display: block;
	width: 160px;
	height: 50px;
	color: #666;
	text-decoration: none;
}

#ship-123-col .ship-123-container .tool-container a:hover {
	color: #333;
}

#ship-123-col .ship-123-container .active {
	border: 1px solid #CCC;
	border-right: 1px solid #FFF;
	width: 184px;
	background: #FFF;
}

#ship-123-col .ship-123-container .active a {
	color: #333;
}

/*different active style necessary for IE6 :( */
* html #ship-123-col .ship-123-container .active {
	width: 160px;
	border: none;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #FFF;
}

#ship-123-col .ship-123-container .step-number {
	font-size: 24px;
	color: #CCC;
	float: left;
	font-weight: bold;
	margin-right: 10px;
	line-height: 50px;
}

* html #-col .ship-123-container .step-number {
	font-size: 24px;
	margin-right: 10px;
	margin-left: 0px;
}

#ship-123-col .ship-123-container .active .step-number {
	color: #006633;
}


#ship-123-col .ship-123-container .tool-info {
	float: left;
}

#ship-123-col .ship-123-container .tool-info .tool-title {
	font-weight: bold;
	margin-bottom: 5px;
}

* html #ship-123-col .ship-123-container .tool-info .tool-title {
	margin-bottom: 0px;
}

#ship-123-col .ship-123-container .tool-info .tool-description {
	font-size: 11px;
	width: 130px;
	line-height: 12px;
}

#tools-content span.optional {
	font-size: 11px;
	color: #666;
}

#tools-content .expand-collapse {
	background: url(/Images/expanded.gif) no-repeat;
	/*background: url(/Images/collapsed.gif);*/
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 5px;
	cursor: pointer;
	cursor: hand; 	
}

#tools-content .expanded {
	background: url(/Images/expanded.gif) no-repeat;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 5px;
	cursor: pointer;
	cursor: hand; 	
}

#tools-content .collapsed {
	background: url(/Images/collapsed.gif) no-repeat;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 5px;
	cursor: pointer;
	cursor: hand; 	
}

/*
===============
RATE QUOTE SPECIFIC
===============
*/

.rate-quote-tool #tools-content .tools-tabs {
	background: #d7d7d7;
	width: 518px;
	height: 34px;
	margin: 0px;
}

.rate-quote-tool #tools-content .tools-tabs li {
	list-style: none;
	float: left;
	margin: 0px 3px;
}

.rate-quote-tool #tools-content .tools-tabs li a {
	background: url(/Images/services-tab.gif) -143px 0px no-repeat;
	width: 143px;
	height: 29px;
	margin-top: 5px;
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 29px;
	color: #FFF;
}	

.rate-quote-tool #tools-content .tools-tabs li a:hover {
	background: url(/Images/services-tab.gif) -0px 0px no-repeat;
	color: #333;
}

.rate-quote-tool #tools-content .tools-tabs li .active {
	background: url(/Images/services-tab.gif) -0px 0px no-repeat;
	color: #333;
	font-weight: bold;
}

.rate-quote-tool #tools-content .results-tabs {
	margin-left: 149px;
	height: 32px;
	border-left: 1px solid #e2e2e2;
}

.rate-quote-tool #tools-content .results-tabs li {
	width: 84px;
	height: 24px;
	float: left;
	border: 1px solid #e2e2e2;
	border-left: none;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	text-align: right;
	padding: 3px;
}

.rate-quote-tool #tools-content .results-tabs li a {
	display: block;
	color: #333;
	text-decoration: none;
}

.rate-quote-tool #tools-content .results-tabs .gshw-tab {
	background: #ff781c url(/Images/table-gshw.gif);
}

.rate-quote-tool #tools-content .results-tabs .gsam-tab {
	background: #ff9900 url(/Images/table-gsam.gif);
}

.rate-quote-tool #tools-content .results-tabs .gsds-tab {
	background: #ffcc02 url(/Images/table-gsds.gif);
}

.rate-quote-tool #tools-content .results-tabs .std-tab {
	background: #99cc33 url(/Images/table-std.gif);
}

.rate-quote-tool #tools-content .results-tabs #gshw-active {
	border: 1px solid #ff781c;
	border-bottom: 1px solid #FFF !important;
} 

.rate-quote-tool #tools-content #gshw-active {
	border: 1px solid #ff781c;
}

.rate-quote-tool #tools-content #gsam-active {
	border: 1px solid #ff9900;
}

.rate-quote-tool #tools-content #gsds-active {
	border: 1px solid #ffcc02;
}

.rate-quote-tool #tools-content #std-active {
	border: 1px solid #99cc33;
}

.rate-quote-tool #tools-content .rate-quote-results-content {
	width: 493px;
	padding: 10px;
}

* html .rate-quote-tool #tools-content .rate-quote-results-content {
	padding: 6px;
}

.rate-quote-tool #tools-content .rate-quote-results-content .left-col {
	width: 244px;
	float: left;
}

.rate-quote-tool #tools-content .rate-quote-results-content .right-col {
	width: 245px;
	float: left;
}

.rate-quote-tool #tools-content .rate-quote-results-content .origin-col, #tools-content .rate-quote-results-content .destination-col {
	border: 1px solid #CCC;
	height: 117px;
}
.rate-quote-tool #tools-content .rate-quote-results-content .origin-label {
	background: #CCC url(/Images/origin-label.gif);
	width: 24px;
	height: 117px;
	float: left;
	margin-right: 10px;
}

.rate-quote-tool #tools-content .rate-quote-results-content .destination-label {
	background: #CCC url(/Images/destination-label.gif);
	width: 24px;
	height: 117px;
	float: left;
	margin-right: 10px;
}
.rate-quote-tool #tools-content .rate-quote-results-content .origin-info, 
.rate-quote-tool #tools-content .rate-quote-results-content .destination-info {
	padding-top: 10px;
}

.rate-quote-tool #tools-content .rate-quote-results-content h4 {
	width: 478px;
}


.rate-quote-tool #tools-content .rate-quote-results-content .services-table {
	font-size: 11px;
	border-collapse: collapse;
}

.rate-quote-tool #tools-content .rate-quote-results-content .services-table .first {
	border-left: none;
	font-weight: bold;
}

.rate-quote-tool tools-content .rate-quote-results-content .services-table .last {
	border-right: none;
}


.rate-quote-tool #tools-content .rate-quote-results-content .services-table th {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	height: 20px;
}

v#tools-content .rate-quote-results-content .services-table .left-text {
	text-align: left;
}

.rate-quote-tool #tools-content .rate-quote-results-content .services-table td {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	height: 20px;
}

.rate-quote-tool #tools-content .rate-quote-results-content .services-table .service-included {
	width: 10px;
	height: 10px;
	background: #006600;
}

.rate-quote-tool #tools-content .rate-quote-results-content .services-table .price {
	font-weight: bold;
	font-size: 15px;
}

.rate-quote-tool #tools-content .rate-quote-results-content .services-table .small-btn {
	width: 70px;
	height: 20px;
	line-height: 20px;
}

.rate-quote-tool #tools-content .rate-quote-results-content .services-table .row-highlight {
	background: #FFFF99;
}

/*
===============
SERVICE LEVELS TABLE
===============
*/

#tools-content table.guaranteed-service-options {
	border: 1px solid #e2e2e2;
	border-collapse: collapse;
	width: 517px;
}

#tools-content table.guaranteed-service-options th {
	font-size: 10px;
	text-align: right;
	line-height: 11px;	
	width: 86px;
	height: 26px;
	padding: 2px;
	border: 1px solid #e2e2e2;
	border-collapse: collapse;
	position: relative;
}


#tools-content table.guaranteed-service-options .gshw-th {
	background: #ffe4d2 url(/Images/table-gshw.gif) no-repeat;
}

#tools-content table.guaranteed-service-options .gsam-th {
	background: #ffedcf url(/Images/table-gsam.gif) no-repeat;
}

#tools-content table.guaranteed-service-options .gsds-th {
	background: #fff6cf url(/Images/table-gsds.gif) no-repeat;
}

#tools-content table.guaranteed-service-options .std-th {
	background: #e7f3d9 url(/Images/table-std.gif) no-repeat;
}


#tools-content table.guaranteed-service-options td {
	max-width: 90px;
	height: 12px;
	font-size: 11px;
	border: 1px solid #e2e2e2;
	border-collapse: collapse;
}

#tools-content table.guaranteed-service-options td.highlight-cell {
	background: #FFFFCC;
}

#tools-content table.guaranteed-service-options .price {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#tools-content table.guaranteed-service-options .price-not-available {
	text-align: center;
	font-size: 10px;
	font-style: italic;
	line-height: 12px;
}

#tools-content table.guaranteed-service-options th:first-child, #tools-content table.guaranteed-service-options td:first-child {
	width: 149px !important;
	padding: 4px;
}

* html #tools-content .guaranteed-service-options th.first-child, * html #tools-content .guaranteed-service-options td.first-child  {
	width: 149px;
}

#tools-content table.guaranteed-service-options .radio {
	width: 90px;
}

#tools-content table.guaranteed-service-options .available {
	width: 10px;
	height: 10px;
	background: #006633;
	display: block;
	margin-top: 2px;
	margin-left: 40px;
}


#tools-content table .tools-button {
	background: #009900 url(/Images/submit-button-gradient.jpg) repeat-x;
	width: 80px;
	height: 20px;
	text-align: center;
	line-height: 18px;
	border: 1px solid #003300;
	float: left;
	margin-left: 3px;
}

#tools-content table .tools-button a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 80px;
	height: 20px;
	cursor: pointer;
	cursor: hand;
}

#tools-content .not-available {
	background: #333;
	opacity:0.7;
	filter:alpha(opacity=70);
	width: 89px;
	height: 251px;
	position: absolute;
	z-index: 3000;
	top: -1px;
	left: -1px;
}

* html #tools-content .not-available {
	width: 92px;
	height: 205px;
}

#tools-content .not-available-text {
	background: #666 url(/Images/not-available-overlay.png);
	display: block;
	width: 19px;
	height: 177px;
	position: absolute;
	left: 36px;
	top: 32px;
	*top: 40px;
}

* html #tools-content .not-available-text {
	top: 17px;
}

#tools-content .email-address-note {
	font-size: 10px;
	color: #666;
	font-style: italic;
}

#main-content .open-template-menu {
	background: url(/Images/bol-images.png) no-repeat;
	background-position: -60px 0px;
	width: 20px;
	height: 20px;
}

#main-content .open-template-menu a {
	display: block;
	width: 20px;
	height: 20px;
}

#main-content .add-from-address-book {
	background: url(/Images/bol-images.png) no-repeat;
	background-position: -80px 0px;
	width: 25px;
	height: 15px;
}

#main-content li.add-from-address-book {
	margin-left: -5px !important;
}

#main-content li.add-from-address-book span {
	margin-left: 35px !important;
}

#main-content .add-from-address-book a {
	display: block;
	width: 25px;
	height: 15px;
}

#main-content .save-to-address-book {
	background: url(/Images/bol-images.png) no-repeat;
	background-position: -107px 0px;
	width: 14px;
	height: 14px;
}

#main-content .save-to-address-book a {
	display: block;
	width: 14px;
	height: 14px;
}

#main-content .save-fsi {
	background: url(/Images/bol-images.png) no-repeat;
	background-position: -107px 0px;
	width: 14px;
	height: 14px;
}

#main-content .save-fsi a {	
	display: block;
	width: 14px;
	height: 14px;
}

#main-content .insert-fsi {
	background: url(/Images/bol-images.png) no-repeat;
	background-position: -138px 0px;
	width: 19px;
	height: 11px;
}

#main-content .insert-fsi a {
	display: block;
	width: 19px;
	height: 11px;
}

#main-content .fsi-note {
	font-size: 10px;
	padding-bottom: 10px;
	text-align: center;
}

#tools-content h4 span.save-to-address-book, h4 span.add-from-address-book {
	margin-top: 3px;
}

#tools-content a.use-template {
	font-size: 11px;
	font-weight: normal;
}

#tools-content .currently-showing {
	float: right;
	font-size: 10px;
}

#tools-content .currently-showing-left {
	float: left;
	font-size: 10px;
}

#tools-content .currently-showing select {
	width: 60px;
}



/*
===============
DOC RETRIEVAL SPECIFIC
===============
*/


.document-retrieval-tool #tools-content .document-preview {
	width: 120px;
	float: left;
	margin: 10px 12px 0px 0px;
}

.document-retrieval-tool #tools-content .document-preview-last {
	width: 120px;
	float: left;
	margin: 10px 0px 0px 0px;	
}

.document-retrieval-tool #tools-content .preview {
	width: 117px;
	height: 75px;
	border: 1px solid #666;
	margin-bottom: 5px;
}

.document-retrieval-tool #tools-content .preview a {
	width: 117px;
	height: 75px;
	display: block;
	color: #333;
	text-decoration: none;
}

.document-retrieval-tool #tools-content #delivery-receipt-preview {
	background: url(/Images/delivery-receipt-preview.gif);
}

.document-retrieval-tool #tools-content #bill-of-lading-preview {
	background: url(/Images/bill-of-lading-preview.gif);
}

.document-retrieval-tool #tools-content #weight-certificate-preview {
	background: url(/Images/weight-certificate-preview.gif);
}

.document-retrieval-tool #tools-content #invoice-preview {
	background: url(/Images/invoice-preview.gif);
}

.document-retrieval-tool #tools-content .preview .preview-type {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
}

.document-retrieval-tool #tools-content #invoice-preview .preview-type {
	margin-top: 25px;
}

.document-retrieval-tool #tools-content .preview-options {
	font-size: 11px;
}


/*
===============
SHIPMENT TRACING SPECIFIC
===============
*/

.shipment-tracing-tool .shipment-number {
	text-transform: uppercase;
	font-weight: bold;
	color: #999;
	float: left;
	margin-right: 20px;
}
.shipment-tracing-tool h4 {
	height: 19px;
}

.shipment-tracing-tool .tracing-type {
	float: left;
	margin-right: 15px;
	width: 80px;
}

.shipment-tracing-tool .tracing-id-number {
	float: left;
	width: 160px;
}

.shipment-tracing-tool .result-container {
	border: 1px solid #CCC;
	padding: 10px;
	margin-top: -10px;
	width:495px;
	font-size: 11px;
}

.shipment-tracing-tool .short-status {
	float: right;
	width: 100px;
	text-align: center;
	text-transform: uppercase;
}

.shipment-tracing-tool span.delivered {
	color: #339900; 
	background: #99FF99;
	border: 1px solid #339900;
}

.shipment-tracing-tool span.in-transit {
	color: #CC9933; 
	background: #FFFF99;
	border: 1px solid #CC9933;
}

.shipment-tracing-tool span.failed {
	color: #FF0000;
	background: #FFCCCC;
	border: 1px solid #FF0000;
}

.shipment-tracing-tool .result-container .status {
	font-weight: bold;
}

.shipment-tracing-tool .result-container .delivered {
	color: #009900;
}

.shipment-tracing-tool .result-container .in-transit {
	color: #FFCC00;
}

.shipment-tracing-tool .result-container .failed {
	color: #990000;
}

.shipment-tracing-tool h5 {
	text-transform: uppercase;
	color: #999;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

.shipment-tracing-tool th {
	font-weight: bold;
}

.shipment-tracing-tool td {
	vertical-align: top;
}

.shipment-tracing-tool .status-cell {
	width: 270px;
}

/*
===============
BILL OF LADING SPECIFIC
===============
*/

.bol-tool .item-container {
	border: 1px solid #CCC;
	background: #efeded;
	padding: 10px;
	height: 100px;
	margin: 0px 0px 10px 0px;
}

.bol-tool #item-information .six-col {
	margin-right: 7px !important;
}

.bol-tool #item-information #nmfc {
	width: 152px;
}


.bol-tool #item-information #nmfc .nmfc-item {
	float: left;
	margin-right: 7px !important;
	*margin-right: 4px !important;
}

.bol-tool #item-information #nmfc .nmfc-number {
	margin-right: 0px;
	float: left;
}

.bol-tool #item-information textarea {
	width: 100%;
	height: 18px;
}

.bol-tool #item-information .item-count {
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}

.bol-tool #item-information .insert-fsi {
	float: left;
	margin: 3px 0px 0px 15px;
}

.bol-tool #item-information .item-hazmat {
	float: right;
}

.bol-tool .declared-value-amount input{
	float: left;
	width: 70px !important;
	margin-right: 7px;
}

.bol-tool .declared-value-measurement input {
	float: left;
	width: 70px !important;
}

.bol-tool .per {
	float: left;
	margin-right: 7px;
}

.bol-tool #special-instructions {
	width: 100%;
	height: 30px;
}

.bol-tool .save-button {
	background: #009900 url(/Images/submit-button-gradient.jpg) repeat-x;
	width: 80px;
	height: 20px;
	text-align: center;
	line-height: 18px;
	border: 1px solid #003300;
	float: left;
	margin-left: 3px;
}

.bol-tool .save-button a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 80px;
	height: 20px;
	cursor: pointer;
	cursor: hand;
}

.bol-tool #inline-pickup-request fieldset h4{
	background: none;
	padding-left: 0px;
	border-bottom: 1px solid #CCC;
}

.bol-tool #bol-right-bar {
	float: left;
	width: 180px;
	margin-right: 30px;
}

* html .bol-tool #ship-123-col {
	margin-right: 17px;
}


* html .bol-tool #bol-right-bar {
	margin-right: 0px !important;
}

* html .bol-tool #bol-right-bar #bol-legend {
	margin-right: 0px !important;
}

.bol-tool #bol-right-bar #bol-legend {
	width: 180px;
	padding: 5px;
	background: #efefef url(/Images/rightColBG.jpg) repeat-x;
	float: left;
	margin: 20px 20px 0px 0px;
	position: relative;
}

.bol-tool #bol-legend .bol-legend-container {
	width: 180px;
	background: #F7f7f7;
	position: relative;
}

.bol-tool #bol-legend .bol-legend-container h3 {
	width: 170px;
	background: #666;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

.bol-tool #bol-legend .bol-legend-container ul  {
	font-size: 10px;
	padding: 10px;
}

.bol-tool #bol-legend .bol-legend-container li {
	margin: 10px 0px;
}

.bol-tool #bol-legend .bol-legend-container li span {
	margin-left: 30px;
	width: 140px;
	display: inline-block;
	line-height: 18px;
}

* html .bol-tool #bol-legend .bol-legend-container li span {
	width: 130px;
}

.bol-tool #bol-legend .bol-legend-container ul .two-lines {
	line-height: 12px;
}

.bol-tool .bol-results .result-container {
	border: 1px solid #CCC;
	padding: 10px;
	margin-top: -10px;
	width:495px;
	font-size: 11px;
}

.bol-tool .bol-results .shipping-label {
	background: url(/Images/shipping-label.gif);
	width: 52px;
	height: 67px;
}



/*
===============
PU REQUEST SPECIFIC
===============
*/

.pickup-request-tool #pur-right-bar {
	float: left;
	width: 180px;
	margin-right: 30px;
}

* html .pickup-request-tool #ship-123-col {
	margin-right: 17px;
}


* html .pickup-request-tool #pur-right-bar {
	margin-right: 0px !important;
}

* html .pickup-request-tool #pur-right-bar #pur-legend {
	margin-right: 0px !important;
}

.pickup-request-tool #pur-right-bar #pur-legend {
	width: 180px;
	padding: 5px;
	background: #efefef url(/Images/rightColBG.jpg) repeat-x;
	float: left;
	margin: 20px 20px 0px 0px;
	position: relative;
}

.pickup-request-tool #pur-legend .pur-legend-container {
	width: 180px;
	background: #F7f7f7;
	position: relative;
}

.pickup-request-tool #pur-legend .pur-legend-container h3 {
	width: 170px;
	background: #666;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

.pickup-request-tool #pur-legend .pur-legend-container ul  {
	font-size: 11px;
	padding: 10px;
}

.pickup-request-tool #pur-legend .pur-legend-container li {
	margin: 10px 0px;
}

.pickup-request-tool #pur-legend .pur-legend-container li span {
	margin-left: 30px;
	width: 140px;
	display: inline-block;
	line-height: 18px;
}

/*
===============
TRANSIT TIMES SPECIFIC
===============
*/

.transit-times-tool .tt-gshw {
	background: url(/Images/services-icons-sprite.jpg) 0px 0px no-repeat;
	width: 27px;
	height: 25px;
	float: left;
	margin: 0px 10px 0px 0px;
}

.transit-times-tool .tt-gsam {
	background: url(/Images/services-icons-sprite.jpg) -27px 0px no-repeat;
	width: 25px;
	height: 25px;
	float: left;
	margin: 0px 10px 0px 0px;
}

.transit-times-tool .tt-gsds {
	background: url(/Images/services-icons-sprite.jpg) -52px 0px no-repeat;
	width: 26px;
	height: 25px;
	float: left;
	margin: 0px 10px 0px 0px;
}

.transit-times-tool .tt-std {
	background: url(/Images/services-icons-sprite.jpg) -78px 0px no-repeat;
	width: 27px;
	height: 25px;
	float: left;
	margin: 0px 10px 0px 0px;
}

.transit-times-tool .tt-gshw a, .transit-times-tool .tt-gsam a, .transit-times-tool .tt-gsds a, .transit-times-tool .tt-std a {
	display: block;
	width: 28px;
	height: 25px;
}



/*
===============
SERVICE POINTS SPECIFIC
===============
*/

.service-maps-table {
	width: 100%;
}

.service-maps-table th {
	border-bottom: 5px solid #CCC;
	padding: 3px;
	font-weight: bold;
}

.service-maps-table td {
	padding: 3px;
	border: 1px solid #CCC;
	border-collapse: collapse;
}


/*
===============
ACTIVITY QUEUE SPECIFIC
===============
*/

.activity-queue-tool {
	background: none;
}

.activity-queue-tool .filter-bar {
	padding: 10px;
	background: #e2e2e2;
}

.activity-queue-tool .filter-bar label {
	font-weight: bold;
}	

.activity-queue-tool .filter-bar input[type="text"] {
	width: 150px;
}

.activity-queue-tool .filter-bar select {
	width: 150px;
}

.activity-queue-tool .filter-bar .button {
	width: 25px;
	height: 16px;
	border: 1px solid #003300;
	margin-top: 2px;
	background: #009900 url(/Images/buttonBG-green.jpg) repeat-x;
	text-align: center;
	line-height: 16px;
	*margin-left: -10px;
}

.activity-queue-tool .filter-bar .button a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.activity-queue-tool .activity-queue-table {
	width: 100%;
	font-size: 11px;
}

.activity-queue-tool .activity-queue-table th {
	border-bottom: 5px solid #CCC;
	padding: 3px;
	font-weight: bold;
}

.activity-queue-tool .activity-queue-table td {
	padding: 3px;
	border: 1px solid #CCC;
	border-collapse: collapse;
}

.activity-queue-tool .activity-queue-table .rate-quote-icon, .activity-queue-tool .activity-queue-table .transit-times-icon, .activity-queue-tool .activity-queue-table .service-map-icon, .activity-queue-tool .activity-queue-table .invoice-icon, .activity-queue-tool .activity-queue-table .shipment-tracing-icon, .activity-queue-tool .activity-queue-table .processing, .activity-queue-tool .activity-queue-table .completed, .activity-queue-tool .activity-queue-table .failed {
	background: url(/Images/web-activity-sprite.png);
	display: inline-block;
	margin-right: 5px;
	height: 17px;
	vertical-align: bottom;
	*vertical-align: middle;
}

.activity-queue-tool .activity-queue-table .rate-quote-icon {
	background-position: 0px 0px;
	width: 15px;
}

.activity-queue-tool .activity-queue-table .transit-times-icon {
	background-position: -15px 0px;
	width: 16px;
}

.activity-queue-tool .activity-queue-table .service-map-icon {
	background-position: -32px 0px;
	width: 15px;
}

.activity-queue-tool .activity-queue-table .invoice-icon {
	background-position: -47px 0px;
	width: 15px;
}

.activity-queue-tool .activity-queue-table .shipment-tracing-icon {
	background-position: -64px 0px;
	width: 15px;
}

.activity-queue-tool .activity-queue-table .processing {
	background-position: -80px 0px;
	width: 15px;
	float: right;
}

.activity-queue-tool .activity-queue-table .completed {
	background-position: -95px 0px;
	width: 15px;
	float: right;
}

.activity-queue-tool .activity-queue-table .failed {
	background-position: -111px 0px;
	width: 15px;
	float: right;
}

.activity-queue-tool #failed-message, .activity-queue-tool #processing-message {
	width: 520px;
	height: 150px;
	margin: auto;
	margin-top: 20px; /*delete later when this is modal */
	border: 1px solid #CCC; /*delete later when this is modal */
	padding: 20px;
}

.activity-queue-tool #failed-message .tool-name, .activity-queue-tool #processing-message .tool-name {
	font-size: 24px;
	color:#666666;
	font-weight: bold;
	float: left;
	line-height: 30px;
	margin: 20px 0px 10px 0px;
}

.activity-queue-tool #failed-message .date-time, .activity-queue-tool #processing-message .date-time {
	font-size: 20px;
	color: #999999;
	font-weight: bold;
	float: left;
	line-height: 30px;
	margin: 20px 0px 10px 20px;
}

.activity-queue-tool #failed-message .reference-number, .activity-queue-tool #processing-message .reference-number {
	clear: both;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
}

.activity-queue-tool #failed-message .failed-image {
	background: url(/Images/failed-image.jpg);
	width: 95px;
	height: 95px;
	margin-right: 20px;
}

.activity-queue-tool #processing-message .processing-image {
	background: url(/Images/processing-image.jpg);
	width: 95px;
	height: 95px;
	margin-right: 20px;
}

/*
===============
ACTIVITY HISTORY SPECIFIC
===============
*/

.activity-history-tool .filter-bar {
	padding: 10px;
	background: #e2e2e2;
}

.activity-history-tool .filter-bar label {
	font-weight: bold;
}	

.activity-history-tool .filter-bar input[type="text"] {
	width: 110px;
}

.activity-history-tool .filter-bar select {
	width: 110px;
}

.activity-history-tool .filter-bar .margin-right {
	margin-right: 20px;
}

.activity-history-tool .filter-bar .button {
	width: 25px;
	height: 16px;
	border: 1px solid #003300;
	margin-top: 20px;
	background: #009900 url(/Images/buttonBG-green.jpg) repeat-x;
	text-align: center;
	line-height: 16px;
	*margin-left: -10px;
}

.activity-history-tool .filter-bar .button a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.activity-history-tool .filter-bar .sales-button {
	font-size: 10px;
	background: #009900 url(/Images/buttonBG-green.jpg) repeat-x;
	margin: 5px 0px; 
	width: 100px;
	height: 20px;
	text-align: center;
}

.activity-history-tool .filter-bar .sales-button a {
	color: #FFF;
	text-decoration: none;
}

.activity-history-tool .filter-bar .sales-button a:hover {
	font-weight: bold;
}

.activity-history-tool .small-text {
	font-size: 12px;
	font-weight: normal;
}

.activity-history-tool .totals-bar {
	padding: 10px;
	background: #C6E7B6;
	border: 1px solid #006600;
}

.activity-history-tool .totals-bar label {
	float: left;
	color: #006600;
	font-weight: bold;
	margin-right: 15px;
}

.activity-history-tool .totals-bar .total-info {
	float: left;
	margin-right: 15px;
}

.activity-history-tool .totals-bar .last {
	margin-right: 0px;
}

.activity-history-tool .totals-bar table {
	width: 100%;
}

.activity-history-tool .totals-bar table th {
	color: #006600;
	font-weight: bold;
}

.activity-history-tool h4 {
	font-weight: normal !important;
	cursor: pointer;
	cursor: hand;
}

.activity-history-tool h4 span.act-hist-pro-number {
	width: 160px;
	display: inline-block;
}

.activity-history-tool h4 span.act-hist-bol-number {
	width: 125px;
	*width: 130px;
	display: inline-block;
}

.activity-history-tool h4 span.links {
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}

.activity-history-tool {
	border: 1px solid #e2e2e2;
	border-top: none;
	margin-top: -10px;
	width: 495px;
	padding: 10px;
}

.activity-history-tool label {
	font-weight: bold;
	color: #666;
	float: left;
	width: 75px;
}

.activity-history-tool .two-col .field-info {
	float: left;
	max-width: 160px;
	height: 20px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display: block;

}

.activity-history-tool .field-info-status {
	float: left;
	width: 405px;
	overflow: hidden;
}

.activity-history-tool .sales-activity-history-table {
	width: 100%;
	font-size: 11px;
}

.activity-history-tool .sales-activity-history-table th, .activity-history-tool .sales-activity-history-table td {
	padding: 3px;
	height: 20px;
}

.activity-history-tool .sales-activity-history-table th {
	background: #e2e2e2;
}

.activity-history-tool .sales-activity-history-table .name {
	width: 85px;
	height: 20px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display: block;
}

/* Mike */
.mail-submit {
float: right;
clear: both; 
}
/** MEDIA PAGE LIGHTBOX **/

.lightbox {
   display: none;    
   position: fixed;
  z-index: 9999;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
  background: rgba(0, 0, 0, 0.5);
}
.lightbox:target {
  display: flex;
}

.lightbox div.media-request {
    right: 11%;
    left: 0;
    width: 100%;
    max-width: 685px;
    height: auto;    
    background: #f7f9f9;
    position: absolute;
    margin: auto;
    z-index: 1000;
    padding: 20px 30px 40px 30px;
    border: 1px #ebebeb solid;
    bottom: 0;
    top: 0;
    max-height: 520px;
}
.media-request {
	color: #444;
}
.media-input.whole{
	display: block;
	width: 100%;
	float:left;
	}
.media-input.half{
	display: inline-block;
	width: 49%;
	}
.media-request h2{
	color: #444;
    font-size: 14px;
    border-bottom: #dadbdb 1px solid;
    line-height: 0em;
    margin: 0 0 15px 0;
}
.media-input input[type=text] , .media-input input[type=date]{
    height: 40px!important;
    width: 100%;
    max-width: 270px;
    padding: 0 10px;
}
.media-request input, .media-request textarea {
	    border: 1px #ebebeb solid;
		cursor:pointer;
}
.media-request textarea {
	width: 97%;
	padding:10px;
}
.media-request input[type=text].shade, .media-request textarea.shade {
    background-color:#f2f2f2;
	border: 1px #ebebeb solid;
	outline:0;
}

.media-request #error-panel-top {
    border: solid 1px red;
    color: Red;
    padding: 3px 5px;
    margin-top: 10px;
    position: absolute;
    background: #fff;
    top: 55px;
    right: 40px;
    width: 25%;
}
.media-contact {
	float: left;
	width:100%;
}
.media-close {	
	float: right;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    color: #bdc2c8;
    margin: -15px -20px;
}
.media-close:hover {
	color: #999;
}
ul.kit-items {
	width: 100%;
}
ul.kit-items li {
	display: inline-block;
    margin: 0 25px 0 0;
    padding:0 0 20px 0;
}
ul.kit-items li input[type=checkbox] {
	width: 20px;
    height: 20px;
    border: 1px #e6e4e4 solid;
    outline: 0;   
   -webkit-appearance: none;
	-moz-appearance: none;
	cursor:pointer;
}
ul.kit-items li input[type=checkbox]:checked+label::after {
	content: url(/images/media-check.png);
    cursor: pointer;
    position: absolute;
    left: -25px;
    top: 1px;
	height:22px;
	width:22px;
}

#media-form  ul.kit-items li label{
	padding-bottom: 10px;
    line-height: 2em;    
    display: inline-block;
    vertical-align: middle;
	position:relative;
}
#MediaRequest, #MediaClear {
	width: 120px;
	height: 40px;
	line-height: 3em;
	outline:0;
	cursor:pointer;
	border:none;
}
#MediaRequest{	
    background: #006647;
    text-align: center;
    color: #fff; 
	position:relative;
}
#MediaClear{
	margin: 0 10px;    
    background: transparent;
    color: #006647;
	position: absolute;
    right: 20%;
}
#MediaClear:hover {
	color: #006633;
	background: #eee;
}
#MediaRequest:hover {
	background: #009900;
}