/*
Cascading Style Sheet (CSS)
Website       : Triple F Logistics BV
Version       : v1.0
Author(s)     : Jack Vermaat (info /[at]/ extrawebdesign.nl)
Company       : Extra-Webdesign
Created on    : December 2008
Last update   : July 2010


/* General formatting
-----------------------------------------------------------------------------*/
html, body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 11px;
	color: #555555;
	font-family: Tahoma, Arial;
	line-height: 18px;
	}

A:link {
	font-size: 11px;
	color: #418e42;
	font-family: Tahoma, Arial;
	text-decoration: underline;
	font-weight: normal;
	}

A:visited {
	font-size: 11px;
	color: #418e42;
	font-family: Tahoma, Arial;
	text-decoration: underline;
	font-weight: normal;
	}

A:hover {
	font-size: 11px;
	color: #46b647;
	font-family: Tahoma, Arial;
	text-decoration: underline;
	font-weight: normal;
	}

A:active {
	font-size: 11px;
	color: #46b647;
	font-family: Tahoma, Arial;
	text-decoration: underline;
	font-weight: normal;
	}

A.frontpage_login:link {
	font-size: 11px;
	color: #ffffff;
	font-family: Tahoma, Arial;
	text-decoration: underline;
	font-weight: bold;
	}

A.frontpage_login:visited {
	font-size: 11px;
	color: #ffffff;
	font-family: Tahoma, Arial;
	text-decoration: underline;
	font-weight: bold;
	}

A.frontpage_login:hover {
	font-size: 11px;
	color: #ffffff;
	font-family: Tahoma, Arial;
	text-decoration: none;
	font-weight: bold;
	}

A.frontpage_login:active {
	font-size: 11px;
	color: #ffffff;
	font-family: Tahoma, Arial;
	text-decoration: none;
	font-weight: bold;
	}

.frontpage_login_text {
	font-size: 11px;
	color: #ffffff;
	font-family: Tahoma, Arial;
	text-decoration: none;
	font-weight: normal;
	}

A.bold:link { 
	font-size: 11px; 
	color: #418e42; 
	font-family: Tahoma, Arial; 
	text-decoration: underline; 
	font-weight: bold; 
	}

A.bold:hover { 
	font-size: 11px; 
	color: #46b647; 
	font-family: Tahoma, Arial; 
	text-decoration: underline; 
	font-weight: bold; 
	}

A.bold:active { 
	font-size: 11px; 
	color: #46b647; 
	font-family: Tahoma, Arial; 
	text-decoration: underline; 
	font-weight: bold; 
	}

A.bold:visited { 
	font-size: 11px; 
	color: #418e42; 
	font-family: Tahoma, Arial; 
	text-decoration: underline; 
	font-weight: bold;
	}

A.bottom:link { 
	font-size: 11px;
	color: #555555;
	font-family: Tahoma, Arial;
	text-decoration: underline;
	font-weight: normal;
	}
	
A.bottom:visited {
	font-size: 11px; 
	color: #555555; 
	font-family: Tahoma, Arial; 
	text-decoration: underline; 
	font-weight: normal; 
	}

A.bottom:hover { 
	font-size: 11px; 
	color: #666666; 
	font-family: Tahoma, Arial; 
	text-decoration: underline; 
	font-weight: normal; 
	}
	
A.bottom:active { 
	font-size: 11px; 
	color: #666666; 
	font-family: Tahoma, Arial; 
	text-decoration: underline; 
	font-weight: normal; 
	}

A.small:link { 
	font-size: 10px; 
	color: #418e42; 
	font-family: Tahoma, Arial; 
	text-decoration: underline; 
	font-weight: normal; 
	}
	
A.small:visited { 
	font-size: 10px; 
	color: #418e42; 
	font-family: Tahoma, Arial;
	text-decoration: underline; 
	font-weight: normal; 
	}
	
