/*
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;
}

/* Paging
-----------------------------------------------------------------------------*/
div.paging-cms {
    width: 529px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
    display: inline-block;
    color: #555555;
    padding-bottom: 10px;
    padding-top: 8px;
    margin-bottom: 10px;
}

div.paging-cms-number {
    width: 180px;
    margin-left: 10px;
    margin-top: 3px;
    float: left;
}

#paging-cms {
    width: 300px;
    margin-right: 15px;
    margin-top: 3px;
    float: right;
    display: inline-block;
}

#paging-cms a.next {
    float: right;
    width: 16px;
    height: 16px;
    display: block;
    background: url('http://www.triple-f.com/images/admin/nav_right_green.png') bottom no-repeat;
    margin-left: 11px;
}

#paging-cms a.previous {
    float: right;
    width: 16px;
    height: 16px;
    display: block;
    background: url('http://www.triple-f.com/images/admin/nav_left_green.png') top no-repeat;
    margin-right: 11px;
}

/*
#paging-cms a.next:hover,
#paging-cms a.previous:hover {
    background-position: 0 -24px;
}
*/

#paging-cms a.page {
    color: #555555;
    text-decoration: underline;
    float: right;
    padding-top: 0px;
}

#paging-cms a.page:hover {
    color: #333333;
}

#paging-cms a.page.active {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    cursor: default;
}

#paging-cms .dots {
    float: right;
    padding-top: 0px;
    color: #00315b;
}

#paging-cms .pipe {
    margin-left: 8px;
    margin-right: 8px;
    float: right;
    padding-top: 0px;
    color: #888888;
}