A.small:hover { 
	font-size: 10px; 
	color: #46b647; 
	font-family: Tahoma, Arial; 
	text-decoration: underline; 
	font-weight: normal; 
	}
	
A.small:active { 
	font-size: 10px; 
	color: #46b647;
	font-family: Tahoma, Arial; 
	text-decoration: underline; 
	font-weight: normal; 
	}

A.breadcrumb:link { 
	font-size: 10px; 
	color: #555555; 
	font-family: Tahoma, Arial; 
	text-decoration: none; 
	font-weight: normal; 
	}
	
A.breadcrumb:visited { 
	font-size: 10px; 
	color: #555555; 
	font-family: Tahoma, Arial;
	text-decoration: none; 
	font-weight: normal; 
	}
	
A.breadcrumb:hover { 
	font-size: 10px; 
	color: #555555; 
	font-family: Tahoma, Arial; 
	text-decoration: underline; 
	font-weight: normal; 
	}
	
A.breadcrumb:active { 
	font-size: 10px; 
	color: #555555; 
	font-family: Tahoma, Arial; 
	text-decoration: underline; 
	font-weight: normal; 
	}

p, td, .tablecontenttd { 
	font-size: 11px; 
	color: #555555; 
	font-family: Tahoma, Arial; 
	line-height: 18px; 
	}

td.bottom { 
	font-size: 11px; 
	color: #555555; 
	font-family: Tahoma, Arial; 
	line-height: 100%; 
	}
	
td.breadcrumb { 
	font-size: 10px; 
	color: #555555; 
	font-family: Tahoma, Arial; 
	line-height: 100%;
	}

.header, .titel, .tablecontenttdheader { font-family: Tahoma, Arial; font-size: 11px; font-weight: bold; color: #418e42; }

.tripleFgreen {
	font-size: 11px; 
	color: #418f43;
	font-family: Tahoma, Arial; 
	line-height: normal;
	}

.tripleFgray {
	font-size: 11px; 
	color: #555555;
	font-family: Tahoma, Arial; 
	line-height: 15px;
	}

.heading {
	font-size: 11px; 
	color: #555555;
	font-weight: bold; 
	font-family: Tahoma, Arial; 
	line-height: 15px;
	}

div.menuInline {
	font-size: 11px; 
	color: #565656; 
	font-family: Tahoma, Arial; 
	line-height: 15px;
	margin-left: 15px;
	margin-bottom: 8px;
	}

.textfieldLogin {
	background-color: #52ab51;
	border: 1px solid #69cb68;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
	width: 142px;
	height: 14px;
	margin-top: 5px;
	padding-left: 3px;
	}

.buttonLogin {
	background-color: #52ab51;
	border: 1px solid #69cb68;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	height: 18px;
	margin-top: 5px;
	}

.loginform, A.loginform, A.loginform:link, A.loginform:visited, A.loginform:hover, A.loginform:active {
	color: #ffffff;
	}

#activelink {
	font-size: 11px; 
	color: #565656; 
	font-family: Tahoma, Arial; 
	text-decoration: none; 
	font-weight: bold; 
	}

.overviewfiles {
	width: 529px;
	}

.overviewrow {
	padding: 0;
	spacing: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	height: 20px;
	}

.overviewrowfilename {
	position: relative;
	padding-left: 10px;
	float: left;
	width:200px;
	}

.overviewrowdate {
	position: relative;
	float: right;
	padding-right: 10px;
	text-align: right;
	width: 200px;
	}


/* Frontpage News
-----------------------------------------------------------------------------*/
.title_frontpagenews {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	font-weight: bold;
	line-height: 18px;
	}

.text_frontpagenews {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	font-weight: normal;
	line-height: 18px;
	}

.date_frontpagenews {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #418e42;
	font-weight: normal;
	line-height: 18px;
	}

A.frontpagenews:link {
	font-size: 11px;
	color: #418e42;
	font-family: Tahoma, Arial;
	text-decoration: underline;
	font-weight: normal;
	line-height: 18px;
	}

A.frontpagenews:visited {
	font-size: 11px;
	color: #418e42;
	font-family: Tahoma, Arial;
	text-decoration: underline;
	font-weight: normal;
	line-height: 18px;
	}

A.frontpagenews:hover {
	font-size: 11px;
	color: #555555;
	font-family: Tahoma, Arial;
	text-decoration: none;
	font-weight: normal;
	line-height: 18px;
	}

A.frontpagenews:active {
	font-size: 11px;
	color: #555555;
	font-family: Tahoma, Arial;
	text-decoration: none;
	font-weight: normal;
	line-height: 18px;
	}


/* News
-----------------------------------------------------------------------------*/
.title_news {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	font-weight: bold;
	line-height: 18px;
	}

p.text_news {
	margin-top: 5px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	font-weight: normal;
	line-height: 18px;
	}

p.link_news {
	margin-top: -6px;
	_margin-top: -11px; /* -- IE 6 Fix -- */
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	font-weight: normal;
	line-height: 18px;
	}

.date_news {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	font-weight: normal;
	line-height: 18px;
	}

.placedby_news {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	font-weight: normal;
	line-height: 18px;
	}

.pipe_news {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #418e42;
	font-weight: normal;
	line-height: 18px;
	margin-left: 6px;
	margin-right: 6px;
	}

A.news:link {
	font-size: 11px;
	color: #418e42;
	font-family: Tahoma, Arial;
	text-decoration: underline;
	font-weight: normal;
	line-height: 18px;
	}

A.news:visited {
	font-size: 11px;
	color: #418e42;
	font-family: Tahoma, Arial;
	text-decoration: underline;
	font-weight: normal;
	line-height: 18px;
	}

A.news:hover {
	font-size: 11px;
	color: #555555;
	font-family: Tahoma, Arial;
	text-decoration: none;
	font-weight: normal;
	line-height: 18px;
	}

A.news:active {
	font-size: 11px;
	color: #555555;
	font-family: Tahoma, Arial;
	text-decoration: none;
	font-weight: normal;
	line-height: 18px;
	}

p.divider {
	margin-top: 15px;
	margin-bottom: 15px;
	}

#navigationmenu_news_container {
	width: 529px;
	margin-top: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}

.navigationmenu a:link,
.navigationmenu a:visited {
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;
	float: left;
	display: block;
	padding: 2px 5px;
	_padding: 2px 5px 2px 5px; /* -- IE 6 Fix -- */
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
	line-height: 100%;
	}

.navigationmenu a:hover,
.navigationmenu a:active,
.navigationmenu a:focus {
	color: #ffffff;
	padding: 2px 5px;
	line-height: 100%;
	}

.navigationmenu a.navigation_news {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	line-height: 100%;
	}

.navigationmenu a.navigation_news:hover,
.navigationmenu a.navigation_news:active,
.navigationmenu a.navigation_news:focus {
	background-color: #52ab51;
	border: 1px solid #469546;
	line-height: 100%;
	}


/* INTTRA Shipping Instructions
-----------------------------------------------------------------------------*/
.inttra_steps_bg {
	background-image: url(../images/inttra_bg-steps.jpg);
	background-repeat: repeat-x;
	}

.inttra_steps_notactive {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	line-height: 100%;
	margin-left: 10px;
	margin-right: 10px;
	}

.inttra_steps_active {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	line-height: 100%;
	margin-left: 10px;
	margin-right: 10px;
	}

A.inttra_steps:link {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	line-height: 100%;
	margin-left: 10px;
	margin-right: 10px;
	}

A.inttra_steps:visited {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	line-height: 100%;
	margin-left: 10px;
	margin-right: 10px;
	}

A.inttra_steps:hover {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	line-height: 100%;
	margin-left: 10px;
	margin-right: 10px;
	}

A.inttra_steps:active {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	line-height: 100%;
	margin-left: 10px;
	margin-right: 10px;
	}

A.inttra_spreadsheet:link {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	text-decoration: underline;
	font-weight: bold;
	}

A.inttra_spreadsheet:visited {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	text-decoration: underline;
	font-weight: bold;
	}

A.inttra_spreadsheet:hover {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
	}

A.inttra_spreadsheet:active {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
	}

.inttra_textfield_52x18 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 47px;
	height: 14px;
	margin-top: 4px;
	padding-left: 3px;
	}

.inttra_textfield_120x18 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 115px;
	height: 14px;
	margin-top: 4px;
	padding-left: 3px;
	}

.inttra_textfield_132x18 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 127px;
	height: 14px;
	margin-top: 4px;
	padding-left: 3px;
	}

.inttra_textfield_182x18 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 177px;
	height: 14px;
	margin-top: 4px;
	padding-left: 3px;
	}

.inttra_textfield_232x18 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 227px;
	height: 14px;
	margin-top: 4px;
	padding-left: 3px;
	}

.inttra_textfield_232x68 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 227px;
	height: 66px;
	margin-top: 4px;
	padding-left: 3px;
	line-height: 16px;
	}

.inttra_textfield_232x72 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 227px;
	height: 68px;
	margin-top: 4px;
	padding-left: 3px;
	line-height: 16px;
	}
	
.inttra_textfield_212x36 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 207px;
	height: 34px;
	margin-top: 4px;
	padding-left: 3px;
	line-height: 16px;
	}

.inttra_textfield_212x54 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 207px;
	height: 52px;
	margin-top: 4px;
	padding-left: 3px;
	line-height: 16px;
	}

.inttra_textfield_212x72 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 207px;
	height: 68px;
	margin-top: 4px;
	padding-left: 3px;
	line-height: 16px;
	}

.inttra_textfield_126x180 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 121px;
	height: 178px;
	margin-left: 0px;
	margin-top: 4px;
	padding-left: 3px;
	line-height: 16px;
	}

.inttra_textfield_509x108 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 505px;
	height: 106px;
	margin-top: 4px;
	padding-left: 3px;
	line-height: 16px;
	}

.inttra_selectbox_182x18 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 182px;
	height: 18px;
	margin-top: 4px;
	padding-left: 3px;
	}

.inttra_textfield_52x18:focus, 
.inttra_textfield_120x18:focus, 
.inttra_textfield_132x18:focus, 
.inttra_textfield_182x18:focus, 
.inttra_textfield_232x18:focus, 
.inttra_textfield_212x36:focus, 
.inttra_textfield_212x54:focus, 
.inttra_textfield_212x72:focus, 
.inttra_textfield_232x72:focus, 
.inttra_textfield_232x68:focus, 
.inttra_textfield_126x180:focus, 
.inttra_textfield_509x108:focus, 
.inttra_selectbox_182x18:focus {
	border: 1px solid #999999;
	}

.cargodescription.disabled {
	background-color: #f1f1f1;
	border: 1px solid #cccccc;
	color: #888888;
	}

.inttra_form_row1 {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 5px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	}

.inttra_form_row2 {
	background-color: #f7f7f7;
	border-bottom: 1px solid #d3d3d3;
	border-top: 1px solid #ffffff;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 5px;
	}

.inttra_form_controls {
	background-color: #f7f7f7;
	border-bottom: 1px solid #d3d3d3;
	border-top: 1px solid #ffffff;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	}

.inttra_form_row_containercontrols {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 0px;
	}

.inttra_field_marge {
	padding-top: 10px;
	}

.inttra_item {
	margin-top: 20px;
	}

.inttra_lightgrey {
	color: #999999;
	}

.inttra_ajaxbox {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #55555;
	width: 492px;
	margin-top: 3px;	
	background-color: #ffffff;
	border: 1px solid #cccccc;
	}

.inttra_description ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -2px;
	}	

.inttra_description li {
	background: transparent url(../images/bullet.gif) no-repeat scroll 2px 5px;
	padding-left: 12px;
	line-height: 16px;
	}

.inttra_spreadsheet_icon {
	margin-top: 5px;
	}

.inttra_spreadsheet_icon_text {
	line-height: 15px; 
	padding-top: 3px;
	}

A.inttra_containername:link,
A.inttra_containername:visited,
A.inttra_containername:hover,
A.inttra_containername:active { 
	font-size: 11px;
	color: #000000;
	font-family: Tahoma, Arial;
	text-decoration: none;
	font-weight: bold;
	}
	

/* Tooltip Shipping Instructions
-----------------------------------------------------------------------------*/
.tooltip_icon {
	margin-bottom: -2px;
	cursor: help;
	}

.tooltip_header {
	background: url(../images/bg_tooltip_header.jpg);
	background-repeat: repeat-x;
	padding: 5px 8px 5px 8px;
	font-family: Tahoma;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	line-height: 100%;
	}

.tooltip_content {
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	padding: 5px 8px 5px 8px;
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;
	line-height: 17px;
	}

a.tooltip:hover {
	background: #ffffff;
	text-decoration:none;
	}

a.tooltip span {
	display: none;
	margin-left: 6px;
	margin-top: -2px;
	width: 310px;
	}

a.tooltip:hover span {
	display: block;
	display: inline;
	position: absolute;
	background: #ffffff;
	border: 1px solid #ffffff;
	}


/* Personal Page (Navigation)
-----------------------------------------------------------------------------*/
.inttra_navigation_tableborder {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-top: 15px;
	}

.personal_navigation_tableborder_top {
	border-top: 1px solid #cccccc;
	}

.personal_navigation_tableborder_bottom {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}


/* Import Spreadsheet
-----------------------------------------------------------------------------*/
.spreadsheet_header {
	background-image: url(../images/inttra_bg-steps.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	line-height: normal;
	padding-left: 10px;
	}

ul.inttra_spreadsheet_notes {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -2px;
	}	

li.inttra_spreadsheet_notes {
	background: transparent url(../images/inttra_icon_spreadsheet_notes.png) no-repeat scroll 0px 4px;
	color: #999999;
	line-height: 16px;
	margin-bottom: 2px;
	padding-left: 20px;
	padding-top: 2px;
	}

.inttra_spreadsheet_form_controls {
	background-color: #f7f7f7;
	border-top: 1px solid #ffffff;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	}

.inttra_spreadsheet_cancel a {
	display: block;
	float: left;
	margin-left: 10px;
	width: 58px;
	height: 21px;
	background: url("../images/inttra_but_grey_cancel_en.png") 0 0 no-repeat;
	}

.inttra_spreadsheet_annuleren a {
	display: block;
	float: left;
	margin-left: 10px;
	width: 79px;
	height: 21px;
	background: url("../images/inttra_but_grey_cancel_nl.png") 0 0 no-repeat;
	}
	
.inttra_spreadsheet_cancel a:hover, 
.inttra_spreadsheet_annuleren a:hover { 
	background-position: 0 -21px;
	}


/* Import Spreadsheet (Popup settings)
-----------------------------------------------------------------------------*/
div.ajaxbox_shroud {
    display: none;
    position: fixed;
    z-index: -100;
    top: 0;
    left: 0;
    background-color: #000;
    /* for IE */
    filter: alpha(opacity=60);
    /* CSS3 standard */
    opacity:0.6;
    width: 100%;
    height: 100%;
	}

div.ajaxbox_shroud.visible {
    display: block;
    z-index: 100;
	}

div.ajaxbox_box {
    display: none;
    position: fixed;
    z-index: -100;
    background-color: #fff;
    width: 690px;
    height: 470px;
	}

div.ajaxbox_box_temporary {
    width: 100%;
    height: 100%;
    overflow: auto;
	}

div.ajaxbox_box.visible {
    display: block;
    z-index: 200;
	}


/* Shipping Instruction Overview
-----------------------------------------------------------------------------*/ 
.tablepipe {
	color: #d4d4d4;
	margin-left: 8px;
	margin-right: 8px;
	}

.online_sioverview {
	display: block;
	width: 100%;
	width: 529px;
	}

.online_sioverview .tableheader {
	display: block;
	width: 529px;
	height: 34px;
	background-image: url(../images/inttra_bg-steps.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	}

.online_sioverview .row {
	display: block;
	float: left;
	width: 100%;
	height: 26px;
	border-bottom: 1px solid #cccccc;
	}

.online_sioverview .column1 {
	display: block;
	float: left;
	width: 120px;
	padding-top: 3px;
	padding-left: 10px;
	}

.online_sioverview .column2 {
	display: block;
	float: left;
	width: 120px;
	padding-top: 3px;
	}

.online_sioverview .column3 {
	display: block;
	float: left;
	width: 100px;
	padding-top: 3px;
	}

.online_sioverview .column4 {
	display: block;
	float: left;
	width: 40px;
	padding-top: 4px;
	}

.online_sioverview .column5 {
	display: block;
	float: right;
	margin-right: 10px;
	width: 129px;
	text-align: right;
	padding-top: 3px;
	}

.online_sioverview .columntitle1 {
	display: block;
	float: left;
	width: 120px;
	padding-left: 10px;
	padding-top: 7px;
	}

.online_sioverview .columntitle2 {
	display: block;
	float: left;
	width: 120px;
	padding-top: 7px;
	}

.online_sioverview .columntitle3 {
	display: block;
	float: left;
	width: 100px;
	padding-top: 7px;
	}

.online_sioverview .columntitle4 {
	display: block;
	float: left;
	width: 40px;
	padding-top: 7px;
	}


/* Error
-----------------------------------------------------------------------------*/ 
.errorbox {
	border: 1px solid #cccccc;
	padding: 5px 8px 5px 4px;
	background-color: #f7f7f7;
	position: relative;
	margin-top: 0px;
	margin-bottom: 15px;
	}

.errorbox ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -2px;
	}	

.errorbox li {
	background: transparent url(../images/bullet.gif) no-repeat scroll 2px 5px;
	padding-left: 12px;
	color: #ff0000;
	line-height: 16px;
	margin-bottom: 2px;
	}

.errorbox a, 
.errorbox a:hover, 
.errorbox a:active, 
.errorbox a:visited {
	color: #ff0000;
	}


/* Personal Page (Personal files)
-----------------------------------------------------------------------------*/
.overview_personalfiles {
	display: block;
	width: 100%;
	width: 529px;
	}

.overview_personalfiles .tableheader {
	display: block;
	width: 529px;
	height: 34px;
	background-image: url(../images/inttra_bg-steps.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	}

.overview_personalfiles .row {
	display: block;
	float: left;
	width: 100%;
	height: 26px;
	border-bottom: 1px solid #cccccc;
	}

.overview_personalfiles .column1 {
	display: block;
	float: left;
	width: 399px;
	padding-top: 3px;
	padding-left: 10px;
	}

.overview_personalfiles .column2 {
	display: block;
	float: left;
	width: 120px;
	padding-top: 3px;
	}
	
.overview_personalfiles .columntitle1 {
	display: block;
	float: left;
	width: 399px;
	padding-left: 10px;
	padding-top: 7px;
	}

.overview_personalfiles .columntitle2 {
	display: block;
	float: left;
	width: 120px;
	padding-top: 7px;
	}


/* Personal Files Navigation
-----------------------------------------------------------------------------*/ 
#navigationmenu_personalfiles_container {
	width: 529px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
	}

.navigationmenu a:link,
.navigationmenu a:visited {
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;
	float: left;
	display: block;
	padding: 2px 5px;
	_padding: 2px 5px 2px 5px; /* -- IE 6 Fix -- */
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
	}

.navigationmenu a:hover,
.navigationmenu a:active,
.navigationmenu a:focus {
	color: #ffffff;
	padding: 2px 5px;
	}

.navigationmenu a.navigation_personalfiles {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	}

.navigationmenu a.navigation_personalfiles:hover,
.navigationmenu a.navigation_personalfiles:active,
.navigationmenu a.navigation_personalfiles:focus {
	background-color: #52ab51;
	border: 1px solid #469546;
	}

.navigation_text {
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;
	float: right;
	padding-top: 2px;
	}


/* SI Overview Navigation
-----------------------------------------------------------------------------*/ 
#navigationmenu_sioverview_container {
	width: 529px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
	}

.navigationmenu a:link,
.navigationmenu a:visited {
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;
	float: left;
	display: block;
	padding: 2px 5px;
	_padding: 2px 5px 2px 5px; /* -- IE 6 Fix -- */
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
	}

.navigationmenu a:hover,
.navigationmenu a:active,
.navigationmenu a:focus {
	color: #ffffff;
	padding: 2px 5px;
	}

.navigationmenu a.navigation_sioverview {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	}

.navigationmenu a.navigation_sioverview:hover,
.navigationmenu a.navigation_sioverview:active,
.navigationmenu a.navigation_sioverview:focus {
	background-color: #52ab51;
	border: 1px solid #469546;
	}

.navigation_text {
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;
	float: right;
	padding-top: 2px;
	}


/* Quotation-request
-----------------------------------------------------------------------------*/ 
.quotation_form_row1 {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 5px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	font-weight: bold;
	}

.quotation_form_row2 {
	background-color: #f7f7f7;
	border-bottom: 1px solid #d3d3d3;
	border-top: 1px solid #ffffff;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-top: 5px;
	}

.quotation_item {
	margin-top: 20px;
	}

.quotation_label {
	line-height: normal;
	padding-top: 2px;
	}

.quotation_textfield_202x18 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 197px;
	height: 14px;
	padding-left: 3px;
	}

.quotation_textfield_280x90 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555555;
	width: 275px;
	height: 88px;
	line-height: 16px;
	padding-left: 3px;
	}

.quotation_textfield_202x18:focus, 
.quotation_textfield_280x90:focus {
	border: 1px solid #999999;
	}

.quotation_required {
	color: #418f43;
	}


/* Paging
-----------------------------------------------------------------------------*/ 
#paging_container {
	width: 529px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
	margin-top: 5px;
	}

.paging a:link,
.paging a:visited {
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;
	float: left;
	display: block;
	padding: 3px 5px;
	_padding: 3px 5px 3px 5px; /* -- IE 6 Fix -- */
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
	line-height: 100%;
	}

.paging a:hover,
.paging a:active,
.paging a:focus {
	background-color: #52ab51;
	border: 1px solid #469546;
	color: #ffffff;
	padding: 3px 5px;
	}

.paging a.paging_notactive {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	}

.paging a.paging_notactive:hover,
.paging a.paging_notactive:active,
.paging a.paging_notactive:focus {
	background-color: #52ab51;
	border: 1px solid #469546;
	color: #ffffff;
	padding: 3px 5px;
	}

.paging a.paging_active {
	background-color: #52ab51;
	border: 1px solid #469546;
	color: #ffffff;
	padding: 3px 5px;
	}

.paging a.paging_active:hover,
.paging a.paging_active:active,
.paging a.paging_active:focus {
	background-color: #52ab51;
	border: 1px solid #469546;
	color: #ffffff;
	padding: 3px 5px;
	}

.paging .between {
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;
	float: left;
	display: block;
	padding: 3px 5px;
	_padding: 3px 5px 3px 5px; /* -- IE 6 Fix -- */
	font-weight: normal;
	text-decoration: none;
	margin-right: 5px;
	border: 1px solid #dddddd;
	line-height: 100%;
	}

.navigation_text_paging {
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;
	float: right;
	}