/*
Cascading Style Sheet (CSS)
Website       : Shipping Center
Author(s)     : Jack Vermaat (j.vermaat /[at]/ extralogisticsoftware.com)
Company       : EXTRA logistic software
Created on    : October 2011
Last change   : June 30th, 2020
*/

/* General formatting
-----------------------------------------------------------------------------*/
body, html {
    background: url(../images/custom/background.png) center top fixed repeat-x;
    color: #455560;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
}

body {
    overflow-y: scroll;
}

h1 {
    color: #222222;
    font-size: 14px;
    font-weight: normal;
    padding: 7px 0 10px 0;
}

p {
    line-height: 18px;
}

a {
    color: #455560;
    text-decoration: underline;
    text-decoration: underline;
}

a:hover {
    color: #222222;
}

*, * focus {
    outline: none;
    margin: 0;
    padding: 0;
}

textarea {
    resize: none;
}

.hidden {
    display: none !important;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
    position: relative;
    width: 1114px;
    margin: 0 auto;
}

#header div.centercontent {
    width: 882px;
    display: inline-block;
    min-height: 92px;
}

#header div.centercontent div.topheader {
    position: absolute;
    top: 0px;
    width: 882px;
    height: 92px;
    background: url(../images/header-background.png) no-repeat;
    margin: 0 auto;
}

#header div.centercontent div.topheader div.logo {
    width: 183px;
    height: 59px;
    float: left;
    margin: 11px 0 0 25px;
}

#header div.centercontent div.topheader div.usercontainer {
    height: 52px;
    float: right;
    margin-top: 15px;
    padding-right: 25px;
}

#header div.centercontent div.topheader div.usercontainer a {
    float: right;
    margin-left: 10px;
}

#header div.centercontent div.topheader div.usercontainer a.profile {
    display: block;
    width: 52px;
    height: 52px;
}

#header div.centercontent div.topheader div.usercontainer img {
    float: right;
    border: 1px solid #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#header div.centercontent div.topheader div.usercontainer div.user {
    float: right;
    text-align: right;
    height: 52px;
    position: relative;
}

#header div.centercontent div.topheader div.usercontainer div.user p {
    background: url(../images/icon-user.png) 0 2px no-repeat;
    line-height: 17px;
    margin-top: -1px;
    padding-left: 20px;
}

#header div.centercontent div.topheader div.usercontainer div.user p.male {
    background: url(../images/icon-user-male.png) 0 2px no-repeat;
}

#header div.centercontent div.topheader div.usercontainer div.user p.female {
    background: url(../images/icon-user-female.png) 0 2px no-repeat;
}

#header div.centercontent div.topheader div.usercontainer div.user p a.logoutlink {
    float: none;
}

#header div.centercontent div.topheader div.usercontainer div.user div {
    bottom: 0px;
    position: absolute;
    right: 0px;
    width: 540px;
}


/* Header - Search
-----------------------------------------------------------------------------*/
#searchbar {
    width: 882px;
    height: 138px;
    background: url(../images/header-search-background.png) 0 0 no-repeat;
    position: relative;
    display: block !important;
}

#searchbar div.searchrow {
    position: relative;
    width: 832px;
    padding: 92px 25px 20px 25px;
}

#searchbar div.searchrow div.text {
    float: left;
    padding-top: 5px;
    color: #888888;
}

#searchbar div.searchrow form {
    float: right;
}

#searchbar div.searchrow form .textfield,
#searchbar div.searchrow form .selectbox,
#searchbar div.searchrow form .button {
    float: left;
    margin-left: 10px;
}

#searchbar div.searchrow form div.text {
    margin-left: 10px;
}


/* Structure
-----------------------------------------------------------------------------*/
#contentwrapper {
    width: 1114px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
}

#contentwrapper .contentcontainer {
    width: 1114px;
    position: relative;
    display: inline-block;
}

#contentwrapper .contentcontainer .left {
    width: 232px;
    float: left;
}

#contentwrapper .contentcontainer .right {
    width: 650px;
    float: left;
}


/* Navigation
-----------------------------------------------------------------------------*/
#navigation div.header {
    width: 207px;
    height: 27px;
    background: url(../images/custom/navigation-header.png) no-repeat;
    color: #ffffff;
    padding-left: 25px;
    padding-top: 20px;
    font-weight: bold;
    position: relative;
}

#navigation div.background {
    background: url(../images/navigation-background.png) repeat-y;
    width: 217px;
    padding-left: 15px;
    padding-top: 5px;
}

#navigation div.background.officesettings {
    padding: 15px 0 10px 25px;
    width: 202px;
}

#navigation div.background .toggle {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 202px;
    clear: both;
}

#navigation div.background .toggle ul {
    list-style: none;
    padding: 10px 0 8px 10px;
}

#navigation div.background .toggle ul li {
    background: url(../images/custom/navigation-bullet.png) 0 7px no-repeat;
    color: #888888;
    line-height: 18px;
}

#navigation div.background .toggle ul li.header {
    background: none;
    color: #455560;
    font-weight: bold;
    padding-top: 7px;
}

#navigation div.background .toggle ul li.header.first {
    padding-top: 0px;
}

#navigation div.background .toggle ul li a {
    padding-left: 9px;
    color: #455560;
    text-decoration: none;
}

#navigation div.background .toggle ul li a:hover {
    text-decoration: underline;
}

#navigation div.background .toggle ul li a.counterwarning {
    background: url(../images/icon-warning.png) right -1px no-repeat;
    padding: 0 19px 0 9px;
}

#navigation div.footer {
    width: 232px;
    background: url(../images/navigation-footer.png) top no-repeat;
    height: 15px;
}

#navigation span.notification-alert {
    border: 1px solid #e87c1e;
    font-size: 9px;
    color: #ffffff;
    padding: 1px 3px 2px;
    margin: 0 0 0 5px;
    background-color: #ed964b;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

h2.slide,
h2.noslide,
h2.noslide.active:hover {
    padding: 0 0 0 48px;
    margin-top: 5px;
    display: block;
    height: 36px;
    line-height: 33px;
    width: 154px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

h2.slide:first-child,
h2.noslide:first-child,
h2.noslide.active:first-child {
    margin-top: 0px;
}

h2.slide.reservations {
    background-image: url(../images/navigation-reservations.png);
}

h2.slide.bookings,
h2.noslide.bookings {
    background-image: url(../images/navigation-bookings.png);
}

h2.slide.booking-confirmations {
    background-image: url(../images/navigation-booking-confirmations.png);
}

h2.slide.customs-documents,
h2.noslide.customs-documents,
h2.slide.ucn-claims,
h2.noslide.ucn-claims {
    background-image: url(../images/navigation-customs-documents.png);
}

h2.slide.isf-filings {
    background-image: url(../images/navigation-isf-filings.png);
}

h2.slide.insurance-policies {
    background-image: url(../images/navigation-insurance-policies.png);
}

h2.slide.quotations {
    background-image: url(../images/navigation-quotations.png);
}

h2.slide.orders {
    background-image: url(../images/navigation-orders.png);
}

h2.slide.transport-orders {
    background-image: url(../images/navigation-transport-orders.png);
}

h2.slide.vgm {
    background-image: url(../images/navigation-vgm.png);
}

h2.slide.shipping-instructions,
h2.slide.shipment-advices {
    background-image: url(../images/navigation-shipping-instructions.png);
}

h2.slide.address-book {
    background-image: url(../images/navigation-address-book.png);
}

h2.slide.carriers,
h2.noslide.carriers,
h2.slide.companies,
h2.noslide.companies,
h2.slide.mailhistory,
h2.noslide.mailhistory{
    background-image: url(../images/navigation-carriers.png);
}

h2.slide.dossiers,
h2.noslide.dossiers {
    background-image: url(../images/navigation-dossiers.png);
}

h2.noslide.user-takeover {
    background-image: url(../images/navigation-usertakeover.png);
}

h2.slide.usermanagement,
h2.noslide.usermanagement {
    background-image: url(../images/navigation-usermanagement.png);
}

h2.slide.loading-lists,
h2.noslide.loading-lists {
    background-image: url(../images/navigation-loading-lists.png);
}

h2.slide.status-events,
h2.noslide.status-events {
    background-image: url(../images/navigation-status-events.png);
}

h2.slide.purchase-orders,
h2.noslide.purchase-orders {
    background-image: url(../images/navigation-purchase-orders.png);
}

h2.slide.shipments,
h2.noslide.shipments,
h2.slide.depot-instructions,
h2.noslide.depot-instructions {
    background-image: url(../images/navigation-shipments.png);
}

h2.slide.warehousestock,
h2.noslide.warehousestock,
h2.slide.warehouse-receipts,
h2.noslide.warehouse-receipts,
h2.slide.delivery-instructions,
h2.noslide.delivery-instructions {
    background-image: url(../images/navigation-warehousestock.png);
}

h2.slide.release-orders,
h2.noslide.release-orders {
    background-image: url(../images/navigation-release-orders.png);
}

h2.slide.dock-receipts,
h2.noslide.dock-receipts {
    background-image: url(../images/navigation-dock-receipts.png);
}

h2.slide.accrualswriteoffs,
h2.noslide.accrualswriteoffs {
    background-image: url(../images/navigation-accrualswriteoffs.png);
}

h2.slide.hbls,
h2.noslide.hbls {
    background-image: url(../images/navigation-hbls.png);
}

h2.slide.arrival-notices {
    background-image: url(../images/navigation-arrival-notices.png);
}

h2.slide.delay-notices {
    background-image: url(../images/navigation-delay-notices.png);
}

h2.slide.delivery-orders {
    background-image: url(../images/navigation-delivery-orders.png);
}

h2.slide.tariffs {
    background-image: url(../images/navigation-tariffs.png);
}

h2.slide.manifests {
    background-image: url(../images/navigation-manifests.png);
}

h2.slide.gas-measurements {
    background-image: url(../images/navigation-gas-measurements.png);
}

h2.slide.feedback {
    background-image: url(../images/navigation-feedback.png);
}

h2.slide.sales,
h2.noslide.sales {
    background-image: url(../images/navigation-sales.png);
}

h2.slide.texts-and-comments {
    background-image: url(../images/navigation-texts-and-comments.png);
}

h2.slide.communication-languages,
h2.noslide.communication-languages {
    background-image: url(../images/navigation-communication-languages.png);
}

h2.slide.systemlog,
h2.noslide.systemlog {
    background-image: url(../images/navigation-systemlog.png);
}

h2.slide.files,
h2.noslide.files {
    background-image: url(../images/navigation-files.png);
}

h2.slide.visitreports {
    background-image: url(../images/navigation-visitreports.png);
}

h2.noslide.changelog {
    background-image: url(../images/navigation-changelog.png);
}

h2.slide.accounts,
h2.noslide.accounts {
    background-image: url(../images/navigation-accounts.png);
}

h2.slide.my-account,
h2.slide.my-account.male,
h2.noslide.my-account,
h2.noslide.my-account.male {
    background-image: url(../images/navigation-my-account-male.png);
}

h2.slide.my-account.female,
h2.noslide.my-account.female {
    background-image: url(../images/navigation-my-account-female.png);
}

h2.slide.admin,
h2.noslide.admin {
    background-image: url(../images/navigation-admin.png);
}

h2.slide.incoming-invoices,
h2.noslide.incoming-invoices {
    background-image: url(../images/navigation-incoming-invoices.png);
}

h2.slide.awb-labels {
    background-image: url(../images/navigation-awb-labels.png);
}

h2.slide.admin {
    background-image: url(../images/navigation-admin.png);
}

h2.slide.outgoing-invoices,
h2.noslide.outgoing-invoices {
    background-image: url(../images/navigation-outgoing-invoices.png);
}

h2.slide.batch-invoices {
    background-image: url(../images/navigation-batch-invoices.png);
}

h2.slide.export-invoices {
    background-image: url(../images/navigation-export-invoices.png);
}

h2.slide.operational {
    background-image: url(../images/navigation-operational.png);
}

h2.slide.draft-processing {
    background-image: url(../images/navigation-draft-processing.png);
}

h2.slide.mailqueue {
    background-image: url(../images/navigation-mailqueue.png);
}

h2.noslide.mailhistory {
    background-image: url(../images/navigation-mailqueue.png);
}

h2.slide.offices {
    background-image: url(../images/navigation-offices.png);
}

h2.slide.tasks,
h2.noslide.tasks {
    background-image: url(../images/navigation-tasks.png);
}

h2.slide.financial {
    background-image: url(../images/navigation-financial.png);
}

h2.slide.reminders,
h2.noslide.reminders {
    background-image: url(../images/navigation-reminders.png);
}

h2.slide.timeslots,
h2.noslide.timeslots {
    background-image: url(../images/navigation-reminders.png);
}

h2.slide.hrdepartment {
    background-image: url(../images/navigation-hrdepartment.png);
}

h2.slide.videos,
h2.noslide.videos {
    background-image: url(../images/navigation-videos.png);
}

h2.slide.documents,
h2.noslide.documents {
    background-image: url(../images/navigation-documents.png);
}

h2.slide a,
h2.noslide a {
    color: #455560;
    text-decoration: none;
    display: block;
}

h2.slide:hover {
    background-position: 0 -36px;
}

h2.slide.active {
    background-position: 0 -72px;
}

h2.slide.active:hover {
    background-position: 0 -108px;
}

h2.noslide {
    background-position: 0 -144px;
}

h2.noslide:hover,
h2.noslide.active {
    background-position: 0 -180px;
}


/* Content
-----------------------------------------------------------------------------*/
#content div.header {
    width: 625px;
    height: 27px;
    background: url(../images/custom/content-header.png) no-repeat;
    color: #ffffff;
    padding-left: 25px;
    padding-top: 20px;
    position: relative;
}

#content div.background {
    background: url(../images/content-background.png) repeat-y;
    width: 600px;
    padding: 5px 25px 10px 25px;
    position: relative;
    display: inline-block;
}

#content div.background.form {
    padding-bottom: 30px;
}

#content div.background p {
    padding-bottom: 18px;
}

#content div.footer {
    width: 650px;
    background: url(../images/content-footer.png) top no-repeat;
    height: 15px;
    position: relative;
}

#content div.footer.form {
    background: url(../images/content-footer-form.png) top no-repeat;
    height: 67px;
}

#content div.footer.form div.buttoncontainer {
    padding-left: 10px;
    padding-top: 15px;
}

#content div.disclaimer {
    color: #888888;
    padding: 2px 25px 0 0;
    text-align: right;
    width: 625px;
}

#content div.disclaimer a {
    color: #888888;
    text-decoration: none;
}

#content div.disclaimer a:hover {
    text-decoration: underline;
}

#content div.disclaimer span.pipe {
    margin: 0 10px;
    color: #bbbbbb;
}


/* Breadcrumb
-----------------------------------------------------------------------------*/
ul.breadcrumb {
    list-style: none;
    overflow: hidden;
    white-space: nowrap;
    width: 613px;
}

div.wider ul.breadcrumb {
    width: 845px;
}

ul.breadcrumb li {
    background: url(../images/breadcrumb-bullet.png) 0 5px no-repeat;
    margin-right: 4px;
    padding-left: 10px;
    display: inline;
}

ul.breadcrumb li:first-child {
    background: none;
    font-weight: bold;
    padding-left: 0px;
}

ul.breadcrumb li a {
    color: #ffffff;
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    text-decoration: underline;
}


/* Regular Form Items
-----------------------------------------------------------------------------*/
div.formcontainer {
    width: 600px;
    position: relative;
    display: inline-block;
}

div.formcontainer.smallmodular {
    width: 375px;
}

div.formcontainer.single.notitle {
    border-top: 1px solid #cccccc;
}

div.formcontainer.bottom {
    margin-bottom: 25px;
}

div.formheader {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 12px;
    width: 600px;
    margin-top: 25px;
    display: inline-block;
    float: left;
}

div.formcontainer.smallmodular div.formheader {
    width: 375px;
}

div.formheader.first {
    margin-top: 0px;
}

div.formheader.tabs {
    margin-top: 5px;
}

div.formheader a.above-form,
div.formheader input.above-form {
    margin: -3px 0 -10px 5px;
}

div.formheader.modular {
    margin-top: 10px;
}

div.formheader h2 {
    font-size: 11px;
    font-weight: bold;
    float: left;
}

div.formheader p {
    float: right;
    padding-bottom: 0px !important;
    line-height: normal;
    color: #888888;
}

div.formrow {
    width: 600px;
    position: relative;
    display: inline-block;
    background-color: #f7f7f7;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ffffff;
    float: left;
}

div.formcontainer.smallmodular div.formrow {
    width: 375px;
}

div.formrow:hover,
div.formrow.highlight {
    background-color: #f1f1f1;
}

div.schedulerow,
div.releaserow,
div.cargorow,
div.currencyrow,
div.vgmrow {
    width: 600px;
    position: relative;
    display: inline-block;
    background-color: #f7f7f7;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ffffff;
    float: left;
}

div.schedulerow:hover,
div.schedulerow.highlight,
div.releaserow:hover,
div.releaserow.highlight,
div.cargorow:hover,
div.cargorow.highlight,
div.currencyrow:hover,
div.currencyrow.highlight,
div.vgmrow:hover,
div.vgmrow.highlight {
    background-color: #f1f1f1;
}

div.schedulerow .validation,
div.releaserow .validation,
div.cargorow .validation,
div.currencyrow .validation,
div.vgmrow .validation {
    float: left;
    margin-right: 15px;
    height: auto;
}

div.schedulerow .selectbox,
div.releaserow .selectbox,
div.cargorow .selectbox,
div.currencyrow .selectbox,
div.vgmrow .selectbox {
    float: left;
    margin-right: 15px;
}

div.schedulerow .tinyspacing,
div.releaserow .tinyspacing,
div.cargorow .tinyspacing,
div.currencyrow .tinyspacing,
div.vgmrow .tinyspacing {
    margin-right: 5px;
}

div.formrow div.validation div.validation-notice,
div.schedulerow div.validation div.validation-notice,
div.releaserow div.validation div.validation-notice,
div.cargorow div.validation div.validation-notice,
div.currencyrow div.validation div.validation-notice,
div.vgmrow div.validation div.validation-notice {
    margin-top: 11px;
}

div.inlinelabel {
    float: left;
    margin-left: 15px;
    padding: 10px 0 11px 0;
    width: 135px;
}

div.inlinelabel.inlinehelp {
    padding-bottom: 12px;
}

div.inlinelabel.small {
    width: 39px;
}

div.inlinelabel label {
    cursor: pointer;
}

div.inlinelabel.inlinehelp label {
    float: left;
}

div.inlinelabel div.help {
    margin-top: 0px;
}

div.inlinelabel div.help p {
    padding: 0px !important;
}

div.inlinetext {
    float: left;
    padding: 10px 0 13px 0;
    width: 435px;
}

div.inlinetext.afterfield {
    float: left;
    padding: 10px 0 11px 20px;
    width: auto;
}

div.inlinetext.beforefield {
    float: left;
    padding: 10px 0 11px 0;
    width: auto;
}

div.inlinetext.betweenfields {
    float: left;
    padding: 10px 15px 13px 15px;
    width: auto;
}

div.imagecontainer {
    width: 100px;
    height: 100px;
    float: left;
    background-color: #ffffff;
    margin: 5px 0 6px;
}

div.imagecontainer.loading {
    background-image: url(../images/ajax-loader-large.gif);
    background-position: 35px 35px;
    background-repeat: no-repeat;
}

div.imagecontainer img {
    border: 1px solid #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

ul.radiobuttongroup {
    list-style: none;
    display: inline;
    float: left;
    padding: 10px 0 11px 0;
}

ul.radiobuttongroup li {
    width: auto;
    float: left;
}

ul.radiobuttongroup li.label {
    margin: 0 20px 0 5px;
}

ul.radiobuttongroup li.label label:hover {
    text-decoration: underline;
    cursor: pointer;
}

ul.radiobuttongroup li.label div.tooltip label:hover {
    text-decoration: none;
}

ul.radiobuttongroup.inlinefield {
    width: 435px;
    padding-bottom: 10px;
}

ul.radiobuttongroup.inlinefield li {
    height: 18px;
}

ul.radiobuttongroup.inlinefield li.label {
    width: 410px;
    margin: 0 0 0 5px;
}

ul.radiobuttongroup.inlinefield.timeslots li.label {
    width: 90px;
    margin: 0 0 0 5px;
}

ul.postfield {
    list-style: none;
    display: inline;
    float: left;
    margin: -2px 0 0 5px;
}

ul.postfield.inlinefield {
    margin: 3px 0 0 5px;
}

ul.postfield li {
    width: auto;
    float: left;
    margin: 8px 0 0 0;
}

ul.postfield li .checkbox-styled {
    float: left;
    margin-right: 5px;
}

ul.postfield li label {
    float: left;
    cursor: pointer;
    width: 18px;
}

ul.postfield li label.checkboxvalue {
    line-height: 16px;
    margin-top: -2px;
    width: auto;
}

ul.postfield li label:hover {
    text-decoration: underline;
}


/* jQuery Selectbox
-----------------------------------------------------------------------------*/
.jquery-selectbox {
    position: relative;
    height: 22px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    z-index: 0;
    display: inline-block;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #455560;
    cursor: pointer;
    padding-left: 2px;
    padding-top: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 196px;
}

.jquery-selectbox.disabled {
    background-color: #eeeeee;
    border: 1px solid #cccccc !important;
    color: #888888;
}

.jquery-selectbox:hover {
    border-color: #bbbbbb;
}

.jquery-selectbox.second {
    margin-left: 5px;
}

.jquery-selectbox.second-y {
    margin-top: 5px;
}

.jquery-selectbox.slarge {
    width: 206px;
}

.jquery-selectbox.large {
    width: 236px;
}

.jquery-selectbox.xlarge {
    width: 281px;
}

.jquery-selectbox.xxlarge {
    width: 548px;
}

.jquery-selectbox.smedium {
    width: 126px;
}

.jquery-selectbox.xsmedium {
    width: 116px;
}

.jquery-selectbox.smmedium {
    width: 146px;
}

.jquery-selectbox.mmedium {
    width: 156px;
}

.jquery-selectbox.xmedium {
    width: 176px;
}

.jquery-selectbox.medium {
    width: 96px;
}

.jquery-selectbox.msmall {
    width: 76px;
}

.jquery-selectbox.small {
    width: 56px;
}

.jquery-selectbox.xsmall {
    width: 49px;
}

.jquery-selectbox.searchbox {
    width: 226px;
}

.jquery-selectbox.active {
    z-index: 101;
}

.jquery-selectbox.inlinefield {
    float: left;
    margin: 5px 0 6px 0;
}

.jquery-selectbox.inlinefield.second {
    float: left;
    margin: 5px 0 6px 5px;
}

.jquery-selectbox .currentoption {
    padding: 3px 0px 0px 3px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.jquery-selectbox.disabled .currentoption {
    cursor: default;
}

.jquery-selectbox .selectlist {
    display: none;
    position: absolute;
    top: 27px;
    left: -1px;
    background: #ffffff;
    width: 198px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.jquery-selectbox.xsmall .selectlist {
    width: 51px;
}

.jquery-selectbox.small .selectlist {
    width: 58px;
}

.jquery-selectbox.msmall .selectlist {
    width: 78px;
}

.jquery-selectbox.medium .selectlist {
    width: 98px;
}

.jquery-selectbox.smedium .selectlist {
    width: 128px;
}

.jquery-selectbox.xsmedium .selectlist {
    width: 118px;
}

.jquery-selectbox.smmedium .selectlist {
    width: 148px;
}

.jquery-selectbox.mmedium .selectlist {
    width: 158px;
}

.jquery-selectbox.xmedium .selectlist {
    width: 178px;
}

.jquery-selectbox.slarge .selectlist {
    width: 208px;
}

.jquery-selectbox.large .selectlist {
    width: 238px;
}

.jquery-selectbox.xlarge .selectlist {
    width: 283px;
}

.jquery-selectbox.xxlarge .selectlist {
    width: 550px;
}

.jquery-selectbox.searchbox .selectlist {
    width: 228px;
}

.jquery-selectbox .selectoption {
    display: block;
    cursor: pointer;
    color: #455560;
    padding: 4px 0px 5px 5px;
}

.jquery-selectbox .selectoption:first-child {
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.jquery-selectbox .selectoption:last-child {
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

.jquery-selectbox .selectoption.selected {
    cursor: default;
}

.jquery-selectbox .selectbutton {
    position: absolute;
    top: -1px;
    right: -1px;
    background: url(../images/custom/selectbox-toggle.png) no-repeat;
    width: 26px;
    height: 25px;
    cursor: pointer;
}

.jquery-selectbox .selectbutton:hover {
    background-position: 0 -25px;
}

.jquery-selectbox .selectbutton.active {
    background-position: 0 -50px;
}

.jquery-selectbox .selectbutton.active:hover {
    background-position: 0 -75px;
}

.jquery-selectbox.disabled .selectbutton {
    background-position: 0 -100px;
    cursor: default;
}


/* jQuery Indexbox
-----------------------------------------------------------------------------*/
.jquery-indexbox {
    position: relative;
    height: 25px;
    z-index: 0;
    display: inline-block;
}

.jquery-indexbox.searchbox {
    width: 248px;
}

.jquery-indexbox.large {
    width: 258px;
}

.jquery-indexbox.large-help {
    width: 288px;
}

.jquery-indexbox.xlarge {
    width: 303px;
}

.jquery-indexbox.ssmedium {
    width: 138px;
}

.jquery-indexbox.smedium {
    width: 148px;
}

.jquery-indexbox.mmedium {
    width: 178px;
}

.jquery-indexbox.xmedium {
    width: 208px;
}

.jquery-indexbox.xsmall {
    width: 78px;
}

.jquery-indexbox.xxsmall {
    width: 58px;
}

.jquery-indexbox.fullwidth {
    width: 258px;
}

.jquery-indexbox.active {
    z-index: 101;
}

.jquery-indexbox.inlinefield {
    float: left;
    margin: 5px 0 6px 0;
}

.jquery-indexbox .selectlist {
    display: none;
    position: absolute;
    top: 28px;
    left: 0px;
    background: #ffffff;
    width: 198px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.jquery-indexbox.duplicatedfield .selectlist {
    top: 33px;
}

.jquery-indexbox.searchbox .selectlist {
    width: 228px;
}

.jquery-indexbox.xlarge .selectlist {
    width: 283px;
}

.jquery-indexbox.large .selectlist,
.jquery-indexbox.large-help .selectlist {
    width: 238px;
}

.jquery-indexbox.ssmedium .selectlist {
    width: 118px;
}

.jquery-indexbox.smedium .selectlist {
    width: 128px;
}

.jquery-indexbox.mmedium .selectlist {
    width: 158px;
}

.jquery-indexbox.xmedium .selectlist {
    width: 188px;
}

.jquery-indexbox.xsmall .selectlist {
    width: 58px;
}

.jquery-indexbox.xxsmall .selectlist {
    width: 38px;
}

.jquery-indexbox .selectoption {
    display: block;
    cursor: pointer;
    color: #455560;
    padding: 4px 0px 5px 5px;
}

.jquery-indexbox .selectoption:first-child {
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.jquery-indexbox .selectoption:last-child {
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

.jquery-indexbox .selectoption.selected {
    cursor: default;
}


/* jQuery Checkbox (iPhone-Style)
-----------------------------------------------------------------------------*/
.iphone-checkbox-style  {
    display: block;
    width: 83px;
    height: 25px;
    background: url(../images/custom/checkbox-iphone.png) no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}

.iphone-checkbox-style.focus {
    background: url(../images/custom/checkbox-iphone-focus.png) no-repeat;
}

.iphone-checkbox-style.on {
    background-position: 0% 100%;
}

.iphone-checkbox-style.off {
    background-position: 100% 0%;
}

div.inline-checkbox-iphone {
    float: left;
    margin: 5px 0 6px 0;
}

.iphone-checkbox.hidden {
    display: none;
}


/* Textfields
-----------------------------------------------------------------------------*/
.textfield {
    height: 19px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    border: 1px solid #cccccc;
    color: #455560;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 1px;
    line-height: 19px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 193px;
}

.textfield.disabled {
    background-color: #eeeeee;
    border: 1px solid #cccccc !important;
    color: #888888;
}

.textfield:hover {
    border-color: #bbbbbb;
}

.textfield.inlinefield {
    float: left;
    margin: 5px 0 6px 0;
}

.textfield.second {
    margin-left: 5px;
}

.textfield.searchbox {
    width: 223px;
}

.textfield.login {
    width: 173px;
}

.textfield.xxxsmall {
    width: 23px;
}

.textfield.xxsmall {
    width: 33px;
}

.textfield.xssmall {
    width: 43px;
}

.textfield.xsmall {
    width: 53px;
}

.textfield.xmsmall {
    width: 60px;
}

.textfield.msmall {
    width: 73px;
}

.textfield.mmsmall {
    width: 78px;
}

.textfield.small {
    width: 93px;
}

.textfield.lsmall {
    width: 98px;
}

.textfield.ssmedium {
    width: 113px;
}

.textfield.smedium {
    width: 123px;
}

.textfield.smmedium {
    width: 143px;
}

.textfield.mmedium {
    width: 153px;
}

.textfield.sidebar {
    width: 157px;
}

.textfield.xmedium {
    width: 183px;
}

.textfield.medium {
    width: 163px;
}

.textfield.slarge {
    width: 203px;
}

.textfield.mlarge {
    width: 226px;
}

.textfield.large {
    width: 233px;
}

.textfield.xlarge {
    width: 278px;
}

.textfield.smallmodular {
    width: 368px;
}

.textfield.containernumberprefix {
    text-transform: uppercase !important;
}

.textfield.uppercase {
    text-transform: uppercase !important;
}

div.textfield-group {
    width: 270px;
}

div.textfield-group .textfield {
    border-bottom: 1px solid #eeeeee;
    border-top: none;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    overflow: hidden;
}

div.textfield-group .textfield.top {
    border-top: 1px solid #cccccc;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

div.textfield-group .textfield.bottom {
    border-bottom: 1px solid #cccccc;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

div.textfield-group.inlinefield {
    width: 300px;
    margin: 5px 0 6px;
}

div.textfield-group.inlinefield div.validation-notice {
    margin-top: 6px !important;
}

div.groupedtextfield {
    display: inline-block;
}

div.groupedtextfield .textfield {
    float: left;
    margin-right: 1px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

div.groupedtextfield .textfield:first-child {
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

div.groupedtextfield .textfield:last-child {
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

div.postfix-container {
    float: left;
    position: relative;
}

div.postfix-container div.postfix {
    position: absolute;
    right: 0px;
    padding: 5px 5px 0 0;
    color: #888888;
}

div.postfix-container .textfield {
    padding-right: 25px;
}

div.postfix-container div.postfix.inlinefield,
div.schedulerow div.postfix-container div.postfix,
div.releaserow div.postfix-container div.postfix,
div.currencyrow div.postfix-container div.postfix {
    padding: 10px 5px 0 0;
}

div.vgmrow div.postfix-container div.postfix {
    padding: 7px 5px 0 0;
}


/* Textareas
-----------------------------------------------------------------------------*/
.textarea {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    border: 1px solid #cccccc;
    color: #455560;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 1px;
    line-height: 19px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.textarea.disabled {
    background-color: #eeeeee;
    border: 1px solid #cccccc !important;
    color: #888888;
}

.textarea:hover {
    border-color: #bbbbbb;
}

.textarea.inlinefield {
    float: left;
    margin: 5px 0 6px 0;
}

.textarea.inlinefield.single {
    float: left;
    margin: 5px 0 6px 15px;
}

.textarea.slarge {
    width: 233px;
    height: 38px;
}

.textarea.mlarge {
    width: 333px;
    height: 57px;
}

.textarea.large {
    width: 233px;
    height: 76px;
}

.textarea.large-modular {
    width: 320px;
    height: 99px;
}

.textarea.large-largeheight {
    width: 233px;
    height: 99px;
}

.textarea.xlarge {
    width: 545px;
    height: 114px;
}

.textarea.xlarge-enlarged {
    width: 545px;
    height: 228px;
}

.textarea.xlarge-mediumheight {
    width: 545px;
    height: 57px;
}

.textarea.xxlarge {
    width: 563px;
    height: 114px;
}

.textarea.xxlarge-enlarged {
    width: 563px;
    height: 228px;
}

.textarea.sidebar {
    width: 157px;
    height: 133px;
}


/* Buttons (Inputs)
-----------------------------------------------------------------------------*/
input.button {
    height: 25px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 10px 4px 8px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

input.button.color {
    background: url(../images/custom/button-color.png) left top no-repeat;
    color: #ffffff;
}

input.button.grey {
    background: url(../images/button-grey.png) left top no-repeat;
    border: 1px solid #bbbbbb;
    color: #455560;
}

input.button.tasks {
    background: url(../images/button-tasks.png) no-repeat;
    padding-left: 27px;
}

input.button.trading {
    background: url(../images/button-trading.png) no-repeat;
    padding-left: 27px;
}

input.button.warehousing {
    background: url(../images/button-warehousing.png) no-repeat;
    padding-left: 27px;
}

input.button.shipping {
    background: url(../images/button-shipping.png) no-repeat;
    padding-left: 27px;
}

input.button.edit {
    background: url(../images/button-edit.png) no-repeat;
    padding-left: 27px;
}

input.button.print {
    background: url(../images/button-print.png) no-repeat;
    padding-left: 27px;
}

input.button.agreement {
    background: url(../images/button-agreement.png) no-repeat;
    padding-left: 27px;
}

input.button.view {
    background: url(../images/button-view.png) no-repeat;
    padding-left: 27px;
}

input.button.calendar {
    background: url(../images/button-calendar.png) no-repeat;
    padding-left: 27px;
}

input.button.add-account {
    background: url(../images/button-add-account.png) no-repeat;
    padding-left: 27px;
}

input.button.add-feedback {
    background: url(../images/button-add-feedback.png) no-repeat;
    padding-left: 27px;
}

input.button.select-address,
input.button.select-terminal {
    background: url(../images/button-select-address.png) no-repeat;
    padding-left: 31px;
    float: left;
}

input.button.cleardelete {
    background: url(../images/button-delete.png) no-repeat;
    padding-left: 31px;
}

input.button.clone {
    background: url(../images/button-clone.png) no-repeat;
    padding-left: 31px;
}

input.button.private {
    background: url(../images/button-private.png) no-repeat;
    padding-left: 31px;
}

input.button.re-open {
    background: url(../images/button-re-open.png) no-repeat;
    padding-left: 31px;
}

input.button.link {
    background: url(../images/button-link.png) no-repeat;
    padding-left: 31px;
}

input.button.tablecolumn {
    background: url(../images/button-column.png) no-repeat;
    padding-left: 31px;
}

input.button.tablerow {
    background: url(../images/button-row.png) no-repeat;
    padding-left: 31px;
}

input.button.copy-dossier {
    background: url(../images/button-copy-dossier.png) no-repeat;
    padding-left: 31px;
}

input.button.copy {
    background: url(../images/button-copy.png) no-repeat;
    padding-left: 31px;
}

input.button.add,
input.button.add2 {
    background: url(../images/button-add.png) no-repeat;
    padding-left: 31px;
}

input.button.generate {
    background: url(../images/button-generate.png) no-repeat;
    padding-left: 31px;
}

input.button.sort {
    background: url(../images/button-sort.png) no-repeat;
    padding-left: 31px;
}

input.button.filter {
    background: url(../images/button-filter.png) no-repeat;
    padding-left: 31px;
}

input.button.select {
    background: url(../images/button-select.png) no-repeat;
    padding-left: 31px;
}

input.button.reports {
    background: url(../images/button-reports.png) no-repeat;
    padding-left: 31px;
}

input.button.operational {
    background: url(../images/button-operational.png) no-repeat;
    padding-left: 31px;
}

input.button.financial {
    background: url(../images/button-financial.png) no-repeat;
    padding-left: 31px;
}

input.button.settings {
    background: url(../images/button-settings.png) no-repeat;
    padding-left: 31px;
}

input.button.reservations {
    background: url(../images/button-reservations.png) no-repeat;
    padding-left: 31px;
}

input.button.add-spreadsheet {
    background: url(../images/button-add-spreadsheet.png) no-repeat;
    padding-left: 31px;
}

input.button.edit-spreadsheet {
    background: url(../images/button-edit-spreadsheet.png) no-repeat;
    padding-left: 31px;
}

input.button.search {
    background: url(../images/button-search.png) no-repeat;
    padding-left: 31px;
}

input.button.excel {
    background: url(../images/button-excel.png) no-repeat;
    padding-left: 31px;
}

input.button.return {
    background: url(../images/button-return.png) no-repeat;
    padding-left: 31px;
}

input.button.next {
    background: url(../images/button-next.png) no-repeat;
    padding-left: 31px;
}

input.button.confirm {
    background: url(../images/button-confirm.png) no-repeat;
    padding-left: 31px;
}

input.button.printconfirm {
    background: url(../images/button-print-confirm.png) no-repeat;
    padding-left: 31px;
}

input.button.decline {
    background: url(../images/button-decline.png) no-repeat;
    padding-left: 31px;
}

input.button.delete {
    background: url(../images/button-delete.png) no-repeat;
    padding-left: 31px;
}

input.button.dossier {
    background: url(../images/button-dossier.png) no-repeat;
    padding-left: 31px;
}

input.button.add-dossier {
    background: url(../images/button-add-dossier.png) no-repeat;
    padding-left: 31px;
}

input.button.short-shipment {
    background: url(../images/button-short-shipment.png) no-repeat;
    padding-left: 31px;
}

input.button.sales {
    background: url(../images/button-sales.png) no-repeat;
    padding-left: 31px;
}

input.button.refresh {
    background: url(../images/button-refresh.png) no-repeat;
    padding-left: 31px;
}

input.button.loadinglist {
    background: url(../images/button-loadinglist.png) no-repeat;
    padding-left: 31px;
}

input.button.unloadinglist {
    background: url(../images/button-unloadinglist.png) no-repeat;
    padding-left: 31px;
}

input.button.hazmat {
    background: url(../images/button-hazmat.png) no-repeat;
    padding-left: 31px;
}

input.button.reefer {
    background: url(../images/button-reefer.png) no-repeat;
    padding-left: 31px;
}

input.button.resize {
    background: url(../images/button-resize.png) no-repeat;
    padding-left: 31px;
}

input.button.help {
    background: url(../images/button-help.png) no-repeat;
    padding-left: 31px;
}

input.button.mail {
    background: url(../images/button-mail.png) no-repeat;
    padding-left: 31px;
}

input.button.shipping-instruction {
    background: url(../images/button-shipping-instruction.png) no-repeat;
    padding-left: 31px;
}

input.button.credit {
    background: url(../images/button-credit.png) no-repeat;
    padding-left: 31px;
}

input.button.resendmail {
    background: url(../images/button-resendmail.png) no-repeat;
    padding-left: 31px;
}

input.button.renew {
    background: url(../images/button-renew.png) no-repeat;
    padding-left: 31px;
}

input.button.override {
    background: url(../images/button-override.png) no-repeat;
    padding-left: 31px;
}

input.button.userrole {
    background: url(../images/button-userrole.png) no-repeat;
    padding-left: 31px;
}

input.button.payment {
    background: url(../images/button-payment.png) no-repeat;
    padding-left: 31px;
}

input.button.warning {
    background: url(../images/button-warning.png) no-repeat;
    padding-left: 31px;
}

input.button.resolve {
    background: url(../images/button-resolve.png) no-repeat;
    padding-left: 31px;
}

input.button.cargocontainer {
    background: url(../images/button-cargocontainer.png) no-repeat;
    padding-left: 31px;
}

input.button.download {
    background: url(../images/button-download.png) no-repeat;
    padding-left: 31px;
}

input.button.product {
    background: url(../images/button-product.png) no-repeat;
    padding-left: 31px;
}

input.button:hover,
input.button.active {
    background-position: 0 -30px;
}

input.button.active {
    cursor: default;
}

input.button.disabled {
    background-position: 0 -60px;
    cursor: default;
}

input.button.grey.disabled {
    border-color: #dbdbdb;
    color: #a2aaaf;
}

input.button.grey.disabled span {
    color: #c3c3c3;
}

input.button.inlinefield {
    float: left;
    margin: 5px 0 0 10px;
}

input.button.searchbox {
    float: left;
    margin-right: 10px;
}

input.button.formfooter {
    float: left;
    margin-left: 15px;
}

input.button.grey span {
    color: #888888;
    font-weight: normal;
}

input.button.bottom {
    margin-top: 15px;
}

input.button.second {
    margin-left: 15px;
}

input.button.afterfield {
    margin-left: 5px;
}


/* Buttons (Ahrefs)
-----------------------------------------------------------------------------*/
a.button {
    height: 19px;
    font-weight: bold;
    padding: 3px 10px 1px 10px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    line-height: normal;
    text-decoration: none;
}

a.button.color {
    background: url(../images/custom/button-color.png) left top no-repeat;
    color: #ffffff;
}

a.button.grey {
    background: url(../images/button-grey.png) left top no-repeat;
    border: 1px solid #bbbbbb;
    color: #455560 !important;
}

a.button.tasks {
    background: url(../images/button-tasks.png) no-repeat;
    padding-left: 31px;
}

a.button.trading {
    background: url(../images/button-trading.png) no-repeat;
    padding-left: 31px;
}

a.button.warehousing {
    background: url(../images/button-warehousing.png) no-repeat;
    padding-left: 31px;
}

a.button.shipping {
    background: url(../images/button-shipping.png) no-repeat;
    padding-left: 31px;
}

a.button.edit {
    background: url(../images/button-edit.png) no-repeat;
    padding-left: 31px;
}

a.button.print {
    background: url(../images/button-print.png) no-repeat;
    padding-left: 31px;
}

a.button.agreement {
    background: url(../images/button-agreement.png) no-repeat;
    padding-left: 31px;
}

a.button.view {
    background: url(../images/button-view.png) no-repeat;
    padding-left: 31px;
}

a.button.calendar {
    background: url(../images/button-calendar.png) no-repeat;
    padding-left: 31px;
}

a.button.add-account {
    background: url(../images/button-add-account.png) no-repeat;
    padding-left: 31px;
}

a.button.add-feedback {
    background: url(../images/button-add-feedback.png) no-repeat;
    padding-left: 31px;
}

a.button.select-address,
a.button.select-terminal {
    background: url(../images/button-select-address.png) no-repeat;
    padding-left: 31px;
    float: left;
}

a.button.cleardelete {
    background: url(../images/button-delete.png) no-repeat;
    padding-left: 31px;
}

a.button.clone {
    background: url(../images/button-clone.png) no-repeat;
    padding-left: 31px;
}

a.button.private {
    background: url(../images/button-private.png) no-repeat;
    padding-left: 31px;
}

a.button.re-open {
    background: url(../images/button-re-open.png) no-repeat;
    padding-left: 31px;
}

a.button.link {
    background: url(../images/button-link.png) no-repeat;
    padding-left: 31px;
}

a.button.tablecolumn {
    background: url(../images/button-column.png) no-repeat;
    padding-left: 31px;
}

a.button.tablerow {
    background: url(../images/button-row.png) no-repeat;
    padding-left: 31px;
}

a.button.copy-dossier {
    background: url(../images/button-copy-dossier.png) no-repeat;
    padding-left: 31px;
}

a.button.copy {
    background: url(../images/button-copy.png) no-repeat;
    padding-left: 31px;
}

a.button.add,
a.button.add2 {
    background: url(../images/button-add.png) no-repeat;
    padding-left: 31px;
}

a.button.generate {
    background: url(../images/button-generate.png) no-repeat;
    margin-left: 4px;
    padding-left: 31px;
}

a.button.sort {
    background: url(../images/button-sort.png) no-repeat;
    padding-left: 31px;
}

a.button.filter {
    background: url(../images/button-filter.png) no-repeat;
    padding-left: 31px;
}

a.button.select {
    background: url(../images/button-select.png) no-repeat;
    padding-left: 31px;
}

a.button.reports {
    background: url(../images/button-reports.png) no-repeat;
    padding-left: 31px;
}

a.button.operational {
    background: url(../images/button-operational.png) no-repeat;
    padding-left: 31px;
}

a.button.financial {
    background: url(../images/button-financial.png) no-repeat;
    padding-left: 31px;
}

a.button.settings {
    background: url(../images/button-settings.png) no-repeat;
    padding-left: 31px;
}

a.button.add-spreadsheet {
    background: url(../images/button-add-spreadsheet.png) no-repeat;
    padding-left: 31px;
}

a.button.edit-spreadsheet {
    background: url(../images/button-edit-spreadsheet.png) no-repeat;
    padding-left: 31px;
}

a.button.reservations {
    background: url(../images/button-reservations.png) no-repeat;
    padding-left: 31px;
}

a.button.re-open-dossier {
    background: url(../images/button-re-open-dossier.png) no-repeat;
    padding-left: 31px;
}

a.button.close-dossier {
    background: url(../images/button-close-dossier.png) no-repeat;
    padding-left: 31px;
}

a.button.search {
    background: url(../images/button-search.png) no-repeat;
    padding-left: 31px;
}

a.button.excel {
    background: url(../images/button-excel.png) no-repeat;
    padding-left: 31px;
}

a.button.return {
    background: url(../images/button-return.png) no-repeat;
    padding-left: 31px;
}

a.button.next {
    background: url(../images/button-next.png) no-repeat;
    padding-left: 31px;
}

a.button.confirm {
    background: url(../images/button-confirm.png) no-repeat;
    padding-left: 31px;
}

a.button.printconfirm {
    background: url(../images/button-print-confirm.png) no-repeat;
    padding-left: 31px;
}

a.button.decline {
    background: url(../images/button-decline.png) no-repeat;
    padding-left: 31px;
}

a.button.delete {
    background: url(../images/button-delete.png) no-repeat;
    padding-left: 31px;
}

a.button.dossier {
    background: url(../images/button-dossier.png) no-repeat;
    padding-left: 31px;
}

a.button.add-dossier {
    background: url(../images/button-add-dossier.png) no-repeat;
    padding-left: 31px;
}

a.button.short-shipment {
    background: url(../images/button-short-shipment.png) no-repeat;
    padding-left: 31px;
}

a.button.sales {
    background: url(../images/button-sales.png) no-repeat;
    padding-left: 31px;
}

a.button.refresh {
    background: url(../images/button-refresh.png) no-repeat;
    padding-left: 31px;
}

a.button.loadinglist {
    background: url(../images/button-loadinglist.png) no-repeat;
    padding-left: 31px;
}

a.button.unloadinglist {
    background: url(../images/button-unloadinglist.png) no-repeat;
    padding-left: 31px;
}

a.button.hazmat {
    background: url(../images/button-hazmat.png) no-repeat;
    padding-left: 31px;
}

a.button.reefer {
    background: url(../images/button-reefer.png) no-repeat;
    padding-left: 31px;
}

a.button.resize {
    background: url(../images/button-resize.png) no-repeat;
    padding-left: 31px;
}

a.button.help {
    background: url(../images/button-help.png) no-repeat;
    padding-left: 31px;
}

a.button.mail {
    background: url(../images/button-mail.png) no-repeat;
    padding-left: 31px;
}

a.button.shipping-instruction {
    background: url(../images/button-shipping-instruction.png) no-repeat;
    padding-left: 31px;
}

a.button.credit {
    background: url(../images/button-credit.png) no-repeat;
    padding-left: 31px;
}

a.button.resendmail {
    background: url(../images/button-resendmail.png) no-repeat;
    padding-left: 31px;
}

a.button.renew {
    background: url(../images/button-renew.png) no-repeat;
    padding-left: 31px;
}

a.button.override {
    background: url(../images/button-override.png) no-repeat;
    padding-left: 31px;
}

a.button.userrole {
    background: url(../images/button-userrole.png) no-repeat;
    padding-left: 31px;
}

a.button.payment {
    background: url(../images/button-payment.png) no-repeat;
    padding-left: 31px;
}

a.button.warning {
    background: url(../images/button-warning.png) no-repeat;
    padding-left: 31px;
}

a.button.resolve {
    background: url(../images/button-resolve.png) no-repeat;
    padding-left: 31px;
}

a.button.cargocontainer {
    background: url(../images/button-cargocontainer.png) no-repeat;
    padding-left: 31px;
}

a.button.download {
    background: url(../images/button-download.png) no-repeat;
    padding-left: 31px;
}

a.button.product {
    background: url(../images/button-product.png) no-repeat;
    padding-left: 31px;
}

a.button:hover,
a.button.active {
    background-position: 0 -30px;
}

a.button.active {
    cursor: default;
    font-weight: bold;
}

a.button.disabled {
    background-position: 0 -60px;
}

a.button.grey.disabled {
    border-color: #dbdbdb;
    color: #a2aaaf !important;
    cursor: default;
}

a.button.grey.disabled span {
    color: #c3c3c3;
}

a.button.inlinefield {
    float: left;
    margin: 5px 0 6px 10px;
}

a.button.searchbox {
    float: left;
    margin-right: 10px;
}

a.button.formfooter {
    float: left;
    margin-left: 15px;
}

a.button.grey span {
    color: #888888;
    font-weight: normal;
}

a.button.bottom {
    margin-top: 15px;
}

a.button.second {
    margin-left: 15px;
}

a.button.afterfield {
    margin-left: 5px;
}


/* Other links
-----------------------------------------------------------------------------*/
img.submit-loader {
    float: left;
    margin-left: 10px;
}

img.field-loader {
    float: left;
    margin-left: 5px;
}

a.textlink-form {
    float: left;
    margin-left: 15px;
    padding-top: 5px;
}


/* Searchbox
-----------------------------------------------------------------------------*/
#searchbox {
    width: 600px;
    position: relative;
    margin-bottom: 15px;
    z-index: 2;
}

#searchbox.first {
    margin-top: 15px;
}

#searchbox h2 {
    color: #455560;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

#searchbox div.container {
    width: 598px;
    position: relative;
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#searchbox div.container div.inner {
    width: 570px;
    padding: 0 14px 0 14px;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #cccccc;
    float: left;
}

#searchbox div.container div.inner.nopaging {
    border-bottom: none;
}

#searchbox div.container div.inner.padding {
    padding: 0 14px 14px 14px;
}

#searchbox div.container div.inner .left {
    width: 270px;
    float: left;
}

#searchbox div.container div.inner .left .buttons {
    width: 270px;
    position: relative;
    display: inline-block;
    padding: 15px 0;
}

#searchbox div.container div.inner .left .buttons.wide {
    width: 570px;
}

#searchbox div.container div.inner .right {
    width: 270px;
    float: right;
    position: relative;
    z-index: 1;
}

#searchbox div.container div.inner p {
    padding: 10px 0 8px 0;
}

#searchbox div.container div.inner div.searchboxhelp p {
    float: left;
    display: inline-block;
}

#searchbox div.container div.inner div.searchboxhelp div.help {
    margin: 12px 0 0 5px;
}


/* Paging
-----------------------------------------------------------------------------*/
div.paging-bottom {
    background-color: #f7f7f7;
    display: inline-block;
    border: 1px solid #cccccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

div.pagingcontainer {
    width: 598px;
    border-top: 1px solid #ffffff;
    position: relative;
    display: inline-block;
}

div.pagingcontainer.withoutfilter {
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

div.pagingcontainer p {
    float: left;
    padding: 7px 0 0 14px !important;
}

div.pagingcontainer div.controls {
    float: right;
    text-align: right;
    display: inline-block;
    padding: 6px 14px 7px 0;
}

div.pagingcontainer div.controls .previous {
    width: 23px;
    height: 23px;
    display: block;
    float: left;
    background: url(../images/paging-previous.png) 0 0 no-repeat;
}

div.pagingcontainer div.controls .next {
    width: 23px;
    height: 23px;
    display: block;
    float: left;
    background: url(../images/paging-next.png) 0 0 no-repeat;
}

div.pagingcontainer div.controls .previous:hover,
div.pagingcontainer div.controls .next:hover {
    background-position: 0 -23px;
}

div.pagingcontainer div.controls .previous.inactive,
div.pagingcontainer div.controls .next.inactive {
    background-position: 0 -46px;
}

div.pagingcontainer div.controls ul {
    float: left;
    margin-left: 8px;
    padding-top: 4px;
    list-style: none;
    display: inline;
}

div.pagingcontainer div.controls ul li {
    float: left;
    padding-left: 9px;
    margin-right: 8px;
    background: url(../images/paging-pipe.png) 0 2px no-repeat;
}

div.pagingcontainer div.controls ul li:first-child {
    background: none;
    padding-left: 0px;
}

div.pagingcontainer div.controls ul li.active {
    font-weight: bold;
}

div.pagingcontainer div.controls ul li a {
    color: #455560;
    text-decoration: underline;
}

div.pagingcontainer div.controls ul li a:hover {
    color: #222222;
}

div.pagingcontainer_no_js {
    width: 598px;
    border-top: 1px solid #ffffff;
    position: relative;
    display: inline-block;
}

div.pagingcontainer_no_js p {
    float: left;
    padding: 7px 0 0 14px !important;
}

div.pagingcontainer_no_js div.controls {
    float: right;
    text-align: right;
    display: inline-block;
    padding: 6px 14px 7px 0;
}

div.pagingcontainer_no_js div.controls .previous {
    width: 23px;
    height: 23px;
    display: block;
    float: left;
    background: url(../images/paging-previous.png) 0 0 no-repeat;
}

div.pagingcontainer_no_js div.controls .next {
    width: 23px;
    height: 23px;
    display: block;
    float: left;
    background: url(../images/paging-next.png) 0 0 no-repeat;
}

div.pagingcontainer_no_js div.controls .previous:hover,
div.pagingcontainer_no_js div.controls .next:hover {
    background-position: 0 -23px;
}

div.pagingcontainer_no_js div.controls .previous.inactive,
div.pagingcontainer_no_js div.controls .next.inactive {
    background-position: 0 -46px;
}

div.pagingcontainer_no_js div.controls ul {
    float: left;
    margin-left: 8px;
    padding-top: 4px;
    list-style: none;
    display: inline;
}

div.pagingcontainer_no_js div.controls ul li {
    float: left;
    padding-left: 9px;
    margin-right: 8px;
    background: url(../images/paging-pipe.png) 0 2px no-repeat;
}

div.pagingcontainer_no_js div.controls ul li:first-child {
    background: none;
    padding-left: 0px;
}

div.pagingcontainer_no_js div.controls ul li.active {
    font-weight: bold;
}

div.pagingcontainer_no_js div.controls ul li a {
    color: #455560;
    text-decoration: underline;
}

div.pagingcontainer_no_js div.controls ul li a:hover {
    color: #222222;
}


/* Checkbox
-----------------------------------------------------------------------------*/
.checkbox-styled {
    display: block;
    width: 13px;
    height: 13px;
    background-image: url("../images/custom/checkbox.png");
}

.checkbox-styled.inactive {
    background-position: 0px 0px;
}

.checkbox-styled.inactive.keydown {
    background-position: 0px -13px !important;
}

.checkbox-styled.active {
    background-position: 0px -26px;
}

.checkbox-styled.active.keydown {
    background-position: 0px -39px !important;
}

.checkbox-styled.inactive:hover {
    background-position: 0px -52px;
}

.checkbox-styled.active:hover {
    background-position: 0px -65px;
}


/* Radiobutton
-----------------------------------------------------------------------------*/
.radiobutton-styled {
    display: block;
    width: 13px;
    height: 13px;
    background-image: url("../images/custom/radiobutton.png");
}

.radiobutton-styled.inactive {
    background-position: 0px 0px;
}

.radiobutton-styled.inactive.keydown {
    background-position: 0px -13px;
}

.radiobutton-styled.active {
    background-position: 0px -26px;
}

.radiobutton-styled.active.keydown {
    background-position: 0px -39px;
}


/* Overview Table
-----------------------------------------------------------------------------*/
div.table-header {
    width: 600px;
    height: 27px;
    position: relative;
    background: url(../images/custom/table-header.png) no-repeat;
    color: #ffffff;
    font-weight: bold;
    padding-top: 9px;
}

div.table-container,
div.table-container-selected {
    width: 600px;
    position: relative;
    display: inline-block;
}

div.table-container div.row,
div.table-container-selected div.row {
    width: 600px;
    min-height: 26px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ffffff;
    display: inline-block;
    position: relative;
    padding-top: 3px;
    line-height: 18px;
    float: left;
}

div.table-container div.multiplecargocontainer {
    display: inline-block;
    width: 100%;
}

div.table-container div.multiplecargocontainer div.row {
    border-bottom: 1px dashed #cccccc;
    border-top: 1px dashed #ffffff;
}

div.table-container div.multiplecargocontainer div.row:first-child {
    border-top: 1px solid #ffffff;
}

div.table-container div.multiplecargocontainer div.row:last-child {
    border-bottom: 1px solid #cccccc;
}

div.table-container div.row:hover,
div.table-container-selected div.row:hover,
div.table-container div.multiplecargocontainer:hover div.row {
    background-color: #f7f7f7;
}

div.table-container div.row.active,
div.table-container-selected div.row.active,
div.table-container div.multiplecargocontainer.active div.row {
    background-color: #eeeeee;
}

div.table-container div.row.shortshipped,
div.table-container div.row.expirederror {
    background-color: #ffe4e4 !important;
    color: #bd1818;
}

div.table-container div.row.disputed,
div.table-container-selected div.row.disputed,
div.table-container div.row.warningerror,
div.table-container-selected div.row.warningerror {
    background-color: #ffffd8 !important;
    color: #b89000;
}

div.table-container div.row a.icon-warningerror {
    display: block;
    position: absolute;
    height: 16px;
    width: 16px;
    left: 6px;
    top: 5px;
}

div.table-container div.row .buttoncontainer,
div.table-container-selected div.row .buttoncontainer{
    float: right;
    height: 16px;
    margin-top: -3px;
    padding: 5px 5px 7px 0;
}

div.table-container div.releaserow .buttoncontainer,
div.table-container div.currencyrow .buttoncontainer,
div.table-container div.vgmrow .buttoncontainer {
    float: right;
    height: 16px;
    margin-top: -3px;
    padding: 11px 5px 7px 0;
}

div.table-container div.row .buttoncontainer a,
div.table-container-selected div.row .buttoncontainer a,
div.table-container div.releaserow .buttoncontainer a,
div.table-container div.currencyrow .buttoncontainer a,
div.table-container div.vgmrow .buttoncontainer a {
    float: left;
    margin-right: 10px;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    /*  Icon visible on hover
	opacity: 0.4;
	transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;
*/
}

/*  Icon visible on hover
div.table-container div.row:hover .buttoncontainer a {
	opacity: 0.7;
}

div.table-container div.row .buttoncontainer a:hover {
	opacity: 1;
}
*/

div.table-container div.row .buttoncontainer a.handle {
    cursor: n-resize;
}

div.table-container div.row .buttoncontainer.userrightsimage img {
    display: block;
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}


/* Overview Table (Half)
-----------------------------------------------------------------------------*/
div.overviewdivider-container {
    width: 600px;
    display: inline-block;
    position: relative;
}

div.overviewdivider-container div.column-overview-container {
    width: 290px;
    float: left;
}

div.overviewdivider-container div.column-overview-container:first-child {
    margin-right: 20px;
}

div.overviewdivider-container div.column-overview-container div.table-header {
    width: 290px;
    background: url(../images/custom/table-header-half.png) no-repeat;
}

div.overviewdivider-container div.column-overview-container div.table-container {
    width: 290px;
}

div.overviewdivider-container div.column-overview-container div.table-container div.row {
    width: 290px;
}


/* Overview Table (Toggle)
-----------------------------------------------------------------------------*/
div.table-container div.row.toggle-overview {
    background: url(../images/tablerow-background.png) repeat-y #ffffff;
    display: block;
}

div.table-container div.row.toggle-overview:hover {
    background-color: #f7f7f7;
}

div.table-container div.row.toggle-overview.active {
    background-color: #eeeeee;
}

div.table-container div.row a.toggle-bullet {
    background: url(../images/tablerow-bullet.png) no-repeat;
    width: 18px;
    height: 29px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
}

div.table-container div.row.active a.toggle-bullet {
    background-position: 0 -58px;
}

div.table-container .toggle-overview-container {
    width: 600px;
    background: url(../images/tablerow-background.png) repeat-y;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
    overflow: hidden;
    clear: both;
}

div.table-container .toggle-overview-container div.row {
    width: 580px;
    margin-left: 20px;
    display: inline-block;
    background-color: #f7f7f7;
    line-height: 18px;
    padding-top: 3px;
    min-height: 26px;
    float: left;
}

div.table-container .toggle-overview-container div.row:first-child {
    border-top: none;
}

div.table-container .toggle-overview-container div.row.last {
    border-bottom: none;
}

div.table-container .toggle-overview-container div.row .title {
    color: #888888;
    float: left;
    margin-left: 10px;
    width: 75px;
}

div.table-container .toggle-overview-container div.row .value {
    width: 480px;
    float: left;
    padding-bottom: 8px;
    word-wrap: break-word;
}

div.table-container .toggle-overview-container div.row .value p {
    padding-bottom: 0px !important;
}

div.table-container .toggle-overview-container div.row .value span {
    color: #888888;
}

div.table-container .toggle-overview-container div.row .value.firstcolumn {
    width: 160px;
    padding-right: 10px;
}

div.table-container .toggle-overview-container div.row .value.secondcolumn {
    width: 225px;
}

div.table-container .toggle-overview-container div.row .value.withbuttons {
    width: 400px;
}


/* Overview Table (Sendlist)
-----------------------------------------------------------------------------*/
div.table-container div.row.sendlist {
    background: url(../images/tablerow-sendlist-background.png) 14px 0 repeat-y;
    display: inline-block;
}

div.table-container div.row.sendlist:hover {
    background-color: #f7f7f7;
}

div.table-container div.row.sendlist.active {
    background-color: #eeeeee;
}

div.table-container div.row.sendlist div.checkbox {
    position: absolute;
    width: 13px;
    height: 13px;
    left: 8px;
    top: 7px;
}

div.sendlist-selector {
    width: 600px;
    min-height: 40px;
    position: relative;
    display: inline-block;
    background: url(../images/sendlist-background.png) 0 0 no-repeat;
}

div.sendlist-selector.with-remove {
    background: url(../images/sendlist-background-extra-button.png) 0 0 no-repeat;
}

div.sendlist-selector.with-transfer {
    background: url(../images/sendlist-background-extra-button.png) 0 0 no-repeat;
}

div.sendlist-selector.with-add {
    background: url(../images/sendlist-background-extra-button.png) 0 0 no-repeat;
}

div.sendlist-selector .selectall {
    float: left;
    margin: 15px 15px 0 30px;
}

div.sendlist-selector .unselectall {
    float: left;
    margin-top: 15px;
}

div.sendlist-selector input.remove,
div.sendlist-selector input.refresh,
div.sendlist-selector div.selectbox,
div.sendlist-selector a.print,
div.sendlist-selector a.add,
div.sendlist-selector input.add {
    float: left;
    margin: 15px 0 0 15px;
}

div.sendlist-selector input.transfer {
    float: left;
    margin: 15px 0 0 5px;
}

#content div.footer.sendlist {
    background: url(../images/content-footer-sendlist.png) top no-repeat;
    height: 85px;
}

#content div.footer.sendlist div.notification {
    width: 205px;
    float: left;
    margin: 9px 0 0 25px;
    display: inline-block;
}

#content div.footer.sendlist div.notification.second {
    margin-left: 0px;
}

#content div.footer.sendlist div.notification.button {
    margin: 34px 0 0 0;
}

#content div.footer.sendlist div.notification p {
    width: 205px;
    height: 25px;
    font-weight: bold;
}

#content div.footer.sendlist div.notification p span {
    color: #888888;
    font-weight: normal;
}

.textfield.sendlist {
    width: 165px;
    float: left;
}

div.rowalert {
    height: 16px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 16px;
    cursor: help;
}

div.rowalert span {
    position: absolute;
    top: 18px;
    left: 0px;
    white-space: nowrap;
    padding: 5px 10px 9px 10px;
    color: #b89000;
    border: 1px solid #dac602;
    background-color: #ffffd8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 10;
    display: none;
}

div.rowalert span p {
    padding-bottom: 0px !important;
}

div.rowalert:hover span {
    display: block;
}


/* Overview Table (Loader)
-----------------------------------------------------------------------------*/
div.table-container div.loader {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    width: 600px;
    border-bottom: 1px solid #cccccc;
    z-index: 101;
}

div.table-container div.loader img {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
}

div.table-container div.loader-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 100;
}


/* Validation
-----------------------------------------------------------------------------*/
div.validation-notice,
div.validation-notice.default {
    float: left;
    width: 13px;
    height: 13px;
    display: block;
    margin: 6px 0 0 5px;
    position: relative;
    background: url(../images/custom/icon-validation.png);
    z-index: 100;
}

div.validation-notice.success {
    background-position: 0 -13px;
}

div.validation-notice.error {
    background-position: 0 -26px;
    cursor: help;
}

div.validation-notice.error:hover span.error {
    display: block;
}

div.validation-notice span {
    position: absolute;
    width: 150px;
    padding: 5px 10px 9px 10px;
    left: 18px;
    line-height: 18px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: none;
}

div.submit-validation {
    position: relative;
    padding: 8px 10px 12px 14px;
    width: 574px;
    margin-top: 15px;
    line-height: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.submit-validation.login {
    width: 349px;
}

div.submit-validation.serverside {
    margin: 0 0 15px 0;
}

div.submit-validation.modular {
    margin: 10px 0 0 0;
}

div.submit-validation ul {
    list-style: none;
}

div.submit-validation ul li {
    padding-left: 18px;
    background: url(../images/icon-validation-error.png) 0 4px no-repeat;
}

div.submit-validation ul li label {
    text-decoration: underline;
    cursor: pointer;
}

div.validation {
    display: inline-block;
}

div.validation.bottom {
    margin-top: 20px;
}

div.validation.beforefield {
    float: left;
}

div.validation.afterfield {
    float: left;
    margin-left: 5px;
}

div.validation.duplicatedfield {
    float: left;
    padding-top: 5px;
}

div.validation.fixed {
    width: 400px;
}

div.validation.auto {
    display: block;
}

div.validation .textfield,
div.validation .textarea,
div.validation .selectbox {
    float: left;
}


/* Login Browser Validation
-----------------------------------------------------------------------------*/
div.login-browser-validation {
    position: relative;
    padding: 8px 10px 12px 14px;
    width: 349px;
    margin-top: 15px;
    line-height: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.login-browser-validation ul {
    list-style: none;
}

div.login-browser-validation ul li {
    padding-left: 18px;
    background: url(../images/icon-validation-error.png) 0 4px no-repeat;
}


/* Confirmation
-----------------------------------------------------------------------------*/
div.confirmation {
    position: relative;
    padding: 8px 10px 12px 14px;
    width: 574px;
    margin-bottom: 15px;
    line-height: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.confirmation.bottom {
    margin: 15px 0 0 0;
}

div.confirmation.modular {
    margin: 10px 0 0 0;
}

div.confirmation.login {
    width: 349px;
    margin-bottom: 0px;
    margin-top: 15px;
}

div.confirmation ul {
    list-style: none;
}

div.confirmation ul li {
    padding-left: 18px;
    background: url(../images/custom/icon-validation-success.png) 0 4px no-repeat;
}


/* Warning
-----------------------------------------------------------------------------*/
div.warning {
    position: relative;
    padding: 8px 10px 12px 14px;
    width: 574px;
    margin-bottom: 15px;
    line-height: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.warning.betweenform {
    margin-top: 15px;
}

div.warning.betweentable {
    margin: 0 0 5px 0;
}

div.warning.serverside {
    margin: 15px 0 0 0;
}

div.warning.modular {
    margin: 10px 0 0 0;
}

div.warning.modular.single {
    margin: 5px 0 0 0;
}

div.warning.modular.between {
    margin: 5px 0 15px 0;
}

div.warning.with-button {
    padding: 8px 10px 14px 14px;
}

div.warning.login {
    width: 349px;
}

div.warning ul {
    list-style: none;
}

div.warning ul li {
    padding-left: 18px;
    background: url(../images/icon-warning.png) 0 4px no-repeat;
}

div.warning ul li label {
    text-decoration: underline;
    cursor: pointer;
}

div.warning ul li p {
    padding: 0px !important;
    line-height: 20px !important;
}


/* Error-message
-----------------------------------------------------------------------------*/
div.error-message {
    position: relative;
    padding: 8px 10px 12px 14px;
    width: 836px;
    margin-left: 10px;
    line-height: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.error-message ul {
    list-style: none;
}

div.error-message ul li {
    padding-left: 18px;
    background: url(../images/icon-validation-error.png) 0 4px no-repeat;
}


/* Tabs
-----------------------------------------------------------------------------*/
div.tabs-overview {
    width: 600px;
    display: inline-block;
}

div.tabs-overview.modular {
    padding-top: 10px;
}

div.tabs-overview.undertable {
    padding-top: 15px;
}

div.tabs-overview.betweenform {
    padding-top: 20px;
}

div.tabs-overview.underselector {
    padding-top: 25px;
}

div.tabs-overview ul.tab-list {
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    width: 598px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    padding: 14px 0 0 0;
}

div.tabs-overview ul.tab-list li {
    display: inline;
    float: left;
    margin: 0 0 14px 14px;
}

div.tabs-overview ul.tab-list li a {
    height: 19px;
    font-weight: bold;
    padding: 4px 10px 0px 10px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    background: url(../images/button-grey.png) left top no-repeat;

    border: 1px solid #bbbbbb;
    color: #455560;
}

div.tabs-overview ul.tab-list li a span {
    color: #888888;
    font-weight: normal;
}

div.tabs-overview ul.tab-list li a:hover {
    background-position: 0 -30px;
}

div.tabs-overview ul.tab-list li a.active {
    background: url(../images/custom/button-color.png) 0 -30px no-repeat;
    color: #ffffff;
    cursor: default;
}

div.tabs-overview ul.tab-list li a.active span {
    color: #ffffff;
}

div.tab-container {
    width: 600px;
    margin-top: 10px;
}


/* Enlarge Field
-----------------------------------------------------------------------------*/
div.enlargefieldcontainer {
    display: inline-block;
    position: relative;
    float: left;
}

div.enlargefieldcontainer a.resize {
    position: absolute;
    right: 6px;
    bottom: 6px;
    display: none;
}

div.formrow div.enlargefieldcontainer a.resize {
    bottom: 12px;
}

div.enlargefieldcontainer:hover a.resize {
    display: block;
}

div.enlargefieldcontainer.templateselector a.iconbutton {
    position: absolute;
    bottom: 6px;
    display: none;
}

div.enlargefieldcontainer.templateselector a.iconbutton.select {
    left: 1px;
}

div.enlargefieldcontainer.templateselector a.iconbutton.add {
    left: 31px;
}

div.enlargefieldcontainer.templateselector:hover a.iconbutton {
    display: block;
}

div.charactersremaining {
    padding: 5px 0 0 0;
    line-height: 18px;
}

div.charactersremaining.reachinglimit {
    color: #bd1818;
}


/* Details (Carriers/Accounts)
-----------------------------------------------------------------------------*/
div.carrier-details,
div.company-details,
div.account-details {
    width: 598px;
    border: 1px solid #cccccc;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    background-color: #f7f7f7;
}

div.carrier-details div.imagecolumn,
div.company-details div.imagecolumn,
div.account-details div.imagecolumn {
    float: left;
    width: 100px;
    padding: 14px;
    display: inline-block;
}

div.carrier-details div.imagecolumn div.logocontainer,
div.company-details div.imagecolumn div.logocontainer,
div.account-details div.imagecolumn div.logocontainer {
    float: left;
    width: 100px;
    height: 100px;
    position: relative;
    background-color: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.carrier-details div.imagecolumn div.logocontainer.inttra,
div.company-details div.imagecolumn div.logocontainer.inttra {
    height: 42px;
    margin-top: 14px;
}

div.carrier-details div.imagecolumn div.logocontainer img,
div.company-details div.imagecolumn div.logocontainer img,
div.account-details div.imagecolumn div.logocontainer img {
    border: 1px solid #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.carrier-details div.textcolumn,
div.company-details div.textcolumn,
div.account-details div.textcolumn {
    float: left;
    width: 456px;
    display: inline-block;
    padding: 14px 0;
}

div.carrier-details div.textcolumn h2,
div.company-details div.textcolumn h2,
div.account-details div.textcolumn h2 {
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
}

div.carrier-details div.textcolumn p span,
div.company-details div.textcolumn p span,
div.account-details div.textcolumn p span {
    color: #888888;
}

div.carrier-details div.textcolumn div.detailcontainer,
div.company-details div.textcolumn div.detailcontainer,
div.account-details div.textcolumn div.detailcontainer {
    width: 454px;
    border: 1px solid #e0e0e0;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.carrier-details div.textcolumn div.detailcontainer.second,
div.company-details div.textcolumn div.detailcontainer.second,
div.account-details div.textcolumn div.detailcontainer.second {
    margin-top: 15px;
}

div.carrier-details div.textcolumn div.detailrow,
div.company-details div.textcolumn div.detailrow,
div.account-details div.textcolumn div.detailrow {
    width: 454px;
    position: relative;
    display: inline-block;
    padding: 3px 0 8px 0;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #ffffff;
    line-height: 18px;
}

div.carrier-details div.textcolumn div.detailrow.first,
div.company-details div.textcolumn div.detailrow.first,
div.account-details div.textcolumn div.detailrow.first {
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

div.carrier-details div.textcolumn div.detailrow.last,
div.company-details div.textcolumn div.detailrow.last,
div.account-details div.textcolumn div.detailrow.last {
    border-bottom: none;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

div.carrier-details div.textcolumn div.detailrow:hover,
div.company-details div.textcolumn div.detailrow:hover,
div.account-details div.textcolumn div.detailrow:hover {
    background-color: #f1f1f1;
}

div.carrier-details div.textcolumn div.detailrow p,
div.company-details div.textcolumn div.detailrow p,
div.account-details div.textcolumn div.detailrow p {
    padding-bottom: 0px !important;
}

div.carrier-details div.textcolumn div.detailrow div.label,
div.company-details div.textcolumn div.detailrow div.label,
div.account-details div.textcolumn div.detailrow div.label {
    width: 130px;
    float: left;
    padding-left: 10px;
    color: #888888;
}

div.carrier-details div.textcolumn div.detailrow div.value,
div.company-details div.textcolumn div.detailrow div.value,
div.account-details div.textcolumn div.detailrow div.value {
    width: 304px;
    float: left;
}

div.carrier-details a.edit,
div.company-details a.edit,
div.account-details a.edit {
    position: absolute;
    right: 14px;
    top: 14px;
}


/* Form Elements (Bookings, Customs Documents and Shipping Instructions)
-----------------------------------------------------------------------------*/
div.formgroup {
    width: 600px;
    position: relative;
    margin-top: 25px;
}

div.formgroup.single {
    margin-top: 0px;
}

div.formgroup.modular {
    margin-top: 10px;
}

div.formgroup.notitle {
    border-top: 1px solid #cccccc;
}

div.formgroup h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    border-bottom: 1px solid #cccccc;
    width: 600px;
}

div.formgroup h2.noline {
    border-bottom: none;
}

div.formgroup h2 span.optional {
    color: #888888;
    font-weight: normal;
}

div.formgroup p.requiredfields {
    color: #888888;
    float: right;
    line-height: normal;
    padding-bottom: 0 !important;
}

div.formgroup div.container {
    background-color: #f7f7f7;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ffffff;
    padding-bottom: 15px;
    position: relative;
    width: 600px;
}

div.discardroundedgroups div.formgroup div.container {
    background-color: #f7f7f7;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ffffff;
    border-left: none;
    border-right: none;
    padding-bottom: 15px;
    position: relative;
    width: 600px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

div.formgroup div.container.belowsteps {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: none;
    width: 598px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

div.formgroup div.container.buttons,
div.formgroup div.container.notitle {
    padding-top: 14px;
}

div.formgroup div.container.overview {
    padding-top: 10px;
}

div.formgroup div.container div.inner {
    width: 570px;
    padding: 0 14px 0 14px;
    position: relative;
    display: inline-block;
}

div.discardroundedgroups div.formgroup div.container div.inner {
    margin-top: 0px;
    border: none;
}

div.formgroup div.container div.inner .onefourthcolumn {
    width: 135px;
    float: left;
}

div.formgroup div.container div.inner .onethirdcolumn {
    width: 180px;
    float: left;
}

div.formgroup div.container div.inner.icon {
    width: 516px;
    background-position: 15px 3px;
    background-repeat: no-repeat;
    padding-left: 54px;
}

div.formgroup div.container div.inner div.icon {
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding-left: 39px;
    width: 231px;
}

div.formgroup div.container div.inner.icon.bookingconfirmationpdf {
    background-image: url(../images/icon-view-booking-confirmation.png);
}

div.formgroup div.container div.inner.icon.arrivalnoticepdf {
    background-image: url(../images/icon-view-arrival-notice.png);
}

div.formgroup div.container div.inner.icon.deliveryorderpdf {
    background-image: url(../images/icon-view-delivery-order.png);
}

div.formgroup div.container .icon.hblfinalpdf {
    background-image: url(../images/icon-view-final-hbl.png);
}

div.formgroup div.container .icon.hbldraftpdf {
    background-image: url(../images/icon-view-draft-hbl.png);
}

div.formgroup div.container div.inner.icon.quotationpdf {
    background-image: url(../images/icon-view-quotation.png);
}

div.formgroup div.container div.inner div.label {
    padding: 10px 0 8px 0;
    display: inline-block;
    width: 270px;
}

div.formgroup div.container div.inner div.label.auto {
    width: auto;
}

div.formgroup div.container div.inner div.label.extraheading {
    padding: 10px 0 0 0;
}

div.formgroup div.container div.inner div.formgrouptext {
    font-weight: bold;
    padding: 2px 0 5px 0;
    display: inline-block;
    text-transform: uppercase;
}

div.formgroup div.container.overview div.inner div.label {
    padding: 0 0 8px 0;
}

div.formgroup div.container.overview div.inner div.label.second {
    padding: 10px 0 8px 0;
}

div.formgroup div.container.overview div.inner div.label p {
    font-weight: normal;
}

div.discardroundedgroups div.formgroup div.container div.inner div.label p {
    font-weight: normal;
    float: left;
}

div.formgroup div.container div.inner .leftcolumn {
    width: 270px;
    float: left;
}

div.formgroup div.container div.inner .leftcolumn .buttons {
    width: 270px;
    position: relative;
    display: inline-block;
    padding: 15px 0;
}

div.formgroup div.container div.inner .rightcolumn {
    width: 270px;
    float: right;
}

div.formgroup div.container div.inner p {
    float: left;
    padding-bottom: 0px !important;
}

div.formgroup div.container div.inner .label.multiple p {
    float: none;
}

div.formgroup div.container div.inner p span.optional {
    color: #888888;
}

div.formgroup div.container.overview div.inner h4 {
    font-weight: normal;
    color: #888888;
    line-height: 18px;
}

div.formgroup div.container.overview div.inner h4.second,
div.formgroup div.container.overview div.inner p.second {
    padding-top: 10px;
}

div.formgroup div.container.overview div.inner p {
    font-weight: bold;
    float: none;
    padding-bottom: 0px !important;
}

div.formgroup div.container.overview div.inner p.first,
div.formgroup div.container.overview div.inner p span {
    font-weight: normal;
}

div.formgroup.halfsized,
div.formgroup.halfsized h2,
div.formgroup.halfsized div.container {
    width: 300px;
    float: left;
}

div.formgroup.halfsized.rightcolumn h2 {
    width: 286px;
    padding-left: 14px;
}

div.formgroup.halfsized div.container div.inner {
    width: 270px;
}

div.addresses-container {
    display: inline-block;
}

div.floatfields {
    display: inline-block;
}

div.floatfields input {
    float: left;
    margin-right: 10px;
}

div.floatfields .selectbox {
    float: left;
    margin-right: 10px;
}

ul.checkboxgroup {
    list-style: none;
    display: inline;
}

ul.checkboxgroup.last {
    padding-bottom: 10px;
    display: inline-block;
}

ul.checkboxgroup.below {
    margin-top: -5px;
    padding-bottom: 7px;
    display: inline-block;
}

ul.checkboxgroup.horizontal {
    float: left;
    width: 600px;
}

ul.checkboxgroup.horizontal li {
    width: auto;
    float: left;
    margin-bottom: 0px;
}

ul.checkboxgroup.horizontal li.label {
    margin: 0 25px 0 5px;
}

ul.checkboxgroup.form {
    width: 270px;
    display: inline-block;
    margin-bottom: -7px;
}

ul.checkboxgroup.inlineform {
    display: inline-block;
    margin-bottom: -7px;
}

ul.checkboxgroup.form.fullwidth {
    width: 570px;
}

ul.checkboxgroup.form.notitle {
    margin-top: 10px;
}

ul.checkboxgroup.form li {
    width: 270px;
}

ul.checkboxgroup.form li.half {
    width: 135px;
}

ul.checkboxgroup.form.fullwidth li {
    width: 570px;
}

ul.checkboxgroup.form.fullwidth li.half {
    width: 285px;
}

ul.checkboxgroup.form.fullwidth li.third {
    width: 190px;
}

ul.checkboxgroup.reefer,
ul.checkboxgroup.auto {
    float: left;
    padding-top: 6px;
    margin-right: 6px;
}

ul.checkboxgroup.inlinefield {
    float: left;
    padding-top: 11px;
    margin-right: 6px;
}

ul.checkboxgroup.inlinefield.postfield {
    margin: 0 6px 0 5px;
}

ul.checkboxgroup.reefer li,
ul.checkboxgroup.auto li,
ul.checkboxgroup.inlinefield li {
    width: auto;
    margin: 0 0 0 0;
}

ul.checkboxgroup.reefer li.or {
    margin: -1px 5px 0 5px;
}

ul.checkboxgroup.inlinefield li.or {
    margin: -1px 15px 0 15px;
}

ul.checkboxgroup.reefer li.checkbox,
ul.checkboxgroup.reefer li.auto {
    margin: 0;
}

ul.checkboxgroup li {
    float: left;
    width: 130px;
    margin-bottom: 7px;
}

ul.checkboxgroup.inlineform li.half {
    width: 195px;
}

ul.checkboxgroup li.save-use,
ul.checkboxgroup li.update-use,
ul.checkboxgroup li.same-as-consignee,
ul.checkboxgroup li.use-for-all-managers,
ul.checkboxgroup li.release,
ul.checkboxgroup li.individual {
    margin: 8px 0 0 0;
    width: 200px;
}

ul.checkboxgroup li.spreadsheet {
    margin: 8px 0 0 0;
    width: 144px;
}

ul.checkboxgroup li.ucncolumn {
    margin: 6px 0 5px 0;
    width: 98px;
}

ul.checkboxgroup li.weightvolume {
    margin: 8px 0 0 0;
    width: 124px;
}

ul.checkboxgroup li.save-use.wide,
ul.checkboxgroup li.update-use.wide,
ul.checkboxgroup li.same-as-consignee.wide,
ul.checkboxgroup li.use-for-all-managers.wide,
ul.checkboxgroup li.release.wide,
ul.checkboxgroup li.individual.wide {
    width: 270px;
}

ul.checkboxgroup li.ctrpck {
    margin: 8px 0 0 0;
    width: 135px;
}

ul.checkboxgroup li.hazmat,
ul.checkboxgroup li.reefer,
ul.checkboxgroup li.outofgauge {
    margin: 6px 0 0 5px;
    width: 100px;
}

ul.checkboxgroup li.hazmat label.checkboxvalue,
ul.checkboxgroup li.reefer label.checkboxvalue,
ul.checkboxgroup li.outofgauge label.checkboxvalue {
    width: 82px;
    line-height: 16px;
    margin-top: -2px;
}

ul.checkboxgroup li .checkbox-styled {
    float: left;
    margin-right: 5px;
}

ul.checkboxgroup li label {
    float: left;
    cursor: pointer;
}

ul.checkboxgroup li label.checkboxvalue {
    width: 102px;
    line-height: 16px;
    margin-top: -2px;
}

ul.checkboxgroup li.save-use label.checkboxvalue,
ul.checkboxgroup li.update-use label.checkboxvalue,
ul.checkboxgroup li.individual label.checkboxvalue {
    width: 172px;
    line-height: 16px;
    margin-top: -2px;
}

ul.checkboxgroup li.spreadsheet label.checkboxvalue {
    width: 116px;
    line-height: 16px;
    margin-top: -2px;
}

ul.checkboxgroup li.ucncolumn label.checkboxvalue {
    width: 70px;
    line-height: 16px;
    margin-top: -2px;
}

ul.checkboxgroup li.save-use.wide label.checkboxvalue,
ul.checkboxgroup li.update-use.wide label.checkboxvalue,
ul.checkboxgroup li.release.wide label.checkboxvalue,
ul.checkboxgroup li.same-as-consignee.wide label.checkboxvalue,
ul.checkboxgroup li.use-for-all-managers.wide label.checkboxvalue,
ul.checkboxgroup li.individual.wide label.checkboxvalue {
    width: 242px;
}

ul.checkboxgroup li label:hover {
    text-decoration: underline;
}

div.help {
    width: 14px;
    height: 14px;
    background: url(../images/icon-help.png);
    float: left;
    position: relative;
    margin: 2px 0 0 5px;
    cursor: help;
}

div.help.afterfield {
    margin: 5px 0 0 5px;
}

div.help.inlinefield.afterfield {
    margin: 10px 0 0 5px;
}

div.help span {
    position: absolute;
    width: 150px;
    padding: 5px 10px 9px 10px;
    left: 19px;
    line-height: 18px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    z-index: 110;
    display: none;
}

div.help.afterfield span {
    width: 300px;
    top: -5px;
    padding: 5px 10px 8px 10px;
}

div.help.inlinefield.afterfield span {
    top: -9px;
}

div.help span p {
    float: none !important;
    padding-bottom: 0px !important;
}

div.help.wide span {
    width: 300px;
}

div.help.wider span {
    width: 450px;
}

div.help:hover span {
    display: block;
}

a.iconbutton {
    width: 25px;
    height: 25px;
    display: block;
    cursor: pointer;
}

a.iconbutton.clear {
    background-image: url(../images/button-delete-small.png);
    float: left;
    margin-left: 10px;
}

a.iconbutton.delete {
    background-image: url(../images/button-delete-small.png);
    float: left;
    margin-left: 5px;
}

a.iconbutton.add {
    background-image: url(../images/button-add-small.png);
    float: left;
    margin-left: 5px;
}

a.iconbutton.adddossier {
    background-image: url(../images/button-adddossier-small.png);
    float: left;
    margin-left: 5px;
}

a.iconbutton.help {
    background-image: url(../images/button-help-small.png);
    float: left;
    margin-left: 5px;
}

a.iconbutton.view {
    background-image: url(../images/button-icon-view-delete.png);
    float: left;
    margin-left: 5px;
}

a.iconbutton.edit {
    background-image: url(../images/button-icon-edit.png);
    float: left;
    margin-left: 5px;
}

a.iconbutton.copy {
    background-image: url(../images/button-copy-small.png);
    float: left;
    margin-left: 5px;
}

a.iconbutton.generate {
    background-image: url(../images/button-generate-small.png);
    float: left;
    margin-left: 5px;
}

a.iconbutton.refresh {
    background-image: url(../images/button-refresh-small.png);
    float: left;
    margin-left: 5px;
}

a.iconbutton.dimensions {
    background-image: url(../images/button-dimensions-small.png);
    float: left;
    margin-right: 5px;
}

a.iconbutton.select {
    background-image: url(../images/button-select-small.png);
    float: left;
    margin-left: 5px;
}

a.iconbutton.selectfromcompany {
    background-image: url(../images/button-company-small.png);
    float: left;
    margin-left: 5px;
}

a.iconbutton.dossiermodality,
a.iconbutton.dossiermodality-noaction {
    background-image: url(../images/button-icon-dossiermodality.png);
    float: left;
    margin-right: 5px;
}

div.iconbuttoncontainer {
    position: absolute;
    right: 10px;
    top: 9px;
    z-index: 100;
    display: none;
}

div.container:hover div.iconbuttoncontainer {
    display: block;
}

div.iconbuttoncontainer a.iconbutton {
    margin-left: 5px;
}

a.iconhoverbutton.clear {
    background-image: url(../images/button-delete-small.png);
    cursor: pointer;
}

div.formgroup div.container a.iconhoverbutton {
    position: absolute;
    right: 10px;
    width: 25px;
    height: 25px;
    top: 9px;
    z-index: 100;
    display: none;
}

div.formgroup div.container a.iconhoverbutton.showdefault {
    display: block;
}

a.iconbutton.inlinefield {
    margin-top: 5px;
}

div.formgroup div.container.filled:hover a.iconhoverbutton {
    display: block;
}

a.iconbutton:hover,
a.iconhoverbutton:hover {
    background-position: 0 -25px;
}

a.iconbutton.disabled {
    background-position: 0 -50px;
    cursor: default;
}

input.iconbutton {
    width: 25px;
    height: 25px;
    display: block;
    cursor: pointer;
    border: none;
    background-color: transparent;
}

input.iconbutton.refresh {
    background-image: url(../images/button-refresh-small.png);
    float: left;
    margin-left: 5px;
}

input.iconbutton:hover {
    background-position: 0 -25px;
}

div.toggle-portbox,
div.toggle-worldregionbox {
    margin: 10px 0 0 0;
    float: left;
    position: relative;
    z-index: 1;
}

div.toggle-countrybox {
    margin: 6px 0 0;
    float: left;
}

div.formrow div.toggle-countrybox,
div.formrow div.toggle-portbox,
div.formrow div.toggle-worldregionbox {
    margin: 0 0 6px;
    float: left;
}

div.formrow .jquery-selectarea.countryloader,
div.formrow .jquery-selectarea.viacountryloader,
div.formrow .jquery-selectarea.geoloader,
div.formrow .jquery-selectarea.worldregionloader {
    margin: 0 0 0 150px;
}

div.formrow .jquery-selectarea.geoloader {
    width: 433px;
}

div.toggle-portbox .portbox {
    width: 540px;
    border: 1px solid #cccccc;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #455560;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.toggle-countrybox .countrybox {
    width: 231px;
    border: 1px solid #cccccc;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #455560;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.toggle-portbox .portbox option,
div.toggle-countrybox .countrybox option {
    height: 18px;
    padding-left: 5px;
    padding-top: 3px;
}

div.toggle-portbox .portbox option:first-child,
div.toggle-countrybox .countrybox option:first-child {
    border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
}

input.above-form,
a.above-form {
    float: right;
    margin: -5px 0 0 5px;
}

input.above-overview,
a.above-overview {
    float: right;
    margin: -30px 0 0 5px;
}

span.container-divider {
    float: left;
    padding-top: 5px;
    margin: 0 3px;
}

div.multiplefields {
    display: inline-block;
}

div.multiplefields .textfield,
div.multiplefields .selectbox {
    float: left;
}

div.fieldcontainergroup {
    display: inline-block;
}

div.fieldcontainergroup.wider {
    display: inline-block;
    width: 295px;
}

div.fieldcontainer-autowidth {
    width: auto;
    float: left;
    margin-right: 15px;
}

div.fieldcontainer-autowidth.last {
    margin-right: 0px;
}

div.fieldcontainer-autowidth.countryfixed {
    width: 218px;
}

div.fieldcontainergroup.multiplerows div.fieldcontainer-autowidth {
    padding-top: 5px;
}

div.fieldcontainergroup.multiplerows div.fieldcontainer-autowidth:first-child {
    padding-top: 0px;
}

div.onelinegroup {
    display: inline-block;
    width: 570px;
}

div.onelinegroup.onecolumn {
    width: 270px;
}

div.onelinegroup.login {
    width: 375px;
}

div.onelinegroup input,
div.onelinegroup a,
div.onelinegroup div.selectbox {
    float: left;
    margin-right: 8px;
}

div.onelinegroup div.validation input {
    margin-right: 0px;
}

div.fileupload input {
    float: left;
    margin-right: 10px;
}

div.fileupload .submit-loader {
    float: left;
    margin: 0 10px 0 0;
}

div.fileupload div {
    padding-top: 5px;
    float: left;
}

div.filenamelink {
    padding-top: 5px;
}


/* jQuery Selectarea
-----------------------------------------------------------------------------*/
.jquery-selectarea {
    width: 538px;
    background-color: #ffffff;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #455560;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    max-height: 190px;
    overflow: auto;
}

.jquery-selectarea.countryloader,
.jquery-selectarea.viacountryloader,
.jquery-selectarea.worldregionloader {
    width: 238px;
}

#searchbox .jquery-selectarea.countryloader,
#searchbox .jquery-selectarea.viacountryloader,
#searchbox .jquery-selectarea.worldregionloader {
    width: 198px;
}

#searchbox .jquery-selectarea.geoloader {
    width: 431px;
    margin-bottom: 15px;
}

.jquery-selectarea .selectoption {
    display: block;
    cursor: pointer;
    color: #455560;
    padding: 4px 0px 5px 5px;
}

.jquery-selectarea .selectoption:first-child {
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.jquery-selectarea .selectoption:last-child {
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

.jquery-selectarea .selectoption.selected {
    cursor: default;
}


/* Steps Bars
-----------------------------------------------------------------------------*/
#steps-container {
    width: 600px;
    height: 51px;
    display: inline-block;
    position: relative;
}

#steps-container div {
    height: 43px;
    padding: 7px 0 0 15px;
    float: left;
    margin-right: 1px;
}

#steps-container div h3 {
    font-size: 11px;
    line-height: 16px;
}

#steps-container div p {
    padding-bottom: 0px;
    line-height: 16px;
}

#steps-container div.four {
    width: 134px;
    background-image: url(../images/custom/steps-4-bar-middle.png);
}

#steps-container div.four.first {
    background-image: url(../images/custom/steps-4-bar-left.png);
}

#steps-container div.four.last {
    width: 135px;
    background-image: url(../images/custom/steps-4-bar-right.png);
}

#steps-container div.three {
    width: 185px;
    background-image: url(../images/custom/steps-3-bar-middle.png);
}

#steps-container div.three.first {
    width: 184px;
    background-image: url(../images/custom/steps-3-bar-left.png);
}

#steps-container div.three.last {
    width: 184px;
    background-image: url(../images/custom/steps-3-bar-right.png);
}

#steps-container div.five {
    width: 104px;
    background-image: url(../images/custom/steps-5-bar-middle.png);
}

#steps-container div.five.first {
    background-image: url(../images/custom/steps-5-bar-left.png);
}

#steps-container div.five.last {
    width: 105px;
    background-image: url(../images/custom/steps-5-bar-right.png);
}

#steps-container div.last {
    margin-right: 0px;
}

#steps-container div.default {
    background-position: 0 0;
}

#steps-container div.active {
    background-position: 0 -50px;
}

#steps-container div.success {
    background-position: 0 -100px;
}

#steps-container div.active h3,
#steps-container div.success h3,
#steps-container div.active p,
#steps-container div.success p {
    color: #ffffff;
}

#steps-container div.active a,
#steps-container div.success a {
    color: #ffffff;
    text-decoration: none;
}

#steps-container div.active a:hover,
#steps-container div.success a:hover {
    text-decoration: underline;
}


/* Open Spreadsheet (Form)
-----------------------------------------------------------------------------*/
#form-open-spreadsheet {
    width: 545px;
    height: 45px;
    padding: 9px 0 0 55px;
    display: inline-block;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    background: url(../images/icon-container-spreadsheet.png) 15px 12px no-repeat #f7f7f7;
}

#form-open-spreadsheet p {
    color: #888888;
    padding-bottom: 0px !important;
    line-height: 16px;
}

#form-open-spreadsheet a {
    font-weight: bold;
}

#form-open-spreadsheet span {
    margin: 0 8px;
}


/* Modular Popup
-----------------------------------------------------------------------------*/
#modular-background {
    width: 100%;
    height: 100%;
    position: fixed;
    display: block;
    background-color: #000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 1500;
}

#modular-container {
    display: table;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1501;
}

#modular-container .positioning {
    display: table-cell;
    vertical-align: middle;
}

#modular-container .positioning .address-container,
#modular-container .positioning .file-container,
#modular-container .positioning .help-container,
#modular-container .positioning .si-container,
#modular-container .positioning .generateinvoice-container,
#modular-container .positioning .reservations-container,
#modular-container .positioning .spreadsheet-eightareas-container {
    margin: 0 auto;
    width: 650px;
}

#modular-container .positioning .spreadsheet-container {
    margin: 0 auto;
    width: 992px;
}

#modular-container .positioning .spreadsheet-customs-container,
#modular-container .positioning .spreadsheet-eightareas-container {
    margin: 0 auto;
    width: 1128px;
}

#modular-container .positioning .spreadsheet-fourareas-container {
    margin: 0 auto;
    width: 684px;
}

#modular-container .positioning .spreadsheet-deliveryorders-container {
    margin: 0 auto;
    width: 342px;
}

#modular-container .positioning .tracktrace-container {
    margin: 0 auto;
    width: 990px;
}

#modular-container div.header {
    width: 625px;
    height: 27px;
    background: url(../images/custom/content-header.png) no-repeat;
    color: #ffffff;
    padding-left: 25px;
    padding-top: 20px;
    position: relative;
}

#modular-container div.background {
    background: url(../images/content-background.png) repeat-y;
    width: 600px;
    padding: 5px 25px 0 25px;
    position: relative;
}

#modular-container div.background.overview {
    padding: 0 35px 0 10px;
    width: 972px;
}

#modular-container div.background.overview.small {
    padding: 0 35px 0 10px;
    width: 600px;
}

#modular-container div.background.form {
    padding-bottom: 30px;
}

#modular-container div.background.tabform {
    padding-bottom: 30px;
    padding-top: 15px;
}

#modular-container div.background.overviewmodular {
    padding-bottom: 15px;
}

#modular-container div.background p {
    padding-bottom: 18px;
}

#modular-container div.footer {
    width: 650px;
    background: url(../images/content-footer-form.png) top no-repeat;
    height: 67px;
    position: relative;
}

#modular-container .positioning .spreadsheet-container div.header {
    width: 967px;
    background: url(../images/custom/spreadsheet-header.png) no-repeat;
}

#modular-container .positioning .spreadsheet-container div.background {
    background: url(../images/spreadsheet-background.png) repeat-y;
    width: 942px;
}

#modular-container .positioning .spreadsheet-container div.footer {
    width: 992px;
    background: url(../images/spreadsheet-footer-form.png) top no-repeat;
}

#modular-container .positioning .spreadsheet-customs-container div.header,
#modular-container .positioning .spreadsheet-eightareas-container div.header {
    width: 1103px;
    background: url(../images/custom/spreadsheet-customs-header.png) no-repeat;
}

#modular-container .positioning .spreadsheet-fourareas-container div.header {
    width: 559px;
    background: url(../images/custom/spreadsheet-fourareas-header.png) no-repeat;
}

#modular-container .positioning .spreadsheet-customs-container div.background,
#modular-container .positioning .spreadsheet-eightareas-container div.background {
    background: url(../images/spreadsheet-customs-background.png) repeat-y;
    width: 1078px;
}

#modular-container .positioning .spreadsheet-fourareas-container div.background {
    background: url(../images/spreadsheet-fourareas-background.png) repeat-y;
    width: 534px;
}

#modular-container .positioning .spreadsheet-customs-container div.footer,
#modular-container .positioning .spreadsheet-eightareas-container div.footer {
    width: 1128px;
    background: url(../images/spreadsheet-customs-footer-form.png) top no-repeat;
}

#modular-container .positioning .spreadsheet-fourareas-container div.footer {
    width: 584px;
    background: url(../images/spreadsheet-fourareas-footer-form.png) top no-repeat;
}

#modular-container .positioning .spreadsheet-deliveryorders-container div.header {
    width: 317px;
    background: url(../images/custom/spreadsheet-deliveryorders-header.png) no-repeat;
}

#modular-container .positioning .spreadsheet-deliveryorders-container div.background {
    background: url(../images/spreadsheet-deliveryorders-background.png) repeat-y;
    width: 292px;
}

#modular-container .positioning .spreadsheet-deliveryorders-container div.footer {
    width: 342px;
    background: url(../images/spreadsheet-deliveryorders-footer-form.png) top no-repeat;
}

#modular-container .positioning .tracktrace-container div.header {
    width: 965px;
    background: url(../images/custom/tracktrace-header.png) no-repeat;
}

#modular-container .positioning .tracktrace-container div.background {
    background: url(../images/tracktrace-background.png) repeat-y;
    width: 955px;
    padding: 0 10px 0 25px;
}

#modular-container .positioning .tracktrace-container div.footer {
    width: 990px;
    background: url(../images/tracktrace-footer-form.png) top no-repeat;
}

#modular-container div.footer div.buttoncontainer {
    padding-left: 10px;
    padding-top: 15px;
}

#modular-container #container-overview .table-container {
    height: 300px;
    overflow: auto;
    width: 580px;
    padding-right: 20px;
}

#modular-container #container-overview {
    margin-top: 10px;
}

#modular-container #container-overview div.table-container div.row {
    width: 580px;
}

#modular-container #container-overview div.table-container div.row div.packages {
    width: 120px;
}

#searchbox.modular {
    padding-top: 7px;
}

div.table-container.modular {
    overflow-y: auto;
    max-height: 200px;
}

div.table-container.modular.largerheight {
    max-height: 350px;
}

div.table-container.modular.overview {
    height: auto;
    margin-left: 1px;
    max-height: 300px;
    width: 1106px;
}

div.table-container.modular.overview.small {
    width: 628px;
}

#modular-container .positioning .spreadsheet-container div.table-container.modular.overview {
    width: 970px;
}

div.table-container.modular div.row {
    width: 100%;
}

div.table-container.modular div.row:last-child {
    border-bottom: none;
}

div.table-container.modular div.row .select {
    float: right;
    margin-right: 5px;
    margin-top: 3px;
}

div.table-container.modular div.row .select.singleline {
    margin-right: 3px;
    margin-top: -1px;
}

div.table-container.modular div.row .select.singleline .button {
    padding: 3px 10px 0;
}

div.table-container.modular div.row .select a {
    line-height: normal;
}

div.table-container.modular div.loader {
    width: 580px;
    border-bottom: none;
}

div.table-container.modular div.loader-background {
    width: 580px;
}


/* Internet Connection
-----------------------------------------------------------------------------*/
#modular-background.internetconnection {
    z-index: 3000;
}

#modular-container.internetconnection {
    z-index: 3001;
}

#modular-container .positioning .internetconnectionpopup {
    margin: 0 auto;
    padding: 18px 20px 23px 20px;
    width: 350px;
    background-color: #ffffff;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#modular-container .positioning .internetconnectionpopup h3 {
    color: #222222;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    padding-bottom: 5px;
}


/* Spreadsheet Container (Modular)
-----------------------------------------------------------------------------*/
#notes {
    width: 970px;
    display: inline-block;
    background-color: #f7f7f7;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ffffff;
    position: relative;
    margin: -5px 0 0 -14px;
}

#notes.customs,
#notes.eightareas {
    width: 1106px;
}

#notes.fourareas {
    width: 562px;
}

#notes.deliveryorders {
    width: 320px;
}

#notes ul {
    list-style: none;
    padding: 6px 0 7px 15px;
    line-height: 18px;
    color: #888888;
}

#notes ul li {
    background: url(../images/icon-note.png) 0 2px no-repeat;
    padding-left: 20px;
    margin-bottom: 5px;
}

div.spreadsheet-row {
    width: 952px;
    display: inline-block;
}

div.spreadsheet-row.customs,
div.spreadsheet-row.eightareas {
    width: 1088px;
}

div.spreadsheet-row.fourareas {
    width: 544px;
}

div.spreadsheet-row.deliveryorders {
    width: 302px;
}

div.spreadsheet-row.first {
    padding: 9px 0 11px 0;
    position: relative;
}

div.spreadsheet-row div.value-container {
    width: 126px;
    float: left;
    margin-right: 10px;
}

div.spreadsheet-row div.value-container.large {
    width: 156px;
}

div.spreadsheet-row div.value-container.onehalf {
    width: 194px;
}

div.spreadsheet-row.first div.value-container {
    width: auto;
}

div.spreadsheet-row.first div.value-container.last {
    position: absolute;
    left: 408px;
}

div.spreadsheet-row div.value-container p {
    padding-bottom: 8px !important;
}

div.spreadsheet-row div.value-container p span {
    color: #888888;
}

.textarea-spreadsheet {
    width: 119px;
    height: 178px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    border: 1px solid #cccccc;
    color: #455560;
    padding-left: 5px;
    padding-top: 1px;
    line-height: 16px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: auto;
}

.textarea-spreadsheet:hover {
    border-color: #bbbbbb;
}

.textarea-spreadsheet.large {
    width: 149px;
}

.textarea-spreadsheet.onehalf {
    width: 187px;
}


/* Loginscreen
-----------------------------------------------------------------------------*/
#modular-container .positioning .login-container {
    margin: 0 auto;
    width: 425px;
}

#modular-container .positioning .login-container div.header {
    width: 400px;
    background: url(../images/custom/login-header.png) no-repeat;
}

#modular-container .positioning .login-container div.background {
    background: url(../images/login-background.png) repeat-y;
    width: 375px;
    padding-bottom: 15px;
}

#modular-container .positioning .login-container div.footer {
    width: 425px;
    background: url(../images/login-footer-form.png) top no-repeat;
}

div.login-content {
    width: 375px;
    display: inline-block;
    padding-top: 5px;
}

div.login-content.second {
    padding-top: 15px;
}

div.login-content div.field-container,
div.confirmation-content div.field-container {
    width: 180px;
    float: left;
}

div.login-content div.field-container.second {
    margin-left: 15px;
}

div.login-content div.field-container.autowidth {
    width: auto;
}

div.login-content div.field-container div.label {
    display: inline-block;
    padding-bottom: 8px;
    width: 180px;
}

div.confirmation-content div.field-container div.label {
    display: inline-block;
    padding: 8px 0 8px 0;
    width: 180px;
}

div.login-content div.field-container.autowidth div.label {
    width: auto;
}

div.login-content div.field-container div.label p,
div.confirmation-content div.field-container div.label p {
    float: left;
    padding-bottom: 0 !important;
}

div.supported-browsers {
    width: 425px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -212px;
    text-align: left;
    z-index: 1502;
}

div.supported-browsers div.browser-header {
    width: 400px;
    height: 27px;
    background: url(../images/browser-header.png) no-repeat;
    padding-left: 25px;
    padding-top: 20px;
    position: relative;
    font-weight: bold;
}

div.supported-browsers div.browser-container {
    background: url(../images/login-background.png) repeat-y;
    width: 410px;
    padding: 10px 0 10px 15px;
}

div.supported-browsers div.browser-container ul {
    height: 32px;
    position: relative;
    list-style: none;
}

div.supported-browsers div.browser-container ul li	{
    float: left;
    position: relative;
    background: #ffffff;
    overflow: hidden;
    margin-left: 13px;
    height: 32px;
}

div.supported-browsers div.browser-container ul li a {
    text-decoration: none;
    display: inline-block;
    height: 32px;
    position: relative;
}

div.supported-browsers div.browser-container ul li a span	{
    width: 100px;
    height: 32px;
    position: absolute;
    display: none;
    line-height: 14px;
    color: #455560;
    margin-left: 10px;
}

p.cleartextfield {
    position: relative;
    float: left;
    padding: 0px !important;
}

p.cleartextfield label {
    position: absolute;
    top: 4px;
    left: 6px;
    color: #888888;
    padding-right: 5px;
    cursor: text;
    line-height: normal;
}

p.cleartextfield br {
    display: none;
}


/* Confirm Delete
-----------------------------------------------------------------------------*/
#modular-container .positioning .confirmdelete-container, #modular-container .positioning .confirmation-container {
    margin: 0 auto;
    width: 425px;
}

#modular-container .positioning .confirmdelete-container div.header, #modular-container .positioning .confirmation-container div.header {
    width: 400px;
    background: url(../images/custom/login-header.png) no-repeat;
}

#modular-container .positioning .confirmdelete-container div.background, #modular-container .positioning .confirmation-container div.background {
    background: url(../images/login-background.png) repeat-y;
    width: 375px;
    padding-bottom: 15px;
}


#modular-container .positioning .confirmdelete-container div.footer, #modular-container .positioning .confirmation-container div.footer {
    width: 425px;
    background: url(../images/login-footer-form.png) top no-repeat;
}

div.confirmdelete-content,
div.confirmation-content {
    width: 375px;
    display: inline-block;
    padding-top: 5px;
}

div.modular-content {
    width: 600px;
    display: inline-block;
    padding-top: 5px;
}

div.confirmdelete-content p,
div.confirmation-content p,
div.modular-content p {
    padding-bottom: 0px !important;
}

/* Dossier selection popup
-----------------------------------------------------------------------------*/
#modular-container .positioning .dossierselection-container {
    margin: 0 auto;
    width: 425px;
}

#modular-container .positioning .dossierselection-container div.header {
    width: 400px;
    background: url(../images/custom/login-header.png) no-repeat;
}

#modular-container .positioning .dossierselection-container div.background {
    background: url(../images/login-background.png) repeat-y;
    width: 375px;
    padding-bottom: 15px;
}


#modular-container .positioning .dossierselection-container div.footer {
    width: 425px;
    background: url(../images/login-footer-form.png) top no-repeat;
}

div.dossierselection-content {
    width: 375px;
    display: inline-block;
    padding-top: 5px;
}

div.dossierselection-content p {
    padding-bottom: 0px !important;
}


/* Bookings
-----------------------------------------------------------------------------*/
#bookings div.table-header .dossier,
#bookings div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#bookings div.table-header .company,
#bookings div.table-container div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#bookings div.table-header .carrier,
#bookings div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#bookings div.table-header .carriercontact,
#bookings div.table-container div.row .carriercontact {
    float: left;
    width: 110px;
    padding: 0 0 7px 0;
    word-wrap: break-word;
}

#bookings div.table-header .vessel,
#bookings div.table-container div.row .vessel {
    float: left;
    width: 130px;
    padding: 0 10px 8px 0;
}

#bookings div.table-header .port,
#bookings div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#bookings div.table-header .etseta,
#bookings div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#bookings div.table-header .bookingtype,
#bookings div.table-container div.row .bookingtype {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#bookings div.table-header .inttrareference,
#bookings div.table-container div.row .inttrareference {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#bookings div.table-header .status {
    float: left;
    width: 115px;
    padding: 0 0 8px 0;
}

#bookings div.table-container div.row .status {
    float: left;
    width: 95px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#bookings div.table-container div.row .status span {
    color: #888888;
}

#bookings div.table-container div.row .status.incomplete {
    background-position: 0 1px;
}

#bookings div.table-container div.row .status.completed,
#bookings div.table-container div.row .status.sent {
    background-position: 0 -49px;
}

#bookings div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#bookings div.table-container div.row .status.closed {
    background-position: 0 -148px;
}

#bookings div.table-container div.row .status.declined {
    background-position: 0 -198px;
}


/* Companies
-----------------------------------------------------------------------------*/
#companies div.table-header .company,
#companies div.table-container div.row .company {
    float: left;
    width: 230px;
    margin-left: 30px;
    padding: 0 10px 7px 0;
}

#companies div.table-header .companycode,
#companies div.table-container div.row .companycode {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#companies div.table-header .contacts,
#companies div.table-container div.row .contacts {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#companies div.table-header .companytype,
#companies div.table-container div.row .companytype {
    float: left;
    width: 165px;
    padding: 0 0 8px 0;
}

#companies div.table-header .active {
    float: left;
    width: 60px;
}

#companies div.table-container div.row .active {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#companies div.table-container div.row .active.no {
    background-position: 0 1px;
}

#companies div.table-container div.row .active.yes {
    background-position: 0 -99px;
}

#companies div.table-header .language {
    float: left;
    width: 85px;
}

#companies div.table-container div.row .language {
    float: left;
    width: 65px;
    padding-left: 20px;
    background: url(../images/language-group.png) no-repeat;
}

#companies div.table-container div.row .language.dutch {
    background-position: 0 4px;
}

#companies div.table-container div.row .language.english {
    background-position: 0 -36px;
}

#companies div.table-container div.row .language.french {
    background-position: 0 -156px;
}



/* Company contacts
-----------------------------------------------------------------------------*/
#contacts div.table-header .contact,
#contacts div.table-container div.row .contact {
    float: left;
    width: 130px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
}

#contacts div.table-header .department,
#contacts div.table-container div.row .department {
    float: left;
    width: 100px;
    padding: 0 10px 8px 0;
}


#contacts div.table-header .language {
    float: left;
    width: 80px;
}

#contacts div.table-container div.row .language {
    float: left;
    width: 60px;
    padding-left: 20px;
    background: url(../images/language-group.png) no-repeat;
}

#contacts div.table-container div.row .language.dutch {
    background-position: 0 4px;
}

#contacts div.table-container div.row .language.english {
    background-position: 0 -36px;
}

#contacts div.table-container div.row .language.french {
    background-position: 0 -156px;
}

#contacts div.table-header .account {
    float: left;
    width: 70px;
}

#contacts div.table-container div.row .account {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#contacts div.table-container div.row .account.no {
    background-position: 0 1px;
}

#contacts div.table-container div.row .account.yes {
    background-position: 0 -99px;
}

#contacts div.table-header .active {
    float: left;
    width: 60px;
}

#contacts div.table-container div.row .active {
    float: left;
    width: 42px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#contacts div.table-container div.row .active.no {
    background-position: 0 1px;
}

#contacts div.table-container div.row .active.yes {
    background-position: 0 -99px;
}

#contacts div.table-container div.row .nocontacts {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Accounts
-----------------------------------------------------------------------------*/
#accounts div.table-header .account,
#accounts div.table-container div.row .account {
    float: left;
    width: 179px;
    margin-left: 15px;
    padding: 0 10px 8px 0;
}

#accounts div.table-header .office,
#accounts div.table-container div.row .office {
    float: left;
    width: 155px;
    padding: 0 10px 8px 0;
}

#accounts div.table-header .department,
#accounts div.table-container div.row .department {
    float: left;
    width: 155px;
    padding: 0 10px 8px 0;
}

#accounts div.table-header .emailaddress,
#accounts div.table-container div.row .emailaddress {
    float: left;
    width: 210px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#accounts div.table-header .active {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#accounts div.table-container div.row .active {
    float: left;
    width: 52px;
    background: url(../images/status-group.png) 0 1px no-repeat;
    padding: 0 0 8px 18px;
}

#accounts div.table-container div.row .active.no {
    background-position: 0 1px;
}

#accounts div.table-container div.row .active.yes {
    background-position: 0 -99px;
}

#accounts div.table-header .bookings-short,
#accounts div.table-container div.row .bookings-short,
#accounts div.table-header .customs-short,
#accounts div.table-container div.row .customs-short,
#accounts div.table-header .instructions-short,
#accounts div.table-container div.row .instructions-short,
#accounts div.table-header .files-short,
#accounts div.table-container div.row .files-short {
    float: left;
    width: 55px;
}

#accounts div.table-header .language {
    float: left;
    width: 90px;
}

#accounts div.table-container div.row .language {
    float: left;
    width: 70px;
    padding-left: 20px;
    background: url(../images/language-group.png) no-repeat;
}

#accounts div.table-container div.row .language.dutch {
    background-position: 0 4px;
}

#accounts div.table-container div.row .language.english {
    background-position: 0 -36px;
}

#accounts div.table-container div.row .language.french {
    background-position: 0 -156px;
}


/* Accounts
-----------------------------------------------------------------------------*/
#tab-employeeaccounts div.table-header .account,
#tab-employeeaccounts div.table-container div.row .account {
    float: left;
    width: 160px;
    margin-left: 15px;
    padding: 0 10px 8px 0;
}

#tab-employeeaccounts div.table-header .department,
#tab-employeeaccounts div.table-container div.row .department {
    float: left;
    width: 135px;
    padding: 0 10px 8px 0;
}

#tab-employeeaccounts div.table-header .active {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#tab-employeeaccounts div.table-container div.row .active {
    float: left;
    width: 52px;
    background: url(../images/status-group.png) 0 1px no-repeat;
    padding: 0 0 8px 18px;
}

#tab-employeeaccounts div.table-container div.row .active.no {
    background-position: 0 1px;
}

#tab-employeeaccounts div.table-container div.row .active.yes {
    background-position: 0 -99px;
}

#tab-employeeaccounts div.table-header .language {
    float: left;
    width: 90px;
}

#tab-employeeaccounts div.table-container div.row .language {
    float: left;
    width: 70px;
    padding-left: 20px;
    background: url(../images/language-group.png) no-repeat;
}

#tab-employeeaccounts div.table-container div.row .language.dutch {
    background-position: 0 4px;
}

#tab-employeeaccounts div.table-container div.row .language.english {
    background-position: 0 -36px;
}

#tab-employeeaccounts div.table-container div.row .language.french {
    background-position: 0 -156px;
}

#tab-employeeaccounts div.table-container div.row .noaccounts {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Offices
-----------------------------------------------------------------------------*/
#offices div.table-header .officename,
#offices div.table-container div.row .officename {
    float: left;
    width: 110px;
    margin-left: 15px;
    padding: 0 10px 8px 0;
}

#offices div.table-header .address,
#offices div.table-container div.row .address {
    float: left;
    width: 180px;
    padding: 0 10px 8px 0;
}

#offices div.table-container div.row .officename p,
#offices div.table-container div.row .address p {
    padding: 0px;
}

#offices div.table-header .phone,
#offices div.table-container div.row .phone {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

#offices div.table-header .emailaddress,
#offices div.table-container div.row .emailaddress {
    float: left;
    width: 230px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#offices div.table-header .accounts,
#offices div.table-container div.row .accounts {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#offices div.table-container div.row.mainoffice {
    background-color: #eeeeee;
}


/* Admin - User Groups
-----------------------------------------------------------------------------*/
#usergroups div.table-header .usergroupname,
#usergroups div.table-container div.row .usergroupname {
    float: left;
    width: 180px;
    padding: 0 10px 8px 0px;
    word-wrap: break-word;
    margin-left: 15px;
}

#usergroups div.table-header .description,
#usergroups div.table-container div.row .description {
    float: left;
    width: 350px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#usergroups div.table-header .numberofusers,
#usergroups div.table-container div.row .numberofusers {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#usergroups div.table-header .active {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#usergroups div.table-container div.row .active {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#usergroups div.table-container div.row .active.no {
    background-position: 0 1px;
}

#usergroups div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Admin - User Groups (Employee Accounts)
-----------------------------------------------------------------------------*/
#usergroups-accounts div.table-header .usergroupname,
#usergroups-accounts div.table-container div.row .usergroupname {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0px;
    word-wrap: break-word;
    margin-left: 15px;
}

#usergroups-accounts div.table-header .description,
#usergroups-accounts div.table-container div.row .description {
    float: left;
    width: 280px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#usergroups-accounts div.table-header .active {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#usergroups-accounts div.table-container div.row .active {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#usergroups-accounts div.table-container div.row .active.no {
    background-position: 0 1px;
}

#usergroups-accounts div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Admin - User Groups (Employee Accounts - Select User Groups)
-----------------------------------------------------------------------------*/
#usergroups-accounts-select div.table-header .usergroupname,
#usergroups-accounts-select div.table-container div.row .usergroupname {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0px;
    word-wrap: break-word;
    margin-left: 30px;
}

#usergroups-accounts-select div.table-header .description,
#usergroups-accounts-select div.table-container div.row .description {
    float: left;
    width: 350px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#usergroups-accounts-select div.table-header .activestate {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#usergroups-accounts-select div.table-container div.row .activestate {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#usergroups-accounts-select div.table-container div.row .activestate.no {
    background-position: 0 1px;
}

#usergroups-accounts-select div.table-container div.row .activestate.yes {
    background-position: 0 -99px;
}


/* Admin - User groups - Accounts
-----------------------------------------------------------------------------*/
#assignedusers div.table-header .name,
#assignedusers div.table-container div.row .name {
    float: left;
    width: 230px;
    padding: 0 10px 8px 0;
    margin-left: 15px;
}

#assignedusers div.table-header .name.selecttable,
#assignedusers div.table-container div.row .name.selecttable {
    margin-left: 30px;
}

#assignedusers div.table-header .department,
#assignedusers div.table-container div.row .department {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
}

#assignedusers div.table-header .language {
    float: left;
    width: 80px;
}

#assignedusers div.table-container div.row .language {
    float: left;
    width: 60px;
    padding-left: 20px;
    background: url(../images/language-group.png) no-repeat;
}

#assignedusers div.table-container div.row .language.dutch {
    background-position: 0 4px;
}

#assignedusers div.table-container div.row .language.english {
    background-position: 0 -36px;
}

#assignedusers div.table-container div.row .language.french {
    background-position: 0 -156px;
}


/* User rights
-----------------------------------------------------------------------------*/
#userrights div.table-header .modulename,
#userrights div.table-container div.row .modulename {
    float: left;
    width: 300px;
    margin-left: 30px;
}

#userrights div.table-header .numberofactions,
#userrights div.table-container div.row .numberofactions {
    float: left;
    width: 100px;
}

#userrights div.table-header .rights {
    float: right;
    padding-right: 15px;
    text-align: right;
    width: 60px;
}

#userrights div.row-table-header {
    background-color: #ffffff;
}

#userrights div.row-table-header .action,
#userrights div.row-table-row .action {
    float: left;
    margin-left: 30px;
    width: 300px;
    padding-right: 20px;
}

#userrights div.row-table-header .groupright,
#userrights div.row-table-row .groupright {
    float: left;
    width: 100px;
    color: #888888;
}

#userrights a.active {
    opacity: 1;
    cursor: pointer;
}

#userrights a.inactive {
    opacity: 0.5;
    cursor: pointer;
}


/* Admin - Incoterms
-----------------------------------------------------------------------------*/
#incoterms div.table-header .code,
#incoterms div.table-container div.row .code {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
    margin-left: 15px;
}

#incoterms div.table-header .description,
#incoterms div.table-container div.row .description {
    float: left;
    width: 550px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#incoterms div.table-header .active {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#incoterms div.table-container div.row .active {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#incoterms div.table-container div.row .active.no {
    background-position: 0 1px;
}

#incoterms div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Carrier Contacts
-----------------------------------------------------------------------------*/
#companycontacts div.table-header .companycontact,
#companycontacts div.table-container div.row .companycontact {
    float: left;
    width: 160px;
    margin-left: 15px;
    padding: 0 10px 8px 0;
}

#companycontacts div.table-header .department,
#companycontacts div.table-container div.row .department {
    float: left;
    width: 130px;
    padding: 0 0 8px 0;
}

#companycontacts div.table-header .email,
#companycontacts div.table-container div.row .email {
    float: left;
    width: 200px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}


/* Loading places (Companies)
-----------------------------------------------------------------------------*/
#loadingplaces div.table-header .loadingplace,
#loadingplaces div.table-container div.row .loadingplace {
    float: left;
    width: 60px;
    margin-left: 15px;
    padding: 0 10px 7px 0;
}

#loadingplaces div.table-header .companyname,
#loadingplaces div.table-container div.row .companyname {
    float: left;
    width: 200px;
    padding: 0 10px 8px 0;
}

#loadingplaces div.table-header .loadingaddress,
#loadingplaces div.table-container div.row .loadingaddress {
    float: left;
    width: 200px;
    padding: 0 0 8px 0;
}

#loadingplaces div.table-container div.row .companyname p,
#loadingplaces div.table-container div.row .loadingaddress p {
    padding-bottom: 0px;
}


/* Warehouses (Companies)
-----------------------------------------------------------------------------*/
#warehouses div.table-header .loadingplace,
#warehouses div.table-container div.row .loadingplace {
    float: left;
    width: 60px;
    margin-left: 15px;
    padding: 0 10px 7px 0;
}

#warehouses div.table-header .companyname,
#warehouses div.table-container div.row .companyname {
    float: left;
    width: 200px;
    padding: 0 10px 8px 0;
}

#warehouses div.table-header .loadingaddress,
#warehouses div.table-container div.row .loadingaddress {
    float: left;
    width: 200px;
    padding: 0 0 8px 0;
}

#warehouses div.table-container div.row .companyname p,
#warehouses div.table-container div.row .loadingaddress p {
    padding-bottom: 0px;
}


/* Warehouses (Companies)
-----------------------------------------------------------------------------*/
#linkedwarehouses div.table-header .companyname,
#linkedwarehouses div.table-container div.row .companyname {
    float: left;
    width: 240px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
}

#linkedwarehouses div.table-header .companycode,
#linkedwarehouses div.table-container div.row .companycode {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#linkedwarehouses div.table-header .loadingaddress,
#linkedwarehouses div.table-container div.row .loadingaddress {
    float: left;
    width: 200px;
    padding: 0 0 8px 0;
}

#linkedwarehouses div.table-container div.row .loadingaddress p {
    padding-bottom: 0px;
}


/* Parties (Companies)
-----------------------------------------------------------------------------*/
#parties div.table-header .companyname,
#parties div.table-container div.row .companyname {
    float: left;
    width: 200px;
    margin-left: 15px;
    padding: 0 10px 8px 0;
}

#parties div.table-header .address,
#parties div.table-container div.row .address {
    float: left;
    width: 200px;
    padding: 0 0 8px 0;
}

#parties div.table-header .type,
#parties div.table-container div.row .type {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

#parties div.table-container div.row .companyname p,
#parties div.table-container div.row .address p {
    padding-bottom: 0px;
}



/* Visit Reports
-----------------------------------------------------------------------------*/
#visitreports div.table-header .date,
#visitreports div.table-container div.row .date {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#visitreports div.table-header .time,
#visitreports div.table-container div.row .time {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

#visitreports div.table-header .company,
#visitreports div.table-container div.row .company {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

#visitreports div.table-header .companycontact,
#visitreports div.table-container div.row .companycontact {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
}

#visitreports div.table-header .subject,
#visitreports div.table-container div.row .subject {
    float: left;
    width: 200px;
    padding: 0 10px 8px 0;
}

#visitreports div.table-header .reminder {
    float: left;
    width: 70px;
}

#visitreports div.table-container div.row .reminder {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#visitreports div.table-container div.row .reminder.no {
    background-position: 0 1px;
}

#visitreports div.table-container div.row .reminder.yes {
    background-position: 0 -99px;
}

#visitreports div.table-header .notavailable,
#visitreports div.table-container div.row .notavailable {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Reminders
-----------------------------------------------------------------------------*/
#reminders div.table-header .date,
#reminders div.table-container div.row .date {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#reminders div.table-header .time,
#reminders div.table-container div.row .time {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#reminders div.table-header .company,
#reminders div.table-container div.row .company {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

#reminders div.table-header .companycontact,
#reminders div.table-container div.row .companycontact {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
}

#reminders div.table-header .subject,
#reminders div.table-container div.row .subject {
    float: left;
    width: 200px;
    padding: 0 10px 8px 0;
}

#reminders div.table-header .linkedtoreport {
    float: left;
    width: 100px;
}

#reminders div.table-container div.row .linkedtoreport {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#reminders div.table-container div.row .linkedtoreport.no {
    background-position: 0 1px;
}

#reminders div.table-container div.row .linkedtoreport.yes {
    background-position: 0 -99px;
}

#reminders div.table-header .notavailable,
#reminders div.table-container div.row .notavailable {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Address book
-----------------------------------------------------------------------------*/
#addressbook div.table-header .company,
#addressbook div.table-container div.row .company {
    float: left;
    width: 220px;
    margin-left: 15px;
    padding: 0 10px 8px 0;
}

#addressbook div.table-header .address,
#addressbook div.table-container div.row .address {
    float: left;
    width: 220px;
    padding: 0 10px 8px 0;
}

#addressbook div.table-container div.row .company p,
#addressbook div.table-container div.row .address p {
    padding-bottom: 0px;
}

#addressbook div.table-container div.row .company p.sub {
    padding-top: 18px;
}

#addressbook div.table-container div.row .company p span {
    color: #888888;
}

#addressbook div.table-header .unloc,
#addressbook div.table-container div.row .unloc {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#addressbook div.table-header .contacttype,
#addressbook div.table-container div.row .contacttype {
    float: left;
    width: 180px;
    padding: 0 10px 8px 0;
}


/* Carriers
-----------------------------------------------------------------------------*/
#carriers div.table-header .carrier,
#carriers div.table-container div.row .carrier {
    float: left;
    width: 240px;
    margin-left: 15px;
    padding: 0 10px 8px 0;
}

#carriers div.table-header .contacts,
#carriers div.table-container div.row .contacts {
    float: left;
    width: 80px;
}

#carriers div.table-header .carriertype,
#carriers div.table-container div.row .carriertype {
    float: left;
    width: 80px;
}

#carriers div.table-header .active {
    float: left;
    width: 70px;
}

#carriers div.table-container div.row .active {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#carriers div.table-container div.row .active.no {
    background-position: 0 1px;
}

#carriers div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Customs Documents
-----------------------------------------------------------------------------*/
#customs div.table-header .dossier,
#customs div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#customs div.table-header .company,
#customs div.table-container div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#customs div.table-header .clientreference,
#customs div.table-container div.row .clientreference {
    float: left;
    width: 80px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#customs div.table-header .companycontact,
#customs div.table-container div.row .companycontact {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
}

#customs div.table-header .customscontact,
#customs div.table-container div.row .customscontact {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
}

#customs div.table-header .vessel,
#customs div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
}

#customs div.table-header .port,
#customs div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#customs div.table-container div.row .amendstatus {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#customs div.table-header .etseta,
#customs div.table-container div.row .etseta {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#customs div.table-header .tradetype,
#customs div.table-container div.row .tradetype {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#customs div.table-header .customsoffice,
#customs div.table-container div.row .customsoffice {
    float: left;
    width: 130px;
    padding: 0 10px 7px 0;
}

#customs div.table-header .customsoffice-new,
#customs div.table-container div.row .customsoffice-new {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}


/* Files
-----------------------------------------------------------------------------*/
#files div.table-header .dossier,
#files div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#files div.table-header .company,
#files div.table-container div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#files div.table-header .visibility,
#files div.table-container div.row .visibility {
    float: left;
    width: 21px;
    height: 16px;
    margin-top: 2px;
}

#files div.table-header .filetype,
#files div.table-container div.row .filetype {
    float: left;
    width: 130px;
    padding: 0 0 8px 0;
}

#files div.table-header .filename,
#files div.table-container div.row .filename {
    float: left;
    width: 340px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}


/* Dossiers
-----------------------------------------------------------------------------*/
#dossiers div.table-header .dossier,
#dossiers div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#dossiers div.table-header .company,
#dossiers div.table-container div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#dossiers div.table-header .clientreference,
#dossiers div.table-container div.row .clientreference {
    float: left;
    width: 85px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#dossiers div.table-header .ponumber,
#dossiers div.table-container div.row .ponumber,
#dossiers div.table-header .skunumber,
#dossiers div.table-container div.row .skunumber {
    float: left;
    width: 100px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#dossiers div.table-header .carrier,
#dossiers div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#dossiers div.table-header .vessel,
#dossiers div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 10px 7px 0;
}

#dossiers div.table-header .port,
#dossiers div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#dossiers div.table-header .etseta,
#dossiers div.table-container div.row .etseta {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#dossiers div.table-header .dossiertype,
#dossiers div.table-container div.row .dossiertype {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#dossiers div.table-header .status {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#dossiers div.table-container div.row .status {
    float: left;
    width: 100px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group-dossiers.png) 0 3px no-repeat;
}

#dossiers div.table-container div.row .status.open {
    background-position: 0 3px;
}

#dossiers div.table-container div.row .status.readyforinvoice {
    background-position: 0 -47px;
}

#dossiers div.table-container div.row .status.invoiced,
#dossiers div.table-container div.row .status.partialinvoiced,
#dossiers div.table-container div.row .status.clientreleased {
    background-position: 0 -97px;
}

#dossiers div.table-container div.row .status.notinvoiced {
    background-position: 0 -147px;
}

#dossiers div.table-container div.row .status.closed {
    background-position: 0 -197px;
}

#dossiers div.table-container div.row .status.onhold,
#dossiers div.table-container div.row .status.clientonhold,
#dossiers div.table-container div.row .status.notarifflines {
    background-position: 0 -248px;
    position: relative;
}

#dossiers div.table-container div.row .status.cancelled {
    background-position: 0 -297px;
}

#dossiers div.table-header .packages,
#dossiers div.table-container div.row .packages {
    float: left;
    width: 100px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#dossiers div.table-header .cargotypes,
#dossiers div.table-container div.row .cargotypes {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#dossiers div.table-container div.row .packages p,
#dossiers div.table-container div.row .cargotypes p {
    padding: 0px !important;
}

#dossiers div.table-header .ctr,
#dossiers div.table-container div.row .ctr {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

#dossiers div.table-header .statusevents {
    float: left;
    width: 85px;
}

#dossiers div.table-container div.row .statusevents {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#dossiers div.table-container div.row .statusevents.no {
    background-position: 0 1px;
}

#dossiers div.table-container div.row .statusevents.yes {
    background-position: 0 -99px;
}

#dossiers div.table-header .arrived {
    float: left;
    width: 65px;
}

#dossiers div.table-container div.row .arrived {
    float: left;
    width: 45px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#dossiers div.table-container div.row .arrived.no {
    background-position: 0 1px;
}

#dossiers div.table-container div.row .arrived.yes {
    background-position: 0 -99px;
}

#dossiers div.table-container div.row .nodossiers {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#dossiers div.table-container div.row .nodossiers {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Dossiers - Tab Files
-----------------------------------------------------------------------------*/
#tab-files div.table-header .date,
#tab-files div.table-container div.row .date,
#tab-files-second div.table-header .date,
#tab-files-second div.table-container div.row .date,
#tab-files-third div.table-header .date,
#tab-files-third div.table-container div.row .date,
#tab-files-fourth div.table-header .date,
#tab-files-fourth div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    width: 75px;
}

#tab-files.with-toggle div.table-header .date,
#tab-files.with-toggle div.table-container div.row .date,
#tab-files-second.with-toggle div.table-header .date,
#tab-files-second.with-toggle div.table-container div.row .date,
#tab-files-third.with-toggle div.table-header .date,
#tab-files-third.with-toggle div.table-container div.row .date,
#tab-files-fourth.with-toggle div.table-header .date,
#tab-files-fourth.with-toggle div.table-container div.row .date {
    margin-left: 30px;
}

#tab-files div.table-header .visibility,
#tab-files div.table-container div.row .visibility,
#tab-files-second div.table-header .visibility,
#tab-files-second div.table-container div.row .visibility,
#tab-files-third div.table-header .visibility,
#tab-files-third div.table-container div.row .visibility,
#tab-files-fourth div.table-header .visibility,
#tab-files-fourth div.table-container div.row .visibility {
    float: left;
    width: 21px;
    height: 16px;
    margin-top: 2px;
}

#tab-files div.table-header .filetype,
#tab-files div.table-container div.row .filetype,
#tab-files-second div.table-header .filetype,
#tab-files-second div.table-container div.row .filetype,
#tab-files-third div.table-header .filetype,
#tab-files-third div.table-container div.row .filetype,
#tab-files-fourth div.table-header .filetype,
#tab-files-fourth div.table-container div.row .filetype {
    float: left;
    width: 110px;
    padding-bottom: 8px;
}

#tab-files div.table-header .filename,
#tab-files div.table-container div.row .filename,
#tab-files-second div.table-header .filename,
#tab-files-second div.table-container div.row .filename,
#tab-files-third div.table-header .filename,
#tab-files-third div.table-container div.row .filename,
#tab-files-fourth div.table-header .filename,
#tab-files-fourth div.table-container div.row .filename {
    float: left;
    width: 250px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#tab-files div.table-header .filename.wide,
#tab-files div.table-container div.row .filename.wide,
#tab-files-second div.table-header .filename.wide,
#tab-files-second div.table-container div.row .filename.wide,
#tab-files-third div.table-header .filename.wide,
#tab-files-third div.table-container div.row .filename.wide,
#tab-files-fourth div.table-header .filename.wide,
#tab-files-fourth div.table-container div.row .filename.wide {
    width: 315px;
}

#tab-files.with-toggle div.table-header .filename,
#tab-files.with-toggle div.table-container div.row .filename,
#tab-files-second.with-toggle div.table-header .filename,
#tab-files-second.with-toggle div.table-container div.row .filename,
#tab-files-third.with-toggle div.table-header .filename,
#tab-files-third.with-toggle div.table-container div.row .filename,
#tab-files-fourth.with-toggle div.table-header .filename,
#tab-files-fourth.with-toggle div.table-container div.row .filename {
    width: 235px;
}

#tab-files div.table-header .filename.consolidation,
#tab-files div.table-container div.row .filename.consolidation,
#tab-files-second div.table-header .filename.consolidation,
#tab-files-second div.table-container div.row .filename.consolidation,
#tab-files-third div.table-header .filename.consolidation,
#tab-files-third div.table-container div.row .filename.consolidation,
#tab-files-fourth div.table-header .filename.consolidation,
#tab-files-fourth div.table-container div.row .filename.consolidation {
    width: 160px;
    padding: 0 15px 8px 0;
}

#tab-files div.table-header .filename.company,
#tab-files div.table-container div.row .filename.company,
#tab-files-second div.table-header .filename.company,
#tab-files-second div.table-container div.row .filename.company,
#tab-files-third div.table-header .filename.company,
#tab-files-third div.table-container div.row .filename.company,
#tab-files-fourth div.table-header .filename.company,
#tab-files-fourth div.table-container div.row .filename.company {
    float: left;
    width: 180px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#tab-files div.table-header .dossier,
#tab-files div.table-container div.row .dossier,
#tab-files-second div.table-header .dossier,
#tab-files-second div.table-container div.row .dossier,
#tab-files-third div.table-header .dossier,
#tab-files-third div.table-container div.row .dossier,
#tab-files-fourth div.table-header .dossier,
#tab-files-fourth div.table-container div.row .dossier {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#tab-files div.table-header .todossier {
    float: left;
    width: 80px;
}

#tab-files div.table-container div.row .todossier {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tab-files div.table-container div.row .todossier.no {
    background-position: 0 1px;
}

#tab-files div.table-container div.row .todossier.yes {
    background-position: 0 -99px;
}

#tab-files div.table-container div.row .nofile,
#tab-files-second div.table-container div.row .nofile,
#tab-files-third div.table-container div.row .nofile,
#tab-files-fourth div.table-container div.row .nofile {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding-bottom: 8px;
}

#tab-files.with-toggle div.table-container div.row .nofile,
#tab-files-second.with-toggle div.table-container div.row .nofile,
#tab-files-third.with-toggle div.table-container div.row .nofile,
#tab-files-fourth.with-toggle div.table-container div.row .nofile {
    margin-left: 30px;
    width: 555px;
}

h3.dossier {
    color: #222222;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin-top: 15px;
}

h3.dossier.nomargin {
    margin-top: 0px;
}

h3.dossier.overviewmargin {
    margin-top: 7px;
}


/* Dossiers - Tab Summary
-----------------------------------------------------------------------------*/
div.tab-overview {
    width: 600px;
    position: relative;
    margin-top: 10px;
}

div.tab-overview.nomargin {
    margin: 0px;
}

div.tab-overview.single {
    margin-top: 15px;
}

div.tab-overview.dossiercontainers {
    margin-top: 25px;
}

div.tab-overview h2.small {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

div.tab-overview div.container {
    width: 598px;
    position: relative;
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    padding-bottom: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.tab-overview div.container.above {
    margin-bottom: 5px;
}

div.tab-overview div.container div.inner {
    width: 570px;
    padding: 0 14px 0 14px;
    margin-top: 13px;
    position: relative;
    display: inline-block;
    border-top: 1px solid #cccccc;
}

div.tab-overview div.container div.inner:first-child {
    border-top: none;
    margin-top: 0px;
}

div.tab-overview div.container div.inner.textonly {
    padding: 10px 14px 0 14px;
}

div.tab-overview div.container div.inner.textonly.endwithp {
    margin-bottom: -18px;
}

div.tab-overview div.container div.inner .leftcolumn {
    width: 270px;
    float: left;
}

div.tab-overview div.container div.inner .rightcolumn {
    width: 270px;
    float: right;
}

div.tab-overview div.container div.inner .innercolumn {
    display: inline-block;
}

div.tab-overview div.container div.inner .onefourthcolumn {
    width: 135px;
    float: left;
}

div.tab-overview div.container div.inner .onethirdcolumn {
    width: 90px;
    float: left;
}

div.tab-overview div.container div.inner .onethirdcolumn.wide {
    width: 190px;
}

div.tab-overview div.container div.inner h4 {
    font-weight: normal;
    color: #888888;
    line-height: 18px;
    padding-top: 10px;
}

div.tab-overview div.container div.inner p {
    font-weight: bold;
    float: none;
    padding-bottom: 0px !important;
    word-wrap: break-word;
}

div.tab-overview div.container div.inner.textonly p {
    font-weight: normal;
    padding-bottom: 18px !important;
}

div.tab-overview div.container div.inner p span {
    font-weight: normal;
}


/* Dossiers - Tab Data
-----------------------------------------------------------------------------*/
div.overviewtitle {
    width: 600px;
    position: relative;
    display: inline-block;
    padding-top: 15px;
}

div.overviewtitle:first-child {
    width: 600px;
    position: relative;
    display: inline-block;
    padding-top: 5px;
}

div.overviewtitle.nomargin {
    padding-top: 0px;
}

div.overviewtitle.wider {
    width: 832px;
}

div.overviewtitle h3 {
    color: #222222;
    float: left;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin-top: 2px;
    padding-bottom: 10px;
}

div.overviewtitle a.button {
    float: right;
    margin: 0 0 5px 5px;
}


/* Dossiers - Track Trace
-----------------------------------------------------------------------------*/
#tab-tracktrace div.table-header .container,
#tab-tracktrace div.table-container div.row .container {
    background: none;
    border: none;
    border-radius: 0;
    float: left;
    margin-left: 15px;
    padding: 0;
    width: 100px;
}

#tab-tracktrace div.table-header .packages,
#tab-tracktrace div.table-container div.row .packages {
    float: left;
    width: 90px;
    padding-bottom: 8px;
}

#tab-tracktrace div.table-header .grossweight,
#tab-tracktrace div.table-container div.row .grossweight {
    float: left;
    width: 110px;
}

#tab-tracktrace div.table-header .cargo,
#tab-tracktrace div.table-container div.row .cargo {
    float: left;
    width: 240px;
    padding-bottom: 8px;
    word-wrap: break-word;
}

#tab-tracktrace div.table-header .blnumber,
#tab-tracktrace div.table-container div.row .blnumber {
    float: left;
    margin-left: 15px;
    width: 130px;
}

#tab-tracktrace div.table-header .containers,
#tab-tracktrace div.table-container div.row .containers {
    float: left;
    width: 90px;
}

#tab-tracktrace div.table-header .airwaybill,
#tab-tracktrace div.table-container div.row .airwaybill {
    float: left;
    margin-left: 15px;
    width: 160px;
}

#tab-tracktrace div.table-container div.row .tracecontainer {
    background: url(../images/icon-view.png) no-repeat;
    float: left;
    margin-right: 10px;
    display: block;
    width: 16px;
    height: 16px;
    border: none;
    cursor: pointer;
}


/* Dossiers - Track Trace Modular
-----------------------------------------------------------------------------*/
#tracktracecontainer {
    width: 955px;
    height: 450px;
    border: none;
    overflow: auto;
}


/* Dossiers - Actions
-----------------------------------------------------------------------------*/
div.dossieractions {
    width: 600px;
    display: inline-block;
    margin-top: 15px;
}

div.dossieractions a {
    float: left;
    margin-right: 15px;
}

#dossier-actions {
    width: 600px;
    display: inline-block;
}

#dossier-actions div.table-header .date,
#dossier-actions div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    width: 75px;
}

#dossier-actions div.table-header .type,
#dossier-actions div.table-container div.row .type {
    float: left;
    width: 125px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#dossier-actions div.table-container div.row .type span {
    color: #888888;
}

#dossier-actions div.table-header .createdby,
#dossier-actions div.table-container div.row .createdby {
    float: left;
    width: 105px;
    padding: 0 5px 8px 0;
}

#dossier-actions div.table-header .status {
    float: left;
    width: 120px;
}

#dossier-actions div.table-container div.row .status {
    float: left;
    width: 102px;
    padding: 0 0 8px 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#dossier-actions div.table-container div.row .status span, .amendstatus span {
    color: #888888;
}

#dossier-actions div.table-container div.row .status.incompleted,
#dossier-actions div.table-container div.row .status.saved {
    background-position: 0 1px;
}

#dossier-actions div.table-container div.row .status.completed,
#dossier-actions div.table-container div.row .status.sendlist,
#dossier-actions div.table-container div.row .status.pending {
    background-position: 0 -49px;
}

#dossier-actions div.table-container div.row .status.confirmed,
#dossier-actions div.table-container div.row .status.sent,
#dossier-actions div.table-container div.row .status.printed {
    background-position: 0 -99px;
}

#dossier-actions div.table-container div.row .status.closed {
    background-position: 0 -148px;
}

#dossier-actions div.table-container div.row .status.declined,
#dossier-actions div.table-container div.row .status.canceled,
#dossier-actions div.table-container div.row .status.cancelled,
#dossier-actions div.table-container div.row .status.inttraerror,
#dossier-actions div.table-container div.row .status.error {
    background-position: 0 -198px;
}

#dossier-actions div.table-container div.row .status.received,
#dossier-actions div.table-container div.row .status.new {
    background-position: 0 -248px;
}

#dossier-actions div.table-container div.row .status.preentered,
#dossier-actions div.table-container div.row .status.c88received {
    background-position: 0 -99px;
}

#dossier-actions div.table-container div.row .status.readyforentry,
#dossier-actions div.table-container div.row .status.entryinprogress {
    background-position: 0 -49px;
}

#dossier-actions div.table-container div.row .status.arrived {
    background-position: 0 -249px;
}


/* Last step Overview - Table Shipping Instructions
-----------------------------------------------------------------------------*/
#container-overview,
#container-overview2 {
    position: relative;
    width: 600px;
}

#container-overview.nomargin,
#container-overview2.nomargin {
    margin-top: 0px;
}

#container-overview.withmargin,
#container-overview2.withmargin {
    margin-top: 25px;
}

#container-overview h2,
#container-overview2 h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

#container-overview p,
#container-overview2 p {
    padding: 0px !important;
}

#container-overview div.table-header,
#container-overview2 div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

#container-overview div.table-container,
#container-overview2 div.table-container {
    display: inline-block;
}

#container-overview div.table-header .containernumber,
#container-overview div.table-container div.row .containernumber,
#container-overview2 div.table-header .containernumber,
#container-overview2 div.table-container div.row .containernumber {
    float: left;
    width: 90px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#container-overview.selectable div.table-header .containernumber,
#container-overview.selectable div.table-container div.row .containernumber,
#container-overview2.selectable div.table-header .containernumber,
#container-overview2.selectable div.table-container div.row .containernumber {
    margin-left: 30px;
}

#container-overview div.table-header .reeferhazmat,
#container-overview div.table-container div.row .reeferhazmat,
#container-overview2 div.table-header .reeferhazmat,
#container-overview2 div.table-container div.row .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 15px 0 0;
}

#container-overview div.table-header .sealnumber,
#container-overview div.table-container div.row .sealnumber,
#container-overview2 div.table-header .sealnumber,
#container-overview2 div.table-container div.row .sealnumber {
    float: left;
    width: 100px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#container-overview div.table-header .containertype,
#container-overview div.table-container div.row .containertype,
#container-overview2 div.table-header .containertype,
#container-overview2 div.table-container div.row .containertype {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#container-overview div.table-header .packages,
#container-overview div.table-container div.row .packages,
#container-overview2 div.table-header .packages,
#container-overview2 div.table-container div.row .packages {
    float: left;
    width: 105px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#container-overview.selectable div.table-header .packages,
#container-overview.selectable div.table-container div.row .packages,
#container-overview2.selectable div.table-header .packages,
#container-overview2.selectable div.table-container div.row .packages {
    width: 120px;
}

#container-overview div.table-header .packages.lcl,
#container-overview div.table-container div.row .packages.lcl,
#container-overview2 div.table-header .packages.lcl,
#container-overview2 div.table-container div.row .packages.lcl {
    margin-left: 15px;
    width: 60px;
}

#container-overview.selectable div.table-header .packages.lcl,
#container-overview.selectable div.table-container div.row .packages.lcl,
#container-overview2.selectable div.table-header .packages.lcl,
#container-overview2.selectable div.table-container div.row .packages.lcl {
    margin-left: 30px;
}

#container-overview div.table-header .packages.lcl.customs,
#container-overview div.table-container div.row .packages.lcl.customs,
#container-overview2 div.table-header .packages.lcl.customs,
#container-overview2 div.table-container div.row .packages.lcl.customs {
    width: 120px;
}

#container-overview div.table-header .cargodescription,
#container-overview div.table-container div.row .cargodescription,
#container-overview2 div.table-header .cargodescription,
#container-overview2 div.table-container div.row .cargodescription {
    float: left;
    width: 165px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#container-overview div.table-header .cargodescription.lcl,
#container-overview div.table-container div.row .cargodescription.lcl,
#container-overview2 div.table-header .cargodescription.lcl,
#container-overview2 div.table-container div.row .cargodescription.lcl {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#container-overview div.table-header .marksandnumbers,
#container-overview div.table-container div.row .marksandnumbers,
#container-overview2 div.table-header .marksandnumbers,
#container-overview2 div.table-container div.row .marksandnumbers {
    float: left;
    width: 110px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#container-overview div.table-header .cargodescription.customs,
#container-overview div.table-container div.row .cargodescription.customs,
#container-overview2 div.table-header .cargodescription.customs,
#container-overview2 div.table-container div.row .cargodescription.customs {
    width: 150px;
}

#container-overview div.table-header .hscode,
#container-overview div.table-container div.row .hscode,
#container-overview2 div.table-header .hscode,
#container-overview2 div.table-container div.row .hscode {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#container-overview div.table-header .grossweight,
#container-overview div.table-container div.row .grossweight,
#container-overview div.table-header .netweight,
#container-overview div.table-container div.row .netweight,
#container-overview2 div.table-header .grossweight,
#container-overview2 div.table-container div.row .grossweight,
#container-overview2 div.table-header .netweight,
#container-overview2 div.table-container div.row .netweight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#container-overview div.table-header .grossweight.lcl,
#container-overview div.table-container div.row .grossweight.lcl,
#container-overview div.table-header .netweight.lcl,
#container-overview div.table-container div.row .netweight.lcl,
#container-overview2 div.table-header .grossweight.lcl,
#container-overview2 div.table-container div.row .grossweight.lcl,
#container-overview2 div.table-header .netweight.lcl,
#container-overview2 div.table-container div.row .netweight.lcl {
    width: 80px;
}

#container-overview div.table-header .grossweight.customs,
#container-overview div.table-container div.row .grossweight.customs,
#container-overview div.table-header .netweight.customs,
#container-overview div.table-container div.row .netweight.customs,
#container-overview2 div.table-header .grossweight.customs,
#container-overview2 div.table-container div.row .grossweight.customs,
#container-overview2 div.table-header .netweight.customs,
#container-overview2 div.table-container div.row .netweight.customs {
    width: 80px;
}

#container-overview div.table-header .cbm,
#container-overview div.table-container div.row .cbm,
#container-overview2 div.table-header .cbm,
#container-overview2 div.table-container div.row .cbm {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#container-overview div.table-header .releasenumber,
#container-overview div.table-container div.row .releasenumber,
#container-overview2 div.table-header .releasenumber,
#container-overview2 div.table-container div.row .releasenumber {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#container-overview div.table-header .weighingmethod,
#container-overview div.table-container div.row .weighingmethod,
#container-overview2 div.table-header .weighingmethod,
#container-overview2 div.table-container div.row .weighingmethod {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#container-overview div.table-header .weighinglocation,
#container-overview div.table-container div.row .weighinglocation,
#container-overview2 div.table-header .weighinglocation,
#container-overview2 div.table-container div.row .weighinglocation {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#container-overview div.table-header .weighingdate,
#container-overview div.table-container div.row .weighingdate,
#container-overview2 div.table-header .weighingdate,
#container-overview2 div.table-container div.row .weighingdate {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#container-overview div.table-header .vgm,
#container-overview div.table-container div.row .vgm,
#container-overview2 div.table-header .vgm,
#container-overview2 div.table-container div.row .vgm {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#container-overview div.table-container div.row .nocontainers,
#container-overview2 div.table-container div.row .nocontainers {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#container-overview.selectable div.table-container div.row .nocontainers,
#container-overview2.selectable div.table-container div.row .nocontainers {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Container Details - Popup Dossier, CD, SI
-----------------------------------------------------------------------------*/
#containerdetails div.table-container.modular.overview div.row p {
    padding-bottom: 0px !important;
}

#containerdetails .containernumber {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#containerdetails div.table-container div.row .containernumber {
    margin-left: 14px;
}

#containerdetails .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 15px 0 0;
}

#containerdetails .sealnumber {
    float: left;
    width: 90px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#containerdetails div.containertype,
#containerdetails div.table-container div.row .containertype {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#containerdetails div.packages,
#containerdetails div.table-container div.row .packages {
    float: left;
    width: 100px;
    padding: 0 10px 8px 0;
}

#containerdetails div.table-container div.row .packages.lcl {
    margin-left: 14px;
}

#containerdetails div.cargodescription,
#containerdetails div.table-container div.row .cargodescription {
    float: left;
    width: 190px;
    padding: 0 10px 8px 0;
}

#containerdetails div.cargodescription.lcl,
#containerdetails div.table-container div.row .cargodescription.lcl {
    float: left;
    width: 240px;
    padding: 0 10px 8px 0;
}

#containerdetails div.marksandnumbers,
#containerdetails div.table-container div.row .marksandnumbers {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#containerdetails div.cargodescription.customs,
#containerdetails div.table-container div.row .cargodescription.customs {
    float: left;
    width: 240px;
    padding: 0 10px 8px 0;
}

#containerdetails div.hscode,
#containerdetails div.table-container div.row .hscode {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#containerdetails div.hscode.lcl,
#containerdetails div.table-container div.row .hscode.lcl {
    width: 80px;
}

#containerdetails div.sku,
#containerdetails div.table-container div.row .sku {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#containerdetails div.grossweight,
#containerdetails div.table-container div.row .grossweight {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#containerdetails div.grossweight.lcl,
#containerdetails div.table-container div.row .grossweight.lcl {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#containerdetails div.netweight,
#containerdetails div.table-container div.row .netweight {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#containerdetails div.netweight.lcl,
#containerdetails div.table-container div.row .netweight.lcl {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#containerdetails div.grossweight.customs,
#containerdetails div.table-container div.row .grossweight.customs,
#containerdetails div.netweight.customs,
#containerdetails div.table-container div.row .netweight.customs {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#containerdetails div.cbm,
#containerdetails div.table-container div.row .cbm {
    float: left;
    width: 70px;
}

#containerdetails div.cbm.lcl,
#containerdetails div.table-container div.row .cbm.lcl {
    float: left;
    width: 90px;
}

#containerdetails div.dimensions,
#containerdetails div.table-container div.row .dimensions {
    float: left;
    width: 230px;
    padding: 0 0 8px 0;
}

#containerdetails div.releasenumber,
#containerdetails div.table-container div.row .releasenumber {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#containerdetails div.validtill,
#containerdetails div.table-container div.row .validtill {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}


/* Last step Overview - Table Transport Orders
-----------------------------------------------------------------------------*/
.loading-overview {
    width: 600px;
    position: relative;
    padding-bottom: 15px;
}

.loading-overview div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

.loading-overview div.table-container {
    display: inline-block;
}

.loading-overview div.table-header .containers,
.loading-overview div.table-container div.row .containers {
    float: left;
    width: 150px;
    margin-left: 15px;
}

.loading-overview div.table-header .loadingweight,
.loading-overview div.table-container div.row .loadingweight {
    float: left;
    width: 120px;
}

.loading-overview div.table-header .loadingreference,
.loading-overview div.table-container div.row .loadingreference {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
}

.loading-overview div.table-header .loadingdatetime,
.loading-overview div.table-container div.row .loadingdatetime {
    float: left;
    width: 130px;
}


/* Container Details - Popup Transport Orders
-----------------------------------------------------------------------------*/
#containerdetails div.containers,
#containerdetails div.table-container div.row .containers {
    float: left;
    width: 150px;
}

#containerdetails div.table-container div.row .containers {
    margin-left: 15px;
}

#containerdetails div.cargodescription-to,
#containerdetails div.table-container div.row .cargodescription-to {
    float: left;
    width: 290px;
    padding: 0 20px 8px 0;
}

#loading-overview div.table-header .loadingdatetime,
#loading-overview div.table-container div.row .loadingdatetime {
    float: left;
    width: 130px;
}

#containerdetails div.loadingweight,
#containerdetails div.table-container div.row .loadingweight {
    float: left;
    width: 130px;
}

#containerdetails div.loadingreference,
#containerdetails div.table-container div.row .loadingreference {
    float: left;
    width: 150px;
}


/* Loading Details - Transport Orders Step 2
-----------------------------------------------------------------------------*/
.loadingdetails-overview {
    width: 600px;
    position: relative;
    margin-top: 25px;
}

.loadingdetails-overview h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

.loadingdetails-overview div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

.loadingdetails-overview div.table-container {
    display: inline-block;
}

.loadingdetails-overview div.table-header .loadingreference {
    float: left;
    width: 233px;
    margin-left: 54px;
}

.loadingdetails-overview div.table-header .loadingdate {
    float: left;
    width: 138px;
}

.loadingdetails-overview div.table-header .loadingtime {
    float: left;
    width: 133px;
}

div.containerset {
    display: inline-block;
}


/* Shipping Instructions
-----------------------------------------------------------------------------*/
#shippinginstructions div.table-header .dossier,
#shippinginstructions div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 7px;
}

#shippinginstructions div.table-header .company,
#shippinginstructions div.table-container div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#shippinginstructions div.table-header .clientreference,
#shippinginstructions div.table-container div.row .clientreference {
    float: left;
    width: 95px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#shippinginstructions div.table-header .carrier,
#shippinginstructions div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#shippinginstructions div.table-header .vessel,
#shippinginstructions div.table-container div.row .vessel {
    float: left;
    width: 130px;
    padding: 0 10px 8px 0;
}

#shippinginstructions div.table-header .port,
#shippinginstructions div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#shippinginstructions div.table-header .etseta,
#shippinginstructions div.table-container div.row .etseta {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#shippinginstructions div.table-header .carriertype,
#shippinginstructions div.table-container div.row .carriertype {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#shippinginstructions div.table-header .status {
    float: left;
    width: 170px;
    padding: 0 0 8px 0;
}

#shippinginstructions div.table-header .status.client {
    width: 95px;
}

#shippinginstructions div.table-container div.row .status {
    float: left;
    width: 150px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#shippinginstructions div.table-container div.row .status.client {
    width: 75px;
}

#shippinginstructions div.table-container div.row .status span {
    color: #888888;
}

#shippinginstructions div.table-container div.row .status.incomplete {
    background-position: 0 1px;
}

#shippinginstructions div.table-container div.row .status.completed,
#shippinginstructions div.table-container div.row .status.sent {
    background-position: 0 -49px;
}

#shippinginstructions div.table-container div.row .status.received,
#shippinginstructions div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#shippinginstructions div.table-container div.row .status.closed {
    background-position: 0 -148px;
}

#shippinginstructions div.table-container div.row .status.declined {
    background-position: 0 -198px;
}


/* hbls
-----------------------------------------------------------------------------*/
#hbls div.table-header .dossier,
#hbls div.table-container div.row .dossier {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#hbls div.table-header .company,
#hbls div.table-container div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#hbls div.table-header .hblnumber,
#hbls div.table-container div.row .hblnumber {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#hbls div.table-header .port,
#hbls div.table-container div.row .port {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}


#hbls div.table-header .type,
#hbls div.table-container div.row .type {
    float: left;
    width: 75px;
}

#hbls div.table-header .bltype,
#hbls div.table-container div.row .bltype {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}


/* Invoices
-----------------------------------------------------------------------------*/
#invoices div.table-header .dossier,
#invoices div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 7px;
}

#invoices div.table-header .dossier.outgoing,
#invoices div.table-container div.row .dossier.outgoing {
    margin-left: 0px;
}

#invoices div.table-header .company,
#invoices div.table-container div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#invoices div.table-header .debtor,
#invoices div.table-container div.row .debtor {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#invoices div.table-header .debtor.dossierinvoice,
#invoices div.table-container div.row .debtor.dossierinvoice {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#invoices div.table-header .debtoremail,
#invoices div.table-container div.row .debtoremail {
    float: left;
    width: 270px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#invoices div.table-header .creditor,
#invoices div.table-container div.row .creditor {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#invoices div.table-header .creditorcontact,
#invoices div.table-container div.row .creditorcontact {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#invoices div.table-header .invoicenumber,
#invoices div.table-container div.row .invoicenumber {
    float: left;
    width: 85px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#invoices div.table-header .financialperiod,
#invoices div.table-container div.row .financialperiod {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#invoices div.table-header .sequence,
#invoices div.table-container div.row .sequence {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#invoices div.table-header .invoicenumber.outgoing,
#invoices div.table-container div.row .invoicenumber.outgoing {
    margin-left: 30px;
    width: 75px;
}

#invoices div.table-header .invoicenumber.modular,
#invoices div.table-container div.row .invoicenumber.modular {
    margin-left: 15px;
    width: 75px;
}

#invoices div.table-header .dateofpayment {
    float: left;
    width: 130px;
    padding-bottom: 8px;
    margin-left: 25px;
}

#invoices div.table-container div.row .dateofpayment {
    float: left;
    width: 130px;
    padding-bottom: 4px;
    margin-left: 25px;
    margin-top: -3px;
}

#invoices div.table-header .invoicedate,
#invoices div.table-container div.row .invoicedate {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#invoices div.table-header .duedate,
#invoices div.table-container div.row .duedate {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#invoices div.table-header .expirationdate,
#invoices div.table-container div.row .expirationdate {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

#invoices div.table-header .firstreminder,
#invoices div.table-container div.row .firstreminder {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#invoices div.table-header .invoicedate.dossierinvoice,
#invoices div.table-container div.row .invoicedate.dossierinvoice {
    margin-left: 30px;
}

#invoices div.table-header .amount {
    float: left;
    width: 82px;
    text-align: right;
    padding: 0 0 8px 0;
}

#invoices div.table-container div.row .currency {
    float: left;
    width: 27px;
}

#invoices div.table-container div.row .padded,
#invoices div.table-header .padded{
    padding-left: 15px;
}

#invoices div.table-container div.row .amount {
    float: left;
    width: 55px;
    text-align: right;
}

#invoices div.table-header .confirmedby,
#invoices div.table-container div.row .confirmedby {
    float: left;
    width: 140px;
    margin-left: 25px;
    padding: 0 10px 8px 0;
}

#invoices div.table-header .bookedby,
#invoices div.table-container div.row .bookedby {
    float: left;
    width: 80px;
    margin-left: 25px;
    padding: 0 10px 8px 0;
}

#invoices div.table-container div.row .confirmedby span,
#invoices div.table-container div.row .bookedby span{
    color: #888888;
}

#invoices div.table-header .exported {
    float: left;
    width: 55px;
    margin-left: 15px;
}

#invoices div.table-container div.row .exported {
    float: left;
    margin-left: 15px;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#invoices div.table-container div.row .exported.no {
    background-position: 0 1px;
}

#invoices div.table-container div.row .exported.yes {
    background-position: 0 -99px;
}

#invoices div.table-header .expired {
    float: left;
    width: 70px;
    margin-left: 25px;
}

#invoices div.table-container div.row .expired {
    float: left;
    margin-left: 25px;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#invoices div.table-container div.row .expired.no {
    background-position: 0 1px;
}

#invoices div.table-container div.row .expired.yes {
    background-position: 0 -99px;
}

#invoices div.table-header .paid {
    float: left;
    width: 50px;
    margin-left: 10px;
}

#invoices div.table-container div.row .paid {
    float: left;
    margin-left: 10px;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#invoices div.table-container div.row .paid.no {
    background-position: 0 1px;
}

#invoices div.table-container div.row .paid.yes {
    background-position: 0 -99px;
}

#invoices div.table-header .dispute {
    float: left;
    width: 45px;
}

#invoices div.table-container div.row .dispute {
    float: left;
    width: 25px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#invoices div.table-container div.row .dispute.no {
    background-position: 0 1px;
}

#invoices div.table-container div.row .dispute.yes {
    background-position: 0 -99px;
}

#invoices div.table-container div.row .status {
    float: left;
    width: 75px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#invoices div.table-container div.row .status span {
    color: #888888;
}

#invoices div.table-container div.row .status.unconfirmed {
    background-position: 0 1px;
}

#invoices div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#invoices div.table-container div.row .status.declined {
    background-position: 0 -198px;
}

#invoices div.table-container div.row .no-invoice {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Reminders - Payment confirmation
-----------------------------------------------------------------------------*/
div.table-container.modular div.row.paymentconfirmation {
    padding-top: 6px;
}

div.table-container.modular div.row.paymentconfirmation ul.checkboxgroup li.ctrpck {
    margin: 8px 0 4px;
    width: 135px;
}


/* View invoice - Invoice lines
-----------------------------------------------------------------------------*/
#tab-invoicelines div.table-header .printoninvoice,
#tab-invoicelines div.table-container div.row .printoninvoice {
    float: left;
    margin-left: 15px;
    width: 306px;
    padding-bottom: 8px;
    word-wrap: break-word;
}

#tab-invoicelines div.table-header .port,
#tab-invoicelines div.table-container div.row .port {
    float: left;
    width: 60px;
}

#tab-invoicelines div.table-header .amount,
#tab-invoicelines div.table-container div.row .amount {
    float: left;
    width: 50px;
}

#tab-invoicelines div.table-header .price {
    float: left;
    width: 107px;
    text-align: right;
}

#tab-invoicelines div.table-container div.row .price {
    float: left;
    width: 65px;
    text-align: right;
}

#tab-invoicelines div.table-container div.row .currency {
    float: left;
    width: 22px;
    margin-left: 20px;
}


/* Invoices Selection for generate invoice
-----------------------------------------------------------------------------*/
#modular-container div.generateinvoice-container div.table-header .debtor,
#modular-container div.generateinvoice-container div.table-container div.row .debtor {
    float: left;
    width: 400px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
    margin-left: 30px;
}

#modular-container div.generateinvoice-container div.table-container div.row .debtor {
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#modular-container div.generateinvoice-container div.table-header .amount {
    float: left;
    width: 82px;
    text-align: right;
}

#modular-container div.generateinvoice-container div.table-container div.row .amount {
    float: left;
    width: 55px;
    text-align: right;
}

#modular-container div.generateinvoice-container div.table-container div.row .currency {
    float: left;
    width: 27px;
}

/* Invoices - Sendlist
-----------------------------------------------------------------------------*/
#invoicesendlist div.table-header .date,
#invoicesendlist div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
}

#invoicesendlist div.table-header .invoice,
#invoicesendlist div.table-container div.row .invoice {
    float: left;
    width: 75px;
}

#invoicesendlist div.table-header .invoice.sendprint,
#invoicesendlist div.table-container div.row .invoice.sendprint {
    margin-left: 30px;
}


#invoicesendlist div.table-header .dossier,
#invoicesendlist div.table-container div.row .dossier {
    float: left;
    width: 75px;
}

#invoicesendlist div.table-header .debtor,
#invoicesendlist div.table-container div.row .debtor {
    float: left;
    width: 180px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#invoicesendlist div.table-header .debtor.sendprint,
#invoicesendlist div.table-container div.row .debtor.sendprint {
    width: 240px;
}

#invoicesendlist div.table-header .amount {
    float: left;
    width: 85px;
    text-align: right;
}

#invoicesendlist div.table-container div.row .amount {
    float: left;
    width: 58px;
    text-align: right;
}

#invoicesendlist div.table-container div.row .currency {
    float: left;
    width: 27px;
}


/* Tariffs
-----------------------------------------------------------------------------*/
#tariffs div.table-header .tarifftype,
#tariffs div.table-container div.row .tarifftype {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 7px 0;
}

#tariffs div.table-header .creditor,
#tariffs div.table-container div.row .creditor {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

#tariffs div.table-header .cargotype,
#tariffs div.table-container div.row .cargotype {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#tariffs div.table-header .placeofloading,
#tariffs div.table-container div.row .placeofloading,
#tariffs div.table-header .portofloading,
#tariffs div.table-container div.row .portofloading,
#tariffs div.table-header .portofdischarge,
#tariffs div.table-container div.row .portofdischarge,
#tariffs div.table-header .placeofdelivery,
#tariffs div.table-container div.row .placeofdelivery {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#tariffs div.table-header .unittype,
#tariffs div.table-container div.row .unittype {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#tariffs div.table-header .costs,
#tariffs div.table-header .revenue {
    float: left;
    text-align: right;
    width: 80px;
    margin-right: 25px;
}

#tariffs div.table-container div.row .currency {
    float: left;
    width: 27px;
}

#tariffs div.table-container div.row .amount {
    float: left;
    width: 53px;
    text-align: right;
    margin-right: 25px;
}


/* Homepage
-----------------------------------------------------------------------------*/
div.homepage {
    width: 600px;
    position: relative;
}

div.homepage.statistics {
    margin-top: 10px;
}

div.homepage h2 {
    color: #222222;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin-top: 15px;
}

#tab-statistics div.container {
    width: 598px;
    position: relative;
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    padding-bottom: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#tab-statistics div.container div.inner {
    width: 570px;
    padding: 0 14px 0 14px;
    margin-top: 13px;
    position: relative;
    display: inline-block;
    border-top: 1px solid #cccccc;
}

#tab-statistics div.container div.inner:first-child {
    border-top: none;
    margin-top: 0px;
}

#tab-statistics div.container div.inner .leftcolumn {
    width: 270px;
    float: left;
}

#tab-statistics div.container div.inner .rightcolumn {
    width: 270px;
    float: right;
}

#tab-statistics div.container div.inner h4 {
    font-weight: normal;
    color: #888888;
    line-height: 18px;
    padding-top: 10px;
}

#tab-statistics div.container div.inner p {
    font-weight: bold;
    float: none;
    padding-bottom: 0px !important;
}


/* Print
-----------------------------------------------------------------------------*/
#printmessagebox {
    width: 100%;
    height: 100%;
    position: fixed;
    display: block;
    left: 0px;
    top: 0px;
    background: url(../images/printbg.png);
    z-index: 1500;
}

#printmessagebox div.printmessage {
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    margin: -85px 0 0 -110px;
    padding: 110px 40px 0 40px;
    width: 140px;
    height: 60px;
    font-size: 11px;
    font-weight: bold;
    color: #555555;
    font-family: Tahoma, Geneva, sans-serif;
    background: url(../images/printmessagebg.png) no-repeat;
    z-index: 1501;
}

#printframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    border: 0px;
    overfow: none;
    z-index: -1;
}


/* Image Uploader
-----------------------------------------------------------------------------*/
span#stylefileinput-imageUpload {
    position: relative;
    display: inline-block;
    float: left;
}

span#stylefileinput-imageUpload span {
    position: absolute;
    display: block;
    top: 5px;
    left: 10px;
    width: 63px;
    overflow: hidden;
    z-index: 1;
    height: 27px;
    opacity: 0;
    filter: alpha(opacity=0);
}

span#stylefileinput-imageUpload span input {
    position: absolute;
    left: 0px;
    height: 27px;
    cursor: pointer;
    width: 63px;
}

span#stylefileinput-imageUpload input.stylefileinput-button {
    background: url(../images/button-grey.png) left top no-repeat;
    border: 1px solid #bbbbbb;
    color: #455560;
    height: 25px;
    float: left;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 5px 0 0 10px;
    padding: 0px 10px 4px 8px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* Last Dossier Box
-----------------------------------------------------------------------------*/
#last-dossier-box {
    width: 232px;
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: 325px;
    z-index: 5;
}

#last-dossier-box div.background {
    background: url(../images/sidebar-background.png) repeat-y;
    width: 182px;
    padding: 15px 25px 0 25px;
    height: 108px;
    position: relative;
}

#last-dossier-box div.background ul {
    list-style: none;
    padding: 4px 0 0 0;
}

#last-dossier-box div.background ul li {
    line-height: 16px;
}

#last-dossier-box div.background ul li div.tooltip {
    margin-left: 10px;
}

#last-dossier-box div.background ul li div.tooltip span {
    right: 0;
    left: auto;
}

#last-dossier-box div.background ul li a {
    background: url(../images/custom/navigation-bullet.png) 0 5px no-repeat;
    padding-left: 9px;
    color: #455560;
    text-decoration: none;
}

#last-dossier-box div.background ul li a:hover {
    text-decoration: underline;
}

#last-dossier-box div.footer {
    width: 232px;
    background: url(../images/sidebar-footer.png) top no-repeat;
    height: 15px;
}

#last-dossier-box a.button {
    position: absolute;
    left: 25px;
    bottom: 56px;
}

#last-dossier-box a.button.grey.userrole {
    bottom: 21px;
}

#last-dossier-box div.promo {
    width: 52px;
    height: 52px;
    position: absolute;
    right: 10px;
    top: 0px;
    background: url(../images/custom/promo-dossierbox.png) 0 0 no-repeat;
}


/* Sidebar
-----------------------------------------------------------------------------*/
#sidebar {
    width: 232px;
    position: fixed;
    top: 138px;
    left: 50%;
    margin-left: 325px;
}

#sidebar div.header {
    width: 207px;
    height: 27px;
    background: url(../images/custom/sidebar-header.png) no-repeat;
    color: #ffffff;
    padding-left: 25px;
    padding-top: 20px;
    font-weight: bold;
    position: relative;
}

#sidebar div.background {
    background: url(../images/sidebar-background.png) repeat-y;
    width: 182px;
    padding: 10px 25px 10px 25px;
}

#sidebar div.background div.label {
    padding: 10px 0 8px 0;
    display: inline-block;
    width: 164px;
}

#sidebar div.background div.label:first-child {
    padding-top: 0px;
}

#sidebar div.background div.label.withmargin {
    padding: 10px 0 8px 0 !important;
}

#sidebar div.background div.label.helpicon p {
    float: left;
}

#sidebar div.background p {
    padding-bottom: 0px !important;
    font-weight: bold;
}

#sidebar div.background p.available {
    font-weight: normal;
}

#sidebar div.background div.validation {
    width: 300px;
}

#sidebar div.accountmanagers p {
    font-weight: normal;
}

#sidebar div.background div.validation div.validation-notice span {
    left: -159px;
    top: 18px;
}

#sidebar div.background ul.pdfs {
    list-style: none;
    padding-top: 9px;
}

#sidebar div.background ul.pdfs li {
    background: url(../images/icon-pdf.png) -1px 2px no-repeat;
    padding-left: 21px;
    line-height: 18px;
}

#sidebar div.background ul.pdfs li span {
    color: #888888;
}

#sidebar div.background ul.places {
    list-style: none;
}

#sidebar div.background ul.places li {
    height: 18px;
    line-height: 16px;
    position: relative;
}

#sidebar div.background ul.places li div.place {
    left: 70px;
    position: absolute;
}

#sidebar div.background ul.places li div.tooltip {
    left: 0px;
    position: absolute;
}

#sidebar div.background ul.places li div.tooltip span {
    top: 22px;
    left: -11px;
}

#sidebar div.background ul.places li div.tooltip p {
    font-weight: normal;
}

#sidebar div.background ul.places li a {
    background: url(../images/custom/navigation-bullet.png) 0 5px no-repeat;
    padding-left: 9px;
    color: #455560;
    text-decoration: none;
}

#sidebar div.background ul.places li a:hover {
    text-decoration: underline;
}

#sidebar div.background ul.availablequotation {
    list-style: none;
}

#sidebar div.background ul.availablequotation li {
    line-height: 16px;
    position: relative;
    background: url(../images/custom/navigation-bullet.png) 0 7px no-repeat;
    padding-left: 9px;
}

#sidebar div.background ul.availablequotation li a {

}

#sidebar div.footer {
    width: 232px;
    background: url(../images/sidebar-footer.png) top no-repeat;
    height: 15px;
}

#sidebar div.availability {
    position: relative;
    padding: 8px 10px 12px 14px;
    width: 156px;
    float: left;
    line-height: 20px;
    margin-top: 12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#sidebar div.actions a,
#sidebar div.actions input {
    margin-top: 10px;
    width: 139px;
}

#sidebar div.actions input {
    width: 182px;
    text-align: left;
}

#sidebar div.actions a:first-child,
#sidebar div.actions input:first-child {
    margin-top: 5px;
}


/* Transport Orders
-----------------------------------------------------------------------------*/
#transportorders div.table-header .dossier,
#transportorders div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#transportorders div.table-header .company,
#transportorders div.table-container div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#transportorders div.table-header .clientreference,
#transportorders div.table-container div.row .clientreference {
    float: left;
    width: 80px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#transportorders div.table-header .companycontact,
#transportorders div.table-container div.row .companycontact {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
}

#transportorders div.table-header .carrier,
#transportorders div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#transportorders div.table-header .port,
#transportorders div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#transportorders div.table-header .etseta,
#transportorders div.table-container div.row .etseta {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#transportorders div.table-header .roadcarrier,
#transportorders div.table-container div.row .roadcarrier {
    float: left;
    width: 190px;
    padding: 0 10px 7px 0;
}

#transportorders div.table-container div.row .amendstatus{
    float: left;
    width: 70px;
    padding: 0 10px 7px 0;
}



/* Reservations
-----------------------------------------------------------------------------*/
#reservations div.table-header .reference,
#reservations div.table-container div.row .reference {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding-bottom: 8px;

}

#reservations div.table-header .carrier,
#reservations div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#reservations div.table-header .vessel,
#reservations div.table-container div.row .vessel {
    float: left;
    width: 130px;
    padding: 0 10px 8px 0;
}

#reservations div.table-header .port,
#reservations div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#reservations div.table-header .etseta,
#reservations div.table-container div.row .etseta {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#reservations div.table-header .availability,
#reservations div.table-container div.row .availability {
    float: left;
    width: 105px;
    padding: 0 0 7px 0;
}

#reservations div.table-header .carriertype,
#reservations div.table-container div.row .carriertype {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#reservations div.table-header .status {
    float: left;
    width: 170px;
    padding: 0 0 8px 0;
}

#reservations div.table-container div.row .status {
    float: left;
    width: 150px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#reservations div.table-container div.row .status span {
    color: #888888;
}

#reservations div.table-container div.row .status.incomplete {
    background-position: 0 1px;
}

#reservations div.table-container div.row .status.completed,
#reservations div.table-container div.row .status.sent {
    background-position: 0 -49px;
}

#reservations div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#reservations div.table-container div.row .status.closed {
    background-position: 0 -148px;
}

#reservations div.table-container div.row .status.declined {
    background-position: 0 -198px;
}


/* Reservations Modular
-----------------------------------------------------------------------------*/
#reservations div.table-header.modular .reference,
#reservations div.table-container.modular div.row .reference {
    float: left;
    width: 80px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#reservations div.table-header.modular .carrier,
#reservations div.table-container.modular div.row .carrier {
    float: left;
    width: 130px;
    padding: 0 10px 8px 0;
}

#reservations div.table-header.modular .ets,
#reservations div.table-container.modular div.row .ets {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#reservations div.table-header.modular .ports,
#reservations div.table-container.modular div.row .ports {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#reservations div.table-header.modular .availability,
#reservations div.table-container.modular div.row .availability {
    float: left;
    width: 105px;
    padding: 0 0 8px 0;
}


/* Tooltip
-----------------------------------------------------------------------------*/
div.tooltip {
    display: inline-block;
    position: relative;
    border-bottom: 1px dashed #bbbbbb;
    cursor: help;
}

div.tooltip span {
    position: absolute;
    top: 24px;
    left: 0px;
    white-space: nowrap;
    padding: 5px 10px 9px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 10;
    display: none;
}

div.tooltip.remark span {
    bottom: 19px;
    right: -10px;
    left: auto;
    top: auto;
    white-space: normal;
    padding: 9px 15px 13px 15px;
    width: 400px;
}

div.tooltip.onhold span {
    color: #b89000;
    border: 1px solid #dac602;
    background-color: #ffffd8;
    bottom: 19px;
    right: -10px;
    left: auto;
    top: auto;
    white-space: normal;
    padding: 9px 15px 13px 15px;
    width: 400px;
}

div.tooltip span p {
    padding-bottom: 0px !important;
}

div.tooltip:hover {
    border-bottom: 1px solid #bbbbbb;
}

div.tooltip:hover span,
div.tooltip.onhold:hover span {
    display: block;
}


/* Icon Tooltip
-----------------------------------------------------------------------------*/
div.tooltip.icon {
    border-bottom: none;
    padding: 3px 0 0 0;
}


/* Attached Bookings
-----------------------------------------------------------------------------*/
#tab-attachedbookings div.table-header .date,
#tab-attachedbookings div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    width: 75px;
}

#tab-attachedbookings div.table-header .dossier,
#tab-attachedbookings div.table-container div.row .dossier {
    float: left;
    width: 70px;
    padding-bottom: 8px;
}

#tab-attachedbookings div.table-header .reference,
#tab-attachedbookings div.table-container div.row .reference {
    float: left;
    width: 90px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#tab-attachedbookings div.table-header .status {
    float: left;
    width: 160px;
}

#tab-attachedbookings div.table-container div.row .status {
    float: left;
    width: 142px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tab-attachedbookings div.table-container div.row .status span {
    color: #888888;
}

#tab-attachedbookings div.table-container div.row .status.incompleted {
    background-position: 0 1px;
}

#tab-attachedbookings div.table-container div.row .status.completed,
#tab-attachedbookings div.table-container div.row .status.sent {
    background-position: 0 -49px;
}

#tab-attachedbookings div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#tab-attachedbookings div.table-container div.row .status.closed {
    background-position: 0 -148px;
}

#tab-attachedbookings div.table-container div.row .status.declined {
    background-position: 0 -198px;
}

#tab-attachedbookings div.table-container div.row .nofile {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding-bottom: 8px;
}

#availability-container {
    width: 600px;
    display: inline-block;
    position: relative;
    margin-top: 15px;
}

#availability-container div.availability {
    position: relative;
    padding: 8px 10px 12px 14px;
    width: 267px;
    float: left;
    line-height: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#availability-container div.availability:first-child {
    margin-right: 14px;
}

#availability-container div.availability p {
    padding-bottom: 0px !important;
}

/* Bookings step #0
-----------------------------------------------------------------------------*/
#bookingTypeBlock div.onelinegroup div.selectbox {
    margin-right: 0;
}
#selectReservationBtn {
    margin-left: 6px;
}


/* Booking Confirmations
-----------------------------------------------------------------------------*/
#bookingconfirmations div.table-header .dossier,
#bookingconfirmations div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#bookingconfirmations div.table-header .company,
#bookingconfirmations div.table-container div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#bookingconfirmations div.table-header .clientreference,
#bookingconfirmations div.table-container div.row .clientreference {
    float: left;
    width: 80px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#bookingconfirmations div.table-header .companycontact,
#bookingconfirmations div.table-container div.row .companycontact {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
}

#bookingconfirmations div.table-header .carrier,
#bookingconfirmations div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#bookingconfirmations div.table-header .vessel,
#bookingconfirmations div.table-container div.row .vessel {
    float: left;
    width: 125px;
    padding: 0 10px 8px 0;
}

#bookingconfirmations div.table-header .port,
#bookingconfirmations div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#bookingconfirmations div.table-header .etseta,
#bookingconfirmations div.table-container div.row .etseta {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}


/* Insurance Policies
-----------------------------------------------------------------------------*/
#insurancepolicies div.table-header .date,
#insurancepolicies div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
}

#insurancepolicies div.table-header .dossier,
#insurancepolicies div.table-container div.row .dossier {
    float: left;
    width: 70px;
    padding-bottom: 8px;
}

#insurancepolicies div.table-header .company,
#insurancepolicies div.table-container div.row .company {
    float: left;
    width: 170px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#insurancepolicies div.table-header .ets,
#insurancepolicies div.table-container div.row .ets {
    float: left;
    width: 80px;
    padding-bottom: 8px;
}

#insurancepolicies div.table-header .insurancecompany,
#insurancepolicies div.table-container div.row .insurancecompany {
    float: left;
    width: 120px;
    padding-bottom: 8px;
}


/* Arrival Notices and Delivery Orders
-----------------------------------------------------------------------------*/
#arrivalnotices div.table-header .dossier,
#arrivalnotices div.table-container div.row .dossier,
#deliveryorders div.table-header .dossier,
#deliveryorders div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#arrivalnotices div.table-header .company,
#arrivalnotices div.table-container div.row .company,
#deliveryorders div.table-header .company,
#deliveryorders div.table-container div.row .company {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#arrivalnotices div.table-header .companycontact,
#arrivalnotices div.table-container div.row .companycontact,
#deliveryorders div.table-header .companycontact,
#deliveryorders div.table-container div.row .companycontact {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#arrivalnotices div.table-header .clientreference,
#arrivalnotices div.table-container div.row .clientreference,
#deliveryorders div.table-header .clientreference,
#deliveryorders div.table-container div.row .clientreference {
    float: left;
    width: 95px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#arrivalnotices div.table-header .carrier,
#arrivalnotices div.table-container div.row .carrier,
#deliveryorders div.table-header .carrier,
#deliveryorders div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#arrivalnotices div.table-header .vessel,
#arrivalnotices div.table-container div.row .vessel,
#deliveryorders div.table-header .vessel,
#deliveryorders div.table-container div.row .vessel {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
}

#arrivalnotices div.table-header .port,
#arrivalnotices div.table-container div.row .port,
#deliveryorders div.table-header .port,
#deliveryorders div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#arrivalnotices div.table-header .etseta,
#arrivalnotices div.table-container div.row .etseta,
#deliveryorders div.table-header .etseta,
#deliveryorders div.table-container div.row .etseta {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}


/* Delay Notices
-----------------------------------------------------------------------------*/
#delaynotices div.table-header .dossier,
#delaynotices div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#delaynotices div.table-header .company,
#delaynotices div.table-container div.row .company {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#delaynotices div.table-header .companycontact,
#delaynotices div.table-container div.row .companycontact {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#delaynotices div.table-header .clientreference,
#delaynotices div.table-container div.row .clientreference {
    float: left;
    width: 95px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#delaynotices div.table-header .vessel,
#delaynotices div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
}

#delaynotices div.table-header .port,
#delaynotices div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#delaynotices div.table-header .etseta,
#delaynotices div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}


/* Table Overview - Files
-----------------------------------------------------------------------------*/
#file-overview {
    width: 600px;
    position: relative;
    margin-top: 25px;
    position: relative;
}

#file-overview.nomargin {
    margin-top: 0px;
}

#file-overview h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

#file-overview div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#file-overview div.table-container {
    display: inline-block;
}

#file-overview div.table-container p {
    padding-bottom: 0px;
}

#file-overview div.table-header .date,
#file-overview div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
}

#file-overview  div.table-header .visibility,
#file-overview  div.table-container div.row .visibility {
    float: left;
    width: 21px;
    height: 16px;
    margin-top: 2px;
}

#file-overview div.table-header .filetype,
#file-overview div.table-container div.row .filetype {
    float: left;
    width: 130px;
    padding-bottom: 8px;
}

#file-overview div.table-header .filename,
#file-overview div.table-container div.row .filename {
    float: left;
    width: 250px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#file-overview div.table-header .filename.consolidation,
#file-overview div.table-container div.row .filename.consolidation {
    width: 150px;
    padding: 0 15px 8px 0;
}

#file-overview div.table-header .dossier,
#file-overview div.table-container div.row .dossier {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#file-overview div.table-header .company,
#file-overview div.table-container div.row .company {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#file-overview div.table-container div.row .nofile {
    float: left;
    margin-left: 30px;
    width: 555px;
    padding-bottom: 8px;
}


/* Shipping Instruction List, HBL step 0
------------------------------------------------------------------------------*/
#table-overview div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

#table-overview div.table-container {
    display: inline-block;
}

#table-overview div.table-container p {
    padding-bottom: 0;
}

#table-overview div.table-container p span {
    color: #888888;
}

#table-overview div.table-header .containerno,
#table-overview div.table-container div.row .containerno {
    float: left;
    margin-left: 30px;
    padding-bottom: 8px;
    width: 120px;
}

#table-overview div.table-header .packagedimension,
#table-overview div.table-container div.row .packagedimension {
    float: left;
    padding-bottom: 8px;
    width: 110px;
}

#table-overview div.table-header .packagedimension.shortshipment,
#table-overview div.table-container div.row .packagedimension.shortshipment {
    width: 125px;
}

#table-overview div.table-header .cargodescription,
#table-overview div.table-container div.row .cargodescription {
    float: left;
    padding: 0 10px 8px 0;
    width: 170px;
    word-wrap: break-word;
}

#table-overview div.table-header .cargodescription.shortshipment,
#table-overview div.table-container div.row .cargodescription.shortshipment {
    width: 200px;
}

#table-overview div.table-header .weights,
#table-overview div.table-container div.row .weights {
    float: left;
    padding-bottom: 8px;
    text-align: right;
    width: 100px;
}

#table-overview div.table-header .date,
#table-overview div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
}

#table-overview div.table-header .mblno,
#table-overview div.table-container div.row .mblno {
    float: left;
    padding-bottom: 8px;
    width: 110px;
}

#table-overview div.table-header .containers,
#table-overview div.table-container div.row .containers {
    float: left;
    padding-bottom: 8px;
    width: 50px;
}

#table-overview div.table-header .confirmationdate,
#table-overview div.table-container div.row .confirmationdate {
    float: left;
    padding-bottom: 8px;
    width: 170px;
}


/* Admin Currencies
-----------------------------------------------------------------------------*/
#currencies div.table-header .code,
#currencies div.table-container div.row .code {
    float: left;
    width: 55px;
    margin-left: 15px;
}

#currencies div.table-header .name,
#currencies div.table-container div.row .name {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#currencies div.table-header .exchangerate,
#currencies div.table-container div.row .exchangerate {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#currencies div.table-header .ownrate,
#currencies div.table-container div.row .ownrate {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
    font-weight: bold;
}

#currencies div.table-header .ownratetill,
#currencies div.table-container div.row .ownratetill {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
    font-weight: bold;
}

#currencies div.table-header .lastsync,
#currencies div.table-container div.row .lastsync {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#currencies div.table-header .dailysync {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#currencies div.table-container div.row .dailysync {
    float: left;
    width: 55px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#currencies div.table-container div.row .dailysync.no {
    background-position: 0 1px;
}

#currencies div.table-container div.row .dailysync.yes {
    background-position: 0 -99px;
}

#currencies div.table-header .active {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#currencies div.table-container div.row .active {
    float: left;
    width: 30px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#currencies div.table-container div.row .active.no {
    background-position: 0 1px;
}

#currencies div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Currency Rate History Report
-----------------------------------------------------------------------------*/
#currencyratehistory div.table-header .date,
#currencyratehistory div.table-container div.row .date {
    float: left;
    width: 95px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#currencyratehistory div.table-header .currency,
#currencyratehistory div.table-container div.row .currency {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#currencyratehistory div.table-header .currencyrate,
#currencyratehistory div.table-container div.row .currencyrate {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#currencyratehistory div.table-header .owncurrencyrate,
#currencyratehistory div.table-container div.row .owncurrencyrate {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
    font-weight: bold;
}

#currencyratehistory div.table-header .difference {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#currencyratehistory div.table-container div.row .difference {
    float: left;
    width: 55px;
    padding: 0 15px 8px 0;
}

#currencyratehistory div.table-container div.row .difference.positive {
    background: url("../images/icon-positive.png") no-repeat scroll 55px 2px transparent;
    color: #47aa42;
}

#currencyratehistory div.table-container div.row .difference.negative {
    background: url("../images/icon-negative.png") no-repeat scroll 55px 2px transparent;
    color: #bd1818;
}

#currencyratehistory div.table-container div.row .noresults {
    float: left;
    width: 802px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Currency Rate markup
-----------------------------------------------------------------------------*/
#tab-ratemarkuphistory div.table-header .markup {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#tab-ratemarkuphistory div.table-container div.row .markup {
    float: left;
    width: 65px;
    margin-left: 30px;
    padding: 0 15px 8px 0;
}

#tab-ratemarkuphistory div.table-container div.row .markup.positive {
    background: url("../images/icon-positive.png") no-repeat scroll 40px 2px transparent;
    color: #47aa42;
}

#tab-ratemarkuphistory div.table-container div.row .markup.negative {
    background: url("../images/icon-negative.png") no-repeat scroll 40px 2px transparent;
    color: #bd1818;
}

#tab-ratemarkuphistory div.table-header .from,
#tab-ratemarkuphistory div.table-container div.row .from,
#tab-ratemarkuphistory div.table-header .till,
#tab-ratemarkuphistory div.table-container div.row .till {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#tab-ratemarkuphistory div.table-header .addedby,
#tab-ratemarkuphistory div.table-container div.row .addedby {
    float: left;
    width: 315px;
    padding: 0 0 8px 0;
}

#tab-ratemarkuphistory div.table-container div.row .nohistory {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Admin - Tariff types
-----------------------------------------------------------------------------*/
#tarifftypes div.table-header .code,
#tarifftypes div.table-container div.row .code {
    float: left;
    width: 55px;
    margin-left: 15px;
}

#tarifftypes div.table-header .name,
#tarifftypes div.table-container div.row .name {
    float: left;
    width: 155px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#tarifftypes div.table-header .tarifftypegroup,
#tarifftypes div.table-container div.row .tarifftypegroup {
    float: left;
    width: 110px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#tarifftypes div.table-header .paymentterm,
#tarifftypes div.table-container div.row .paymentterm {
    float: left;
    width: 90px;
    padding: 0 10px 8px 0;
}

#tarifftypes div.table-header .active {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#tarifftypes div.table-container div.row .active {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tarifftypes div.table-container div.row .active.no {
    background-position: 0 1px;
}

#tarifftypes div.table-container div.row .active.yes {
    background-position: 0 -99px;
}

#addtarifftypes div.table-header .code,
#addtarifftypes div.table-container div.row .code {
    float: left;
    width: 55px;
    margin-left: 30px;
}

#addtarifftypes div.table-header .name,
#addtarifftypes div.table-container div.row .name {
    float: left;
    width: 290px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#addtarifftypes div.table-header .activestate {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#addtarifftypes div.table-container div.row .activestate {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#addtarifftypes div.table-container div.row .activestate.no {
    background-position: 0 1px;
}

#addtarifftypes div.table-container div.row .activestate.yes {
    background-position: 0 -99px;
}



/* Admin - Unit types
-----------------------------------------------------------------------------*/
#unittypes div.table-header .code,
#unittypes div.table-container div.row .code {
    float: left;
    width: 55px;
    margin-left: 15px;
}

#unittypes div.table-header .name,
#unittypes div.table-container div.row .name {
    float: left;
    width: 290px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#unittypes div.table-header .active {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#unittypes div.table-container div.row .active {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#unittypes div.table-container div.row .active.no {
    background-position: 0 1px;
}

#unittypes div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Admin - Container types
-----------------------------------------------------------------------------*/
#containertypes div.table-container div.row {
    background-color: #ffffff;
}

#containertypes div.table-header .isocode,
#containertypes div.table-container div.row .isocode {
    float: left;
    width: 65px;
    margin-left: 15px;
}

#containertypes div.table-header .containertype,
#containertypes div.table-container div.row .containertype {
    float: left;
    width: 175px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#containertypes div.table-header .tareweight,
#containertypes div.table-container div.row .tareweight {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#containertypes div.table-header .maxpayload,
#containertypes div.table-container div.row .maxpayload {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
}

#containertypes div.table-header .volume,
#containertypes div.table-container div.row .volume {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#containertypes div.table-header .reefer {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#containertypes div.table-container div.row .reefer {
    float: left;
    width: 45px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#containertypes div.table-header .outofgauge {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#containertypes div.table-container div.row .outofgauge {
    float: left;
    width: 70px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#containertypes div.table-header .active {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#containertypes div.table-container div.row .active {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#containertypes div.table-container div.row .reefer.no,
#containertypes div.table-container div.row .outofgauge.no,
#containertypes div.table-container div.row .active.no {
    background-position: 0 1px;
}

#containertypes div.table-container div.row .reefer.yes,
#containertypes div.table-container div.row .outofgauge.yes,
#containertypes div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Admin - IMO Classes
-----------------------------------------------------------------------------*/
#imoclasses div.table-header .imoclass,
#imoclasses div.table-container div.row .imoclass {
    float: left;
    width: 55px;
    margin-left: 15px;
}

#imoclasses div.table-header .description,
#imoclasses div.table-container div.row .description {
    float: left;
    width: 440px;
    padding: 0 20px 8px 0;
    word-wrap: break-word;
}

#imoclasses div.table-header .bookings {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#imoclasses div.table-container div.row .bookings {
    float: left;
    width: 70px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#imoclasses div.table-header .shippinginstructions {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#imoclasses div.table-container div.row .shippinginstructions {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#imoclasses div.table-header .active {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#imoclasses div.table-container div.row .active {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#imoclasses div.table-container div.row .bookings.no,
#imoclasses div.table-container div.row .shippinginstructions.no,
#imoclasses div.table-container div.row .active.no {
    background-position: 0 1px;
}

#imoclasses div.table-container div.row .bookings.yes,
#imoclasses div.table-container div.row .shippinginstructions.yes,
#imoclasses div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Admin - Package types
-----------------------------------------------------------------------------*/
#packagetypes div.table-header .code,
#packagetypes div.table-container div.row .code {
    float: left;
    width: 70px;
    margin-left: 15px;
}

#packagetypes div.table-header .packagetype,
#packagetypes div.table-container div.row .packagetype {
    float: left;
    width: 240px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#packagetypes div.table-header .active {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#packagetypes div.table-container div.row .active {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#packagetypes div.table-container div.row .active.no {
    background-position: 0 1px;
}

#packagetypes div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Admin - Cargo types
-----------------------------------------------------------------------------*/
#cargotypes div.table-header .code,
#cargotypes div.table-container div.row .code {
    float: left;
    width: 70px;
    margin-left: 15px;
}

#cargotypes div.table-header .code.new,
#cargotypes div.table-container div.row .code.new {
    width: 55px;
    margin-left: 30px;
}

#cargotypes div.table-header .cargotype,
#cargotypes div.table-container div.row .cargotype {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#cargotypes div.table-header .hazmat {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#cargotypes div.table-container div.row .hazmat {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#cargotypes div.table-container div.row .hazmat.no {
    background-position: 0 1px;
}

#cargotypes div.table-container div.row .hazmat.yes {
    background-position: 0 -99px;
}

#cargotypes div.table-header .organic {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#cargotypes div.table-container div.row .organic {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#cargotypes div.table-container div.row .organic.no {
    background-position: 0 1px;
}

#cargotypes div.table-container div.row .organic.yes {
    background-position: 0 -99px;
}

#cargotypes div.table-header .vehicle {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#cargotypes div.table-container div.row .vehicle {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#cargotypes div.table-container div.row .vehicle.no {
    background-position: 0 1px;
}

#cargotypes div.table-container div.row .vehicle.yes {
    background-position: 0 -99px;
}

#cargotypes div.table-header .cargotypegroup,
#cargotypes div.table-container div.row .cargotypegroup {
    float: left;
    width: 135px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#cargotypes div.table-header .active {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#cargotypes div.table-container div.row .active {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#cargotypes div.table-container div.row .active.no {
    background-position: 0 1px;
}

#cargotypes div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Admin - Tariff Type Groups
-----------------------------------------------------------------------------*/
#tarifftypegroups div.table-header .tarifftypegroup,
#tarifftypegroups div.table-container div.row .tarifftypegroup {
    float: left;
    width: 190px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
    margin-left: 15px;
}

#tarifftypegroups div.table-header .tarifftypes,
#tarifftypegroups div.table-container div.row .tarifftypes {
    float: left;
    width: 130px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#tarifftypegroups div.table-header .tarifftypes.small,
#tarifftypegroups div.table-container div.row .tarifftypes.small {
    width: 90px;
}

#tarifftypegroups div.table-header .salescode,
#tarifftypegroups div.table-container div.row .salescode {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#tarifftypegroups div.table-header .purchasecode,
#tarifftypegroups div.table-container div.row .purchasecode {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

#tarifftypegroups div.table-header .paymentterm,
#tarifftypegroups div.table-container div.row .paymentterm {
    float: left;
    width: 90px;
    padding: 0 10px 8px 0;
}

#tarifftypegroups div.table-header .separate {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#tarifftypegroups div.table-container div.row .separate {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tarifftypegroups div.table-container div.row .separate.no {
    background-position: 0 1px;
}

#tarifftypegroups div.table-container div.row .separate.yes {
    background-position: 0 -99px;
}

#tarifftypegroups div.table-header .active {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#tarifftypegroups div.table-container div.row .active {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tarifftypegroups div.table-container div.row .active.no {
    background-position: 0 1px;
}

#tarifftypegroups div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Admin - Geolocations
-----------------------------------------------------------------------------*/
#geolocations div.table-header .unloccode,
#geolocations div.table-container div.row .unloccode {
    float: left;
    width: 65px;
    margin-left: 15px;
}

#geolocations div.table-header .city,
#geolocations div.table-container div.row .city {
    float: left;
    width: 220px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#geolocations div.table-header .region,
#geolocations div.table-container div.row .region {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#geolocations div.table-header .country,
#geolocations div.table-container div.row .country {
    float: left;
    width: 200px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#geolocations div.table-header .active {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#geolocations div.table-container div.row .active {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#geolocations div.table-container div.row .active.no {
    background-position: 0 1px;
}

#geolocations div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Tariffs
-----------------------------------------------------------------------------*/
#tariffs div.table-container div.row .selection {
    padding: 2px 10px 0 0;
}

#existingtariffs div.table-container div.row .selection {
    padding: 2px 10px 0 0;
}

#existingtariffs div.table-header .tarifftype,
#existingtariffs div.table-container div.row .tarifftype {
    float: left;
    margin-left: 30px;
    width: 50px;
    padding: 0 0 7px 0;
}

#existingtariffs div.table-header .creditor,
#existingtariffs div.table-container div.row .creditor {
    float: left;
    padding: 0 10px 8px 0;
    width: 220px;
}

#existingtariffs div.table-header .unittype,
#existingtariffs div.table-container div.row .unittype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#existingtariffs div.table-header .costs {
    float: left;
    margin-right: 20px;
    text-align: right;
    width: 80px;
    padding: 0 0 8px 0;
}

#existingtariffs div.table-header .revenue {
    float: left;
    margin-right: 20px;
    text-align: right;
    width: 80px;
    padding: 0 0 8px 0;
}

#existingtariffs div.table-container div.row .amount {
    float: left;
    margin-right: 20px;
    text-align: right;
    width: 58px;
    padding: 0 0 8px 0;
}

#existingtariffs div.table-container div.row .currency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#tariffsets div.table-header .tarifftype,
#tariffsets div.table-container div.row .tarifftype {
    float: left;
    margin-left: 30px;
    width: 50px;
    padding: 0 0 7px 0;
}

#tariffsets div.table-header .unittype,
#tariffsets div.table-container div.row .unittype {
    float: left;
    padding: 0 0 7px 0;
    width: 50px;
}

#tariffsets div.table-header .debtor,
#tariffsets div.table-container div.row .debtor {
    float: left;
    padding: 0 0 8px 0;
    width: 200px;
}

#tariffsets div.table-header .revenue,
#tariffsets div.table-header .costs {
    float: left;
    text-align: right;
    width: 95px;
    padding: 0 0 8px 0;
}

#tariffsets div.table-container div.row .amount {
    float: left;
    text-align: right;
    width: 53px;
    padding: 0 0 8px 0;
}

#tariffsets div.table-container div.row .currency {
    float: left;
    margin-left: 20px;
    width: 22px;
    padding: 0 0 8px 0;
}

#tariffsets div.table-container div.row .selection {
    padding: 2px 10px 0 0;
}


/* Requested Tariffs
-----------------------------------------------------------------------------*/
#requestedtariffs div.table-header .seapod,
#requestedtariffs div.table-container div.row .seapod,
#requestedtariffs div.table-header .haulageplol,
#requestedtariffs div.table-container div.row .haulageplol {
    float: left;
    margin-left: 15px;
    width: 60px;
    padding: 0 0 7px 0;
}

#requestedtariffs div.table-header .suggested,
#requestedtariffs div.table-container div.row .suggested {
    float: left;
    width: 90px;
    padding: 0 0 7px 0;
}

#requestedtariffs div.table-header .creditor,
#requestedtariffs div.table-container div.row .creditor,
#requestedtariffs div.table-header .debtor,
#requestedtariffs div.table-container div.row .debtor {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#requestedtariffs div.table-header .debtor.long,
#requestedtariffs div.table-container div.row .debtor.long {
    float: left;
    width: 280px;
    padding: 0 0 7px 0;
}

#requestedtariffs div.table-header .editrevenue {
    float: right;
    width: 145px;
    padding: 0 28px 8px 0;
    text-align: right;
}

#requestedtariffs div.table-container div.row .editrevenue {
    float: right;
    width: 163px;
    margin-top: -1px;
    padding: 0 10px 3px 0;
    line-height: normal !important;
}

#requestedtariffs div.table-header .revenue,
#requestedtariffs div.table-header .costs {
    float: left;
    text-align: right;
    width: 110px;
    padding: 0 0 8px 0;
}

#requestedtariffs div.table-container div.row .amount {
    float: left;
    text-align: right;
    width: 63px;
    padding: 0 0 8px 0;
}

#requestedtariffs div.table-container div.row .currency {
    float: left;
    margin-left: 25px;
    width: 22px;
    padding: 0 0 8px 0;
}

#requestedtariffs div.table-header .tarifftype,
#requestedtariffs div.table-container div.row .tarifftype {
    float: left;
    margin-left: 15px;
    width: 60px;
    padding: 0 0 7px 0;
}

#requestedtariffs div.table-header .unittype,
#requestedtariffs div.table-container div.row .unittype {
    float: left;
    padding: 0 0 7px 0;
    width: 60px;
}


/* Quotation Tariffs - Pallet Offset
-----------------------------------------------------------------------------*/
#quotationpalletoffset div.table-header .offset,
#quotationpalletoffset div.table-container div.row .offset {
    float: left;
    margin-left: 15px;
    width: 70px;
    padding: 0 0 8px 0;
}

#quotationpalletoffset div.table-header .creditor,
#quotationpalletoffset div.table-container div.row .creditor {
    float: left;
    width: 220px;
    padding: 0 0 7px 0;
}

#quotationpalletoffset div.table-header .editrevenue {
    float: right;
    width: 145px;
    padding: 0 28px 8px 0;
    text-align: right;
}

#quotationpalletoffset div.table-container div.row .editrevenue {
    float: right;
    width: 163px;
    margin-top: -1px;
    padding: 0 10px 3px 0;
    line-height: normal !important;
}

#quotationpalletoffset div.table-header .revenue,
#quotationpalletoffset div.table-header .cost {
    float: left;
    text-align: right;
    width: 110px;
    padding: 0 0 8px 0;
}

#quotationpalletoffset div.table-container div.row .amount {
    float: left;
    text-align: right;
    width: 63px;
    padding: 0 0 8px 0;
}

#quotationpalletoffset div.table-container div.row .currency {
    float: left;
    margin-left: 25px;
    width: 22px;
    padding: 0 0 8px 0;
}


/* Quotation Tariffs
-----------------------------------------------------------------------------*/
#quotationtariffs div.table-header .portsplaces,
#quotationtariffs div.table-container div.row .portsplaces,
#quotationtariffs div.table-header .offset,
#quotationtariffs div.table-container div.row .offset {
    float: left;
    margin-left: 15px;
    width: 340px;
    padding: 0 10px 8px 0;
}

#quotationtariffs div.table-header .printonquotation,
#quotationtariffs div.table-container div.row .printonquotation {
    float: left;
    margin-left: 15px;
    width: 340px;
    padding: 0 10px 8px 0;
}

#quotationtariffs div.table-header .printonquotation.forwarder,
#quotationtariffs div.table-container div.row .printonquotation.forwarder,
#quotationtariffs div.table-header .portsplaces.forwarder,
#quotationtariffs div.table-container div.row .portsplaces.forwarder {
    width: 280px;
}

#quotationtariffs div.table-header .creditor,
#quotationtariffs div.table-container div.row .creditor {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#quotationtariffs div.table-header .revenue,
#quotationtariffs div.table-header .costs {
    float: left;
    text-align: right;
    width: 110px;
    padding: 0 0 8px 0;
}

#quotationtariffs div.table-container div.row .amount {
    float: left;
    text-align: right;
    width: 63px;
    padding: 0 0 8px 0;
}

#quotationtariffs div.table-container div.row .currency {
    float: left;
    margin-left: 25px;
    width: 22px;
    padding: 0 0 8px 0;
}


/* Dossiers - Tariffs
-----------------------------------------------------------------------------*/
#dossiertariffs div.table-header .tarifftype,
#dossiertariffs div.table-container div.row .tarifftype {
    float: left;
    margin-left: 30px;
    width: 55px;
}

#dossiertariffs div.table-header .unittype,
#dossiertariffs div.table-container div.row .unittype {
    float: left;
    width: 70px;
    padding-bottom: 7px;
}

#dossiertariffs div.table-header .information,
#dossiertariffs div.table-container div.row .information {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

#dossiertariffs div.table-header .creditor,
#dossiertariffs div.table-container div.row .creditor {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#dossiertariffs div.table-header .debtor,
#dossiertariffs div.table-container div.row .debtor {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#dossiertariffs div.table-container div.row .creditor.debtorcreditoredit,
#dossiertariffs div.table-container div.row .debtor.debtorcreditoredit {
    margin-top: -1px;
    line-height: normal !important;
    padding: 0 0 3px 0;
}

#dossiertariffs div.table-container div.row .creditor.debtorcreditoredit .jquery-indexbox .selectlist,
#dossiertariffs div.table-container div.row .debtor.debtorcreditoredit .jquery-indexbox .selectlist {
    width: 250px;
}

#dossiertariffs div.table-header .amount {
    float: left;
    width: 110px;
    text-align: right;
    padding: 0 0 8px 0;
}

#dossiertariffs div.table-container div.row .amount {
    float: left;
    width: 63px;
    text-align: right;
    padding: 0 0 8px 0;
}

#dossiertariffs div.table-container div.row .currency {
    float: left;
    width: 22px;
    margin-left: 25px;
    padding: 0 0 8px 0;
}

#dossiertariffs div.table-container div.row .no-tariffs {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#dossiertariffs div.table-container div.row .subdossier {
    float: left;
    width: 190px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#dossiertariffs div.table-container div.row.lockedtariff,
#dossiertariffs div.table-container div.row.consolidationtariff {
    background-color: #f1f1f1 !important;
    color: #888888 !important;
}

#dossiertariffs div.table-container div.row.lockedtariff.credited,
#dossiertariffs div.table-container div.row.consolidationtariff.credited {
    background-color: #ffe4e4 !important;
    color: #bd1818 !important;
}

#dossiertariffs div.table-container div.row.lockedtariff.warningerror,
#dossiertariffs div.table-container div.row.consolidationtariff.warningerror {
    background-color: #ffffd8 !important;
    color: #dac602 !important;
}

#dossiertariffs div.table-container div.row .locked-icon {
    margin-right: 10px;
}

#dossiertariffs div.rightfloated {
    width: 306px;
    float: right;
}

#dossiertariffs div.table-header .editrevenue {
    float: right;
    width: 125px;
    padding: 0 28px 8px 0;
    text-align: right;
}

#dossiertariffs div.table-container div.row .editrevenue {
    float: right;
    width: 143px;
    margin-top: -1px;
    padding: 0 10px 3px 0;
    line-height: normal !important;
}

#dossiertariffs div.table-header .editcosts {
    float: right;
    width: 125px;
    padding: 0 28px 8px 0;
    text-align: right;
}

#dossiertariffs div.table-container div.row .editcosts {
    float: right;
    width: 143px;
    margin-top: -1px;
    padding: 0 10px 3px 0;
    line-height: normal !important;
}

#tariffbalancerow,
#tariffcostsrevenuerow {
    width: 600px;
    min-height: 26px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ffffff;
    background-color: #eeeeee;
    display: inline-block;
    position: relative;
    padding-top: 3px;
    line-height: 18px;
    float: left;
    font-weight: bold;
}

#tariffcostsrevenuerow div.totals {
    float: left;
    width: 190px;
    margin-left: 85px;
    padding: 0 0 8px 0;
    text-align: left;
}

#tariffcostsrevenuerow div.amount {
    float: left;
    width: 110px;
    text-align: right;
    padding: 0 0 8px 0;
}

#tariffcostsrevenuerow div.amount {
    float: left;
    width: 63px;
    text-align: right;
    padding: 0 0 8px 0;
}

#tariffcostsrevenuerow div.currency {
    float: left;
    width: 22px;
    margin-left: 25px;
    padding: 0 0 8px 0;
}

#tariffbalancerow div.label {
    float: left;
    width: 385px;
    padding: 0 0 8px 0;
    text-align: right;
}

#tariffbalancerow div.currency {
    float: left;
    width: 22px;
    margin-left: 25px;
    padding: 0 0 8px 0;
}

#tariffbalancerow div.totalbalance {
    float: left;
    text-align: right;
    width: 63px;
    padding: 0 20px 8px 0;
}

#tariffbalancerow div.totalbalance.positive {
    background: url("../images/icon-positive.png") no-repeat scroll right 2px transparent;
    color: #47aa42;
}

#tariffbalancerow div.totalbalance.negative {
    background: url("../images/icon-negative.png") no-repeat scroll right 2px transparent;
    color: #bd1818;
}

#tariffbalancerow div.balancepercentage {
    float: left;
    width: 60px;
    padding: 0 0 8px 4px;
}

#tariffbalancerow div.balancepercentage.positive {
    color: #47aa42;
}

#tariffbalancerow div.balancepercentage.negative {
    color: #bd1818;
}

#tariffbalancerow div.balancepercentagecustoms {
    float: left;
    width: 60px;
    margin: 0 0 0 21px;
    padding: 0 0 8px 20px;
}

#tariffbalancerow div.balancepercentagecustoms.positive {
    background: url("../images/icon-positive.png") no-repeat scroll left 2px transparent;
    color: #47aa42;
}

#tariffbalancerow div.balancepercentagecustoms.negative {
    background: url("../images/icon-negative.png") no-repeat scroll left 2px transparent;
    color: #bd1818;
}


/* Dossiers - Balance
-----------------------------------------------------------------------------*/
#modular-container .positioning .dossierbalance-container {
    margin: 0 auto;
    width: 1235px;
}

#modular-container .positioning .dossierbalance-container div.header {
    background: url("../images/custom/dossierbalance-header.png") no-repeat scroll 0 0 transparent;
    width: 1210px;
}

#modular-container .positioning .dossierbalance-container div.background {
    background: url("../images/dossierbalance-background.png") repeat-y scroll 0 0 transparent;
    width: 1185px;
}

#modular-container .positioning .dossierbalance-container div.footer {
    background: url("../images/dossierbalance-footer-form.png") no-repeat scroll center top transparent;
    width: 1235px;
}

#balance-information {
    background-color: #F7F7F7;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
    display: inline-block;
    margin: -5px 0 0 -14px;
    position: relative;
    width: 1213px;
}

#balance-information ul {
    color: #888888;
    display: inline-block;
    line-height: 18px;
    list-style: none outside none;
    padding: 6px 0 6px 15px;
}

#balance-information ul li {
    background: url("../images/icon-dossierbalance.png") no-repeat scroll 0 2px transparent;
    float: left;
    margin-bottom: 5px;
    margin-right: 40px;
    padding-left: 20px;
}

#tariffs-balance {
    margin-top: 20px;
    position: relative;
    width: 1185px;
}

#tariffs-balance h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
}

#tariffs-balance div.table-header {
    background: url("../images/tableheader-tariffsbalance.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 1185px;
}

#tariffs-balance div.table-container {
    display: inline-block;
}

#tariffs-balance div.table-container p {
    padding-bottom: 0;
}

#tariffs-balance div.table-container p span {
    color: #888888;
}

#tariffs-balance div.table-container div.row {
    min-height: 25px;
    padding-top: 4px;
    width: 1185px;
}

#tariffs-balance div.table-container div.row.total {
    background-color: #f1f1f1;
    min-height: 25px;
    padding-top: 4px;
    width: 1185px;
}

#tariffs-balance div.table-container div.row div.tooltip {
    margin-bottom: -4px;
}

#tariffs-balance div.rightfloated {
    width: 638px;
    padding-right: 15px;
    float: right;
}

#tariffs-balance div.table-header .tarifftype,
#tariffs-balance div.table-container div.row .tarifftype {
    float: left;
    margin-left: 15px;
    width: 55px;
    padding: 0 0 7px 0;
}

#tariffs-balance div.table-header .unittype,
#tariffs-balance div.table-container div.row .unittype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#tariffs-balance div.table-header .quantity,
#tariffs-balance div.table-container div.row .quantity {
    float: left;
    margin-right: 25px;
    padding: 0 0 8px 0;
    text-align: right;
    width: 20px;
}

#tariffs-balance div.table-header .creditor,
#tariffs-balance div.table-container div.row .creditor {
    float: left;
    width: 68px;
    padding: 0 0 7px 0;
}

#tariffs-balance div.table-container div.row .subdossier {
    float: left;
    margin-left: 15px;
    padding: 0 0 8px 0;
    width: 218px;
}

#tariffs-balance div.table-header .debtor,
#tariffs-balance div.table-container div.row .debtor {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#tariffs-balance div.table-header .portplace,
#tariffs-balance div.table-container div.row .portplace {
    float: left;
    width: 55px;
    margin-left: 10px;
    padding: 0 0 7px 0;
}

#tariffs-balance div.table-header .costsrevenue {
    float: left;
    padding: 0 0 8px 0;
    text-align: right;
    width: 125px;
}

#tariffs-balance div.table-container div.row .currency {
    float: left;
    margin-left: 30px;
    padding: 0 0 8px 0;
    width: 28px;
}

#tariffs-balance div.table-container div.row .amount {
    float: left;
    padding: 0 0 8px 0;
    text-align: right;
    width: 67px;
}

#tariffs-balance div.table-header .balance {
    float: left;
    text-align: right;
    width: 138px;
}

#tariffs-balance div.table-container div.row .balance {
    float: left;
    text-align: right;
    width: 79px;
    padding: 0 0 8px 0;
}

#tariffs-balance div.table-container div.row .balance.positive {
    background: url("../images/icon-positive.png") no-repeat scroll 0 2px transparent;
    color: #47aa42;
}

#tariffs-balance div.table-container div.row .balance.negative {
    background: url("../images/icon-negative.png") no-repeat scroll 0 2px transparent;
    color: #bd1818;
}

#tariffs-balance div.table-container div.row .total {
    float: left;
    margin-left: 15px;
    text-align: right;
    width: 518px;
}

#tariffs-balance div.table-container div.row .total.actualcosts {
    width: 393px;
}

#tariffs-balance div.table-container div.row .total.dossiermarginexcustoms {
    margin-right: 50px;
}

#tariffs-balance div.table-container div.row .total.dossiermargin {
    width: 1066px;
    margin-right: 10px;
}

#tariffs-balance div.table-container div.row .total.dossiermargin.excustoms {
    width: 404px;
}

#tariffs-balance div.table-container div.row .no-tariffs {
    float: left;
    width: 912px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#dossierbalance-container {
    display: inline-block;
    padding-top: 20px;
    width: 1185px;
}

#dossierbalance-incoming {
    float: left;
    position: relative;
    width: 399px;
}

#dossierbalance-outgoing {
    float: left;
    margin-left: 20px;
    position: relative;
    width: 399px;
}

#dossierbalance-incoming h2,
#dossierbalance-outgoing h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
}

#dossierbalance-incoming div.table-header,
#dossierbalance-outgoing div.table-header {
    background: url("../images/tableheader-dossierbalance-invoices.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 399px;
}

#dossierbalance-incoming div.table-container,
#dossierbalance-outgoing div.table-container {
    display: inline-block;
    width: 340px;
}

#dossierbalance-incoming div.table-container p,
#dossierbalance-outgoing div.table-container p {
    padding-bottom: 0;
}

#dossierbalance-incoming div.table-container div.row,
#dossierbalance-outgoing div.table-container div.row {
    min-height: 25px;
    padding-top: 4px;
    width: 399px;
}

#dossierbalance-incoming div.table-container div.row.total,
#dossierbalance-outgoing div.table-container div.row.total {
    background-color: #F1F1F1;
    min-height: 25px;
    padding-top: 4px;
    width: 340px;
}

#dossierbalance-incoming div.table-header .creditor,
#dossierbalance-incoming div.table-container div.row .creditor {
    float: left;
    margin-left: 15px;
    padding: 0 10px 8px 0;
    width: 224px;
    word-wrap: break-word;
}

#dossierbalance-outgoing div.table-header .debtor,
#dossierbalance-outgoing div.table-container div.row .debtor {
    float: left;
    margin-left: 15px;
    padding: 0 10px 8px 0;
    width: 224px;
    word-wrap: break-word;
}

#dossierbalance-incoming div.table-header .invoiceamount,
#dossierbalance-outgoing div.table-header .invoiceamount {
    float: left;
    padding-bottom: 6px;
    text-align: right;
    width: 85px;
}

#dossierbalance-incoming div.table-container div.row .currency,
#dossierbalance-outgoing div.table-container div.row .currency {
    float: left;
    padding-bottom: 6px;
    width: 28px;
}

#dossierbalance-incoming div.table-container div.row .amount,
#dossierbalance-outgoing div.table-container div.row .amount {
    float: left;
    padding-bottom: 6px;
    text-align: right;
    width: 57px;
}

#dossierbalance-incoming div.table-header .vat,
#dossierbalance-incoming div.table-container div.row .vat,
#dossierbalance-outgoing div.table-header .vat,
#dossierbalance-outgoing div.table-container div.row .vat {
    float: left;
    padding-bottom: 6px;
    text-align: right;
    width: 50px;
}

#dossierbalance-totals {
    float: left;
    margin-left: 20px;
    position: relative;
    width: 222px;
}

#dossierbalance-totals h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
}

#dossierbalance-totals div.table-header {
    background: url("../images/tableheader-dossierbalance-totals.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 347px;
}

#dossierbalance-totals div.table-container {
    display: inline-block;
    width: 347px;
}

#dossierbalance-totals div.table-container p {
    padding-bottom: 0;
}

#dossierbalance-totals div.table-container div.row {
    min-height: 25px;
    padding-top: 4px;
    width: 347px;
}

#dossierbalance-totals div.table-container div.row.total {
    background-color: #F1F1F1;
    min-height: 25px;
    padding-top: 4px;
    width: 347px;
}

#dossierbalance-totals div.table-header .invoicetype,
#dossierbalance-totals div.table-container div.row .invoicetype {
    float: left;
    margin-left: 15px;
    padding-bottom: 8px;
    width: 195px;
}

#dossierbalance-totals div.table-header .balance {
    float: left;
    text-align: right;
    width: 123px;
}

#dossierbalance-totals div.table-container div.row .balance {
    float: left;
    text-align: right;
    width: 79px;
}

#dossierbalance-totals div.table-container div.row .currency {
    float: left;
    margin-left: 15px;
    padding-bottom: 6px;
    width: 28px;
}

#dossierbalance-totals div.table-container div.row .balance.positive {
    background: url("../images/icon-positive.png") no-repeat scroll 0 2px transparent;
    color: #47AA42;
}

#dossierbalance-totals div.table-container div.row .balance.negative {
    background: url("../images/icon-negative.png") no-repeat scroll 0 2px transparent;
    color: #BD1818;
}

div.submit-validation.dossierbalance {
    display: inline-block;
    width: 1159px;
}

div.submit-validation.dossierbalance ul li {
    float: left;
    width: 560px;
}

#balance-overflowcontainer {
    width: 1232px;
    max-height: 500px;
    overflow-y: auto;
}


/* Pallet Offset
-----------------------------------------------------------------------------*/
div.palletrow {
    width: 600px;
    position: relative;
    display: inline-block;
    background-color: #f7f7f7;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ffffff;
    float: left;
}

div.palletrow:hover,
div.palletrow.highlight {
    background-color: #f1f1f1;
}

div.palletrow .validation {
    float: left;
    margin-right: 15px;
}

div.palletrow div.validation div.validation-notice {
    margin-top: 11px;
}

div.palletrow .tinyspacing {
    margin-right: 5px;
}

#palletoffset-tariffs {
    display: inline-block;
    width: 600px;
    position: relative;
    margin-top: 25px;
}

#palletoffset-tariffs h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

#palletoffset-tariffs div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#palletoffset-tariffs div.palletrow .quantity {
    width: 60px;
    float: left;
    margin-left: 15px;
    padding: 10px 0 13px;
}

#palletoffset-tariffs div.table-header .totalcosts,
#palletoffset-tariffs div.palletrow .totalcosts {
    float: left;
    width: 240px;
    margin-left: 75px;
}

#palletoffset-tariffs div.palletrow .totalcosts {
    margin-left: 0px;
}


#palletoffset-tariffs div.table-header .totalrevenue,
#palletoffset-tariffs div.palletrow .totalrevenue {
    float: left;
    width: 240px;
}


/* Pallet Offset - Tariff lines overview
-----------------------------------------------------------------------------*/
#palletoffset-tarifflines div.table-header .offset,
#palletoffset-tarifflines div.table-container div.row .offset {
    float: left;
    width: 70px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#palletoffset-tarifflines div.table-header .costrevenue {
    float: left;
    width: 125px;
    text-align: right;
    padding: 0 0 8px 0;
}

#palletoffset-tarifflines div.table-container div.row .currency {
    float: left;
    width: 25px;
    margin-left: 40px;
    padding: 0 0 8px 0;
}

#palletoffset-tarifflines div.table-container div.row .amount {
    float: left;
    width: 60px;
    text-align: right;
    padding: 0 0 8px 0;
}


/* Pallet Offsets
-----------------------------------------------------------------------------*/
#palletoffsets div.table-header .creditor,
#palletoffsets div.table-container div.row .creditor {
    float: left;
    width: 75px;
    margin-left: 30px;
    padding: 0 0 7px 0;
}

#palletoffsets div.table-header .debtor,
#palletoffsets div.table-container div.row .debtor {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#palletoffsets div.table-header .validityfrom,
#palletoffsets div.table-container div.row .validityfrom {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#palletoffsets div.table-header .validitytill,
#palletoffsets div.table-container div.row .validitytill {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
}

#palletoffsets div.table-header .portsplaces,
#palletoffsets div.table-container div.row .portsplaces {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#palletoffsets div.table-header .offset,
#palletoffsets div.table-container div.row .offset {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#palletoffsets div.table-header .fuelsurcharge {
    float: left;
    width: 110px;
}

#palletoffsets div.table-container div.row .fuelsurcharge {
    float: left;
    width: 90px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#palletoffsets div.table-container div.row .fuelsurcharge.no {
    background-position: 0 1px;
}

#palletoffsets div.table-container div.row .fuelsurcharge.yes {
    background-position: 0 -99px;
}

#palletoffsets div.table-header .active {
    float: left;
    width: 60px;
}

#palletoffsets div.table-container div.row .active {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#palletoffsets div.table-container div.row .active.no {
    background-position: 0 1px;
}

#palletoffsets div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Select Tariffs
-----------------------------------------------------------------------------*/
#select-tariffs {
    width: 600px;
    position: relative;
    margin-top: 25px;
    position: relative;
    width: 600px;
}

#select-tariffs.overview,
#select-tariffs.nomargin {
    margin-top: 0px;
}

#select-tariffs.generate {
    margin-top: 15px;
}

#select-tariffs h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

#select-tariffs div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#select-tariffs div.table-container {
    display: inline-block;
}

#select-tariffs div.table-container p {
    padding-bottom: 0px;
}

#select-tariffs div.table-header .tarifftype,
#select-tariffs div.table-container div.row .tarifftype {
    float: left;
    margin-left: 30px;
    width: 55px;
    padding: 0 0 7px 0;
}

#select-tariffs.overview div.table-header .tarifftype,
#select-tariffs.overview div.table-container div.row .tarifftype {
    margin-left: 15px;
}

#select-tariffs div.table-header .unittype,
#select-tariffs div.table-container div.row .unittype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#select-tariffs div.table-header .information,
#select-tariffs div.table-container div.row .information {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

#select-tariffs div.table-header .creditor,
#select-tariffs div.table-container div.row .creditor {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#select-tariffs div.table-header .debtor,
#select-tariffs div.table-container div.row .debtor {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#select-tariffs div.table-header .amount {
    float: left;
    width: 95px;
    text-align: right;
    padding: 0 10px 8px 0;
}

#select-tariffs div.table-container div.row .amount {
    float: left;
    width: 58px;
    text-align: right;
    padding: 0 10px 8px 0;
}

#select-tariffs div.table-container div.row .currency {
    float: left;
    width: 22px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#select-tariffs div.table-header .quantity,
#select-tariffs div.table-container div.row .quantity {
    float: left;
    width: 40px;
    text-align: right;
    padding: 0 0 8px 0;
}

#select-tariffs.nomargin div.table-header .quantity,
#select-tariffs.nomargin div.table-container div.row .quantity {
    text-align: left;
}

#select-tariffs.nomargin div.table-container div.row .quantity {
    font-weight: bold;
}

#select-tariffs div.table-container div.row .no-tariffs {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#select-tariffs.overview div.table-container div.row .no-tariffs {
    width: 570px;
    margin-left: 15px;
}

#select-tariffs div.table-container div.row.lockedtariff {
    background-color: #f1f1f1 !important;
    color: #888888 !important;
}

#select-tariffs div.table-container div.row.lockedtariff.credited {
    background-color: #ffe4e4 !important;
    color: #bd1818;
}

#select-tariffs div.table-container div.row .locked-icon {
    margin-right: 10px;
}

#select-tariffs .grey {
    color: #888888;
}


/* Credit Invoice
-----------------------------------------------------------------------------*/
#creditinvoice div.table-header .printoninvoice,
#creditinvoice div.table-container div.row .printoninvoice {
    float: left;
    margin-left: 30px;
    width: 310px;
    padding: 0 10px 8px 0;
}

#creditinvoice div.table-header .quantity,
#creditinvoice div.table-container div.row .quantity {
    float: left;
    width: 20px;
    padding: 0 0 8px 0;
}

#creditinvoice div.table-header .amount {
    float: left;
    width: 110px;
    text-align: right;
    padding: 0 0 8px 0;
}

#creditinvoice div.table-container div.row .amount {
    float: left;
    width: 68px;
    text-align: right;
    padding: 0 0 8px 0;
}

#creditinvoice div.table-container div.row .currency {
    float: left;
    width: 22px;
    margin-left: 20px;
    padding: 0 0 8px 0;
}

#creditinvoice div.table-header .credit {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
    margin-left: 25px;
}

#creditinvoice div.table-container div.row .credit {
    float: left;
    width: 80px;
    margin: -2px 0 0 25px;
    padding: 0 0 3px 0;
    line-height: normal !important;
}


/* View invoice - Invoice lines
-----------------------------------------------------------------------------*/
#tab-invoicelines div.table-header .printoninvoice,
#tab-invoicelines div.table-container div.row .printoninvoice {
    float: left;
    margin-left: 15px;
    width: 306px;
    padding-bottom: 8px;
    word-wrap: break-word;
}

#tab-invoicelines div.table-header .amount,
#tab-invoicelines div.table-container div.row .amount {
    float: left;
    width: 50px;
}

#tab-invoicelines div.table-header .price {
    float: left;
    width: 107px;
    text-align: right;
}

#tab-invoicelines div.table-container div.row .price {
    float: left;
    width: 65px;
    text-align: right;
    padding: 0 0 8px 0;
}

#tab-invoicelines div.table-container div.row .currency {
    float: left;
    width: 22px;
    margin-left: 20px;
    padding: 0 0 8px 0;
}


/* Invoices Selection for generate invoice
-----------------------------------------------------------------------------*/
#modular-container div.generateinvoice-container div.table-header .debtor,
#modular-container div.generateinvoice-container div.table-container div.row .debtor {
    float: left;
    width: 270px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
    margin-left: 30px;
}

#modular-container div.generateinvoice-container div.table-container div.row .debtor {
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#modular-container div.generateinvoice-container div.table-header .addcomments {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#modular-container div.generateinvoice-container div.table-container div.row .addcomments-checkbox {
    height: 13px;
    width: 20px;
    padding: 4px 0 8px 0;
    float: left;
}

#modular-container div.generateinvoice-container div.table-container div.row .addcomments {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#modular-container div.generateinvoice-container div.table-header .amount {
    float: left;
    width: 82px;
    text-align: right;
    margin-left: 25px;
}

#modular-container div.generateinvoice-container div.table-container div.row .amount {
    float: left;
    width: 55px;
    text-align: right;
}

#modular-container div.generateinvoice-container div.table-container div.row .currency {
    float: left;
    width: 27px;
}

/* Invoices - Sendlist
-----------------------------------------------------------------------------*/
#invoicesendlist div.table-header .date,
#invoicesendlist div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
}

#invoicesendlist div.table-header .invoice,
#invoicesendlist div.table-container div.row .invoice {
    float: left;
    width: 75px;
}

#invoicesendlist div.table-header .invoice.sendprint,
#invoicesendlist div.table-container div.row .invoice.sendprint {
    margin-left: 30px;
}

#invoicesendlist div.table-header .dossier,
#invoicesendlist div.table-container div.row .dossier {
    float: left;
    width: 75px;
}

#invoicesendlist div.table-header .debtor,
#invoicesendlist div.table-container div.row .debtor {
    float: left;
    width: 180px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#invoicesendlist div.table-header .debtor.sendprint,
#invoicesendlist div.table-container div.row .debtor.sendprint {
    width: 240px;
}

#invoicesendlist div.table-header .amount {
    float: left;
    width: 85px;
    text-align: right;
}

#invoicesendlist div.table-container div.row .amount {
    float: left;
    width: 58px;
    text-align: right;
}

#invoicesendlist div.table-container div.row .currency {
    float: left;
    width: 27px;
}

/* Table Overview - HBL
-----------------------------------------------------------------------------*/
#table-overview {
    width: 600px;
    position: relative;
    margin-top: 25px;
}

#table-overview h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

#table-overview div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#table-overview div.table-container {
    display: inline-block;
}

#table-overview div.table-container p {
    padding-bottom: 0px;
}

#table-overview div.table-container p span {
    color: #888888;
}

#table-overview div.table-header .containerno,
#table-overview div.table-container div.row .containerno {
    float: left;
    width: 120px;
    margin-left: 30px;
    padding-bottom: 8px;
}

#table-overview div.table-header .containerno.overview,
#table-overview div.table-container div.row .containerno.overview {
    width: 135px;
    margin-left: 15px;
}

#table-overview div.table-header .packagedimension,
#table-overview div.table-container div.row .packagedimension {
    float: left;
    width: 110px;
    padding-bottom: 8px;
}

#table-overview div.table-header .cargodescription,
#table-overview div.table-container div.row .cargodescription {
    float: left;
    width: 170px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#table-overview div.table-header .weights,
#table-overview div.table-container div.row .weights {
    float: left;
    width: 100px;
    padding-bottom: 8px;
    text-align: right;
}

#table-overview div.table-header .date,
#table-overview div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
}

#table-overview div.table-header .mblno,
#table-overview div.table-container div.row .mblno {
    float: left;
    width: 110px;
    padding-bottom: 8px;
}

#table-overview div.table-header .containers,
#table-overview div.table-container div.row .containers {
    float: left;
    width: 50px;
    padding-bottom: 8px;
}

#table-overview div.table-header .confirmationdate,
#table-overview div.table-container div.row .confirmationdate {
    float: left;
    width: 170px;
    padding-bottom: 8px;
}


/* Create Short Shipment dossier
-----------------------------------------------------------------------------*/
#table-overview div.table-header .tarifftype,
#table-overview div.table-container div.row .tarifftype {
    float: left;
    margin-left: 30px;
    width: 55px;
}

#table-overview div.table-header .unittype,
#table-overview div.table-container div.row .unittype {
    float: left;
    width: 55px;
    padding-bottom: 7px;
}

#table-overview div.table-header .quantity,
#table-overview div.table-container div.row .quantity {
    float: left;
    width: 75px;
    padding-bottom: 7px;
}

#table-overview div.table-header .creditor,
#table-overview div.table-container div.row .creditor {
    float: left;
    width: 85px;
    padding: 0 0 7px 0;
}

#table-overview div.table-header .debtor,
#table-overview div.table-container div.row .debtor {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#table-overview div.table-header .amount {
    float: left;
    width: 115px;
    text-align: right;
    padding: 0 0 8px 0;
}

#table-overview div.table-container div.row .amount {
    float: left;
    width: 68px;
    text-align: right;
    padding: 0 0 8px 0;
}

#table-overview div.table-container div.row .currency {
    float: left;
    width: 22px;
    margin-left: 25px;
    padding: 0 0 8px 0;
}


/* Orders
-----------------------------------------------------------------------------*/
#orders div.table-header .dossier,
#orders div.table-container div.row .dossier {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#orders div.table-header .dossier.withoutordernumber,
#orders div.table-container div.row .dossier.withoutordernumber {
    margin-left: 30px;
}

#orders div.table-header .ordernumber,
#orders div.table-container div.row .ordernumber {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#orders div.table-header .date,
#orders div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

#orders div.table-header .company,
#orders div.table-container div.row .company {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#orders div.table-header .companycontact,
#orders div.table-container div.row .companycontact {
    float: left;
    width: 110px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#orders div.table-header .clientreference,
#orders div.table-container div.row .clientreference {
    float: left;
    width: 105px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#orders div.table-header .port,
#orders div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#orders div.table-header .etseta,
#orders div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#orders div.table-header .type,
#orders div.table-container div.row .type {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#orders div.table-header .releaseto,
#orders div.table-container div.row .releaseto {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#orders div.table-header .releaseto.forwarder,
#orders div.table-container div.row .releaseto.forwarder {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#orders div.table-header .releaseto.incoming,
#orders div.table-container div.row .releaseto.incoming {
    float: left;
    width: 85px;
    padding: 0 0 7px 0;
}

#orders div.table-header .vessel,
#orders div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#orders div.table-header .ponumber,
#orders div.table-container div.row .ponumber,
#orders div.table-header .skunumber,
#orders div.table-container div.row .skunumber {
    float: left;
    width: 100px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#orders div.table-container div.row .noresults {
    float: left;
    width: 787px;
    padding: 0 0 8px 0;
    margin-left: 30px;
}

#orders div.table-container div.row .containers {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
}

#orders div.table-container div.row .containers p {
    padding: 0px;
}

#orders div.table-container div.row .noresults {
    float: left;
    width: 787px;
    padding: 0 0 8px 0;
    margin-left: 30px;
}

#orders div.table-container div.row.summedtotals {
    background-color: #e7e7e7;
}

#orders div.table-container div.row .totals {
    float: left;
    width: 220px;
    margin-left: 410px;
    padding: 0 0 8px 0;
    font-weight: bold;
}


/* Orders (Tab in Quotation)
-----------------------------------------------------------------------------*/
#tab-orders div.table-header .dossier,
#tab-orders div.table-container div.row .dossier {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#tab-orders div.table-header .date,
#tab-orders div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    width: 75px;
    padding: 0 0 8px 0;
}

#tab-orders div.table-header .clientreference,
#tab-orders div.table-container div.row .clientreference {
    float: left;
    width: 110px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#tab-orders div.table-header .port,
#tab-orders div.table-container div.row .port {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#tab-orders div.table-header .etseta,
#tab-orders div.table-container div.row .etseta {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}


/* Quotations
-----------------------------------------------------------------------------*/
#quotations div.table-header .date,
#quotations div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
}

#quotations div.table-header .company,
#quotations div.table-container div.row .company {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#quotations div.table-header .companycontact,
#quotations div.table-container div.row .companycontact {
    float: left;
    width: 180px;
    padding: 0 10px 8px 0;
}

#quotations div.table-header .clientreference,
#quotations div.table-container div.row .clientreference {
    float: left;
    width: 110px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#quotations div.table-header .port,
#quotations div.table-container div.row .port {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#quotations div.table-header .tradetype,
#quotations div.table-container div.row .tradetype {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#quotations div.table-header .quotationtype,
#quotations div.table-container div.row .quotationtype {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#quotations div.table-header .quotereference,
#quotations div.table-container div.row .quotereference {
    float: left;
    margin-left: 30px;
    width: 80px;
}

#quotations div.table-header .week,
#quotations div.table-container div.row .week {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}


/* Quotations - File
-----------------------------------------------------------------------------*/
#tab-quotationfile div.table-header .date,
#tab-quotationfile div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    width: 75px;
}

#tab-quotationfile div.table-header .visibility,
#tab-quotationfile div.table-container div.row .visibility {
    float: left;
    width: 21px;
    height: 16px;
    margin-top: 2px;
}

#tab-quotationfile div.table-header .filetype,
#tab-quotationfile div.table-container div.row .filetype {
    float: left;
    width: 110px;
    padding-bottom: 8px;
}

#tab-quotationfile div.table-header .filename,
#tab-quotationfile div.table-container div.row .filename {
    float: left;
    width: 250px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}


/* Dossier Exchange Rates
-----------------------------------------------------------------------------*/
#exchangerates.generate {
    margin-top: 25px;
}

#exchangerates div.overviewtitle:first-child {
    padding-top: 15px;
}

#exchangerates h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

#exchangerates div.table-header .dossier,
#exchangerates div.table-container div.row .dossier {
    float: left;
    width: 80px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#exchangerates div.table-header .currencyfrom,
#exchangerates div.table-container div.row .currencyfrom {
    float: left;
    width: 70px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#exchangerates.changehistory div.table-header .currencyfrom,
#exchangerates.changehistory div.table-container div.row .currencyfrom {
    margin-left: 30px;
}

#exchangerates div.table-header .currencyto,
#exchangerates div.table-container div.row .currencyto {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#exchangerates div.table-header .rate,
#exchangerates div.table-container div.row .rate {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

#exchangerates div.table-header .editrate {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

#exchangerates div.table-container div.row .editrate {
    float: left;
    width: 110px;
    margin-top: -1px;
    padding: 0 0 3px 0;
    line-height: normal !important;
}


/* Dossier Balances (Reports)
-----------------------------------------------------------------------------*/
#dossierbalances div.table-header .dossier,
#dossierbalances div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 65px;
    padding-bottom: 8px;
}

#dossierbalances div.table-header .company,
#dossierbalances div.table-container div.row .company {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#dossierbalances div.table-header .totalrevenue,
#dossierbalances div.table-container div.row .totalrevenue {
    float: left;
    width: 85px;
    text-align: right;
    padding: 0 0 8px 0;
}

#dossierbalances div.table-header .totalcosts,
#dossierbalances div.table-container div.row .totalcosts {
    float: left;
    width: 90px;
    text-align: right;
    padding: 0 0 8px 0;
}

#dossierbalances div.table-header .invoicebalance {
    float: left;
    width: 77px;
    text-align: right;
    padding: 0 18px 8px 0;
}

#dossierbalances div.table-container div.row .invoicebalance {
    float: left;
    text-align: right;
    padding-right: 18px;
    width: 77px;
}

#dossierbalances div.table-container div.row .invoicebalance.positive {
    background: url(../images/icon-positive.png) no-repeat right 2px;
    color: #47aa42;
}

#dossierbalances div.table-container div.row .invoicebalance.negative {
    background: url(../images/icon-negative.png) no-repeat right 2px;
    color: #bd1818;
}

#dossierbalances div.table-header .tariffbalance,
#dossierbalances div.table-container div.row .tariffbalance {
    float: left;
    width: 85px;
    text-align: right;
    padding: 0 0 8px 0;
}

#dossierbalances div.table-header .difference,
#dossierbalances div.table-container div.row .difference {
    float: left;
    width: 80px;
    text-align: right;
    padding: 0 0 8px 0;
}

#dossierbalances div.table-header .remarks {
    float: left;
    width: 60px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#dossierbalances div.table-container div.row .remarks {
    float: left;
    width: 40px;
    margin-left: 15px;
    padding: 0 0 7px 20px;
    background: url(../images/icon-remarks.png) 0 3px no-repeat;
}

#dossierbalances div.table-header .status {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#dossierbalances div.table-container div.row .status {
    float: left;
    width: 100px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group-dossiers.png) 0 3px no-repeat;
}

#dossierbalances div.table-container div.row .status.open {
    background-position: 0 3px;
}

#dossierbalances div.table-container div.row .status.readyforinvoice {
    background-position: 0 -47px;
}

#dossierbalances div.table-container div.row .status.invoiced,
#dossierbalances div.table-container div.row .status.partialinvoiced {
    background-position: 0 -97px;
}

#dossierbalances div.table-container div.row .status.notinvoiced {
    background-position: 0 -147px;
}

#dossierbalances div.table-container div.row .status.closed {
    background-position: 0 -197px;
}

#dossierbalances div.table-container div.row .status.onhold,
#dossierbalances div.table-container div.row .status.clientonhold,
#dossierbalances div.table-container div.row .status.notarifflines {
    background-position: 0 -248px;
    position: relative;
}

#dossierbalances div.table-container div.row .status.cancelled {
    background-position: 0 -297px;
}

#dossierbalances div.table-container div.row.summedtotals {
    background-color: #e7e7e7;
    font-weight: bold;
}

#dossierbalances div.table-container div.row .totals {
    float: left;
    margin-left: 30px;
    width: 115px;
    padding: 0 0 8px 0;
}

#dossierbalances div.table-container div.row .noresults {
    float: left;
    margin-left: 30px;
    width: 786px;
    padding: 0 0 8px 0;
}


/* ETS Checklist
-----------------------------------------------------------------------------*/
#etschecklist div.table-header .dossier,
#etschecklist div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#etschecklist div.table-header .company,
#etschecklist div.table-container div.row .company {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#etschecklist div.table-header .carrier,
#etschecklist div.table-container div.row .carrier {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#etschecklist div.table-header .vessel,
#etschecklist div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
}

#etschecklist div.table-header .port,
#etschecklist div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#etschecklist div.table-header .etseta,
#etschecklist div.table-container div.row .etseta {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#etschecklist div.table-header .roe,
#etschecklist div.table-container div.row .roe {
    float: left;
    width: 130px;
    padding: 0 0 8px 0;
}

#etschecklist div.table-container div.row .roe span {
    color: #888888;
}

#etschecklist div.table-header .sistatus {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#etschecklist div.table-container div.row .sistatus {
    float: left;
    width: 80px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#etschecklist div.table-container div.row .sistatus.allconfirmed {
    background-position: 0 -99px;
}

#etschecklist div.table-container div.row .sistatus.none {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
    background: none;
}

#etschecklist div.table-header .dossierstatus {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#etschecklist div.table-container div.row .dossierstatus {
    float: left;
    width: 100px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group-dossiers.png) 0 3px no-repeat;
}

#etschecklist div.table-container div.row .dossierstatus.open {
    background-position: 0 3px;
}

#etschecklist div.table-container div.row .dossierstatus.readyforinvoice {
    background-position: 0 -47px;
}

#etschecklist div.table-container div.row .dossierstatus.invoiced,
#etschecklist div.table-container div.row .dossierstatus.partialinvoiced,
#etschecklist div.table-container div.row .dossierstatus.clientreleased {
    background-position: 0 -97px;
}

#etschecklist div.table-container div.row .dossierstatus.notinvoiced {
    background-position: 0 -147px;
}

#etschecklist div.table-container div.row .dossierstatus.closed {
    background-position: 0 -197px;
}

#etschecklist div.table-container div.row .dossierstatus.onhold,
#etschecklist div.table-container div.row .dossierstatus.clientonhold,
#etschecklist div.table-container div.row .dossierstatus.notarifflines {
    background-position: 0 -248px;
    position: relative;
}

#etschecklist div.table-header .statusevents {
    float: left;
    width: 45px;
    padding: 0 0 7px 0;
}

#etschecklist div.table-container div.row .statusevents {
    float: left;
    width: 25px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#etschecklist div.table-container div.row .statusevents.yes {
    background-position: 0 -99px;
}

#etschecklist div.table-container div.row .statusevents.no {
    background-position: 0 1px;
}


/* ETA Checklist
-----------------------------------------------------------------------------*/
#etachecklist div.table-header .dossier,
#etachecklist div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#etachecklist div.table-header .company,
#etachecklist div.table-container div.row .company {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#etachecklist div.table-header .carrier,
#etachecklist div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#etachecklist div.table-header .vessel,
#etachecklist div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
}

#etachecklist div.table-header .port,
#etachecklist div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#etachecklist div.table-header .etseta,
#etachecklist div.table-container div.row .etseta {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#etachecklist div.table-header .carrierbookingnumber,
#etachecklist div.table-container div.row .carrierbookingnumber {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
}

#etachecklist div.table-header .arrivalrelease {
    float: left;
    width: 110px;
    padding: 0 0 7px 0;
}

#etachecklist div.table-container div.row .arrival,
#etachecklist div.table-container div.row .release {
    float: left;
    width: 35px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#etachecklist div.table-container div.row .arrival.yes,
#etachecklist div.table-container div.row .release.yes {
    background-position: 0 -99px;
}

#etachecklist div.table-container div.row .arrival.no,
#etachecklist div.table-container div.row .release.no {
    background-position: 0 1px;
}

#etachecklist div.table-header .dossierstatus {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#etachecklist div.table-container div.row .dossierstatus {
    float: left;
    width: 100px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group-dossiers.png) 0 3px no-repeat;
}

#etachecklist div.table-container div.row .dossierstatus.open {
    background-position: 0 3px;
}

#etachecklist div.table-container div.row .dossierstatus.readyforinvoice {
    background-position: 0 -47px;
}

#etachecklist div.table-container div.row .dossierstatus.invoiced,
#etachecklist div.table-container div.row .dossierstatus.partialinvoiced,
#etachecklist div.table-container div.row .dossierstatus.clientreleased {
    background-position: 0 -97px;
}

#etachecklist div.table-container div.row .dossierstatus.notinvoiced {
    background-position: 0 -147px;
}

#etachecklist div.table-container div.row .dossierstatus.closed {
    background-position: 0 -197px;
}

#etachecklist div.table-container div.row .dossierstatus.onhold,
#etachecklist div.table-container div.row .dossierstatus.clientonhold,
#etachecklist div.table-container div.row .dossierstatus.notarifflines {
    background-position: 0 -248px;
    position: relative;
}

#etachecklist div.table-header .statusevents {
    float: left;
    width: 45px;
    padding: 0 0 7px 0;
}

#etachecklist div.table-container div.row .statusevents {
    float: left;
    width: 25px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#etachecklist div.table-container div.row .statusevents.yes {
    background-position: 0 -99px;
}

#etachecklist div.table-container div.row .statusevents.no {
    background-position: 0 1px;
}


/* Client ETS/ETA Checklist
-----------------------------------------------------------------------------*/
#clientetsetachecklist div.table-header .dossier,
#clientetsetachecklist div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#clientetsetachecklist div.table-header .clientreference,
#clientetsetachecklist div.table-container div.row .clientreference {
    float: left;
    width: 110px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#clientetsetachecklist div.table-header .releaseto,
#clientetsetachecklist div.table-container div.row .releaseto {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#clientetsetachecklist div.table-header .port,
#clientetsetachecklist div.table-container div.row .port {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#clientetsetachecklist div.table-header .ets,
#clientetsetachecklist div.table-container div.row .ets,
#clientetsetachecklist div.table-header .eta,
#clientetsetachecklist div.table-container div.row .eta {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#clientetsetachecklist div.table-header .blnumber,
#clientetsetachecklist div.table-container div.row .blnumber {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#clientetsetachecklist div.table-header .dossiertype,
#clientetsetachecklist div.table-container div.row .dossiertype {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#clientetsetachecklist div.table-container div.row .noresults {
    float: left;
    margin-left: 30px;
    width: 787px;
    padding-bottom: 8px;
}


/* Container Volumes (Reports)
-----------------------------------------------------------------------------*/
#containervolumes div.table-header .date,
#containervolumes div.table-container div.row .date {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
    margin-left: 30px;
}

#containervolumes div.table-header .dossier,
#containervolumes div.table-container div.row .dossier {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#containervolumes div.table-header .client,
#containervolumes div.table-container div.row .client {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#containervolumes div.table-header .carrier,
#containervolumes div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#containervolumes div.table-header .dossiertype,
#containervolumes div.table-container div.row .dossiertype {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#containervolumes div.table-header .port,
#containervolumes div.table-container div.row .port {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#containervolumes div.table-header .etseta,
#containervolumes div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#containervolumes div.table-header .containers,
#containervolumes div.table-container div.row .containers {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
}

#containervolumes div.table-container div.row .containers p {
    padding: 0px;
}

#containervolumes div.table-container div.row .noresults {
    float: left;
    width: 787px;
    padding: 0 0 8px 0;
    margin-left: 30px;
}

#containervolumes div.table-container div.row.summedtotals {
    background-color: #e7e7e7;
}

#containervolumes div.table-container div.row .totals {
    float: left;
    width: 220px;
    margin-left: 410px;
    padding: 0 0 8px 0;
    font-weight: bold;
}


/* Package Volumes (Reports)
-----------------------------------------------------------------------------*/
#packagevolumes div.table-header .date,
#packagevolumes div.table-container div.row .date {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
    margin-left: 30px;
}

#packagevolumes div.table-header .dossier,
#packagevolumes div.table-container div.row .dossier {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#packagevolumes div.table-header .client,
#packagevolumes div.table-container div.row .client {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#packagevolumes div.table-header .carrier,
#packagevolumes div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#packagevolumes div.table-header .dossiertype,
#packagevolumes div.table-container div.row .dossiertype {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#packagevolumes div.table-header .port,
#packagevolumes div.table-container div.row .port {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#packagevolumes div.table-header .etseta,
#packagevolumes div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#packagevolumes div.table-header .packages,
#packagevolumes div.table-container div.row .packages {
    float: left;
    width: 140px;
    padding: 0 10px 8px 0;
}

#packagevolumes div.table-container div.row .packages p {
    padding: 0px;
}

#packagevolumes div.table-container div.row .noresults {
    float: left;
    width: 787px;
    padding: 0 0 8px 0;
    margin-left: 30px;
}

#packagevolumes div.table-container div.row.summedtotals {
    background-color: #e7e7e7;
}

#packagevolumes div.table-container div.row .totals {
    float: left;
    width: 220px;
    margin-left: 430px;
    padding: 0 0 8px 0;
    font-weight: bold;
}


/* Container Volumes per client (Reports)
-----------------------------------------------------------------------------*/
#containervolumes-perclient div.table-header .company,
#containervolumes-perclient div.table-container div.row .company {
    float: left;
    width: 300px;
    padding: 0 10px 8px 0;
    margin-left: 15px;
}

#containervolumes-perclient div.table-header .companycode,
#containervolumes-perclient div.table-container div.row .companycode {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#containervolumes-perclient div.table-header .date,
#containervolumes-perclient div.table-container div.row .date {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#containervolumes-perclient div.table-header .containers,
#containervolumes-perclient div.table-container div.row .containers {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
}

#containervolumes-perclient div.table-container div.row .containers p {
    padding: 0px;
}

#containervolumes-perclient div.table-container div.row .noresults {
    float: left;
    width: 802px;
    padding: 0 0 8px 0;
    margin-left: 15px;
}


/* Package Volumes per client (Reports)
-----------------------------------------------------------------------------*/
#packagevolumes-perclient div.table-header .company,
#packagevolumes-perclient div.table-container div.row .company {
    float: left;
    width: 300px;
    padding: 0 10px 8px 0;
    margin-left: 15px;
}

#packagevolumes-perclient div.table-header .companycode,
#packagevolumes-perclient div.table-container div.row .companycode {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#packagevolumes-perclient div.table-header .date,
#packagevolumes-perclient div.table-container div.row .date {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#packagevolumes-perclient div.table-header .packages,
#packagevolumes-perclient div.table-container div.row .packages {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
}

#packagevolumes-perclient div.table-container div.row .packages p {
    padding: 0px;
}

#packagevolumes-perclient div.table-container div.row .noresults {
    float: left;
    width: 802px;
    padding: 0 0 8px 0;
    margin-left: 15px;
}


/* Draft B/L Processing
-----------------------------------------------------------------------------*/
#draftprocessing div.table-header .dossier,
#draftprocessing div.table-container div.row .dossier {
    float: left;
    width: 70px;
    padding-bottom: 8px;
}

#draftprocessing div.table-header .dossier.first,
#draftprocessing div.table-container div.row .dossier.first {
    margin-left: 30px;
}

#draftprocessing div.table-header .date,
#draftprocessing div.table-container div.row .date {
    float: left;
    width: 70px;
    padding-bottom: 8px;
    margin-left: 30px;
}

#draftprocessing div.table-header .company,
#draftprocessing div.table-container div.row .company {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#draftprocessing div.table-header .companycontact,
#draftprocessing div.table-container div.row .companycontact {
    float: left;
    width: 80px;
    padding: 0 10 8px 0;
    word-wrap: break-word;
}

#draftprocessing div.table-header .reference,
#draftprocessing div.table-container div.row .reference {
    float: left;
    width: 140px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#draftprocessing div.table-header .clientreference,
#draftprocessing div.table-container div.row .clientreference {
    float: left;
    width: 110px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#draftprocessing div.table-header .vessel,
#draftprocessing div.table-container div.row .vessel {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#draftprocessing div.table-header .blnumber,
#draftprocessing div.table-container div.row .blnumber {
    float: left;
    width: 130px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#draftprocessing div.table-header .carrier,
#draftprocessing div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#draftprocessing div.table-header .port,
#draftprocessing div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#draftprocessing div.table-header .ets,
#draftprocessing div.table-container div.row .ets {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#draftprocessing div.table-header .draft,
#draftprocessing div.table-container div.row .draft {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#draftprocessing div.table-header .matching {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#draftprocessing div.table-container div.row .matching {
    float: left;
    width: 60px;
    padding: 0 0 7px 20px;
    font-weight: bold;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#draftprocessing div.table-container div.row .matching div.tooltip span {
    right: -10px;
    left: auto;
}

#draftprocessing div.table-container div.row .matching.high {
    background-position: 0 -99px;
    color: #166512;
}

#draftprocessing div.table-container div.row .matching.high div.tooltip span {
    background-color: #c9fdc6;
    border: 1px solid #47aa42;
    color: #166512;
}

#draftprocessing div.table-container div.row .matching.medium {
    background-position: 0 -248px;
    color: #b89000;
}

#draftprocessing div.table-container div.row .matching.medium div.tooltip span {
    background-color: #ffffd8;
    border: 1px solid #dac602;
    color: #b89000;
}

#draftprocessing div.table-container div.row .matching.low {
    background-position: 0 -198px;
    color: #bd1818;
}

#draftprocessing div.table-container div.row .matching.low div.tooltip span {
    background-color: #ffe4e4;
    border: 1px solid #bd1818;
    color: #bd1818;
}

#draftprocessing div.table-header .billoflading {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#draftprocessing div.table-container div.row .billoflading {
    float: left;
    width: 40px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#draftprocessing div.table-container div.row .billoflading div.tooltip span {
    right: -10px;
    left: auto;
}

#draftprocessing div.table-container div.row .billoflading.yes {
    background-position: 0 -99px;
}

#draftprocessing div.table-container div.row .billoflading.no {
    background-position: 0 1px;
}

#draftprocessing div.table-header .processed {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#draftprocessing div.table-container div.row .processed {
    float: left;
    width: 60px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#draftprocessing div.table-container div.row .processed.yes {
    background-position: 0 -99px;
}

#draftprocessing div.table-container div.row .processed.no {
    background-position: 0 1px;
}


/* Draft B/L Processing - Uploaded Drafts
-----------------------------------------------------------------------------*/
#uploadeddrafts div.table-header .carrier,
#uploadeddrafts div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
    margin-left: 30px;
}

#uploadeddrafts div.table-header .company,
#uploadeddrafts div.table-container div.row .company {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#uploadeddrafts div.table-header .companycontact,
#uploadeddrafts div.table-container div.row .companycontact {
    float: left;
    width: 140px;
    padding: 0 10 8px 0;
    word-wrap: break-word;
}

#uploadeddrafts div.table-header .filename,
#uploadeddrafts div.table-container div.row .filename {
    float: left;
    width: 230px;
    padding: 0 10 8px 0;
    word-wrap: break-word;
}

#uploadeddrafts div.table-header .processingstatus {
    float: left;
    width: 230px;
    padding: 0 0 8px 0;
}

#uploadeddrafts div.table-container div.row .processingstatus {
    float: left;
    width: 210px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#uploadeddrafts div.table-container div.row .processingstatus.error {
    background-position: 0 -249px;
}

#uploadeddrafts div.table-container div.row .processingstatus.notprocessed {
    background-position: 0 1px;
}


/* B/L Files
-----------------------------------------------------------------------------*/
.blfiles {
    margin-top: 10px;
}

.blfiles div.table-header .date,
.blfiles div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    width: 75px;
}

.blfiles div.table-header .visibility,
.blfiles div.table-container div.row .visibility {
    float: left;
    width: 21px;
    height: 16px;
    margin-top: 2px;
}

.blfiles div.table-header .filetype,
.blfiles div.table-container div.row .filetype {
    float: left;
    width: 80px;
    padding-bottom: 8px;
}

.blfiles div.table-header .description,
.blfiles div.table-container div.row .description {
    float: left;
    width: 250px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

.blfiles div.table-header .filename,
.blfiles div.table-container div.row .filename {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

.blfiles div.table-header .blnumber,
.blfiles div.table-container div.row .blnumber {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

.blfiles div.table-container div.row .nofile {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* B/L Corrections
-----------------------------------------------------------------------------*/
.blcorrections div.table-header .section,
.blcorrections div.table-container div.row .section {
    float: left;
    margin-left: 30px;
    width: 140px;
    padding: 0 10px 8px 0;
}

.blcorrections div.table-header .section.toggled,
.blcorrections div.table-container div.row .section.toggled {
    margin-left: 30px;
}

.blcorrections div.table-header .description,
.blcorrections div.table-container div.row .description {
    float: left;
    width: 380px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

.blcorrections div.table-header .description.toggled,
.blcorrections div.table-container div.row .description.toggled {
    width: 365px;
}

.blcorrections div.table-header .nocorrections,
.blcorrections div.table-container div.row .nocorrections {
    float: left;
    margin-left: 15px;
    width: 560px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

.blcorrections div.table-header .nocorrections.toggled,
.blcorrections div.table-container div.row .nocorrections.toggled {
    margin-left: 30px;
    width: 545px;
}


/* Draft B/L Processing - Search
-----------------------------------------------------------------------------*/
#draftblsearch div.table-header .lastupload,
#draftblsearch div.table-container div.row .lastupload {
    float: left;
    width: 80px;
    padding-bottom: 8px;
    margin-left: 30px;
}

#draftblsearch div.table-header .dossier,
#draftblsearch div.table-container div.row .dossier {
    float: left;
    width: 70px;
    padding-bottom: 8px;
}

#draftblsearch div.table-header .company,
#draftblsearch div.table-container div.row .company {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#draftblsearch div.table-header .reference,
#draftblsearch div.table-container div.row .reference {
    float: left;
    width: 140px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#draftblsearch div.table-header .carrier,
#draftblsearch div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#draftblsearch div.table-header .blnumber,
#draftblsearch div.table-container div.row .blnumber {
    float: left;
    width: 105px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#draftblsearch div.table-header .port,
#draftblsearch div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#draftblsearch div.table-header .draft,
#draftblsearch div.table-container div.row .draft {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#draftblsearch div.table-header .status,
#draftblsearch div.table-container div.row .status {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#draftblsearch div.table-header .status {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#draftblsearch div.table-container div.row .status {
    float: left;
    width: 80px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#draftblsearch div.table-container div.row .status div.tooltip span {
    right: -10px;
    left: auto;
}

#draftblsearch div.table-container div.row .status.uploaded {
    background-position: 0 -248px;
}

#draftblsearch div.table-container div.row .status.uploaded div.tooltip span {
    background-color: #ffffd8;
    border: 1px solid #dac602;
    color: #b89000;
}

#draftblsearch div.table-container div.row .status.approved {
    background-position: 0 -99px;
}

#draftblsearch div.table-container div.row .status.approved div.tooltip span {
    background-color: #c9fdc6;
    border: 1px solid #47aa42;
    color: #166512;
}


/* Texts and comments - Overview
-----------------------------------------------------------------------------*/
#textsandcomments div.table-header .texttype,
#textsandcomments div.table-container div.row .texttype {
    float: left;
    width: 100px;
    padding: 0 0 8px 0px;
    word-wrap: break-word;
    margin-left: 15px;
}

#textsandcomments div.table-header .description,
#textsandcomments div.table-container div.row .description {
    float: left;
    width: 570px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}


/* Texts and comments - General Texts Overview
-----------------------------------------------------------------------------*/
#textscomments-generaltexts div.table-header .generaltext,
#textscomments-generaltexts div.table-container div.row .generaltext {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0px;
    margin-left: 30px;
    word-wrap: break-word;
}

#textscomments-generaltexts div.table-header .clientenglish,
#textscomments-generaltexts div.table-container div.row .clientenglish {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0px;
    margin-left: 30px;
    word-wrap: break-word;
}

#textscomments-generaltexts div.table-header .description,
#textscomments-generaltexts div.table-container div.row .description {
    float: left;
    width: 240px;
    padding: 0 10px 8px 0px;
    margin-left: 30px;
    word-wrap: break-word;
}

#textscomments-generaltexts div.table-header .status {
    float: left;
    width: 60px;
}

#textscomments-generaltexts div.table-container div.row .status {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#textscomments-generaltexts div.table-container div.row .status.incomplete {
    background-position: 0 1px;
}

#textscomments-generaltexts div.table-container div.row .status.complete {
    background-position: 0 -99px;
}


/* Texts and comments - Clause lines Overview
-----------------------------------------------------------------------------*/
#textscomments-clauselines div.table-header .module,
#textscomments-clauselines div.table-container div.row .module {
    float: left;
    width: 125px;
    padding: 0 0 8px 0;
    margin-left: 30px;
    word-wrap: break-word;
}

#textscomments-clauselines div.table-header .clauseline,
#textscomments-clauselines div.table-container div.row .clauseline {
    float: left;
    width: 500px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#textscomments-clauselines div.table-header .status {
    float: left;
    width: 60px;
}

#textscomments-clauselines div.table-container div.row .status {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#textscomments-clauselines div.table-container div.row .status.incomplete {
    background-position: 0 1px;
}

#textscomments-clauselines div.table-container div.row .status.complete {
    background-position: 0 -99px;
}


/* Communication languages - Overview
-----------------------------------------------------------------------------*/
#communicationlanguages div.table-header .code,
#communicationlanguages div.table-container div.row .code {
    float: left;
    width: 50px;
    padding: 0 0 8px 0px;
    margin-left: 15px;
}

#communicationlanguages div.table-header .language {
    float: left;
    width: 360px;
}

#communicationlanguages div.table-container div.row .language {
    float: left;
    width: 337px;
    padding: 0 0 8px 23px;
    background: url(../images/language-group.png) no-repeat;
}

#communicationlanguages div.table-container div.row .language.dutch {
    background-position: 0 4px;
}

#communicationlanguages div.table-container div.row .language.english {
    background-position: 0 -36px;
}

#communicationlanguages div.table-container div.row .language.german {
    background-position: 0 -76px;
}

#communicationlanguages div.table-container div.row .language.italian {
    background-position: 0 -116px;
}

#communicationlanguages div.table-container div.row .language.french {
    background-position: 0 -156px;
}

#communicationlanguages div.table-container div.row .language.spanish {
    background-position: 0 -196px;
}

#communicationlanguages div.table-container div.row .language.portuguese {
    background-position: 0 -236px;
}

#communicationlanguages div.table-container div.row .language.danish {
    background-position: 0 -276px;
}

#communicationlanguages div.table-header .generaltexts {
    float: left;
    width: 140px;
}

#communicationlanguages div.table-container div.row .generaltexts {
    float: left;
    width: 120px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#communicationlanguages div.table-container div.row .generaltexts.incomplete {
    background-position: 0 1px;
}

#communicationlanguages div.table-container div.row .generaltexts.complete {
    background-position: 0 -99px;
}

#communicationlanguages div.table-header .active {
    float: left;
    width: 60px;
}

#communicationlanguages div.table-container div.row .active {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#communicationlanguages div.table-container div.row .active.no {
    background-position: 0 1px;
}

#communicationlanguages div.table-container div.row .active.yes {
    background-position: 0 -99px;
}

#communicationlanguages div.table-header .available {
    float: left;
    width: 145px;
}

#communicationlanguages div.table-container div.row .available {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#communicationlanguages div.table-container div.row .available.no {
    background-position: 0 1px;
}

#communicationlanguages div.table-container div.row .available.yes {
    background-position: 0 -99px;
}


/* Container and cargo extensions (Reefer, Hazmat, Out of Gauge)
-----------------------------------------------------------------------------*/
div.containercargo-extensions {
    width: 197px;
    display: inline-block;
    position: relative;
    padding: 3px 0 0 73px;
}

div.containercargo-extensions.hazmat {
    width: 270px;
    padding: 13px 0 0 0;
}

div.containercargo-extensions.directlybelow {
    width: 270px;
    padding: 3px 0 0 0;
}

div.fieldcontainer-autowidth div.containercargo-extensions.directlybelow {
    width: auto !important;
}

div.containercargo-extensions a {
    line-height: 22px;
    padding-left: 21px;
    display: inline-block;
    float: left;
}

div.containercargo-extensions a.hazmat {
    background: url(../images/icon-hazmat.png) 0 4px no-repeat;
}

div.containercargo-extensions a.reefer {
    background: url(../images/icon-reefer.png) 0 4px no-repeat;
}

div.containercargo-extensions a.outofgauge {
    background: url(../images/icon-outofgauge.png) 0 4px no-repeat;
}

div.containercargo-extensions a.add {
    background: url(../images/icon-add.png) 0 4px no-repeat;
}


/* Drag and drop files
-----------------------------------------------------------------------------*/
#dropcontainer {
    width: 600px;
    height: 93px;
    margin-top: 20px;
    position: relative;
}

#dropcontainer.nomargin {
    margin-top: 0px;
}

#dropcontainer div.dropbox {
    width: 590px;
    height: 83px;
    padding: 4px;
    border: 1px dashed #cccccc;
    position: relative;
    cursor: copy;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#dropcontainer div.dropbox:hover {
    border: 1px solid #cccccc;
}

#dropcontainer div.dropbox div.positioning {
    width: 588px;
    height: 81px;
    display: table-cell;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    vertical-align: middle;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
}

#dropcontainer div.dropbox:hover div.positioning {
    background-color: #f7f7f7;
    border: 1px dashed #cccccc;
}

#dropcontainer div.dropbox div.positioning h3 {
    color: #222222;
    font-size: 14px;
    font-weight: normal;
}

#dropcontainer div.dropbox:hover div.positioning h3 {
    color: #888888;
}

#dropcontainer div.loadingcontainer {
    position: absolute;
    width: 598px;
    height: 91px;
    left: 0px;
    top: 0px;
    border: 1px dashed #cccccc;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#dropcontainer div.loadingcontainer div.loader {
    background: url(../images/ajax-loader.gif) 7px 7px no-repeat #f7f7f7;
    height: 23px;
    border: 1px solid #cccccc;
    display: inline-block;
    font-size: 14px;
    padding: 8px 7px 7px 41px;
    margin-top: 26px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#uploadedfiles,
.uploadedfiles,
.previousfiles {
    margin-top: 20px;
}

#uploadedfiles div.table-header .file,
#uploadedfiles div.table-container div.row .file,
.uploadedfiles div.table-header .file,
.uploadedfiles div.table-container div.row .file,
.previousfiles div.table-header .file,
.previousfiles div.table-container div.row .file {
    float: left;
    width: 40px;
    padding: 0 0 8px 0px;
    margin-left: 15px;
}

#uploadedfiles div.table-header .filename,
#uploadedfiles div.table-container div.row .filename,
.uploadedfiles div.table-header .filename,
.uploadedfiles div.table-container div.row .filename,
.previousfiles div.table-header .filename,
.previousfiles div.table-container div.row .filename {
    float: left;
    width: 370px;
    padding: 0 20px 8px 0px;
    word-wrap: break-word;
}

#uploadedfiles div.table-header .filesize,
#uploadedfiles div.table-container div.row .filesize,
.uploadedfiles div.table-header .filesize,
.uploadedfiles div.table-container div.row .filesize,
.previousfiles div.table-header .filesize,
.previousfiles div.table-container div.row .filesize {
    float: left;
    width: 60px;
    padding: 0 0 8px 0px;
}


/* Wider overviews
-----------------------------------------------------------------------------*/
#contentwrapper .contentcontainer .right.wider {
    width: 882px;
}

#content.right.wider div.header {
    width: 857px;
    background: url(../images/custom/content-header-wider.png) no-repeat;
}

#content.right.wider div.background {
    background: url(../images/content-background-wider.png) repeat-y;
    width: 832px;
}

#content.right.wider div.footer {
    width: 882px;
    background: url(../images/content-footer-wider.png) top no-repeat;
}

#content.right.wider div.footer.form {
    background: url(../images/content-footer-form-wider.png) top no-repeat;
}

#content.right.wider div.pagingcontainer {
    width: 830px;
}

#content.right.wider div.table-header {
    width: 832px;
    background: url(../images/custom/table-header-wider.png) no-repeat #ffffff;
}

#content.right.wider div.table-container,
#content.right.wider div.table-container-selected {
    width: 832px;
}

#content.right.wider div.table-container div.row,
#content.right.wider div.table-container-selected div.row {
    width: 832px;
}

#content.right.wider div.table-container div.loader {
    width: 832px;
}

#content.right.wider div.disclaimer {
    width: 857px;
}

#content.right.wider div.table-container .toggle-overview-container {
    width: 832px;
}

#content.right.wider div.table-container .toggle-overview-container div.row {
    width: 812px;
}

#content.right.wider div.table-container .toggle-overview-container div.row .title {
    width: 126px;
}

#content.right.wider div.table-container .toggle-overview-container div.row .value {
    width: 661px;
    padding-right: 15px;
}

#content.right.wider div.table-container .toggle-overview-container div.row .value span {
    color: #888888;
}

#content.right.wider div.table-container .toggle-overview-container div.row .value.column {
    width: 255px;
}

#content.right.wider div.sendlist-selector {
    width: 832px;
}

#content.right.wider div.footer.sendlist {
    background: url(../images/content-footer-sendlist-wider.png) top no-repeat;
}

#content.right.wider div.footer.sendlist div.notification {
    width: 305px;
}

#content.right.wider div.footer.sendlist div.notification.suppliercontact {
    width: 415px;
}

#content.right.wider div.footer.sendlist div.notification.creditorcontact {
    width: 429px;
}

#content.right.wider div.footer.sendlist div.notification.second.suppliercontact {
    width: 273px;
}

#content.right.wider div.footer.sendlist div.notification.button {
    width: 222px;
}

#content.right.wider div.footer.sendlist div.notification.button.suppliercontact {
    width: 140px;
}

#content.right.wider div.footer.sendlist div.notification p {
    width: 305px;
}

#content.right.wider .textfield.sendlist {
    width: 265px;
}

#content.right.wider div.confirmation,
#content.right.wider div.submit-validation,
#content.right.wider div.warning {
    width: 806px;
}

#searchbox.wider {
    width: 832px;
}

#searchbox.wider h2 {
    width: 832px;
}

#searchbox.wider div.container {
    width: 830px;
}

#searchbox.wider div.container div.inner {
    width: 802px;
}

#searchbox.wider div.container div.inner .left.wider {
    width: 300px;
}

#searchbox.wider div.container div.inner .left.reports div.buttons {
    width: 801px;
}

#searchbox.wider div.container div.inner .left.reports div.buttons.half,
#searchbox.wider div.container div.inner .left div.buttons.half {
    width: 300px;
    padding: 15px 0 5px 0;
}

#searchbox.wider div.container div.inner .left.reports div.buttons.half input.button.searchbox,
#searchbox.wider div.container div.inner .left div.buttons.half input.button.searchbox,
#searchbox.wider div.container div.inner .left.reports div.buttons.half a.button.searchbox,
#searchbox.wider div.container div.inner .left div.buttons.half a.button.searchbox {
    float: left;
    margin: 0 10px 10px 0;
}

#searchbox.wider div.container div.inner .right {
    float: left;
    padding-left: 30px;
}

#searchbox.wider div.container div.inner .right.withmargin {
    padding-bottom: 15px;
}

#searchbox.wider div.container div.inner .right.wider {
    width: 470px;
}

#searchbox.wider div.container div.inner .right.wider ul.checkboxgroup li {
    width: 150px;
}

#searchbox.wider div.container div.inner .right.wider ul.checkboxgroup.small li,
#searchbox.wider div.container div.inner .left ul.checkboxgroup.small li {
    width: 70px;
}

#searchbox.wider div.container div.inner .right.wider ul.checkboxgroup.small li label.checkboxvalue,
#searchbox.wider div.container div.inner .left ul.checkboxgroup.small li label.checkboxvalue {
    width: 52px;
}

#searchbox.wider div.container div.inner .right.wider ul.checkboxgroup.twocolumn {
    display: inline-block;
    padding: 0 0 8px 0;
}

#searchbox.wider div.container div.inner .right.wider ul.checkboxgroup.twocolumn li {
    width: 225px;
}

#searchbox.wider div.container div.inner .right.wider ul.checkboxgroup.twocolumn li label.checkboxvalue {
    width: 207px;
}

#searchbox.wider div.container div.inner .right.wider ul.checkboxgroup.threecolumn {
    display: inline-block;
    padding: 0 0 8px 0;
}

#searchbox.wider div.container div.inner .right.wider ul.checkboxgroup.threecolumn li {
    width: 150px;
}

#searchbox.wider div.container div.inner .right.wider ul.checkboxgroup.threecolumn li label.checkboxvalue {
    width: 132px;
}

#searchbox.wider div.container div.inner .right.wider ul.checkboxgroup.fourcolumn {
    display: inline-block;
    padding: 0 0 8px 0;
}

#searchbox.wider div.container div.inner .right.wider ul.checkboxgroup.fourcolumn li {
    width: 110px;
}

#searchbox.wider div.container div.inner .right.wider ul.checkboxgroup.fourcolumn li label.checkboxvalue {
    width: 92px;
}

#searchbox.wider div.container div.inner .right.widest {
    width: 500px;
}

#searchbox.wider div.container div.inner .right.widest ul.checkboxgroup {
    width: 230px;
    display: inline-block;
    padding-bottom: 10px;
}

#searchbox.wider div.container div.inner .right.widest ul.checkboxgroup.first {
    padding-bottom: 4px;
}

#searchbox.wider div.container div.inner .right.widest ul.checkboxgroup li {
    width: 115px;
}

#searchbox.wider div.container div.inner .right.widest ul.checkboxgroup li label.checkboxvalue {
    width: 97px;
}

#searchbox.wider div.container div.inner .right.widest ul.checkboxgroup.fullwidth {
    width: 460px;
}

#searchbox.wider div.container div.inner .right.widest ul.checkboxgroup.fullwidth.first {
    padding-bottom: 0px;
    margin-bottom: -5px;
}

/*
#searchbox.wider div.container div.inner .right.widest ul.checkboxgroup li {
    width: 230px;
}

#searchbox.wider div.container div.inner .right.widest ul.checkboxgroup li label.checkboxvalue {
    width: 212px;
}
*/

/* Feedback
-----------------------------------------------------------------------------*/
#feedbackoverview div.table-header .lastnotereply,
#feedbackoverview div.table-container div.row .lastnotereply {
    float: left;
    width: 125px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#feedbackoverview div.table-header .subject,
#feedbackoverview div.table-container div.row .subject {
    float: left;
    width: 270px;
    padding: 0 10px 8px 0;
}

#feedbackoverview div.table-header .jiraticketnumber,
#feedbackoverview div.table-container div.row .jiraticketnumber {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#feedbackoverview div.table-header .feedbackby,
#feedbackoverview div.table-container div.row .feedbackby {
    float: left;
    width: 110px;
    padding: 0 10px 8px 0;
}

#feedbackoverview div.table-header .date,
#feedbackoverview div.table-container div.row .date {
    float: left;
    width: 125px;
    padding: 0 0 8px 0;
}

#feedbackoverview div.table-header .replystatus {
    float: left;
    width: 100px;
}

#feedbackoverview div.table-container div.row .replystatus {
    float: left;
    width: 80px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#feedbackoverview div.table-container div.row .replystatus.notreplied {
    background-position: 0 1px;
}

#feedbackoverview div.table-container div.row .replystatus.system {
    background-position: 0 -49px;
}

#feedbackoverview div.table-container div.row .replystatus.replied {
    background-position: 0 -99px;
}

#feedbackoverview div.table-container div.row .replystatus.closed {
    background: url(../images/visibility-group.png) 0 1px no-repeat;
    background-position: 0 -49px;
}

#feedbackoverview div.table-header .displaystatus {
    float: left;
    width: 90px;
}

#feedbackoverview div.table-container div.row .displaystatus {
    float: left;
    width: 68px;
    padding-left: 22px;
    background: url(../images/visibility-group.png) 0 1px no-repeat;
}

#feedbackoverview div.table-container div.row .displaystatus.public {
    background-position: 0 1px;
}

#feedbackoverview div.table-container div.row .displaystatus.private {
    background-position: 0 -49px;
}

#feedbacksystemoverview div.table-header .lastnotereply,
#feedbacksystemoverview div.table-container div.row .lastnotereply {
    float: left;
    width: 120px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#feedbacksystemoverview div.table-header .id,
#feedbacksystemoverview div.table-container div.row .id {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

#feedbacksystemoverview div.table-header .subject,
#feedbacksystemoverview div.table-container div.row .subject {
    float: left;
    width: 225px;
    padding: 0 10px 8px 0;
}

#feedbacksystemoverview div.table-header .category,
#feedbacksystemoverview div.table-container div.row .category {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#feedbacksystemoverview div.table-header .jiraticketnumber,
#feedbacksystemoverview div.table-container div.row .jiraticketnumber {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#feedbacksystemoverview div.table-header .followup {
    float: left;
    width: 70px;
}

#feedbacksystemoverview div.table-container div.row .followup {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#feedbacksystemoverview div.table-container div.row .followup.no {
    background-position: 0 1px;
}

#feedbacksystemoverview div.table-container div.row .followup.yes {
    background-position: 0 -99px;
}

#feedbacksystemoverview div.table-header .replystatus {
    float: left;
    width: 100px;
}

#feedbacksystemoverview div.table-container div.row .replystatus {
    float: left;
    width: 80px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#feedbacksystemoverview div.table-container div.row .replystatus.notreplied {
    background-position: 0 1px;
}

#feedbacksystemoverview div.table-container div.row .replystatus.system {
    background-position: 0 -49px;
}

#feedbacksystemoverview div.table-container div.row .replystatus.replied {
    background-position: 0 -99px;
}

#feedbacksystemoverview div.table-container div.row .replystatus.closed {
    background: url(../images/visibility-group.png) 0 1px no-repeat;
    background-position: 0 -49px;
}

#feedbacksystemoverview div.table-header .displaystatus {
    float: left;
    width: 90px;
}

#feedbacksystemoverview div.table-container div.row .displaystatus {
    float: left;
    width: 68px;
    padding-left: 22px;
    background: url(../images/visibility-group.png) 0 1px no-repeat;
}

#feedbacksystemoverview div.table-container div.row .displaystatus.public {
    background-position: 0 1px;
}

#feedbacksystemoverview div.table-container div.row .displaystatus.private {
    background-position: 0 -49px;
}

#feedbackcontainer {
    width: 600px;
    position: relative;
    display: inline-block;
}

#feedbackcontainer div.feedback {
    width: 600px;
    position: relative;
    display: inline-block;
    margin-top: 15px;
}

#feedbackcontainer div.feedback:first-child {
    margin-top: 0px;
}

#feedbackcontainer div.feedback div.feedbackuser {
    width: 52px;
    height: 52px;
    padding: 5px;
    position: relative;
    float: left;
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#feedbackcontainer div.feedback.extra div.feedbackuser {
    float: right;
}

#feedbackcontainer div.feedback div.feedbackuser div.bullet {
    width: 6px;
    height: 11px;
    position: absolute;
    background: url(../images/feedback-bullet.png) -6px 0 no-repeat;
    top: 17px;
    right: -6px;
}

#feedbackcontainer div.feedback.extra div.feedbackuser div.bullet {
    background: url(../images/feedback-bullet.png) 0 0 no-repeat;
    left: -6px;
}

#feedbackcontainer div.feedback div.feedbackuser img {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#feedbackcontainer div.feedback div.feedbacktext {
    width: 489px;
    padding: 11px 15px 15px;
    float: right;
    border: 1px solid #cccccc;
    background-color: #f7f7f7;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#feedbackcontainer div.feedback.extra div.feedbacktext {
    float: left;
}

#feedbackcontainer div.feedback div.feedbacktext h2 {
    color: #888888;
    line-height: 18px;
    font-weight: normal;
    font-size: 11px;
}

#feedbackcontainer div.feedback div.feedbacktext h2.private {
    padding-left: 20px;
    background: url(../images/visibility-group.png) -2px -49px no-repeat;
}

#feedbackcontainer div.feedback div.feedbacktext h2.public {
    padding-left: 22px;
    background: url(../images/visibility-group.png) 0 1px no-repeat;
}

#feedbackcontainer div.feedback div.feedbacktext p {
    padding: 0px;
    word-wrap: break-word;
}

#feedbackcontainer div.feedback div.feedbacktext div.attachment {
    width: 467px;
    border-top: 1px solid #cccccc;
    display: inline-block;
    padding: 10px 0 0 22px;
    background: url(../images/icon-attachment.png) 0 11px no-repeat;
    margin-top: 18px;
    margin-bottom: -2px;
    line-height: 18px;
}

#feedbackcontainer div.feedback div.feedbacktext div.attachment span {
    color: #888888;
}

#feedbackcontainer div.feedback div.feedbacktext div.extratimer {
    width: 467px;
    border-top: 1px solid #cccccc;
    display: inline-block;
    padding: 10px 0 0 22px;
    background: url(../images/icon-time.png) 0 11px no-repeat;
    margin-top: 14px;
    margin-bottom: -2px;
    line-height: 18px;
}

#feedbackcontainer div.feedback div.feedbacktext div.extratimer p {
    width: auto;
    display: inline-block;
}

#feedbackcontainer div.feedback div.feedbacktext div.extratimer div.coins {
    float:  right;
    text-align: left;
    background: url(../images/icon-coin.png) left 1px no-repeat;
    padding-left: 22px;
}

#feedbackcontainer div.feedback div.feedbacktext div.recipients {
    width: 467px;
    border-top: 1px solid #cccccc;
    display: inline-block;
    padding: 10px 0 0 22px;
    background: url(../images/icon-sendmail.png) 0 11px no-repeat;
    margin-top: 14px;
    margin-bottom: -2px;
    line-height: 18px;
}

#feedbackcontainer div.feedback div.feedbacktext div.recipients p {
    width: auto;
    display: inline-block;
}

#feedbackcontainer div.feedback div.feedbacktext div.recipients p span {
    color: #888888;
}

#feedbackcontainer div.feedback div.feedbacktext a.edit {
    background: url(../images/button-icon-edit.png) 0 0 no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
}

#feedbackcontainer div.feedback div.feedbacktext a.edit:hover {
    background-position: 0 -25px;
}

#feedbackcontainer div.feedback div.feedbacktext a.delete {
    background: url(../images/button-delete-small.png) 0 0 no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 35px;
    top: 5px;
}

#feedbackcontainer div.feedback div.feedbacktext a.delete:hover {
    background-position: 0 -25px;
}


/* Message Queue
-----------------------------------------------------------------------------*/
#messagequeue div.table-header .datetime,
#messagequeue div.table-container div.row .datetime {
    float: left;
    width: 125px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#messagequeue div.table-header .messagetype,
#messagequeue div.table-container div.row .messagetype {
    float: left;
    width: 105px;
    padding: 0 10px 8px 0;
}

#messagequeue div.table-header .subject,
#messagequeue div.table-container div.row .subject {
    float: left;
    width: 200px;
    padding: 0 10px 8px 0;
}

#messagequeue div.table-header .to,
#messagequeue div.table-container div.row .to {
    float: left;
    width: 200px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#messagequeue div.table-header .log {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#messagequeue div.table-container div.row .log {
    float: left;
    width: 55px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#messagequeue div.table-container div.row .log.notsent {
    background-position: 0 1px;
}

#messagequeue div.table-container div.row .log.sent {
    background-position: 0 -99px;
}

#messagequeue div.table-container div.row .log.smtperror {
    background-position: 0 -198px;
    color: #bd1818;
    font-weight: bold;
}

#messagequeue div.table-container div.row .log.smtperror div.tooltip span {
    background-color: #ffe4e4;
    border: 1px solid #bd1818;
    color: #bd1818;
    right: -10px;
    left: auto;
    font-weight: bold;
}


/* Message Queue - View
-----------------------------------------------------------------------------*/
#messagequeue-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#messagequeue-container #content {
    height: 100%;
    float: left;
    width: 670px;
    overflow-y: scroll;
    padding-bottom: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#messagequeue-container #mailhtml {
    height: 100%;
    display: block;
    margin-left: 0px;
    border: none;
}


/* Help screens
-----------------------------------------------------------------------------*/
#help-overflowcontainer {
    max-height: 450px;
    padding: 5px 45px 0 0;
    display: inline-block;
    overflow-y: auto;
    width: 600px;
}

#help-overflowcontainer div.container.last {
    margin-bottom: 15px;
}

div.help-container div.background {
    padding: 0 25px !important;
}


/* Dossier - Slide legs
-----------------------------------------------------------------------------*/
a.slidelegs {
    line-height: 18px;
    font-weight: bold;
    text-decoration: none;
    background: url(../images/toggle-legs.png) right 18px no-repeat #f7f7f7;
    border: 1px solid #cccccc;
    color: #455560;
    border-radius: 5px;
    padding: 10px 14px 15px 14px;
    position: relative;
    width: 570px;
    display: block;
    cursor: pointer;
    margin-top: 5px;
}

a.slidelegs:hover {
    background-color: #f1f1f1;
}

a.slidelegs.active {
    background-position: right -32px;
    background-color: #f1f1f1;
}

a.slidelegs span {
    font-weight: normal;
    color: #888888;
}

div.container.toggle {
    margin-top: 5px;
}

div.multilegcontainer a.slidelegs:first-child {
    margin-top: 0px;
}


/* Sticky Overview Headers
-----------------------------------------------------------------------------*/
div#-sticky-wrapper {
    display: inline-block;
    position: relative;
    right: 0px;
    z-index: 1;
}

div#-sticky-wrapper.is-sticky {
    right: 0px;
}

div#-sticky-wrapper.is-sticky div.table-header {
    box-shadow: 0px 5px 15px #ffffff;
}


/* Multiple contact sendlist
-----------------------------------------------------------------------------*/
#viewcontactsandnotifications {
    background: url(../images/button-icon-view-delete.png) 0 0 no-repeat;
    cursor: help;
    display: block;
    float: left;
    height: 25px;
    position: relative;
    width: 25px;
    margin-left: 5px;
}

#viewcontactsandnotifications span {
    border-radius: 5px;
    bottom: 30px;
    display: none;
    left: 0;
    padding: 5px 10px 9px;
    position: absolute;
    white-space: nowrap;
    z-index: 10;
}

#viewcontactsandnotifications span p {
    height: auto !important;
    padding-bottom: 0 !important;
    width: auto !important;
}

#viewcontactsandnotifications:hover {
    background-position: 0 -25px;
}

#viewcontactsandnotifications:hover span {
    display: block;
}

a#addmorecontacts {
    float: left;
}


/* Created SI Status
-----------------------------------------------------------------------------*/
#createdsistatus div.table-header .dossier,
#createdsistatus div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

#createdsistatus div.table-header .sequence,
#createdsistatus div.table-container div.row .sequence {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

#createdsistatus div.table-header .carrier,
#createdsistatus div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#createdsistatus div.table-header .clientreference,
#createdsistatus div.table-container div.row .clientreference {
    float: left;
    width: 105px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#createdsistatus div.table-header .status {
    float: left;
    width: 160px;
}

#createdsistatus div.table-container div.row .status {
    float: left;
    width: 142px;
    padding: 0 0 8px 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#createdsistatus div.table-container div.row .status span, .amendstatus span {
    color: #888888;
}

#createdsistatus div.table-container div.row .status.incompleted {
    background-position: 0 1px;
}

#createdsistatus div.table-container div.row .status.completed {
    background-position: 0 -49px;
}

#createdsistatus div.table-container div.row .status.confirmed,
#createdsistatus div.table-container div.row .status.sent {
    background-position: 0 -99px;
}

#createdsistatus div.table-container div.row .status.closed {
    background-position: 0 -148px;
}

#createdsistatus div.table-container div.row .status.declined,
#createdsistatus div.table-container div.row .status.canceled {
    background-position: 0 -198px;
}


/* SI Checklist
-----------------------------------------------------------------------------*/
#sichecklist div.table-header .dossier,
#sichecklist div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#sichecklist div.table-header .client,
#sichecklist div.table-container div.row .client {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#sichecklist div.table-header .carrier,
#sichecklist div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#sichecklist div.table-header .vessel,
#sichecklist div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
}

#sichecklist div.table-header .tradetype,
#sichecklist div.table-container div.row .tradetype {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#sichecklist div.table-header .port,
#sichecklist div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#sichecklist div.table-header .ets,
#sichecklist div.table-container div.row .ets {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#sichecklist div.table-header .closing,
#sichecklist div.table-container div.row .closing {
    float: left;
    width: 125px;
    padding: 0 0 8px 0;
}

#sichecklist div.table-header .sistatus {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#sichecklist div.table-container div.row .sistatus {
    float: left;
    width: 40px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#sichecklist div.table-container div.row .noresults {
    float: left;
    width: 776px;
    padding: 0 0 8px 0;
    margin-left: 30px;
}


/* VGM Checklist
-----------------------------------------------------------------------------*/
#vgmchecklist div.table-header .dossier,
#vgmchecklist div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#vgmchecklist div.table-header .client,
#vgmchecklist div.table-container div.row .client {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#vgmchecklist div.table-header .carrier,
#vgmchecklist div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#vgmchecklist div.table-header .vessel,
#vgmchecklist div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
}

#vgmchecklist div.table-header .tradetype,
#vgmchecklist div.table-container div.row .tradetype {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#vgmchecklist div.table-header .port,
#vgmchecklist div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#vgmchecklist div.table-header .ets,
#vgmchecklist div.table-container div.row .ets {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#vgmchecklist div.table-header .closing,
#vgmchecklist div.table-container div.row .closing {
    float: left;
    width: 125px;
    padding: 0 0 8px 0;
}

#vgmchecklist div.table-header .containers,
#vgmchecklist div.table-container div.row .containers {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#vgmchecklist div.table-container div.row .noresults {
    float: left;
    width: 776px;
    padding: 0 0 8px 0;
    margin-left: 30px;
}


/* B/L Report
-----------------------------------------------------------------------------*/
#blreport div.table-header .dossier,
#blreport div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#blreport div.table-header .client,
#blreport div.table-container div.row .client {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#blreport div.table-header .carrier,
#blreport div.table-container div.row .carrier {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#blreport div.table-header .port,
#blreport div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#blreport div.table-header .ets,
#blreport div.table-container div.row .ets,
#blreport div.table-header .eta,
#blreport div.table-container div.row .eta {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#blreport div.table-header .bl,
#blreport div.table-container div.row .bl {
    float: left;
    width: 30px;
    padding: 0 0 8px 0;
}

#blreport div.table-header .bltype,
#blreport div.table-container div.row .bltype {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
}

#blreport div.table-header .blnumber,
#blreport div.table-container div.row .blnumber {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#blreport div.table-header .chargespaid {
    float: left;
    width: 50px;
    margin-left: 10px;
}

#blreport div.table-container div.row .chargespaid {
    float: left;
    margin-left: 10px;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#blreport div.table-container div.row .chargespaid.no {
    background-position: 0 1px;
}

#blreport div.table-container div.row .chargespaid.yes {
    background-position: 0 -99px;
}

#blreport div.table-container div.row .noresults {
    float: left;
    width: 776px;
    padding: 0 0 8px 0;
    margin-left: 30px;
}


/* Feedback Navigation
-----------------------------------------------------------------------------*/
div.feedbackbutton {
    width: 25px !important;
    height: 25px;
    float: right;
    position: relative !important;
    margin-left: 10px;
    z-index: 6;
    background: url(../images/button-feedback-small.png) 0 0 no-repeat;
}

div.feedbackbutton:hover,
div.feedbackbutton.active {
    background-position: 0 -25px;
}

div.feedbackbutton span.hovercontainer {
    position: absolute;
    left: 0px;
    top: 25px;
    padding-top: 5px;
    display: none;
}

div.feedbackbutton:hover span.hovercontainer {
    display: block;
}

div.feedbackbutton span.hovercontainer ul {
    list-style: none;
    padding: 10px 10px 13px 10px;
    background-color: #ffffff;
    border-radius: 5px;
    position: relative;
    box-shadow: 1px 1px 5px #888888;
}

div.feedbackbutton span.hovercontainer ul li {
    color: #888888;
    line-height: 18px;
    text-align: left;
    white-space: nowrap;
}

div.feedbackbutton span.hovercontainer ul li a {
    background: url(../images/custom/navigation-bullet.png) 0 5px no-repeat;
    padding-left: 9px;
    color: #455560;
    text-decoration: none;
    float: none !important;
    margin-left: 0px !important;
}

div.feedbackbutton span.hovercontainer ul li a:hover {
    text-decoration: underline;
}


/* Incoming Invoices OCR - Uploaded Invoices
-----------------------------------------------------------------------------*/
#uploadedinvoices div.table-header .filename,
#uploadedinvoices div.table-container div.row .filename {
    float: left;
    width: 260px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#uploadedinvoices.withpreview div.table-header .filename,
#uploadedinvoices.withpreview div.table-container div.row .filename {
    width: 180px;
    margin-left: 15px;
}

#uploadedinvoices div.table-header .filesize,
#uploadedinvoices div.table-container div.row .filesize {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#uploadedinvoices div.table-header .pages,
#uploadedinvoices div.table-container div.row .pages {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#uploadedinvoices div.table-header .processingstatus {
    float: left;
    width: 260px;
    padding: 0 0 8px 0;
}

#uploadedinvoices.withpreview div.table-header .processingstatus {
    width: 140px;
}

#uploadedinvoices div.table-container div.row .processingstatus {
    float: left;
    width: 240px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#uploadedinvoices.withpreview div.table-container div.row .processingstatus {
    width: 120px;
}

#uploadedinvoices div.table-container div.row .processingstatus.error {
    background-position: 0 -249px;
}

#uploadedinvoices div.table-container div.row .processingstatus.notprocessed {
    background-position: 0 1px;
}


/* Incoming Invoices OCR - Processed Invoices
-----------------------------------------------------------------------------*/
#processedinvoices div.table-header .invoicedate,
#processedinvoices div.table-container div.row .invoicedate {
    float: left;
    width: 90px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#processedinvoices div.table-header .creditor,
#processedinvoices div.table-container div.row .creditor {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#processedinvoices div.table-header .invoicenumber,
#processedinvoices div.table-container div.row .invoicenumber {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#processedinvoices div.table-header .amount {
    float: left;
    width: 82px;
    text-align: right;
    padding: 0 20px 8px 0;
}

#processedinvoices div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#processedinvoices div.table-container div.row .amount {
    float: left;
    width: 55px;
    text-align: right;
    padding: 0 20px 8px 0;
}

#processedinvoices div.table-header .dossier,
#processedinvoices div.table-container div.row .dossier {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#processedinvoices div.table-header .client,
#processedinvoices div.table-container div.row .client {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#processedinvoices div.table-header .filename,
#processedinvoices div.table-container div.row .filename {
    float: left;
    width: 200px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}


/* Incoming Invoices OCR - Pending Invoices
-----------------------------------------------------------------------------*/
#pendinginvoices div.table-header .invoicedate,
#pendinginvoices div.table-container div.row .invoicedate {
    float: left;
    width: 90px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#pendinginvoices div.table-header .creditor,
#pendinginvoices div.table-container div.row .creditor {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#pendinginvoices div.table-header .invoicenumber,
#pendinginvoices div.table-container div.row .invoicenumber {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#pendinginvoices div.table-header .amount {
    float: left;
    width: 82px;
    text-align: right;
    padding: 0 20px 8px 0;
}

#pendinginvoices div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#pendinginvoices div.table-container div.row .amount {
    float: left;
    width: 55px;
    text-align: right;
    padding: 0 20px 8px 0;
}

#pendinginvoices div.table-header .dossier,
#pendinginvoices div.table-container div.row .dossier {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#pendinginvoices div.table-header .client,
#pendinginvoices div.table-container div.row .client {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#pendinginvoices div.table-header .replystatus {
    float: left;
    width: 100px;
}

#pendinginvoices div.table-container div.row .replystatus {
    float: left;
    width: 80px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#pendinginvoices div.table-container div.row .replystatus.notreplied {
    background-position: 0 1px;
}

#pendinginvoices div.table-container div.row .replystatus.replied {
    background-position: 0 -99px;
}


/* Incoming Invoices OCR - Checked Invoices
-----------------------------------------------------------------------------*/
#checkedinvoices div.table-header .sequence,
#checkedinvoices div.table-container div.row .sequence {
    float: left;
    width: 75px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#checkedinvoices div.table-header .invoicedate,
#checkedinvoices div.table-container div.row .invoicedate {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#checkedinvoices div.table-header .creditor,
#checkedinvoices div.table-container div.row .creditor {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#checkedinvoices div.table-header .invoicenumber,
#checkedinvoices div.table-container div.row .invoicenumber {
    float: left;
    width: 90px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#checkedinvoices div.table-header .amount {
    float: left;
    width: 82px;
    text-align: right;
    padding: 0 20px 8px 0;
}

#checkedinvoices div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#checkedinvoices div.table-container div.row .amount {
    float: left;
    width: 55px;
    text-align: right;
    padding: 0 20px 8px 0;
}

#checkedinvoices div.table-header .dossier,
#checkedinvoices div.table-container div.row .dossier {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#checkedinvoices div.table-header .client,
#checkedinvoices div.table-container div.row .client {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#checkedinvoices div.table-header .dispute {
    float: left;
    width: 65px;
}

#checkedinvoices div.table-container div.row .dispute {
    float: left;
    width: 45px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#checkedinvoices div.table-container div.row .dispute.no {
    background-position: 0 1px;
}

#checkedinvoices div.table-container div.row .dispute.yes {
    background-position: 0 -99px;
}

#checkedinvoices div.table-header .exported {
    float: left;
    width: 45px;
}

#checkedinvoices div.table-container div.row .exported {
    float: left;
    width: 25px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#checkedinvoices div.table-container div.row .exported.no {
    background-position: 0 1px;
}

#checkedinvoices div.table-container div.row .exported.yes {
    background-position: 0 -99px;
}


/* Incoming Invoices OCR - Split Incoming Invoice
-----------------------------------------------------------------------------*/
#splitinvoicecontainer {
    width: 832px;
    display: inline-block;
    position: relative;
}

#splitinvoicecontainer img.thumbnail {
    width: 162px;
    border: 1px solid #cccccc;
    float: left;
    margin: 0 0 15px 0;
}

#splitinvoicecontainer .spliticon {
    width: 24px;
    height: 24px;
    cursor: pointer;
    float: left;
    display: inline-block;
    margin: 101px 10px 0;
}

#splitinvoicecontainer .spliticon.linked {
    background: url(../images/icon-link-large.png) 0 0 no-repeat;
}

#splitinvoicecontainer .spliticon.splitted {
    background: url(../images/icon-unlink-large.png) 0 0 no-repeat;
}


/* Incoming Invoices OCR - Teach recognition
-----------------------------------------------------------------------------*/
a.iconbutton.learn {
    background-image: url(../images/button-learn-small.png);
    float: left;
    margin-left: 10px;
}

div.formrow a.iconbutton.learn {
    margin: 5px 0 0 10px;
}

#teachrecognition.dossier {
    width: 598px;
    border: 1px solid #cccccc;
}

#teachrecognition.dossier img {
    width: 598px;
}


/* Incoming Invoices OCR - Report
-----------------------------------------------------------------------------*/
#invoicerecognitionreport div.table-header .month,
#invoicerecognitionreport div.table-container div.row .month {
    float: left;
    width: 200px;
    padding: 0 0 8px 0;
    margin-left: 15px;
}

#invoicerecognitionreport div.table-header .processedamount,
#invoicerecognitionreport div.table-container div.row .processedamount {
    float: left;
    width: 160px;
    padding: 0 0 8px 0;
}

#invoicerecognitionreport div.table-header .checkedamount,
#invoicerecognitionreport div.table-container div.row .checkedamount {
    float: left;
    width: 160px;
    padding: 0 0 8px 0;
}

#invoicerecognitionreport div.table-container div.row .noresults {
    float: left;
    width: 570px;
    padding: 0 0 8px 0;
    margin-left: 15px;
}

#invoicerecognitionreport div.table-container div.row.summedtotals {
    background-color: #e7e7e7;
}

#invoicerecognitionreport div.table-container div.row .totals {
    float: left;
    width: 200px;
    margin-left: 15px;
    padding: 0 0 8px 0;
    font-weight: bold;
}


/* Split Invoice table
-----------------------------------------------------------------------------*/
div.splitinvoicetable {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.splitinvoicetable h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

div.splitinvoicetable div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.splitinvoicetable div.table-container {
    display: inline-block;
}

div.splitrow {
    width: 600px;
    position: relative;
    display: inline-block;
    background-color: #f7f7f7;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ffffff;
    float: left;
}

div.splitrow:hover,
div.splitrow.highlight {
    background-color: #f1f1f1;
}

div.splitrow .validation {
    float: left;
}

div.splitrow div.validation div.validation-notice {
    margin-top: 11px;
}

div.splitinvoicetable div.table-header .containertype {
    float: left;
    width: 114px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.splitinvoicetable div.table-container div.splitrow .containertype {
    float: left;
    width: 114px;
    margin-left: 15px;
    padding: 10px 0 13px 0;
}

div.splitinvoicetable div.table-header .dossier,
div.splitinvoicetable div.table-container div.splitrow .dossier {
    float: left;
    width: 138px;
    margin: 0 0 0 15px;
}

div.splitinvoicetable div.table-header .client {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

div.splitinvoicetable div.table-container div.splitrow .client {
    float: left;
    width: 80px;
    padding: 10px 0 11px 0;
}

div.splitinvoicetable div.table-header .amountexvat,
div.splitinvoicetable div.table-container div.splitrow .amountexvat {
    float: left;
    width: 138px;
}

div.splitrow .buttoncontainer {
    float: right;
    height: 25px;
    padding: 5px 15px 7px 0;
}


/* Incoming Invoices - Splitted Invoice
-----------------------------------------------------------------------------*/
#splittedinvoice div.table-header .dossier,
#splittedinvoice div.table-container div.row .dossier {
    float: left;
    width: 80px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#splittedinvoice div.table-header .client,
#splittedinvoice div.table-container div.row .client {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#splittedinvoice div.table-header .invoicenumber,
#splittedinvoice div.table-container div.row .invoicenumber {
    float: left;
    width: 150px;
    padding: 0 0 8px 0;
}

#splittedinvoice div.table-header .amount {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#splittedinvoice div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#splittedinvoice div.table-container div.row .amount {
    float: left;
    width: 55px;
    text-align: right;
    padding: 0 0 8px 0;
}


/* Incoming Invoices - Feedback
-----------------------------------------------------------------------------*/
#invoicefeedbackcontainer {
    width: 600px;
    position: relative;
    display: inline-block;
    padding-top: 15px;
}

#invoicefeedbackcontainer div.feedback {
    width: 600px;
    position: relative;
    display: inline-block;
    margin-top: 15px;
}

#invoicefeedbackcontainer div.feedback:first-child {
    margin-top: 0px;
}

#invoicefeedbackcontainer div.feedback div.feedbackuser {
    width: 52px;
    height: 52px;
    padding: 5px;
    position: relative;
    float: left;
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#invoicefeedbackcontainer div.feedback.otheruser div.feedbackuser {
    float: right;
}

#invoicefeedbackcontainer div.feedback div.feedbackuser div.bullet {
    width: 6px;
    height: 11px;
    position: absolute;
    background: url(../images/feedback-bullet.png) -6px 0 no-repeat;
    top: 17px;
    right: -6px;
}

#invoicefeedbackcontainer div.feedback.otheruser div.feedbackuser div.bullet {
    background: url(../images/feedback-bullet.png) 0 0 no-repeat;
    left: -6px;
}

#invoicefeedbackcontainer div.feedback div.feedbackuser img {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#invoicefeedbackcontainer div.feedback div.feedbacktext {
    width: 489px;
    padding: 11px 15px 15px;
    float: right;
    border: 1px solid #cccccc;
    background-color: #f7f7f7;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#invoicefeedbackcontainer div.feedback.otheruser div.feedbacktext {
    float: left;
}

#invoicefeedbackcontainer div.feedback div.feedbacktext h2 {
    color: #888888;
    line-height: 18px;
    font-weight: normal;
    font-size: 11px;
}

#invoicefeedbackcontainer div.feedback div.feedbacktext h2.private {
    padding-left: 20px;
    background: url(../images/visibility-group.png) -2px -49px no-repeat;
}

#invoicefeedbackcontainer div.feedback div.feedbacktext h2.public {
    padding-left: 22px;
    background: url(../images/visibility-group.png) 0 1px no-repeat;
}

#invoicefeedbackcontainer div.feedback div.feedbacktext p {
    padding: 0px;
}

#invoicefeedbackcontainer div.feedback div.feedbacktext div.attachment {
    width: 467px;
    border-top: 1px solid #cccccc;
    display: inline-block;
    padding: 10px 0 0 22px;
    background: url(../images/icon-attachment.png) 0 11px no-repeat;
    margin-top: 18px;
    line-height: 18px;
}

#invoicefeedbackcontainer div.feedback div.feedbacktext div.attachment span {
    color: #888888;
}

#invoicefeedbackcontainer div.feedback div.feedbacktext a.edit {
    background: url(../images/button-icon-edit.png) 0 0 no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
}

#invoicefeedbackcontainer div.feedback div.feedbacktext a.edit:hover {
    background-position: 0 -25px;
}


/* Invoice Selector
-----------------------------------------------------------------------------*/
#invoiceselector {
    margin-top: 25px;
}

#invoiceselector div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

#invoiceselector h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

#invoiceselector div.table-container {
    display: inline-block;
}

#invoiceselector div.table-header .debtor,
#invoiceselector div.table-container div.row .debtor {
    float: left;
    margin-left: 30px;
    padding: 0 10px 8px 0;
    width: 250px !important;
}

#invoiceselector div.table-header .amount {
    float: left;
    width: 87px !important;
    text-align: right;
    padding: 0 0 8px 0;
    margin-left: 0px !important;
}

#invoiceselector div.table-container div.row .currency {
    float: left;
    width: 27px;
}

#invoiceselector div.table-container div.row .amount {
    float: left;
    width: 60px !important;
    text-align: right;
}

#invoiceselector div.table-header .numbering,
#invoiceselector div.table-container div.row .numbering {
    float: left;
    margin-left: 30px;
    padding: 0 0 8px 0;
    width: 50px;
}


/* INTTRA Carriers
-----------------------------------------------------------------------------*/
#inttracarriers div.table-header .carriername,
#inttracarriers div.table-container div.row .carriername {
    float: left;
    width: 260px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#inttracarriers div.table-header .scac,
#inttracarriers div.table-container div.row .scac {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#inttracarriers div.table-header .inttraid,
#inttracarriers div.table-container div.row .inttraid {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#inttracarriers div.table-header .mapped {
    float: left;
    width: 80px;
}

#inttracarriers div.table-container div.row .mapped {
    float: left;
    width: 60px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#inttracarriers div.table-container div.row .mapped.no {
    background-position: 0 1px;
}

#inttracarriers div.table-container div.row .mapped.yes {
    background-position: 0 -99px;
}

#inttracarriers div.table-header .contrl {
    float: left;
    width: 80px;
}

#inttracarriers div.table-container div.row .contrl {
    float: left;
    width: 60px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#inttracarriers div.table-container div.row .contrl.no {
    background-position: 0 1px;
}

#inttracarriers div.table-container div.row .contrl.yes {
    background-position: 0 -99px;
}

#inttracarriers div.table-header .aperak {
    float: left;
    width: 80px;
}

#inttracarriers div.table-container div.row .aperak {
    float: left;
    width: 60px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#inttracarriers div.table-container div.row .aperak.no {
    background-position: 0 1px;
}

#inttracarriers div.table-container div.row .aperak.yes {
    background-position: 0 -99px;
}

#inttracarriers div.table-header .inttraevgm {
    float: left;
    width: 80px;
}

#inttracarriers div.table-container div.row .inttraevgm {
    float: left;
    width: 60px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#inttracarriers div.table-container div.row .inttraevgm.no {
    background-position: 0 1px;
}

#inttracarriers div.table-container div.row .inttraevgm.yes {
    background-position: 0 -99px;
}

#inttracarriers div.table-header .linkedcompanies {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#inttracarriers div.table-container div.row .linkedcompanies {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}


/* Linked companies
-----------------------------------------------------------------------------*/
#linkedcompanies div.table-header .companyname,
#linkedcompanies div.table-container div.row .companyname {
    float: left;
    width: 240px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
}

#linkedcompanies div.table-header .companycode,
#linkedcompanies div.table-container div.row .companycode {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#linkedcompanies div.table-header .contacts,
#linkedcompanies div.table-container div.row .contacts {
    float: left;
    padding: 0 0 7px;
    width: 75px;
}

#linkedcompanies div.table-header .language {
    float: left;
    width: 85px;
}

#linkedcompanies div.table-container div.row .language {
    float: left;
    width: 65px;
    padding-left: 20px;
    background: url(../images/language-group.png) no-repeat;
}

#linkedcompanies div.table-container div.row .language.dutch {
    background-position: 0 4px;
}

#linkedcompanies div.table-container div.row .language.english {
    background-position: 0 -36px;
}

#linkedcompanies div.table-container div.row .language.french {
    background-position: 0 -156px;
}

#linkedcompanies div.table-header .activecompany {
    float: left;
    width: 70px;
}

#linkedcompanies div.table-container div.row .activecompany {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#linkedcompanies div.table-container div.row .activecompany.no {
    background-position: 0 1px;
}

#linkedcompanies div.table-container div.row .activecompany.yes {
    background-position: 0 -99px;
}

#linkedcompanies div.table-header .counter,
#linkedcompanies div.table-container div.row .counter {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#linkedcompanies div.table-container div.row .nocompanies {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Seal Number pagination (Container Spreadsheet)
-----------------------------------------------------------------------------*/
#sealpagination {
    padding-top: 4px;
}

#sealpagination .previous_link {
    width: 23px;
    height: 23px;
    display: block;
    margin-right: 4px;
    float: left;
    background: url(../images/paging-previous.png) 0 0 no-repeat;
}

#sealpagination .next_link {
    width: 23px;
    height: 23px;
    display: block;
    margin-left: 4px;
    float: right;
    background: url(../images/paging-next.png) 0 0 no-repeat;
}

#sealpagination .previous_link:hover,
#sealpagination .next_link:hover {
    background-position: 0 -23px;
}

#sealpagination .previous_link.inactive,
#sealpagination .next_link.inactive {
    background-position: 0 -46px;
    cursor: default;
}

#sealpagination .page_link {
    float: left;
    padding: 4px;
    color: #455560;
    text-decoration: underline;
}

#sealpagination .page_link:hover {
    color: #222222;
}

#sealpagination .page_link.active_page {
    color: #455560;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}


/* Departments
-----------------------------------------------------------------------------*/
#departments div.table-header .department,
#departments div.table-container div.row .department {
    float: left;
    width: 180px;
    padding: 0 10px 8px 0px;
    word-wrap: break-word;
    margin-left: 15px;
}

#departments div.table-header .description,
#departments div.table-container div.row .description {
    float: left;
    width: 300px;
    padding: 0 15px 8px 0;
    word-wrap: break-word;
}

#departments div.table-header .numberofaccounts,
#departments div.table-container div.row .numberofaccounts {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#departments div.table-header .active {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#departments div.table-container div.row .active {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#departments div.table-container div.row .active.no {
    background-position: 0 1px;
}

#departments div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Departments - Attached accounts
-----------------------------------------------------------------------------*/
#attachedaccounts div.table-header .name,
#attachedaccounts div.table-container div.row .name {
    float: left;
    width: 200px;
    padding: 0 10px 8px 0;
    margin-left: 30px;
}

#attachedaccounts div.table-header .jobtitle,
#attachedaccounts div.table-container div.row .jobtitle {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
}

#attachedaccounts div.table-header .language {
    float: left;
    width: 80px;
}

#attachedaccounts div.table-container div.row .language {
    float: left;
    width: 60px;
    padding-left: 20px;
    background: url(../images/language-group.png) no-repeat;
}

#attachedaccounts div.table-container div.row .language.dutch {
    background-position: 0 4px;
}

#attachedaccounts div.table-container div.row .language.english {
    background-position: 0 -36px;
}

#attachedaccounts div.table-container div.row .language.french {
    background-position: 0 -156px;
}


/* Client/Supplier Contacts
-----------------------------------------------------------------------------*/
#contactsoverview div.table-header .contactname,
#contactsoverview div.table-container div.row .contactname {
    float: left;
    width: 140px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
}

#contactsoverview div.table-header .company,
#contactsoverview div.table-container div.row .company {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#contactsoverview div.table-header .department,
#contactsoverview div.table-container div.row .department {
    float: left;
    width: 125px;
    padding: 0 10px 8px 0;
}

#contactsoverview div.table-header .account {
    float: left;
    width: 70px;
}

#contactsoverview div.table-container div.row .account {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#contactsoverview div.table-container div.row .account.no {
    background-position: 0 1px;
}

#contactsoverview div.table-container div.row .account.yes {
    background-position: 0 -99px;
}

#contactsoverview div.table-header .activated,
#contactsoverview div.table-container div.row .activated {
    float: left;
    width: 75px;
}

#contactsoverview div.table-container div.row .activated.no {
    background: url(../images/status-group.png) 0 1px no-repeat;
    width: 57px;
    padding-left: 18px;
}

#contactsoverview div.table-container div.row .activated.yes {
    background: url(../images/status-group.png) 0 -99px no-repeat;
    width: 57px;
    padding-left: 18px;
}

#contactsoverview div.table-header .language {
    float: left;
    width: 90px;
}

#contactsoverview div.table-container div.row .language {
    float: left;
    width: 70px;
    padding-left: 20px;
    background: url(../images/language-group.png) no-repeat;
}

#contactsoverview div.table-container div.row .language.dutch {
    background-position: 0 4px;
}

#contactsoverview div.table-container div.row .language.english {
    background-position: 0 -36px;
}

#contactsoverview div.table-container div.row .language.french {
    background-position: 0 -156px;
}

#contactsoverview div.table-header .active {
    float: left;
    width: 70px;
}

#contactsoverview div.table-container div.row .active {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#contactsoverview div.table-container div.row .active.no {
    background-position: 0 1px;
}

#contactsoverview div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Employee Accounts
-----------------------------------------------------------------------------*/
#employeeaccounts div.table-header .contactname,
#employeeaccounts div.table-container div.row .contactname {
    float: left;
    width: 140px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
}

#employeeaccounts div.table-header .office,
#employeeaccounts div.table-container div.row .office {
    float: left;
    width: 140px;
    padding: 0 0 8px 0;
}

#employeeaccounts div.table-header .department,
#employeeaccounts div.table-container div.row .department {
    float: left;
    width: 125px;
    padding: 0 10px 8px 0;
}

#employeeaccounts div.table-header .activated,
#employeeaccounts div.table-container div.row .activated {
    float: left;
    width: 75px;
}

#employeeaccounts div.table-container div.row .activated.no {
    background: url(../images/status-group.png) 0 1px no-repeat;
    width: 57px;
    padding-left: 18px;
}

#employeeaccounts div.table-container div.row .activated.yes {
    background: url(../images/status-group.png) 0 -99px no-repeat;
    width: 57px;
    padding-left: 18px;
}

#employeeaccounts div.table-header .language {
    float: left;
    width: 90px;
}

#employeeaccounts div.table-container div.row .language {
    float: left;
    width: 70px;
    padding-left: 20px;
    background: url(../images/language-group.png) no-repeat;
}

#employeeaccounts div.table-container div.row .language.dutch {
    background-position: 0 4px;
}

#employeeaccounts div.table-container div.row .language.english {
    background-position: 0 -36px;
}

#employeeaccounts div.table-container div.row .language.french {
    background-position: 0 -156px;
}

#employeeaccounts div.table-header .active {
    float: left;
    width: 70px;
}

#employeeaccounts div.table-container div.row .active {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#employeeaccounts div.table-container div.row .active.no {
    background-position: 0 1px;
}

#employeeaccounts div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Login History
-----------------------------------------------------------------------------*/
#loginhistory div.table-header .date,
#loginhistory div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#loginhistory div.table-header .time,
#loginhistory div.table-container div.row .time {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#loginhistory div.table-header .ipaddress,
#loginhistory div.table-container div.row .ipaddress {
    float: left;
    width: 150px;
    padding: 0 0 8px 0;
}

#loginhistory div.table-container div.row .nologins {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Generated Invoices
-----------------------------------------------------------------------------*/
#generatedinvoices {
    margin-top: 15px;
}

#generatedinvoices div.table-header .numbering,
#generatedinvoices div.table-container div.row .numbering {
    float: left;
    width: 35px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#generatedinvoices div.table-header .debtor,
#generatedinvoices div.table-container div.row .debtor {
    float: left;
    width: 190px;
    padding: 0 20px 8px 0;
    word-wrap: break-word;
}

#generatedinvoices div.table-header .debtornumber,
#generatedinvoices div.table-container div.row .debtornumber {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#generatedinvoices div.table-header .amount {
    float: left;
    width: 95px;
    margin-left: 20px;
    text-align: right;
    padding: 0 0 8px 0;
}

#generatedinvoices div.table-container div.row .currency {
    float: left;
    width: 27px;
    margin-left: 20px;
    padding: 0 0 8px 0;
}

#generatedinvoices div.table-container div.row .amount {
    float: left;
    width: 68px;
    text-align: right;
    padding: 0 0 8px 0;
}

#generatedinvoices div.table-header .sendmethod,
#generatedinvoices div.table-container div.row .sendmethod {
    float: left;
    width: 90px;
    margin-left: 20px;
    padding: 0 0 8px 0;
}

#generatedinvoices div.table-header .subnumbering,
#generatedinvoices div.table-container div.row .subnumbering {
    float: left;
    width: 35px;
    margin-left: 50px;
    padding: 0 0 8px 0;
}

#generatedinvoices div.table-header .dossier,
#generatedinvoices div.table-container div.row .dossier {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#generatedinvoices div.table-header .tarifflines,
#generatedinvoices div.table-container div.row .tarifflines {
    float: left;
    width: 155px;
    padding: 0 0 8px 0;
}


/* Status Event Codes
-----------------------------------------------------------------------------*/
#statuseventcodes div.table-header .code,
#statuseventcodes div.table-container div.row .code {
    float: left;
    width: 50px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#statuseventcodes div.table-header .description,
#statuseventcodes div.table-container div.row .description {
    float: left;
    width: 600px;
    padding: 0 0 8px 0;
}

#statuseventcodes div.table-header .active {
    float: left;
    width: 60px;
}

#statuseventcodes div.table-container div.row .active {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#statuseventcodes div.table-container div.row .active.no {
    background-position: 0 1px;
}

#statuseventcodes div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Track & Trace per container (Dossier)
-----------------------------------------------------------------------------*/
#containertracktrace div.table-header .containernumber,
#containertracktrace div.table-container div.row .containernumber {
    float: left;
    width: 95px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#containertracktrace div.table-header .latestevent,
#containertracktrace div.table-container div.row .latestevent {
    float: left;
    width: 200px;
    padding: 0 15px 8px 0;
    word-wrap: break-word;
}

#containertracktrace div.table-header .location,
#containertracktrace div.table-container div.row .location {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#containertracktrace div.table-header .eventdatetime,
#containertracktrace div.table-container div.row .eventdatetime {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#containertracktrace div.table-header .events,
#containertracktrace div.table-container div.row .events {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

#containertracktrace div.table-container div.row .nochanges {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* Event Statuses
-----------------------------------------------------------------------------*/
#eventstatuses div.table-header .event,
#eventstatuses div.table-container div.row .event {
    float: left;
    width: 165px;
    margin-left: 30px;
    padding: 0 15px 8px 0;
    word-wrap: break-word;
}

#eventstatuses div.table-header .eventcode,
#eventstatuses div.table-container div.row .eventcode {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

#eventstatuses div.table-header .eventdatetime,
#eventstatuses div.table-container div.row .eventdatetime {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#eventstatuses div.table-header .location,
#eventstatuses div.table-container div.row .location {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#eventstatuses div.table-header .vessel,
#eventstatuses div.table-container div.row .vessel {
    float: left;
    width: 150px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}


/* ETS/ETA History
-----------------------------------------------------------------------------*/
#etsetahistory div.table-header .date,
#etsetahistory div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    width: 75px;
}

#etsetahistory div.table-header .event,
#etsetahistory div.table-container div.row .event {
    float: left;
    width: 210px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#etsetahistory div.table-header .ets,
#etsetahistory div.table-container div.row .ets {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#etsetahistory div.table-header .eta,
#etsetahistory div.table-container div.row .eta {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#etsetahistory div.table-header .transit,
#etsetahistory div.table-container div.row .transit {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#etsetahistory div.table-container div.row .changed {
    color: #bd1818;
    font-weight: bold;
}

#etsetahistory div.table-container div.row .changed.positive {
    color: #47aa42;
}

#etsetahistory div.table-container div.row .nochanges {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* Track & Trace Status Events
-----------------------------------------------------------------------------*/
#statusevents div.table-header .date,
#statusevents div.table-container div.row .date {
    float: left;
    width: 65px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#statusevents div.table-header .time,
#statusevents div.table-container div.row .time {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#statusevents div.table-header .containernumber,
#statusevents div.table-container div.row .containernumber {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
}

#statusevents div.table-header .latestevent,
#statusevents div.table-container div.row .latestevent {
    float: left;
    width: 195px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#statusevents div.table-header .location,
#statusevents div.table-container div.row .location {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#statusevents div.table-header .change {
    float: left;
    width: 100px;
}

#statusevents div.table-container div.row .change {
    float: left;
    width: 80px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#statusevents div.table-container div.row .change.no {
    background-position: 0 1px;
}

#statusevents div.table-container div.row .change.yes {
    background-position: 0 -99px;
}

#statusevents div.table-header .events,
#statusevents div.table-container div.row .events {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#statusevents div.table-header .dossier,
#statusevents div.table-container div.row .dossier {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#statusevents div.table-header .client,
#statusevents div.table-container div.row .client {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#statusevents div.table-header .carrier,
#statusevents div.table-container div.row .carrier {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}


/* Multiple Debtor/Creditor numbers
-----------------------------------------------------------------------------*/
div.creditornumbergroup,
div.debtornumbergroup {
    float: left;
    display: inline-block;
    width: 435px;
}

div.creditornumbergroup div.validation.duplicatedfield,
div.debtornumbergroup div.validation.duplicatedfield {
    float: left;
    margin-top: -5px;
    padding: 0px;
}


/* System Log
-----------------------------------------------------------------------------*/
#systemlog div.table-header .id, #systemlog div.table-container div.row .id {
    float: left;
    width: 20px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#systemlog div.table-header .ip, #systemlog div.table-container div.row .ip {
    float: left;
    width: 100px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#systemlog div.table-header .username, #systemlog div.table-container div.row .username {
    float: left;
    width: 140px;
    padding: 0 0 7px 0;
}

#systemlog div.table-header .type, #systemlog div.table-container div.row .type {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#systemlog div.table-header .reference, #systemlog div.table-container div.row .reference {
    float: left;
    width: 90px;
    padding: 0 0 7px 0;
}

#systemlog div.table-header .date, #systemlog div.table-container div.row .date {
    float: left;
    width: 95px;
    padding: 0 0 7px 0;
}

#systemlog div.table-header .requestmethod, #systemlog div.table-container div.row .requestmethod {
    float: left;
    width: 65px;
}

#systemlog div.table-header .opened_tab, #systemlog div.table-container div.row .opened_tab {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}


/* Select Container Overview
------------------------------------------------------------------------------*/
#selectcontainer-overview div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

#selectcontainer-overview div.table-container {
    display: inline-block;
}

#selectcontainer-overview div.table-container p {
    padding-bottom: 0;
}

#selectcontainer-overview div.table-container p span {
    color: #888888;
}

#selectcontainer-overview div.table-header .containernumber,
#selectcontainer-overview div.table-container div.row .containernumber {
    float: left;
    width: 90px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#selectcontainer-overview div.table-header .reeferhazmat,
#selectcontainer-overview div.table-container div.row .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 15px 0 0;
}

#selectcontainer-overview div.table-header .sealnumber,
#selectcontainer-overview div.table-container div.row .sealnumber {
    float: left;
    width: 90px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#selectcontainer-overview div.table-header .containertype,
#selectcontainer-overview div.table-container div.row .containertype {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#selectcontainer-overview div.table-header .packages,
#selectcontainer-overview div.table-container div.row .packages {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

#selectcontainer-overview div.table-header .cargodescription,
#selectcontainer-overview div.table-container div.row .cargodescription {
    float: left;
    width: 165px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#selectcontainer-overview div.table-header .marksandnumbers,
#selectcontainer-overview div.table-container div.row .marksandnumbers {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#selectcontainer-overview div.table-header .grossweight,
#selectcontainer-overview div.table-container div.row .grossweight,
#selectcontainer-overview div.table-header .netweight,
#selectcontainer-overview div.table-container div.row .netweight {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#selectcontainer-overview div.table-header .cbm,
#selectcontainer-overview div.table-container div.row .cbm {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#selectcontainer-overview div.table-header .placeofdelivery,
#selectcontainer-overview div.table-container div.row .placeofdelivery {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#selectcontainer-overview div.table-header .deliverydate,
#selectcontainer-overview div.table-container div.row .deliverydate {
    float: left;
    width: 105px;
    padding: 0 0 8px 0;
}

#selectcontainer-overview div.table-header .deliveryreference,
#selectcontainer-overview div.table-container div.row .deliveryreference {
    float: left;
    width: 160px;
    padding: 0 0 8px 0;
}

#selectcontainer-overview div.table-header .containerstatus {
    float: left;
    width: 168px;
    padding: 0 0 8px 0;
}

#selectcontainer-overview div.table-container div.row .containerstatus {
    float: left;
    width: 168px;
    margin-top: -1px;
    padding: 0px;
    line-height: normal !important;
}


/* Container Spreadsheet (NEW)
------------------------------------------------------------------------------*/
div.containerspreadsheetcontainer {
    width: 832px;
    padding-bottom: 10px;
    overflow-x: scroll;
}

div.containerspreadsheetcontainer-fixedcolumn {
    display: inline-block;
}

div.containerspreadsheetcontainer-fixedcolumn div.containerspreadsheetcontainer {
    width: 678px;
    float: left;
}

div.containerspreadsheetrow {
    display: -webkit-flex;
    -webkit-flex-flow: nowrap;
    display: flex;
    flex-flow: nowrap;
}

div.containerspreadsheetrow.fixedcolumn {
    width: 154px;
    float: left;
}

div.containerspreadsheetrow div.value-container {
    display: inline-block;
    float: left;
    margin-right: 10px;
    position: relative;
}

div.containerspreadsheetrow div.value-container div.validation {
    width: 144px;
}

div.containerspreadsheetrow div.value-container.onehalf {
    width: 212px;
}

div.containerspreadsheetrow div.value-container.onehalf div.validation {
    width: 212px;
}

div.containerspreadsheetrow div.value-container div.validation .textarea-spreadsheet {
    float: left;
}

div.containerspreadsheetrow div.value-container p {
    padding-bottom: 8px !important;
}

div.containerspreadsheetrow div.value-container p span {
    color: #888888;
}

div.containerspreadsheetheading {
    padding: 9px 0 11px 0;
    position: relative;
    display: inline-block;
}

div.containerspreadsheetheading div.value-container {
    display: inline-block;
    float: left;
    margin-right: 10px;
    position: relative;
}

div.containerspreadsheetheading div.value-container {
    width: 260px;
}

div.containerspreadsheetheading div.value-container.last {
    position: absolute;
    left: 250px;
}

div.containerspreadsheetheading div.value-container.metric-imperial {
    position: absolute;
    left: 518px;
}

div.containerspreadsheetheading div.value-container p {
    padding-bottom: 8px !important;
}

div.containerspreadsheetheading div.value-container p span {
    color: #888888;
}


/* Link Tariffs to Incoming Invoice
-----------------------------------------------------------------------------*/
div.link-tariffs {
    width: 600px;
    position: relative;
    margin-top: 0px;
}

div.link-tariffs div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

div.link-tariffs div.table-container {
    display: inline-block;
}

div.link-tariffs div.table-container p {
    padding-bottom: 0px;
}

div.link-tariffs div.table-header .quantity,
div.link-tariffs div.table-container div.row .quantity {
    float: left;
    margin-left: 30px;
    width: 40px;
    padding: 0 0 8px 0;
}

div.link-tariffs.overview div.table-header .quantity,
div.link-tariffs.overview div.table-container div.row .quantity {
    margin-left: 15px;
}

div.link-tariffs div.table-header .tarifftype,
div.link-tariffs div.table-container div.row .tarifftype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

div.link-tariffs div.table-header .unittype,
div.link-tariffs div.table-container div.row .unittype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

div.link-tariffs div.table-header .information,
div.link-tariffs div.table-container div.row .information {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

div.link-tariffs div.table-header .creditor,
div.link-tariffs div.table-container div.row .creditor {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

div.link-tariffs div.table-header .debtor,
div.link-tariffs div.table-container div.row .debtor {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

div.link-tariffs div.table-header .amount {
    float: left;
    width: 95px;
    text-align: right;
    padding: 0 10px 8px 0;
}

div.link-tariffs div.table-container div.row .amount {
    float: left;
    width: 58px;
    text-align: right;
    padding: 0 10px 7px 0;
}

div.link-tariffs div.table-container div.row .currency {
    float: left;
    width: 22px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.link-tariffs div.table-header .ledger,
div.link-tariffs div.table-container div.row .ledger {
    float: left;
    width: 45px;
    padding: 0 0 8px 0;
    margin-left: 5px;
}

div.link-tariffs div.table-container div.row .ledger p {
    padding: 0px !important;
}

div.link-tariffs div.table-header .editcreditor,
div.link-tariffs div.table-container div.row .editcreditor {
    float: left;
    margin-top: -1px;
    padding: 0 10px 3px 0;
}

div.link-tariffs div.table-header .editcosts,
div.link-tariffs div.table-container div.row .editcosts {
    float: right;
    line-height: normal !important;
    margin-top: -1px;
    padding: 0 10px 3px 0;
    width: 150px;
}

div.link-tariffs div.table-container div.row .no-tariffs {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

div.link-tariffs.overview div.table-container div.row .no-tariffs {
    width: 570px;
    margin-left: 15px;
}

div.link-tariffs div.table-container div.row .locked-icon {
    margin-right: 10px;
    float: left;
}


/* Attached Dossiers
-----------------------------------------------------------------------------*/
#attacheddossiers div.table-header .dossier,
#attacheddossiers div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#attacheddossiers div.table-header .company,
#attacheddossiers div.table-container div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#attacheddossiers div.table-header .clientreference,
#attacheddossiers div.table-container div.row .clientreference {
    float: left;
    width: 85px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#attacheddossiers div.table-header .packages,
#attacheddossiers div.table-container div.row .packages {
    float: left;
    width: 75px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#attacheddossiers div.table-header .grossweight,
#attacheddossiers div.table-container div.row .grossweight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#attacheddossiers div.table-header .volume,
#attacheddossiers div.table-container div.row .volume {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#attacheddossiers div.table-container div.row .packages p,
#attacheddossiers div.table-container div.row .grossweight p,
#attacheddossiers div.table-container div.row .volume p {
    padding-bottom: 0px;
}

#attacheddossiers div.table-header .cargodescription,
#attacheddossiers div.table-container div.row .cargodescription {
    float: left;
    width: 170px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#attacheddossiers div.table-header .cargodescription.wide,
#attacheddossiers div.table-container div.row .cargodescription.wide {
    width: 230px;
}

#attacheddossiers div.table-header .dossierstatus {
    float: left;
    width: 130px;
    padding: 0 0 8px 0;
}

#attacheddossiers div.table-container div.row .dossierstatus {
    float: left;
    width: 110px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group-dossiers.png) 0 3px no-repeat;
}

#attacheddossiers div.table-container div.row .dossierstatus.open {
    background-position: 0 3px;
}

#attacheddossiers div.table-container div.row .dossierstatus.readyforinvoice {
    background-position: 0 -47px;
}

#attacheddossiers div.table-container div.row .dossierstatus.invoiced,
#attacheddossiers div.table-container div.row .dossierstatus.partialinvoiced,
#attacheddossiers div.table-container div.row .dossierstatus.clientreleased {
    background-position: 0 -97px;
}

#attacheddossiers div.table-container div.row .dossierstatus.notinvoiced {
    background-position: 0 -147px;
}

#attacheddossiers div.table-container div.row .dossierstatus.closed {
    background-position: 0 -197px;
}

#attacheddossiers div.table-container div.row .dossierstatus.onhold,
#attacheddossiers div.table-container div.row .dossierstatus.clientonhold,
#attacheddossiers div.table-container div.row .dossierstatus.notarifflines {
    background-position: 0 -248px;
    position: relative;
}

#attacheddossiers div.table-container div.row.grandtotals {
    background-color: #eeeeee;
    font-weight: bold;
}

#attacheddossiers div.table-container div.row.grandtotals.allcontainers {
    background-color: #e0e0e0;
}

#attacheddossiers div.table-container div.row.grandtotals .label {
    margin-left: 100px;
    width: 140px;
    float: left;
}


/* Outgoing Orders
-----------------------------------------------------------------------------*/
#outgoingorders div.table-header .yourreference,
#outgoingorders div.table-container div.row .yourreference {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
    margin-left: 30px;
}

#outgoingorders div.table-header .agentforwarder,
#outgoingorders div.table-container div.row .agentforwarder {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#outgoingorders div.table-header .agentreference,
#outgoingorders div.table-container div.row .agentreference {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#outgoingorders div.table-header .agentcontact,
#outgoingorders div.table-container div.row .agentcontact {
    float: left;
    width: 120px;
    padding: 0 5px 7px 0;
}

#outgoingorders div.table-header .companycontact,
#outgoingorders div.table-container div.row .companycontact {
    float: left;
    width: 110px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#outgoingorders div.table-header .port,
#outgoingorders div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#outgoingorders div.table-header .etseta,
#outgoingorders div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#outgoingorders div.table-header .type,
#outgoingorders div.table-container div.row .type {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#outgoingorders div.table-header .releaseto,
#outgoingorders div.table-container div.row .releaseto {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#outgoingorders div.table-container div.row .noresults {
    float: left;
    width: 787px;
    padding: 0 0 8px 0;
    margin-left: 30px;
}


/* Dock Receipts
-----------------------------------------------------------------------------*/
#dockreceipts div.table-header .dossier,
#dockreceipts div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#dockreceipts div.table-header .sequence,
#dockreceipts div.table-container div.row .sequence {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

#dockreceipts div.table-header .company,
#dockreceipts div.table-container div.row .company {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#dockreceipts div.table-header .carrier,
#dockreceipts div.table-container div.row .carrier {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#dockreceipts div.table-header .carrierbookingnumber,
#dockreceipts div.table-container div.row .carrierbookingnumber {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#dockreceipts div.table-header .port,
#dockreceipts div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#dockreceipts div.table-header .etseta,
#dockreceipts div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#dockreceipts div.table-header .companycontact,
#dockreceipts div.table-container div.row .companycontact {
    float: left;
    width: 120px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#dockreceipts div.table-header .revised {
    float: left;
    width: 70px;
}

#dockreceipts div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#dockreceipts div.table-container div.row .revised span {
    color: #888888;
}

#dockreceipts div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#dockreceipts div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* Table Overview - Specified Value of Goods
-----------------------------------------------------------------------------*/
#specifiedvalueofgoods {
    width: 600px;
    position: relative;
    margin-top: 25px;
    position: relative;
    width: 600px;
}

#specifiedvalueofgoods.view {
    margin-top: 0px;
}

#specifiedvalueofgoods h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

#specifiedvalueofgoods div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#specifiedvalueofgoods div.table-container {
    display: inline-block;
}

#specifiedvalueofgoods div.table-container p {
    padding-bottom: 0px;
}

#specifiedvalueofgoods div.table-header .packages,
#specifiedvalueofgoods div.table-container div.row .packages {
    float: left;
    margin-left: 15px;
    width: 100px;
    word-wrap: break-word;
}

#specifiedvalueofgoods  div.table-header .cargo,
#specifiedvalueofgoods  div.table-container div.row .cargo {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#specifiedvalueofgoods div.table-header .netvalue,
#specifiedvalueofgoods div.table-header .taxvalue,
#specifiedvalueofgoods div.table-header .dutyvalue,
#specifiedvalueofgoods div.table-header .levyvalue {
    float: left;
    width: 82px;
    text-align: right;
    padding: 0 0 8px 0;
    margin-right: 25px;
}

#specifiedvalueofgoods div.table-header .levyvalue {
    margin-right: 0px;
}

#specifiedvalueofgoods div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#specifiedvalueofgoods div.table-container div.row .amount {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
    text-align: right;
    margin-right: 25px;
}

#specifiedvalueofgoods div.table-container div.row .amount.last {
    margin-right: 0px;
}

#specifiedvalueofgoods div.table-container div.row.total {
    background-color: #f1f1f1;
    font-weight: bold;
}

#specifiedvalueofgoods div.table-container div.row.total div.totals {
    float: left;
    margin-left: 15px;
    width: 165px;
    padding: 0 0 8px 0;
}

#specifiedvalueofgoods div.table-container div.row.total div.currency {
    font-weight: normal;
}


/* Table Overview - Specified Value of Goods (EDIT)
-----------------------------------------------------------------------------*/
div.table-container.modularfixed.overview {
    height: auto;
    margin-left: 1px;
    margin-bottom: -1px;
    width: 1106px;
    overflow: visible;
}

div.table-container.modularfixed div.row {
    width: 100%;
}

#specifiedvalueofgoods-edit .packages,
#specifiedvalueofgoods-edit div.row .packages {
    float: left;
    margin-left: 1px;
    width: 100px;
    word-wrap: break-word;
}

#specifiedvalueofgoods-edit div.row .packages {
    margin-left: 14px;
}

#specifiedvalueofgoods-edit .cargo,
#specifiedvalueofgoods-edit .cargo {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#specifiedvalueofgoods-edit .hscode {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#specifiedvalueofgoods-edit .grossweight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#specifiedvalueofgoods-edit .netvalue {
    float: left;
    width: 150px;
    padding: 0 0 8px 0;
    margin-right: 20px;
}

#specifiedvalueofgoods-edit .taxvalue,
#specifiedvalueofgoods-edit .dutyvalue,
#specifiedvalueofgoods-edit .levyvalue {
    float: left;
    width: 158px;
    padding: 0 0 8px 0;
    margin-right: 20px;
}

#specifiedvalueofgoods-edit .editnetvalue {
    float: left;
    line-height: normal !important;
    margin: -1px 20px 0 0;
    padding: 0 0 3px 0;
    width: 150px;
}

#specifiedvalueofgoods-edit .edittaxvalue,
#specifiedvalueofgoods-edit .editdutyvalue,
#specifiedvalueofgoods-edit .editlevyvalue {
    float: left;
    line-height: normal !important;
    margin: -1px 20px 0 0;
    padding: 0 0 3px 0;
    width: 158px;
}


/* Table Overview - Specified Value of Goods (VIEW FULL)
-----------------------------------------------------------------------------*/
#specifiedvalueofgoods-view .packages,
#specifiedvalueofgoods-view div.row .packages {
    float: left;
    margin-left: 1px;
    width: 100px;
    word-wrap: break-word;
}

#specifiedvalueofgoods-view div.row .packages {
    margin-left: 14px;
}

#specifiedvalueofgoods-view .cargo,
#specifiedvalueofgoods-view .cargo {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#specifiedvalueofgoods-view .hscode {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#specifiedvalueofgoods-view .grossweight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#specifiedvalueofgoods-view .netweight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#specifiedvalueofgoods-view .grossvolume {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#specifiedvalueofgoods-view .netvalue,
#specifiedvalueofgoods-view .taxvalue,
#specifiedvalueofgoods-view .dutyvalue,
#specifiedvalueofgoods-view .levyvalue {
    float: left;
    width: 82px;
    text-align: right;
    padding: 0 0 8px 0;
}

#specifiedvalueofgoods-view .currencymargin {
    margin-right: 25px;
}

#specifiedvalueofgoods-view div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#specifiedvalueofgoods-view div.table-container div.row .amount {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
    text-align: right;
}

#specifiedvalueofgoods-view .percentage {
    float: left;
    width: 40px;
    margin: 0 20px 0 5px;
    padding: 0 0 8px 0;
    color: #888888;
}

#specifiedvalueofgoods-view div.table-container div.row.total {
    background-color: #f1f1f1;
    font-weight: bold;
}

#specifiedvalueofgoods-view div.table-container div.row.total div.totals {
    float: left;
    margin-left: 15px;
    width: 255px;
    padding: 0 0 8px 0;
}

#specifiedvalueofgoods-view div.table-container div.row.total div.currency,
#specifiedvalueofgoods-view div.table-container div.row.total div.percentage {
    font-weight: normal;
}


/* Purchase Orders - Overviews
-----------------------------------------------------------------------------*/
#purchaseorders div.table-header .readydate,
#purchaseorders div.table-container div.row .readydate {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 7px 0;
}

#purchaseorders div.table-header .ponumber,
#purchaseorders div.table-container div.row .ponumber {
    float: left;
    width: 90px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#purchaseorders div.table-header .date,
#purchaseorders div.table-container div.row .date {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#purchaseorders div.table-header .client,
#purchaseorders div.table-container div.row .client {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#purchaseorders div.table-header .agent,
#purchaseorders div.table-container div.row .agent {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#purchaseorders div.table-header .clientcontact,
#purchaseorders div.table-container div.row .clientcontact,
#purchaseorders div.table-header .agentcontact,
#purchaseorders div.table-container div.row .agentcontact {
    float: left;
    width: 120px;
    padding: 0 0 7px 0;
}

#purchaseorders div.table-header .tradetype,
#purchaseorders div.table-container div.row .tradetype {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#purchaseorders div.table-header .port,
#purchaseorders div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#purchaseorders div.table-header .incoterms,
#purchaseorders div.table-container div.row .incoterms {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#purchaseorders div.table-header .packages,
#purchaseorders div.table-container div.row .packages {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#purchaseorders div.table-header .cargotypes,
#purchaseorders div.table-container div.row .cargotypes {
    float: left;
    width: 160px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#purchaseorders div.table-header .remainingpackages,
#purchaseorders div.table-container div.row .remainingpackages {
    float: left;
    width: 140px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#purchaseorders div.table-header .remainingcargotypes,
#purchaseorders div.table-container div.row .remainingcargotypes {
    float: left;
    width: 200px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#purchaseorders div.table-container div.row .packages p,
#purchaseorders div.table-container div.row .cargotypes p,
#purchaseorders div.table-container div.row .remainingpackages p,
#purchaseorders div.table-container div.row .remainingcargotypes p {
    padding: 0px;
}

#purchaseorders div.table-header .postatus {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#purchaseorders div.table-container div.row .postatus {
    float: left;
    width: 80px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#purchaseorders div.table-container div.row .postatus.saved {
    background-position: 0 1px;
}

#purchaseorders div.table-container div.row .postatus.completed {
    background-position: 0 -49px;
}

#purchaseorders div.table-container div.row .postatus.sendlist {
    background-position: 0 -49px;
}

#purchaseorders div.table-container div.row .postatus.sent {
    background-position: 0 -99px;
}

#purchaseorders div.table-container div.row .postatus.partlypicked {
    background-position: 0 -249px;
}

#purchaseorders div.table-container div.row .postatus.handled {
    background-position: 0 -148px;
    position: relative;
}

#purchaseorders div.table-container div.row .postatus.cancelled {
    background-position: 0 -198px;
    position: relative;
}

#purchaseorders div.table-header .revised {
    float: left;
    width: 70px;
}

#purchaseorders div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#purchaseorders div.table-container div.row .revised span {
    color: #888888;
}

#purchaseorders div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#purchaseorders div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* Ready date History
-----------------------------------------------------------------------------*/
#readydatehistory div.table-header .oldreadydate,
#readydatehistory div.table-container div.row .oldreadydate {
    float: left;
    margin-left: 30px;
    width: 120px;
    padding: 0 0 8px 0;
}

#readydatehistory div.table-header .newreadydate,
#readydatehistory div.table-container div.row .newreadydate {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#readydatehistory div.table-header .reasonforchange,
#readydatehistory div.table-container div.row .reasonforchange {
    float: left;
    width: 285px;
    padding: 0 0 8px 0;
}


/* ETS/ETA History
-----------------------------------------------------------------------------*/
#etseta-history div.table-header .oldets,
#etseta-history div.table-container div.row .oldets {
    float: left;
    margin-left: 30px;
    width: 90px;
    padding: 0 0 8px 0;
}

#etseta-history div.table-header .newets,
#etseta-history div.table-container div.row .newets,
#etseta-history div.table-header .oldeta,
#etseta-history div.table-container div.row .oldeta,
#etseta-history div.table-header .neweta,
#etseta-history div.table-container div.row .neweta {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#etseta-history div.table-header .communication,
#etseta-history div.table-container div.row .communication {
    float: left;
    width: 150px;
    padding: 0 0 8px 0;
}


/* Purchase Orders - Tab
-----------------------------------------------------------------------------*/
#tab-purchaseorders div.table-header .ponumber,
#tab-purchaseorders div.table-container div.row .ponumber {
    float: left;
    margin-left: 15px;
    width: 90px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#tab-purchaseorders div.table-header .packages,
#tab-purchaseorders div.table-container div.row .packages {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#tab-purchaseorders div.table-header .cargotypes,
#tab-purchaseorders div.table-container div.row .cargotypes {
    float: left;
    width: 160px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#tab-purchaseorders div.table-header .weight,
#tab-purchaseorders div.table-container div.row .weight {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#tab-purchaseorders div.table-header .volume,
#tab-purchaseorders div.table-container div.row .volume {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#tab-purchaseorders div.table-container div.row p {
    padding: 0px;
}


/* Shipments - Overviews
-----------------------------------------------------------------------------*/
#shipments div.table-header .dossier,
#shipments div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

#shipments div.table-header .ponumber,
#shipments div.table-container div.row .ponumber {
    float: left;
    margin-left: 30px;
    width: 85px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#shipments div.table-container div.row .ponumber p {
    padding-bottom: 0px;
}

#shipments div.table-header .ponumber.withdossier,
#shipments div.table-container div.row .ponumber.withdossier {
    margin-left: 0px;
}

#shipments div.table-header .client,
#shipments div.table-container div.row .client {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#shipments div.table-header .agent,
#shipments div.table-container div.row .agent {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#shipments div.table-header .pdftype,
#shipments div.table-container div.row .pdftype {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#shipments div.table-header .carrier,
#shipments div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#shipments div.table-header .type,
#shipments div.table-container div.row .type {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#shipments div.table-header .port,
#shipments div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#shipments div.table-header .etseta,
#shipments div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

#shipments div.table-header .incoterms,
#shipments div.table-container div.row .incoterms {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}


/* Shipments - Tab Overview
-----------------------------------------------------------------------------*/
#tab-shipments div.table-header .dossier,
#tab-shipments div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

#tab-shipments div.table-header .ponumber,
#tab-shipments div.table-container div.row .ponumber {
    float: left;
    margin-left: 0px;
    width: 90px;
    padding: 0 0 8px 0;
}

#tab-shipments div.table-container div.row .ponumber p {
    padding: 0px;
}

#tab-shipments div.table-header .carrier,
#tab-shipments div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#tab-shipments div.table-header .port,
#tab-shipments div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#tab-shipments div.table-header .etseta,
#tab-shipments div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}


/* Shipments - PO Cargo
-----------------------------------------------------------------------------*/
div.pocargo {
    width: 600px;
    display: inline-block;
    margin: 0px;
}

div.pocargo div.table-header .ponumber,
div.pocargo div.table-container div.row .ponumber {
    float: left;
    margin-left: 15px;
    width: 90px;
    padding: 0 0 8px 0;
}

div.pocargo div.table-header .packages,
div.pocargo div.table-container div.row .packages {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.pocargo div.table-header .cargotype,
div.pocargo div.table-container div.row .cargotype {
    float: left;
    width: 160px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.pocargo div.table-header .weight,
div.pocargo div.table-container div.row .weight {
    float: left;
    width: 80px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.pocargo div.table-header .volume,
div.pocargo div.table-container div.row .volume {
    float: left;
    width: 70px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}


/* Shipments - Assigned PO Cargo
-----------------------------------------------------------------------------*/
div.assignedpocargo {
    width: 600px;
    display: inline-block;
    margin: 5px 0 0 0;
}

div.assignedpocargo div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

div.assignedpocargo div.table-header .ponumber,
div.assignedpocargo div.table-container div.row .ponumber {
    float: left;
    margin-left: 15px;
    width: 90px;
    padding: 0 0 8px 0;
}

div.assignedpocargo div.table-header .packages,
div.assignedpocargo div.table-container div.row .packages {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.assignedpocargo div.table-header .cargotype,
div.assignedpocargo div.table-container div.row .cargotype {
    float: left;
    width: 160px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.assignedpocargo div.table-header .weight,
div.assignedpocargo div.table-container div.row .weight {
    float: left;
    width: 80px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.assignedpocargo div.table-header .volume,
div.assignedpocargo div.table-container div.row .volume {
    float: left;
    width: 70px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.assignedpocargo div.table-container div.row .nocargo {
    float: left;
    width: 570px;
    padding: 0 0 8px 0;
    margin-left: 15px;
}


/* Incoming Invoices 2.0 - Uploaded Invoices
-----------------------------------------------------------------------------*/
#uploadedinvoices-new div.table-header .date,
#uploadedinvoices-new div.table-container div.row .date {
    float: left;
    width: 80px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#uploadedinvoices-new div.table-header .time,
#uploadedinvoices-new div.table-container div.row .time {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#uploadedinvoices-new div.table-header .filename,
#uploadedinvoices-new div.table-container div.row .filename {
    float: left;
    width: 250px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#uploadedinvoices-new div.table-header .filesize,
#uploadedinvoices-new div.table-container div.row .filesize {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#uploadedinvoices-new div.table-header .dossier,
#uploadedinvoices-new div.table-container div.row .dossier {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#uploadedinvoices-new div.table-header .uploadedby,
#uploadedinvoices-new div.table-container div.row .uploadedby {
    float: left;
    width: 150px;
    padding: 0 0 8px 0;
}


/* Incoming Invoices 2.0
-----------------------------------------------------------------------------*/
#incominginvoices div.table-header .invoicedate,
#incominginvoices div.table-container div.row .invoicedate {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#incominginvoices div.table-header .creditor,
#incominginvoices div.table-container div.row .creditor {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#incominginvoices div.table-header .duedate,
#incominginvoices div.table-container div.row .duedate {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#incominginvoices div.table-header .invoicenumber,
#incominginvoices div.table-container div.row .invoicenumber {
    float: left;
    width: 80px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#incominginvoices div.table-header .dossier,
#incominginvoices div.table-container div.row .dossier {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#incominginvoices div.table-header .sequence,
#incominginvoices div.table-container div.row .sequence {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#incominginvoices div.table-header .amount {
    float: left;
    width: 92px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#incominginvoices div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#incominginvoices div.table-container div.row .amount {
    float: left;
    width: 65px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#incominginvoices div.table-header .vatamount {
    float: left;
    width: 75px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#incominginvoices div.table-container div.row .vatcurrency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#incominginvoices div.table-container div.row .vatamount {
    float: left;
    width: 48px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#incominginvoices div.table-header .roe,
#incominginvoices div.table-container div.row .roe {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#incominginvoices div.table-header .status {
    float: left;
    width: 100px;
}

#incominginvoices div.table-container div.row .status {
    float: left;
    width: 80px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#incominginvoices div.table-container div.row .status.internalquery,
#incominginvoices div.table-container div.row .status.disputed,
#incominginvoices div.table-container div.row .status.unallocated,
#incominginvoices div.table-container div.row .status.withoutdossier {
    background-position: 0 -249px;
}

#incominginvoices div.table-container div.row .status.readyforprocessing {
    background-position: 0 1px;
}

#incominginvoices div.table-container div.row .status.processed {
    background-position: 0 -49px;
}

#incominginvoices div.table-container div.row .status.exported {
    background-position: 0 -99px;
}

#incominginvoices div.table-header .paid {
    float: left;
    width: 55px;
}

#incominginvoices div.table-container div.row .paid {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#incominginvoices div.table-container div.row .paid.no {
    background-position: 0 1px;
}

#incominginvoices div.table-container div.row .paid.partly {
    background-position: 0 -249px;
}

#incominginvoices div.table-container div.row .paid.yes {
    background-position: 0 -99px;
}

#incominginvoices div.table-header .replystatus {
    float: left;
    width: 100px;
}

#incominginvoices div.table-container div.row .replystatus {
    float: left;
    width: 80px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#incominginvoices div.table-container div.row .replystatus.notreplied {
    background-position: 0 1px;
}

#incominginvoices div.table-container div.row .replystatus.replied {
    background-position: 0 -99px;
}

#incominginvoices div.table-header .creditorcontact,
#incominginvoices div.table-container div.row .creditorcontact {
    float: left;
    width: 110px;
    padding: 0 0 7px 0;
    word-wrap: break-word;
}

#incominginvoices div.table-container div.row.grandtotals {
    background-color: #dddddd;
    font-weight: bold;
}

#incominginvoices div.table-container div.row.grandtotals .totals {
    float: left;
    margin-left: 335px;
    width: 70px;
    padding: 0 0 8px 0;
}

#incominginvoices div.table-container div.row .amount p,
#incominginvoices div.table-container div.row .currency p {
    padding: 0px;
}


/* Payment history
-----------------------------------------------------------------------------*/
#paymenthistory div.table-header .date,
#paymenthistory div.table-container div.row .date {
    float: left;
    width: 75px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#paymenthistory div.table-header .amount,
#paymenthistory div.table-header .payment {
    float: left;
    width: 92px;
    margin: 0 25px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#paymenthistory div.table-container div.row .currency,
#paymenthistory div.table-container div.row .paymentcurrency {
    float: left;
    width: 27px;
    margin: 0 0 0 10px;
    padding: 0 0 8px 0;
}

#paymenthistory div.table-container div.row .amount,
#paymenthistory div.table-container div.row .paymentamount {
    float: left;
    width: 55px;
    margin: 0 25px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#paymenthistory div.table-header .paid {
    float: left;
    width: 55px;
}

#paymenthistory div.table-container div.row .paid {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#paymenthistory div.table-container div.row .paid.partly {
    background-position: 0 -249px;
}

#paymenthistory div.table-container div.row .paid.yes {
    background-position: 0 -99px;
}

#paymenthistory div.table-container div.row .nopayments {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#paymenthistory.clientportal div.table-header .date,
#paymenthistory.clientportal div.table-container div.row .date,
#paymenthistory.clientportal div.table-container div.row .nopayments {
    margin-left: 15px;
}


/* Link dossier tariff lines
-----------------------------------------------------------------------------*/
#linkdossiertariffs {
    width: 600px;
    position: relative;
}

#linkdossiertariffs div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#linkdossiertariffs div.table-container {
    display: inline-block;
}

#linkdossiertariffs div.table-header .dossier,
#linkdossiertariffs div.table-container div.row .dossier {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 9px 0;
}

#linkdossiertariffs div.table-header .tarifftype,
#linkdossiertariffs div.table-container div.row .tarifftype {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#linkdossiertariffs div.table-header .unittype,
#linkdossiertariffs div.table-container div.row .unittype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#linkdossiertariffs div.table-header .information,
#linkdossiertariffs div.table-container div.row .information {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

#linkdossiertariffs div.table-header .creditor,
#linkdossiertariffs div.table-container div.row .creditor {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#linkdossiertariffs div.table-header .amount {
    float: left;
    width: 95px;
    text-align: right;
    padding: 0 10px 8px 0;
}

#linkdossiertariffs div.table-container div.row .amount {
    float: left;
    width: 58px;
    text-align: right;
    padding: 0 10px 8px 0;
}

#linkdossiertariffs div.table-container div.row .currency {
    float: left;
    width: 22px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#linkdossiertariffs div.table-header .remainingamount {
    float: left;
    width: 105px;
    text-align: right;
    padding: 0 0 8px 0;
}

#linkdossiertariffs div.table-container div.row .remainingamount {
    float: left;
    width: 68px;
    text-align: right;
    padding: 0 0 8px 0;
    font-weight: bold;
}

#linkdossiertariffs div.table-container div.row .remainingcurrency {
    float: left;
    width: 22px;
    margin-left: 15px;
    padding: 0 0 8px 0;
    font-weight: bold;
}

#linkdossiertariffs div.table-header .editinvoiceamount {
    float: left;
    width: 91px;
    padding: 0 10px 8px 15px;
}

#linkdossiertariffs div.table-container div.row .editinvoiceamount {
    float: left;
    line-height: normal !important;
    margin-top: -1px;
    padding: 0 10px 3px 15px;
    width: 91px;
}

#linkdossiertariffs div.table-container div.row .no-tariffs {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#linkdossiertariffs div.table-container div.row.totals {
    background-color: #f1f1f1;
}

#linkdossiertariffs div.table-container div.row div.label {
    float: left;
    width: 405px;
    padding: 0 10px 8px 0;
    margin-left: 15px;
    text-align: right;
}

#linkdossiertariffs div.table-container div.row .invoiceamount {
    float: left;
    width: 63px;
    text-align: right;
    padding: 0 10px 8px 0;
    font-weight: bold;
}

#linkdossiertariffs div.table-container div.row .invoicecurrency {
    float: left;
    width: 22px;
    margin-left: 15px;
    padding: 0 0 8px 0;
    font-weight: bold;
}


/* Linked tariff amounts
-----------------------------------------------------------------------------*/
div.linkedtariffamounts {
    width: 600px;
    position: relative;
}

div.linkedtariffamounts div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

div.linkedtariffamounts div.table-container {
    display: inline-block;
}

div.linkedtariffamounts div.table-header .dossier,
div.linkedtariffamounts div.table-container div.row .dossier {
    float: left;
    width: 80px;
    margin-left: 15px;
    padding: 0 0 9px 0;
}

div.linkedtariffamounts.selectable div.table-header .dossier,
div.linkedtariffamounts.selectable div.table-container div.row .dossier {
    margin-left: 30px;
}

div.linkedtariffamounts div.table-header .tarifftype,
div.linkedtariffamounts div.table-container div.row .tarifftype {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

div.linkedtariffamounts div.table-header .unittype,
div.linkedtariffamounts div.table-container div.row .unittype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

div.linkedtariffamounts div.table-header .information,
div.linkedtariffamounts div.table-container div.row .information {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

div.linkedtariffamounts div.table-header .creditor,
div.linkedtariffamounts div.table-container div.row .creditor {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

div.linkedtariffamounts.selectable div.table-header .creditor,
div.linkedtariffamounts.selectable div.table-container div.row .creditor {
    width: 55px;
}

div.linkedtariffamounts div.table-header .amount {
    float: left;
    width: 105px;
    text-align: right;
    padding: 0 10px 8px 0;
}

div.linkedtariffamounts div.table-container div.row .amount {
    float: left;
    width: 68px;
    text-align: right;
    padding: 0 10px 8px 0;
}

div.linkedtariffamounts div.table-container div.row .currency {
    float: left;
    width: 22px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.linkedtariffamounts div.table-header .remainingamount {
    float: left;
    width: 95px;
    text-align: right;
    padding: 0 10px 8px 0;
}

div.linkedtariffamounts div.table-container div.row .remainingamount {
    float: left;
    width: 58px;
    text-align: right;
    padding: 0 10px 8px 0;
}

div.linkedtariffamounts div.table-container div.row .remainingcurrency {
    float: left;
    width: 22px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.linkedtariffamounts div.table-header .invoiceamount {
    float: left;
    width: 95px;
    text-align: right;
    padding: 0 10px 8px 0;
}

div.linkedtariffamounts div.table-container div.row .invoiceamount {
    float: left;
    width: 58px;
    text-align: right;
    padding: 0 0 8px 0;
    font-weight: bold;
}

div.linkedtariffamounts div.table-container div.row .invoicecurrency {
    float: left;
    width: 22px;
    margin-left: 15px;
    padding: 0 0 8px 0;
    font-weight: bold;
}

div.linkedtariffamounts div.table-header .editinvoiceamount {
    float: right;
    width: 91px;
    padding: 0 10px 8px 0;
}

div.linkedtariffamounts div.table-container div.row .editinvoiceamount {
    float: right;
    line-height: normal !important;
    margin-top: -1px;
    padding: 0 10px 3px 0;
    width: 91px;
}

div.linkedtariffamounts div.table-container div.row .no-tariffs {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.linkedtariffamounts div.table-container div.row.totals {
    background-color: #f1f1f1;
}

div.linkedtariffamounts div.table-container div.row div.label {
    float: left;
    width: 455px;
    padding: 0 10px 8px 0;
    margin-left: 15px;
    text-align: right;
}

div.linkedtariffamounts.viewtable div.table-container div.row div.label {
    width: 390px;
}

div.linkedtariffamounts div.table-container div.row.totals.difference {
    color: #47aa42;
}

div.linkedtariffamounts div.table-container div.row.totals.difference.error {
    color: #bd1818;
}

div.linkedtariffamounts div.buttoncontainer.deletefrominvoice {
    margin-right: -10px;
}


/* Tariff Type Markup (Company)
-----------------------------------------------------------------------------*/
#tariffmarkup div.table-header .tarifftype,
#tariffmarkup div.table-container div.row .tarifftype {
    float: left;
    margin-left: 30px;
    width: 275px;
    padding: 0 10px 8px 0;
}

#tariffmarkup div.table-header .markup,
#tariffmarkup div.table-container div.row .markup {
    float: left;
    padding: 0 0 8px 0;
    width: 100px;
}

#tariffmarkup div.table-header .markupvalue,
#tariffmarkup div.table-container div.row .markupvalue {
    float: left;
    padding: 0 0 8px 0;
    width: 100px;
}

#tariffmarkup div.table-container div.row .nomarkup {
    float: left;
    margin-left: 30px;
    width: 555px;
    padding: 0 0 8px 0;
}


/* Default Contacts and E-mail addresses (Company)
-----------------------------------------------------------------------------*/
#defaultcontacts div.table-header .category,
#defaultcontacts div.table-container div.row .category {
    float: left;
    width: 90px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#defaultcontacts div.table-header .module,
#defaultcontacts div.table-container div.row .module {
    float: left;
    width: 260px;
    padding: 0 0 8px 0;
}

#defaultcontacts div.table-header .active {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#defaultcontacts div.table-container div.row .active {
    float: left;
    width: 52px;
    padding: 0 0 8px 0;
}

#defaultcontacts div.table-container div.row .active {
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#defaultcontacts div.table-container div.row .active.no {
    background-position: 0 1px;
}

#defaultcontacts div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Select File (Multiple)
-----------------------------------------------------------------------------*/
div.select-file {
    width: 600px;
    position: relative;
    margin-top: 25px;
    position: relative;
}

div.select-file h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

div.select-file div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

div.select-file div.table-container {
    display: inline-block;
}

div.select-file div.table-container p {
    padding-bottom: 0px;
}

div.select-file div.table-header .dossier,
div.select-file div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    padding: 0 0 8px 0;
    width: 75px;
}

div.select-file div.table-header .date,
div.select-file div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
}

div.select-file.multipledossiers div.table-header .date,
div.select-file.multipledossiers div.table-container div.row .date {
    margin-left: 0px;
}

div.select-file  div.table-header .visibility,
div.select-file  div.table-container div.row .visibility {
    float: left;
    width: 21px;
    height: 16px;
    margin-top: 2px;
}

div.select-file div.table-header .filetype,
div.select-file div.table-container div.row .filetype {
    float: left;
    width: 130px;
    padding-bottom: 8px;
}

div.select-file div.table-header .filename,
div.select-file div.table-container div.row .filename {
    float: left;
    width: 250px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

div.select-file.multipledossiers div.table-header .filename,
div.select-file.multipledossiers div.table-container div.row .filename {
    width: 180px;
}

div.select-file div.table-container div.row .nofile {
    float: left;
    margin-left: 30px;
    width: 555px;
    padding-bottom: 8px;
}


/* Outgoing Invoices 2.0
-----------------------------------------------------------------------------*/
#outgoinginvoices div.table-header .invoicedate,
#outgoinginvoices div.table-container div.row .invoicedate {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#outgoinginvoices.clientportal div.table-header .invoicedate,
#outgoinginvoices.clientportal div.table-container div.row .invoicedate {
    width: 70px;
    margin-left: 15px;
}

#outgoinginvoices div.table-header .debtor,
#outgoinginvoices div.table-container div.row .debtor {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#outgoinginvoices div.table-header .duedate,
#outgoinginvoices div.table-container div.row .duedate {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#outgoinginvoices.clientportal div.table-header .duedate,
#outgoinginvoices.clientportal div.table-container div.row .duedate {
    width: 70px;
}

#outgoinginvoices div.table-header .invoicenumber,
#outgoinginvoices div.table-container div.row .invoicenumber {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#outgoinginvoices div.table-header .dossier,
#outgoinginvoices div.table-container div.row .dossier {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#outgoinginvoices div.table-header .amount {
    float: left;
    width: 97px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#outgoinginvoices div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#outgoinginvoices div.table-container div.row .amount {
    float: left;
    width: 70px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#outgoinginvoices div.table-header .vatamount {
    float: left;
    width: 75px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#outgoinginvoices div.table-container div.row .vatcurrency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#outgoinginvoices div.table-container div.row .vatamount {
    float: left;
    width: 48px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#outgoinginvoices div.table-header .status {
    float: left;
    width: 90px;
}

#outgoinginvoices div.table-container div.row .status {
    float: left;
    width: 70px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#outgoinginvoices div.table-container div.row .status.disputed {
    background-position: 0 -249px;
}

#outgoinginvoices div.table-container div.row .status.draft {
    background-position: 0 1px;
}

#outgoinginvoices div.table-container div.row .status.confirmed,
#outgoinginvoices div.table-container div.row .status.sentprinted {
    background-position: 0 -49px;
}

#outgoinginvoices div.table-container div.row .status.exported {
    background-position: 0 -99px;
}

#outgoinginvoices div.table-container div.row .status.declined {
    background-position: 0 -199px;
}

#outgoinginvoices div.table-header .paid {
    float: left;
    width: 55px;
}

#outgoinginvoices.clientportal div.table-header .paid {
    width: 70px;
}

#outgoinginvoices div.table-container div.row .paid {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#outgoinginvoices.clientportal div.table-container div.row .paid {
    width: 50px;
}

#outgoinginvoices div.table-container div.row .paid.no {
    background-position: 0 1px;
}

#outgoinginvoices div.table-container div.row .paid.partly {
    background-position: 0 -249px;
}

#outgoinginvoices div.table-container div.row .paid.yes {
    background-position: 0 -99px;
}

#outgoinginvoices div.table-header .createddate,
#outgoinginvoices div.table-container div.row .createddate {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#outgoinginvoices div.table-header .paymentterm,
#outgoinginvoices div.table-container div.row .paymentterm {
    float: left;
    width: 150px;
    padding: 0 0 8px 0;
}

#outgoinginvoices div.table-header .debtoremail,
#outgoinginvoices div.table-container div.row .debtoremail {
    float: left;
    width: 200px;
    padding: 0 10px 7px 0;
    word-wrap: break-word;
}

#outgoinginvoices div.table-header .pastdue,
#outgoinginvoices div.table-container div.row .pastdue {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#outgoinginvoices.clientportal div.table-header .pastdue {
    float: left;
    width: 60px;
}

#outgoinginvoices.clientportal div.table-container div.row .pastdue {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#outgoinginvoices.clientportal div.table-container div.row .pastdue.no {
    background-position: 0 1px;
}

#outgoinginvoices.clientportal div.table-container div.row .pastdue.yes {
    background-position: 0 -99px;
}

#outgoinginvoices div.table-header .chasestatus,
#outgoinginvoices div.table-container div.row .chasestatus {
    float: left;
    width: 90px;
    padding: 0 0 7px 0;
}

#outgoinginvoices div.table-header .disputed,
#outgoinginvoices div.table-header .chased {
    float: left;
    width: 90px;
}

#outgoinginvoices div.table-container div.row .disputed,
#outgoinginvoices div.table-container div.row .chased {
    float: left;
    width: 70px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#outgoinginvoices div.table-container div.row .disputed.no,
#outgoinginvoices div.table-container div.row .chased.no {
    background-position: 0 1px;
}

#outgoinginvoices div.table-container div.row .disputed.yes,
#outgoinginvoices div.table-container div.row .chased.yes {
    background-position: 0 -99px;
}

#outgoinginvoices div.table-container div.row.grandtotals {
    background-color: #dddddd;
    font-weight: bold;
}

#outgoinginvoices div.table-container div.row.grandtotals .totals {
    float: left;
    margin-left: 170px;
    width: 90px;
    padding: 0 0 8px 0;
}

#outgoinginvoices div.table-container div.row .amount p,
#outgoinginvoices div.table-container div.row .currency p {
    padding: 0px;
}


/* Chase per Debtor
-----------------------------------------------------------------------------*/
#chaseperdebtor div.table-header .debtor,
#chaseperdebtor div.table-container div.row .debtor {
    float: left;
    width: 230px;
    margin-left: 15px;
    padding: 0 10px 8px 0;
}

#chaseperdebtor div.table-header .code,
#chaseperdebtor div.table-container div.row .code {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#chaseperdebtor div.table-header .openamount {
    float: left;
    width: 82px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#chaseperdebtor div.table-container div.row .openamountcurrency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#chaseperdebtor div.table-container div.row .openamount {
    float: left;
    width: 55px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#chaseperdebtor div.table-header .amountpastdue {
    float: left;
    width: 82px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#chaseperdebtor div.table-container div.row .amountpastduecurrency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#chaseperdebtor div.table-container div.row .amountpastdue {
    float: left;
    width: 55px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#chaseperdebtor div.table-header .duedate,
#chaseperdebtor div.table-container div.row .duedate {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#chaseperdebtor div.table-header .dayspastdue,
#chaseperdebtor div.table-container div.row .dayspastdue {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#chaseperdebtor div.table-header .chasestatus,
#chaseperdebtor div.table-container div.row .chasestatus {
    float: left;
    width: 90px;
    padding: 0 0 7px 0;
}


/* Chase Sendlist
-----------------------------------------------------------------------------*/
#chasesendlist div.table-header .date,
#chasesendlist div.table-container div.row .date {
    float: left;
    width: 75px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#chasesendlist div.table-header .debtor,
#chasesendlist div.table-container div.row .debtor {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#chasesendlist div.table-header .debtorcontact,
#chasesendlist div.table-container div.row .debtorcontact {
    float: left;
    width: 105px;
    padding: 0 5px 8px 0;
}

#chasesendlist div.table-header .emailtype,
#chasesendlist div.table-container div.row .emailtype {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#chasesendlist div.table-header .subject,
#chasesendlist div.table-container div.row .subject {
    float: left;
    width: 180px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#chasesendlist div.table-header .invoicenumber,
#chasesendlist div.table-container div.row .invoicenumber {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#chasesendlist div.table-header .amount {
    float: left;
    width: 82px;
    padding: 0 0 8px 0;
    text-align: right;
}

#chasesendlist div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#chasesendlist div.table-container div.row .amount {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
    text-align: right;
}


/* Chase history (Tab)
-----------------------------------------------------------------------------*/
#tab-chasehistory div.table-header .date,
#tab-chasehistory div.table-container div.row .date {
    float: left;
    width: 75px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#tab-chasehistory.clientportal div.table-header .date,
#tab-chasehistory.clientportal div.table-container div.row .date {
    margin-left: 15px;
}

#tab-chasehistory div.table-header .invoicenumber,
#tab-chasehistory div.table-container div.row .invoicenumber {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#tab-chasehistory div.table-header .type,
#tab-chasehistory div.table-container div.row .type {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#tab-chasehistory div.table-header .subject,
#tab-chasehistory div.table-container div.row .subject {
    float: left;
    width: 330px;
    padding: 0 0 8px 0;
}

#tab-chasehistory div.table-header .subject.debtorview,
#tab-chasehistory div.table-container div.row .subject.debtorview {
    width: 255px;
}


/* Selected Outgoing Invoices
-----------------------------------------------------------------------------*/
#selected-outgoinginvoices {
    width: 600px;
    display: inline-block;
    margin-top: 15px;
}

#selected-outgoinginvoices div.table-header .invoicedate,
#selected-outgoinginvoices div.table-container div.row .invoicedate {
    float: left;
    width: 80px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#selected-outgoinginvoices div.table-header .duedate,
#selected-outgoinginvoices div.table-container div.row .duedate {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#selected-outgoinginvoices div.table-header .invoicenumber,
#selected-outgoinginvoices div.table-container div.row .invoicenumber {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#selected-outgoinginvoices div.table-header .amount {
    float: left;
    width: 82px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#selected-outgoinginvoices div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#selected-outgoinginvoices div.table-container div.row .amount {
    float: left;
    width: 55px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#selected-outgoinginvoices div.table-header .paid {
    float: left;
    width: 55px;
}

#selected-outgoinginvoices div.table-container div.row .paid {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#selected-outgoinginvoices div.table-container div.row .paid.no {
    background-position: 0 1px;
}

#selected-outgoinginvoices div.table-container div.row .paid.partly {
    background-position: 0 -249px;
}

#selected-outgoinginvoices div.table-container div.row .paid.yes {
    background-position: 0 -99px;
}

#selected-outgoinginvoices div.table-header .chasestatus,
#selected-outgoinginvoices div.table-container div.row .chasestatus {
    float: left;
    width: 90px;
    padding: 0 0 7px 0;
}


/* Select Outgoing Invoices
-----------------------------------------------------------------------------*/
div.select-outgoinginvoices {
    width: 600px;
    display: inline-block;
}

div.select-outgoinginvoices div.table-header .invoicedate,
div.select-outgoinginvoices div.table-container div.row .invoicedate {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

div.select-outgoinginvoices div.table-header .duedate,
div.select-outgoinginvoices div.table-container div.row .duedate {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

div.select-outgoinginvoices div.table-header .invoicenumber,
div.select-outgoinginvoices div.table-container div.row .invoicenumber {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.select-outgoinginvoices div.table-header .amount {
    float: left;
    width: 97px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

div.select-outgoinginvoices div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

div.select-outgoinginvoices div.table-container div.row .amount {
    float: left;
    width: 70px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

div.select-outgoinginvoices div.table-header .pastdue,
div.select-outgoinginvoices div.table-container div.row .pastdue {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

div.select-outgoinginvoices div.table-header .paid {
    float: left;
    width: 55px;
}

div.select-outgoinginvoices div.table-container div.row .paid {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

div.select-outgoinginvoices div.table-container div.row .paid.no {
    background-position: 0 1px;
}

div.select-outgoinginvoices div.table-container div.row .paid.partly {
    background-position: 0 -249px;
}

div.select-outgoinginvoices div.table-container div.row .paid.yes {
    background-position: 0 -99px;
}


/* Search filter sets
-----------------------------------------------------------------------------*/
#searchfiltersets.header .filtersetname {
    float: left;
    width: 400px;
    padding: 0 0 8px 0;
}

#searchfiltersets div.table-container div.row .filtersetname {
    float: left;
    width: 385px;
    margin-left: 14px;
    cursor: pointer;
    padding: 0 15px 8px 0;
}

#searchfiltersets.header .displaytype {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#searchfiltersets div.table-container div.row .displaytype {
    float: left;
    width: 60px;
    background: url(../images/visibility-group.png) no-repeat 0 1px;
    padding: 0 0 8px 20px;
}

#searchfiltersets div.table-container div.row .displaytype.public {
    background-position: 0 1px;
}

#searchfiltersets div.table-container div.row .displaytype.private {
    background-position: 0 -49px;
}

#searchfiltersets div.table-container div.row .noresults {
    float: left;
    width: 570px;
    margin-left: 14px;
    padding: 0 15px 8px 0;
}


/* COUNTRIES - ADMIN
-----------------------------------------------------------------------------*/
#countries div.table-header .country,
#countries div.table-container div.row .country {
    float: left;
    width: 250px;
    padding: 0 10px 8px 0;
    margin-left: 15px;
}

#countries div.table-header .code,
#countries div.table-container div.row .code {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#countries div.table-header .worldregion,
#countries div.table-container div.row .worldregion {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#countries div.table-header .eumember {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#countries div.table-container div.row .eumember {
    float: left;
    width: 60px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#countries div.table-container div.row .eumember.no {
    background-position: 0 1px;
}

#countries div.table-container div.row .eumember.yes {
    background-position: 0 -99px;
}

#countries div.table-header .factoring {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#countries div.table-container div.row .factoring {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#countries div.table-container div.row .factoring.no {
    background-position: 0 1px;
}

#countries div.table-container div.row .factoring.yes {
    background-position: 0 -99px;
}

#countries div.table-header .active {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#countries div.table-container div.row .active {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#countries div.table-container div.row .active.no {
    background-position: 0 1px;
}

#countries div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* WORLD REGIONS - ADMIN
-----------------------------------------------------------------------------*/
#worldregion div.table-header .worldregion,
#worldregion div.table-container div.row .worldregion {
    float: left;
    width: 250px;
    margin-left: 15px;
}

#worldregion div.table-header .continent,
#worldregion div.table-container div.row .continent {
    float: left;
    width: 250px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#worldregion div.table-header .count,
#worldregion div.table-container div.row .count {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}


/* Invoice Balance - Report
-----------------------------------------------------------------------------*/
#invoicebalancecompany div.table-header .company,
#invoicebalancecompany div.table-container div.row .company {
    float: left;
    width: 80px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#invoicebalancecompany div.table-header .outgoing,
#invoicebalancecompany div.table-container div.row .outgoing {
    float: left;
    width: 100px;
    text-align: right;
    padding: 0 0 8px 0;
}

#invoicebalancecompany div.table-header .outgoingmain,
#invoicebalancecompany div.table-container div.row .outgoingmain {
    float: left;
    width: 120px;
    text-align: right;
    padding: 0 0 8px 0;
}

#invoicebalancecompany div.table-header .incoming,
#invoicebalancecompany div.table-container div.row .incoming {
    float: left;
    width: 140px;
    text-align: right;
    padding: 0 0 8px 0;
}

#invoicebalancecompany div.table-header .incomingmain,
#invoicebalancecompany div.table-container div.row .incomingmain {
    float: left;
    width: 140px;
    text-align: right;
    padding: 0 0 8px 0;
}

#invoicebalancecompany div.table-container div.row .currency {
    float: right;
    clear:both;
}

#invoicebalancecompany div.table-container div.row .currency .col1 {
    float:left;
    text-align: left;
    width: 28px;
}

#invoicebalancecompany div.table-container div.row .currency .col2 {
    float:left;
    width:68px;
}

#invoicebalancecompany div.table-header .invoicebalance {
    float: left;
    width: 140px;
    text-align: right;
    padding: 0 18px 8px 0;
}

#invoicebalancecompany div.table-container div.row .invoicebalance {
    float: left;
    text-align: right;
    padding-right: 18px;
    width: 140px;
}

#invoicebalancecompany div.currency.positive {
    background: url(../images/icon-positive.png) no-repeat right 2px;
    color: #47aa42;
    margin-right: -18px;
    padding-right: 18px;
}

#invoicebalancecompany div.currency.negative {
    background: url(../images/icon-negative.png) no-repeat right 2px;
    color: #bd1818;
    margin-right: -18px;
    padding-right: 18px;
}

#invoicebalancecompany div.table-container div.row.summedtotals {
    background-color: #e7e7e7;
    font-weight: bold;
}

#invoicebalancecompany div.table-container div.row .noresults {
    float: left;
    margin-left: 15px;
    width: 786px;
    padding: 0 0 8px 0;
}

#invoicebalance div.table-header .invoicedate,
#invoicebalance div.table-container div.row .invoicedate {
    float: left;
    width: 90px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#invoicebalance div.table-header .type,
#invoicebalance div.table-container div.row .type {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#invoicebalance div.table-header .company,
#invoicebalance div.table-container div.row .company {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

#invoicebalance div.table-header .invoiceno,
#invoicebalance div.table-container div.row .invoiceno {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#invoicebalance div.table-header .amount,
#invoicebalance div.table-container div.row .amount {
    float: left;
    width: 97px;
    text-align: right;
    padding: 0 20px 8px 0;
}

#invoicebalance div.table-container div.row .currency {
    float: right;
    clear:both;
}

#invoicebalance div.table-container div.row .currency .col1 {
    float:left;
    text-align: left;
    width: 28px;
}

#invoicebalance div.table-container div.row .currency .col2 {
    float:left;
    width:68px;
}

#invoicebalance div.currency.positive {
    color: #47aa42;
}

#invoicebalance div.currency.negative {
    color: #bd1818;
}

#invoicebalance div.table-header .duedate,
#invoicebalance div.table-container div.row .duedate {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#invoicebalance div.table-header .dossier,
#invoicebalance div.table-container div.row .dossier {
    float: left;
    width: 55px;
    padding: 0 18px 8px 0;
}

#invoicebalance div.table-header .paid,
#invoicebalance div.table-container div.row .paid {
    float: left;
    width: 55px;
    padding: 0 18px 8px 0;
}

#invoicebalance div.table-container div.row .paid.no {
    background-position: 0 1px;
}

#invoicebalance div.table-container div.row .paid.yes {
    background-position: 0 -99px;
}

#invoicebalance div.table-container div.row .paid.partly {
    background-position: 0 -249px;
}

#invoicebalance div.table-container div.row .paid {
    background: rgba(0, 0, 0, 0) url("../images/status-group.png") no-repeat scroll 0 1px;
    padding-left: 20px;
    width: 35px;
}

#invoicebalance div.table-container div.row.summedtotals {
    background-color: #e7e7e7;
    font-weight: bold;
}

#invoicebalance div.table-container div.row .totals {
    float: left;
    margin-left: 15px;
    width: 325px;
    padding: 0 0 8px 0;
}

#invoicebalance div.table-container div.row .noresults {
    float: left;
    margin-left: 15px;
    width: 786px;
    padding: 0 0 8px 0;
}


/* HS Codes - Admin
-----------------------------------------------------------------------------*/
#hscodes div.table-header .code,
#hscodes div.table-container div.row .code {
    float: left;
    width: 120px;
    margin-left: 15px;
}

#hscodes div.table-header .description,
#hscodes div.table-container div.row .description {
    float: left;
    width: 400px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#hscodes div.table-container div.row .description {
    text-transform: uppercase;
}

#hscodes div.table-header .count,
#hscodes div.table-container div.row .count {
    float: left;
    width: 100px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
    text-align: center;
}

#hscodes div.table-container div.row .noresults {
    float: left;
    margin-left: 15px;
    padding: 0 0 8px;
}

.hscodescontainer {
    text-transform: uppercase;
    float: left;
    padding: 10px 0 13px;
    font-weight: bold;
}


/* Select HS Code (Popup)
-----------------------------------------------------------------------------*/
#hscodespopup {
    margin-top: 15px;
}

#hscodespopup div.table-header {
    background: transparent url("../images/tableheader.png") no-repeat scroll 0 0;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
}

#hscodespopup div.table-header .code,
#hscodespopup div.table-container div.row .code {
    float: left;
    width: 120px;
    margin-left: 15px;
}

#hscodespopup div.table-header .description,
#hscodespopup div.table-container div.row .description {
    float: left;
    width: 400px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#hscodespopup div.table-container div.row .description {
    text-transform: uppercase;
}

#hscodespopup div.table-container div.row .noresults {
    float: left;
    margin-left: 15px;
    padding: 0 0 8px;
}

#hscodespopup .buttoncontainer img {
    display: block;
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}


/* Payment terms
-----------------------------------------------------------------------------*/
#paymentterms div.table-header .tarifftypegroup,
#paymentterms div.table-container div.row .tarifftypegroup {
    float: left;
    width: 200px;
    margin-left: 15px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#paymentterms div.table-header .tarifftypes,
#paymentterms div.table-container div.row .tarifftypes {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#paymentterms div.table-header .paymentterm,
#paymentterms div.table-container div.row .paymentterm {
    float: left;
    width: 200px;
    padding: 0 0 8px 0;
}


/* Dossier Invoices
-----------------------------------------------------------------------------*/
#dossierinvoices.linked {
    margin-top: 10px;
}

#dossierinvoices div.table-header .invoicedate,
#dossierinvoices div.table-container div.row .invoicedate {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#dossierinvoices div.table-header .creditor,
#dossierinvoices div.table-container div.row .creditor,
#dossierinvoices div.table-header .debtor,
#dossierinvoices div.table-container div.row .debtor {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#dossierinvoices div.table-header .invoicenumber,
#dossierinvoices div.table-container div.row .invoicenumber {
    float: left;
    width: 80px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#dossierinvoices.linked div.table-header .invoicenumber,
#dossierinvoices.linked div.table-container div.row .invoicenumber {
    width: 120px;
}

#dossierinvoices div.table-header .amount {
    float: left;
    width: 92px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#dossierinvoices div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#dossierinvoices div.table-container div.row .amount {
    float: left;
    width: 65px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#dossierinvoices div.table-header .status {
    float: left;
    width: 100px;
}

#dossierinvoices div.table-container div.row .status {
    float: left;
    width: 80px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#dossierinvoices div.table-container div.row .status.internalquery,
#dossierinvoices div.table-container div.row .status.disputed,
#dossierinvoices div.table-container div.row .status.unallocated,
#dossierinvoices div.table-container div.row .status.withoutdossier {
    background-position: 0 -249px;
}

#dossierinvoices div.table-container div.row .status.readyforprocessing,
#dossierinvoices div.table-container div.row .status.draft {
    background-position: 0 1px;
}

#dossierinvoices div.table-container div.row .status.processed,
#dossierinvoices div.table-container div.row .status.confirmed,
#dossierinvoices div.table-container div.row .status.sentprinted {
    background-position: 0 -49px;
}

#dossierinvoices div.table-container div.row .status.exported {
    background-position: 0 -99px;
}

#dossierinvoices div.table-container div.row .status.declined {
    background-position: 0 -199px;
}

#dossierinvoices div.table-header .paid {
    float: left;
    width: 55px;
}

#dossierinvoices div.table-container div.row .paid {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#dossierinvoices div.table-container div.row .paid.no {
    background-position: 0 1px;
}

#dossierinvoices div.table-container div.row .paid.partly {
    background-position: 0 -249px;
}

#dossierinvoices div.table-container div.row .paid.yes {
    background-position: 0 -99px;
}

#dossierinvoices div.table-container div.row .no-invoice {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#dossierinvoices div.table-container div.row.totals {
    background-color: #eeeeee;
    font-weight: bold;
}

#dossierinvoices div.table-container div.row.totals div.totals {
    float: left;
    width: 190px;
    margin-left: 85px;
    padding: 0 0 8px 0;
    text-align: left;
}

#dossierinvoices div.table-container div.row.totals div.label {
    float: left;
    width: 220px;
    padding: 0 0 8px 0;
    text-align: right;
}

#dossierinvoices div.table-container.v1 div.row.totals div.label {
    width: 250px;
}

#dossierinvoices div.table-container div.row.totals div.currency {
    float: left;
    width: 22px;
    margin-left: 25px;
    padding: 0 0 8px 0;
}

#dossierinvoices div.table-container div.row.totals div.totalbalance {
    float: left;
    text-align: right;
    width: 70px;
    padding: 0 20px 8px 0;
}

#dossierinvoices div.table-container.v1 div.row.totals div.totalbalance {
    width: 60px;
}

#dossierinvoices div.table-container div.row.totals div.totalbalance.positive {
    background: url("../images/icon-positive.png") no-repeat scroll right 2px transparent;
    color: #47aa42;
}

#dossierinvoices div.table-container div.row.totals div.totalbalance.negative {
    background: url("../images/icon-negative.png") no-repeat scroll right 2px transparent;
    color: #bd1818;
}


/* Linked Invoices
-----------------------------------------------------------------------------*/
#linkedinvoices {
    margin-top: 10px;
}

#linkedinvoices div.table-header .invoicedate,
#linkedinvoices div.table-container div.row .invoicedate {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#linkedinvoices div.table-header .invoicenumber,
#linkedinvoices div.table-container div.row .invoicenumber {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#linkedinvoices div.table-container div.row .no-invoice {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#linkedinvoices div.table-header .netamount {
    float: left;
    width: 92px;
    margin: 0 25px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#linkedinvoices div.table-container div.row .netamountcurrency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#linkedinvoices div.table-container div.row .netamount {
    float: left;
    width: 65px;
    margin: 0 25px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#linkedinvoices div.table-header .vatamount {
    float: left;
    width: 82px;
    margin: 0 25px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#linkedinvoices div.table-container div.row .vatamountcurrency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#linkedinvoices div.table-container div.row .vatamount {
    float: left;
    width: 55px;
    margin: 0 25px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#linkedinvoices div.table-header .grossamount {
    float: left;
    width: 92px;
    padding: 0 0 8px 0;
    text-align: right;
}

#linkedinvoices div.table-container div.row .grossamountcurrency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#linkedinvoices div.table-container div.row .grossamount {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
    text-align: right;
}

#linkedinvoices div.table-container div.row.balance {
    background-color: #eeeeee;
    font-weight: bold;
}

#linkedinvoices div.table-container div.row.balance.positive {
    color: #47aa42;
}

#linkedinvoices div.table-container div.row.balance.negative {
    color: #bd1818;
}

#linkedinvoices div.table-container div.row div.remainingamount {
    color: #455560;
    float: left;
    width: 125px;
    margin-left: 100px;
    padding: 0 0 8px 0;
}

#linkedinvoices div.table-container div.row.balance.positive .grossamount {
    background: url("../images/icon-positive.png") no-repeat scroll right 2px transparent;
    padding: 0 20px 8px 0;
}

#linkedinvoices div.table-container div.row.balance.negative .grossamount {
    background: url("../images/icon-negative.png") no-repeat scroll right 2px transparent;
    padding: 0 20px 8px 0;
}


/* Tariff Changes
-----------------------------------------------------------------------------*/
#tariffchanges div.table-header .date,
#tariffchanges div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#tariffchanges div.table-header .field,
#tariffchanges div.table-container div.row .field {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#tariffchanges div.table-header .oldvalue,
#tariffchanges div.table-container div.row .oldvalue {
    float: left;
    width: 180px;
    padding: 0 10px 8px 0;
}

#tariffchanges div.table-header .newvalue,
#tariffchanges div.table-container div.row .newvalue {
    float: left;
    width: 180px;
    padding: 0 0 8px 0;
}


/* Select Tariffs
-----------------------------------------------------------------------------*/
#selecttariffs div.table-header .tarifftype,
#selecttariffs div.table-container div.row .tarifftype {
    float: left;
    width: 50px;
    margin-left: 30px;
    padding: 0 0 7px 0;
}

#selecttariffs div.table-header .excelline,
#selecttariffs div.table-container div.row .excelline {
    float: left;
    width: 35px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#selecttariffs.fromexcel div.table-header .tarifftype,
#selecttariffs.fromexcel div.table-container div.row .tarifftype {
    margin-left: 0px;
}

#selecttariffs div.table-header .unittype,
#selecttariffs div.table-container div.row .unittype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#selecttariffs div.table-header .creditor,
#selecttariffs div.table-container div.row .creditor {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#selecttariffs div.table-header .cargotype,
#selecttariffs div.table-container div.row .cargotype {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#selecttariffs div.table-header .revenue {
    float: left;
    margin-right: 20px;
    text-align: right;
    width: 85px;
}

#selecttariffs div.table-header .amount {
    float: left;
    width: 85px;
    text-align: right;
    margin-right: 20px;
    padding: 0 0 8px 0;
}

#selecttariffs div.table-container div.row .currency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#selecttariffs div.table-container div.row .amount {
    float: left;
    width: 63px;
    text-align: right;
    margin-right: 20px;
    padding: 0 0 7px 0;
}

#selecttariffs div.table-container div.row .amount.withrevenue {
    background: url("../images/icon-positive.png") no-repeat scroll 0 2px transparent;
}

#selecttariffs div.table-header .portsplaces,
#selecttariffs div.table-container div.row .portsplaces {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#selecttariffs.fromexcel div.table-header .portsplaces,
#selecttariffs.fromexcel div.table-container div.row .portsplaces {
    width: 50px;
}

#selecttariffs div.table-header .validtill,
#selecttariffs div.table-container div.row .validtill {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#selecttariffs div.table-header .surcharges {
    float: left;
    width: 85px;
    padding: 0 0 7px 0;
}

#selecttariffs div.table-container div.row .surcharges {
    float: left;
    width: 65px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#selecttariffs div.table-container div.row .surcharges.no {
    background-position: 0 1px;
}

#selecttariffs div.table-container div.row .surcharges.yes {
    background-position: 0 -99px;
}

#selecttariffs div.table-header .debtor,
#selecttariffs div.table-container div.row .debtor {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#selecttariffs div.table-container div.row .no-tariffs {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Purchase Tariffs
-----------------------------------------------------------------------------*/
#purchasetariffs div.table-header .tarifftype,
#purchasetariffs div.table-container div.row .tarifftype {
    float: left;
    width: 50px;
    margin-left: 30px;
    padding: 0 0 7px 0;
}

#purchasetariffs div.table-header .unittype,
#purchasetariffs div.table-container div.row .unittype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#purchasetariffs div.table-header .creditor,
#purchasetariffs div.table-container div.row .creditor {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#purchasetariffs div.table-header .debtor,
#purchasetariffs div.table-container div.row .debtor {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#purchasetariffs div.table-header .placeofloading,
#purchasetariffs div.table-container div.row .placeofloading,
#purchasetariffs div.table-header .portofloading,
#purchasetariffs div.table-container div.row .portofloading,
#purchasetariffs div.table-header .portofdischarge,
#purchasetariffs div.table-container div.row .portofdischarge,
#purchasetariffs div.table-header .placeofdelivery,
#purchasetariffs div.table-container div.row .placeofdelivery {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#purchasetariffs div.table-header .surcharges {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#purchasetariffs div.table-container div.row .surcharges {
    float: left;
    width: 55px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#purchasetariffs div.table-container div.row .surcharges.no {
    background-position: 0 1px;
}

#purchasetariffs div.table-container div.row .surcharges.yes {
    background-position: 0 -99px;
}

#purchasetariffs div.table-header .validtill,
#purchasetariffs div.table-container div.row .validtill {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#purchasetariffs div.table-header .costs {
    float: left;
    text-align: right;
    width: 85px;
    margin-right: 20px;
}

#purchasetariffs div.table-container div.row .currency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#purchasetariffs div.table-container div.row .amount {
    float: left;
    width: 63px;
    text-align: right;
    margin-right: 20px;
    padding: 0 0 7px 0;
}

#purchasetariffs div.table-header .revenue {
    float: left;
    margin-right: 20px;
    text-align: right;
    width: 85px;
}


/* Tariff Surcharges
-----------------------------------------------------------------------------*/
#tariffsurcharges.include {
    margin-top: 10px;
}

#tariffsurcharges div.table-header .surchargetype,
#tariffsurcharges div.table-container div.row .surchargetype {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#tariffsurcharges div.table-header .tarifftype,
#tariffsurcharges div.table-container div.row .tarifftype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#tariffsurcharges div.table-header .unittype,
#tariffsurcharges div.table-container div.row .unittype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#tariffsurcharges div.table-header .amount {
    float: left;
    width: 75px;
    text-align: right;
    margin-right: 20px;
    padding: 0 0 8px 0;
}

#tariffsurcharges div.table-container div.row .currency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#tariffsurcharges div.table-container div.row .amount {
    float: left;
    width: 53px;
    text-align: right;
    margin-right: 20px;
    padding: 0 0 8px 0;
}

#tariffsurcharges div.table-header .portsplaces,
#tariffsurcharges div.table-container div.row .portsplaces {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#tariffsurcharges div.table-header .surcharges {
    float: left;
    width: 85px;
    padding: 0 0 7px 0;
}

#tariffsurcharges div.table-container div.row .surcharges {
    float: left;
    width: 65px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tariffsurcharges div.table-container div.row .surcharges.no {
    background-position: 0 1px;
}

#tariffsurcharges div.table-container div.row .surcharges.yes {
    background-position: 0 -99px;
}

#tariffsurcharges div.table-container div.row .no-tariffs {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Visit reports - Overviews
-----------------------------------------------------------------------------*/
#newvisitreports div.table-header .date,
#newvisitreports div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding: 0 0 8px 0;
}

#newvisitreports div.table-header .time,
#newvisitreports div.table-container div.row .time {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#newvisitreports div.table-header .company,
#newvisitreports div.table-container div.row .company {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#newvisitreports div.table-header .companycontact,
#newvisitreports div.table-container div.row .companycontact {
    float: left;
    width: 130px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#newvisitreports div.table-header .subject,
#newvisitreports div.table-container div.row .subject {
    float: left;
    width: 190px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#newvisitreports div.table-header .subject.wide,
#newvisitreports div.table-container div.row .subject.wide {
    width: 245px;
}

#newvisitreports div.table-header .freightdetails {
    float: left;
    width: 65px;
}

#newvisitreports div.table-container div.row .freightdetails {
    float: left;
    width: 45px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#newvisitreports div.table-container div.row .freightdetails.no {
    background-position: 0 1px;
}

#newvisitreports div.table-container div.row .freightdetails.yes {
    background-position: 0 -99px;
}

#newvisitreports div.table-header .status {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
}

#newvisitreports div.table-container div.row .status {
    float: left;
    width: 75px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#newvisitreports div.table-container div.row .status span {
    color: #888888;
}

#newvisitreports div.table-container div.row .status.incomplete {
    background-position: 0 1px;
}

#newvisitreports div.table-container div.row .status.completed {
    background-position: 0 -49px;
}

#newvisitreports div.table-container div.row .status.sent {
    background-position: 0 -99px;
}

#newvisitreports div.table-header .revised {
    float: left;
    width: 70px;
}

#newvisitreports div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#newvisitreports div.table-container div.row .revised span {
    color: #888888;
}

#newvisitreports div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#newvisitreports div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}

#newvisitreports div.table-container div.row .notavailable {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Agenda - Overviews
-----------------------------------------------------------------------------*/
#agenda div.table-header .date,
#agenda div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding: 0 0 8px 0;
}

#agenda div.table-header .time,
#agenda div.table-container div.row .time {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#agenda div.table-header .company,
#agenda div.table-container div.row .company {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#agenda div.table-header .companycontact,
#agenda div.table-container div.row .companycontact {
    float: left;
    width: 130px;
    padding: 0 0 7px 0;
    word-wrap: break-word;
}

#agenda div.table-header .subject,
#agenda div.table-container div.row .subject {
    float: left;
    width: 220px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#agenda div.table-header .sent {
    float: left;
    width: 55px;
}

#agenda div.table-container div.row .sent {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#agenda div.table-container div.row .sent.no {
    background-position: 0 1px;
}

#agenda div.table-container div.row .sent.yes {
    background-position: 0 -99px;
}

#agenda div.table-header .visitreport {
    float: left;
    width: 75px;
}

#agenda div.table-container div.row .visitreport {
    float: left;
    width: 55px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#agenda div.table-container div.row .visitreport.no {
    background-position: 0 1px;
}

#agenda div.table-container div.row .visitreport.yes {
    background-position: 0 -99px;
}

#agenda div.table-container div.row .notavailable {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* B/L Containers
-----------------------------------------------------------------------------*/
div.blcontainers {
    position: relative;
    width: 600px;
    margin-top: 0px;
}

div.blcontainers h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.blcontainers p {
    padding: 0px !important;
}

div.blcontainers div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.blcontainers div.table-container {
    display: inline-block;
}

div.blcontainers div.table-header .containernumber,
div.blcontainers div.table-container div.row .containernumber {
    float: left;
    width: 90px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.blcontainers div.table-header .reeferhazmat,
div.blcontainers div.table-container div.row .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 15px 0 0;
}

div.blcontainers div.table-header .sealnumber,
div.blcontainers div.table-container div.row .sealnumber {
    float: left;
    width: 100px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

div.blcontainers div.table-header .containertype,
div.blcontainers div.table-container div.row .containertype {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

div.blcontainers div.table-header .packages,
div.blcontainers div.table-container div.row .packages {
    float: left;
    width: 105px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.blcontainers div.table-header .grossweight,
div.blcontainers div.table-container div.row .grossweight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

div.blcontainers div.table-container div.row .nocontainers {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Mail History
-----------------------------------------------------------------------------*/
#mailhistory div.table-header .date,
#mailhistory div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#mailhistory div.table-header .time,
#mailhistory div.table-container div.row .time {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#mailhistory div.table-header .emailtype,
#mailhistory div.table-container div.row .emailtype {
    float: left;
    width: 115px;
    padding: 0 10px 8px 0;
}

#mailhistory div.table-header .company,
#mailhistory div.table-container div.row .company {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#mailhistory div.table-header .reference,
#mailhistory div.table-container div.row .reference {
    float: left;
    width: 100px;
    padding: 0 10px 8px 0;
}

#mailhistory div.table-header .subject,
#mailhistory div.table-container div.row .subject {
    float: left;
    width: 280px;
    padding: 0 0 8px 0;
}

#mailhistory div.table-header .subject.dossier,
#mailhistory div.table-container div.row .subject.dossier {
    float: left;
    width: 260px;
    padding: 0 0 8px 0;
}

#mailhistory div.table-container div.row .nomails {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Status Events ETS/ETA Checklist
-----------------------------------------------------------------------------*/
#statuseventchecklist div.table-header .date,
#statuseventchecklist div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#statuseventchecklist div.table-header .time,
#statuseventchecklist div.table-container div.row .time {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#statuseventchecklist div.table-header .dossier,
#statuseventchecklist div.table-container div.row .dossier {
    float: left;
    width: 70px;
    padding-bottom: 8px;
}

#statuseventchecklist div.table-header .client,
#statuseventchecklist div.table-container div.row .client {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#statuseventchecklist div.table-header .carrier,
#statuseventchecklist div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#statuseventchecklist div.table-header .port,
#statuseventchecklist div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#statuseventchecklist div.table-header .etseta,
#statuseventchecklist div.table-container div.row .etseta {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#statuseventchecklist div.table-container div.row .etseta.changed {
    color: #bd1818;
    font-weight: bold;
}

#statuseventchecklist div.table-container div.row .etseta.changed.positive {
    color: #47aa42;
}


/* Delivery Orders - Overviews
-----------------------------------------------------------------------------*/
#newdeliveryorders div.table-header .dossier,
#newdeliveryorders div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 60px;
    padding-bottom: 8px;
}

#newdeliveryorders div.table-header .sequence,
#newdeliveryorders div.table-container div.row .sequence {
    float: left;
    width: 35px;
    padding: 0 0 7px 0;
}

#newdeliveryorders div.table-header .company,
#newdeliveryorders div.table-container div.row .company {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#newdeliveryorders div.table-header .carrier,
#newdeliveryorders div.table-container div.row .carrier {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#newdeliveryorders div.table-header .vessel,
#newdeliveryorders div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
}

#newdeliveryorders div.table-header .port,
#newdeliveryorders div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#newdeliveryorders div.table-header .etseta,
#newdeliveryorders div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#newdeliveryorders div.table-header .companycontact,
#newdeliveryorders div.table-container div.row .companycontact {
    float: left;
    width: 120px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#newdeliveryorders div.table-header .revised {
    float: left;
    width: 70px;
}

#newdeliveryorders div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#newdeliveryorders div.table-container div.row .revised span {
    color: #888888;
}

#newdeliveryorders div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#newdeliveryorders div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* Release Orders - Overviews
-----------------------------------------------------------------------------*/
#releaseorders div.table-header .dossier,
#releaseorders div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 60px;
    padding-bottom: 8px;
}

#releaseorders div.table-header .sequence,
#releaseorders div.table-container div.row .sequence {
    float: left;
    width: 35px;
    padding: 0 0 7px 0;
}

#releaseorders div.table-header .company,
#releaseorders div.table-container div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#releaseorders div.table-header .carrier,
#releaseorders div.table-container div.row .carrier {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#releaseorders div.table-header .vessel,
#releaseorders div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
}

#releaseorders div.table-header .port,
#releaseorders div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#releaseorders div.table-header .etseta,
#releaseorders div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#releaseorders div.table-header .carriercontact,
#releaseorders div.table-container div.row .carriercontact {
    float: left;
    width: 120px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#releaseorders div.table-header .revised {
    float: left;
    width: 70px;
}

#releaseorders div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#releaseorders div.table-container div.row .revised span {
    color: #888888;
}

#releaseorders div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#releaseorders div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* Release Number Table
-----------------------------------------------------------------------------*/
div.releasenumbers {
    position: relative;
    width: 600px;
}

div.releasenumbers div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.releasenumbers div.table-container {
    display: inline-block;
}

div.releasenumbers div.table-container div.releaserow {
    line-height: 18px;
}

div.releasenumbers div.table-header .containernumber {
    float: left;
    width: 86px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.releasenumbers div.table-container div.releaserow .containernumber {
    float: left;
    width: 86px;
    margin-left: 15px;
    padding: 7px 0 11px 0;
}

div.releasenumbers div.table-header .packages {
    float: left;
    width: 100px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.releasenumbers div.table-container div.releaserow .packages {
    float: left;
    width: 100px;
    margin-left: 15px;
    padding: 7px 0 11px 0;
}

div.releasenumbers div.table-header .information,
div.releasenumbers div.table-container div.releaserow .information {
    float: left;
    width: 28px;
    padding: 5px 0 0 0;
}

div.releasenumbers div.table-header .grossweight {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
}

div.releasenumbers div.table-container div.releaserow .grossweight {
    float: left;
    width: 95px;
    padding: 7px 0 11px 0;
}

div.releasenumbers div.table-container div.releaserow .grossweight p {
    padding: 0px !important;
}

div.releasenumbers div.table-container div.releaserow .information div.tooltip span {
    z-index: 101 !important;
}

div.releasenumbers div.table-header .releasenumber,
div.releasenumbers div.table-container div.releaserow .releasenumber {
    float: left;
    width: 193px;
}

div.releasenumbers div.table-header .validtill,
div.releasenumbers div.table-container div.releaserow .validtill {
    float: left;
    width: 138px;
}

div.releasenumbers div.table-container div.releaserow .validtill div.validation-notice {
    z-index: 99 !important;
}


/* Admin - Cargo type groups
-----------------------------------------------------------------------------*/
#cargotypegroups div.table-header .cargotypegroup,
#cargotypegroups div.table-container div.row .cargotypegroup {
    float: left;
    width: 240px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#cargotypegroups div.table-header .cargotypes,
#cargotypegroups div.table-container div.row .cargotypes {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#cargotypegroups div.table-header .active {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#cargotypegroups div.table-container div.row .active {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#cargotypegroups div.table-container div.row .active.no {
    background-position: 0 1px;
}

#cargotypegroups div.table-container div.row .active.yes {
    background-position: 0 -99px;
}


/* Admin - Linked Cargo types
-----------------------------------------------------------------------------*/
#linkedcargotypes div.table-header .code,
#linkedcargotypes div.table-container div.row .code {
    float: left;
    width: 55px;
    margin-left: 30px;
}

#linkedcargotypes div.table-header .cargotype,
#linkedcargotypes div.table-container div.row .cargotype {
    float: left;
    width: 220px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#linkedcargotypes div.table-header .hazmat {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#linkedcargotypes div.table-container div.row .hazmat {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#linkedcargotypes div.table-container div.row .hazmat.no {
    background-position: 0 1px;
}

#linkedcargotypes div.table-container div.row .hazmat.yes {
    background-position: 0 -99px;
}

#linkedcargotypes div.table-header .organic {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#linkedcargotypes div.table-container div.row .organic {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#linkedcargotypes div.table-container div.row .organic.no {
    background-position: 0 1px;
}

#linkedcargotypes div.table-container div.row .organic.yes {
    background-position: 0 -99px;
}

#linkedcargotypes div.table-header .activestate {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#linkedcargotypes div.table-container div.row .activestate {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#linkedcargotypes div.table-container div.row .activestate.no {
    background-position: 0 1px;
}

#linkedcargotypes div.table-container div.row .activestate.yes {
    background-position: 0 -99px;
}


/* Account Management - Allowed IP-addresses
-----------------------------------------------------------------------------*/
#ipaddresses div.table-header .ipaddress,
#ipaddresses div.table-container div.row .ipaddress {
    float: left;
    width: 115px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#ipaddresses div.table-header .description,
#ipaddresses div.table-container div.row .description {
    float: left;
    width: 220px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#ipaddresses div.table-header .description.wide,
#ipaddresses div.table-container div.row .description.wide {
    float: left;
    width: 440px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#ipaddresses div.table-header .lastlogin,
#ipaddresses div.table-container div.row .lastlogin {
    float: left;
    width: 130px;
    padding: 0 0 8px 0;
}


/* Family members
-----------------------------------------------------------------------------*/
#familymembers {
    width: 600px;
    position: relative;
    margin-top: 25px;
}

#familymembers.nomargin {
    margin-top: 0px;
}

#familymembers h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

#familymembers div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#familymembers div.table-container {
    display: inline-block;
}

#familymembers div.table-container p {
    padding-bottom: 0px;
}

#familymembers div.table-header .familymember,
#familymembers div.table-container div.row .familymember {
    float: left;
    margin-left: 15px;
    width: 90px;
}

#familymembers div.table-header .fullname,
#familymembers div.table-container div.row .fullname {
    float: left;
    width: 160px;
    padding: 0 0 8px 0;
}

#familymembers div.table-header .birthday,
#familymembers div.table-container div.row .birthday {
    float: left;
    width: 21px;
    height: 16px;
    margin-top: 2px;
}

#familymembers div.table-header .dateofbirth,
#familymembers div.table-container div.row .dateofbirth {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#familymembers div.table-header .comments,
#familymembers div.table-container div.row .comments {
    float: left;
    width: 170px;
    padding: 0 0 8px 0;
}

#familymembers div.table-container div.row .nofamilymembers {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* Account Management - Allowed IP-addresses
-----------------------------------------------------------------------------*/
#ipaddressrequests div.table-header .date,
#ipaddressrequests div.table-container div.row .date {
    float: left;
    width: 75px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#ipaddressrequests div.table-header .username,
#ipaddressrequests div.table-container div.row .username {
    float: left;
    width: 220px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#ipaddressrequests div.table-header .user,
#ipaddressrequests div.table-container div.row .user {
    float: left;
    width: 150px;
    padding: 0 10px 7px 0;
    word-wrap: break-word;
}

#ipaddressrequests div.table-header .name,
#ipaddressrequests div.table-container div.row .name {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
}

#ipaddressrequests div.table-header .ipaddress,
#ipaddressrequests div.table-container div.row .ipaddress {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#ipaddressrequests div.table-header .description,
#ipaddressrequests div.table-container div.row .description {
    float: left;
    width: 150px;
    padding: 0 0 8px 0;
}

#ipaddressrequests div.table-header .status {
    float: left;
    width: 60px;
}

#ipaddressrequests div.table-container div.row .status {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#ipaddressrequests div.table-container div.row .status.declined {
    background-position: 0 -198px;
}

#ipaddressrequests div.table-container div.row .status.allowed {
    background-position: 0 -99px;
}


/* Arrival Notices - Overviews
-----------------------------------------------------------------------------*/
#newarrivalnotices div.table-header .dossier,
#newarrivalnotices div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 60px;
    padding-bottom: 8px;
}

#newarrivalnotices div.table-header .sequence,
#newarrivalnotices div.table-container div.row .sequence {
    float: left;
    width: 35px;
    padding: 0 0 7px 0;
}

#newarrivalnotices div.table-header .company,
#newarrivalnotices div.table-container div.row .company {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#newarrivalnotices div.table-header .carrier,
#newarrivalnotices div.table-container div.row .carrier {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#newarrivalnotices div.table-header .vessel,
#newarrivalnotices div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
}

#newarrivalnotices div.table-header .port,
#newarrivalnotices div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#newarrivalnotices div.table-header .etseta,
#newarrivalnotices div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#newarrivalnotices div.table-header .companycontact,
#newarrivalnotices div.table-container div.row .companycontact {
    float: left;
    width: 120px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#newarrivalnotices div.table-header .revised {
    float: left;
    width: 70px;
}

#newarrivalnotices div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#newarrivalnotices div.table-container div.row .revised span {
    color: #888888;
}

#newarrivalnotices div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#newarrivalnotices div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* Reports - Visit report freight details
-----------------------------------------------------------------------------*/
#visitreportfreightdetails div.table-header .date,
#visitreportfreightdetails div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 80px;
    padding: 0 0 8px 0;
}

#visitreportfreightdetails div.table-header .client,
#visitreportfreightdetails div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#visitreportfreightdetails div.table-header .type,
#visitreportfreightdetails div.table-container div.row .type {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#visitreportfreightdetails div.table-header .cargotype,
#visitreportfreightdetails div.table-container div.row .cargotype {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#visitreportfreightdetails div.table-header .containerpackage,
#visitreportfreightdetails div.table-container div.row .containerpackage {
    float: left;
    width: 140px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#visitreportfreightdetails div.table-container div.row .containerpackage p {
    padding-bottom: 0px;
}

#visitreportfreightdetails div.table-header .volumeperyear,
#visitreportfreightdetails div.table-container div.row .volumeperyear {
    float: left;
    width: 110px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#visitreportfreightdetails div.table-header .carrier,
#visitreportfreightdetails div.table-container div.row .carrier {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#visitreportfreightdetails div.table-header .tradelane,
#visitreportfreightdetails div.table-container div.row .tradelane {
    float: left;
    width: 120px;
    padding: 0 0 7px 0;
}

#visitreportfreightdetails div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Reports - Client Sales Summary
-----------------------------------------------------------------------------*/
#clientsalessummary div.table-header .client,
#clientsalessummary div.table-container div.row .client {
    float: left;
    width: 65px;
    margin-left: 15px;
    padding: 0 0 7px 0;
}

#clientsalessummary div.table-header .dossiers,
#clientsalessummary div.table-container div.row .dossiers {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#clientsalessummary div.table-header .containers,
#clientsalessummary div.table-container div.row .containers {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#clientsalessummary div.table-header .teu,
#clientsalessummary div.table-container div.row .teu {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#clientsalessummary div.table-header .packages,
#clientsalessummary div.table-container div.row .packages {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#clientsalessummary div.table-header .totalrevenue {
    float: left;
    margin-right: 20px;
    text-align: right;
    width: 100px;
    padding: 0 0 8px 0;
}

#clientsalessummary div.table-container div.row .totalrevenuecurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#clientsalessummary div.table-container div.row .totalrevenue {
    float: left;
    margin-right: 20px;
    text-align: right;
    width: 78px;
    padding: 0 0 8px 0;
}

#clientsalessummary div.table-header .tariffbalance {
    float: left;
    margin-right: 20px;
    text-align: right;
    width: 100px;
    padding: 0 0 8px 0;
}

#clientsalessummary div.table-container div.row .tariffbalancecurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#clientsalessummary div.table-container div.row .tariffbalance {
    float: left;
    margin-right: 20px;
    text-align: right;
    width: 78px;
    padding: 0 0 8px 0;
}

#clientsalessummary div.table-header .grossmargin,
#clientsalessummary div.table-container div.row .grossmargin {
    float: left;
    width: 80px;
    text-align: right;
    padding: 0 0 8px 0;
}

#clientsalessummary div.table-container div.row .noresults {
    float: left;
    width: 802px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Field address book
-----------------------------------------------------------------------------*/
#fieldaddressbook.header .title {
    float: left;
    width: 400px;
    padding: 0 0 8px 0;
}

#fieldaddressbook div.table-container div.row .title {
    float: left;
    width: 385px;
    margin-left: 14px;
    cursor: pointer;
    padding: 0 15px 8px 0;
}

#fieldaddressbook.header .default {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#fieldaddressbook div.table-container div.row .default {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#fieldaddressbook div.table-container div.row .default.no {
    background-position: 0 1px;
}

#fieldaddressbook div.table-container div.row .default.yes {
    background-position: 0 -99px;
}

#fieldaddressbook div.table-container div.row .noresults {
    float: left;
    width: 570px;
    margin-left: 14px;
    padding: 0 15px 8px 0;
}


/* VGM Documents - Overviews
-----------------------------------------------------------------------------*/
#vgmdocuments div.table-header .dossier,
#vgmdocuments div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 60px;
    padding-bottom: 8px;
}

#vgmdocuments div.table-header .sequence,
#vgmdocuments div.table-container div.row .sequence {
    float: left;
    width: 35px;
    padding: 0 0 8px 0;
}

#vgmdocuments div.table-header .clientreference,
#vgmdocuments div.table-container div.row .clientreference {
    float: left;
    width: 100px;
    padding: 0 10px 8px 0;
}

#vgmdocuments div.table-header .company,
#vgmdocuments div.table-container div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#vgmdocuments div.table-header .carrier,
#vgmdocuments div.table-container div.row .carrier {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#vgmdocuments div.table-header .vessel,
#vgmdocuments div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
}

#vgmdocuments div.table-header .port,
#vgmdocuments div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#vgmdocuments div.table-header .etseta,
#vgmdocuments div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#vgmdocuments div.table-header .carriercontact,
#vgmdocuments div.table-container div.row .carriercontact {
    float: left;
    width: 120px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#vgmdocuments div.table-header .revised {
    float: left;
    width: 70px;
}

#vgmdocuments div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#vgmdocuments div.table-container div.row .revised span {
    color: #888888;
}

#vgmdocuments div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#vgmdocuments div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* VGM Weights
-----------------------------------------------------------------------------*/
div.vgmweights {
    position: relative;
    width: 600px;
}

div.vgmweights div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.vgmweights div.table-container {
    display: inline-block;
}

div.vgmweights div.table-container div.vgmrow {
    line-height: 18px;
}

div.vgmweights div.table-header .containernumber {
    float: left;
    width: 86px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.vgmweights div.table-container div.vgmrow .containernumber {
    float: left;
    width: 86px;
    margin-left: 15px;
    padding: 7px 0 11px 0;
}

div.vgmweights div.table-header .packages {
    float: left;
    width: 100px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.vgmweights div.table-container div.vgmrow .packages {
    float: left;
    width: 100px;
    margin-left: 15px;
    padding: 7px 0 11px 0;
}

div.vgmweights div.table-header .information,
div.vgmweights div.table-container div.vgmrow .information {
    float: left;
    width: 28px;
    padding: 5px 0 0 0;
}

div.vgmweights div.table-header .sealnumber {
    float: left;
    width: 91px;
    padding: 0 5px 8px 0;
}

div.vgmweights div.table-container div.vgmrow .sealnumber {
    float: left;
    width: 96px;
    padding: 7px 0 11px 0;
    word-wrap: break-word;
}

div.vgmweights div.table-container div.vgmrow .sealnumber p {
    padding: 0px !important;
}

div.vgmweights div.table-header .grossweight {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
}

div.vgmweights div.table-container div.vgmrow .grossweight {
    float: left;
    width: 95px;
    padding: 7px 0 11px 0;
}

div.vgmweights div.table-container div.vgmrow .grossweight p {
    padding: 0px !important;
}

div.vgmweights div.table-container div.vgmrow .information div.tooltip span {
    z-index: 101 !important;
}

div.vgmweights div.table-header .cargoweight,
div.vgmweights div.table-container div.vgmrow .cargoweight {
    float: left;
    width: 93px;
}

div.vgmweights div.table-header .dunnageweight,
div.vgmweights div.table-container div.vgmrow .dunnageweight {
    float: left;
    width: 93px;
}

div.vgmweights div.table-header .tareweight,
div.vgmweights div.table-container div.vgmrow .tareweight {
    float: left;
    width: 93px;
}

div.vgmweights div.table-header .vgm,
div.vgmweights div.table-container div.vgmrow .vgm {
    float: left;
    width: 82px;
}

div.vgmweights div.table-header .grossweightfirstmethod,
div.vgmweights div.table-container div.vgmrow .grossweightfirstmethod {
    float: left;
    width: 125px;
}

div.vgmweights div.table-header .tareweightfirstmethod,
div.vgmweights div.table-container div.vgmrow .tareweightfirstmethod {
    float: left;
    width: 125px;
}

div.vgmweights div.table-header .vgmfirstmethod,
div.vgmweights div.table-container div.vgmrow .vgmfirstmethod {
    float: left;
    width: 125px;
}

div.vgmweights div.table-container div.vgmrow .dunnageweight div.validation-notice {
    z-index: 99 !important;
}

div.vgmweights div.table-container div.vgmrow .tareweight div.validation-notice {
    z-index: 98 !important;
}


/* Reports - Accruals
-----------------------------------------------------------------------------*/
#accrualsreport div.table-header .dossier,
#accrualsreport div.table-container div.row .dossier {
    float: left;
    width: 75px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#accrualsreport.selectable div.table-header .dossier,
#accrualsreport.selectable div.table-container div.row .dossier {
    margin-left: 30px;
}

#accrualsreport div.table-header .tarifftype,
#accrualsreport div.table-container div.row .tarifftype {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#accrualsreport div.table-header .creditor,
#accrualsreport div.table-container div.row .creditor {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#accrualsreport div.table-header .processed,
#accrualsreport div.table-container div.row .processed {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#accrualsreport div.table-container div.row .processed {
    width: 55px;
}

#accrualsreport div.table-header .costs {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 75px;
    padding: 0 0 8px 0;
}

#accrualsreport div.table-container div.row .costscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#accrualsreport div.table-container div.row .costs {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 63px;
    padding: 0 0 8px 0;
}

#accrualsreport div.table-header .matchedcosts {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 85px;
    padding: 0 0 8px 0;
}

#accrualsreport div.table-container div.row .matchedcostscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#accrualsreport div.table-container div.row .matchedcosts {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 63px;
    padding: 0 0 8px 0;
}

#accrualsreport div.table-header .outstandingcosts {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 85px;
    padding: 0 0 8px 0;
}

#accrualsreport div.table-container div.row .outstandingcostscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#accrualsreport div.table-container div.row .outstandingcosts {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 63px;
    padding: 0 0 8px 0;
}

#accrualsreport.view div.table-header .outstandingcosts {
    width: 75px;
    margin-right: 15px
}

#accrualsreport.view div.table-container div.row .outstandingcosts {
    width: 53px;
    margin-right: 15px
}

#accrualsreport div.table-header .rate,
#accrualsreport div.table-container div.row .rate {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#accrualsreport.selectable div.table-header .rate,
#accrualsreport.selectable div.table-container div.row .rate,
#accrualsreport.view div.table-header .rate,
#accrualsreport.view div.table-container div.row .rate {
    width: 55px;
}

#accrualsreport div.table-header .prepayment {
    float: left;
    width: 60px;
}

#accrualsreport div.table-container div.row .prepayment {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#accrualsreport div.table-container div.row .prepayment.no {
    background-position: 0 1px;
}

#accrualsreport div.table-container div.row .prepayment.yes {
    background-position: 0 -99px;
}

#accrualsreport div.table-container div.row.summedtotals {
    background-color: #e7e7e7;
    font-weight: bold;
}

#accrualsreport div.table-container div.row.summedtotals .totals {
    float: left;
    margin-left: 15px;
    width: 270px;
    padding: 0 0 8px 0;
    text-align: right;
}

#accrualsreport div.table-container div.row.summedtotals .costs,
#accrualsreport div.table-container div.row.summedtotals .matchedcosts,
#accrualsreport div.table-container div.row.summedtotals .outstandingcosts {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
    text-align: right;
}

#accrualsreport div.table-container div.row .noresults {
    float: left;
    width: 802px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Reports - Accruals Extended
-----------------------------------------------------------------------------*/
#accrualsextendedreport div.table-header .tarifftype,
#accrualsextendedreport div.table-container div.row .tarifftype {
    float: left;
    width: 147px;
    margin-left: 15px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#accrualsextendedreport div.table-header .tarifftypecode,
#accrualsextendedreport div.table-container div.row .tarifftypecode {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-header .tarifftypegroup,
#accrualsextendedreport div.table-container div.row .tarifftypegroup {
    float: left;
    width: 110px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#accrualsextendedreport div.table-header .costs {
    float: left;
    margin-right: 30px;
    text-align: right;
    width: 95px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-container div.row .costscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-container div.row .costs {
    float: left;
    margin-right: 30px;
    text-align: right;
    width: 73px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-header .matchedcosts {
    float: left;
    margin-right: 30px;
    text-align: right;
    width: 95px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-container div.row .matchedcostscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-container div.row .matchedcosts {
    float: left;
    margin-right: 30px;
    text-align: right;
    width: 73px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-header .outstandingcosts {
    float: left;
    margin-right: 30px;
    text-align: right;
    width: 95px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-container div.row .outstandingcostscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-container div.row .outstandingcosts {
    float: left;
    margin-right: 30px;
    text-align: right;
    width: 73px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-header .prepayments {
    float: left;
    text-align: right;
    width: 95px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-container div.row .prepaymentscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-container div.row .prepayments {
    float: left;
    text-align: right;
    width: 73px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-container div.row.summedtotals {
    background-color: #e7e7e7;
}

#accrualsextendedreport div.table-container div.row.summedtotals .totals {
    float: left;
    font-weight: bold;
    margin-left: 15px;
    width: 212px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-container div.row.grandtotals {
    background-color: #dddddd;
    font-weight: bold;
}

#accrualsextendedreport div.table-container div.row.grandtotals .totals {
    float: left;
    margin-left: 227px;
    width: 120px;
    padding: 0 0 8px 0;
}

#accrualsextendedreport div.table-container div.row .noresults {
    float: left;
    width: 802px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Reports - Duty/VAT
-----------------------------------------------------------------------------*/
#dutyvatreport div.table-header .dossier,
#dutyvatreport div.table-container div.row .dossier {
    float: left;
    width: 80px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#dutyvatreport div.table-header .debtor,
#dutyvatreport div.table-container div.row .debtor {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#dutyvatreport div.table-header .tarifftype,
#dutyvatreport div.table-container div.row .tarifftype {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#dutyvatreport div.table-header .creditor,
#dutyvatreport div.table-container div.row .creditor {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#dutyvatreport div.table-header .estimatedcosts {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 90px;
    padding: 0 0 8px 0;
}

#dutyvatreport div.table-container div.row .estimatedcostscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#dutyvatreport div.table-container div.row .estimatedcosts {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 68px;
    padding: 0 0 8px 0;
}

#dutyvatreport div.table-header .actualcosts {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 90px;
    padding: 0 0 8px 0;
}

#dutyvatreport div.table-container div.row .actualcostscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#dutyvatreport div.table-container div.row .actualcosts {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 68px;
    padding: 0 0 8px 0;
}

#dutyvatreport div.table-header .revenue {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 90px;
    padding: 0 0 8px 0;
}

#dutyvatreport div.table-container div.row .revenuecurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#dutyvatreport div.table-container div.row .revenue {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 68px;
    padding: 0 0 8px 0;
}

#dutyvatreport div.table-header .profitloss {
    float: left;
    text-align: right;
    width: 90px;
    padding: 0 0 8px 0;
}

#dutyvatreport div.table-container div.row .profitlosscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#dutyvatreport div.table-container div.row .profitlosscurrency.positive {
    color: #47aa42;
}

#dutyvatreport div.table-container div.row .profitlosscurrency.negative {
    color: #bd1818;
}

#dutyvatreport div.table-container div.row .profitloss {
    float: left;
    text-align: right;
    width: 68px;
    padding: 0 18px 8px 0;
}

#dutyvatreport div.table-container div.row .profitloss.positive {
    background: url(../images/icon-positive.png) no-repeat right 2px;
    color: #47aa42;
}

#dutyvatreport div.table-container div.row .profitloss.negative {
    background: url(../images/icon-negative.png) no-repeat right 2px;
    color: #bd1818;
}

#dutyvatreport div.table-container div.row.summedtotals {
    background-color: #e7e7e7;
    font-weight: bold;
}

#dutyvatreport div.table-container div.row.summedtotals .totals {
    float: left;
    margin-left: 15px;
    width: 285px;
    padding: 0 0 8px 0;
    text-align: right;
}

#dutyvatreport div.table-container div.row.summedtotals .estimatedcosts,
#dutyvatreport div.table-container div.row.summedtotals .actualcosts,
#dutyvatreport div.table-container div.row.summedtotals .revenue,
#dutyvatreport div.table-container div.row.summedtotals .profitloss {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
    text-align: right;
}

#dutyvatreport div.table-container div.row.summedtotals .profitloss {
    padding: 0 18px 8px 0;
}

#dutyvatreport div.table-container div.row.summedtotals .profitloss.positive {
    background: url(../images/icon-positive.png) no-repeat right 2px;
    color: #47aa42;
}

#dutyvatreport div.table-container div.row.summedtotals .profitloss.negative {
    background: url(../images/icon-negative.png) no-repeat right 2px;
    color: #bd1818;
}

#dutyvatreport div.table-container div.row .noresults {
    float: left;
    width: 802px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Reports - Tariff Balance
-----------------------------------------------------------------------------*/
#tariffbalancereport div.table-header .tariffdate,
#tariffbalancereport div.table-container div.row .tariffdate {
    float: left;
    width: 80px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#tariffbalancereport div.table-header .dossier,
#tariffbalancereport div.table-container div.row .dossier {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#tariffbalancereport div.table-header .tarifftype,
#tariffbalancereport div.table-container div.row .tarifftype {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#tariffbalancereport div.table-header .debtor,
#tariffbalancereport div.table-container div.row .debtor {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#tariffbalancereport div.table-header .costs {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 90px;
    padding: 0 0 8px 0;
}

#tariffbalancereport div.table-container div.row .costscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#tariffbalancereport div.table-container div.row .costs {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 68px;
    padding: 0 0 8px 0;
}

#tariffbalancereport div.table-header .creditor,
#tariffbalancereport div.table-container div.row .creditor {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#tariffbalancereport div.table-header .revenue {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 90px;
    padding: 0 0 8px 0;
}

#tariffbalancereport div.table-container div.row .revenuecurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#tariffbalancereport div.table-container div.row .revenue {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 68px;
    padding: 0 0 8px 0;
}

#tariffbalancereport div.table-header .tariffbalance {
    float: left;
    text-align: right;
    width: 90px;
    padding: 0 0 8px 0;
}

#tariffbalancereport div.table-container div.row .tariffbalancecurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#tariffbalancereport div.table-container div.row .tariffbalancecurrency.positive {
    color: #47aa42;
}

#tariffbalancereport div.table-container div.row .tariffbalancecurrency.negative {
    color: #bd1818;
}

#tariffbalancereport div.table-container div.row .tariffbalance {
    float: left;
    text-align: right;
    width: 68px;
    padding: 0 18px 8px 0;
}

#tariffbalancereport div.table-container div.row .tariffbalance.positive {
    background: url(../images/icon-positive.png) no-repeat right 2px;
    color: #47aa42;
}

#tariffbalancereport div.table-container div.row .tariffbalance.negative {
    background: url(../images/icon-negative.png) no-repeat right 2px;
    color: #bd1818;
}

#tariffbalancereport div.table-container div.row.summedtotals {
    background-color: #e7e7e7;
    font-weight: bold;
}

#tariffbalancereport div.table-container div.row.summedtotals .totals {
    float: left;
    margin-left: 15px;
    width: 305px;
    padding: 0 0 8px 0;
    text-align: right;
}

#tariffbalancereport div.table-container div.row.summedtotals .costs,
#tariffbalancereport div.table-container div.row.summedtotals .revenue,
#tariffbalancereport div.table-container div.row.summedtotals .tariffbalance {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
    text-align: right;
}

#tariffbalancereport div.table-container div.row.summedtotals .revenue {
    margin-left: 70px;
}

#tariffbalancereport div.table-container div.row.summedtotals .tariffbalance {
    padding: 0 18px 8px 0;
}

#tariffbalancereport div.table-container div.row.summedtotals .tariffbalance.positive {
    background: url(../images/icon-positive.png) no-repeat right 2px;
    color: #47aa42;
}

#tariffbalancereport div.table-container div.row.summedtotals .tariffbalance.negative {
    background: url(../images/icon-negative.png) no-repeat right 2px;
    color: #bd1818;
}

#tariffbalancereport div.table-container div.row .noresults {
    float: left;
    width: 802px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Reports - Tariff Balance Extended
-----------------------------------------------------------------------------*/
#tariffbalanceextendedreport div.table-header .tarifftype,
#tariffbalanceextendedreport div.table-container div.row .tarifftype {
    float: left;
    width: 187px;
    margin-left: 15px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#tariffbalanceextendedreport div.table-header .tarifftypecode,
#tariffbalanceextendedreport div.table-container div.row .tarifftypecode {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#tariffbalanceextendedreport div.table-header .tarifftypegroup,
#tariffbalanceextendedreport div.table-container div.row .tarifftypegroup {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#tariffbalanceextendedreport div.table-header .costs {
    float: left;
    margin-right: 30px;
    text-align: right;
    width: 100px;
    padding: 0 0 8px 0;
}

#tariffbalanceextendedreport div.table-container div.row .costscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#tariffbalanceextendedreport div.table-container div.row .costs {
    float: left;
    margin-right: 30px;
    text-align: right;
    width: 78px;
    padding: 0 0 8px 0;
}

#tariffbalanceextendedreport div.table-header .revenue {
    float: left;
    margin-right: 30px;
    text-align: right;
    width: 100px;
    padding: 0 0 8px 0;
}

#tariffbalanceextendedreport div.table-container div.row .revenuecurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#tariffbalanceextendedreport div.table-container div.row .revenue {
    float: left;
    margin-right: 30px;
    text-align: right;
    width: 78px;
    padding: 0 0 8px 0;
}

#tariffbalanceextendedreport div.table-header .tariffbalance {
    float: left;
    text-align: right;
    width: 100px;
    padding: 0 18px 8px 0;
}

#tariffbalanceextendedreport div.table-container div.row .tariffbalancecurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#tariffbalanceextendedreport div.table-container div.row .tariffbalancecurrency.positive {
    color: #47aa42;
}

#tariffbalanceextendedreport div.table-container div.row .tariffbalancecurrency.negative {
    color: #bd1818;
}

#tariffbalanceextendedreport div.table-container div.row .tariffbalance {
    float: left;
    text-align: right;
    width: 78px;
    padding: 0 18px 8px 0;
}

#tariffbalanceextendedreport div.table-container div.row .tariffbalance.positive {
    background: url(../images/icon-positive.png) no-repeat right 2px;
    color: #47aa42;
}

#tariffbalanceextendedreport div.table-container div.row .tariffbalance.negative {
    background: url(../images/icon-negative.png) no-repeat right 2px;
    color: #bd1818;
}

#tariffbalanceextendedreport div.table-container div.row.summedtotals {
    background-color: #e7e7e7;
}

#tariffbalanceextendedreport div.table-container div.row.summedtotals .totals {
    float: left;
    font-weight: bold;
    margin-left: 15px;
    width: 252px;
    padding: 0 0 8px 0;
}

#tariffbalanceextendedreport div.table-container div.row.grandtotals {
    background-color: #dddddd;
    font-weight: bold;
}

#tariffbalanceextendedreport div.table-container div.row.grandtotals .totals {
    float: left;
    margin-left: 267px;
    width: 170px;
    padding: 0 0 8px 0;
}

#tariffbalanceextendedreport div.table-container div.row .noresults {
    float: left;
    width: 802px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Admin Currencies - Currency Rate entries
-----------------------------------------------------------------------------*/
#currencyrateentries div.table-header .date,
#currencyrateentries div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#currencyrateentries div.table-header .reference,
#currencyrateentries div.table-container div.row .reference {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#currencyrateentries div.table-header .from,
#currencyrateentries div.table-container div.row .from {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#currencyrateentries div.table-header .till,
#currencyrateentries div.table-container div.row .till {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#currencyrateentries div.table-header .currencies {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#currencyrateentries div.table-container div.row .currencies {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

#currencyrateentries div.table-container div.row .no-entries {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Select Currencies
-----------------------------------------------------------------------------*/
#select-currencies {
    width: 600px;
    position: relative;
    margin-top: 15px;
    position: relative;
    width: 600px;
}

#select-currencies div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#select-currencies div.table-container {
    display: inline-block;
}

#select-currencies div.table-container label {
    cursor: pointer;
}

#select-currencies div.table-header .code,
#select-currencies div.table-container div.row .code {
    float: left;
    margin-left: 30px;
    width: 55px;
    padding: 0 0 8px 0;
}

#select-currencies div.table-header .name,
#select-currencies div.table-container div.row .name {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
}

#select-currencies div.table-header .currentrate,
#select-currencies div.table-container div.row .currentrate {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#select-currencies div.table-header .latestdate,
#select-currencies div.table-container div.row .latestdate {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}


/* Currency Rates
-----------------------------------------------------------------------------*/
#owncurrencyrates {
    position: relative;
    width: 600px;
    margin-top: 10px;
}

#owncurrencyrates div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

#owncurrencyrates div.table-container {
    display: inline-block;
}

#owncurrencyrates div.table-container div.currencyrow {
    line-height: 18px;
}

#owncurrencyrates div.table-header .code,
#owncurrencyrates div.table-container div.row .code {
    float: left;
    width: 45px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#owncurrencyrates div.table-container div.currencyrow .code {
    float: left;
    width: 45px;
    margin-left: 15px;
    padding: 7px 0 11px 0;
}

#owncurrencyrates div.table-header .name,
#owncurrencyrates div.table-container div.row .name {
    float: left;
    width: 150px;
    margin-left: 15px;
    padding: 0 10px 8px 0;
}

#owncurrencyrates div.table-container div.currencyrow .name {
    float: left;
    width: 150px;
    margin-left: 15px;
    padding: 7px 10px 11px 0;
}

#owncurrencyrates div.table-header .ratefrom,
#owncurrencyrates div.table-container div.currencyrow .ratefrom {
    float: left;
    width: 113px;
}

#owncurrencyrates div.table-container div.row .ratefrom {
    float: left;
    width: 113px;
    padding: 0 0 8px 0;
}

#owncurrencyrates div.table-header .currentrate {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#owncurrencyrates div.table-container div.currencyrow .currentrate {
    float: left;
    width: 100px;
    padding: 7px 0 11px 0;
}

#owncurrencyrates div.table-header .rateto,
#owncurrencyrates div.table-container div.currencyrow .rateto {
    float: left;
    width: 113px;
}

#owncurrencyrates div.table-container div.row .rateto {
    float: left;
    width: 113px;
    padding: 0 0 8px 0;
}


/* Admin Currencies - Rate entry history
-----------------------------------------------------------------------------*/
#rateentryhistory div.table-header .from,
#rateentryhistory div.table-container div.row .from {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#rateentryhistory div.table-header .till,
#rateentryhistory div.table-container div.row .till {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#rateentryhistory div.table-header .reference,
#rateentryhistory div.table-container div.row .reference {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#rateentryhistory div.table-header .ratefrom,
#rateentryhistory div.table-container div.row .ratefrom {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#rateentryhistory div.table-header .rateto,
#rateentryhistory div.table-container div.row .rateto {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#rateentryhistory div.table-container div.row .no-entries {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Prepayment Checklist
-----------------------------------------------------------------------------*/
#prepaymentchecklist div.table-header .dossier,
#prepaymentchecklist div.table-container div.row .dossier {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#prepaymentchecklist div.table-header .tarifftype,
#prepaymentchecklist div.table-container div.row .tarifftype {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#prepaymentchecklist div.table-header .creditor,
#prepaymentchecklist div.table-container div.row .creditor {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#prepaymentchecklist div.table-header .costs {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 85px;
    padding: 0 0 8px 0;
}

#prepaymentchecklist div.table-container div.row .costscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#prepaymentchecklist div.table-container div.row .costs {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 63px;
    padding: 0 0 8px 0;
}

#prepaymentchecklist div.table-header .matchedcosts {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 85px;
    padding: 0 0 8px 0;
}

#prepaymentchecklist div.table-container div.row .matchedcostscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#prepaymentchecklist div.table-container div.row .matchedcosts {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 63px;
    padding: 0 0 8px 0;
}

#prepaymentchecklist div.table-header .invoicenumbers,
#prepaymentchecklist div.table-container div.row .invoicenumbers {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
}

#prepaymentchecklist div.table-container div.row .invoicenumbers p {
    padding: 0px;
}

#prepaymentchecklist div.table-header .prepayment {
    float: left;
    width: 90px;
}

#prepaymentchecklist div.table-container div.row .prepayment {
    float: left;
    width: 70px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#prepaymentchecklist div.table-container div.row .prepayment.no {
    background-position: 0 1px;
}

#prepaymentchecklist div.table-container div.row .prepayment.yes {
    background-position: 0 -99px;
}

#prepaymentchecklist div.table-header .checked {
    float: left;
    width: 60px;
}

#prepaymentchecklist div.table-container div.row .checked {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#prepaymentchecklist div.table-container div.row .checked.no {
    background-position: 0 1px;
}

#prepaymentchecklist div.table-container div.row .checked.yes {
    background-position: 0 -99px;
}

#prepaymentchecklist div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Export History (Export Invoices)
-----------------------------------------------------------------------------*/
#exporthistory div.table-header .exporteddatetime,
#exporthistory div.table-container div.row .exporteddatetime {
    float: left;
    width: 125px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#exporthistory div.table-header .exporttype,
#exporthistory div.table-container div.row .exporttype {
    float: left;
    width: 130px;
    padding: 0 0 8px 0;
}

#exporthistory div.table-header .invoices,
#exporthistory div.table-container div.row .invoices {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#exporthistory div.table-header .exportedby,
#exporthistory div.table-container div.row .exportedby {
    float: left;
    width: 155px;
    padding: 0 10px 8px 0;
}

#exporthistory div.table-header .filename,
#exporthistory div.table-container div.row .filename {
    float: left;
    width: 250px;
    padding: 0 0 8px 0;
}


/* Exported Invoices
-----------------------------------------------------------------------------*/
#exportedinvoices div.table-header .date,
#exportedinvoices div.table-container div.row .date {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#exportedinvoices div.table-header .invoicenumber,
#exportedinvoices div.table-container div.row .invoicenumber {
    float: left;
    width: 95px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#exportedinvoices div.table-header .debtorcreditor,
#exportedinvoices div.table-container div.row .debtorcreditor {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#exportedinvoices div.table-header .amount {
    float: left;
    margin-right: 20px;
    text-align: right;
    width: 100px;
    padding: 0 0 8px 0;
}

#exportedinvoices div.table-container div.row .amountcurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#exportedinvoices div.table-container div.row .amount {
    float: left;
    margin-right: 20px;
    text-align: right;
    width: 78px;
    padding: 0 0 8px 0;
}

#exportedinvoices div.table-header .dossier,
#exportedinvoices div.table-container div.row .dossier {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

#exportedinvoices div.table-header .exported {
    float: left;
    width: 50px;
}

#exportedinvoices div.table-container div.row .exported {
    float: left;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#exportedinvoices div.table-container div.row .exported.no {
    background-position: 0 1px;
}

#exportedinvoices div.table-container div.row .exported.yes {
    background-position: 0 -99px;
}


/* Select Dossiers
-----------------------------------------------------------------------------*/
#select-dossiers label {
    cursor: pointer;
}

#select-dossiers div.table-header .dossier,
#select-dossiers div.table-container div.row .dossier {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#select-dossiers div.table-header .client,
#select-dossiers div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#select-dossiers div.table-header .clientreference,
#select-dossiers div.table-container div.row .clientreference {
    float: left;
    width: 90px;
    padding: 0 10px 8px 0;
}

#select-dossiers div.table-header .vessel,
#select-dossiers div.table-container div.row .vessel {
    float: left;
    width: 110px;
    padding: 0 10px 8px 0;
}

#select-dossiers div.table-header .dossiertype,
#select-dossiers div.table-container div.row .dossiertype {
    float: left;
    width: 85px;
    padding: 0 10px 8px 0;
}

#select-dossiers div.table-header .dossierstatus {
    float: left;
    width: 130px;
    padding: 0 0 8px 0;
}

#select-dossiers div.table-container div.row .dossierstatus {
    float: left;
    width: 110px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group-dossiers.png) 0 3px no-repeat;
}

#select-dossiers div.table-container div.row .dossierstatus.open {
    background-position: 0 3px;
}

#select-dossiers div.table-container div.row .dossierstatus.readyforinvoice {
    background-position: 0 -47px;
}

#select-dossiers div.table-container div.row .dossierstatus.invoiced,
#select-dossiers div.table-container div.row .dossierstatus.partialinvoiced,
#select-dossiers div.table-container div.row .dossierstatus.clientreleased {
    background-position: 0 -97px;
}

#select-dossiers div.table-container div.row .dossierstatus.notinvoiced {
    background-position: 0 -147px;
}

#select-dossiers div.table-container div.row .dossierstatus.closed {
    background-position: 0 -197px;
}

#select-dossiers div.table-container div.row .dossierstatus.onhold,
#select-dossiers div.table-container div.row .dossierstatus.clientonhold,
#select-dossiers div.table-container div.row .dossierstatus.notarifflines {
    background-position: 0 -248px;
    position: relative;
}

#select-dossiers div.table-header .tarifflines {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#select-dossiers div.table-container div.row .tarifflines {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

#select-dossiers div.table-container div.row .noresults {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Select Dossier Tariffs
-----------------------------------------------------------------------------*/
#select-dossiertariffs {
    width: 600px;
    position: relative;
    margin-top: 15px;
}

#select-dossiertariffs label {
    cursor: pointer;
}

#select-dossiertariffs div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#select-dossiertariffs div.table-container {
    display: inline-block;
}

#select-dossiertariffs div.table-container p {
    padding-bottom: 0px;
}

#select-dossiertariffs div.table-header .dossier,
#select-dossiertariffs div.table-container div.row .dossier {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#select-dossiertariffs div.table-header .tarifftype,
#select-dossiertariffs div.table-container div.row .tarifftype {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#select-dossiertariffs div.table-header .unittype,
#select-dossiertariffs div.table-container div.row .unittype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#select-dossiertariffs div.table-header .information,
#select-dossiertariffs div.table-container div.row .information {
    float: left;
    width: 25px;
    padding: 0 0 7px 0;
}

#select-dossiertariffs div.table-header .quantity,
#select-dossiertariffs div.table-container div.row .quantity {
    float: left;
    width: 40px;
    text-align: right;
    margin-right: 30px;
    padding: 0 0 8px 0;
}

#select-dossiertariffs div.table-header .amount {
    float: left;
    width: 95px;
    text-align: right;
    margin-right: 30px;
    padding: 0 0 8px 0;
}

#select-dossiertariffs div.table-container div.row .amount {
    float: left;
    width: 73px;
    text-align: right;
    margin-right: 30px;
    padding: 0 0 8px 0;
}

#select-dossiertariffs div.table-container div.row .currency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}


/* Splitted Outgoing Invoices (Batch Invoicing)
-----------------------------------------------------------------------------*/
#splittedinvoices {
    width: 600px;
    position: relative;
}

#splittedinvoices div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#splittedinvoices div.table-container {
    display: inline-block;
}

#splittedinvoices div.table-container p {
    padding-bottom: 0px;
}

#splittedinvoices div.table-header .sequence,
#splittedinvoices div.table-container div.row .sequence {
    float: left;
    width: 40px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#splittedinvoices div.table-header .dossier,
#splittedinvoices div.table-container div.row .dossier {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#splittedinvoices div.table-header .tarifflines,
#splittedinvoices div.table-container div.row .tarifflines {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#splittedinvoices div.table-header .amount {
    float: left;
    width: 82px;
    margin: 0 30px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#splittedinvoices div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#splittedinvoices div.table-container div.row .amount {
    float: left;
    width: 55px;
    margin: 0 30px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#splittedinvoices div.table-header .vat {
    float: left;
    width: 72px;
    margin: 0 30px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#splittedinvoices div.table-container div.row .vatcurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#splittedinvoices div.table-container div.row .vat {
    float: left;
    width: 50px;
    margin: 0 30px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}


/* Credit Invoice
-----------------------------------------------------------------------------*/
#creditbatchinvoice div.table-header .dossier,
#creditbatchinvoice div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 80px;
    padding: 0 0 8px 0;
}

#creditbatchinvoice div.table-header .printoninvoice,
#creditbatchinvoice div.table-container div.row .printoninvoice {
    float: left;
    width: 240px;
    padding: 0 10px 8px 0;
}

#creditbatchinvoice div.table-header .quantity,
#creditbatchinvoice div.table-container div.row .quantity {
    float: left;
    width: 25px;
    padding: 0 0 8px 0;
}

#creditbatchinvoice div.table-header .amount {
    float: left;
    width: 110px;
    text-align: right;
    padding: 0 0 8px 0;
}

#creditbatchinvoice div.table-container div.row .amount {
    float: left;
    width: 68px;
    text-align: right;
    padding: 0 0 8px 0;
}

#creditbatchinvoice div.table-container div.row .currency {
    float: left;
    width: 22px;
    margin-left: 20px;
    padding: 0 0 8px 0;
}

#creditbatchinvoice div.table-header .credit {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
    margin-left: 25px;
}

#creditbatchinvoice div.table-container div.row .credit {
    float: left;
    width: 80px;
    margin: -2px 0 0 25px;
    padding: 0 0 3px 0;
    line-height: normal !important;
}


/* File and Document types (Admin)
-----------------------------------------------------------------------------*/
#filedocumenttypes div.table-header .filetypename,
#filedocumenttypes div.table-container div.row .filetypename {
    float: left;
    margin-left: 30px;
    width: 220px;
    padding: 0 20px 8px 0;
}

#filedocumenttypes div.table-header .matchingcode,
#filedocumenttypes div.table-container div.row .matchingcode {
    float: left;
    width: 90px;
    padding: 0 15px 8px 0;
    word-wrap: break-word;
}

#filedocumenttypes div.table-header .clientavailable  {
    float: left;
    width: 105px;
}

#filedocumenttypes div.table-container div.row .clientavailable {
    float: left;
    width: 87px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#filedocumenttypes div.table-container div.row .clientavailable.no {
    background-position: 0 1px;
}

#filedocumenttypes div.table-container div.row .clientavailable.yes {
    background-position: 0 -99px;
}

#filedocumenttypes div.table-header .stockregistration  {
    float: left;
    width: 90px;
}

#filedocumenttypes div.table-container div.row .stockregistration {
    float: left;
    width: 72px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#filedocumenttypes div.table-container div.row .stockregistration.no {
    background-position: 0 1px;
}

#filedocumenttypes div.table-container div.row .stockregistration.yes {
    background-position: 0 -99px;
}

#filedocumenttypes div.table-header .copy,
#filedocumenttypes div.table-header .original {
    float: left;
    width: 70px;
}

#filedocumenttypes div.table-container div.row .copy,
#filedocumenttypes div.table-container div.row .original {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#filedocumenttypes div.table-container div.row .copy.no,
#filedocumenttypes div.table-container div.row .original.no {
    background-position: 0 1px;
}

#filedocumenttypes div.table-container div.row .copy.yes,
#filedocumenttypes div.table-container div.row .original.yes {
    background-position: 0 -99px;
}

#filedocumenttypes div.table-header .locked {
    float: left;
    width: 70px;
}

#filedocumenttypes div.table-container div.row .locked {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#filedocumenttypes div.table-container div.row .locked.no {
    background-position: 0 1px;
}

#filedocumenttypes div.table-container div.row .locked.yes {
    background-position: 0 -99px;
}

#filedocumenttypes div.table-header .activestatus {
    float: left;
    width: 70px;
}

#filedocumenttypes div.table-container div.row .activestatus {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#filedocumenttypes div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#filedocumenttypes div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Required Documents
-----------------------------------------------------------------------------*/
#requireddocuments div.table-header .country,
#requireddocuments div.table-container div.row .country {
    float: left;
    margin-left: 30px;
    width: 230px;
    padding: 0 20px 8px 0;
}

#requireddocuments div.table-header .viacountry,
#requireddocuments div.table-container div.row .viacountry {
    float: left;
    width: 220px;
    padding: 0 20px 8px 0;
}

#requireddocuments div.table-header .tradetype,
#requireddocuments div.table-container div.row .tradetype {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#requireddocuments div.table-header .cargotypes,
#requireddocuments div.table-container div.row .cargotypes {
    float: left;
    width: 100px;
    padding: 0 0 7px 0;
}


/* Required Documents Cargo Types
-----------------------------------------------------------------------------*/
#requireddocumentscargotypes div.table-header .code,
#requireddocumentscargotypes div.table-container div.row .code {
    float: left;
    margin-left: 30px;
    width: 55px;
    padding: 0 0 8px 0;
}

#requireddocumentscargotypes div.table-header .cargotype,
#requireddocumentscargotypes div.table-container div.row .cargotype {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#requireddocumentscargotypes div.table-header .documents,
#requireddocumentscargotypes div.table-container div.row .documents {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#requireddocumentscargotypes div.table-container div.row .documents p {
    padding: 0px;
}

#requireddocumentscargotypes div.table-header .ced,
#requireddocumentscargotypes div.table-header .cved {
    float: left;
    width: 60px;
}

#requireddocumentscargotypes div.table-container div.row .ced,
#requireddocumentscargotypes div.table-container div.row .cved {
    float: left;
    width: 42px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#requireddocumentscargotypes div.table-container div.row .ced.no,
#requireddocumentscargotypes div.table-container div.row .cved.no {
    background-position: 0 1px;
}

#requireddocumentscargotypes div.table-container div.row .ced.yes,
#requireddocumentscargotypes div.table-container div.row .cved.yes {
    background-position: 0 -99px;
}

#requireddocumentscargotypes div.table-container div.row .nocargotypes {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Required Documents Checklist
-----------------------------------------------------------------------------*/
#requireddocumentschecklist div.table-header .requireddocument,
#requireddocumentschecklist div.table-container div.row .requireddocument {
    float: left;
    margin-left: 30px;
    width: 230px;
    padding: 0 20px 8px 0;
}

#requireddocumentschecklist div.table-header .copy,
#requireddocumentschecklist div.table-header .original {
    float: left;
    width: 130px;
}

#requireddocumentschecklist div.table-container div.row .copy,
#requireddocumentschecklist div.table-container div.row .original {
    float: left;
    width: 112px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#requireddocumentschecklist div.table-container div.row .copy.no,
#requireddocumentschecklist div.table-container div.row .original.no {
    background-position: 0 1px;
}

#requireddocumentschecklist div.table-container div.row .copy.yes,
#requireddocumentschecklist div.table-container div.row .original.yes {
    background-position: 0 -99px;
}

#requireddocumentschecklist div.table-container div.row .norequireddocuments {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Required Documents E-mails
-----------------------------------------------------------------------------*/
#requireddocumentsmails div.table-header .date,
#requireddocumentsmails div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

#requireddocumentsmails div.table-header .type,
#requireddocumentsmails div.table-container div.row .type {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#requireddocumentsmails div.table-header .subject,
#requireddocumentsmails div.table-container div.row .subject {
    float: left;
    width: 340px;
    padding: 0 0 8px 0;
}

#requireddocumentsmails div.table-container div.row .nomails {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Required Documents Checklist
-----------------------------------------------------------------------------*/
#requireddocumentschecklist div.table-header .dossier,
#requireddocumentschecklist div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#requireddocumentschecklist div.table-header .company,
#requireddocumentschecklist div.table-container div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#requireddocumentschecklist div.table-header .carrier,
#requireddocumentschecklist div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#requireddocumentschecklist div.table-header .vessel,
#requireddocumentschecklist div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 10px 7px 0;
}

#requireddocumentschecklist div.table-header .port,
#requireddocumentschecklist div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#requireddocumentschecklist div.table-header .etseta,
#requireddocumentschecklist div.table-container div.row .etseta {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#requireddocumentschecklist div.table-header .copies,
#requireddocumentschecklist div.table-container div.row .copies {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#requireddocumentschecklist div.table-header .originals,
#requireddocumentschecklist div.table-container div.row .originals {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#requireddocumentschecklist div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Confirm Required Documents
-----------------------------------------------------------------------------*/
#confirmrequireddocuments div.table-header .requireddocument,
#confirmrequireddocuments div.table-container div.row .requireddocument {
    float: left;
    margin-left: 30px;
    width: 250px;
    padding: 0 20px 8px 0;
}

#confirmrequireddocuments div.table-header .received,
#confirmrequireddocuments div.table-header .confirmed {
    float: left;
    width: 130px;
}

#confirmrequireddocuments div.table-container div.row .received,
#confirmrequireddocuments div.table-container div.row .confirmed {
    float: left;
    width: 112px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#confirmrequireddocuments div.table-container div.row .received.no,
#confirmrequireddocuments div.table-container div.row .confirmed.no {
    background-position: 0 1px;
}

#confirmrequireddocuments div.table-container div.row .received.yes,
#confirmrequireddocuments div.table-container div.row .confirmed.yes {
    background-position: 0 -99px;
}


/* Shipping Center Connections
-----------------------------------------------------------------------------*/
#scconnections div.table-header .companyname,
#scconnections div.table-container div.row .companyname {
    float: left;
    margin-left: 30px;
    width: 230px;
    padding: 0 20px 8px 0;
}

#scconnections div.table-header .companytype,
#scconnections div.table-container div.row .companytype {
    float: left;
    width: 105px;
    padding: 0 0 8px 0;
}

#scconnections div.table-header .linked {
    float: left;
    width: 60px;
}

#scconnections div.table-container div.row .linked {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#scconnections div.table-container div.row .linked.no {
    background-position: 0 1px;
}

#scconnections div.table-container div.row .linked.yes {
    background-position: 0 -99px;
}

#scconnections div.table-header .status {
    float: left;
    width: 115px;
    padding: 0 0 8px 0;
}

#scconnections div.table-container div.row .status {
    float: left;
    width: 95px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#scconnections div.table-container div.row .status.notconnected {
    background-position: 0 1px;
}

#scconnections div.table-container div.row .status.pendingrequest {
    background-position: 0 -49px;
}

#scconnections div.table-container div.row .status.connected {
    background-position: 0 -99px;
}

#scconnections div.table-container div.row .status.declined,
#scconnections div.table-container div.row .status.cancelled {
    background-position: 0 -198px;
}

#scconnections div.table-header .country,
#scconnections div.table-container div.row .country {
    float: left;
    width: 170px;
    padding: 0 0 8px 0;
}

#scconnections div.table-container div.row .country p {
    padding: 0px;
}


/* Shipping Center Connections - Incoming Requests
-----------------------------------------------------------------------------*/
#scconnectionsincoming div.table-header .date,
#scconnectionsincoming div.table-container div.row .date {
    float: left;
    width: 75px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#scconnectionsincoming div.table-header .time,
#scconnectionsincoming div.table-container div.row .time {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#scconnectionsincoming div.table-header .companyname,
#scconnectionsincoming div.table-container div.row .companyname {
    float: left;
    width: 230px;
    padding: 0 20px 8px 0;
}

#scconnectionsincoming div.table-header .companytype,
#scconnectionsincoming div.table-container div.row .companytype {
    float: left;
    width: 105px;
    padding: 0 0 8px 0;
}

#scconnectionsincoming div.table-header .linked {
    float: left;
    width: 60px;
}

#scconnectionsincoming div.table-container div.row .linked {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#scconnectionsincoming div.table-container div.row .linked.no {
    background-position: 0 1px;
}

#scconnectionsincoming div.table-container div.row .linked.yes {
    background-position: 0 -99px;
}

#scconnectionsincoming div.table-header .country,
#scconnectionsincoming div.table-container div.row .country {
    float: left;
    width: 170px;
    padding: 0 0 8px 0;
}

#scconnectionsincoming div.table-container div.row .country p {
    padding: 0px;
}


/* Warehouse Stock
-----------------------------------------------------------------------------*/
#warehousestock div.table-header .date,
#warehousestock div.table-container div.row .date {
    float: left;
    width: 75px;
    margin-left: 30px;
    margin-right: -30px;
    padding: 0 0 8px 0;
}

#warehousestock div.table-header .stockreference,
#warehousestock div.table-container div.row .stockreference {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#warehousestock div.table-header .overviewclientreference,
#warehousestock div.table-container div.row .overviewclientreference {
    float: left;
    width: 125px;
    margin-left: 30px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#warehousestock div.table-header .warehouse,
#warehousestock div.table-container div.row .warehouse {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#warehousestock div.table-header .client,
#warehousestock div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#warehousestock div.table-header .clientreference,
#warehousestock div.table-container div.row .clientreference,
#warehousestock div.table-header .warehousereference,
#warehousestock div.table-container div.row .warehousereference {
    float: left;
    width: 125px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#warehousestock div.table-header .packages,
#warehousestock div.table-container div.row .packages {
    float: left;
    width: 100px;
    padding: 0 4px 8px 0;
}

#warehousestock div.table-header .cargo,
#warehousestock div.table-container div.row .cargo {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#warehousestock div.table-header .reeferhazmat,
#warehousestock div.table-container div.row .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 5px 0 0;
}

#warehousestock div.table-header .cargotype,
#warehousestock div.table-container div.row .cargotype {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#warehousestock div.table-header .cargofull,
#warehousestock div.table-container div.row .cargofull {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#warehousestock div.table-header .weight,
#warehousestock div.table-container div.row .weight {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#warehousestock div.table-container div.row .weight p {
    padding: 0px;
}

#warehousestock div.table-header .fromdossier,
#warehousestock div.table-container div.row .fromdossier {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#warehousestock div.table-header .todossier,
#warehousestock div.table-container div.row .todossier {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#warehousestock div.table-header .port,
#warehousestock div.table-container div.row .port {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#warehousestock div.table-header .status {
    float: left;
    width: 70px;
}

#warehousestock div.table-container div.row .status {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#warehousestock div.table-container div.row .status.pending {
    background-position: 0 1px;
}

#warehousestock div.table-container div.row .status.available {
    background-position: 0 -99px;
}

#warehousestock div.table-container div.row .status.loaded {
    background-position: 0 -49px;
}

#warehousestock div.table-header .stored,
#warehousestock div.table-container div.row .stored {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#warehousestock div.table-header .type,
#warehousestock div.table-container div.row .type {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#warehousestock div.table-header .released {
    float: left;
    margin-left: 10px;
    width: 65px;
}

#warehousestock div.table-container div.row .released {
    float: left;
    margin-left: 10px;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#warehousestock div.table-container div.row .released.no {
    background-position: 0 1px;
}

#warehousestock div.table-container div.row .released.yes {
    background-position: 0 -99px;
}

#warehousestock div.table-container div.row .nowarehousestock {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* (Un)Loading lists
-----------------------------------------------------------------------------*/
#loadinglists div.table-header .date,
#loadinglists div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    margin-right: -30px;
    width: 70px;
    padding: 0 0 8px 0;
}

#loadinglists div.table-header .dossier,
#loadinglists div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

#loadinglists div.table-header .sequence,
#loadinglists div.table-container div.row .sequence {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

#loadinglists div.table-header .client,
#loadinglists div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#loadinglists div.table-header .clientcontact,
#loadinglists div.table-container div.row .clientcontact {
    float: left;
    width: 90px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#loadinglists div.table-header .warehouse,
#loadinglists div.table-container div.row .warehouse {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

#loadinglists div.table-header .warehousecontact,
#loadinglists div.table-container div.row .warehousecontact {
    float: left;
    width: 90px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#loadinglists div.table-header .type,
#loadinglists div.table-container div.row .type {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#loadinglists div.table-header .shipment,
#loadinglists div.table-container div.row .shipment {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#loadinglists div.table-header .consolidation {
    float: left;
    width: 105px;
}

#loadinglists div.table-container div.row .consolidation {
    float: left;
    width: 85px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#loadinglists div.table-container div.row .consolidation span {
    color: #888888;
}

#loadinglists div.table-container div.row .consolidation.no {
    background-position: 0 1px;
}

#loadinglists div.table-container div.row .consolidation.yes {
    background-position: 0 -99px;
}

#loadinglists div.table-container div.row .stock p {
    padding: 0px;
}

#loadinglists div.table-header .revised {
    float: left;
    width: 70px;
}

#loadinglists div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#loadinglists div.table-container div.row .revised span {
    color: #888888;
}

#loadinglists div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#loadinglists div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}

#loadinglists div.table-header .statust {
    float: left;
    width: 90px;
}

#loadinglists div.table-container div.row .status {
    float: left;
    width: 70px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#loadinglists div.table-container div.row .status.pending {
    background-position: 0 1px;
}

#loadinglists div.table-container div.row .status.inprogress {
    background-position: 0 -249px;
}

#loadinglists div.table-container div.row .status.completed {
    background-position: 0 -99px;
}


/* Selected Warehouse Stock
-----------------------------------------------------------------------------*/
div.selectedwarehousestock {
    width: 600px;
    display: inline-block;
}

div.selectedwarehousestock.selectable {
    margin-top: 25px;
}

div.selectedwarehousestock h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.selectedwarehousestock div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

div.selectedwarehousestock div.table-header .stockreference,
div.selectedwarehousestock div.table-container div.row .stockreference {
    float: left;
    margin-left: 30px;
    width: 80px;
    padding: 0 0 8px 0;
}

div.selectedwarehousestock.selectable div.table-header .stockreference,
div.selectedwarehousestock.selectable div.table-container div.row .stockreference {
    width: 75px;
}

div.selectedwarehousestock div.table-header .packages,
div.selectedwarehousestock div.table-container div.row .packages {
    float: left;
    width: 85px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.selectedwarehousestock div.table-header .reeferhazmat,
div.selectedwarehousestock div.table-container div.row .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 5px 0 0;
}

div.selectedwarehousestock div.table-header .cargotype,
div.selectedwarehousestock div.table-container div.row .cargotype {
    float: left;
    width: 135px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.selectedwarehousestock div.table-header .cargodescription,
div.selectedwarehousestock div.table-container div.row .cargodescription {
    float: left;
    width: 160px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.selectedwarehousestock div.table-header .grossweight,
div.selectedwarehousestock div.table-container div.row .grossweight {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

div.selectedwarehousestock div.table-header .volume,
div.selectedwarehousestock div.table-container div.row .volume {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

div.selectedwarehousestock div.table-container div.row .grossweight p,
div.selectedwarehousestock div.table-container div.row .volume p,
div.selectedwarehousestock div.table-container div.row .packagetype p {
    padding: 0px !important;
}

div.selectedwarehousestock div.table-header .clientreference,
div.selectedwarehousestock div.table-container div.row .clientreference {
    float: left;
    width: 105px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.selectedwarehousestock div.table-header .stockremaining {
    float: left;
    width: 85px;
}

div.selectedwarehousestock div.table-container div.row .stockremaining {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

div.selectedwarehousestock div.table-container div.row .stockremaining.no {
    background-position: 0 1px;
}

div.selectedwarehousestock div.table-container div.row .stockremaining.yes {
    background-position: 0 -99px;
}

div.selectedwarehousestock div.table-header .warehousereference,
div.selectedwarehousestock div.table-container div.row .warehousereference {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.selectedwarehousestock div.table-container div.row .warehousereference {
    width: 63px;
}

div.selectedwarehousestock div.table-header .packagetype,
div.selectedwarehousestock div.table-container div.row .packagetype {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.selectedwarehousestock div.table-header .products,
div.selectedwarehousestock div.table-container div.row .products {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}


div.selectedwarehousestock div.table-header .edges,
div.selectedwarehousestock div.table-container div.row .edges {
    float: left;
    width: 45px;
    padding: 0 0 8px 0;
}

div.selectedwarehousestock div.table-header .passthrough {
    float: left;
    width: 70px;
}

div.selectedwarehousestock div.table-container div.row .passthrough {
    float: left;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

div.selectedwarehousestock div.table-container div.row .passthrough.no {
    background-position: 0 1px;
}

div.selectedwarehousestock div.table-container div.row .passthrough.yes {
    background-position: 0 -99px;
}

div.selectedwarehousestock div.table-container div.row .nostock {
    float: left;
    width: 555px;
    padding: 0 0 8px 0;
    margin-left: 30px;
}

div.selectedwarehousestock div.table-container div.row.grandtotals {
    background-color: #eeeeee;
    font-weight: bold;
}

div.selectedwarehousestock div.table-container div.row.grandtotals .cargotype {
    margin-left: 221px;
}

div.selectedwarehousestock div.table-container div.row.grandtotals .skulabel {
    float: left;
    margin-left: 30px;
    width: 101px;
    padding: 0 0 8px 0;
}


/* Packages to Warehouse Stock
-----------------------------------------------------------------------------*/
div.packagestowarehousestock {
    width: 600px;
    margin: 5px 0 0 0;
    display: inline-block;
}

div.packagestowarehousestock.packages {
    margin: 0px;
}

div.packagestowarehousestock div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

div.packagestowarehousestock div.table-header .packages,
div.packagestowarehousestock div.table-container div.row .packages {
    float: left;
    width: 95px;
    margin-left: 30px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.packagestowarehousestock div.table-header .packages.view,
div.packagestowarehousestock div.table-container div.row .packages.view {
    margin-left: 15px;
}

div.packagestowarehousestock div.table-header .cargodescription,
div.packagestowarehousestock div.table-container div.row .cargodescription {
    float: left;
    width: 210px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.packagestowarehousestock div.table-header .grossweight,
div.packagestowarehousestock div.table-container div.row .grossweight {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

div.packagestowarehousestock div.table-header .volume,
div.packagestowarehousestock div.table-container div.row .volume {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

div.packagestowarehousestock div.table-container div.row .grossweight p,
div.packagestowarehousestock div.table-container div.row .volume p {
    padding: 0px !important;
}

div.packagestowarehousestock div.table-container div.row .nopackages {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* Auto-Tariff sets
-----------------------------------------------------------------------------*/
#autotariffsets div.table-header .internalname,
#autotariffsets div.table-container div.row .internalname {
    float: left;
    width: 160px;
    margin-left: 30px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#autotariffsets div.table-header .internalname.wide,
#autotariffsets div.table-container div.row .internalname.wide {
    width: 245px;
}

#autotariffsets div.table-header .client,
#autotariffsets div.table-container div.row .client {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#autotariffsets div.table-header .dossiertype,
#autotariffsets div.table-container div.row .dossiertype {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#autotariffsets div.table-header .supplier,
#autotariffsets div.table-container div.row .supplier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#autotariffsets div.table-header .placeofloading,
#autotariffsets div.table-container div.row .placeofloading,
#autotariffsets div.table-header .portofloading,
#autotariffsets div.table-container div.row .portofloading,
#autotariffsets div.table-header .portofdischarge,
#autotariffsets div.table-container div.row .portofdischarge,
#autotariffsets div.table-header .placeofdelivery,
#autotariffsets div.table-container div.row .placeofdelivery {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#autotariffsets div.table-header .tariffs,
#autotariffsets div.table-container div.row .tariffs {
    float: left;
    width: 45px;
    padding: 0 0 8px 0;
}

#autotariffsets div.table-header .activestatus {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#autotariffsets div.table-container div.row .activestatus {
    float: left;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#autotariffsets div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#autotariffsets div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* SKU List
-----------------------------------------------------------------------------*/
#skulist div.table-header .client,
#skulist div.table-container div.row .client {
    float: left;
    width: 60px;
    margin-left: 30px;
    padding: 0 0 7px 0;
}

#skulist div.table-header .sku,
#skulist div.table-container div.row .sku {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#skulist div.table-header .description,
#skulist div.table-container div.row .description {
    float: left;
    width: 250px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#skulist div.table-header .hscode,
#skulist div.table-container div.row .hscode {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#skulist div.table-header .weight,
#skulist div.table-container div.row .weight {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#skulist div.table-header .volume,
#skulist div.table-container div.row .volume {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#skulist div.table-header .activestatus {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#skulist div.table-container div.row .activestatus {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#skulist div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#skulist div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* ISF Filings - Overviews
-----------------------------------------------------------------------------*/
#isffilings div.table-header .dossier,
#isffilings div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 60px;
    padding-bottom: 8px;
}

#isffilings div.table-header .sequence,
#isffilings div.table-container div.row .sequence {
    float: left;
    width: 35px;
    padding: 0 0 7px 0;
}

#isffilings div.table-header .company,
#isffilings div.table-container div.row .company {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#isffilings div.table-header .carrier,
#isffilings div.table-container div.row .carrier {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#isffilings div.table-header .vessel,
#isffilings div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
}

#isffilings div.table-header .port,
#isffilings div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#isffilings div.table-header .etseta,
#isffilings div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#isffilings div.table-header .companycontact,
#isffilings div.table-container div.row .companycontact {
    float: left;
    width: 120px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#isffilings div.table-header .revised {
    float: left;
    width: 70px;
}

#isffilings div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#isffilings div.table-container div.row .revised span {
    color: #888888;
}

#isffilings div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#isffilings div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* ISF Filing Particulars
-----------------------------------------------------------------------------*/
#isffiling-particulars {
    position: relative;
    width: 600px;
}

#isffiling-particulars h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

#isffiling-particulars div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

#isffiling-particulars div.table-container {
    display: inline-block;
}

#isffiling-particulars div.table-header .packages,
#isffiling-particulars div.table-container div.row .packages {
    float: left;
    width: 110px;
    margin-left: 15px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#isffiling-particulars.selectable div.table-header .packages,
#isffiling-particulars.selectable div.table-container div.row .packages {
    margin-left: 30px;
}

#isffiling-particulars div.table-header .cargodescription,
#isffiling-particulars div.table-container div.row .cargodescription {
    float: left;
    width: 220px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#isffiling-particulars div.table-header .hscode,
#isffiling-particulars div.table-container div.row .hscode {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#isffiling-particulars div.table-header .origin,
#isffiling-particulars div.table-container div.row .origin {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#isffiling-particulars div.table-header .ponumber,
#isffiling-particulars div.table-container div.row .ponumber {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}


/* Tariff Changes
-----------------------------------------------------------------------------*/
#changehistory div.table-header .date,
#changehistory div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#changehistory div.table-header .field,
#changehistory div.table-container div.row .field {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#changehistory div.table-header .oldvalue,
#changehistory div.table-container div.row .oldvalue {
    float: left;
    width: 180px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#changehistory div.table-header .newvalue,
#changehistory div.table-container div.row .newvalue {
    float: left;
    width: 180px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#changehistory div.table-container p {
    padding: 0px;
}

#changehistory div.table-container div.row .nochanges {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}



/* Summarized Dossier Action Menu
-----------------------------------------------------------------------------*/
a.toggleactionmenu,
a.toggledossieractionmenu {
    position: relative;
    cursor: pointer !important;
}

a.toggleactionmenu span.toggler,
a.toggledossieractionmenu span.toggler {
    width: 10px;
    height: 5px;
    background: url(../images/button-toggle-icon.png) 0 -45px no-repeat;
    display: block;
    position: absolute;
    right: 10px;
    top: 9px;
}

a.toggleactionmenu.active span.toggler,
a.toggledossieractionmenu.active span.toggler {
    width: 10px;
    height: 5px;
    background: url(../images/button-toggle-icon.png) 0 0 no-repeat;
    display: block;
    position: absolute;
    right: 10px;
    top: 9px;
}

div.actionmenucontainer,
div.dossieractionmenucontainer {
    padding-top: 5px;
}

div.actionmenucontainer a.button,
div.dossieractionmenucontainer a.button {
    margin-left: 10px;
    width: 129px !important;
}

div.actionmenucontainer.scrollable,
div.dossieractionmenucontainer.scrollable {
    padding-top: 5px;
    max-height: 170px;
    overflow-y: auto;
    width: 214px;
}


/* Export Companies
-----------------------------------------------------------------------------*/
#exportcompanies div.table-header .company,
#exportcompanies div.table-container div.row .company {
    float: left;
    width: 200px;
    margin-left: 30px;
    padding: 0 10px 7px 0;
}

#exportcompanies div.table-header .companycode,
#exportcompanies div.table-container div.row .companycode {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#exportcompanies div.table-header .financialtype,
#exportcompanies div.table-container div.row .financialtype {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#exportcompanies div.table-header .debtornumber,
#exportcompanies div.table-container div.row .debtornumber {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#exportcompanies div.table-header .creditornumber,
#exportcompanies div.table-container div.row .creditornumber {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#exportcompanies div.table-header .editedby,
#exportcompanies div.table-container div.row .editedby {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#exportcompanies div.table-header .datetime,
#exportcompanies div.table-container div.row .datetime {
    float: left;
    width: 115px;
    padding: 0 0 8px 0;
}


/* LCL Dossiers Cargo
-----------------------------------------------------------------------------*/
#lcldossierscargo div.table-header .dossier,
#lcldossierscargo div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

#lcldossierscargo div.table-header .company,
#lcldossierscargo div.table-container div.row .company {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#lcldossierscargo div.table-header .reeferhazmat,
#lcldossierscargo div.table-container div.row .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 5px 0 0;
}

#lcldossierscargo div.table-header .cargotype,
#lcldossierscargo div.table-container div.row .cargotype {
    float: left;
    width: 130px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#lcldossierscargo div.table-header .hscode,
#lcldossierscargo div.table-container div.row .hscode {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#lcldossierscargo div.table-header .grossweight,
#lcldossierscargo div.table-container div.row .grossweight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#lcldossierscargo div.table-header .volume,
#lcldossierscargo div.table-container div.row .volume {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#lcldossierscargo div.table-container div.row p {
    margin: 0px;
    padding: 0px;
}

#lcldossierscargo div.table-container div.row.totals {
    background-color: #f1f1f1;
}

#lcldossierscargo div.table-container div.row.totals .reeferhazmat {
    margin-left: 164px;
}

#lcldossierscargo div.table-container div.row.totals .cargotype {
    width: 200px;
}

#lcldossierscargo div.table-container div.row.grandtotals {
    background-color: #eeeeee;
    font-weight: bold;
}

#lcldossierscargo div.table-container div.row.grandtotals .cargotype {
    margin-left: 185px;
    width: 200px;
}


/* Consolidation Geolocations
-----------------------------------------------------------------------------*/
#consolidationgeolocations div.table-header .geolocation,
#consolidationgeolocations div.table-container div.row .geolocation {
    float: left;
    margin-left: 30px;
    width: 65px;
    padding: 0 0 7px 0;
}

#consolidationgeolocations div.table-header .consignee,
#consolidationgeolocations div.table-container div.row .consignee,
#consolidationgeolocations div.table-header .notifyparty,
#consolidationgeolocations div.table-container div.row .notifyparty {
    float: left;
    width: 200px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#consolidationgeolocations div.table-container div.row .consignee p,
#consolidationgeolocations div.table-container div.row .notifyparty p {
    margin: 0px;
    padding: 0px;
}

#consolidationgeolocations div.table-container div.row .nogeolocations {
    float: left;
    margin-left: 30px;
    width: 545px;
    padding: 0 0 8px 0;
}


/* LCL Cargo details
-----------------------------------------------------------------------------*/
div.lclcargodetails {
    width: 600px;
    display: inline-block;
}

div.lclcargodetails.selectable {
    margin-top: 25px;
}

div.lclcargodetails.withcontainer {
    margin-top: 5px;
}

div.lclcargodetails h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.lclcargodetails div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

div.lclcargodetails div.table-header .dossier,
div.lclcargodetails div.table-container div.row .dossier {
    float: left;
    margin-left: 15px;
    width: 75px;
    padding: 0 0 8px 0;
}

div.lclcargodetails.selectable div.table-header .dossier,
div.lclcargodetails.selectable div.table-container div.row .dossier {
    margin-left: 30px;
    width: 70px;
}

div.lclcargodetails div.table-header .packages,
div.lclcargodetails div.table-container div.row .packages {
    float: left;
    width: 80px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.lclcargodetails div.table-header .packages.first,
div.lclcargodetails div.table-container div.row .packages.first,
div.lclcargodetails.with-toggle div.table-header .packages,
div.lclcargodetails.with-toggle div.table-container div.row .packages {
    margin-left: 30px;
}

div.lclcargodetails div.table-header .packages.view,
div.lclcargodetails div.table-container div.row .packages.view {
    margin-left: 15px;
}

div.lclcargodetails div.table-header .reeferhazmat,
div.lclcargodetails div.table-container div.row .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 5px 0 0;
}

div.lclcargodetails div.table-header .cargotype,
div.lclcargodetails div.table-container div.row .cargotype {
    float: left;
    width: 135px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.lclcargodetails div.table-header .cargotype.large,
div.lclcargodetails div.table-container div.row .cargotype.large {
    width: 170px;
}

div.lclcargodetails div.table-header .cargodescription,
div.lclcargodetails div.table-container div.row .cargodescription {
    float: left;
    width: 225px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.lclcargodetails div.table-header .cargodescription.small,
div.lclcargodetails div.table-container div.row .cargodescription.small {
    float: left;
    width: 185px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.lclcargodetails div.table-header .grossweight,
div.lclcargodetails div.table-container div.row .grossweight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

div.lclcargodetails div.table-header .netweight,
div.lclcargodetails div.table-container div.row .netweight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

div.lclcargodetails div.table-header .volume,
div.lclcargodetails div.table-container div.row .volume {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.lclcargodetails div.table-container div.row .grossweight p,
div.lclcargodetails div.table-container div.row .netweight p,
div.lclcargodetails div.table-container div.row .volume p {
    padding: 0px !important;
}

div.lclcargodetails div.table-header .warehousereference,
div.lclcargodetails div.table-container div.row .warehousereference {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.lclcargodetails div.table-container div.row .warehousereference {
    width: 63px;
}

div.lclcargodetails div.table-header .editwarehousereference {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

div.lclcargodetails div.table-container div.row .editwarehousereference {
    float: left;
    width: 98px;
    margin-top: -1px;
    padding: 0px;
    line-height: normal !important;
}

div.lclcargodetails div.table-header .warehouselocation,
div.lclcargodetails div.table-container div.row .warehouselocation {
    float: left;
    width: 105px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.lclcargodetails div.table-header .editwarehouselocation {
    float: left;
    width: 185px;
    padding: 0 0 8px 0;
}

div.lclcargodetails div.table-container div.row .editwarehouselocation {
    float: left;
    width: 198px;
    margin-top: -1px;
    padding: 0px;
    line-height: normal !important;
}

div.lclcargodetails div.table-container div.row.grandtotals {
    background-color: #eeeeee;
    font-weight: bold;
}

div.lclcargodetails div.table-container div.row.grandtotals .cargotype {
    margin-left: 196px;
}

div.lclcargodetails div.table-container div.row.grandtotals .cargotype.large {
    margin-left: 121px;
}

div.lclcargodetails div.table-container div.row.grandtotals .cargodescription.small {
    margin-left: 196px;
}

div.lclcargodetails div.table-container div.row .nopackages {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

div.lclcargodetails div.table-container div.row .nopackagesfromcontainer {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.lclcargodetails div.table-container div.row .newcargoline {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* B/L Letter
-----------------------------------------------------------------------------*/
div.blletter {
    width: 600px;
    display: inline-block;
}

div.blletter div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

div.blletter div.table-header .date,
div.blletter div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

div.blletter div.table-header .company,
div.blletter div.table-container div.row .company {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

div.blletter div.table-header .companycontact,
div.blletter div.table-container div.row .companycontact {
    float: left;
    width: 140px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

div.blletter div.table-header .blnumber,
div.blletter div.table-container div.row .blnumber {
    float: left;
    width: 150px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.blletter div.table-container div.row .noletter {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Consolidation (Un)Loading lists
-----------------------------------------------------------------------------*/
#consolidationloadinglists div.table-header .dossier,
#consolidationloadinglists div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#consolidationloadinglists div.table-header .client,
#consolidationloadinglists div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#consolidationloadinglists div.table-header .warehouse,
#consolidationloadinglists div.table-container div.row .warehouse {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#consolidationloadinglists div.table-header .warehousecontact,
#consolidationloadinglists div.table-container div.row .warehousecontact {
    float: left;
    width: 100px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#consolidationloadinglists div.table-header .type,
#consolidationloadinglists div.table-container div.row .type {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#consolidationloadinglists div.table-header .lcldossiers,
#consolidationloadinglists div.table-container div.row .lcldossiers {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#consolidationloadinglists div.table-header .weight,
#consolidationloadinglists div.table-container div.row .weight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#consolidationloadinglists div.table-header .volume,
#consolidationloadinglists div.table-container div.row .volume {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#consolidationloadinglists div.table-container div.row .weight p,
#consolidationloadinglists div.table-container div.row .volume p {
    padding: 0px;
}

#consolidationloadinglists div.table-header .status {
    float: left;
    width: 80px;
}

#consolidationloadinglists div.table-container div.row .status {
    float: left;
    width: 62px;
    padding: 0 0 8px 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#consolidationloadinglists div.table-container div.row .status.completed,
#consolidationloadinglists div.table-container div.row .status.sent {
    background-position: 0 -49px;
}

#consolidationloadinglists div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#consolidationloadinglists div.table-container div.row .status.closed {
    background-position: 0 -148px;
}

#consolidationloadinglists div.table-container div.row .status.cancelled {
    background-position: 0 -198px;
}

#consolidationloadinglists div.table-header .revised {
    float: left;
    width: 60px;
}

#consolidationloadinglists div.table-container div.row .revised {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#consolidationloadinglists div.table-container div.row .revised span {
    color: #888888;
}

#consolidationloadinglists div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#consolidationloadinglists div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* Cargo Weight Volume check
-----------------------------------------------------------------------------*/
div.checkweightvolume {
    width: 600px;
    display: inline-block;
}

div.checkweightvolume div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

div.checkweightvolume div.table-header .containernumber,
div.checkweightvolume div.table-container div.row .containernumber {
    float: left;
    margin-left: 15px;
    width: 90px;
    padding: 0 0 8px 0;
}

div.checkweightvolume div.table-header .marksandnumbers,
div.checkweightvolume div.table-container div.row .marksandnumbers {
    float: left;
    margin-left: 15px;
    width: 90px;
    padding: 0 0 8px 0;
}

div.checkweightvolume div.table-header .packages,
div.checkweightvolume div.table-container div.row .packages {
    float: left;
    width: 90px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.checkweightvolume div.table-header .cargodescription,
div.checkweightvolume div.table-container div.row .cargodescription {
    float: left;
    width: 200px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.checkweightvolume div.table-header .grossweight,
div.checkweightvolume div.table-container div.row .grossweight {
    float: left;
    width: 105px;
    padding: 0 0 8px 0;
}

div.checkweightvolume div.table-header .volume,
div.checkweightvolume div.table-container div.row .volume {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

div.checkweightvolume div.table-container div.row .grossweight p,
div.checkweightvolume div.table-container div.row .volume p {
    padding: 0px !important;
}

div.checkweightvolume div.table-container div.row.grandtotals {
    background-color: #eeeeee;
    font-weight: bold;
}

div.checkweightvolume div.table-container div.row.grandtotals.quantities {
    background-color: #e0e0e0;
}

div.checkweightvolume div.table-container div.row.grandtotals .textlabel {
    float: left;
    width: 200px;
    margin-left: 200px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}


/* Quotation Tariff Tables
-----------------------------------------------------------------------------*/
#quotationtarifftables div.table-header .quotationtarifftable,
#quotationtarifftables div.table-container div.row .quotationtarifftable {
    float: left;
    width: 280px;
    margin-left: 30px;
    padding: 0 20px 8px 0;
}

#quotationtarifftables div.table-header .mentiononpdf,
#quotationtarifftables div.table-container div.row .mentiononpdf {
    float: left;
    width: 150px;
    padding: 0 0 8px 0;
}

#quotationtarifftables div.table-header .tarifftypegroups,
#quotationtarifftables div.table-container div.row .tarifftypegroups {
    float: left;
    width: 135px;
    padding: 0 0 7px 0;
}

#quotationtarifftables div.table-header .activestatus {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#quotationtarifftables div.table-container div.row .activestatus {
    float: left;
    width: 55px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#quotationtarifftables div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#quotationtarifftables div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Quotations 2.0
-----------------------------------------------------------------------------*/
#newquotations div.table-header .quotenumber,
#newquotations div.table-container div.row .quotenumber {
    float: left;
    width: 85px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#newquotations div.table-header .validfrom,
#newquotations div.table-container div.row .validfrom {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#newquotations div.table-header .validtill,
#newquotations div.table-container div.row .validtill {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#newquotations div.table-header .client,
#newquotations div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#newquotations div.table-header .clientcontact,
#newquotations div.table-container div.row .clientcontact {
    float: left;
    width: 120px;
    padding: 0 10px 7px 0;
}

#newquotations div.table-header .clientreference,
#newquotations div.table-container div.row .clientreference {
    float: left;
    width: 125px;
    padding: 0 10px 8px 0;
}

#newquotations div.table-header .portsplaces,
#newquotations div.table-container div.row .portsplaces {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#newquotations div.table-header .origin,
#newquotations div.table-container div.row .origin {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#newquotations div.table-header .mainlegs,
#newquotations div.table-container div.row .mainlegs {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#newquotations div.table-header .destination,
#newquotations div.table-container div.row .destination {
    float: left;
    width: 85px;
    padding: 0 0 7px 0;
}

#newquotations div.table-header .status {
    float: left;
    width: 80px;
}

#newquotations div.table-container div.row .status {
    float: left;
    width: 62px;
    padding: 0 0 8px 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#newquotations div.table-container div.row .status.saved {
    background-position: 0 1px;
}

#newquotations div.table-container div.row .status.completed,
#newquotations div.table-container div.row .status.sendlist {
    background-position: 0 -49px;
}

#newquotations div.table-container div.row .status.sent {
    background-position: 0 -99px;
}

#newquotations div.table-container div.row .status.cancelled {
    background-position: 0 -198px;
}

#newquotations div.table-container div.row .status.expired {
    background-position: 0 -249px;
}

#newquotations div.table-header .tariffs,
#newquotations div.table-container div.row .tariffs {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}


/* Quotations 2.0 - Packages table
-----------------------------------------------------------------------------*/
div.quotationpackages {
    position: relative;
    width: 600px;
}

div.quotationpackages.withmargin {
    margin-top: 25px;
}

div.quotationpackages h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.quotationpackages p {
    padding: 0px !important;
}

div.quotationpackages div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.quotationpackages div.table-container {
    display: inline-block;
}

div.quotationpackages div.table-header .packages,
div.quotationpackages div.table-container div.row .packages {
    float: left;
    width: 90px;
    margin-left: 15px;
    padding: 0 10px 8px 0px;
}

div.quotationpackages.selectable div.table-header .packages,
div.quotationpackages.selectable div.table-container div.row .packages {
    margin-left: 30px;
}

div.quotationpackages div.table-header .reeferhazmat,
div.quotationpackages div.table-container div.row .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 5px 0 0;
}

div.quotationpackages div.table-header .cargotype,
div.quotationpackages div.table-container div.row .cargotype {
    float: left;
    width: 130px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.quotationpackages div.table-header .grossweight,
div.quotationpackages div.table-container div.row .grossweight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

div.quotationpackages div.table-header .volume,
div.quotationpackages div.table-container div.row .volume {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

div.quotationpackages div.table-header .dimensions,
div.quotationpackages div.table-container div.row .dimensions {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

div.quotationpackages div.table-container div.row .nopackages {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0px;
}


/* Quotations 2.0 - Container table
-----------------------------------------------------------------------------*/
div.quotationcontainers {
    position: relative;
    width: 600px;
}

div.quotationcontainers.withmargin {
    margin-top: 25px;
}

div.quotationcontainers h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.quotationcontainers p {
    padding: 0px !important;
}

div.quotationcontainers div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.quotationcontainers div.table-container {
    display: inline-block;
}

div.quotationcontainers div.table-header .containertype,
div.quotationcontainers div.table-container div.row .containertype {
    float: left;
    width: 140px;
    margin-left: 15px;
    padding: 0 10px 8px 0px;
}

div.quotationcontainers div.table-header .shippersowned {
    float: left;
    width: 110px;
}

div.quotationcontainers div.table-container div.row .shippersowned {
    float: left;
    width: 90px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

div.quotationcontainers div.table-container div.row .shippersowned.no {
    background-position: 0 1px;
}

div.quotationcontainers div.table-container div.row .shippersowned.yes {
    background-position: 0 -99px;
}

div.quotationcontainers div.table-header .reeferhazmat,
div.quotationcontainers div.table-container div.row .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 5px 0 0;
}

div.quotationcontainers div.table-header .cargotype,
div.quotationcontainers div.table-container div.row .cargotype {
    float: left;
    width: 200px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.quotationcontainers div.table-container div.row .nocontainers {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0px;
}


/* Quotations 2.0 - Tariff table
-----------------------------------------------------------------------------*/
div.quotationtarifftables {
    position: relative;
    width: 600px;
}

div.quotationtarifftables.selectable {
    margin-top: 25px;
}

div.quotationtarifftables h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.quotationtarifftables p {
    padding: 0px !important;
}

div.quotationtarifftables div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.quotationtarifftables div.table-container {
    display: inline-block;
}

div.quotationtarifftables div.table-container label {
    cursor: pointer;
    min-height: 31px;
    display: inline-block;
}

div.quotationtarifftables div.table-header .tarifftable,
div.quotationtarifftables div.table-container div.row .tarifftable {
    float: left;
    width: 220px;
    margin-left: 15px;
    padding: 0 10px 8px 0px;
}

div.quotationtarifftables.selectable div.table-header .tarifftable,
div.quotationtarifftables.selectable div.table-container div.row .tarifftable {
    margin-left: 30px;
}

div.quotationtarifftables div.table-header .mentiononpdf,
div.quotationtarifftables div.table-container div.row .mentiononpdf {
    float: left;
    width: 150px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.quotationtarifftables div.table-header .tariffs,
div.quotationtarifftables div.table-container div.row .tariffs {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.quotationtarifftables div.table-container div.row .notarifftables {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0px;
}


/* Quotations 2.0 - Tariff lines table
-----------------------------------------------------------------------------*/
div.quotationtarifflinetable {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.quotationtarifflinetable.nomargin {
    margin-top: 0px;
}

div.quotationtarifflinetable h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.quotationtarifflinetable p {
    padding: 0px !important;
}

div.quotationtarifflinetable div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.quotationtarifflinetable div.table-container {
    display: inline-block;
}

div.quotationtarifflinetable div.rightfloated {
    width: 286px;
    float: right;
}

div.quotationtarifflinetable div.table-header .tarifftype,
div.quotationtarifflinetable div.table-container div.row .tarifftype {
    float: left;
    margin-left: 30px;
    width: 40px;
    padding: 0 0 7px 0;
}

div.quotationtarifflinetable div.table-header .unittype,
div.quotationtarifflinetable div.table-container div.row .unittype {
    float: left;
    width: 68px;
    padding: 0 0 7px 0;
}

div.quotationtarifflinetable div.table-header .creditor,
div.quotationtarifflinetable div.table-container div.row .creditor {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

div.quotationtarifflinetable div.table-header .portplace,
div.quotationtarifflinetable div.table-container div.row .portplace {
    float: left;
    width: 44px;
    padding: 0 0 7px 0;
}

div.quotationtarifflinetable div.table-header .costsamount {
    float: left;
    width: 85px;
    text-align: right;
    padding: 0 0 8px 0;
}

div.quotationtarifflinetable div.table-container div.row .costsamount {
    float: left;
    width: 63px;
    text-align: right;
    padding: 0 0 8px 0;
}

div.quotationtarifflinetable div.table-container div.row .costscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

div.quotationtarifflinetable div.table-header .revenueamount {
    float: left;
    width: 95px;
    text-align: right;
    padding: 0 0 8px 0;
    margin-left: 20px;
}

div.quotationtarifflinetable div.table-container div.row .revenueamount {
    float: left;
    width: 73px;
    text-align: right;
    padding: 0 0 8px 0;
    font-weight: bold;
}

div.quotationtarifflinetable div.table-container div.row .revenuecurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
    margin-left: 20px;
    font-weight: bold;
}

div.quotationtarifflinetable div.table-header .editrevenue {
    float: right;
    width: 115px;
    padding: 0 28px 8px 0;
    text-align: right;
}

div.quotationtarifflinetable div.table-container div.row .editrevenue {
    float: right;
    width: 133px;
    margin-top: -1px;
    padding: 0 10px 3px 0;
    line-height: normal !important;
}

div.quotationtarifflinetable div.table-header .editcosts {
    float: right;
    width: 115px;
    padding: 0 28px 8px 0;
    text-align: right;
}

div.quotationtarifflinetable div.table-container div.row .editcosts {
    float: right;
    width: 133px;
    margin-top: -1px;
    padding: 0 10px 3px 0;
    line-height: normal !important;
}

div.quotationtarifflinetable div.table-container div.row .notariffs {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

div.quotationtarifflinetable div.table-container div.row .textline {
    float: left;
    width: 500px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Quotations 2.0 - Tariff lines table (Selection from entities)
-----------------------------------------------------------------------------*/
div.selectquotationtarifflinetable p {
    padding: 0px !important;
}

div.selectquotationtarifflinetable div.table-header .tarifftype,
div.selectquotationtarifflinetable div.table-container div.row .tarifftype {
    float: left;
    margin-left: 30px;
    width: 50px;
    padding: 0 0 7px 0;
}

div.selectquotationtarifflinetable div.table-header .unittype,
div.selectquotationtarifflinetable div.table-container div.row .unittype {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

div.selectquotationtarifflinetable div.table-header .cargotype,
div.selectquotationtarifflinetable div.table-container div.row .cargotype {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

div.selectquotationtarifflinetable div.table-header .creditor,
div.selectquotationtarifflinetable div.table-container div.row .creditor {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

div.selectquotationtarifflinetable div.table-header .portplace,
div.selectquotationtarifflinetable div.table-container div.row .portplace {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

div.selectquotationtarifflinetable div.table-header .costsamount {
    float: left;
    width: 85px;
    text-align: right;
    padding: 0 0 8px 0;
}

div.selectquotationtarifflinetable div.table-container div.row .costsamount {
    float: left;
    width: 63px;
    text-align: right;
    padding: 0 0 8px 0;
}

div.selectquotationtarifflinetable div.table-container div.row .costscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

div.selectquotationtarifflinetable div.table-header .revenueamount {
    float: left;
    width: 95px;
    text-align: right;
    padding: 0 0 8px 0;
    margin: 0 20px;
}

div.selectquotationtarifflinetable div.table-container div.row .revenueamount {
    float: left;
    width: 73px;
    text-align: right;
    padding: 0 0 8px 0;
    margin-right: 20px;
    font-weight: bold;
}

div.selectquotationtarifflinetable div.table-container div.row .revenuecurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
    margin-left: 20px;
    font-weight: bold;
}

div.selectquotationtarifflinetable div.table-container div.row .notariffs {
    float: left;
    width: 790px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

div.selectquotationtarifflinetable div.table-container div.row .textline {
    float: left;
    width: 790px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Shipment Advices - Overviews
-----------------------------------------------------------------------------*/
#shipmentadvices div.table-header .dossier,
#shipmentadvices div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 60px;
    padding-bottom: 8px;
}

#shipmentadvices div.table-header .sequence,
#shipmentadvices div.table-container div.row .sequence {
    float: left;
    width: 35px;
    padding: 0 0 7px 0;
}

#shipmentadvices div.table-header .company,
#shipmentadvices div.table-container div.row .company {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#shipmentadvices div.table-header .carrier,
#shipmentadvices div.table-container div.row .carrier {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#shipmentadvices div.table-header .vessel,
#shipmentadvices div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
}

#shipmentadvices div.table-header .port,
#shipmentadvices div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#shipmentadvices div.table-header .etseta,
#shipmentadvices div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#shipmentadvices div.table-header .companycontact,
#shipmentadvices div.table-container div.row .companycontact {
    float: left;
    width: 120px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#shipmentadvices div.table-header .revised {
    float: left;
    width: 70px;
}

#shipmentadvices div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#shipmentadvices div.table-container div.row .revised span {
    color: #888888;
}

#shipmentadvices div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#shipmentadvices div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* B/L Numbers
-----------------------------------------------------------------------------*/
div.blnumbers {
    position: relative;
    width: 600px;
}

div.blnumbers.selectable,
div.blnumbers.withmargin {
    margin-top: 25px;
}

div.blnumbers h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.blnumbers p {
    padding: 0px !important;
}

div.blnumbers div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.blnumbers div.table-container {
    display: inline-block;
}

div.blnumbers div.table-header .blnumber,
div.blnumbers div.table-container div.row .blnumber {
    float: left;
    margin-left: 15px;
    width: 150px;
    padding: 0 0 8px 0;
}

div.blnumbers.selectable div.table-header .blnumber,
div.blnumbers.selectable div.table-container div.row .blnumber {
    margin-left: 30px;
}

div.blnumbers div.table-header .bltype,
div.blnumbers div.table-container div.row .bltype {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

div.blnumbers div.table-header .bldate,
div.blnumbers div.table-container div.row .bldate {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

div.blnumbers div.table-container div.row .nobl {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

div.blnumbers div.table-container div.row .nobl.view {
    width: 570px;
    margin-left: 15px;
}


/* Admin - Dossier comments
-----------------------------------------------------------------------------*/
#defaultdossiercomments div.table-header .portofloading,
#defaultdossiercomments div.table-container div.row .portofloading {
    float: left;
    margin-left: 30px;
    width: 65px;
    padding: 0 0 7px 0;
}

#defaultdossiercomments div.table-header .portofdischarge,
#defaultdossiercomments div.table-container div.row .portofdischarge {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#defaultdossiercomments div.table-header .dossiercomments,
#defaultdossiercomments div.table-container div.row .dossiercomments {
    float: left;
    width: 560px;
    padding: 0 0 8px 0;
}


/* Warehouse Receipts - Overviews
-----------------------------------------------------------------------------*/
#warehousereceipts div.table-header .dossier,
#warehousereceipts div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 60px;
    padding-bottom: 8px;
}

#warehousereceipts div.table-header .sequence,
#warehousereceipts div.table-container div.row .sequence {
    float: left;
    width: 35px;
    padding: 0 0 7px 0;
}

#warehousereceipts div.table-header .company,
#warehousereceipts div.table-container div.row .company {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#warehousereceipts div.table-header .warehouse,
#warehousereceipts div.table-container div.row .warehouse {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#warehousereceipts div.table-header .vessel,
#warehousereceipts div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
}

#warehousereceipts div.table-header .port,
#warehousereceipts div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#warehousereceipts div.table-header .etseta,
#warehousereceipts div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#warehousereceipts div.table-header .companycontact,
#warehousereceipts div.table-container div.row .companycontact {
    float: left;
    width: 120px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#warehousereceipts div.table-header .revised {
    float: left;
    width: 70px;
}

#warehousereceipts div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#warehousereceipts div.table-container div.row .revised span {
    color: #888888;
}

#warehousereceipts div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#warehousereceipts div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* English Customs - Documents
-----------------------------------------------------------------------------*/
div.englishcustoms-documents {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.englishcustoms-documents h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.englishcustoms-documents p {
    padding: 0px !important;
}

div.englishcustoms-documents div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.englishcustoms-documents div.table-container {
    display: inline-block;
}

div.englishcustoms-documents div.table-header .doccode,
div.englishcustoms-documents div.table-container div.row .doccode {
    float: left;
    margin-left: 15px;
    width: 40px;
    padding: 0 0 7px 0;
}

div.englishcustoms-documents div.table-header .quantity,
div.englishcustoms-documents div.table-container div.row .quantity {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

div.englishcustoms-documents div.table-header .part,
div.englishcustoms-documents div.table-container div.row .part {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

div.englishcustoms-documents div.table-header .status,
div.englishcustoms-documents div.table-container div.row .status {
    float: left;
    width: 45px;
    padding: 0 0 7px 0;
}

div.englishcustoms-documents div.table-header .docreference,
div.englishcustoms-documents div.table-container div.row .docreference {
    float: left;
    width: 115px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

div.englishcustoms-documents div.table-header .reason,
div.englishcustoms-documents div.table-container div.row .reason {
    float: left;
    width: 200px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.englishcustoms-documents div.table-container div.row .nodocuments {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* English Customs - Additional Info Statements
-----------------------------------------------------------------------------*/
div.englishcustoms-aistatements {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.englishcustoms-aistatements h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.englishcustoms-aistatements p {
    padding: 0px !important;
}

div.englishcustoms-aistatements div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.englishcustoms-aistatements div.table-container {
    display: inline-block;
}

div.englishcustoms-aistatements div.table-header .aistatement,
div.englishcustoms-aistatements div.table-container div.row .aistatement {
    float: left;
    margin-left: 15px;
    width: 105px;
    padding: 0 0 8px 0;
}

div.englishcustoms-aistatements div.table-header .additionaltext,
div.englishcustoms-aistatements div.table-container div.row .additionaltext {
    float: left;
    width: 350px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.englishcustoms-aistatements div.table-container div.row .nostatements {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* English Customs - Packages
-----------------------------------------------------------------------------*/
div.englishcustoms-packages {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.englishcustoms-packages h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.englishcustoms-packages p {
    padding: 0px !important;
}

div.englishcustoms-packages div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.englishcustoms-packages div.table-container {
    display: inline-block;
}

div.englishcustoms-packages div.table-header .quantity,
div.englishcustoms-packages div.table-container div.row .quantity {
    float: left;
    margin-left: 15px;
    width: 80px;
    padding: 0 0 8px 0;
}

div.englishcustoms-packages div.table-header .packagetype,
div.englishcustoms-packages div.table-container div.row .packagetype {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

div.englishcustoms-packages div.table-header .pieces,
div.englishcustoms-packages div.table-container div.row .pieces {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

div.englishcustoms-packages div.table-header .marksandnumbers,
div.englishcustoms-packages div.table-container div.row .marksandnumbers {
    float: left;
    width: 260px;
    padding: 0 0 8px 0;
}

div.englishcustoms-packages div.table-container div.row .nopackages {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* English Customs - Containers
-----------------------------------------------------------------------------*/
div.englishcustoms-containers {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.englishcustoms-containers h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.englishcustoms-containers p {
    padding: 0px !important;
}

div.englishcustoms-containers div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.englishcustoms-containers div.table-container {
    display: inline-block;
}

div.englishcustoms-containers div.table-header .sequence,
div.englishcustoms-containers div.table-container div.row .sequence {
    float: left;
    margin-left: 15px;
    width: 80px;
    padding: 0 0 8px 0;
}

div.englishcustoms-containers div.table-header .containernumber,
div.englishcustoms-containers div.table-container div.row .containernumber {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

div.englishcustoms-containers div.table-container div.row .nocontainers {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* English Customs - Previous Documents
-----------------------------------------------------------------------------*/
div.englishcustoms-previousdocuments {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.englishcustoms-previousdocuments h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.englishcustoms-previousdocuments p {
    padding: 0px !important;
}

div.englishcustoms-previousdocuments div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.englishcustoms-previousdocuments div.table-container {
    display: inline-block;
}

div.englishcustoms-previousdocuments div.table-header .doccode,
div.englishcustoms-previousdocuments div.table-container div.row .doccode {
    float: left;
    margin-left: 15px;
    width: 40px;
    padding: 0 0 8px 0;
}

div.englishcustoms-previousdocuments div.table-header .doctype,
div.englishcustoms-previousdocuments div.table-container div.row .doctype {
    float: left;
    width: 220px;
    padding: 0 10px 8px 0;
}

div.englishcustoms-previousdocuments div.table-header .docclass,
div.englishcustoms-previousdocuments div.table-container div.row .docclass {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

div.englishcustoms-previousdocuments div.table-header .docreference,
div.englishcustoms-previousdocuments div.table-container div.row .docreference {
    float: left;
    width: 170px;
    padding: 0 0 8px 0;
}

div.englishcustoms-previousdocuments div.table-container div.row .nopreviousdocs {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* English Customs - Tax Lines Box
-----------------------------------------------------------------------------*/
div.englishcustoms-taxlinesbox {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.englishcustoms-taxlinesbox h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.englishcustoms-taxlinesbox p {
    padding: 0px !important;
}

div.englishcustoms-taxlinesbox div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.englishcustoms-taxlinesbox div.table-container {
    display: inline-block;
}

div.englishcustoms-taxlinesbox div.table-header .taxcode,
div.englishcustoms-taxlinesbox div.table-container div.row .taxcode {
    float: left;
    margin-left: 15px;
    width: 50px;
    padding: 0 0 7px 0;
}

div.englishcustoms-taxlinesbox div.table-header .exciseamount,
div.englishcustoms-taxlinesbox div.table-container div.row .exciseamount {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

div.englishcustoms-taxlinesbox div.table-header .quantity,
div.englishcustoms-taxlinesbox div.table-container div.row .quantity {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

div.englishcustoms-taxlinesbox div.table-header .taxrate,
div.englishcustoms-taxlinesbox div.table-container div.row .taxrate {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

div.englishcustoms-taxlinesbox div.table-header .overridecode,
div.englishcustoms-taxlinesbox div.table-container div.row .overridecode {
    float: left;
    width: 100px;
    padding: 0 0 7px 0;
}

div.englishcustoms-taxlinesbox div.table-header .declaredamount,
div.englishcustoms-taxlinesbox div.table-container div.row .declaredamount {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

div.englishcustoms-taxlinesbox div.table-header .mop,
div.englishcustoms-taxlinesbox div.table-container div.row .mop {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

div.englishcustoms-taxlinesbox div.table-container div.row .notaxlines {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* English Customs - Viewable tables
-----------------------------------------------------------------------------*/
div.englishcustoms-documents.viewable,
div.englishcustoms-aistatements.viewable,
div.englishcustoms-packages.viewable,
div.englishcustoms-containers.viewable,
div.englishcustoms-previousdocuments.viewable,
div.englishcustoms-taxlinesbox.viewable {
    margin-top: 0px;
}


/* English Customs - Cargo Lines
-----------------------------------------------------------------------------*/
div.englishcustoms-cargolines {
    position: relative;
    width: 600px;
}

div.englishcustoms-cargolines p {
    padding: 0px !important;
}

div.englishcustoms-cargolines div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.englishcustoms-cargolines div.table-container {
    display: inline-block;
}

div.englishcustoms-cargolines div.table-header .hscode,
div.englishcustoms-cargolines div.table-container div.row .hscode {
    float: left;
    margin-left: 30px;
    width: 80px;
    padding: 0 0 8px 0;
}

div.englishcustoms-cargolines div.table-header .cargodesciption,
div.englishcustoms-cargolines div.table-container div.row .cargodesciption {
    float: left;
    width: 165px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.englishcustoms-cargolines div.table-header .packages,
div.englishcustoms-cargolines div.table-container div.row .packages {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
}

div.englishcustoms-cargolines div.table-header .grossweight,
div.englishcustoms-cargolines div.table-container div.row .grossweight {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

div.englishcustoms-cargolines div.table-header .netweight,
div.englishcustoms-cargolines div.table-container div.row .netweight {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

div.englishcustoms-cargolines div.table-header .containers,
div.englishcustoms-cargolines div.table-container div.row .containers {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

div.englishcustoms-cargolines div.table-container div.row .nocargolines {
    float: left;
    margin-left: 30px;
    width: 555px;
    padding: 0 0 8px 0;
}


/* English Customs - Items
-----------------------------------------------------------------------------*/
div.englishcustoms-items {
    position: relative;
    width: 600px;
}

div.englishcustoms-items p {
    padding: 0px !important;
}

div.englishcustoms-items div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.englishcustoms-items div.table-container {
    display: inline-block;
}

div.englishcustoms-items div.table-header .item,
div.englishcustoms-items div.table-container div.row .item {
    float: left;
    margin-left: 30px;
    width: 20px;
    padding: 0 0 8px 0;
}

div.englishcustoms-items div.table-header .hscode,
div.englishcustoms-items div.table-container div.row .hscode {
    float: left;
    margin-left: 15px;
    width: 80px;
    padding: 0 0 8px 0;
}

div.englishcustoms-items div.table-header .cargodesciption,
div.englishcustoms-items div.table-container div.row .cargodesciption {
    float: left;
    width: 165px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.englishcustoms-items div.table-header .packages,
div.englishcustoms-items div.table-container div.row .packages {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
}

div.englishcustoms-items div.table-header .netweight,
div.englishcustoms-items div.table-container div.row .netweight {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

div.englishcustoms-items div.table-header .containers,
div.englishcustoms-items div.table-container div.row .containers {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

div.englishcustoms-items div.table-container div.row .noitems {
    float: left;
    margin-left: 30px;
    width: 555px;
    padding: 0 0 8px 0;
}


/* English Customs - Items Address Book
-----------------------------------------------------------------------------*/
#itemstemplates.header .title {
    float: left;
    width: 341px;
    padding: 0 0 8px 0;
}

#itemstemplates div.table-container div.row .title {
    float: left;
    width: 325px;
    margin-left: 14px;
    cursor: pointer;
    padding: 0 15px 8px 0;
}

#itemstemplates.header .hscode,
#itemstemplates div.table-container div.row .hscode {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#itemstemplates.header .country,
#itemstemplates div.table-container div.row .country {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#itemstemplates div.table-container div.row .noresults {
    float: left;
    width: 570px;
    margin-left: 14px;
    padding: 0 15px 8px 0;
}


/* English Customs - Status History
-----------------------------------------------------------------------------*/
div.englishcustoms-statushistory {
    position: relative;
    width: 600px;
}

div.englishcustoms-statushistory div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.englishcustoms-statushistory div.table-container {
    display: inline-block;
}

div.englishcustoms-statushistory div.table-header .date,
div.englishcustoms-statushistory div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    width: 75px;
    padding: 0 0 8px 0;
}

div.englishcustoms-statushistory div.table-header .time,
div.englishcustoms-statushistory div.table-container div.row .time {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

div.englishcustoms-statushistory div.table-header .oldstatus,
div.englishcustoms-statushistory div.table-container div.row .oldstatus {
    float: left;
    width: 220px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.englishcustoms-statushistory div.table-header .newstatus,
div.englishcustoms-statushistory div.table-container div.row .newstatus {
    float: left;
    width: 220px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.englishcustoms-statushistory div.table-container div.row .nochanges {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* English Customs - Validation History
-----------------------------------------------------------------------------*/
div.englishcustoms-validationhistory {
    position: relative;
    width: 600px;
}

div.englishcustoms-validationhistory.modular {
    margin-top:  15px;
}

div.englishcustoms-validationhistory div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.englishcustoms-validationhistory div.table-container {
    display: inline-block;
}

div.englishcustoms-validationhistory div.table-header .date,
div.englishcustoms-validationhistory div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

div.englishcustoms-validationhistory .validationtype {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

div.englishcustoms-validationhistory div.row .validationtype {
    float: left;
    width: 60px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

div.englishcustoms-validationhistory div.row .validationtype.validationwarning {
    background-position: 0 -249px;
}

div.englishcustoms-validationhistory div.row .validationtype.validationrejected,
div.englishcustoms-validationhistory div.row .validationtype.validationerror {
    background-position: 0 -198px;
}

div.englishcustoms-validationhistory div.table-header .fieldname,
div.englishcustoms-validationhistory div.table-container div.row .fieldname {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
}

div.englishcustoms-validationhistory div.table-header .validationmessage,
div.englishcustoms-validationhistory div.table-container div.row .validationmessage {
    float: left;
    width: 280px;
    padding: 0 0 8px 0;
}


/* English Customs - Overviews
-----------------------------------------------------------------------------*/
#customsentries div.table-header .dossier,
#customsentries div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#customsentries div.table-header .receiver,
#customsentries div.table-container div.row .receiver {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#customsentries div.table-header .tradetype,
#customsentries div.table-container div.row .tradetype {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#customsentries div.table-header .sequence,
#customsentries div.table-container div.row .sequence {
    float: left;
    width: 35px;
    padding: 0 0 7px 0;
}

#customsentries div.table-header .company,
#customsentries div.table-container div.row .company {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#customsentries div.table-header .carrier,
#customsentries div.table-container div.row .carrier {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#customsentries div.table-header .vessel,
#customsentries div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
}

#customsentries div.table-header .receivingparty,
#customsentries div.table-container div.row .receivingparty {
    float: left;
    width: 105px;
    padding: 0 5px 8px 0;
}

#customsentries div.table-header .port,
#customsentries div.table-container div.row .port {
    float: left;
    width: 45px;
    padding: 0 0 7px 0;
}

#customsentries div.table-header .etseta,
#customsentries div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#customsentries div.table-header .amended {
    float: left;
    width: 70px;
}

#customsentries div.table-container div.row .amended {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customsentries div.table-container div.row .amended span {
    color: #888888;
}

#customsentries div.table-container div.row .amended.no {
    background-position: 0 1px;
}

#customsentries div.table-container div.row .amended.yes {
    background-position: 0 -99px;
}

#customsentries div.table-header .status {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#customsentries div.table-container div.row .status {
    float: left;
    width: 80px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customsentries div.table-container div.row .status.notentered {
    background-position: 0 1px;
}

#customsentries div.table-container div.row .status.preentered,
#customsentries div.table-container div.row .status.c88received,
#customsentries div.table-container div.row .status.c88essreceived,
#customsentries div.table-container div.row .status.accepted,
#customsentries div.table-container div.row .status.goodsarrived,
#customsentries div.table-container div.row .status.goodsdeparted {
    background-position: 0 -99px;
}

#customsentries div.table-container div.row .status.c88essreceived {
    width: 95px;
}

#customsentries div.table-container div.row .status.readyforentry,
#customsentries div.table-container div.row .status.entryinprogress {
    background-position: 0 -49px;
}

#customsentries div.table-container div.row .status.arrived {
    background-position: 0 -249px;
    width: 50px;
}

#customsentries div.table-container div.row .status.sent {
    background-position: 0 -49px;
}

#customsentries div.table-container div.row .status.cancelled,
#customsentries div.table-container div.row .status.error {
    background-position: 0 -198px;
}

#customsentries div.table-header .advicesent {
    float: left;
    width: 75px;
}

#customsentries div.table-container div.row .advicesent {
    float: left;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customsentries div.table-container div.row .advicesent.no {
    background-position: 0 1px;
}

#customsentries div.table-container div.row .advicesent.yes {
    background-position: 0 -99px;
}


/* Manifests - Overviews
-----------------------------------------------------------------------------*/
#manifests div.table-header .dossier,
#manifests div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#manifests div.table-header .company,
#manifests div.table-container div.row .company {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#manifests div.table-header .carrier,
#manifests div.table-container div.row .carrier {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#manifests div.table-header .vessel,
#manifests div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
}

#manifests div.table-header .port,
#manifests div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#manifests div.table-header .etseta,
#manifests div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#manifests div.table-header .companycontact,
#manifests div.table-container div.row .companycontact {
    float: left;
    width: 120px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#manifests div.table-header .revised {
    float: left;
    width: 70px;
}

#manifests div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#manifests div.table-container div.row .revised span {
    color: #888888;
}

#manifests div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#manifests div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* Link Files and documents
-----------------------------------------------------------------------------*/
#linkfilesanddocuments {
    width: 600px;
    position: relative;
}

#linkfilesanddocuments div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#linkfilesanddocuments div.table-container {
    display: inline-block;
}

#linkfilesanddocuments div.table-header .dossier,
#linkfilesanddocuments div.table-container div.row .dossier {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#linkfilesanddocuments div.table-header .company,
#linkfilesanddocuments div.table-container div.row .company {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#linkfilesanddocuments div.table-header .visibility,
#linkfilesanddocuments div.table-container div.row .visibility {
    float: left;
    width: 21px;
    height: 16px;
    margin-top: 2px;
}

#linkfilesanddocuments div.table-header .filetype,
#linkfilesanddocuments div.table-container div.row .filetype {
    float: left;
    width: 135px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#linkfilesanddocuments div.table-header .filename,
#linkfilesanddocuments div.table-container div.row .filename {
    float: left;
    width: 200px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#linkfilesanddocuments div.table-container div.row .no-files {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Linked Files and documents
-----------------------------------------------------------------------------*/
#linkedfilesanddocuments {
    width: 600px;
    position: relative;
}

#linkedfilesanddocuments div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#linkedfilesanddocuments div.table-container {
    display: inline-block;
}

#linkedfilesanddocuments div.table-header .dossier,
#linkedfilesanddocuments div.table-container div.row .dossier {
    float: left;
    width: 70px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#linkedfilesanddocuments div.table-header .company,
#linkedfilesanddocuments div.table-container div.row .company {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#linkedfilesanddocuments div.table-header .visibility,
#linkedfilesanddocuments div.table-container div.row .visibility {
    float: left;
    width: 21px;
    height: 16px;
    margin-top: 2px;
}

#linkedfilesanddocuments div.table-header .filetype,
#linkedfilesanddocuments div.table-container div.row .filetype {
    float: left;
    width: 135px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#linkedfilesanddocuments div.table-header .filename,
#linkedfilesanddocuments div.table-container div.row .filename {
    float: left;
    width: 200px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#linkedfilesanddocuments div.table-container div.row .no-files {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Tariff Regions
-----------------------------------------------------------------------------*/
#tariffregions div.table-header .tariffregion,
#tariffregions div.table-container div.row .tariffregion {
    float: left;
    width: 320px;
    margin-left: 30px;
    padding: 0 20px 8px 0;
}

#tariffregions div.table-header .countries,
#tariffregions div.table-container div.row .countries {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#tariffregions div.table-header .geolocations,
#tariffregions div.table-container div.row .geolocations {
    float: left;
    width: 115px;
    padding: 0 0 8px 0;
}

#tariffregions div.table-header .activestatus {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#tariffregions div.table-container div.row .activestatus {
    float: left;
    width: 55px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tariffregions div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#tariffregions div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Tariff Region Locations
-----------------------------------------------------------------------------*/
#tariffregionlocations div.table-header .location,
#tariffregionlocations div.table-container div.row .location {
    float: left;
    margin-left: 30px;
    width: 320px;
    padding: 0 20px 8px 0;
    word-wrap: break-word;
}

#tariffregionlocations div.table-header .locationtype,
#tariffregionlocations div.table-container div.row .locationtype {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#tariffregionlocations div.table-header .code,
#tariffregionlocations div.table-container div.row .code {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#tariffregionlocations div.table-container div.row .nolocations {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Booking Charges
-----------------------------------------------------------------------------*/
#bookingcharges {
    width: 600px;
    position: relative;
    margin-top: 25px;
    position: relative;
}

#bookingcharges.overview {
    margin-top: 0px;
}

#bookingcharges h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

#bookingcharges div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#bookingcharges div.table-container {
    display: inline-block;
}

#bookingcharges div.table-header .chargetype,
#bookingcharges div.table-container div.row .chargetype {
    float: left;
    width: 125px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#bookingcharges div.table-header .freightterm,
#bookingcharges div.table-container div.row .freightterm {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#bookingcharges div.table-header .payer,
#bookingcharges div.table-container div.row .payer {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#bookingcharges div.table-header .paymentlocation,
#bookingcharges div.table-container div.row .paymentlocation {
    float: left;
    width: 100px;
    padding: 0 0 7px 0;
}

#bookingcharges div.table-container div.row .nocharges {
    float: left;
    margin-left: 30px;
    width: 555px;
    padding-bottom: 8px;
}


/* Files 2.0
-----------------------------------------------------------------------------*/
#files-v2 div.table-header .date,
#files-v2 div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding: 0 0 8px 0;
}

#files-v2 div.table-header .time,
#files-v2 div.table-container div.row .time {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#files-v2 div.table-header .dossier,
#files-v2 div.table-container div.row .dossier {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#files-v2 div.table-header .client,
#files-v2 div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#files-v2 div.table-header .visibility,
#files-v2 div.table-container div.row .visibility {
    float: left;
    width: 21px;
    height: 16px;
    margin-top: 2px;
}

#files-v2 div.table-header .filetype,
#files-v2 div.table-container div.row .filetype {
    float: left;
    width: 140px;
    padding: 0 0 8px 0;
}

#files-v2 div.table-header .filename,
#files-v2 div.table-container div.row .filename {
    float: left;
    width: 265px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#files-overflowcontainer {
    width: 632px;
    max-height: 450px;
    overflow-y: auto;
}


/* Manifest HBLs
-----------------------------------------------------------------------------*/
div.manifesthbls {
    width: 600px;
    display: inline-block;
}

div.manifesthbls h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.manifesthbls div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

div.manifesthbls div.table-header .dossier,
div.manifesthbls div.table-container div.row .dossier {
    float: left;
    margin-left: 15px;
    width: 75px;
    padding: 0 0 8px 0;
}

div.manifesthbls.selectable div.table-header .dossier,
div.manifesthbls.selectable div.table-container div.row .dossier {
    margin-left: 30px;
}

div.manifesthbls div.table-header .hblnumber,
div.manifesthbls div.table-container div.row .hblnumber {
    float: left;
    width: 110px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.manifesthbls div.table-header .shipper,
div.manifesthbls div.table-container div.row .shipper {
    float: left;
    width: 180px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.manifesthbls div.table-header .consignee,
div.manifesthbls div.table-container div.row .consignee {
    float: left;
    width: 185px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.manifesthbls div.table-container div.row .shipper p,
div.manifesthbls div.table-container div.row .consignee p {
    padding: 0px !important;
}

div.manifesthbls div.table-container div.row .nohbls {
    float: left;
    margin-left: 30px;
    width: 555px;
    padding: 0 0 8px 0;
}


/* Container Cargo type line
-----------------------------------------------------------------------------*/
div.containercargotypelines {
    position: relative;
    width: 600px;
}

div.containercargotypelines div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.containercargotypelines div.table-container {
    display: inline-block;
}

div.containercargotypelines div.table-container div.cargorow {
    line-height: 18px;
}

div.containercargotypelines div.table-header .containernumber {
    float: left;
    width: 90px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.containercargotypelines div.table-container div.cargorow .containernumber {
    float: left;
    width: 90px;
    margin-left: 15px;
    padding: 7px 0 11px 0;
}

div.containercargotypelines div.table-header .cargodescription {
    float: left;
    width: 212px;
    padding: 0 10px 8px 0;
}

div.containercargotypelines div.table-container div.cargorow .cargodescription {
    float: left;
    width: 212px;
    padding: 7px 10px 11px 0;
}

div.containercargotypelines div.table-header .cargotype,
div.containercargotypelines div.table-container div.cargorow .cargotype {
    float: left;
    width: 258px;
}


/* Auto-Tariff sets - Tariff lines selection table
-----------------------------------------------------------------------------*/
div.autotarifflinetable p {
    padding: 0px !important;
}

div.autotarifflinetable div.table-header .tarifftype,
div.autotarifflinetable div.table-container div.row .tarifftype {
    float: left;
    margin-left: 30px;
    width: 50px;
    padding: 0 0 7px 0;
}

div.autotarifflinetable div.table-header .unittype,
div.autotarifflinetable div.table-container div.row .unittype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

div.autotarifflinetable div.table-header .cargotype,
div.autotarifflinetable div.table-container div.row .cargotype {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

div.autotarifflinetable div.table-header .creditor,
div.autotarifflinetable div.table-container div.row .creditor {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

div.autotarifflinetable div.table-header .debtor,
div.autotarifflinetable div.table-container div.row .debtor {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

div.autotarifflinetable div.table-header .portplace,
div.autotarifflinetable div.table-container div.row .portplace {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

div.autotarifflinetable div.table-header .costsamount {
    float: left;
    width: 85px;
    text-align: right;
    padding: 0 0 8px 0;
}

div.autotarifflinetable div.table-container div.row .costsamount {
    float: left;
    width: 63px;
    text-align: right;
    padding: 0 0 8px 0;
}

div.autotarifflinetable div.table-container div.row .costscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

div.autotarifflinetable div.table-header .revenueamount {
    float: left;
    width: 95px;
    text-align: right;
    padding: 0 0 8px 0;
    margin: 0 20px;
}

div.autotarifflinetable div.table-container div.row .revenueamount {
    float: left;
    width: 73px;
    text-align: right;
    padding: 0 0 8px 0;
    margin-right: 20px;
    font-weight: bold;
}

div.autotarifflinetable div.table-container div.row .revenuecurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
    margin-left: 20px;
    font-weight: bold;
}

div.autotarifflinetable div.table-container div.row .textline {
    float: left;
    margin-left: 30px;
    width: 787px;
    padding: 0 0 8px 0;
}


/* Task Notes
-----------------------------------------------------------------------------*/
#tasknotescontainer {
    width: 600px;
    position: relative;
    display: inline-block;
}

#tasknotescontainer div.note {
    width: 600px;
    position: relative;
    display: inline-block;
    margin-top: 15px;
}

#tasknotescontainer div.note div.noteuser {
    width: 52px;
    height: 52px;
    padding: 5px;
    position: relative;
    float: left;
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#tasknotescontainer div.note.createdby div.noteuser {
    float: right;
}

#tasknotescontainer div.note div.noteuser div.bullet {
    width: 6px;
    height: 11px;
    position: absolute;
    background: url(../images/feedback-bullet.png) -6px 0 no-repeat;
    top: 17px;
    right: -6px;
}

#tasknotescontainer div.note.createdby div.noteuser div.bullet {
    background: url(../images/feedback-bullet.png) 0 0 no-repeat;
    left: -6px;
}

#tasknotescontainer div.note div.noteuser img {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#tasknotescontainer div.note div.notetext {
    width: 489px;
    padding: 11px 15px 15px;
    float: right;
    border: 1px solid #cccccc;
    background-color: #f7f7f7;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#tasknotescontainer div.note.createdby div.notetext {
    float: left;
}

#tasknotescontainer div.note div.notetext h2 {
    color: #888888;
    line-height: 18px;
    font-weight: normal;
    font-size: 11px;
}

#tasknotescontainer div.note div.notetext p {
    padding: 0px;
}

#tasknotescontainer div.note div.notetext div.attachment {
    width: 467px;
    border-top: 1px solid #cccccc;
    display: inline-block;
    padding: 10px 0 0 22px;
    background: url(../images/icon-attachment.png) 0 11px no-repeat;
    margin-top: 18px;
    line-height: 18px;
}

#tasknotescontainer div.note div.notetext div.attachment span {
    color: #888888;
}

#tasknotescontainer div.note div.notetext a.edit {
    background: url(../images/button-icon-edit.png) 0 0 no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
}

#tasknotescontainer div.note div.notetext a.edit:hover {
    background-position: 0 -25px;
}


/* Tasks Overviews
-----------------------------------------------------------------------------*/
#tasks div.table-header .deadline,
#tasks div.table-container div.row .deadline {
    float: left;
    width: 75px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#tasks div.table-header .tasknumber,
#tasks div.table-container div.row .tasknumber {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#tasks div.table-header .tasktitle,
#tasks div.table-container div.row .tasktitle {
    float: left;
    width: 270px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#tasks div.table-header .assignedto,
#tasks div.table-container div.row .assignedto {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#tasks div.table-header .notes,
#tasks div.table-container div.row .notes {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#tasks div.table-header .priority {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#tasks div.table-container div.row .priority {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group-priority.png) 0 2px no-repeat;
}

#tasks div.table-container div.row .priority.low {
    background-position: 0 -148px;
}

#tasks div.table-container div.row .priority.normal {
    background-position: 0 -98px;
}

#tasks div.table-container div.row .priority.high {
    background-position: 0 -48px;
}

#tasks div.table-container div.row .priority.urgent {
    background-position: 0 2px;
}

#tasks div.table-header .taskstatus {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#tasks div.table-container div.row .taskstatus {
    float: left;
    width: 55px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tasks div.table-container div.row .taskstatus.assigned {
    background-position: 0 1px;
}

#tasks div.table-container div.row .taskstatus.feedback {
    background-position: 0 -249px;
}

#tasks div.table-container div.row .taskstatus.resolved {
    background-position: 0 -99px;
}

#tasks div.table-container div.row .taskstatus.closed {
    background-position: 0 -148px;
}


/* Tasks View Overview
-----------------------------------------------------------------------------*/
div.tasks-view-overview div.table-header .deadline,
div.tasks-view-overview div.table-container div.row .deadline {
    float: left;
    width: 75px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

div.tasks-view-overview div.table-header .tasktitle,
div.tasks-view-overview div.table-container div.row .tasktitle {
    float: left;
    width: 180px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

div.tasks-view-overview div.table-header .assignedto,
div.tasks-view-overview div.table-container div.row .assignedto {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.tasks-view-overview div.table-header .priority {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

div.tasks-view-overview div.table-container div.row .priority {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group-priority.png) 0 2px no-repeat;
}

div.tasks-view-overview div.table-container div.row .priority.low {
    background-position: 0 -148px;
}

div.tasks-view-overview div.table-container div.row .priority.normal {
    background-position: 0 -98px;
}

div.tasks-view-overview div.table-container div.row .priority.high {
    background-position: 0 -48px;
}

div.tasks-view-overview div.table-container div.row .priority.urgent {
    background-position: 0 2px;
}

div.tasks-view-overview div.table-header .taskstatus {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

div.tasks-view-overview div.table-container div.row .taskstatus {
    float: left;
    width: 55px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

div.tasks-view-overview div.table-container div.row .taskstatus.assigned {
    background-position: 0 1px;
}

div.tasks-view-overview div.table-container div.row .taskstatus.feedback {
    background-position: 0 -249px;
}

div.tasks-view-overview div.table-container div.row .taskstatus.resolved {
    background-position: 0 -99px;
}

div.tasks-view-overview div.table-container div.row .taskstatus.closed {
    background-position: 0 -148px;
}

div.tasks-view-overview div.table-container div.row .notasks {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}


/* Incoming Invoices - Internal Query comments for dispute
-----------------------------------------------------------------------------*/
#internalquerycomments {
    width: 600px;
    position: relative;
    position: relative;
}

#internalquerycomments h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

#internalquerycomments div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#internalquerycomments div.table-container {
    display: inline-block;
}

#internalquerycomments div.table-header .date,
#internalquerycomments div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    padding: 0 0 8px 0;
    width: 70px;
}

#internalquerycomments div.table-header .time,
#internalquerycomments div.table-container div.row .time {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#internalquerycomments div.table-header .addedby,
#internalquerycomments div.table-container div.row .addedby {
    float: left;
    width: 130px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#internalquerycomments div.table-header .comments,
#internalquerycomments div.table-container div.row .comments {
    float: left;
    width: 300px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#internalquerycomments div.table-container div.row .nocomments {
    float: left;
    margin-left: 30px;
    width: 555px;
    padding: 0 0 8px 0;
}


/* Reservations/Bookings - Carrier Confirmations
-----------------------------------------------------------------------------*/
#tab-carrierconfirmations div.table-header .date,
#tab-carrierconfirmations div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    width: 70px;
    padding: 0 0 8px 0;
}

#tab-carrierconfirmations.selectable div.table-header .date,
#tab-carrierconfirmations.selectable div.table-container div.row .date {
    margin-left: 30px;
}

#tab-carrierconfirmations div.table-header .time,
#tab-carrierconfirmations div.table-container div.row .time {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#tab-carrierconfirmations div.table-header .reference,
#tab-carrierconfirmations div.table-container div.row .reference {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#tab-carrierconfirmations div.table-header .carrierbookingnumber,
#tab-carrierconfirmations div.table-container div.row .carrierbookingnumber {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#tab-carrierconfirmations div.table-header .inttrareference,
#tab-carrierconfirmations div.table-container div.row .inttrareference {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#tab-carrierconfirmations div.table-header .status {
    float: left;
    width: 105px;
    padding: 0 0 8px 0;
}

#tab-carrierconfirmations div.table-container div.row .status {
    float: left;
    width: 85px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tab-carrierconfirmations div.table-container div.row .status span {
    color: #888888;
}

#tab-carrierconfirmations div.table-container div.row .status.pending {
    background-position: 0 1px;
}

#tab-carrierconfirmations div.table-container div.row .status.accepted {
    background-position: 0 -49px;
}

#tab-carrierconfirmations div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#tab-carrierconfirmations div.table-container div.row .status.declined {
    background-position: 0 -198px;
}

#tab-carrierconfirmations div.table-container div.row .noconfirmation {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#tab-carrierconfirmations.selectable div.table-container div.row .noconfirmation {
    width: 555px;
    margin-left: 30px;
}


/* INTTRA XML Messages - Error History
-----------------------------------------------------------------------------*/
#tab-errorhistory div.table-header .date,
#tab-errorhistory div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding: 0 0 8px 0;
}

#tab-errorhistory div.table-header .time,
#tab-errorhistory div.table-container div.row .time {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#tab-errorhistory div.table-header .notificationmessage,
#tab-errorhistory div.table-container div.row .notificationmessage {
    float: left;
    width: 430px;
    padding: 0 0 8px 0;
}


/* Reservations - Linked Bookings
-----------------------------------------------------------------------------*/
#tab-bookings div.table-header .date,
#tab-bookings div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    width: 70px;
    padding: 0 0 8px 0;
}

#tab-bookings div.table-header .dossier,
#tab-bookings div.table-container div.row .dossier {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#tab-bookings div.table-header .client,
#tab-bookings div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#tab-bookings div.table-header .port,
#tab-bookings div.table-container div.row .port {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#tab-bookings div.table-header .containers,
#tab-bookings div.table-container div.row .containers {
    float: left;
    width: 150px;
    padding: 0 0 8px 0;
}

#tab-bookings div.table-container div.row .containers p {
    padding: 0px;
}

#tab-bookings div.table-container div.row .nobookings {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#tab-bookings div.table-container div.row.grandtotals {
    background-color: #eeeeee;
    font-weight: bold;
}

#tab-bookings div.table-container div.row.grandtotals.availablecontainers {
    background-color: #e0e0e0;
}

#tab-bookings div.table-container div.row.grandtotals .label {
    margin-left: 170px;
    width: 185px;
    float: left;
}


/* Reservations 2.0
-----------------------------------------------------------------------------*/
#newreservations div.table-header .reference,
#newreservations div.table-container div.row .reference {
    float: left;
    margin-left: 30px;
    width: 85px;
    padding: 0 0 8px 0;
}

#newreservations.alternative div.table-header .reference,
#newreservations.alternative div.table-container div.row .reference {
    width: 75px;
}

#newreservations div.table-header .internalreference,
#newreservations div.table-container div.row .internalreference {
    float: left;
    width: 150px;
    padding: 0 5px 8px 0;
}

#newreservations div.table-header .carrier,
#newreservations div.table-container div.row .carrier {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#newreservations.alternative div.table-header .carrier,
#newreservations.alternative div.table-container div.row .carrier {
    width: 60px;
}

#newreservations div.table-header .carriercontact,
#newreservations div.table-container div.row .carriercontact {
    float: left;
    width: 110px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#newreservations div.table-header .carriertype,
#newreservations div.table-container div.row .carriertype {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#newreservations div.table-header .shipmentid,
#newreservations div.table-container div.row .shipmentid {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#newreservations div.table-header .port,
#newreservations div.table-container div.row .port {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#newreservations.alternative div.table-header .port,
#newreservations.alternative div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#newreservations div.table-header .etseta,
#newreservations div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#newreservations.alternative div.table-header .etseta,
#newreservations.alternative div.table-container div.row .etseta {
    width: 75px;
}

#newreservations div.table-header .vessel,
#newreservations div.table-container div.row .vessel {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#newreservations div.table-header .closing,
#newreservations div.table-container div.row .closing {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#newreservations.alternative div.table-header .etseta,
#newreservations.alternative div.table-container div.row .etseta {
    width: 75px;
}

#newreservations div.table-header .available,
#newreservations div.table-container div.row .available {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#newreservations.alternative div.table-header .available,
#newreservations.alternative div.table-container div.row .available {
    width: 40px;
}

#newreservations div.table-header .status {
    float: left;
    width: 115px;
    padding: 0 0 8px 0;
}

#newreservations.alternative div.table-header .status {
    width: 90px;
}

#newreservations div.table-container div.row .status {
    float: left;
    width: 95px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#newreservations.alternative div.table-container div.row .status {
    width: 70px;
}

#newreservations div.table-container div.row .status.saved {
    background-position: 0 1px;
}

#newreservations div.table-container div.row .status.completed,
#newreservations div.table-container div.row .status.sent {
    background-position: 0 -49px;
}

#newreservations div.table-container div.row .status.received {
    background-position: 0 -248px;
    width: 60px;
}

#newreservations.alternative div.table-container div.row .status.received {
    background-position: 0 -248px;
}

#newreservations div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#newreservations div.table-container div.row .status.closed {
    background-position: 0 -148px;
}

#newreservations div.table-container div.row .status.declined,
#newreservations div.table-container div.row .status.cancelled,
#newreservations div.table-container div.row .status.inttraerror {
    background-position: 0 -198px;
}

#newreservations div.table-header .carrierstatus {
    float: left;
    width: 115px;
    padding: 0 0 8px 0;
}

#newreservations div.table-container div.row .carrierstatus {
    float: left;
    width: 95px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#newreservations div.table-container div.row .carrierstatus.pending {
    background-position: 0 1px;
}

#newreservations div.table-container div.row .carrierstatus.accepted {
    background-position: 0 -49px;
}

#newreservations div.table-container div.row .carrierstatus.confirmed {
    background-position: 0 -99px;
}

#newreservations div.table-header .amended {
    float: left;
    width: 70px;
}

#newreservations div.table-container div.row .amended {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#newreservations div.table-container div.row .amended span {
    color: #888888;
}

#newreservations div.table-container div.row .amended.no {
    background-position: 0 1px;
}

#newreservations div.table-container div.row .amended.yes {
    background-position: 0 -99px;
}


/* Bookings 2.0
-----------------------------------------------------------------------------*/
#newbookings div.table-header .reference,
#newbookings div.table-container div.row .reference {
    float: left;
    margin-left: 30px;
    width: 80px;
    padding: 0 0 8px 0;
}

#newbookings div.table-header .client,
#newbookings div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#newbookings div.table-header .carrier,
#newbookings div.table-container div.row .carrier {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#newbookings div.table-header .carriercontact,
#newbookings div.table-container div.row .carriercontact {
    float: left;
    width: 110px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#newbookings div.table-header .carriertype,
#newbookings div.table-container div.row .carriertype {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#newbookings div.table-header .shipmentid,
#newbookings div.table-container div.row .shipmentid {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#newbookings div.table-header .port,
#newbookings div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#newbookings div.table-header .etseta,
#newbookings div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#newbookings div.table-header .status {
    float: left;
    width: 105px;
    padding: 0 0 8px 0;
}

#newbookings div.table-container div.row .status {
    float: left;
    width: 85px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#newbookings div.table-container div.row .status.saved {
    background-position: 0 1px;
}

#newbookings div.table-container div.row .status.completed,
#newbookings div.table-container div.row .status.sent {
    background-position: 0 -49px;
}

#newbookings div.table-container div.row .status.received {
    background-position: 0 -248px;
}

#newbookings div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#newbookings div.table-container div.row .status.closed {
    background-position: 0 -148px;
}

#newbookings div.table-container div.row .status.declined,
#newbookings div.table-container div.row .status.cancelled,
#newbookings div.table-container div.row .status.inttraerror {
    background-position: 0 -198px;
}

#newbookings div.table-header .carrierstatus {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
}

#newbookings div.table-container div.row .carrierstatus {
    float: left;
    width: 75px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#newbookings div.table-container div.row .carrierstatus.pending {
    background-position: 0 1px;
}

#newbookings div.table-container div.row .carrierstatus.accepted {
    background-position: 0 -49px;
}

#newbookings div.table-container div.row .carrierstatus.confirmed {
    background-position: 0 -99px;
}

#newbookings div.table-header .amended {
    float: left;
    width: 70px;
}

#newbookings div.table-container div.row .amended {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#newbookings div.table-container div.row .amended span {
    color: #888888;
}

#newbookings div.table-container div.row .amended.no {
    background-position: 0 1px;
}

#newbookings div.table-container div.row .amended.yes {
    background-position: 0 -99px;
}


/* XML Communication
-----------------------------------------------------------------------------*/
#xmlmessages div.table-header .date,
#xmlmessages div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding: 0 0 8px 0;
}

#xmlmessages div.table-header .dossier,
#xmlmessages div.table-container div.row .dossier {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}


#xmlmessages div.table-header .carrier,
#xmlmessages div.table-container div.row .carrier {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#xmlmessages div.table-header .port,
#xmlmessages div.table-container div.row .port {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#xmlmessages div.table-header .containers,
#xmlmessages div.table-container div.row .containers {
    float: left;
    width: 150px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#xmlmessages div.table-container div.row .containers p {
    padding: 0px;
}

#xmlmessages div.table-header .messagestatus,
#xmlmessages div.table-container div.row .messagestatus {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#xmlmessages div.table-header .readyforsi {
    float: left;
    width: 90px;
}

#xmlmessages div.table-container div.row .readyforsi {
    float: left;
    width: 70px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#xmlmessages div.table-container div.row .readyforsi.no {
    background-position: 0 1px;
}

#xmlmessages div.table-container div.row .readyforsi.yes {
    background-position: 0 -99px;
}

#xmlmessages div.table-header .actiononxml {
    float: left;
    width: 90px;
}

#xmlmessages div.table-container div.row .actiononxml {
    float: left;
    width: 70px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#xmlmessages div.table-container div.row .actiononxml.declined {
    background-position: 0 -198px;
}

#xmlmessages div.table-container div.row .actiononxml.processed {
    background-position: 0 -99px;
}

#xmlmessages div.table-header .etseta,
#xmlmessages div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#xmlmessages div.table-header .atdata,
#xmlmessages div.table-container div.row .atdata {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}


/* Shipping Instructions - B/L Documents
-----------------------------------------------------------------------------*/
#bldocuments div.table-header .date,
#bldocuments div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
}

#bldocuments  div.table-header .visibility,
#bldocuments  div.table-container div.row .visibility {
    float: left;
    width: 21px;
    height: 16px;
    margin-top: 2px;
}

#bldocuments div.table-header .filetype,
#bldocuments div.table-container div.row .filetype {
    float: left;
    width: 130px;
    padding-bottom: 8px;
}

#bldocuments div.table-header .filename,
#bldocuments div.table-container div.row .filename {
    float: left;
    width: 250px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}


/* Accruals Write offs
-----------------------------------------------------------------------------*/
#accrualswriteoffs div.table-header .date,
#accrualswriteoffs div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    padding: 0 0 8px 0;
    width: 75px;
}

#accrualswriteoffs div.table-header .time,
#accrualswriteoffs div.table-container div.row .time {
    float: left;
    padding: 0 0 8px 0;
    width: 60px;
}

#accrualswriteoffs div.table-header .description,
#accrualswriteoffs div.table-container div.row .description {
    float: left;
    padding: 0 10px 8px 0;
    width: 220px;
    word-wrap: break-word;
}

#accrualswriteoffs div.table-header .tarifflines,
#accrualswriteoffs div.table-container div.row .tarifflines {
    float: left;
    padding: 0 0 8px 0;
    width: 60px;
}

#accrualswriteoffs div.table-header .accruals {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 95px;
    padding: 0 0 8px 0;
}

#accrualswriteoffs div.table-container div.row .accrualscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#accrualswriteoffs div.table-container div.row .accruals {
    float: left;
    margin-right: 25px;
    text-align: right;
    width: 73px;
    padding: 0 0 8px 0;
}

#accrualswriteoffs div.table-header .accrualsdossier,
#accrualswriteoffs div.table-container div.row .accrualsdossier {
    float: left;
    padding: 0 0 8px 0;
    width: 75px;
}

#accrualswriteoffs div.table-header .completedby,
#accrualswriteoffs div.table-container div.row .completedby {
    float: left;
    padding: 0 0 8px 0;
    width: 140px;
    word-wrap: break-word;
}


/* Stock Documents
-----------------------------------------------------------------------------*/
#stockdocuments {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

#stockdocuments.nomargin {
    margin-top: 0px;
}

#stockdocuments h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

#stockdocuments p {
    padding: 0px !important;
}

#stockdocuments div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

#stockdocuments div.table-container {
    display: inline-block;
}

#stockdocuments div.table-header .documenttype,
#stockdocuments div.table-container div.row .documenttype {
    float: left;
    margin-left: 30px;
    width: 140px;
    padding: 0 0 8px 0;
}

#stockdocuments div.table-header .movement,
#stockdocuments div.table-container div.row .movement {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#stockdocuments div.table-header .documentreference,
#stockdocuments div.table-container div.row .documentreference {
    float: left;
    width: 180px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#stockdocuments div.table-header .duedate,
#stockdocuments div.table-container div.row .duedate {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#stockdocuments div.table-container div.row .nodocuments {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Multiple dimensions popup
-----------------------------------------------------------------------------*/
div.dimensions-overview {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.dimensions-overview h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.dimensions-overview div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.dimensions-overview div.table-container {
    display: inline-block;
}

div.dimensions-overview div.table-header .sequence {
    float: left;
    width: 35px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.dimensions-overview div.table-container div.dimensionsrow .sequence {
    float: left;
    width: 35px;
    margin-left: 15px;
    padding: 10px 0 11px 0;
}

div.dimensions-overview div.table-header .quantity,
div.dimensions-overview div.table-container div.dimensionsrow .quantity {
    float: left;
    width: 73px;
}

div.dimensions-overview div.table-container div.dimensionsrow .quantity div.validation-notice {
    z-index: 50;
}

div.dimensions-overview div.table-header .length,
div.dimensions-overview div.table-container div.dimensionsrow .length,
div.dimensions-overview div.table-header .width,
div.dimensions-overview div.table-container div.dimensionsrow .width,
div.dimensions-overview div.table-header .height,
div.dimensions-overview div.table-container div.dimensionsrow .height {
    float: left;
    width: 98px;
}

div.dimensions-overview div.table-container div.dimensionsrow .length div.validation-notice {
    z-index: 49;
}

div.dimensions-overview div.table-container div.dimensionsrow .width div.validation-notice {
    z-index: 48;
}

div.dimensions-overview div.table-container div.dimensionsrow .height div.validation-notice {
    z-index: 47;
}

div.dimensions-overview div.table-header .volume,
div.dimensions-overview div.table-container div.dimensionsrow .volume {
    float: left;
    width: 118px;
}

div.dimensions-overview div.table-container div.dimensionsrow .volume div.validation-notice {
    z-index: 46;
}

div.dimensionsrow {
    width: 600px;
    position: relative;
    display: inline-block;
    background-color: #f7f7f7;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ffffff;
    float: left;
}

div.dimensionsrow:hover,
div.dimensionsrow.highlight {
    background-color: #f1f1f1;
}

div.dimensionsrow .validation,
div.dimensionsrow .selectbox {
    float: left;
    margin-right: 15px;
    height: auto;
}

div.dimensionsrow div.validation div.validation-notice {
    margin-top: 11px;
}

div.dimensionsrow .tinyspacing {
    margin-right: 5px;
}

div.dimensionsrow div.postfix-container div.postfix {
    padding: 10px 5px 0 0;
}

div.table-container div.dimensionsrow .buttoncontainer {
    float: right;
    height: 16px;
    margin-top: -3px;
    padding: 12px 5px 6px 0;
}

div.table-container div.dimensionsrow .buttoncontainer a {
    float: left;
    margin-right: 10px;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

span.tablehelp {
    float: left;
}


/* Warehouse locations (Admin)
-----------------------------------------------------------------------------*/
#warehouselocations div.table-header .warehouse,
#warehouselocations div.table-container div.row .warehouse {
    float: left;
    margin-left: 30px;
    width: 80px;
    padding: 0 0 7px 0;
}

#warehouselocations div.table-header .warehouselocation,
#warehouselocations div.table-container div.row .warehouselocation {
    float: left;
    width: 170px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#warehouselocations div.table-header .warehousestock,
#warehouselocations div.table-container div.row .warehousestock {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#warehouselocations div.table-header .warehousestockvolume,
#warehouselocations div.table-container div.row .warehousestockvolume {
    float: left;
    width: 105px;
    padding: 0 0 8px 0;
}

#warehouselocations div.table-header .locationcapacity,
#warehouselocations div.table-container div.row .locationcapacity {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#warehouselocations div.table-header .activestatus {
    float: left;
    width: 70px;
}

#warehouselocations div.table-container div.row .activestatus {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#warehouselocations div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#warehouselocations div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Default package comments (Admin)
-----------------------------------------------------------------------------*/
#defaultpackagecomments div.table-header .defaultpackagecomment,
#defaultpackagecomments div.table-container div.row .defaultpackagecomment {
    float: left;
    margin-left: 30px;
    width: 500px;
    padding: 0 0 8px 0;
}

#defaultpackagecomments div.table-header .activestatus {
    float: left;
    width: 70px;
}

#defaultpackagecomments div.table-container div.row .activestatus {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#defaultpackagecomments div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#defaultpackagecomments div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Stock Registration
-----------------------------------------------------------------------------*/
#stockregistration div.table-header .date,
#stockregistration div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#stockregistration.clientportal div.table-header .date,
#stockregistration.clientportal div.table-container div.row .date {
    margin-left: 15px;
}

#stockregistration div.table-header .warehouse,
#stockregistration div.table-container div.row .warehouse {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#stockregistration div.table-header .stockregistrationreference,
#stockregistration div.table-container div.row .stockregistrationreference {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#stockregistration div.table-header .stockreference,
#stockregistration div.table-container div.row .stockreference {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#stockregistration div.table-header .client,
#stockregistration div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#stockregistration div.table-header .clientcontact,
#stockregistration div.table-container div.row .clientcontact {
    float: left;
    width: 140px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#stockregistration div.table-header .clientreference,
#stockregistration div.table-container div.row .clientreference {
    float: left;
    width: 110px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#stockregistration div.table-header .packages,
#stockregistration div.table-container div.row .packages {
    float: left;
    width: 90px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#stockregistration div.table-header .cargodescription {
    float: left;
    width: 212px;
    padding-left: 18px;
}

#stockregistration div.table-container div.row .cargodescription {
    float: left;
    width: 200px;
    padding: 0 10px 8px 18px;
}

#stockregistration div.table-container div.row .cargodescription.hazmat {
    background: url(../images/icon-hazmat.png) -2px 1px no-repeat;
}

#stockregistration div.table-header .weight,
#stockregistration div.table-container div.row .weight {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#stockregistration div.table-header .pod,
#stockregistration div.table-container div.row .pod {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#stockregistration div.table-header .warehousereceipt {
    float: left;
    width: 60px;
}

#stockregistration div.table-container div.row .warehousereceipt {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#stockregistration div.table-container div.row .warehousereceipt.no {
    background-position: 0 1px;
}

#stockregistration div.table-container div.row .warehousereceipt.yes {
    background-position: 0 -99px;
}

#stockregistration div.table-header .status {
    float: left;
    width: 145px;
}

#stockregistration div.table-container div.row .status {
    float: left;
    width: 125px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#stockregistration div.table-container div.row .status.saved {
    background-position: 0 1px;
}

#stockregistration div.table-container div.row .status.completed {
    background-position: 0 -99px;
}

#stockregistration div.table-container div.row .status.pending {
    background-position: 0 -248px;
}

#stockregistration div.table-container div.row .status.deleted {
    background-position: 0 -198px;
}

#stockregistration div.table-header .revised {
    float: left;
    width: 50px;
}

#stockregistration div.table-container div.row .revised {
    float: left;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#stockregistration div.table-container div.row .revised span {
    color: #888888;
}

#stockregistration div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#stockregistration div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}

#stockregistration div.table-container div.row .nostockregistrations {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Stock Documents (Warehouse Stock Overview)
-----------------------------------------------------------------------------*/
#stockdocumentsoverview div.table-header .client,
#stockdocumentsoverview div.table-container div.row .client {
    float: left;
    width: 65px;
    margin-left: 30px;
    padding: 0 0 7px 0;
}

#stockdocumentsoverview div.table-header .clientreference,
#stockdocumentsoverview div.table-container div.row .clientreference {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#stockdocumentsoverview div.table-header .documenttype,
#stockdocumentsoverview div.table-container div.row .documenttype {
    float: left;
    width: 130px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#stockdocumentsoverview div.table-header .movement,
#stockdocumentsoverview div.table-container div.row .movement {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#stockdocumentsoverview div.table-header .documentreference,
#stockdocumentsoverview div.table-container div.row .documentreference {
    float: left;
    width: 130px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#stockdocumentsoverview div.table-header .duedate,
#stockdocumentsoverview div.table-container div.row .duedate {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#stockdocumentsoverview div.table-header .daysremaining {
    float: left;
    width: 100px;
}

#stockdocumentsoverview div.table-container div.row .daysremaining {
    float: left;
    width: 80px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#stockdocumentsoverview div.table-container div.row .daysremaining.no {
    background-position: 0 -198px;
}

#stockdocumentsoverview div.table-container div.row .daysremaining.yes {
    background-position: 0 -99px;
}

#stockdocumentsoverview div.table-container div.row .daysremaining.yes.closing {
    background-position: 0 -249px;
}


/* Trailer Numbers (Admin)
-----------------------------------------------------------------------------*/
#trailernumbers div.table-header .trailernumber,
#trailernumbers div.table-container div.row .trailernumber {
    float: left;
    margin-left: 30px;
    width: 100px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#trailernumbers div.table-header .trailerweight,
#trailernumbers div.table-container div.row .trailerweight {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

#trailernumbers div.table-header .description,
#trailernumbers div.table-container div.row .description {
    float: left;
    width: 250px;
    padding: 0 10px 8px 0;
}

#trailernumbers div.table-header .activestatus {
    float: left;
    width: 70px;
}

#trailernumbers div.table-container div.row .activestatus {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#trailernumbers div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#trailernumbers div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Transport Orders (Unloading Schedule)
-----------------------------------------------------------------------------*/
div.loadingschedule div.table-header .cargoline {
    float: left;
    width: 40px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.loadingschedule div.table-container div.schedulerow .cargoline {
    float: left;
    width: 40px;
    margin-left: 15px;
    padding: 10px 0 13px 0;
}

div.loadingschedule div.table-header .packages {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
}

div.loadingschedule div.table-container div.schedulerow .packages {
    float: left;
    width: 100px;
    padding: 10px 5px 13px 0;
    word-wrap: break-word;
}

div.loadingschedule div.table-header .cargodescription {
    float: left;
    width: 217px;
    padding: 0 10px 8px 0;
}

div.loadingschedule div.table-container div.schedulerow .cargodescription {
    float: left;
    width: 217px;
    padding: 10px 10px 13px 0;
    word-wrap: break-word;
}

div.loadingschedule div.table-header .placeofdelivery,
div.loadingschedule div.table-container div.schedulerow .placeofdelivery {
    float: left;
    width: 213px;
}

div.loadingschedule div.table-container div.schedulerow .placeofdelivery .selectbox {
    margin-right: 0px;
}

div.loadingschedule-overview div.table-header .cargoline,
div.loadingschedule-overview div.table-container div.row .cargoline {
    float: left;
    width: 40px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.loadingschedule-overview div.table-header .packages,
div.loadingschedule-overview div.table-container div.row .packages {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.loadingschedule-overview div.table-header .cargodescription,
div.loadingschedule-overview div.table-container div.row .cargodescription {
    float: left;
    width: 210px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

div.loadingschedule-overview div.table-header .placeofdelivery,
div.loadingschedule-overview div.table-container div.row .placeofdelivery {
    float: left;
    width: 210px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.loadingschedule-overview div.table-container div.row .placeofdelivery p {
    padding: 0px !important;
}


/* Weighing letters
-----------------------------------------------------------------------------*/
#weighingletters div.table-header .reference,
#weighingletters div.table-container div.row .reference {
    float: left;
    margin-left: 30px;
    width: 90px;
    padding: 0 0 8px 0;
}

#weighingletters div.table-header .client,
#weighingletters div.table-container div.row .client {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#weighingletters div.table-header .clientcontact,
#weighingletters div.table-container div.row .clientcontact {
    float: left;
    width: 120px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#weighingletters div.table-header .clientreference,
#weighingletters div.table-container div.row .clientreference {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#weighingletters div.table-header .port,
#weighingletters div.table-container div.row .port {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#weighingletters div.table-header .containernumber,
#weighingletters div.table-container div.row .containernumber {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#weighingletters div.table-header .trailernumber,
#weighingletters div.table-container div.row .trailernumber {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

#weighingletters div.table-header .weighingdate,
#weighingletters div.table-container div.row .weighingdate {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}


/* VAT Conditions
-----------------------------------------------------------------------------*/
#vatconditions div.table-header .companylocation,
#vatconditions div.table-container div.row .companylocation {
    float: left;
    margin-left: 30px;
    width: 120px;
    padding: 0 0 7px 0;
}

#vatconditions div.table-header .vatbasedon,
#vatconditions div.table-container div.row .vatbasedon {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#vatconditions div.table-header .startlocation,
#vatconditions div.table-container div.row .startlocation {
    float: left;
    width: 110px;
    padding: 0 0 7px 0;
}

#vatconditions div.table-header .finishlocation,
#vatconditions div.table-container div.row .finishlocation {
    float: left;
    width: 110px;
    padding: 0 0 7px 0;
}

#vatconditions div.table-header .tarifftypegroup,
#vatconditions div.table-container div.row .tarifftypegroup {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#vatconditions div.table-header .revenuevat,
#vatconditions div.table-container div.row .revenuevat {
    float: left;
    width: 115px;
    padding: 0 0 8px 0;
}

#vatconditions div.table-header .costsvat,
#vatconditions div.table-container div.row .costsvat {
    float: left;
    width: 115px;
    padding: 0 0 8px 0;
}


/* Company Commodities
-----------------------------------------------------------------------------*/
#companycommodities div.table-header .hscode,
#companycommodities div.table-container div.row .hscode {
    float: left;
    margin-left: 30px;
    width: 90px;
    padding: 0 0 7px 0;
}

#companycommodities.selectable div.table-header .hscode,
#companycommodities.selectable div.table-container div.row .hscode {
    margin-left: 15px;
}

#companycommodities div.table-header .cargotype,
#companycommodities div.table-container div.row .cargotype {
    float: left;
    width: 90px;
    padding: 0 0 7px 0;
}

#companycommodities div.table-header .cargodescription,
#companycommodities div.table-container div.row .cargodescription {
    float: left;
    width: 300px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#companycommodities div.table-container div.row .notavailable {
    float: left;
    margin-left: 30px;
    width: 555px;
    padding: 0 0 8px 0;
}

#companycommodities.selectable div.table-container div.row .notavailable {
    margin-left: 15px;
}


/* INQ Process
-----------------------------------------------------------------------------*/
#inqprocess div.table-header .dossier,
#inqprocess div.table-container div.row .dossier {
    float: left;
    width: 75px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#inqprocess div.table-header .client,
#inqprocess div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#inqprocess div.table-header .containernumber,
#inqprocess div.table-container div.row .containernumber {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#inqprocess div.table-header .ucn,
#inqprocess div.table-container div.row .ucn {
    float: left;
    width: 85px;
    word-wrap: break-word;
    padding: 0 5px 7px 0;
}

#inqprocess div.table-header .ucnavailable {
    float: left;
    width: 50px;
}

#inqprocess div.table-container div.row .ucnavailable {
    float: left;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#inqprocess div.table-container div.row .ucnavailable.no {
    background-position: 0 1px;
}

#inqprocess div.table-container div.row .ucnavailable.yes {
    background-position: 0 -99px;
}

#inqprocess div.table-header .pod,
#inqprocess div.table-container div.row .pod {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#inqprocess div.table-header .arrival,
#inqprocess div.table-container div.row .arrival {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

#inqprocess div.table-header .declaration,
#inqprocess div.table-container div.row .declaration {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

#inqprocess div.table-header .cleared {
    float: left;
    width: 55px;
}

#inqprocess div.table-container div.row .cleared {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#inqprocess div.table-container div.row .cleared.no {
    background-position: 0 1px;
}

#inqprocess div.table-container div.row .cleared.yes {
    background-position: 0 -99px;
}

#inqprocess div.table-header .releasee,
#inqprocess div.table-container div.row .releasee {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#inqprocess div.table-header .intransportorder {
    float: left;
    width: 50px;
}

#inqprocess div.table-container div.row .intransportorder {
    float: left;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#inqprocess div.table-container div.row .intransportorder.no {
    background-position: 0 1px;
}

#inqprocess div.table-container div.row .intransportorder.yes {
    background-position: 0 -99px;
}

#inqprocess div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* INQ Process | Containers
-----------------------------------------------------------------------------*/
div.inqprocess-containers div.table-header .dossier,
div.inqprocess-containers div.table-container div.row .dossier {
    float: left;
    width: 75px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.inqprocess-containers div.table-header .client,
div.inqprocess-containers div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

div.inqprocess-containers div.table-header .containernumber,
div.inqprocess-containers div.table-container div.row .containernumber {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

div.inqprocess-containers div.table-header .ucn,
div.inqprocess-containers div.table-container div.row .ucn {
    float: left;
    width: 85px;
    word-wrap: break-word;
    padding: 0 5px 7px 0;
}

div.inqprocess-containers div.table-header .declaration,
div.inqprocess-containers div.table-container div.row .declaration {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

div.inqprocess-containers div.table-header .cleared {
    float: left;
    width: 60px;
}

div.inqprocess-containers div.table-container div.row .cleared {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

div.inqprocess-containers div.table-container div.row .cleared.no {
    background-position: 0 1px;
}

div.inqprocess-containers div.table-container div.row .cleared.yes {
    background-position: 0 -99px;
}

div.inqprocess-containers div.table-header .intransportorder {
    float: left;
    width: 50px;
}

div.inqprocess-containers div.table-container div.row .intransportorder {
    float: left;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

div.inqprocess-containers div.table-container div.row .intransportorder.no {
    background-position: 0 1px;
}

div.inqprocess-containers div.table-container div.row .intransportorder.yes {
    background-position: 0 -99px;
}

div.inqprocess-containers div.table-container div.row .nocontainers {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* INQ Process | Requests
-----------------------------------------------------------------------------*/
#destin8inqrequests div.table-header .requesteddatetime,
#destin8inqrequests div.table-container div.row .requesteddatetime {
    float: left;
    width: 115px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#destin8inqrequests div.table-header .requestedby,
#destin8inqrequests div.table-container div.row .requestedby {
    float: left;
    width: 355px;
    padding: 0 0 8px 0;
}

#destin8inqrequests div.table-header .updatereceived {
    float: left;
    width: 100px;
}

#destin8inqrequests div.table-container div.row .updatereceived {
    float: left;
    width: 80px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#destin8inqrequests div.table-container div.row .updatereceived.no {
    background-position: 0 1px;
}

#destin8inqrequests div.table-container div.row .updatereceived.yes {
    background-position: 0 -99px;
}

#destin8inqrequests div.table-container div.row .norequests {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* INQ Process | Updates
-----------------------------------------------------------------------------*/
#destin8inqupdates div.table-header .updateddatetime,
#destin8inqupdates div.table-container div.row .updateddatetime {
    float: left;
    width: 115px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#destin8inqupdates div.table-header .filename,
#destin8inqupdates div.table-container div.row .filename {
    float: left;
    width: 415px;
    padding: 0 0 8px 0;
}

#destin8inqupdates div.table-container div.row .noupdates {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* INQ Process | Destin8 UVI Requests
-----------------------------------------------------------------------------*/
#inqprocess-uvirequests div.table-header .ucnclaimeddatetime,
#inqprocess-uvirequests div.table-container div.row .ucnclaimeddatetime {
    float: left;
    width: 115px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#inqprocess-uvirequests div.table-header .uvi,
#inqprocess-uvirequests div.table-container div.row .uvi {
    float: left;
    width: 45px;
    padding: 0 0 8px 0;
}

#inqprocess-uvirequests div.table-header .vessel,
#inqprocess-uvirequests div.table-container div.row .vessel {
    float: left;
    width: 160px;
    padding: 0 10px 8px 0;
}

#inqprocess-uvirequests div.table-header .pod,
#inqprocess-uvirequests div.table-container div.row .pod {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#inqprocess-uvirequests div.table-header .pod,
#inqprocess-uvirequests div.table-container div.row .pod {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#inqprocess-uvirequests div.table-header .dossiers,
#inqprocess-uvirequests div.table-container div.row .dossiers {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#inqprocess-uvirequests div.table-header .pendingcontainers,
#inqprocess-uvirequests div.table-container div.row .pendingcontainers {
    float: left;
    width: 90px;
    padding: 0 0 7px 0;
}

#inqprocess-uvirequests div.table-header .containersinhistory,
#inqprocess-uvirequests div.table-container div.row .containersinhistory {
    float: left;
    width: 100px;
    padding: 0 0 7px 0;
}

#inqprocess-uvirequests div.table-header .lastupdatedatetime,
#inqprocess-uvirequests div.table-container div.row .lastupdatedatetime {
    float: left;
    width: 115px;
    padding: 0 0 8px 0;
}

#inqprocess-uvirequests div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Generated Documents
-----------------------------------------------------------------------------*/
#generateddocuments div.table-header .date,
#generateddocuments div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#generateddocuments div.table-header .dossier,
#generateddocuments div.table-container div.row .dossier {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#generateddocuments div.table-header .company,
#generateddocuments div.table-container div.row .company {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#generateddocuments div.table-header .companycontact,
#generateddocuments div.table-container div.row .companycontact {
    float: left;
    width: 120px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#generateddocuments div.table-header .documenttype,
#generateddocuments div.table-container div.row .documenttype {
    float: left;
    width: 140px;
    padding: 0 10px 8px 0;
}

#generateddocuments div.table-header .documentname,
#generateddocuments div.table-container div.row .documentname {
    float: left;
    width: 210px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#generateddocuments div.table-header .status {
    float: left;
    width: 80px;
}

#generateddocuments div.table-container div.row .status {
    float: left;
    width: 60px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#generateddocuments div.table-container div.row .status.sendlist {
    background-position: 0 1px;
}

#generateddocuments div.table-container div.row .status.sent,
#generateddocuments div.table-container div.row .status.generated {
    background-position: 0 -99px;
}


/* Delivery Instructions - Overviews
-----------------------------------------------------------------------------*/
#deliveryinstructions div.table-header .dossier,
#deliveryinstructions div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding: 0 0 8px 0;
}

#deliveryinstructions div.table-header .fcldossier,
#deliveryinstructions div.table-container div.row .fcldossier {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#deliveryinstructions div.table-header .company,
#deliveryinstructions div.table-container div.row .company {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#deliveryinstructions div.table-header .companycontact,
#deliveryinstructions div.table-container div.row .companycontact {
    float: left;
    width: 120px;
    padding: 0 10px 7px 0;
    word-wrap: break-word;
}

#deliveryinstructions div.table-header .chassisnumber,
#deliveryinstructions div.table-container div.row .chassisnumber {
    float: left;
    width: 115px;
    padding: 0 10px 7px 0;
}

#deliveryinstructions div.table-header .deliveryto,
#deliveryinstructions div.table-container div.row .deliveryto {
    float: left;
    width: 170px;
    padding: 0 10px 8px 0;
}

#deliveryinstructions div.table-header .revised {
    float: left;
    width: 70px;
}

#deliveryinstructions div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#deliveryinstructions div.table-container div.row .revised span {
    color: #888888;
}

#deliveryinstructions div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#deliveryinstructions div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* Extended Container Details
-----------------------------------------------------------------------------*/
#extendedcontainerdetails div.table-container.modular.overview div.row p {
    padding-bottom: 0px !important;
}

#extendedcontainerdetails .containernumber {
    float: left;
    width: 100px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#extendedcontainerdetails div.table-container div.row .containernumber {
    margin-left: 29px;
}

#extendedcontainerdetails .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 15px 0 0;
}

#extendedcontainerdetails .sealnumber {
    float: left;
    width: 90px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#extendedcontainerdetails div.containertype,
#extendedcontainerdetails div.table-container div.row .containertype {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#extendedcontainerdetails div.packages,
#extendedcontainerdetails div.table-container div.row .packages {
    float: left;
    width: 100px;
    padding: 0 10px 8px 0;
}

#extendedcontainerdetails div.packages.lcl {
    margin-left: 15px;
}

#extendedcontainerdetails div.table-container div.row .packages.lcl {
    margin-left: 29px;
}

#extendedcontainerdetails div.cargodescription,
#extendedcontainerdetails div.table-container div.row .cargodescription {
    float: left;
    width: 190px;
    padding: 0 10px 8px 0;
}

#extendedcontainerdetails div.marksandnumbers,
#extendedcontainerdetails div.table-container div.row .marksandnumbers {
    float: left;
    width: 140px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#extendedcontainerdetails div.grossweight,
#extendedcontainerdetails div.table-container div.row .grossweight {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#extendedcontainerdetails div.netweight,
#extendedcontainerdetails div.table-container div.row .netweight {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#extendedcontainerdetails div.volume,
#extendedcontainerdetails div.table-container div.row .volume {
    float: left;
    width: 70px;
}

#extendedcontainerdetails div.dimensions,
#extendedcontainerdetails div.table-container div.row .dimensions {
    float: left;
    width: 260px;
    padding: 0 0 8px 0;
}

#extendedcontainerdetails div.table-container .toggle-overview-container {
    width: 100%;
    background: url(../images/tablerow-background.png) repeat-y;
    border-top: 1px solid #ffffff;
    border-bottom: 1px dashed #cccccc;
    overflow: hidden;
    clear: both;
}

#extendedcontainerdetails div.table-container .toggle-overview-container div.row {
    border-bottom: 1px dashed #cccccc;
}

#extendedcontainerdetails div.table-container div.multiplecargocontainer .toggle-overview-container div.row:last-child,
#extendedcontainerdetails div.table-container .toggle-overview-container div.row:last-child {
    border-bottom: none;
}

#extendedcontainerdetails div.table-container .toggle-overview-container div.row .novalue {
    color: #888888;
    float: left;
    margin-left: 10px;
    width: 880px;
}

#extendedcontainerdetails div.table-container .toggle-overview-container div.row .title {
    color: #888888;
    float: left;
    margin-left: 10px;
    width: 120px;
}

#extendedcontainerdetails div.table-container .toggle-overview-container div.row .value {
    width: 880px;
    float: left;
    padding-bottom: 8px;
    word-wrap: break-word;
}

#extendedcontainerdetails div.table-container .toggle-overview-container div.row .value.column {
    width: 220px;
}

#extendedcontainerdetails div.table-container .toggle-overview-container div.row .value.twocolumns {
    width: 570px;
}

#extendedcontainerdetails div.table-container.modular.overview {
    max-height: 550px;
}


/* Company Groups
-----------------------------------------------------------------------------*/
#companygroups div.table-header .companygroupname,
#companygroups div.table-container div.row .companygroupname {
    float: left;
    width: 300px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
}

#companygroups div.table-header .code,
#companygroups div.table-container div.row .code {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#companygroups div.table-header .companies,
#companygroups div.table-container div.row .companies {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#companygroups div.table-header .language {
    float: left;
    width: 85px;
}

#companygroups div.table-container div.row .language {
    float: left;
    width: 65px;
    padding-left: 20px;
    background: url(../images/language-group.png) no-repeat;
}

#companygroups div.table-container div.row .language.dutch {
    background-position: 0 4px;
}

#companygroups div.table-container div.row .language.english {
    background-position: 0 -36px;
}

#companygroups div.table-container div.row .language.french {
    background-position: 0 -156px;
}

#companygroups div.table-header .activestate {
    float: left;
    width: 60px;
}

#companygroups div.table-container div.row .activestate {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#companygroups div.table-container div.row .activestate.no {
    background-position: 0 1px;
}

#companygroups div.table-container div.row .activestate.yes {
    background-position: 0 -99px;
}


/* Planning Tickets
-----------------------------------------------------------------------------*/
#planningtickets div.table-header .ticket,
#planningtickets div.table-container div.row .ticket {
    float: left;
    width: 70px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#planningtickets.with-toggle div.table-header .ticket,
#planningtickets.with-toggle div.table-container div.row .ticket {
    margin-left: 30px;
}

#planningtickets div.table-header .description,
#planningtickets div.table-container div.row .description {
    float: left;
    width: 520px;
    padding: 0 20px 8px 0;
}

#planningtickets.with-toggle div.table-header .description,
#planningtickets.with-toggle div.table-container div.row .description {
    width: 505px;
}

#planningtickets div.table-header .developmentperiod,
#planningtickets div.table-container div.row .developmentperiod {
    float: left;
    width: 170px;
    padding: 0 0 8px 0;
}

#planningtickets div.table-container div.row .description,
#planningtickets div.table-container div.row .developmentperiod {
    text-transform: uppercase;
}


/* Transport Order Schedules
-----------------------------------------------------------------------------*/
#transportorderschedules {
    width: 600px;
    position: relative;
    margin-top: 25px;
    position: relative;
    width: 600px;
}

#transportorderschedules.overview {
    margin-top: 0px;
}

#transportorderschedules h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

#transportorderschedules div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#transportorderschedules div.table-container {
    display: inline-block;
}

#transportorderschedules div.table-container p {
    padding-bottom: 0px;
}

#transportorderschedules div.table-header .transportorder,
#transportorderschedules div.table-container div.row .transportorder {
    float: left;
    margin-left: 30px;
    width: 105px;
    padding: 0 0 8px 0;
}

#transportorderschedules.overview div.table-header .transportorder,
#transportorderschedules.overview div.table-container div.row .transportorder {
    margin-left: 15px;
}

#transportorderschedules div.table-header .scheduletype,
#transportorderschedules div.table-container div.row .scheduletype {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#transportorderschedules div.table-header .place,
#transportorderschedules div.table-container div.row .place {
    float: left;
    width: 300px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#transportorderschedules div.table-container div.row .noschedules {
    float: left;
    margin-left: 30px;
    width: 555px;
    padding: 0 0 8px 0;
}

#transportorderschedules.overview div.table-container div.row .noschedules {
    margin-left: 15px;
    width: 570px;
}


/* Change Notices
-----------------------------------------------------------------------------*/
#changenotices div.table-header .dossier,
#changenotices div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

#changenotices div.table-header .company,
#changenotices div.table-container div.row .company {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#changenotices div.table-header .type,
#changenotices div.table-container div.row .type {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#changenotices div.table-header .port,
#changenotices div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#changenotices div.table-header .etseta,
#changenotices div.table-container div.row .etseta {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#changenotices div.table-header .vessel,
#changenotices div.table-container div.row .vessel {
    float: left;
    width: 145px;
    padding: 0 10px 8px 0;
}

#changenotices div.table-header .deliverydate {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#changenotices div.table-container div.row .deliverydate {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}


/* Open Invoice Balance
-----------------------------------------------------------------------------*/
div.openinvoicebalance {
    width: 600px;
    display: inline-block;
}

div.openinvoicebalance div.table-header .invoicedate,
div.openinvoicebalance div.table-container div.row .invoicedate {
    float: left;
    width: 70px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.openinvoicebalance div.table-header .invoicenumber,
div.openinvoicebalance div.table-container div.row .invoicenumber {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.openinvoicebalance div.table-header .dossier,
div.openinvoicebalance div.table-container div.row .dossier {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
    word-wrap: break-word;
}

div.openinvoicebalance div.table-header .amount {
    float: left;
    width: 87px;
    margin: 0 15px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

div.openinvoicebalance div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

div.openinvoicebalance div.table-container div.row .amount {
    float: left;
    width: 60px;
    margin: 0 15px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

div.openinvoicebalance div.table-header .duedate,
div.openinvoicebalance div.table-container div.row .duedate {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

div.openinvoicebalance div.table-header .pastdue,
div.openinvoicebalance div.table-container div.row .pastdue {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

div.openinvoicebalance div.table-header .daysleft {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

div.openinvoicebalance div.table-container div.row .daysleft {
    float: left;
    width: 35px;
    padding: 0 0 8px 0;
}

div.openinvoicebalance div.table-container div.row.totals {
    background-color: #f1f1f1;
    font-weight: bold;
}

div.openinvoicebalance div.table-container div.row .label {
    float: left;
    width: 80px;
    margin-left: 165px;
    padding: 0 0 8px 0;
}


/* Selected Dossiers
-----------------------------------------------------------------------------*/
#selected-dossiers {
    position: relative;
    width: 832px;
    margin-top: 0px;
}

#selected-dossiers div.table-header {
    width: 832px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader-wider.png) no-repeat !important;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#selected-dossiers div.table-container-selected {
    display: inline-block;
}

#selected-dossiers div.table-header .dossier,
#selected-dossiers div.table-container-selected div.row .dossier {
    float: left;
    margin-left: 15px;
    width: 70px;
    padding-bottom: 8px;
}

#selected-dossiers div.table-header .company,
#selected-dossiers div.table-container-selected div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#selected-dossiers div.table-header .carrier,
#selected-dossiers div.table-container-selected div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#selected-dossiers div.table-header .vessel,
#selected-dossiers div.table-container-selected div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 10px 7px 0;
}

#selected-dossiers div.table-header .port,
#selected-dossiers div.table-container-selected div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#selected-dossiers div.table-header .etseta,
#selected-dossiers div.table-container-selected div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#selected-dossiers div.table-header .dossiertype,
#selected-dossiers div.table-container-selected div.row .dossiertype {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#selected-dossiers div.table-header .status {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#selected-dossiers div.table-container-selected div.row .status {
    float: left;
    width: 100px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group-dossiers.png) 0 3px no-repeat;
}

#selected-dossiers div.table-container-selected div.row .status.open {
    background-position: 0 3px;
}

#selected-dossiers div.table-container-selected div.row .status.readyforinvoice {
    background-position: 0 -47px;
}

#selected-dossiers div.table-container-selected div.row .status.invoiced,
#selected-dossiers div.table-container-selected div.row .status.partialinvoiced,
#selected-dossiers div.table-container-selected div.row .status.clientreleased {
    background-position: 0 -97px;
}

#selected-dossiers div.table-container-selected div.row .status.notinvoiced {
    background-position: 0 -147px;
}

#selected-dossiers div.table-container-selected div.row .status.closed {
    background-position: 0 -197px;
}

#selected-dossiers div.table-container-selected div.row .status.onhold,
#selected-dossiers div.table-container-selected div.row .status.clientonhold,
#selected-dossiers div.table-container-selected div.row .status.notarifflines {
    background-position: 0 -248px;
    position: relative;
}

#selected-dossiers div.table-container-selected div.row .status.cancelled {
    background-position: 0 -297px;
}


/* AWB Labels
-----------------------------------------------------------------------------*/
#awblabels div.table-header .date,
#awblabels div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

#awblabels div.table-header .dossier,
#awblabels div.table-container div.row .dossier {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

#awblabels div.table-header .recipient,
#awblabels div.table-container div.row .recipient {
    float: left;
    width: 230px;
    padding: 0 15px 8px 0;
    word-wrap: break-word;
}

#awblabels div.table-header .awbnumber,
#awblabels div.table-container div.row .awbnumber {
    float: left;
    width: 105px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#awblabels div.table-header .status {
    float: left;
    width: 115px;
    padding: 0 0 8px 0;
}

#awblabels div.table-container div.row .status {
    float: left;
    width: 95px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#awblabels div.table-container div.row .status.completed {
    background-position: 0 -49px;
}

#awblabels div.table-container div.row .status.exported {
    background-position: 0 -99px;
}

#awblabels div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left:  30px;
    padding: 0 0 8px 0;
}


/* Stock Turnover Report
-----------------------------------------------------------------------------*/
#stockturnover div.table-header .date,
#stockturnover div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

#stockturnover div.table-header .warehouse,
#stockturnover div.table-container div.row .warehouse {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

#stockturnover div.table-header .movement,
#stockturnover div.table-container div.row .movement {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#stockturnover div.table-header .stockreference,
#stockturnover div.table-container div.row .stockreference {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#stockturnover div.table-header .reference-in,
#stockturnover div.table-container div.row .reference-in {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#stockturnover div.table-header .dossier-out,
#stockturnover div.table-container div.row .dossier-out {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#stockturnover div.table-header .packages,
#stockturnover div.table-container div.row .packages {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#stockturnover div.table-header .weight,
#stockturnover div.table-container div.row .weight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#stockturnover div.table-container div.row .noresults {
    float: left;
    margin-left: 30px;
    width: 787px;
    padding: 0 0 8px 0;
}


/* Package set Stock Documents
-----------------------------------------------------------------------------*/
#packagesstockdocuments div.table-header .stockreference,
#packagesstockdocuments div.table-container div.row .stockreference {
    float: left;
    margin-left: 30px;
    width: 95px;
    padding: 0 0 8px 0;
}

#packagesstockdocuments div.table-header .clientreference,
#packagesstockdocuments div.table-container div.row .clientreference {
    float: left;
    width: 110px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#packagesstockdocuments div.table-header .packages,
#packagesstockdocuments div.table-container div.row .packages {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#packagesstockdocuments div.table-header .weight,
#packagesstockdocuments div.table-container div.row .weight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#packagesstockdocuments div.table-header .editweight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#packagesstockdocuments div.table-container div.row .editweight {
    float: left;
    width: 90px;
    margin-top: -1px;
    padding: 0px;
    line-height: normal !important;
}

#packagesstockdocuments div.table-header .documentstatus {
    float: left;
    width: 115px;
    padding: 0 0 8px 0;
}

#packagesstockdocuments div.table-container div.row .documentstatus {
    float: left;
    width: 90px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#packagesstockdocuments div.table-container div.row .documentstatus.available {
    background-position: 0 -99px;
}

#packagesstockdocuments div.table-container div.row .documentstatus.nodocuments {
    background-position: 0 -249px;
}

#packagesstockdocuments div.table-container div.row .documentstatus.expired {
    background-position: 0 -198px;
}



/* Incoming Invoice Payment Requests
-----------------------------------------------------------------------------*/
#incominginvoicepaymentrequests div.table-header .invoicedate,
#incominginvoicepaymentrequests div.table-container div.row .invoicedate {
    float: left;
    width: 85px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#incominginvoicepaymentrequests div.table-header .creditor,
#incominginvoicepaymentrequests div.table-container div.row .creditor {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#incominginvoicepaymentrequests div.table-header .invoicenumber,
#incominginvoicepaymentrequests div.table-container div.row .invoicenumber {
    float: left;
    width: 90px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#incominginvoicepaymentrequests div.table-header .amount {
    float: left;
    width: 100px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#incominginvoicepaymentrequests div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#incominginvoicepaymentrequests div.table-container div.row .amount {
    float: left;
    width: 73px;
    margin: 0 20px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#incominginvoicepaymentrequests div.table-header .duedate,
#incominginvoicepaymentrequests div.table-container div.row .duedate {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#incominginvoicepaymentrequests div.table-header .dossier,
#incominginvoicepaymentrequests div.table-container div.row .dossier {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

#incominginvoicepaymentrequests div.table-header .paymenton,
#incominginvoicepaymentrequests div.table-container div.row .paymenton {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#incominginvoicepaymentrequests div.table-header .requestedby,
#incominginvoicepaymentrequests div.table-container div.row .requestedby {
    float: left;
    width: 125px;
    padding: 0 0 8px 0;
}

#incominginvoicepaymentrequests div.table-container div.row.total {
    background-color: #f1f1f1;
    font-weight: bold;
}

#incominginvoicepaymentrequests div.table-container div.row.total .label {
    float: left;
    width: 245px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#incominginvoicepaymentrequests div.table-container div.row.total .currency p,
#incominginvoicepaymentrequests div.table-container div.row.total .amount p {
    padding: 0px;
}

#incominginvoicepaymentrequests div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Depot Instructions - Overviews
-----------------------------------------------------------------------------*/
#depotinstructions div.table-header .reference,
#depotinstructions div.table-container div.row .reference {
    float: left;
    margin-left: 30px;
    width: 85px;
    padding: 0 0 8px 0;
}

#depotinstructions div.table-header .depot,
#depotinstructions div.table-container div.row .depot {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#depotinstructions div.table-header .depotcontact,
#depotinstructions div.table-container div.row .depotcontact {
    float: left;
    width: 115px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#depotinstructions div.table-header .tradetype,
#depotinstructions div.table-container div.row .tradetype {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#depotinstructions div.table-header .instruction,
#depotinstructions div.table-container div.row .instruction {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#depotinstructions div.table-header .depotdate,
#depotinstructions div.table-container div.row .depotdate {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#depotinstructions div.table-header .properties,
#depotinstructions div.table-container div.row .properties {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#depotinstructions div.table-header .ctrs,
#depotinstructions div.table-container div.row .ctrs {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

#depotinstructions div.table-header .revised {
    float: left;
    width: 70px;
}

#depotinstructions div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#depotinstructions div.table-container div.row .revised span {
    color: #888888;
}

#depotinstructions div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#depotinstructions div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* UCN Claims - Overviews
-----------------------------------------------------------------------------*/
#ucnclaims div.table-header .dossier,
#ucnclaims div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#ucnclaims div.table-header .shipmenttype,
#ucnclaims div.table-container div.row .shipmenttype {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

#ucnclaims div.table-header .carrier,
#ucnclaims div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#ucnclaims div.table-header .vessel,
#ucnclaims div.table-container div.row .vessel {
    float: left;
    width: 125px;
    padding: 0 5px 8px 0;
}

#ucnclaims div.table-header .containernumber,
#ucnclaims div.table-container div.row .containernumber {
    float: left;
    width: 85px;
    padding: 0 0 7px 0;
}

#ucnclaims div.table-header .port,
#ucnclaims div.table-container div.row .port {
    float: left;
    width: 45px;
    padding: 0 0 7px 0;
}

#ucnclaims div.table-header .etseta,
#ucnclaims div.table-container div.row .etseta {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#ucnclaims div.table-header .pcs,
#ucnclaims div.table-container div.row .pcs {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#ucnclaims div.table-header .claimed,
#ucnclaims div.table-container div.row .claimed {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#ucnclaims div.table-header .requested {
    float: left;
    width: 50px;
}

#ucnclaims div.table-container div.row .requested {
    float: left;
    width: 50px;

}

#ucnclaims div.table-container div.row .requested.no {
    padding-left: 20px;
    width: 30px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#ucnclaims div.table-container div.row .requested.yes {
    padding-left: 20px;
    width: 30px;
    background: url(../images/status-group.png) 0 -99px no-repeat;
}

#ucnclaims div.table-header .amalgamated {
    float: left;
    width: 50px;
}

#ucnclaims div.table-container div.row .amalgamated {
    float: left;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#ucnclaims div.table-container div.row .amalgamated.no {
    background-position: 0 1px;
}

#ucnclaims div.table-container div.row .amalgamated.yes {
    background-position: 0 -99px;
}


/* UCN Claims - Destin8 Claim Requests
-----------------------------------------------------------------------------*/
#destin8ucnclaims div.table-header .requesteddatetime,
#destin8ucnclaims div.table-container div.row .requesteddatetime {
    float: left;
    margin-left: 30px;
    width: 100px;
    padding: 0 0 8px 0;
}

#destin8ucnclaims div.table-header .dossier,
#destin8ucnclaims div.table-container div.row .dossier {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#destin8ucnclaims div.table-header .shipmenttype,
#destin8ucnclaims div.table-container div.row .shipmenttype {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

#destin8ucnclaims div.table-header .containernumber,
#destin8ucnclaims div.table-container div.row .containernumber {
    float: left;
    width: 90px;
    padding: 0 0 7px 0;
}

#destin8ucnclaims div.table-header .packages,
#destin8ucnclaims div.table-container div.row .packages {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#destin8ucnclaims div.table-header .weight,
#destin8ucnclaims div.table-container div.row .weight {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#destin8ucnclaims div.table-header .blnumber,
#destin8ucnclaims div.table-container div.row .blnumber {
    float: left;
    width: 105px;
    padding: 0 5px 8px 0;
}

#destin8ucnclaims div.table-header .amalgamate {
    float: left;
    width: 85px;
}

#destin8ucnclaims div.table-container div.row .amalgamate {
    float: left;
    width: 65px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#destin8ucnclaims div.table-container div.row .amalgamate.no {
    background-position: 0 1px;
}

#destin8ucnclaims div.table-container div.row .amalgamate.yes {
    background-position: 0 -99px;
}

#destin8ucnclaims div.table-header .status {
    float: left;
    width: 90px;
}

#destin8ucnclaims div.table-container div.row .status {
    float: left;
    width: 70px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#destin8ucnclaims div.table-container div.row .status.pending {
    background-position: 0 -249px;
}

#destin8ucnclaims div.table-container div.row .status.cancelled,
#destin8ucnclaims div.table-container div.row .status.error {
    background-position: 0 -198px;
}

#destin8ucnclaims div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#destin8ucnclaims div.table-container div.row .norequests {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* UCN Containers/Packages
-----------------------------------------------------------------------------*/
div.ucncontainerspackages {
    width: 600px;
    display: inline-block;
}

div.ucncontainerspackages h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.ucncontainerspackages div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

div.ucncontainerspackages div.table-header .packages,
div.ucncontainerspackages div.table-container div.row .packages {
    float: left;
    width: 85px;
    margin-left: 30px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.ucncontainerspackages div.table-header .packages.fcl,
div.ucncontainerspackages div.table-container div.row .packages.fcl {
    margin-left: 0px;
}

div.ucncontainerspackages div.table-header .containernumber,
div.ucncontainerspackages div.table-container div.row .containernumber {
    float: left;
    width: 85px;
    margin-left: 30px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.ucncontainerspackages div.table-header .editgrossweight {
    float: left;
    width: 98px;
    padding: 0 0 8px 0;
}

div.ucncontainerspackages div.table-container div.row .editgrossweight {
    float: left;
    width: 98px;
    margin-top: -1px;
    padding: 0px;
    line-height: normal !important;
}

div.ucncontainerspackages div.table-header .cargotype,
div.ucncontainerspackages div.table-container div.row .cargotype {
    float: left;
    width: 135px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.ucncontainerspackages div.table-header .grossweight,
div.ucncontainerspackages div.table-container div.row .grossweight {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

div.ucncontainerspackages div.table-container div.row .packages p,
div.ucncontainerspackages div.table-container div.row .grossweight p {
    padding: 0px !important;
}

div.ucncontainerspackages div.table-header .ucn,
div.ucncontainerspackages div.table-container div.row .ucn {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

div.ucncontainerspackages div.table-header .amalgamateducn,
div.ucncontainerspackages div.table-container div.row .amalgamateducn {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

div.ucncontainerspackages div.table-header .editucn {
    float: left;
    width: 113px;
    padding: 0 0 8px 0;
}

div.ucncontainerspackages div.table-container div.row .editucn {
    float: left;
    width: 113px;
    margin-top: -1px;
    padding: 0px;
    line-height: normal !important;
}

div.ucncontainerspackages div.table-header .editamalgamateducn {
    float: left;
    width: 113px;
    padding: 0 0 8px 0;
}

div.ucncontainerspackages div.table-container div.row .editamalgamateducn {
    float: left;
    width: 113px;
    margin-top: -1px;
    padding: 0px;
    line-height: normal !important;
}

#cnscontainer div.overviewtitle:first-child,
#destin8container div.overviewtitle:first-child {
    padding-top: 15px;
}


/* CRM Employee Accounts
-----------------------------------------------------------------------------*/
div.crm-employeeacounts {
    width: 600px;
    margin-top: 25px;
    display: inline-block;
}

div.crm-employeeacounts h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.crm-employeeacounts div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

div.crm-employeeacounts div.table-header .accountname,
div.crm-employeeacounts div.table-container div.row .accountname {
    float: left;
    width: 125px;
    margin-left: 15px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.crm-employeeacounts div.table-header .department,
div.crm-employeeacounts div.table-container div.row .department {
    float: left;
    width: 125px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.crm-employeeacounts div.table-header .language {
    float: left;
    width: 85px;
}

div.crm-employeeacounts div.table-container div.row .language {
    float: left;
    width: 65px;
    padding-left: 20px;
    background: url(../images/language-group.png) no-repeat;
}

div.crm-employeeacounts div.table-container div.row .language.dutch {
    background-position: 0 4px;
}

div.crm-employeeacounts div.table-container div.row .language.english {
    background-position: 0 -36px;
}

div.crm-employeeacounts div.table-container div.row .language.french {
    background-position: 0 -156px;
}

div.crm-employeeacounts div.table-header .activestatus {
    float: left;
    width: 60px;
}

div.crm-employeeacounts div.table-container div.row .activestatus {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

div.crm-employeeacounts div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

div.crm-employeeacounts div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}

div.crm-employeeacounts div.table-header .editaccounttype {
    float: left;
    width: 168px;
    padding: 0 0 8px 0;
}

div.crm-employeeacounts div.table-container div.row .editaccounttype {
    float: left;
    width: 168px;
    margin-top: -1px;
    padding: 0px;
    line-height: normal !important;
}


/* VAT Codes
-----------------------------------------------------------------------------*/
#vatcodes div.table-header .code,
#vatcodes div.table-container div.row .code {
    float: left;
    margin-left: 30px;
    width: 50px;
    padding: 0 0 8px 0;
}

#vatcodes div.table-header .vattype,
#vatcodes div.table-container div.row .vattype {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#vatcodes div.table-header .vatpercentage,
#vatcodes div.table-container div.row .vatpercentage {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#vatcodes div.table-header .vatdescription,
#vatcodes div.table-container div.row .vatdescription {
    float: left;
    width: 140px;
    padding: 0 0 8px 0;
}

#vatcodes div.table-header .costsledger,
#vatcodes div.table-container div.row .costsledger {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
}

#vatcodes div.table-header .revenueledger,
#vatcodes div.table-container div.row .revenueledger {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
}


/* Customs Admin - Item Templates
-----------------------------------------------------------------------------*/
#customs-itemtemplates div.table-header .hscode,
#customs-itemtemplates div.table-container div.row .hscode {
    float: left;
    width: 85px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#customs-itemtemplates div.table-header .client,
#customs-itemtemplates div.table-container div.row .client {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#customs-itemtemplates div.table-header .internalreference,
#customs-itemtemplates div.table-container div.row .internalreference {
    float: left;
    width: 250px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#customs-itemtemplates div.table-header .origin,
#customs-itemtemplates div.table-container div.row .origin {
    float: left;
    width: 250px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}


/* Customs Admin - AI Statement Codes
-----------------------------------------------------------------------------*/
#customs-aistatementcodes div.table-header .code,
#customs-aistatementcodes div.table-container div.row .code {
    float: left;
    width: 50px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#customs-aistatementcodes div.table-header .description,
#customs-aistatementcodes div.table-container div.row .description {
    float: left;
    width: 405px;
    padding: 0 20px 8px 0;
}

#customs-aistatementcodes div.table-header .import,
#customs-aistatementcodes div.table-header .export,
#customs-aistatementcodes div.table-header .headerlevel,
#customs-aistatementcodes div.table-header .itemlevel,
#customs-aistatementcodes div.table-header .activestatus {
    float: left;
    width: 60px;
}

#customs-aistatementcodes div.table-container div.row .import,
#customs-aistatementcodes div.table-container div.row .export,
#customs-aistatementcodes div.table-container div.row .headerlevel,
#customs-aistatementcodes div.table-container div.row .itemlevel,
#customs-aistatementcodes div.table-container div.row .activestatus {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customs-aistatementcodes div.table-container div.row .import.no,
#customs-aistatementcodes div.table-container div.row .export.no,
#customs-aistatementcodes div.table-container div.row .headerlevel.no,
#customs-aistatementcodes div.table-container div.row .itemlevel.no,
#customs-aistatementcodes div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#customs-aistatementcodes div.table-container div.row .import.yes,
#customs-aistatementcodes div.table-container div.row .export.yes,
#customs-aistatementcodes div.table-container div.row .headerlevel.yes,
#customs-aistatementcodes div.table-container div.row .itemlevel.yes,
#customs-aistatementcodes div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Customs Admin - Doc Codes
-----------------------------------------------------------------------------*/
#customs-doccodes div.table-header .code,
#customs-doccodes div.table-container div.row .code {
    float: left;
    width: 50px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#customs-doccodes div.table-header .description,
#customs-doccodes div.table-container div.row .description {
    float: left;
    width: 405px;
    padding: 0 20px 8px 0;
}

#customs-doccodes div.table-header .import,
#customs-doccodes div.table-header .export,
#customs-doccodes div.table-header .headerlevel,
#customs-doccodes div.table-header .itemlevel,
#customs-doccodes div.table-header .activestatus {
    float: left;
    width: 60px;
}

#customs-doccodes div.table-container div.row .import,
#customs-doccodes div.table-container div.row .export,
#customs-doccodes div.table-container div.row .headerlevel,
#customs-doccodes div.table-container div.row .itemlevel,
#customs-doccodes div.table-container div.row .activestatus {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customs-doccodes div.table-container div.row .import.no,
#customs-doccodes div.table-container div.row .export.no,
#customs-doccodes div.table-container div.row .headerlevel.no,
#customs-doccodes div.table-container div.row .itemlevel.no,
#customs-doccodes div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#customs-doccodes div.table-container div.row .import.yes,
#customs-doccodes div.table-container div.row .export.yes,
#customs-doccodes div.table-container div.row .headerlevel.yes,
#customs-doccodes div.table-container div.row .itemlevel.yes,
#customs-doccodes div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Customs Admin - Doc Code Statuses
-----------------------------------------------------------------------------*/
#customs-doccodestatuses div.table-header .code,
#customs-doccodestatuses div.table-container div.row .code {
    float: left;
    width: 50px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#customs-doccodestatuses div.table-header .description,
#customs-doccodestatuses div.table-container div.row .description {
    float: left;
    width: 645px;
    padding: 0 20px 8px 0;
}

#customs-doccodestatuses div.table-header .activestatus {
    float: left;
    width: 60px;
}

#customs-doccodestatuses div.table-container div.row .activestatus {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customs-doccodestatuses div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#customs-doccodestatuses div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Customs Admin - Declaration Types
-----------------------------------------------------------------------------*/
#customs-declarationtypes div.table-header .code,
#customs-declarationtypes div.table-container div.row .code {
    float: left;
    width: 50px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#customs-declarationtypes div.table-header .type,
#customs-declarationtypes div.table-container div.row .type {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#customs-declarationtypes div.table-header .description,
#customs-declarationtypes div.table-container div.row .description {
    float: left;
    width: 595px;
    padding: 0 20px 8px 0;
}

#customs-declarationtypes div.table-header .activestatus {
    float: left;
    width: 60px;
}

#customs-declarationtypes div.table-container div.row .activestatus {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customs-declarationtypes div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#customs-declarationtypes div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Customs Admin - Valuation Methods
-----------------------------------------------------------------------------*/
#customs-valuationmethods div.table-header .code,
#customs-valuationmethods div.table-container div.row .code {
    float: left;
    width: 50px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#customs-valuationmethods div.table-header .description,
#customs-valuationmethods div.table-container div.row .description {
    float: left;
    width: 645px;
    padding: 0 20px 8px 0;
}

#customs-valuationmethods div.table-header .activestatus {
    float: left;
    width: 60px;
}

#customs-valuationmethods div.table-container div.row .activestatus {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customs-valuationmethods div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#customs-valuationmethods div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Customs Admin - Valuation Method Codes
-----------------------------------------------------------------------------*/
#customs-valuationmethodcodes div.table-header .code,
#customs-valuationmethodcodes div.table-container div.row .code {
    float: left;
    width: 50px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#customs-valuationmethodcodes div.table-header .description,
#customs-valuationmethodcodes div.table-container div.row .description {
    float: left;
    width: 645px;
    padding: 0 20px 8px 0;
}

#customs-valuationmethodcodes div.table-header .activestatus {
    float: left;
    width: 60px;
}

#customs-valuationmethodcodes div.table-container div.row .activestatus {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customs-valuationmethodcodes div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#customs-valuationmethodcodes div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Customs Admin - Doc Types and Classes
-----------------------------------------------------------------------------*/
#customs-doctypes div.table-header .code,
#customs-doctypes div.table-container div.row .code {
    float: left;
    width: 50px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#customs-doctypes div.table-header .description,
#customs-doctypes div.table-container div.row .description {
    float: left;
    width: 325px;
    padding: 0 20px 8px 0;
}

#customs-doctypes div.table-header .importclasses,
#customs-doctypes div.table-container div.row .importclasses,
#customs-doctypes div.table-header .exportclasses,
#customs-doctypes div.table-container div.row .exportclasses {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#customs-doctypes div.table-header .import,
#customs-doctypes div.table-header .export,
#customs-doctypes div.table-header .activestatus {
    float: left;
    width: 60px;
}

#customs-doctypes div.table-container div.row .import,
#customs-doctypes div.table-container div.row .export,
#customs-doctypes div.table-container div.row .activestatus {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customs-doctypes div.table-container div.row .import.no,
#customs-doctypes div.table-container div.row .export.no,
#customs-doctypes div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#customs-doctypes div.table-container div.row .import.yes,
#customs-doctypes div.table-container div.row .export.yes,
#customs-doctypes div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Customs Admin - Tax Type Codes
-----------------------------------------------------------------------------*/
#customs-taxtypecodes div.table-header .code,
#customs-taxtypecodes div.table-container div.row .code {
    float: left;
    width: 50px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#customs-taxtypecodes div.table-header .description,
#customs-taxtypecodes div.table-container div.row .description {
    float: left;
    width: 645px;
    padding: 0 20px 8px 0;
}

#customs-taxtypecodes div.table-header .activestatus {
    float: left;
    width: 60px;
}

#customs-taxtypecodes div.table-container div.row .activestatus {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customs-taxtypecodes div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#customs-taxtypecodes div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Customs Admin - Tax Rates
-----------------------------------------------------------------------------*/
#customs-taxrates div.table-header .code,
#customs-taxrates div.table-container div.row .code {
    float: left;
    width: 50px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#customs-taxrates div.table-header .description,
#customs-taxrates div.table-container div.row .description {
    float: left;
    width: 645px;
    padding: 0 20px 8px 0;
}

#customs-taxrates div.table-header .activestatus {
    float: left;
    width: 60px;
}

#customs-taxrates div.table-container div.row .activestatus {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customs-taxrates div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#customs-taxrates div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Customs Admin - Tax Override Codes
-----------------------------------------------------------------------------*/
#customs-taxoverridecodes div.table-header .code,
#customs-taxoverridecodes div.table-container div.row .code {
    float: left;
    width: 50px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#customs-taxoverridecodes div.table-header .description,
#customs-taxoverridecodes div.table-container div.row .description {
    float: left;
    width: 645px;
    padding: 0 20px 8px 0;
}

#customs-taxoverridecodes div.table-header .activestatus {
    float: left;
    width: 60px;
}

#customs-taxoverridecodes div.table-container div.row .activestatus {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customs-taxoverridecodes div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#customs-taxoverridecodes div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Customs Admin - Tax MOPs
-----------------------------------------------------------------------------*/
#customs-taxmops div.table-header .code,
#customs-taxmops div.table-container div.row .code {
    float: left;
    width: 50px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#customs-taxmops div.table-header .description,
#customs-taxmops div.table-container div.row .description {
    float: left;
    width: 645px;
    padding: 0 20px 8px 0;
}

#customs-taxmops div.table-header .activestatus {
    float: left;
    width: 60px;
}

#customs-taxmops div.table-container div.row .activestatus {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customs-taxmops div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#customs-taxmops div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Warehouse Tariffs
-----------------------------------------------------------------------------*/
#warehousetariffs div.table-header .warehousetarifftype,
#warehousetariffs div.table-container div.row .warehousetarifftype {
    float: left;
    width: 55px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#warehousetariffs div.table-header .tarifftype,
#warehousetariffs div.table-container div.row .tarifftype {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
}

#warehousetariffs div.table-header .unittype,
#warehousetariffs div.table-container div.row .unittype {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
}

#warehousetariffs div.table-header .pertime,
#warehousetariffs div.table-container div.row .pertime {
    float: left;
    width: 45px;
    padding: 0 0 8px 0;
}

#warehousetariffs div.table-header .freetime,
#warehousetariffs div.table-container div.row .freetime {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#warehousetariffs div.table-header .revenue {
    float: left;
    width: 75px;
    padding: 0 0 8px 10px;
    text-align: right;
}

#warehousetariffs div.table-container div.row .revenuecurrency {
    float: left;
    width: 25px;
    padding: 0 0 8px 10px;
}

#warehousetariffs div.table-container div.row .revenueamount {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
    text-align: right;
}

#warehousetariffs div.table-container div.row .notariffs {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Select Warehouse Stock
-----------------------------------------------------------------------------*/
#select-warehousestock div.table-header .stockreference,
#select-warehousestock div.table-container div.row .stockreference {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#select-warehousestock div.table-header .client,
#select-warehousestock div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#select-warehousestock div.table-header .packages,
#select-warehousestock div.table-container div.row .packages {
    float: left;
    width: 90px;
    padding: 0 4px 8px 0;
}

#select-warehousestock div.table-header .reeferhazmat,
#select-warehousestock div.table-container div.row .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 5px 0 0;
}

#select-warehousestock div.table-header .cargo,
#select-warehousestock div.table-container div.row .cargo {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#select-warehousestock div.table-header .weight,
#select-warehousestock div.table-container div.row .weight {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#select-warehousestock div.table-header .status {
    float: left;
    width: 90px;
}

#select-warehousestock div.table-container div.row .status {
    float: left;
    width: 70px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#select-warehousestock div.table-container div.row .status.pending {
    background-position: 0 1px;
}

#select-warehousestock div.table-container div.row .status.available {
    background-position: 0 -99px;
}

#select-warehousestock div.table-container div.row .status.loaded {
    background-position: 0 -49px;
}

#select-warehousestock div.table-header .storedsince,
#select-warehousestock div.table-container div.row .storedsince {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#select-warehousestock div.table-header .chargefrom,
#select-warehousestock div.table-container div.row .chargefrom {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#select-warehousestock div.table-header .credittill,
#select-warehousestock div.table-container div.row .credittill {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#select-warehousestock div.table-header .chargedtill,
#select-warehousestock div.table-container div.row .chargedtill {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#select-warehousestock div.table-header .storedtill,
#select-warehousestock div.table-container div.row .storedtill {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#select-warehousestock div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Select Warehouse Tariffs
-----------------------------------------------------------------------------*/
#select-warehousetariffs {
    width: 600px;
    position: relative;
    margin-top: 15px;
}

#select-warehousetariffs label {
    cursor: pointer;
}

#select-warehousetariffs div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#select-warehousetariffs div.table-container {
    display: inline-block;
}

#select-warehousetariffs div.table-container p {
    padding-bottom: 0px;
}

#select-warehousetariffs div.table-header .stockreference,
#select-warehousetariffs div.table-container div.row .stockreference {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#select-warehousetariffs div.table-header .tarifftype,
#select-warehousetariffs div.table-container div.row .tarifftype {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#select-warehousetariffs div.table-header .unittype,
#select-warehousetariffs div.table-container div.row .unittype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#select-warehousetariffs div.table-header .pertime,
#select-warehousetariffs div.table-container div.row .pertime {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#select-warehousetariffs div.table-header .information,
#select-warehousetariffs div.table-container div.row .information {
    float: left;
    width: 25px;
    padding: 0 0 7px 0;
}

#select-warehousetariffs div.table-header .from,
#select-warehousetariffs div.table-container div.row .from {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#select-warehousetariffs div.table-header .till,
#select-warehousetariffs div.table-container div.row .till {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#select-warehousetariffs div.table-header .amount {
    float: left;
    width: 85px;
    text-align: right;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#select-warehousetariffs div.table-container div.row .amount {
    float: left;
    width: 63px;
    text-align: right;
    padding: 0 0 8px 0;
}

#select-warehousetariffs div.table-container div.row .currency {
    float: left;
    width: 22px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Warehouse Invoice Tariffs
-----------------------------------------------------------------------------*/
#warehouseinvoicetariffs div.table-header .date,
#warehouseinvoicetariffs div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#warehouseinvoicetariffs div.table-header .invoicenumber,
#warehouseinvoicetariffs div.table-container div.row .invoicenumber {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#warehouseinvoicetariffs div.table-header .stockreference,
#warehouseinvoicetariffs div.table-container div.row .stockreference {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#warehouseinvoicetariffs div.table-header .tarifftype,
#warehouseinvoicetariffs div.table-container div.row .tarifftype {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#warehouseinvoicetariffs div.table-header .unittype,
#warehouseinvoicetariffs div.table-container div.row .unittype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#warehouseinvoicetariffs div.table-header .pertime,
#warehouseinvoicetariffs div.table-container div.row .pertime {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#warehouseinvoicetariffs div.table-header .from,
#warehouseinvoicetariffs div.table-container div.row .from {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#warehouseinvoicetariffs div.table-header .till,
#warehouseinvoicetariffs div.table-container div.row .till {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#warehouseinvoicetariffs div.table-header .amount {
    float: left;
    width: 85px;
    text-align: right;
    padding: 0 0 8px 0;
}

#warehouseinvoicetariffs div.table-container div.row .amount {
    float: left;
    width: 63px;
    text-align: right;
    padding: 0 0 8px 0;
}

#warehouseinvoicetariffs div.table-container div.row .currency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#warehouseinvoicetariffs div.table-container div.row.total {
    background-color: #f1f1f1;
    font-weight: bold;
}

#warehouseinvoicetariffs div.table-container div.row .label {
    float: left;
    width: 100px;
    margin-left: 370px;
    padding: 0 0 8px 0;
}

#warehouseinvoicetariffs div.table-container div.row .nowarehousetariffs {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Planboard Reservations
-----------------------------------------------------------------------------*/
#planboardreservations div.table-header .date,
#planboardreservations div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#planboardreservations div.table-header .client,
#planboardreservations div.table-container div.row .client {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#planboardreservations div.table-header .clientreference,
#planboardreservations div.table-container div.row .clientreference {
    float: left;
    width: 125px;
    padding: 0 5px 8px 0;
}

#planboardreservations div.table-header .dossiertype,
#planboardreservations div.table-container div.row .dossiertype {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#planboardreservations div.table-header .containerspackages,
#planboardreservations div.table-container div.row .containerspackages {
    float: left;
    width: 150px;
    padding: 0 0 8px 0;
}

#planboardreservations div.table-container div.row .containerspackages p {
    padding: 0px;
}

#planboardreservations div.table-header .customs {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#planboardreservations div.table-container div.row .customs {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#planboardreservations div.table-container div.row .customs.no {
    background-position: 0 1px;
}

#planboardreservations div.table-container div.row .customs.yes {
    background-position: 0 -99px;
}

#planboardreservations div.table-header .attachments {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#planboardreservations div.table-container div.row .attachments {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#planboardreservations div.table-container div.row .attachments.no {
    background-position: 0 1px;
}

#planboardreservations div.table-container div.row .attachments.yes {
    background-position: 0 -99px;
}

#planboardreservations div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Demurrage Tariffs
-----------------------------------------------------------------------------*/
#demurragetariffs div.table-header .carrier,
#demurragetariffs div.table-container div.row .carrier {
    float: left;
    width: 65px;
    margin-left: 30px;
    padding: 0 0 7px 0;
}

#demurragetariffs div.table-header .containertype,
#demurragetariffs div.table-container div.row .containertype {
    float: left;
    width: 105px;
    padding: 0 5px 8px 0;
}

#demurragetariffs div.table-header .port,
#demurragetariffs div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#demurragetariffs div.table-header .porttype,
#demurragetariffs div.table-container div.row .porttype {
    float: left;
    width: 45px;
    padding: 0 0 7px 0;
}

#demurragetariffs div.table-header .carriercontractnumber,
#demurragetariffs div.table-container div.row .carriercontractnumber {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#demurragetariffs div.table-header .validfrom,
#demurragetariffs div.table-container div.row .validfrom {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#demurragetariffs div.table-header .validtill,
#demurragetariffs div.table-container div.row .validtill {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#demurragetariffs div.table-header .demurrage {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#demurragetariffs div.table-header .rent {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#demurragetariffs div.table-header .plugin {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#demurragetariffs div.table-container div.row .demurrage {
    float: left;
    width: 60px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#demurragetariffs div.table-container div.row .rent {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#demurragetariffs div.table-container div.row .plugin {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#demurragetariffs div.table-container div.row .demurrage.no,
#demurragetariffs div.table-container div.row .rent.no,
#demurragetariffs div.table-container div.row .plugin.no {
    background-position: 0 1px;
}

#demurragetariffs div.table-container div.row .demurrage.yes,
#demurragetariffs div.table-container div.row .rent.yes,
#demurragetariffs div.table-container div.row .plugin.yes {
    background-position: 0 -99px;
}

#demurragetariffs div.table-header .clients,
#demurragetariffs div.table-container div.row .clients {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#demurragetariffs div.table-container div.row .no-tariffs {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#demurragetariffs div.table-container div.row .no-tariffs-dossier {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Demurrage Tariffs Table
-----------------------------------------------------------------------------*/
div.demurragetariffstable {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.demurragetariffstable h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.demurragetariffstable div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.demurragetariffstable div.table-container {
    display: inline-block;
}

div.demurragetariffstable div.table-header .tier {
    float: left;
    width: 35px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.demurragetariffstable div.table-container div.tariffrow .tier {
    float: left;

    width: 35px;
    margin-left: 15px;
    padding: 10px 0 11px 0;
}

div.demurragetariffstable div.table-header .days,
div.demurragetariffstable div.table-container div.tariffrow .days {
    float: left;
    width: 73px;
}

div.demurragetariffstable div.table-header .fromday,
div.demurragetariffstable div.table-container div.tariffrow .fromday {
    float: left;
    width: 55px;
}

div.demurragetariffstable div.table-header .tillday,
div.demurragetariffstable div.table-container div.tariffrow .tillday {
    float: left;
    width: 55px;
}

div.demurragetariffstable div.table-header .costsperday,
div.demurragetariffstable div.table-container div.tariffrow .costsperday {
    float: left;
    width: 150px;
}

div.demurragetariffstable div.table-header .revenueperday,
div.demurragetariffstable div.table-container div.tariffrow .revenueperday {
    float: left;
    width: 150px;
}


div.tariffrow {
    width: 600px;
    position: relative;
    display: inline-block;
    background-color: #f7f7f7;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ffffff;
    float: left;
}

div.tariffrow:hover,
div.tariffrow.highlight {
    background-color: #f1f1f1;
}

div.tariffrow .validation {
    float: left;
    margin-right: 15px;
    height: auto;
}

div.tariffrow div.validation div.validation-notice {
    margin-top: 11px;
}

div.tariffrow .tinyspacing {
    margin-right: 5px;
}

div.tariffrow div.postfix-container div.postfix {
    padding: 10px 5px 0 0;
}

div.table-container div.tariffrow .buttoncontainer {
    float: right;
    height: 16px;
    margin-top: -3px;
    padding: 12px 5px 6px 0;
}

div.table-container div.tariffrow .buttoncontainer a {
    float: left;
    margin-right: 10px;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

span.tablehelp {
    float: left;
}


/* Demurrage Tariffs Table Overview
-----------------------------------------------------------------------------*/
div.demurragetariffsoverview {
    position: relative;
    width: 600px;
    margin-top: 5px;
}

div.demurragetariffsoverview div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.demurragetariffsoverview div.table-container {
    display: inline-block;
}

div.demurragetariffsoverview div.table-header .tier,
div.demurragetariffsoverview div.table-container div.row .tier {
    float: left;
    width: 35px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.demurragetariffsoverview div.table-header .days,
div.demurragetariffsoverview div.table-container div.row .days {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

div.demurragetariffsoverview div.table-header .fromday,
div.demurragetariffsoverview div.table-container div.row .fromday {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

div.demurragetariffsoverview div.table-header .tillday,
div.demurragetariffsoverview div.table-container div.row .tillday {
    float: left;
    width: 206px;
    padding: 0 0 8px 0;
}

div.demurragetariffsoverview div.table-header div.costsperday {
    float: left;
    width: 87px;
    text-align: right;
}

div.demurragetariffsoverview div.table-container div.row .costsperdaycurrency {
    float: left;
    width: 22px;
    margin-left: 10px;
}

div.demurragetariffsoverview div.table-container div.row .costsperday {
    float: left;
    width: 55px;
    text-align: right;
}

div.demurragetariffsoverview div.table-header div.revenueperday {
    float: left;
    width: 107px;
    text-align: right;
}

div.demurragetariffsoverview div.table-container div.row .revenueperdaycurrency {
    float: left;
    width: 22px;
    margin-left: 30px;
}

div.demurragetariffsoverview div.table-container div.row .revenueperday {
    float: left;
    width: 55px;
    text-align: right;
}


/* Demurrage Container dates
-----------------------------------------------------------------------------*/
div.demurragecontainerdates {
    position: relative;
    width: 600px;
}

div.demurragecontainerdates div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.demurragecontainerdates div.table-container {
    display: inline-block;
}

div.demurragecontainerdates div.table-header .containernumber,
div.demurragecontainerdates div.table-container div.row .containernumber {
    float: left;
    width: 90px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

div.demurragecontainerdates div.table-header .containertype,
div.demurragecontainerdates div.table-container div.row .containertype {
    float: left;
    width: 105px;
    padding: 0 5px 8px 0;
}

div.demurragecontainerdates div.table-header .date-pickup,
div.demurragecontainerdates div.table-header .date-gatein,
div.demurragecontainerdates div.table-header .date-atd,
div.demurragecontainerdates div.table-header .date-ata,
div.demurragecontainerdates div.table-header .date-unloaded,
div.demurragecontainerdates div.table-header .date-gateout,
div.demurragecontainerdates div.table-header .date-returned,
div.demurragecontainerdates div.table-container div.row .date-pickup,
div.demurragecontainerdates div.table-container div.row .date-gatein,
div.demurragecontainerdates div.table-container div.row .date-atd,
div.demurragecontainerdates div.table-container div.row .date-ata,
div.demurragecontainerdates div.table-container div.row .date-unloaded,
div.demurragecontainerdates div.table-container div.row .date-gateout,
div.demurragecontainerdates div.table-container div.row .date-returned {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}


/* Edit Demurrage Container dates
-----------------------------------------------------------------------------*/
div.demurragecontainerdates.editable div.table-header .containernumber,
div.demurragecontainerdates.editable div.table-container div.row .containernumber {
    margin-left: 15px;
    padding: 1px 0 8px 0;
}

div.demurragecontainerdates div.table-header .editdate {
    float: left;
    width: 123px;
    padding: 0 0 8px 0;
}

div.demurragecontainerdates div.table-container div.row .editdate {
    float: left;
    width: 123px;
    margin-top: -1px;
    padding: 0px;
    line-height: normal !important;
}

div.demurragecontainerdates.editable div.table-container div.row .noresults {
    margin-left: 15px;
    padding: 0 0 8px 0;
    width: 570px;
}


/* Demurrage Day calculation
-----------------------------------------------------------------------------*/
div.demurragedaycalculation div.table-header .containernumber,
div.demurragedaycalculation div.table-container div.row .containernumber {
    float: left;
    width: 90px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.demurragedaycalculation div.table-header .containertype,
div.demurragedaycalculation div.table-container div.row .containertype {
    float: left;
    width: 105px;
    padding: 0 5px 8px 0;
}

div.demurragedaycalculation div.table-header .type,
div.demurragedaycalculation div.table-container div.row .type {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

div.demurragedaycalculation div.table-header .freedays,
div.demurragedaycalculation div.table-container div.row .freedays {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

div.demurragedaycalculation div.table-header .totaldays,
div.demurragedaycalculation div.table-container div.row .totaldays {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

div.demurragedaycalculation div.table-header .chargeabledays,
div.demurragedaycalculation div.table-container div.row .chargeabledays {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

div.demurragedaycalculation div.table-container div.row.costsandrevenue {
    background-color: #f1f1f1;
    font-weight: bold;
}

div.demurragedaycalculation div.table-container div.row .label {
    float: left;
    width: 300px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

div.demurragedaycalculation div.table-container div.row .costscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

div.demurragedaycalculation div.table-container div.row .costs {
    float: left;
    width: 63px;
    text-align: right;
    padding: 0 0 8px 0;
}

div.demurragedaycalculation div.table-container div.row .revenuecurrency {
    float: left;
    width: 22px;
    margin-left: 50px;
    padding: 0 0 8px 0;
}

div.demurragedaycalculation div.table-container div.row .revenue {
    float: left;
    width: 63px;
    text-align: right;
    padding: 0 0 8px 0;
}


/* Dossier Status Events
-----------------------------------------------------------------------------*/
#dossierstatusevents div.table-header .date,
#dossierstatusevents div.table-container div.row .date {
    float: left;
    width: 75px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#dossierstatusevents div.table-header .statusevent,
#dossierstatusevents div.table-container div.row .statusevent {
    float: left;
    width: 200px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#dossierstatusevents div.table-container div.row .statusevent {
    text-transform: uppercase;
}

#dossierstatusevents div.table-header .location,
#dossierstatusevents div.table-container div.row .location {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#dossierstatusevents div.table-header .containers,
#dossierstatusevents div.table-container div.row .containers {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#dossierstatusevents div.table-header .eta,
#dossierstatusevents div.table-container div.row .eta {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#dossierstatusevents div.table-container div.row .nostatusevents {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Container Status Events
-----------------------------------------------------------------------------*/
#containerstatusevents div.table-header .date,
#containerstatusevents div.table-container div.row .date {
    float: left;
    width: 115px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#containerstatusevents div.table-header .statusevent,
#containerstatusevents div.table-container div.row .statusevent {
    float: left;
    width: 200px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#containerstatusevents div.table-container div.row .statusevent {
    text-transform: uppercase;
}

#containerstatusevents div.table-header .location,
#containerstatusevents div.table-container div.row .location {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#containerstatusevents div.table-header .containers,
#containerstatusevents div.table-container div.row .containers {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#containerstatusevents div.table-header .vessel,
#containerstatusevents div.table-container div.row .vessel {
    float: left;
    width: 165px;
    padding: 0 0 8px 0;
}

#containerstatusevents div.table-container div.row .nostatusevents {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Transport Confirmation - Addresses
-----------------------------------------------------------------------------*/
#transport-addresses {
    position: relative;
    width: 600px;
    margin-top: 15px;
}

#transport-addresses.view {
    margin-top: 0px;
}

#transport-addresses div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

#transport-addresses div.table-container {
    display: inline-block;
}

#transport-addresses div.table-header .transportorder,
#transport-addresses div.table-container div.row .transportorder {
    float: left;
    width: 35px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#transport-addresses.view div.table-header .transportorder,
#transport-addresses.view div.table-container div.row .transportorder {
    margin-left: 15px;
}

#transport-addresses div.table-header .addresstype,
#transport-addresses div.table-container div.row .addresstype {
    float: left;
    width: 140px;
    padding: 0 0 8px 0;
}

#transport-addresses div.table-header .address,
#transport-addresses div.table-container div.row .address {
    float: left;
    width: 255px;
    padding: 0 10px 8px 0;
}

#transport-addresses div.table-container div.row .address {
    text-transform: uppercase;
}

#transport-addresses div.table-header .reference,
#transport-addresses div.table-container div.row .reference {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}


/* Purchase Tariffs - Dossier Tariffs
-----------------------------------------------------------------------------*/
#purchasetariffdossiertariffs div.table-header .dossier,
#purchasetariffdossiertariffs div.table-container div.row .dossier {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#purchasetariffdossiertariffs div.table-header .creditor,
#purchasetariffdossiertariffs div.table-container div.row .creditor {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#purchasetariffdossiertariffs div.table-header .debtor,
#purchasetariffdossiertariffs div.table-container div.row .debtor {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#purchasetariffdossiertariffs div.table-header .quantity,
#purchasetariffdossiertariffs div.table-container div.row .quantity {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

#purchasetariffdossiertariffs div.table-header .costs {
    float: left;
    width: 107px;
    text-align: right;
}

#purchasetariffdossiertariffs div.table-container div.row .costsamount {
    float: left;
    width: 65px;
    text-align: right;
}

#purchasetariffdossiertariffs div.table-container div.row .costscurrency {
    float: left;
    width: 22px;
    margin-left: 20px;
}

#purchasetariffdossiertariffs div.table-header .revenue {
    float: left;
    width: 107px;
    text-align: right;
}

#purchasetariffdossiertariffs div.table-container div.row .revenueamount {
    float: left;
    width: 65px;
    text-align: right;
}

#purchasetariffdossiertariffs div.table-container div.row .revenuecurrency {
    float: left;
    width: 22px;
    margin-left: 20px;
}

#purchasetariffdossiertariffs div.table-container div.row .nodossiertariffs {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Transport Confirmations - Overviews
-----------------------------------------------------------------------------*/
#transportconfirmations div.table-header .dossier,
#transportconfirmations div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding: 0 0 8px 0;
}

#transportconfirmations div.table-header .sequence,
#transportconfirmations div.table-container div.row .sequence {
    float: left;
    width: 35px;
    padding: 0 0 8px 0;
}

#transportconfirmations div.table-header .company,
#transportconfirmations div.table-container div.row .company {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#transportconfirmations div.table-header .companycontact,
#transportconfirmations div.table-container div.row .companycontact {
    float: left;
    width: 100px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#transportconfirmations div.table-header .clientreference,
#transportconfirmations div.table-container div.row .clientreference {
    float: left;
    width: 115px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#transportconfirmations div.table-header .dossiertype,
#transportconfirmations div.table-container div.row .dossiertype {
    float: left;
    width: 90px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#transportconfirmations div.table-header .containerspackages,
#transportconfirmations div.table-container div.row .containerspackages {
    float: left;
    width: 125px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#transportconfirmations div.table-container div.row .containerspackages p {
    padding: 0px !important;
}

#transportconfirmations div.table-header .revised {
    float: left;
    width: 70px;
}

#transportconfirmations div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#transportconfirmations div.table-container div.row .revised span {
    color: #888888;
}

#transportconfirmations div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#transportconfirmations div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* Descartes Customs - Confirmed files
-----------------------------------------------------------------------------*/
#customs-entries-confirmed-files div.table-header .date,
#customs-entries-confirmed-files div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
}

#customs-entries-confirmed-files div.table-header .visibility,
#customs-entries-confirmed-files div.table-container div.row .visibility {
    float: left;
    width: 21px;
    height: 16px;
    margin-top: 2px;
}

#customs-entries-confirmed-files div.table-header .status,
#customs-entries-confirmed-files div.table-container div.row .status {
    float: left;
    width: 50px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#customs-entries-confirmed-files div.table-header .filetype,
#customs-entries-confirmed-files div.table-container div.row .filetype {
    float: left;
    width: 110px;
    padding-bottom: 8px;
}

#customs-entries-confirmed-files div.table-header .filename,
#customs-entries-confirmed-files div.table-container div.row .filename {
    float: left;
    width: 250px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}


/* XML Communication
-----------------------------------------------------------------------------*/
#senddossierxmlmessages div.table-header .dossier,
#senddossierxmlmessages div.table-container div.row .dossier {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#senddossierxmlmessages div.table-header .carrier,
#senddossierxmlmessages div.table-container div.row .carrier {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#senddossierxmlmessages div.table-header .vessel,
#senddossierxmlmessages div.table-container div.row .vessel {
    float: left;
    width: 125px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#senddossierxmlmessages div.table-header .port,
#senddossierxmlmessages div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#senddossierxmlmessages div.table-header .etseta,
#senddossierxmlmessages div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#senddossierxmlmessages div.table-header .ctrs,
#senddossierxmlmessages div.table-container div.row .ctrs {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#senddossierxmlmessages div.table-header .sent {
    float: left;
    width: 60px;
}

#senddossierxmlmessages div.table-container div.row .sent {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#senddossierxmlmessages div.table-container div.row .sent.no {
    background-position: 0 1px;
}

#senddossierxmlmessages div.table-container div.row .sent.yes {
    background-position: 0 -99px;
}

#senddossierxmlmessages div.table-header .updatesent {
    float: left;
    width: 80px;
}

#senddossierxmlmessages div.table-container div.row .updatesent {
    float: left;
    width: 60px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#senddossierxmlmessages div.table-container div.row .updatesent span {
    color: #888888;
}

#senddossierxmlmessages div.table-container div.row .updatesent.no {
    background-position: 0 1px;
}

#senddossierxmlmessages div.table-container div.row .updatesent.yes {
    background-position: 0 -99px;
}

#senddossierxmlmessages div.table-container div.row .nodossiers {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#senddossierxmlmessages div.table-header .xmlsentdatetime,
#senddossierxmlmessages div.table-container div.row .xmlsentdatetime {
    float: left;
    width: 100px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#senddossierxmlmessages div.table-header .xmltype,
#senddossierxmlmessages div.table-container div.row .xmltype {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#senddossierxmlmessages div.table-container div.row .xmltype span {
    color: #888888;
}

#senddossierxmlmessages.history div.table-header .dossier,
#senddossierxmlmessages.history div.table-container div.row .dossier {
    margin-left: 0px;
}

#senddossierxmlmessages.history div.table-header .ctrs,
#senddossierxmlmessages.history div.table-container div.row .ctrs {
    width: 40px;
}

#senddossierxmlmessages div.table-container div.row .noxmlmessages {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Combined Shipping Instructions | Selected Dossiers
-----------------------------------------------------------------------------*/
#combinedsidossiers {
    width: 600px;
    position: relative;
    margin-top: 25px;
    position: relative;
    width: 600px;
}

#combinedsidossiers.view {
    margin-top: 0px;
}

#combinedsidossiers h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

#combinedsidossiers div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#combinedsidossiers div.table-container {
    display: inline-block;
}

#combinedsidossiers div.table-container p {
    padding-bottom: 0px;
}

#combinedsidossiers div.table-header .dossier,
#combinedsidossiers div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

#combinedsidossiers.notoggle div.table-header .dossier,
#combinedsidossiers.notoggle div.table-container div.row .dossier {
    margin-left: 15px;
}

#combinedsidossiers div.table-header .client,
#combinedsidossiers div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#combinedsidossiers div.table-header .clientreference,
#combinedsidossiers div.table-container div.row .clientreference {
    float: left;
    width: 150px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#combinedsidossiers div.table-header .containers,
#combinedsidossiers div.table-container div.row .containers {
    float: left;
    width: 145px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#combinedsidossiers div.table-header .detailsavailable {
    float: left;
    width: 80px;
}

#combinedsidossiers div.table-container div.row .detailsavailable {
    float: left;
    width: 60px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#combinedsidossiers div.table-container div.row .detailsavailable span {
    color: #888888;
}

#combinedsidossiers div.table-container div.row .detailsavailable.no {
    background-position: 0 1px;
}

#combinedsidossiers div.table-container div.row .detailsavailable.yes {
    background-position: 0 -99px;
}

#combinedsidossiers div.table-container div.row .nodossiers {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#combinedsidossiers.notoggle div.table-container div.row .nodossiers {
    width: 570px;
    margin-left: 15px;
}


/* Combined Shipping Instructions | Select Dossiers
-----------------------------------------------------------------------------*/
#selectcombinedsidossiers div.table-container p {
    padding-bottom: 0px;
}

#selectcombinedsidossiers div.table-header .dossier,
#selectcombinedsidossiers div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

#selectcombinedsidossiers div.table-header .client,
#selectcombinedsidossiers div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#selectcombinedsidossiers div.table-header .clientreference,
#selectcombinedsidossiers div.table-container div.row .clientreference {
    float: left;
    width: 150px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#selectcombinedsidossiers div.table-header .carrier,
#selectcombinedsidossiers div.table-container div.row .carrier {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#selectcombinedsidossiers div.table-header .carrierbookingnumber,
#selectcombinedsidossiers div.table-container div.row .carrierbookingnumber {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#selectcombinedsidossiers div.table-header .port,
#selectcombinedsidossiers div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#selectcombinedsidossiers div.table-header .ets,
#selectcombinedsidossiers div.table-container div.row .ets {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#selectcombinedsidossiers div.table-header .containers,
#selectcombinedsidossiers div.table-container div.row .containers {
    float: left;
    width: 125px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#selectcombinedsidossiers div.table-header .detailsavailable {
    float: left;
    width: 80px;
}

#selectcombinedsidossiers div.table-container div.row .detailsavailable {
    float: left;
    width: 60px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#selectcombinedsidossiers div.table-container div.row .detailsavailable span {
    color: #888888;
}

#selectcombinedsidossiers div.table-container div.row .detailsavailable.no {
    background-position: 0 1px;
}

#selectcombinedsidossiers div.table-container div.row .detailsavailable.yes {
    background-position: 0 -99px;
}

#selectcombinedsidossiers div.table-container div.row .nodossiers {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* AGS Customs Admin - AGS Customs Codes
-----------------------------------------------------------------------------*/
#agscustomscodes div.table-header .table,
#agscustomscodes div.table-container div.row .table {
    float: left;
    width: 50px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#agscustomscodes div.table-header .tabledescription,
#agscustomscodes div.table-container div.row .tabledescription {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#agscustomscodes div.table-header .code,
#agscustomscodes div.table-container div.row .code {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#agscustomscodes div.table-header .description,
#agscustomscodes div.table-container div.row .description {
    float: left;
    width: 440px;
    padding: 0 20 8px 0;
}

#agscustomscodes div.table-header .activestatus {
    float: left;
    width: 60px;
}

#agscustomscodes div.table-container div.row .activestatus {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#agscustomscodes div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#agscustomscodes div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* AGS Customs Admin - AGS Customs Codes Selector
-----------------------------------------------------------------------------*/
#agscustomscodesselector {
    margin-top: 15px;
}

#agscustomscodesselector div.table-header {
    background: transparent url("../images/tableheader.png") no-repeat scroll 0 0;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
}

#agscustomscodesselector-overflowcontainer {
    width: 632px;
    max-height: 300px;
    overflow-y: auto;
}

#agscustomscodesselector div.table-header .code,
#agscustomscodesselector div.table-container div.row .code {
    float: left;
    width: 50px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#agscustomscodesselector div.table-header .description,
#agscustomscodesselector div.table-container div.row .description {
    float: left;
    width: 460px;
    padding: 0 0 8px 0;
}

#agscustomscodesselector div.table-container div.row .noresults {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px;
}


/* AGS Customs - Country Routing
-----------------------------------------------------------------------------*/
div.agscustoms-countryrouting {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.agscustoms-countryrouting.viewable {
    margin-top: 0px;
}

div.agscustoms-countryrouting h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.agscustoms-countryrouting p {
    padding: 0px !important;
}

div.agscustoms-countryrouting div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.agscustoms-countryrouting div.table-container {
    display: inline-block;
}

div.agscustoms-countryrouting div.table-header .countrycode,
div.agscustoms-countryrouting div.table-container div.row .countrycode {
    float: left;
    margin-left: 15px;
    width: 45px;
    padding: 0 0 8px 0;
}

div.agscustoms-countryrouting div.table-header .country,
div.agscustoms-countryrouting div.table-container div.row .country {
    float: left;
    width: 410px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.agscustoms-countryrouting div.table-container div.row .nocountries {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* AGS Customs - Additional Information
-----------------------------------------------------------------------------*/
div.agscustoms-additionalinformation {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.agscustoms-additionalinformation.viewable {
    margin-top: 0px;
}

div.agscustoms-additionalinformation h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.agscustoms-additionalinformation p {
    padding: 0px !important;
}

div.agscustoms-additionalinformation div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.agscustoms-additionalinformation div.table-container {
    display: inline-block;
}

div.agscustoms-additionalinformation div.table-header .type,
div.agscustoms-additionalinformation div.table-container div.row .type {
    float: left;
    margin-left: 15px;
    width: 45px;
    padding: 0 0 8px 0;
}

div.agscustoms-additionalinformation div.table-header .code,
div.agscustoms-additionalinformation div.table-container div.row .code {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

div.agscustoms-additionalinformation div.table-header .text,
div.agscustoms-additionalinformation div.table-container div.row .text {
    float: left;
    width: 410px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.agscustoms-additionalinformation div.table-container div.row .noadditionalinformation {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}

div.leftcolumn.agscustoms-additionalinformationtypecode .jquery-selectbox {
    float: left;
}

div.leftcolumn.agscustoms-additionalinformationtypecode .jquery-indexbox.xsmall {
    width: 83px;
}

div.leftcolumn.agscustoms-additionalinformationtypecode .jquery-indexbox .selectlist {
    left: 5px;
}


/* AGS Customs - Packages
-----------------------------------------------------------------------------*/
div.agscustoms-packages {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.agscustoms-packages.viewable {
    margin-top: 0px;
}

div.agscustoms-packages h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.agscustoms-packages p {
    padding: 0px !important;
}

div.agscustoms-packages div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.agscustoms-packages div.table-container {
    display: inline-block;
}

div.agscustoms-packages div.table-header .sequence,
div.agscustoms-packages div.table-container div.row .sequence {
    float: left;
    margin-left: 15px;
    width: 40px;
    padding: 0 0 8px 0;
}

div.agscustoms-packages div.table-header .quantity,
div.agscustoms-packages div.table-container div.row .quantity {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

div.agscustoms-packages div.table-header .packagetype,
div.agscustoms-packages div.table-container div.row .packagetype {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

div.agscustoms-packages div.table-header .marksandnumbers,
div.agscustoms-packages div.table-container div.row .marksandnumbers {
    float: left;
    width: 350px;
    padding: 0 0 8px 0;
}

div.agscustoms-packages div.table-container div.row .nopackages {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* AGS Customs - Containers
-----------------------------------------------------------------------------*/
div.agscustoms-containers {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.agscustoms-containers.viewable {
    margin-top: 0px;
}


div.agscustoms-containers h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.agscustoms-containers p {
    padding: 0px !important;
}

div.agscustoms-containers div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.agscustoms-containers div.table-container {
    display: inline-block;
}

div.agscustoms-containers div.table-header .sequence,
div.agscustoms-containers div.table-container div.row .sequence {
    float: left;
    margin-left: 15px;
    width: 40px;
    padding: 0 0 8px 0;
}

div.agscustoms-containers div.table-header .containernumber,
div.agscustoms-containers div.table-container div.row .containernumber {
    float: left;
    width: 350px;
    padding: 0 0 8px 0;
}

div.agscustoms-containers div.table-container div.row .nocontainers {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* AGS Customs - Previous Documents
-----------------------------------------------------------------------------*/
div.agscustoms-previousdocuments {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.agscustoms-previousdocuments.viewable {
    margin-top: 0px;
}


div.agscustoms-previousdocuments h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.agscustoms-previousdocuments p {
    padding: 0px !important;
}

div.agscustoms-previousdocuments div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.agscustoms-previousdocuments div.table-container {
    display: inline-block;
}

div.agscustoms-previousdocuments div.table-header .doccode,
div.agscustoms-previousdocuments div.table-container div.row .doccode {
    float: left;
    margin-left: 15px;
    width: 40px;
    padding: 0 0 8px 0;
}

div.agscustoms-previousdocuments div.table-header .doctype,
div.agscustoms-previousdocuments div.table-container div.row .doctype {
    float: left;
    width: 220px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

div.agscustoms-previousdocuments div.table-header .docclass,
div.agscustoms-previousdocuments div.table-container div.row .docclass {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

div.agscustoms-previousdocuments div.table-header .docreference,
div.agscustoms-previousdocuments div.table-container div.row .docreference {
    float: left;
    width: 170px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.agscustoms-previousdocuments div.table-container div.row .nopreviousdocs {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* AGS Customs - Additional Documents
-----------------------------------------------------------------------------*/
div.agscustoms-additionaldocuments {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.agscustoms-additionaldocuments.viewable {
    margin-top: 0px;
}


div.agscustoms-additionaldocuments h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.agscustoms-additionaldocuments p {
    padding: 0px !important;
}

div.agscustoms-additionaldocuments div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.agscustoms-additionaldocuments div.table-container {
    display: inline-block;
}

div.agscustoms-additionaldocuments div.table-header .doctype,
div.agscustoms-additionaldocuments div.table-container div.row .doctype {
    float: left;
    margin-left: 15px;
    width: 45px;
    padding: 0 0 8px 0;
}

div.agscustoms-additionaldocuments div.table-header .docreference,
div.agscustoms-additionaldocuments div.table-container div.row .docreference {
    float: left;
    width: 180px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

div.agscustoms-additionaldocuments div.table-header .docamount,
div.agscustoms-additionaldocuments div.table-container div.row .docamount {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.agscustoms-additionaldocuments div.table-header .docquantity,
div.agscustoms-additionaldocuments div.table-container div.row .docquantity {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.agscustoms-additionaldocuments div.table-container div.row .noadditionaldocs {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* AGS Customs - Valuation Adjustment
-----------------------------------------------------------------------------*/
div.agscustoms-valuationadjustment {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.agscustoms-valuationadjustment.viewable {
    margin-top: 0px;
}

div.agscustoms-valuationadjustment h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.agscustoms-valuationadjustment p {
    padding: 0px !important;
}

div.agscustoms-valuationadjustment div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.agscustoms-valuationadjustment div.table-container {
    display: inline-block;
}

div.agscustoms-valuationadjustment div.table-header .code,
div.agscustoms-valuationadjustment div.table-container div.row .code {
    float: left;
    margin-left: 15px;
    width: 45px;
    padding: 0 0 8px 0;
}

div.agscustoms-valuationadjustment div.table-header .description,
div.agscustoms-valuationadjustment div.table-container div.row .description {
    float: left;
    width: 305px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

div.agscustoms-valuationadjustment div.table-header .valuationadjustment,
div.agscustoms-valuationadjustment div.table-container div.row .valuationadjustment {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.agscustoms-valuationadjustment div.table-container div.row .novaluationadjustment{
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* AGS Customs Admin - Item Templates
-----------------------------------------------------------------------------*/
#agscustoms-itemtemplates div.table-header .hscode,
#agscustoms-itemtemplates div.table-container div.row .hscode {
    float: left;
    width: 85px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#agscustoms-itemtemplates div.table-header .client,
#agscustoms-itemtemplates div.table-container div.row .client {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#agscustoms-itemtemplates div.table-header .internalreference,
#agscustoms-itemtemplates div.table-container div.row .internalreference {
    float: left;
    width: 250px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#agscustoms-itemtemplates div.table-header .origin,
#agscustoms-itemtemplates div.table-container div.row .origin {
    float: left;
    width: 250px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}


/* AGS Customs - Overviews
-----------------------------------------------------------------------------*/
#agscustomsdeclarations div.table-header .dossier,
#agscustomsdeclarations div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding-bottom: 8px;
}

#agscustomsdeclarations div.table-header .sequence,
#agscustomsdeclarations div.table-container div.row .sequence {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

#agscustomsdeclarations div.table-header .client,
#agscustomsdeclarations div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#agscustomsdeclarations div.table-header .office,
#agscustomsdeclarations div.table-container div.row .office {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#agscustomsdeclarations div.table-header .declarationtype,
#agscustomsdeclarations div.table-container div.row .declarationtype {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#agscustomsdeclarations div.table-header .port,
#agscustomsdeclarations div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#agscustomsdeclarations div.table-header .etseta,
#agscustomsdeclarations div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#agscustomsdeclarations div.table-header .destination,
#agscustomsdeclarations div.table-container div.row .destination {
    float: left;
    width: 45px;
    padding: 0 0 7px 0;
}

#agscustomsdeclarations div.table-header .items,
#agscustomsdeclarations div.table-container div.row .items {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#agscustomsdeclarations div.table-header .status {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#agscustomsdeclarations div.table-container div.row .status {
    float: left;
    width: 80px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#agscustomsdeclarations div.table-container div.row .status.saved,
#agscustomsdeclarations div.table-container div.row .status.completed {
    background-position: 0 1px;
}

#agscustomsdeclarations div.table-container div.row .status.sent,
#agscustomsdeclarations div.table-container div.row .status.received,
#agscustomsdeclarations div.table-container div.row .status.accepted {
    background-position: 0 -49px;
}

#agscustomsdeclarations div.table-container div.row .status.cleared,
#agscustomsdeclarations div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#agscustomsdeclarations div.table-container div.row .status.rejected,
#agscustomsdeclarations div.table-container div.row .status.error,
#agscustomsdeclarations div.table-container div.row .status.cancelled {
    background-position: 0 -198px;
}

#agscustomsdeclarations div.table-container div.row .status.pending {
    background-position: 0 -249px;
}


/* AGS Customs - Status History
-----------------------------------------------------------------------------*/
div.agscustoms-statushistory {
    position: relative;
    width: 600px;
}

div.agscustoms-statushistory div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.agscustoms-statushistory div.table-container {
    display: inline-block;
}

div.agscustoms-statushistory div.table-header .date,
div.agscustoms-statushistory div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    width: 75px;
    padding: 0 0 8px 0;
}

div.agscustoms-statushistory div.table-header .time,
div.agscustoms-statushistory div.table-container div.row .time {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

div.agscustoms-statushistory div.table-header .oldstatus,
div.agscustoms-statushistory div.table-container div.row .oldstatus {
    float: left;
    width: 220px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.agscustoms-statushistory div.table-header .newstatus,
div.agscustoms-statushistory div.table-container div.row .newstatus {
    float: left;
    width: 220px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.agscustoms-statushistory div.table-container div.row .nochanges {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* AGS Customs - Message History
-----------------------------------------------------------------------------*/
div.agscustoms-messagehistory {
    position: relative;
    width: 600px;
}

div.agscustoms-messagehistory div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.agscustoms-messagehistory div.table-container {
    display: inline-block;
}

div.agscustoms-messagehistory div.table-header .date,
div.agscustoms-messagehistory div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    width: 75px;
    padding: 0 0 8px 0;
}

div.agscustoms-messagehistory div.table-header .time,
div.agscustoms-messagehistory div.table-container div.row .time {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

div.agscustoms-messagehistory div.table-header .inout,
div.agscustoms-messagehistory div.table-container div.row .inout {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

div.agscustoms-messagehistory div.table-header .message,
div.agscustoms-messagehistory div.table-container div.row .message {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

div.agscustoms-messagehistory div.table-header .status {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

div.agscustoms-messagehistory div.table-container div.row .status {
    float: left;
    width: 80px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

div.agscustoms-messagehistory div.table-container div.row .status.sent,
div.agscustoms-messagehistory div.table-container div.row .status.received,
div.agscustoms-messagehistory div.table-container div.row .status.accepted {
    background-position: 0 -49px;
}

div.agscustoms-messagehistory div.table-container div.row .status.cleared,
div.agscustoms-messagehistory div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

div.agscustoms-messagehistory div.table-container div.row .status.rejected,
div.agscustoms-messagehistory div.table-container div.row .status.error,
div.agscustoms-messagehistory div.table-container div.row .status.cancelled {
    background-position: 0 -198px;
}

div.agscustoms-messagehistory div.table-container div.row .status.pending {
    background-position: 0 -249px;
}

div.agscustoms-messagehistory div.table-header .sentby,
div.agscustoms-messagehistory div.table-container div.row .sentby {
    float: left;
    width: 200px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.agscustoms-messagehistory div.table-container div.row .nomessages {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* AGS Customs - Validation History
-----------------------------------------------------------------------------*/
div.agscustoms-validationhistory {
    position: relative;
    width: 600px;
}

div.agscustoms-validationhistory.modular {
    margin-top:  15px;
}

div.agscustoms-validationhistory div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.agscustoms-validationhistory div.table-container {
    display: inline-block;
}

div.agscustoms-validationhistory div.table-header .date,
div.agscustoms-validationhistory div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

div.agscustoms-validationhistory .validationtype {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

div.agscustoms-validationhistory div.row .validationtype {
    float: left;
    width: 60px;
    padding: 0 0 8px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

div.agscustoms-validationhistory div.row .validationtype.rejected,
div.agscustoms-validationhistory div.row .validationtype.error {
    background-position: 0 -198px;
}

div.agscustoms-validationhistory div.table-header .code,
div.agscustoms-validationhistory div.table-container div.row .code {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

div.agscustoms-validationhistory div.table-header .fieldname,
div.agscustoms-validationhistory div.table-container div.row .fieldname {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
}

div.agscustoms-validationhistory div.table-header .validationmessage,
div.agscustoms-validationhistory div.table-container div.row .validationmessage {
    float: left;
    width: 210px;
    padding: 0 0 8px 0;
}


/* Loading Confirmations - Overviews
-----------------------------------------------------------------------------*/
#loadingconfirmations div.table-header .reference,
#loadingconfirmations div.table-container div.row .reference {
    float: left;
    margin-left: 30px;
    width: 85px;
    padding: 0 0 8px 0;
}

#loadingconfirmations div.table-header .company,
#loadingconfirmations div.table-container div.row .company {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#loadingconfirmations div.table-header .companycontact,
#loadingconfirmations div.table-container div.row .companycontact {
    float: left;
    width: 125px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#loadingconfirmations div.table-header .loadingreference,
#loadingconfirmations div.table-container div.row .loadingreference {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#loadingconfirmations div.table-header .loadingdate,
#loadingconfirmations div.table-container div.row .loadingdate {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

#loadingconfirmations div.table-header .depotdate,
#loadingconfirmations div.table-container div.row .depotdate {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#loadingconfirmations div.table-header .properties,
#loadingconfirmations div.table-container div.row .properties {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#loadingconfirmations div.table-header .ctrs,
#loadingconfirmations div.table-container div.row .ctrs {
    float: left;
    width: 45px;
    padding: 0 0 8px 0;
}

#loadingconfirmations div.table-header .revised {
    float: left;
    width: 70px;
}

#loadingconfirmations div.table-container div.row .revised {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#loadingconfirmations div.table-container div.row .revised span {
    color: #888888;
}

#loadingconfirmations div.table-container div.row .revised.no {
    background-position: 0 1px;
}

#loadingconfirmations div.table-container div.row .revised.yes {
    background-position: 0 -99px;
}


/* Monthly Financial Reports
-----------------------------------------------------------------------------*/
#monthlyfinancialreports div.table-header .date,
#monthlyfinancialreports div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#monthlyfinancialreports div.table-header .report,
#monthlyfinancialreports div.table-container div.row .report {
    float: left;
    width: 170px;
    padding: 0 0 7px 0;
}

#monthlyfinancialreports div.table-header .financialperiod,
#monthlyfinancialreports div.table-container div.row .financialperiod {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#monthlyfinancialreports div.table-header .filename,
#monthlyfinancialreports div.table-container div.row .filename {
    float: left;
    width: 300px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#monthlyfinancialreports div.table-container div.row .noresults {
    float: left;
    width: 802px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Export Payments
-----------------------------------------------------------------------------*/
#exportpayments div.table-header .paymentid,
#exportpayments div.table-container div.row .paymentid {
    float: left;
    margin-left: 30px;
    width: 55px;
    padding: 0 0 8px 0;
}

#exportpayments div.table-header .invoicetype,
#exportpayments div.table-container div.row .invoicetype {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#exportpayments div.table-header .company,
#exportpayments div.table-container div.row .company {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#exportpayments div.table-header .invoicenumber,
#exportpayments div.table-container div.row .invoicenumber {
    float: left;
    width: 120px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#exportpayments div.table-header .date,
#exportpayments div.table-container div.row .date {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#exportpayments div.table-header .payment {
    float: left;
    width: 82px;
    text-align: right;
    padding: 0 0 8px 0;
}

#exportpayments div.table-container div.row .paymentcurrency {
    float: left;
    width: 27px;
}

#exportpayments div.table-container div.row .payment {
    float: left;
    width: 55px;
    text-align: right;
}

#exportpayments div.table-header .addedby,
#exportpayments div.table-container div.row .addedby {
    float: left;
    width: 180px;
    margin-left: 20px;
    padding: 0 0 8px 0;
}

#exportpayments div.table-container div.row .nopayments {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Customs XML Communication
-----------------------------------------------------------------------------*/
#customsxml div.table-header .date,
#customsxml div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding: 0 0 8px 0;
}

#customsxml div.table-header .client,
#customsxml div.table-container div.row .client {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#customsxml div.table-header .clientreference,
#customsxml div.table-container div.row .clientreference {
    float: left;
    width: 145px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#customsxml div.table-header .tradetype,
#customsxml div.table-container div.row .tradetype {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#customsxml div.table-header .dossier,
#customsxml div.table-container div.row .dossier {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#customsxml div.table-header .carrier,
#customsxml div.table-container div.row .carrier {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#customsxml div.table-header .etseta,
#customsxml div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#customsxml div.table-header .port,
#customsxml div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#customsxml div.table-header .containerspackages,
#customsxml div.table-container div.row .containerspackages {
    float: left;
    width: 140px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#customsxml div.table-container div.row .containerspackages p {
    padding: 0px;
}

#customsxml div.table-header .status {
    float: left;
    width: 90px;
}

#customsxml div.table-container div.row .status {
    float: left;
    width: 70px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customsxml div.table-container div.row .status.declined {
    background-position: 0 -198px;
}

#customsxml div.table-container div.row .status.processed {
    background-position: 0 -99px;
}

#customsxml div.table-container div.row .noxml {
    float: left;
    margin-left: 30px;
    width: 787px;
    padding: 0 0 8px 0;
}


/* Customs XML Communication - Corrected data elements
-----------------------------------------------------------------------------*/
#customsxml-corrected {
    position: relative;
    width: 600px;
}

#customsxml-corrected div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

#customsxml-corrected div.table-container {
    display: inline-block;
}

#customsxml-corrected div.table-header .fieldname,
#customsxml-corrected div.table-container div.row .fieldname {
    float: left;
    margin-left: 15px;
    width: 140px;
    padding: 0 0 7px 0;
}

#customsxml-corrected div.table-container div.row .fieldname span {
    color: #888888;
}


#customsxml-corrected div.table-header .xmlvalue,
#customsxml-corrected div.table-container div.row .xmlvalue {
    float: left;
    width: 205px;
    padding: 0 10px 8px 0;
}

#customsxml-corrected div.table-header .newvalue,
#customsxml-corrected div.table-container div.row .newvalue {
    float: left;
    width: 215px;
    padding: 0 0 8px 0;
}

#customsxml-corrected div.table-container div.row .xmlvalue,
#customsxml-corrected div.table-container div.row .newvalue {
    text-transform: uppercase;
}


/* RFC Approval Estimate
-----------------------------------------------------------------------------*/
#rfcapprovalestimate {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

#rfcapprovalestimate h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

#rfcapprovalestimate div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

#rfcapprovalestimate div.table-container {
    display: inline-block;
}

#rfcapprovalestimate div.table-container div.schedulerow .totallabel {
    float: left;
    width: 183px;
    margin-left: 15px;
    padding: 10px 0 13px 0;
    font-weight: bold;
}

#rfcapprovalestimate div.table-header .description,
#rfcapprovalestimate div.table-container div.schedulerow .description {
    float: left;
    margin-left: 15px;
    width: 183px;
}

#rfcapprovalestimate div.table-container div.schedulerow .description .selectbox {
    margin-right: 0px;
}

#rfcapprovalestimate div.table-header .hours,
#rfcapprovalestimate div.table-container div.schedulerow .hours {
    float: left;
    width: 73px;
}

#rfcapprovalestimate div.table-header .hourlyrate,
#rfcapprovalestimate div.table-container div.schedulerow .hourlyrate {
    float: left;
    width: 165px;
}

#rfcapprovalestimate div.table-container div.schedulerow .hourlyrate .selectbox {
    margin-right: 0px;
}

#rfcapprovalestimate div.table-header .amount {
    float: left;
    width: 100px;
}

#rfcapprovalestimate div.table-container div.schedulerow .amount {
    float: left;
    width: 84px;
}

#rfcapprovalestimate div.table-container div.schedulerow.grandtotal {
    background-color: #eeeeee;
}


/* RFC Approval list
-----------------------------------------------------------------------------*/
#rfcapprovallist div.table-header .date,
#rfcapprovallist div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding: 0 0 8px 0;
}

#rfcapprovallist div.table-header .jiraticketnumber,
#rfcapprovallist div.table-container div.row .jiraticketnumber {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#rfcapprovallist div.table-header .feedback,
#rfcapprovallist div.table-container div.row .feedback {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#rfcapprovallist div.table-header .rfctitle,
#rfcapprovallist div.table-container div.row .rfctitle {
    float: left;
    width: 310px;
    padding: 0 15px 8px 0;
    word-wrap: break-word;
}

#rfcapprovallist div.table-header .category,
#rfcapprovallist div.table-container div.row .category {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#rfcapprovallist div.table-header .status {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#rfcapprovallist div.table-container div.row .status {
    float: left;
    width: 60px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#rfcapprovallist div.table-container div.row .status.approved {
    background-position: 0 -99px;
}

#rfcapprovallist div.table-container div.row .status.declined {
    background-position: 0 -198px;
}

#rfcapprovallist div.table-container div.row .status.pending {
    background-position: 0 -249px;
}

#rfcapprovallist div.table-header .noresults,
#rfcapprovallist div.table-container div.row .noresults {
    float: left;
    margin-left: 30px;
    width: 787px;
    padding: 0 0 8px 0;
}


/* RFC Estimate
-----------------------------------------------------------------------------*/
#rfcestimate div.table-header .description,
#rfcestimate div.table-container div.row .description {
    float: left;
    width: 125px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#rfcestimate div.table-header .hours,
#rfcestimate div.table-container div.row .hours {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#rfcestimate div.table-header .hourlyrate {
    float: left;
    width: 85px;
    margin: 0 25px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#rfcestimate div.table-container div.row .hourlyratecurrency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#rfcestimate div.table-container div.row .hourlyrateamount {
    float: left;
    width: 58px;
    margin: 0 25px 0 0;
    padding: 0 0 8px 0;
    text-align: right;
}

#rfcestimate div.table-header .amount {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
    text-align: right;
}

#rfcestimate div.table-container div.row .currency {
    float: left;
    width: 27px;
    padding: 0 0 8px 0;
}

#rfcestimate div.table-container div.row .amount {
    float: left;
    width: 68px;
    padding: 0 0 8px 0;
    text-align: right;
}

#rfcestimate div.table-container div.row.grandtotal {
    background-color: #f1f1f1;
    font-weight: bold;
}


/* Customs Admin - Customs Mapping for Preference
-----------------------------------------------------------------------------*/
#customs-customsmappingpreference div.table-header .hscode,
#customs-customsmappingpreference div.table-container div.row .hscode {
    float: left;
    width: 85px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#customs-customsmappingpreference div.table-header .origin,
#customs-customsmappingpreference div.table-container div.row .origin {
    float: left;
    width: 250px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#customs-customsmappingpreference div.table-header .client,
#customs-customsmappingpreference div.table-container div.row .client {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#customs-customsmappingpreference div.table-header .preference,
#customs-customsmappingpreference div.table-container div.row .preference {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#customs-customsmappingpreference div.table-header .taxlinesbox,
#customs-customsmappingpreference div.table-container div.row .taxlinesbox {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#customs-customsmappingpreference div.table-header .produceddocs,
#customs-customsmappingpreference div.table-container div.row .produceddocs {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

#customs-customsmappingpreference div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Customs Admin - Customs Mapping for Valuation Code
-----------------------------------------------------------------------------*/
#customs-customsmappingvaluationcode div.table-header .clientincoterms,
#customs-customsmappingvaluationcode div.table-container div.row .clientincoterms {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#customs-customsmappingvaluationcode div.table-header .ukincoterms,
#customs-customsmappingvaluationcode div.table-container div.row .ukincoterms {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
}

#customs-customsmappingvaluationcode div.table-header .client,
#customs-customsmappingvaluationcode div.table-container div.row .client {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#customs-customsmappingvaluationcode div.table-header .valuationcode,
#customs-customsmappingvaluationcode div.table-container div.row .valuationcode {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#customs-customsmappingvaluationcode div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Customs Admin - Customs Mapping for Representation
-----------------------------------------------------------------------------*/
#customs-customsmappingrepresentation div.table-header .clientincoterms,
#customs-customsmappingrepresentation div.table-container div.row .clientincoterms {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#customs-customsmappingrepresentation div.table-header .ukincoterms,
#customs-customsmappingrepresentation div.table-container div.row .ukincoterms {
    float: left;
    width: 95px;
    padding: 0 0 8px 0;
}

#customs-customsmappingrepresentation div.table-header .client,
#customs-customsmappingrepresentation div.table-container div.row .client {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#customs-customsmappingrepresentation div.table-header .shipper,
#customs-customsmappingrepresentation div.table-container div.row .shipper,
#customs-customsmappingrepresentation div.table-header .consignee,
#customs-customsmappingrepresentation div.table-container div.row .consignee {
    float: left;
    width: 170px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#customs-customsmappingrepresentation div.table-header .representation,
#customs-customsmappingrepresentation div.table-container div.row .representation {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#customs-customsmappingrepresentation div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Available File types
-----------------------------------------------------------------------------*/
#availablefiletypes div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

#availablefiletypes div.table-container.modular {
    overflow-y: auto;
    max-height: 350px;
}

#availablefiletypes div.table-header .filetypename,
#availablefiletypes div.table-container div.row .filetypename {
    float: left;
    width: 560px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Documents
-----------------------------------------------------------------------------*/
#documents div.table-header .date,
#documents div.table-container div.row .date {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#documents div.table-header .documenttype,
#documents div.table-container div.row .documenttype {
    float: left;
    width: 110px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#documents div.table-header .visibility,
#documents div.table-container div.row .visibility {
    float: left;
    width: 21px;
    height: 16px;
    margin-top: 2px;
}

#documents div.table-header .description,
#documents div.table-container div.row .description {
    float: left;
    width: 230px;
    padding: 0 10px 8px 0;
}

#documents div.table-header .filename,
#documents div.table-container div.row .filename {
    float: left;
    width: 240px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#documents div.table-container div.row .nodocuments {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Document types
-----------------------------------------------------------------------------*/
#documenttypes div.table-header .documenttype,
#documenttypes div.table-container div.row .documenttype {
    float: left;
    width: 270px;
    margin-left: 30px;
    padding: 0 20px 8px 0;
}

#documenttypes div.table-header .activestatus {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#documenttypes div.table-container div.row .activestatus {
    float: left;
    width: 55px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#documenttypes div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#documenttypes div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}

#documenttypes div.table-container div.row .nodocumenttypes {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Videos
-----------------------------------------------------------------------------*/
#videos div.table-header .videocategory,
#videos div.table-container div.row .videocategory {
    float: left;
    width: 160px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
}

#videos div.table-header .visibility,
#videos div.table-container div.row .visibility {
    float: left;
    width: 21px;
    height: 16px;
    margin-top: 2px;
}

#videos div.table-header .videoname,
#videos div.table-container div.row .videoname {
    float: left;
    width: 400px;
    padding: 0 0 8px 0;
}

#videos div.table-header .activestatus {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#videos div.table-container div.row .activestatus {
    float: left;
    width: 55px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#videos div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#videos div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}

#videos div.table-container div.row .novideos {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Video categories
-----------------------------------------------------------------------------*/
#videocategories div.table-header .videocategory,
#videocategories div.table-container div.row .videocategory {
    float: left;
    width: 270px;
    margin-left: 30px;
    padding: 0 20px 8px 0;
}

#videocategories div.table-header .activestatus {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#videocategories div.table-container div.row .activestatus {
    float: left;
    width: 55px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#videocategories div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#videocategories div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}

#videocategories div.table-container div.row .novideocategories {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Dashboard Buttons
-----------------------------------------------------------------------------*/
div.dashboardbuttons {
    width: 600px;
    display: inline-block;
}

div.dashboardbuttons a {
    width: 136px;
    height: 136px;
    display: block;
    float: left;
    border: 1px solid #dddddd;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-position: 0 -16px;
    margin-left:  16px;
}

div.dashboardbuttons a:first-child {
    margin-left: 0px;
}

div.dashboardbuttons a.dossiers {
    background-image: url(../images/home-dossiers.png);
}

div.dashboardbuttons a.statusevents {
    background-image: url(../images/home-statusevents.png);
}

div.dashboardbuttons a.reports {
    background-image: url(../images/home-reports.png);
}

div.dashboardbuttons a.feedback {
    background-image: url(../images/home-feedback.png);
}

div.dashboardbuttons a.tasks {
    background-image: url(../images/home-tasks.png);
}

div.dashboardbuttons a.training {
    background-image: url(../images/home-training.png);
}

div.dashboardbuttons a.sales-orders {
    background-image: url(../images/home-sales-orders.png);
}

div.dashboardbuttons a.purchase-orders {
    background-image: url(../images/home-purchase-orders.png);
}

div.dashboardbuttons a.products {
    background-image: url(../images/home-products.png);
}

div.dashboardbuttons a.warehousing {
    background-image: url(../images/home-warehousing.png);
}

div.dashboardbuttons a.unloadinglists {
    background-image: url(../images/home-unloadinglists.png);
}

div.dashboardbuttons a.timeslots {
    background-image: url(../images/home-timeslot.png);
}

div.dashboardbuttons a.account {
    background-image: url(../images/home-account.png);
}

div.dashboardbuttons a.account.male {
    background-image: url(../images/home-account-male.png);
}

div.dashboardbuttons a.account.female {
    background-image: url(../images/home-account-female.png);
}

div.dashboardbuttons a span {
    height: 19px;
    font-weight: bold;
    padding: 3px 10px 1px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    line-height: normal;
    text-decoration: none;
    background: url(../images/custom/button-color.png) left top no-repeat;
    color: #ffffff;
    margin-top: 100px;
}

div.dashboardbuttons a:hover span {
    background-position: 0 -30px;
}


/* Transport Confirmation Companies
-----------------------------------------------------------------------------*/
#transportconfirmationcompanies {
    width: 600px;
    position: relative;
}

#transportconfirmationcompanies.cancelled {
    margin-top: 5px;
}

#transportconfirmationcompanies h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

#transportconfirmationcompanies div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#transportconfirmationcompanies div.table-container {
    display: inline-block;
}

#transportconfirmationcompanies div.table-header .company,
#transportconfirmationcompanies div.table-container div.row .company {
    float: left;
    margin-left: 30px;
    width: 220px;
    padding: 0 15px 8px 0;
    word-wrap: break-word;
}

#transportconfirmationcompanies div.table-header .companycontact,
#transportconfirmationcompanies div.table-container div.row .companycontact {
    float: left;
    width: 220px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#transportconfirmationcompanies div.table-header .filesattached {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#transportconfirmationcompanies div.table-container div.row .filesattached {
    float: left;
    width: 55px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#transportconfirmationcompanies div.table-container div.row .filesattached.no {
    background-position: 0 1px;
}

#transportconfirmationcompanies div.table-container div.row .filesattached.yes {
    background-position: 0 -99px;
}

#transportconfirmationcompanies div.table-container div.row .notransportconfirmations {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Client Reports
-----------------------------------------------------------------------------*/
#clientreports div.table-header .date,
#clientreports div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#clientreports div.table-header .client,
#clientreports div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#clientreports div.table-header .reporttype,
#clientreports div.table-container div.row .reporttype {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#clientreports div.table-header .filename,
#clientreports div.table-container div.row .filename {
    float: left;
    width: 325px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#clientreports div.table-header .sent {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#clientreports div.table-container div.row .sent {
    float: left;
    width: 65px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#clientreports div.table-container div.row .sent.no {
    background-position: 0 1px;
}

#clientreports div.table-container div.row .sent.yes {
    background-position: 0 -99px;
}

#clientreports div.table-container div.row .sent span {
    color: #888888;
}

#clientreports div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Import Container Checklist
-----------------------------------------------------------------------------*/
#importcontainerchecklist div.table-header .dossier,
#importcontainerchecklist div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding: 0 0 8px 0;
}

#importcontainerchecklist div.table-header .client,
#importcontainerchecklist div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0px 7px 0;
}

#importcontainerchecklist div.table-header .clientreference,
#importcontainerchecklist div.table-container div.row .clientreference {
    float: left;
    width: 105px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#importcontainerchecklist div.table-header .etseta,
#importcontainerchecklist div.table-container div.row .etseta {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#importcontainerchecklist div.table-header .containernumber,
#importcontainerchecklist div.table-container div.row .containernumber {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#importcontainerchecklist div.table-header .delivery {
    float: left;
    width: 100px;
}

#importcontainerchecklist div.table-container div.row .delivery {
    float: left;
    width: 80px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#importcontainerchecklist div.table-container div.row .delivery.confirmed {
    background-position: 0 -99px;
}

#importcontainerchecklist div.table-header .status {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#importcontainerchecklist div.table-container div.row .status {
    float: left;
    width: 65px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group-dossiers.png) 0 3px no-repeat;
}

#importcontainerchecklist div.table-container div.row .status.open {
    background-position: 0 2px;
}

#importcontainerchecklist div.table-container div.row .status.intransit {
    background-position: 0 -48px;
}

#importcontainerchecklist div.table-container div.row .status.arrived {
    background-position: 0 -98px;
}

#importcontainerchecklist div.table-container div.row .status.delayed {
    background-position: 0 -148px;
}

#importcontainerchecklist div.table-container div.row .status.closed {
    background-position: 0 -198px;
}

#importcontainerchecklist div.table-container div.row .status.cancelled {
    background-position: 0 -298px;
}

#importcontainerchecklist div.table-header .filestatus {
    float: left;
    width: 85px;
}

#importcontainerchecklist div.table-container div.row .filestatus {
    float: left;
    width: 65px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#importcontainerchecklist div.table-container div.row .filestatus.incomplete {
    background-position: 0 1px;
}

#importcontainerchecklist div.table-container div.row .filestatus.completed {
    background-position: 0 -99px;
}

#importcontainerchecklist div.table-header .filescompleted {
    float: left;
    width: 100px;
}

#importcontainerchecklist div.table-container div.row .filescompleted {
    float: left;
    width: 25px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#importcontainerchecklist div.table-container div.row .filescompleted.no {
    background-position: 0 1px;
}

#importcontainerchecklist div.table-container div.row .filescompleted.yes {
    background-position: 0 -99px;
}

#importcontainerchecklist div.table-container div.row .nocontainers {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#importcontainerchecklist div.table-header .ponumber,
#importcontainerchecklist div.table-container div.row .ponumber,
#importcontainerchecklist div.table-header .skunumber,
#importcontainerchecklist div.table-container div.row .skunumber {
    float: left;
    width: 100px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#importcontainerchecklist div.table-header .vessel,
#importcontainerchecklist div.table-container div.row .vessel {
    float: left;
    width: 120px;
    padding: 0 10px 7px 0;
}

#importcontainerchecklist.alternative div.table-header .clientreference,
#importcontainerchecklist.alternative div.table-container div.row .clientreference {
    width: 105px;
}

#importcontainerchecklist.alternative div.table-container div.row .status.intransit {
    background-position: 0 -148px;
}

#importcontainerchecklist.alternative div.table-container div.row .status.arrived {
    background-position: 0 2px;
}

#importcontainerchecklist.alternative div.table-container div.row .status.unloaded,
#importcontainerchecklist.alternative div.table-container div.row .status.dosent {
    background-position: 0 -48px;
}

#importcontainerchecklist.alternative div.table-container div.row .status.outgated {
    background-position: 0 -98px;
}


/* Orders/Dossiers Combined
-----------------------------------------------------------------------------*/
#ordersdossierscombined div.table-header .order,
#ordersdossierscombined div.table-container div.row .order {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding: 0 0 8px 0;
}


#ordersdossierscombined div.table-header .dossier,
#ordersdossierscombined div.table-container div.row .dossier {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#ordersdossierscombined div.table-header .supplier,
#ordersdossierscombined div.table-container div.row .supplier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#ordersdossierscombined div.table-header .clientreference,
#ordersdossierscombined div.table-container div.row .clientreference {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#ordersdossierscombined div.table-header .ponumber,
#ordersdossierscombined div.table-container div.row .ponumber,
#ordersdossierscombined div.table-header .skunumber,
#ordersdossierscombined div.table-container div.row .skunumber {
    float: left;
    width: 100px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#ordersdossierscombined div.table-header .etseta,
#ordersdossierscombined div.table-container div.row .etseta {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#ordersdossierscombined div.table-header .status {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#ordersdossierscombined div.table-container div.row .status {
    float: left;
    width: 65px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group-dossiers.png) 0 3px no-repeat;
}

#ordersdossierscombined div.table-container div.row .status.open {
    background-position: 0 2px;
}

#ordersdossierscombined div.table-container div.row .status.intransit {
    background-position: 0 -148px;
}

#ordersdossierscombined div.table-container div.row .status.arrived {
    background-position: 0 2px;
}

#ordersdossierscombined div.table-container div.row .status.unloaded,
#ordersdossierscombined div.table-container div.row .status.dosent {
    background-position: 0 -48px;
}

#ordersdossierscombined div.table-container div.row .status.outgated {
    background-position: 0 -98px;
}

#ordersdossierscombined div.table-container div.row .status.closed {
    background-position: 0 -198px;
}

#ordersdossierscombined div.table-container div.row .status.cancelled {
    background-position: 0 -298px;
}

#ordersdossierscombined div.table-header .etd,
#ordersdossierscombined div.table-container div.row .etd {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#ordersdossierscombined div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}



/* Customs Duty/VAT
-----------------------------------------------------------------------------*/
#customsdutyvat div.table-header .date,
#customsdutyvat div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#customsdutyvat div.table-header .dossier,
#customsdutyvat div.table-container div.row .dossier {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#customsdutyvat div.table-header .client,
#customsdutyvat div.table-container div.row .client {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#customsdutyvat div.table-header .entrynumber,
#customsdutyvat div.table-container div.row .entrynumber {
    float: left;
    width: 90px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#customsdutyvat div.table-header .entryepu,
#customsdutyvat div.table-container div.row .entryepu {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

#customsdutyvat div.table-header .valutationmethod,
#customsdutyvat div.table-container div.row .valutationmethod {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#customsdutyvat div.table-header .valuationcode,
#customsdutyvat div.table-container div.row .valuationcode {
    float: left;
    width: 30px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#customsdutyvat div.table-header .duty,
#customsdutyvat div.table-header .vat {
    float: left;
    text-align: right;
    width: 110px;
}

#customsdutyvat div.table-container div.row .currency {
    float: left;
    width: 27px;
    margin-left: 20px;
}

#customsdutyvat div.table-container div.row .duty,
#customsdutyvat div.table-container div.row .vat {
    float: left;
    width: 63px;
    text-align: right;
}

#customsdutyvat div.table-header .cleared {
    float: left;
    width: 55px;
    margin-left: 20px;
}

#customsdutyvat div.table-container div.row .cleared {
    float: left;
    width: 35px;
    margin-left: 20px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customsdutyvat div.table-container div.row .cleared.no {
    background-position: 0 1px;
}

#customsdutyvat div.table-container div.row .cleared.yes {
    background-position: 0 -99px;
}

#customsdutyvat div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* HR Reports
-----------------------------------------------------------------------------*/
#hrreports div.table-header .date,
#hrreports div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#hrreports div.table-header .reporttype,
#hrreports div.table-container div.row .reporttype {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#hrreports div.table-header .filename,
#hrreports div.table-container div.row .filename {
    float: left;
    width: 425px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#hrreports div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

div.formgroup div.container div.inner .oneeightcolumn {
    width: 67px;
    float: left;
}

div.tab-overview div.container div.inner .oneeightcolumn {
    width: 67px;
    float: left;
}


/* Customs Admin - Declaration Types
-----------------------------------------------------------------------------*/
#customs-declarationtypes div.table-header .description,
#customs-declarationtypes div.table-container div.row .description {
    float: left;
    width: 475px;
    padding: 0 20px 8px 0;
}

#customs-declarationtypes div.table-header .import,
#customs-declarationtypes div.table-header .export {
    float: left;
    width: 60px;
}

#customs-declarationtypes div.table-container div.row .import,
#customs-declarationtypes div.table-container div.row .export {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customs-declarationtypes div.table-container div.row .import.no,
#customs-declarationtypes div.table-container div.row .export.no {
    background-position: 0 1px;
}

#customs-declarationtypes div.table-container div.row .import.yes,
#customs-declarationtypes div.table-container div.row .export.yes {
    background-position: 0 -99px;
}


/* SKU Products (Warehousing)
-----------------------------------------------------------------------------*/
#skuproducts div.table-header .productname,
#skuproducts div.table-container div.row .productname {
    float: left;
    width: 190px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#skuproducts.selectable div.table-header .productname,
#skuproducts.selectable div.table-container div.row .productname {
    margin-left: 0px;
    width: 165px;
}

#skuproducts div.table-header .editskuquantity {
    float: left;
    width: 83px;
    padding: 0 0 8px 0;
    margin: 0 -10px 0 30px;
}

#skuproducts div.table-container .editskuquantity {
    float: left;
    line-height: normal !important;
    margin: -1px -10px 0 30px;
    padding: 0 0 3px 0;
    width: 83px;
}


#skuproducts div.table-header .skucode,
#skuproducts div.table-container div.row .skucode {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#skuproducts div.table-header .client,
#skuproducts div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#skuproducts div.table-header .quantitytype,
#skuproducts div.table-container div.row .quantitytype {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#skuproducts.selectable div.table-header .productgroup,
#skuproducts.selectable div.table-container div.row .productgroup {
    width: 135px;
}

#skuproducts div.table-header .packagetype,
#skuproducts div.table-container div.row .packagetype {
    float: left;
    width: 90px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#skuproducts div.table-header .quantityinpackagetype,
#skuproducts div.table-container div.row .quantityinpackagetype {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#skuproducts div.table-header .activestatus {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#skuproducts div.table-container div.row .activestatus {
    float: left;
    width: 40px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#skuproducts div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#skuproducts div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}

#skuproducts div.table-container div.row .noproducts {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* SKU Products (Warehousing) (Tab)
-----------------------------------------------------------------------------*/
#tab-products div.table-header .productname,
#tab-products div.table-container div.row .productname {
    float: left;
    width: 170px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#tab-products div.table-header .skucode,
#tab-products div.table-container div.row .skucode {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#tab-products div.table-header .client,
#tab-products div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#tab-products div.table-header .quantitytype,
#tab-products div.table-container div.row .quantitytype {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#tab-products div.table-header .packagetype,
#tab-products div.table-container div.row .packagetype {
    float: left;
    width: 90px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#tab-products div.table-header .activestatus {
    float: left;
    width: 50px !important;
    padding: 0 0 7px 0;
}

#tab-products div.table-container div.row .activestatus {
    float: left;
    width: 30px !important;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tab-products div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#tab-products div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}

#tab-products div.table-container div.row .noproducts {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Product (SKU) Stock (Warehousing)
-----------------------------------------------------------------------------*/
#productskustock div.table-header .productname,
#productskustock div.table-container div.row .productname {
    float: left;
    width: 190px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#productskustock div.table-header .skucode,
#productskustock div.table-container div.row .skucode {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#productskustock div.table-header .client,
#productskustock div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#productskustock div.table-header .quantity,
#productskustock div.table-container div.row .quantity {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#productskustock div.table-header .quantitytype,
#productskustock div.table-container div.row .quantitytype {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#productskustock div.table-header .packagetype,
#productskustock div.table-container div.row .packagetype {
    float: left;
    width: 90px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#productskustock div.table-header .packages,
#productskustock div.table-container div.row .packages {
    float: left;
    width: 90px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#productskustock div.table-header .available,
#productskustock div.table-container div.row .available {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#productskustock div.table-header .pending,
#productskustock div.table-container div.row .pending {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#productskustock div.table-header .locations,
#productskustock div.table-container div.row .locations {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#productskustock div.table-header .stockreference,
#productskustock div.table-container div.row .stockreference {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#productskustock div.table-header .warehouselocation,
#productskustock div.table-container div.row .warehouselocation {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#productskustock div.table-header .warehouselocationrow,
#productskustock div.table-container div.row .warehouselocationrow {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

#productskustock div.table-header .warehouselocationshelf,
#productskustock div.table-container div.row .warehouselocationshelf {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

#productskustock div.table-header .status {
    float: left;
    width: 70px;
}

#productskustock.history div.table-header .status {
    width: 100px;
}

#productskustock div.table-container div.row .status {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#productskustock.history div.table-container div.row .status {
    width: 80px;
}

#productskustock div.table-container div.row .status.pending {
    background-position: 0 1px;
}

#productskustock div.table-container div.row .status.available {
    background-position: 0 -99px;
}

#productskustock div.table-container div.row .status.loaded {
    background-position: 0 -49px;
}

#productskustock div.table-container div.row .status.repackaged {
    background-position: 0 -249px;
}

#productskustock div.table-header .pendingtype,
#productskustock div.table-container div.row .pendingtype {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#productskustock div.table-header .intransportorder {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#productskustock div.table-container div.row .intransportorder {
    float: left;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#productskustock div.table-container div.row .intransportorder.no {
    background-position: 0 1px;
}

#productskustock div.table-container div.row .intransportorder.yes {
    background-position: 0 -99px;
}

#productskustock div.table-container div.row .intransportorder.notapplicable {
    width: 50px;
    padding-left: 0px;
    background: none;
}

#productskustock div.table-header .delivered {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#productskustock div.table-container div.row .delivered {
    float: left;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#productskustock div.table-container div.row .delivered.no {
    background-position: 0 1px;
}

#productskustock div.table-container div.row .delivered.yes {
    background-position: 0 -99px;
}

#productskustock div.table-container div.row .delivered.notapplicable {
    width: 50px;
    padding-left: 0px;
    background: none;
}

#productskustock div.table-container div.row .noproducts {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Product (SKU) Stock (Warehousing - Tab)
-----------------------------------------------------------------------------*/
div.tab-productskustock div.table-header .stockreference,
div.tab-productskustock div.table-container div.row .stockreference {
    float: left;
    width: 90px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

div.tab-productskustock div.table-header .quantity,
div.tab-productskustock div.table-container div.row .quantity {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

div.tab-productskustock div.table-header .packages,
div.tab-productskustock div.table-container div.row .packages {
    float: left;
    width: 90px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.tab-productskustock div.table-header .warehouselocation,
div.tab-productskustock div.table-container div.row .warehouselocation {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.tab-productskustock div.table-header .warehouselocationrow,
div.tab-productskustock div.table-container div.row .warehouselocationrow {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

div.tab-productskustock div.table-header .warehouselocationshelf,
div.tab-productskustock div.table-container div.row .warehouselocationshelf {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

div.tab-productskustock div.table-header .pendingtype,
div.tab-productskustock div.table-container div.row .pendingtype {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

div.tab-productskustock div.table-container div.row .noproducts {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

div.tab-productskustock div.table-container div.row.total {
    background-color: #eeeeee;
    font-weight: bold;
}

div.tab-productskustock div.table-container div.row.total div.packages {
    width: 200px;
}


/* Warehouse locations (Admin)
-----------------------------------------------------------------------------*/
#warehouselocations div.table-header .warehouse,
#warehouselocations div.table-container div.row .warehouse {
    float: left;
    margin-left: 30px;
    width: 80px;
    padding: 0 0 7px 0;
}

#warehouselocations div.table-header .warehouselocation,
#warehouselocations div.table-container div.row .warehouselocation {
    float: left;
    width: 170px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#warehouselocations div.table-header .rows,
#warehouselocations div.table-container div.row .rows {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#warehouselocations div.table-header .shelfs,
#warehouselocations div.table-container div.row .shelfs {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#warehouselocations div.table-header .warehousestock,
#warehouselocations div.table-container div.row .warehousestock {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#warehouselocations div.table-header .warehousestockvolume,
#warehouselocations div.table-container div.row .warehousestockvolume {
    float: left;
    width: 105px;
    padding: 0 0 8px 0;
}

#warehouselocations div.table-header .locationcapacity,
#warehouselocations div.table-container div.row .locationcapacity {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#warehouselocations div.table-header .activestatus {
    float: left;
    width: 70px;
}

#warehouselocations div.table-container div.row .activestatus {
    float: left;
    width: 52px;
    padding-left: 18px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#warehouselocations div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#warehouselocations div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}


/* Package details
-----------------------------------------------------------------------------*/
#packagedetails-overview {
    position: relative;
    width: 600px;
}

#packagedetails-overview.withmargin {
    margin-top: 25px;
}

#packagedetails-overview h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

#packagedetails-overview p {
    padding: 0px !important;
}

#packagedetails-overview div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

#packagedetails-overview div.table-containerr {
    display: inline-block;
}

#packagedetails-overview div.table-header .packagereference,
#packagedetails-overview div.table-container div.row .packagereference {
    float: left;
    width: 90px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#packagedetails-overview div.table-header .reeferhazmat,
#packagedetails-overview div.table-container div.row .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 15px 0 0;
}

#packagedetails-overview div.table-header .packagetype,
#packagedetails-overview div.table-container div.row .packagetype {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#packagedetails-overview div.table-header .packages,
#packagedetails-overview div.table-container div.row .packages {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#packagedetails-overview div.table-header .products,
#packagedetails-overview div.table-container div.row .products {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#packagedetails-overview div.table-header .warehouse {
    float: left;
    width: 70px;
}

#packagedetails-overview div.table-container div.row .warehouse {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#packagedetails-overview div.table-container div.row .warehouse.no {
    background-position: 0 1px;
}

#packagedetails-overview div.table-container div.row .warehouse.yes {
    background-position: 0 -99px;
}

#packagedetails-overview div.table-header .edges,
#packagedetails-overview div.table-container div.row .edges {
    float: left;
    width: 45px;
    padding: 0 0 8px 0;
}

#packagedetails-overview div.table-header .passthrough {
    float: left;
    width: 70px;
}

#packagedetails-overview div.table-container div.row .passthrough {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#packagedetails-overview div.table-container div.row .passthrough.no {
    background-position: 0 1px;
}

#packagedetails-overview div.table-container div.row .passthrough.yes {
    background-position: 0 -99px;
}

#packagedetails-overview div.table-header .editproducts,
#packagedetails-overview div.table-header .editpackages {
    float: left;
    width: 68px;
    padding: 0 0 8px 0;
    margin: 0 15px 0 0;
}

#packagedetails-overview div.table-container .editproducts,
#packagedetails-overview div.table-container .editpackages {
    float: left;
    line-height: normal !important;
    margin: -1px 15px 0 0;
    padding: 0 0 3px 0;
    width: 68px;
}

#packagedetails-overview div.table-header .editpackaging {
    float: left;
    width: 178px;
    padding: 0 0 8px 0;
    margin: 0 15px 0 0;
}

#packagedetails-overview div.table-container .editpackaging {
    float: left;
    line-height: normal !important;
    margin: -1px 15px 0 0;
    padding: 0 0 3px 0;
    width: 178px;
}


/* Package details
-----------------------------------------------------------------------------*/
div.selectpackagedetails {
    position: relative;
    width: 600px;
}

div.selectpackagedetails.withcontainer {
    margin-top: 5px;
}

div.selectpackagedetails.withmargin {
    margin-top: 25px;
}

div.selectpackagedetails h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.selectpackagedetails p {
    padding: 0px !important;
}

div.selectpackagedetails div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.selectpackagedetails div.table-container {
    display: inline-block;
}

div.selectpackagedetails div.table-header .packagereference,
div.selectpackagedetails div.table-container div.row .packagereference {
    float: left;
    width: 90px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

div.selectpackagedetails.view div.table-header .packagereference,
div.selectpackagedetails.view div.table-container div.row .packagereference {
    margin-left: 15px;
}

div.selectpackagedetails div.table-header .reeferhazmat,
div.selectpackagedetails div.table-container div.row .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 15px 0 0;
}

div.selectpackagedetails div.table-header .packagetype,
div.selectpackagedetails div.table-container div.row .packagetype {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.selectpackagedetails div.table-header .packages,
div.selectpackagedetails div.table-container div.row .packages {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

div.selectpackagedetails div.table-header .products,
div.selectpackagedetails div.table-container div.row .products {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

div.selectpackagedetails div.table-header .warehouse {
    float: left;
    width: 70px;
}

div.selectpackagedetails div.table-container div.row .warehouse {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

div.selectpackagedetails div.table-container div.row .warehouse.no {
    background-position: 0 1px;
}

div.selectpackagedetails div.table-container div.row .warehouse.yes {
    background-position: 0 -99px;
}

div.selectpackagedetails div.table-header .edges,
div.selectpackagedetails div.table-container div.row .edges {
    float: left;
    width: 45px;
    padding: 0 0 8px 0;
}

div.selectpackagedetails div.table-header .passthrough {
    float: left;
    width: 70px;
}

div.selectpackagedetails div.table-container div.row .passthrough {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

div.selectpackagedetails div.table-container div.row .passthrough.no {
    background-position: 0 1px;
}

div.selectpackagedetails div.table-container div.row .passthrough.yes {
    background-position: 0 -99px;
}

div.selectpackagedetails div.table-header .warehouselocation,
div.selectpackagedetails div.table-container div.row .warehouselocation {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.selectpackagedetails div.table-header .warehouselocationrow,
div.selectpackagedetails div.table-container div.row .warehouselocationrow {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

div.selectpackagedetails div.table-header .warehouselocationshelf,
div.selectpackagedetails div.table-container div.row .warehouselocationshelf {
    float: left;
    width: 35px;
    padding: 0 0 8px 0;
}

div.selectpackagedetails div.table-header .editwarehouselocation {
    float: left;
    width: 213px;
    padding: 0 0 8px 0;
}

div.selectpackagedetails div.table-container div.row .editwarehouselocation {
    float: left;
    width: 213px;
    margin-top: -1px;
    padding: 0px;
    line-height: normal !important;
}

div.selectpackagedetails div.table-header .editwarehouselocationrow,
div.selectpackagedetails div.table-header .editwarehouselocationshelf {
    float: left;
    width: 63px;
    padding: 0 0 8px 0;
}

div.selectpackagedetails div.table-container div.row .editwarehouselocationrow,
div.selectpackagedetails div.table-container div.row .editwarehouselocationshelf {
    float: left;
    width: 63px;
    margin-top: -1px;
    padding: 0px;
    line-height: normal !important;
}


div.selectpackagedetails div.table-container div.row .nopackagedetails {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

div.selectpackagedetails.view div.table-container div.row .nopackagedetails {
    width: 570px;
    margin-left: 15px;
}


/* SKU Products in Package
-----------------------------------------------------------------------------*/
#tab-productsinpackage div.table-header .productname,
#tab-productsinpackage div.table-container div.row .productname {
    float: left;
    width: 190px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#tab-productsinpackage div.table-header .skucode,
#tab-productsinpackage div.table-container div.row .skucode {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#tab-productsinpackage div.table-header .quantity,
#tab-productsinpackage div.table-container div.row .quantity {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#tab-productsinpackage div.table-header .quantitytype,
#tab-productsinpackage div.table-container div.row .quantitytype {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#tab-productsinpackage div.table-header .packages,
#tab-productsinpackage div.table-container div.row .packages {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#tab-productsinpackage div.table-container div.row .noproducts {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* All SKU Products in Package
-----------------------------------------------------------------------------*/
#tab-allproducts div.table-header .productname,
#tab-allproducts div.table-container div.row .productname {
    float: left;
    width: 190px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#tab-allproducts div.table-header .skucode,
#tab-allproducts div.table-container div.row .skucode {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#tab-allproducts div.table-header .quantity,
#tab-allproducts div.table-container div.row .quantity {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#tab-allproducts div.table-header .assigned,
#tab-allproducts div.table-container div.row .assigned {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#tab-allproducts div.table-header .remaining,
#tab-allproducts div.table-container div.row .remaining {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#tab-allproducts div.table-container div.row .noproducts {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Warehouse Tasks
-----------------------------------------------------------------------------*/
#warehousetasks div.table-header .date,
#warehousetasks div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#warehousetasks div.table-header .taskreference,
#warehousetasks div.table-container div.row .taskreference {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#warehousetasks div.table-header .warehouse,
#warehousetasks div.table-container div.row .warehouse {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#warehousetasks div.table-header .client,
#warehousetasks div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#warehousetasks div.table-header .clientcontact,
#warehousetasks div.table-container div.row .clientcontact {
    float: left;
    width: 125px;
    padding: 0 10px 7px 0;
}

#warehousetasks div.table-header .tasktype,
#warehousetasks div.table-container div.row .tasktype {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#warehousetasks div.table-header .stock,
#warehousetasks div.table-container div.row .stock {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#warehousetasks div.table-header .products,
#warehousetasks div.table-container div.row .products {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#warehousetasks div.table-header .packages,
#warehousetasks div.table-container div.row .packages {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#warehousetasks div.table-header .status {
    float: left;
    width: 95px;
}

#warehousetasks div.table-container div.row .status {
    float: left;
    width: 75px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#warehousetasks div.table-container div.row .status.saved {
    background-position: 0 1px;
}

#warehousetasks div.table-container div.row .status.pending {
    background-position: 0 -49px;
}

#warehousetasks div.table-container div.row .status.completed {
    background-position: 0 -99px;
}

#warehousetasks div.table-container div.row .status.cancelled {
    background-position: 0 -198px;
}

#warehousetasks div.table-container div.row .notasks {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#warehousetasks div.table-header .sent {
    float: left;
    width: 70px;
}

#warehousetasks div.table-container div.row .sent {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#warehousetasks div.table-container div.row .sent.no {
    background-position: 0 1px;
}

#warehousetasks div.table-container div.row .sent.yes {
    background-position: 0 -99px;
}


/* Warehouse Tasks Stock
-----------------------------------------------------------------------------*/
div.warehousetasks-stock {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

div.warehousetasks-stock.view {
    margin-top: 0px;
}

div.warehousetasks-stock h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.warehousetasks-stock p {
    padding: 0px !important;
}

div.warehousetasks-stock div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.warehousetasks-stock div.table-container {
    display: inline-block;
}

div.warehousetasks-stock div.table-header .stockreference,
div.warehousetasks-stock div.table-container div.row .stockreference {
    float: left;
    width: 90px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

div.warehousetasks-stock div.table-header .packagetype,
div.warehousetasks-stock div.table-container div.row .packagetype {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.warehousetasks-stock div.table-header .packages,
div.warehousetasks-stock div.table-container div.row .packages {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

div.warehousetasks-stock div.table-header .products,
div.warehousetasks-stock div.table-container div.row .products {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

div.warehousetasks-stock div.table-header .warehouselocation,
div.warehousetasks-stock div.table-container div.row .warehouselocation {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

div.warehousetasks-stock div.table-header .warehouselocationrow,
div.warehousetasks-stock div.table-container div.row .warehouselocationrow {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

div.warehousetasks-stock div.table-header .warehouselocationshelf,
div.warehousetasks-stock div.table-container div.row .warehouselocationshelf {
    float: left;
    width: 35px;
    padding: 0 0 8px 0;
}

div.warehousetasks-stock div.table-header .edges,
div.warehousetasks-stock div.table-container div.row .edges {
    float: left;
    width: 30px;
    padding: 0 0 8px 0;
}

div.warehousetasks-stock div.table-container div.row .nostock {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Warehouse Tasks (Tab)
-----------------------------------------------------------------------------*/
#tab-warehousetasks div.table-header .date,
#tab-warehousetasks div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#tab-warehousetasks div.table-header .taskreference,
#tab-warehousetasks div.table-container div.row .taskreference {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#tab-warehousetasks div.table-header .taskreference.first,
#tab-warehousetasks div.table-container div.row .taskreference.first {
    margin-left: 30px;
}

#tab-warehousetasks div.table-header .tasktype,
#tab-warehousetasks div.table-container div.row .tasktype {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#tab-warehousetasks div.table-header .repackagetype,
#tab-warehousetasks div.table-container div.row .repackagetype {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#tab-warehousetasks div.table-header .warehousetask,
#tab-warehousetasks div.table-container div.row .warehousetask {
    float: left;
    width: 220px;
    padding: 0 10px 8px 0;
}

#tab-warehousetasks div.table-header .status {
    float: left;
    width: 95px;
}

#tab-warehousetasks div.table-container div.row .status {
    float: left;
    width: 75px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tab-warehousetasks div.table-container div.row .status.saved {
    background-position: 0 1px;
}

#tab-warehousetasks div.table-container div.row .status.pending {
    background-position: 0 -49px;
}

#tab-warehousetasks div.table-container div.row .status.completed,
#tab-warehousetasks div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#tab-warehousetasks div.table-container div.row .status.cancelled {
    background-position: 0 -198px;
}

#tab-warehousetasks div.table-container div.row .notasks {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#tab-warehousetasks div.table-header .sent {
    float: left;
    width: 70px;
}

#tab-warehousetasks div.table-container div.row .sent {
    float: left;
    width: 50px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tab-warehousetasks div.table-container div.row .sent.no {
    background-position: 0 1px;
}

#tab-warehousetasks div.table-container div.row .sent.yes {
    background-position: 0 -99px;
}


/* Warehouse Task Product Count/Verification
-----------------------------------------------------------------------------*/
#warehousetask-productcountverification {
    position: relative;
    width: 600px;
    margin-top: 25px;
}

#warehousetask-productcountverification.view {
    margin-top: 0px;
}

#warehousetask-productcountverification h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

#warehousetask-productcountverification p {
    padding: 0px !important;
}

#warehousetask-productcountverification div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

#warehousetask-productcountverification div.table-container {
    display: inline-block;
}

#warehousetask-productcountverification div.table-header .stockreference,
#warehousetask-productcountverification div.table-container div.row .stockreference {
    float: left;
    width: 90px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#warehousetask-productcountverification div.table-header .productname,
#warehousetask-productcountverification div.table-container div.row .productname {
    float: left;
    width: 189px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#warehousetask-productcountverification.view div.table-header .productname,
#warehousetask-productcountverification.view div.table-container div.row .productname {
    width: 180px;
}

#warehousetask-productcountverification div.table-header .packages,
#warehousetask-productcountverification div.table-container div.row .packages {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#warehousetask-productcountverification div.table-header .products,
#warehousetask-productcountverification div.table-container div.row .products {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#warehousetask-productcountverification div.table-header .editproducts,
#warehousetask-productcountverification div.table-header .editpackages {
    float: left;
    width: 68px;
    padding: 0 0 8px 0;
    margin: 0 15px 0 0;
}

#warehousetask-productcountverification div.table-container .editproducts,
#warehousetask-productcountverification div.table-container .editpackages {
    float: left;
    line-height: normal !important;
    margin: -1px 15px 0 0;
    padding: 0 0 3px 0;
    width: 68px;
}

#warehousetask-productcountverification div.table-header .newpackages,
#warehousetask-productcountverification div.table-container div.row .newpackages {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#warehousetask-productcountverification div.table-header .newproducts,
#warehousetask-productcountverification div.table-container div.row .newproducts {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;

}

#warehousetask-productcountverification div.table-container div.row .newpackages,
#warehousetask-productcountverification div.table-container div.row .newproducts {
    font-weight: bold;
}

#warehousetask-productcountverification div.table-container div.row .newpackages span,
#warehousetask-productcountverification div.table-container div.row .newproducts span {
    font-weight: normal;
}

#warehousetask-productcountverification div.table-container div.row .newpackages.more,
#warehousetask-productcountverification div.table-container div.row .newproducts.more {
    color: #47aa42;
}

#warehousetask-productcountverification div.table-container div.row .newpackages.less,
#warehousetask-productcountverification div.table-container div.row .newproducts.less {
    color: #bd1818;
}


/* Select Warehouse Stock
-----------------------------------------------------------------------------*/
#selectwarehousestock div.table-header .stockreference,
#selectwarehousestock div.table-container div.row .stockreference {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#selectwarehousestock div.table-header .warehouse,
#selectwarehousestock div.table-container div.row .warehouse {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#selectwarehousestock div.table-header .client,
#selectwarehousestock div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#selectwarehousestock div.table-header .clientreference,
#selectwarehousestock div.table-container div.row .clientreference {
    float: left;
    width: 135px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#selectwarehousestock div.table-header .packagetype,
#selectwarehousestock div.table-container div.row .packagetype {
    float: left;
    width: 100px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#selectwarehousestock div.table-header .packages,
#selectwarehousestock div.table-container div.row .packages {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#selectwarehousestock div.table-header .products,
#selectwarehousestock div.table-container div.row .products {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#selectwarehousestock div.table-header .warehouselocation,
#selectwarehousestock div.table-container div.row .warehouselocation {
    float: left;
    width: 110px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#selectwarehousestock div.table-header .warehouselocationrow,
#selectwarehousestock div.table-container div.row .warehouselocationrow {
    float: left;
    width: 40px;
    padding: 0 0 8px 0;
}

#selectwarehousestock div.table-header .warehouselocationshelf,
#selectwarehousestock div.table-container div.row .warehouselocationshelf {
    float: left;
    width: 35px;
    padding: 0 0 8px 0;
}

#selectwarehousestock div.table-container div.row .nowarehousestock {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* English Customs - Dossier Summary
-----------------------------------------------------------------------------*/
#customsentriessummary div.table-header .sequence,
#customsentriessummary div.table-container div.row .sequence {
    float: left;
    width: 35px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#customsentriessummary div.table-header .createdby,
#customsentriessummary div.table-container div.row .createdby {
    float: left;
    width: 110px;
    padding: 0 10px 8px 0;
}

#customsentriessummary div.table-header .senton,
#customsentriessummary div.table-container div.row .senton {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#customsentriessummary div.table-header .status {
    float: left;
    width: 115px;
    padding: 0 0 8px 0;
}

#customsentriessummary div.table-container div.row .status {
    float: left;
    width: 95px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customsentriessummary div.table-container div.row .status.notentered {
    background-position: 0 1px;
}

#customsentriessummary div.table-container div.row .status.preentered,
#customsentriessummary div.table-container div.row .status.c88received,
#customsentriessummary div.table-container div.row .status.c88essreceived,
#customsentriessummary div.table-container div.row .status.accepted,
#customsentriessummary div.table-container div.row .status.goodsarrived,
#customsentriessummary div.table-container div.row .status.goodsdeparted,
#customsentriessummary div.table-container div.row .status.cleared {
    background-position: 0 -99px;
}

#customsentriessummary div.table-container div.row .status.readyforentry,
#customsentriessummary div.table-container div.row .status.entryinprogress {
    background-position: 0 -49px;
}

#customsentriessummary div.table-container div.row .status.arrived {
    background-position: 0 -249px;
}

#customsentriessummary div.table-container div.row .status.sent {
    background-position: 0 -49px;
}

#customsentriessummary div.table-container div.row .status.cancelled,
#customsentriessummary div.table-container div.row .status.error {
    background-position: 0 -198px;
}

#customsentriessummary div.table-header .exam {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#customsentriessummary div.table-container div.row .exam {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#customsentriessummary div.table-container div.row .exam.yes {
    width: 40px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 -249px no-repeat;
}

#customsentriessummary div.table-container div.row .exam.yes div.tooltip span {
    color: #b89000;
    border: 1px solid #dac602;
    background-color: #ffffd8;
    width: 600px;
    white-space: normal;
}

#customsentriessummary div.table-header .clearedon,
#customsentriessummary div.table-container div.row .clearedon {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#customsentriessummary div.table-header .advicesent {
    float: left;
    width: 75px;
}

#customsentriessummary div.table-container div.row .advicesent {
    float: left;
    width: 30px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#customsentriessummary div.table-container div.row .advicesent.no {
    background-position: 0 1px;
}

#customsentriessummary div.table-container div.row .advicesent.yes {
    background-position: 0 -99px;
}


/* Portbase - Document types
-----------------------------------------------------------------------------*/
#portbase-documenttypes div.table-header .code,
#portbase-documenttypes div.table-container div.row .code {
    float: left;
    width: 45px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#portbase-documenttypes div.table-header .description,
#portbase-documenttypes div.table-container div.row .description {
    float: left;
    width: 305px;
    padding: 0 15px 8px 0;
}

#portbase-documenttypes div.table-header .filetype,
#portbase-documenttypes div.table-container div.row .filetype {
    float: left;
    width: 125px;
    padding: 0 15px 8px 0;
}

#portbase-documenttypes div.table-header .export,
#portbase-documenttypes div.table-header .import,
#portbase-documenttypes div.table-header .activestatus {
    float: left;
    width: 65px;
}

#portbase-documenttypes div.table-container div.row .export,
#portbase-documenttypes div.table-container div.row .import,
#portbase-documenttypes div.table-container div.row .activestatus {
    float: left;
    width: 45px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#portbase-documenttypes div.table-container div.row .export.no,
#portbase-documenttypes div.table-container div.row .import.no,
#portbase-documenttypes div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#portbase-documenttypes div.table-container div.row .export.yes,
#portbase-documenttypes div.table-container div.row .import.yes,
#portbase-documenttypes div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}

#portbase-documenttypes div.table-container div.row .nodocumenttypes {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Portbase - Terminals
-----------------------------------------------------------------------------*/
#portbase-terminals div.table-header .code,
#portbase-terminals div.table-container div.row .code {
    float: left;
    width: 80px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#portbase-terminals div.table-header .terminalname,
#portbase-terminals div.table-container div.row .terminalname {
    float: left;
    width: 305px;
    padding: 0 15px 8px 0;
}

#portbase-terminals div.table-header .activestatus {
    float: left;
    width: 65px;
}

#portbase-terminals div.table-container div.row .activestatus {
    float: left;
    width: 45px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#portbase-terminals div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#portbase-terminals div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}

#portbase-terminals div.table-container div.row .noterminals {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Portbase - Import Notifications
-----------------------------------------------------------------------------*/
#portbase-importnotifications div.table-header .date,
#portbase-importnotifications div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding-bottom: 0 0 8px 0;
}

#portbase-importnotifications div.table-header .dossier,
#portbase-importnotifications div.table-container div.row .dossier {
    float: left;
    width: 70px;
    padding-bottom: 0 0 8px 0;
}

#portbase-importnotifications div.table-header .sequence,
#portbase-importnotifications div.table-container div.row .sequence {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

#portbase-importnotifications div.table-header .documenttype,
#portbase-importnotifications div.table-container div.row .documenttype {
    float: left;
    width: 45px;
    padding: 0 0 8px 0;
}

#portbase-importnotifications div.table-header .documentnumber,
#portbase-importnotifications div.table-container div.row .documentnumber {
    float: left;
    width: 130px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#portbase-importnotifications div.table-header .terminal,
#portbase-importnotifications div.table-container div.row .terminal {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

#portbase-importnotifications div.table-header .modality,
#portbase-importnotifications div.table-container div.row .modality {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#portbase-importnotifications div.table-header .containers,
#portbase-importnotifications div.table-container div.row .containers {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#portbase-importnotifications div.table-header .status {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#portbase-importnotifications div.table-container div.row .status {
    float: left;
    width: 60px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#portbase-importnotifications div.table-container div.row .status.new {
    background-position: 0 -249px;
}

#portbase-importnotifications div.table-container div.row .status.checked {
    background-position: 0 1px;
}

#portbase-importnotifications div.table-container div.row .status.pending {
    background-position: 0 -49px;
}

#portbase-importnotifications div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#portbase-importnotifications div.table-container div.row .status.error,
#portbase-importnotifications div.table-container div.row .status.deleted,
#portbase-importnotifications div.table-container div.row .status.cancelled {
    background-position: 0 -198px;
}

#portbase-importnotifications div.table-container div.row .nonotifications {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Portbase - Export Notifications
-----------------------------------------------------------------------------*/
#portbase-exportnotifications div.table-header .date,
#portbase-exportnotifications div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding-bottom: 0 0 8px 0;
}

#portbase-exportnotifications div.table-header .dossier,
#portbase-exportnotifications div.table-container div.row .dossier {
    float: left;
    width: 70px;
    padding-bottom: 0 0 8px 0;
}

#portbase-exportnotifications div.table-header .sequence,
#portbase-exportnotifications div.table-container div.row .sequence {
    float: left;
    width: 40px;
    padding: 0 0 7px 0;
}

#portbase-exportnotifications div.table-header .documenttype,
#portbase-exportnotifications div.table-container div.row .documenttype {
    float: left;
    width: 45px;
    padding: 0 0 8px 0;
}

#portbase-exportnotifications div.table-header .documentnumber,
#portbase-exportnotifications div.table-container div.row .documentnumber {
    float: left;
    width: 130px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#portbase-exportnotifications div.table-header .carrierbookingnumber,
#portbase-exportnotifications div.table-container div.row .carrierbookingnumber {
    float: left;
    width: 110px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#portbase-exportnotifications div.table-header .equipmentid,
#portbase-exportnotifications div.table-container div.row .equipmentid {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#portbase-exportnotifications div.table-header .status {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#portbase-exportnotifications div.table-container div.row .status {
    float: left;
    width: 60px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#portbase-exportnotifications div.table-container div.row .status.new {
    background-position: 0 -249px;
}

#portbase-exportnotifications div.table-container div.row .status.checked {
    background-position: 0 1px;
}

#portbase-exportnotifications div.table-container div.row .status.pending {
    background-position: 0 -49px;
}

#portbase-exportnotifications div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#portbase-exportnotifications div.table-container div.row .status.error,
#portbase-exportnotifications div.table-container div.row .status.deleted,
#portbase-exportnotifications div.table-container div.row .status.cancelled {
    background-position: 0 -198px;
}

#portbase-exportnotifications div.table-header .portbasestatus {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#portbase-exportnotifications div.table-container div.row .portbasestatus {
    float: left;
    width: 30px;
    padding: 0 0 7px 0;
}

#portbase-exportnotifications div.table-container div.row .nonotifications {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Portbase Notifications - Status History
-----------------------------------------------------------------------------*/
div.portbasenotifications-statushistory {
    position: relative;
    width: 600px;
}

div.portbasenotifications-statushistory div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.portbasenotifications-statushistory div.table-container {
    display: inline-block;
}

div.portbasenotifications-statushistory div.table-header .date,
div.portbasenotifications-statushistory div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    width: 75px;
    padding: 0 0 8px 0;
}

div.portbasenotifications-statushistory div.table-header .time,
div.portbasenotifications-statushistory div.table-container div.row .time {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

div.portbasenotifications-statushistory div.table-header .oldstatus,
div.portbasenotifications-statushistory div.table-container div.row .oldstatus {
    float: left;
    width: 220px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.portbasenotifications-statushistory div.table-header .newstatus,
div.portbasenotifications-statushistory div.table-container div.row .newstatus {
    float: left;
    width: 220px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

div.portbasenotifications-statushistory div.table-container div.row .nochanges {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* Portbase Notifications - Portbase Status
-----------------------------------------------------------------------------*/
div.portbasenotifications-statuses {
    position: relative;
    width: 600px;
}

div.portbasenotifications-statuses div.table-header {
    background: url("../images/tableheader.png") no-repeat scroll 0 0 transparent;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
    width: 600px;
}

div.portbasenotifications-statuses div.table-container {
    display: inline-block;
}

div.portbasenotifications-statuses div.table-header .date,
div.portbasenotifications-statuses div.table-container div.row .date {
    float: left;
    margin-left: 15px;
    width: 75px;
    padding: 0 0 8px 0;
}

div.portbasenotifications-statuses div.table-header .time,
div.portbasenotifications-statuses div.table-container div.row .time {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

div.portbasenotifications-statuses div.table-header .statuscode,
div.portbasenotifications-statuses div.table-container div.row .statuscode {
    float: left;
    width: 45px;
    padding: 0 0 8px 0;
}

div.portbasenotifications-statuses div.table-header .portbasestatus,
div.portbasenotifications-statuses div.table-container div.row .portbasestatus {
    float: left;
    width: 395px;
    padding: 0 0 8px 0;
}

div.portbasenotifications-statuses div.table-container div.row .nostatuses {
    float: left;
    margin-left: 15px;
    width: 570px;
    padding: 0 0 8px 0;
}


/* Warehouse Tasks (Tablet)
-----------------------------------------------------------------------------*/
#tabletwarehousetasks div.table-header .date,
#tabletwarehousetasks div.table-container div.row .date {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#tabletwarehousetasks div.table-header .taskreference,
#tabletwarehousetasks div.table-container div.row .taskreference {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#tabletwarehousetasks div.table-header .warehouse,
#tabletwarehousetasks div.table-container div.row .warehouse {
    float: left;
    width: 75px;
    padding: 0 0 7px 0;
}

#tabletwarehousetasks div.table-header .client,
#tabletwarehousetasks div.table-container div.row .client {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#tabletwarehousetasks div.table-header .clientcontact,
#tabletwarehousetasks div.table-container div.row .clientcontact {
    float: left;
    width: 125px;
    padding: 0 10px 7px 0;
}

#tabletwarehousetasks div.table-header .tasktype,
#tabletwarehousetasks div.table-container div.row .tasktype {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#tabletwarehousetasks div.table-header .stock,
#tabletwarehousetasks div.table-container div.row .stock {
    float: left;
    width: 50px;
    padding: 0 0 8px 0;
}

#tabletwarehousetasks div.table-header .warehousetask,
#tabletwarehousetasks div.table-container div.row .warehousetask {
    float: left;
    width: 255px;
    padding: 0 15px 8px 0;
}

#tabletwarehousetasks div.table-header .status {
    float: left;
    width: 95px;
}

#tabletwarehousetasks div.table-container div.row .status {
    float: left;
    width: 75px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tabletwarehousetasks div.table-container div.row .status.saved {
    background-position: 0 1px;
}

#tabletwarehousetasks div.table-container div.row .status.pending {
    background-position: 0 -49px;
}

#tabletwarehousetasks div.table-container div.row .status.completed,
#tabletwarehousetasks div.table-container div.row .status.confirmed {
    background-position: 0 -99px;
}

#tabletwarehousetasks div.table-container div.row .status.cancelled {
    background-position: 0 -198px;
}

#tabletwarehousetasks div.table-container div.row .notasks {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#tabletwarehousetasks div.table-header .sent {
    float: left;
    width: 55px;
}

#tabletwarehousetasks div.table-container div.row .sent {
    float: left;
    width: 35px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tabletwarehousetasks div.table-container div.row .sent.no {
    background-position: 0 1px;
}

#tabletwarehousetasks div.table-container div.row .sent.yes {
    background-position: 0 -99px;
}


/* Bank Accounts
-----------------------------------------------------------------------------*/
#bankaccounts div.table-header .iban,
#bankaccounts div.table-container div.row .iban {
    float: left;
    width: 130px;
    margin-left: 15px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#bankaccounts div.table-header .currency,
#bankaccounts div.table-container div.row .currency {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#bankaccounts div.table-header .bankname,
#bankaccounts div.table-container div.row .bankname {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#bankaccounts div.table-header .bankcity,
#bankaccounts div.table-container div.row .bankcity {
    float: left;
    width: 120px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#bankaccounts div.table-header .bicswift,
#bankaccounts div.table-container div.row .bicswift {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#bankaccounts div.table-container div.row .nobankaccounts {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}


/* Shipping Instruction Freight Charges
-----------------------------------------------------------------------------*/
#sifreightcharges {
    width: 600px;
    position: relative;
    margin-top: 25px;
    position: relative;
}

#sifreightcharges.overview {
    margin-top: 0px;
}

#sifreightcharges h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
}

#sifreightcharges div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

#sifreightcharges div.table-container {
    display: inline-block;
}

#sifreightcharges div.table-header .chargetype,
#sifreightcharges div.table-container div.row .chargetype {
    float: left;
    width: 170px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#sifreightcharges div.table-header .freightterm,
#sifreightcharges div.table-container div.row .freightterm {
    float: left;
    width: 115px;
    padding: 0 0 8px 0;
}

#sifreightcharges div.table-header .payer,
#sifreightcharges div.table-container div.row .payer {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#sifreightcharges div.table-header .paymentlocation,
#sifreightcharges div.table-container div.row .paymentlocation {
    float: left;
    width: 100px;
    padding: 0 0 7px 0;
}

#sifreightcharges div.table-container div.row .nocharges {
    float: left;
    margin-left: 30px;
    width: 555px;
    padding: 0 0 8px 0;
}


/* Link Tariffs from Excel
-----------------------------------------------------------------------------*/
#linktariffsfromexcel div.table-header .excelline,
#linktariffsfromexcel div.table-container div.row .excelline {
    float: left;
    width: 35px;
    margin-left: 15px;
    padding: 0 0 8px 0;
}

#linktariffsfromexcel div.table-header .dossier,
#linktariffsfromexcel div.table-container div.row .dossier {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#linktariffsfromexcel div.table-header .customsentry,
#linktariffsfromexcel div.table-container div.row .customsentry {
    float: left;
    width: 105px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#linktariffsfromexcel div.table-header .containernumber,
#linktariffsfromexcel div.table-container div.row .containernumber {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#linktariffsfromexcel div.table-header .tarifftype,
#linktariffsfromexcel div.table-container div.row .tarifftype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#linktariffsfromexcel div.table-header .unittype,
#linktariffsfromexcel div.table-container div.row .unittype {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#linktariffsfromexcel div.table-header .totalnetcosts {
    float: left;
    width: 85px;
    text-align: right;
    margin-right: 25px;
    padding: 0 0 8px 0;
}

#linktariffsfromexcel div.table-container div.row .totalnetcostscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#linktariffsfromexcel div.table-container div.row .totalnetcosts {
    float: left;
    width: 63px;
    text-align: right;
    margin-right: 25px;
    padding: 0 0 7px 0;
}

#linktariffsfromexcel div.table-header .remainingcosts {
    float: left;
    width: 85px;
    text-align: right;
    margin-right: 25px;
    padding: 0 0 8px 0;
}

#linktariffsfromexcel div.table-container div.row .remainingcostscurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#linktariffsfromexcel div.table-container div.row .remainingcosts {
    float: left;
    width: 63px;
    text-align: right;
    margin-right: 25px;
    padding: 0 0 7px 0;
}

#linktariffsfromexcel div.table-header .invoiceamount {
    float: left;
    width: 90px;
    text-align: right;
    padding: 0 0 8px 0;
}

#linktariffsfromexcel div.table-container div.row .invoiceamountcurrency {
    float: left;
    width: 22px;
    padding: 0 0 8px 0;
}

#linktariffsfromexcel div.table-container div.row .invoiceamount {
    float: left;
    width: 68px;
    text-align: right;
    padding: 0 0 7px 0;
}


/* PCS Prints (Per Dossier)
-----------------------------------------------------------------------------*/
#pcsprintsperdossier div.table-header .dossier,
#pcsprintsperdossier div.table-container div.row .dossier {
    float: left;
    margin-left: 30px;
    width: 75px;
    padding: 0 0 8px 0;
}

#pcsprintsperdossier div.table-header .pcs,
#pcsprintsperdossier div.table-container div.row .pcs {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#pcsprintsperdossier div.table-header .pending,
#pcsprintsperdossier div.table-container div.row .pending {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#pcsprintsperdossier div.table-header .received,
#pcsprintsperdossier div.table-container div.row .received {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#pcsprintsperdossier div.table-header .handled,
#pcsprintsperdossier div.table-container div.row .handled {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#pcsprintsperdossier div.table-header .client,
#pcsprintsperdossier div.table-container div.row .client {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#pcsprintsperdossier div.table-header .carrier,
#pcsprintsperdossier div.table-container div.row .carrier {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#pcsprintsperdossier div.table-header .vessel,
#pcsprintsperdossier div.table-container div.row .vessel {
    float: left;
    width: 140px;
    padding: 0 5px 8px 0;
}

#pcsprintsperdossier div.table-header .port,
#pcsprintsperdossier div.table-container div.row .port {
    float: left;
    width: 45px;
    padding: 0 0 7px 0;
}

#pcsprintsperdossier div.table-header .etseta,
#pcsprintsperdossier div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#pcsprintsperdossier div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* PCS Prints
-----------------------------------------------------------------------------*/
#pcsprints div.table-header .received,
#pcsprints div.table-container div.row .received {
    float: left;
    margin-left: 30px;
    width: 105px;
    padding: 0 0 8px 0;
}

#pcsprints div.table-header .pcs,
#pcsprints div.table-container div.row .pcs {
    float: left;
    width: 55px;
    padding: 0 0 8px 0;
}

#pcsprints div.table-header .dossier,
#pcsprints div.table-container div.row .dossier {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#pcsprints div.table-header .filename,
#pcsprints div.table-container div.row .filename {
    float: left;
    width: 295px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#pcsprints div.table-header .emailsubject,
#pcsprints div.table-container div.row .emailsubject {
    float: left;
    width: 295px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#pcsprints.deleted div.table-header .filename,
#pcsprints.deleted div.table-container div.row .filename {
    width: 470px;
}

#pcsprints div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Incoming Dossiers XML
-----------------------------------------------------------------------------*/
#incomingdossiers div.table-header .date,
#incomingdossiers div.table-container div.row .date {
    float: left;
    margin-left: 30px;
    width: 70px;
    padding: 0 0 8px 0;
}

#incomingdossiers div.table-header .messagestatus,
#incomingdossiers div.table-container div.row .messagestatus {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#incomingdossiers div.table-header .client,
#incomingdossiers div.table-container div.row .client {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#incomingdossiers div.table-header .clientreference,
#incomingdossiers div.table-container div.row .clientreference {
    float: left;
    width: 130px;
    padding: 0 5px 8px 0;
    word-wrap: break-word;
}

#incomingdossiers div.table-header .dossier,
#incomingdossiers div.table-container div.row .dossier {
    float: left;
    width: 70px;
    padding: 0 0 8px 0;
}

#incomingdossiers div.table-header .carrier,
#incomingdossiers div.table-container div.row .carrier {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#incomingdossiers div.table-header .etseta,
#incomingdossiers div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#incomingdossiers div.table-header .port,
#incomingdossiers div.table-container div.row .port {
    float: left;
    width: 50px;
    padding: 0 0 7px 0;
}

#incomingdossiers div.table-header .containerspackages,
#incomingdossiers div.table-container div.row .containerspackages {
    float: left;
    width: 140px;
    padding: 0 0 8px 0;
    word-wrap: break-word;
}

#incomingdossiers div.table-container div.row .containerspackages p {
    padding: 0px;
}

#incomingdossiers div.table-header .status {
    float: left;
    width: 90px;
}

#incomingdossiers div.table-container div.row .status {
    float: left;
    width: 70px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#incomingdossiers div.table-container div.row .status.declined {
    background-position: 0 -198px;
}

#incomingdossiers div.table-container div.row .status.processed {
    background-position: 0 -99px;
}

#incomingdossiers div.table-container div.row .noresults {
    float: left;
    margin-left: 30px;
    width: 787px;
    padding: 0 0 8px 0;
}


/* PCS Prints (Pending)
-----------------------------------------------------------------------------*/
#tab-pendingpcsprints div.table-header .received,
#tab-pendingpcsprints div.table-container div.row .received {
    float: left;
    margin-left: 30px;
    width: 105px;
    padding: 0 0 8px 0;
}

#tab-pendingpcsprints div.table-header .filename,
#tab-pendingpcsprints div.table-container div.row .filename {
    float: left;
    width: 255px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#tab-pendingpcsprints div.table-header .customsentry,
#tab-pendingpcsprints div.table-container div.row .customsentry {
    float: left;
    width: 45px;
    padding: 0 0 8px 0;
}

#tab-pendingpcsprints div.table-header .containernumber,
#tab-pendingpcsprints div.table-container div.row .containernumber {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#tab-pendingpcsprints div.table-container div.row .noresults {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* PCS Prints (Handled)
-----------------------------------------------------------------------------*/
#tab-handledpcsprints div.table-header .handled,
#tab-handledpcsprints div.table-container div.row .handled {
    float: left;
    margin-left: 30px;
    width: 105px;
    padding: 0 0 8px 0;
}

#tab-handledpcsprints div.table-header .filename,
#tab-handledpcsprints div.table-container div.row .filename {
    float: left;
    width: 255px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#tab-handledpcsprints div.table-header .customsentry,
#tab-handledpcsprints div.table-container div.row .customsentry {
    float: left;
    width: 45px;
    padding: 0 0 8px 0;
}

#tab-handledpcsprints div.table-header .containernumber,
#tab-handledpcsprints div.table-container div.row .containernumber {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#tab-handledpcsprints div.table-container div.row .noresults {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Dossier Selector
-----------------------------------------------------------------------------*/
#dossierselector {
    margin-top: 15px;
}

#dossierselector div.table-header {
    background: transparent url("../images/tableheader.png") no-repeat scroll 0 0;
    color: #888888;
    font-weight: normal;
    height: 25px;
    padding-top: 9px;
    position: relative;
}

#dossierselector-overflowcontainer {
    width: 632px;
    max-height: 300px;
    overflow-y: auto;
}

#dossierselector div.table-header .dossier,
#dossierselector div.table-container div.row .dossier {
    float: left;
    margin-left: 15px;
    width: 70px;
    padding: 0 0 8px 0;
}

#dossierselector div.table-header .company,
#dossierselector div.table-container div.row .company {
    float: left;
    width: 55px;
    padding: 0 0 7px 0;
}

#dossierselector div.table-header .carrier,
#dossierselector div.table-container div.row .carrier {
    float: left;
    width: 60px;
    padding: 0 0 7px 0;
}

#dossierselector div.table-header .vessel,
#dossierselector div.table-container div.row .vessel {
    float: left;
    width: 110px;
    padding: 0 5px 7px 0;
    word-wrap: break-word;
}

#dossierselector div.table-header .port,
#dossierselector div.table-container div.row .port {
    float: left;
    width: 45px;
    padding: 0 0 7px 0;
}

#dossierselector div.table-header .etseta,
#dossierselector div.table-container div.row .etseta {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#dossierselector div.table-container div.row .noresults {
    float: left;
    width: 570px;
    margin-left: 15px;
    padding: 0 0 8px;
}


/* Time Slot Management
-----------------------------------------------------------------------------*/
#timeslotmanagement div.table-header .warehousename,
#timeslotmanagement div.table-container div.row .warehousename {
    float: left;
    width: 280px;
    margin-left: 30px;
    padding: 0 10px 8px 0;
}

#timeslotmanagement div.table-header .warehousecode,
#timeslotmanagement div.table-container div.row .warehousecode {
    float: left;
    width: 75px;
    padding: 0 0 8px 0;
}

#timeslotmanagement div.table-header .configured {
    float: left;
    width: 80px;
}

#timeslotmanagement div.table-container div.row .configured {
    float: left;
    width: 60px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#timeslotmanagement div.table-container div.row .configured.no {
    background-position: 0 1px;
}

#timeslotmanagement div.table-container div.row .configured.yes {
    background-position: 0 -99px;
}

#timeslotmanagement div.table-container div.row .nowarehouses {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#timeslotmanagement div.table-header .slotsperweek,
#timeslotmanagement div.table-container div.row .slotsperweek {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

#timeslotmanagement div.table-header .activestatus {
    float: left;
    width: 65px;
}

#timeslotmanagement div.table-container div.row .activestatus {
    float: left;
    width: 45px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#timeslotmanagement div.table-container div.row .activestatus.no {
    background-position: 0 1px;
}

#timeslotmanagement div.table-container div.row .activestatus.yes {
    background-position: 0 -99px;
}

#timeslotmanagement div.table-container div.row .nowarehouses {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Time Slot Management (Week Configurations)
-----------------------------------------------------------------------------*/
#tab-weekconfigurations div.table-header .day,
#tab-weekconfigurations div.table-container div.row .day {
    float: left;
    width: 85px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#tab-weekconfigurations div.table-header .open {
    float: left;
    width: 65px;
}

#tab-weekconfigurations div.table-container div.row .open {
    float: left;
    width: 45px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tab-weekconfigurations div.table-container div.row .open.no {
    background-position: 0 1px;
}

#tab-weekconfigurations div.table-container div.row .open.yes {
    background-position: 0 -99px;
}

#tab-weekconfigurations div.table-header .from,
#tab-weekconfigurations div.table-container div.row .from {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#tab-weekconfigurations div.table-header .till,
#tab-weekconfigurations div.table-container div.row .till {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#tab-weekconfigurations div.table-header .slotspertimeslot,
#tab-weekconfigurations div.table-container div.row .slotspertimeslot {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#tab-weekconfigurations div.table-header .totalslots,
#tab-weekconfigurations div.table-container div.row .totalslots {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#tab-weekconfigurations div.table-header .configured {
    float: left;
    width: 65px;
}

#tab-weekconfigurations div.table-container div.row .configured {
    float: left;
    width: 45px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tab-weekconfigurations div.table-container div.row .configured.no {
    background-position: 0 1px;
}

#tab-weekconfigurations div.table-container div.row .configured.yes {
    background-position: 0 -99px;
}


/* Time Slot Management (Exceptions)
-----------------------------------------------------------------------------*/
#tab-timeslotexceptions div.table-header .date,
#tab-timeslotexceptions div.table-container div.row .date {
    float: left;
    width: 75px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#tab-timeslotexceptions div.table-header .open {
    float: left;
    width: 65px;
}

#tab-timeslotexceptions div.table-container div.row .open {
    float: left;
    width: 45px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tab-timeslotexceptions div.table-container div.row .open.no {
    background-position: 0 1px;
}

#tab-timeslotexceptions div.table-container div.row .open.yes {
    background-position: 0 -99px;
}

#tab-timeslotexceptions div.table-header .from,
#tab-timeslotexceptions div.table-container div.row .from {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#tab-timeslotexceptions div.table-header .till,
#tab-timeslotexceptions div.table-container div.row .till {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#tab-timeslotexceptions div.table-header .timeslot,
#tab-timeslotexceptions div.table-container div.row .timeslot {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#tab-timeslotexceptions div.table-header .slotspertimeslot,
#tab-timeslotexceptions div.table-container div.row .slotspertimeslot {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#tab-timeslotexceptions div.table-header .totalslots,
#tab-timeslotexceptions div.table-container div.row .totalslots {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#tab-timeslotexceptions div.table-container div.row .totalslots {
    width: 40px;
}

#tab-timeslotexceptions div.table-container div.row .noexceptions {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Time Slot Management (Past Exceptions)
-----------------------------------------------------------------------------*/
#tab-timeslotpastexceptions div.table-header .date,
#tab-timeslotpastexceptions div.table-container div.row .date {
    float: left;
    width: 75px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#tab-timeslotpastexceptions div.table-header .open {
    float: left;
    width: 65px;
}

#tab-timeslotpastexceptions div.table-container div.row .open {
    float: left;
    width: 45px;
    padding-left: 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#tab-timeslotpastexceptions div.table-container div.row .open.no {
    background-position: 0 1px;
}

#tab-timeslotpastexceptions div.table-container div.row .open.yes {
    background-position: 0 -99px;
}

#tab-timeslotpastexceptions div.table-header .from,
#tab-timeslotpastexceptions div.table-container div.row .from {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#tab-timeslotpastexceptions div.table-header .till,
#tab-timeslotpastexceptions div.table-container div.row .till {
    float: left;
    width: 60px;
    padding: 0 0 8px 0;
}

#tab-timeslotpastexceptions div.table-header .timeslot,
#tab-timeslotpastexceptions div.table-container div.row .timeslot {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#tab-timeslotpastexceptions div.table-header .slotspertimeslot,
#tab-timeslotpastexceptions div.table-container div.row .slotspertimeslot {
    float: left;
    width: 120px;
    padding: 0 0 8px 0;
}

#tab-timeslotpastexceptions div.table-header .totalslots,
#tab-timeslotpastexceptions div.table-container div.row .totalslots {
    float: left;
    width: 80px;
    padding: 0 0 8px 0;
}

#tab-timeslotpastexceptions div.table-container div.row .noexceptions {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Time Slot Reservations
-----------------------------------------------------------------------------*/
#timeslotreservations div.table-header .timeslot,
#timeslotreservations div.table-container div.row .timeslot {
    float: left;
    width: 140px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#timeslotreservations div.table-header .createddate,
#timeslotreservations div.table-container div.row .createddate {
    float: left;
    width: 70px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#timeslotreservations div.table-header .slots,
#timeslotreservations div.table-container div.row .slots {
    float: left;
    width: 45px;
    padding: 0 0 8px 0;
}

#timeslotreservations div.table-header .warehouse,
#timeslotreservations div.table-container div.row .warehouse {
    float: left;
    width: 80px;
    padding: 0 0 7px 0;
}

#timeslotreservations div.table-header .reservationtype,
#timeslotreservations div.table-container div.row .reservationtype {
    float: left;
    width: 110px;
    padding: 0 0 8px 0;
}

#timeslotreservations div.table-header .roadcarrier,
#timeslotreservations div.table-container div.row .roadcarrier {
    float: left;
    width: 65px;
    padding: 0 0 7px 0;
}

#timeslotreservations div.table-header .carrierreference,
#timeslotreservations div.table-container div.row .carrierreference {
    float: left;
    width: 150px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

#timeslotreservations div.table-header .trailernumber,
#timeslotreservations div.table-container div.row .trailernumber {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#timeslotreservations div.table-header .totalpackages,
#timeslotreservations div.table-container div.row .totalpackages {
    float: left;
    width: 70px;
    padding: 0 0 7px 0;
}

#timeslotreservations div.table-header .totalweight,
#timeslotreservations div.table-container div.row .totalweight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

#timeslotreservations div.table-header .status {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}

#timeslotreservations div.table-container div.row .status {
    float: left;
    width: 65px;
    padding: 0 0 7px 20px;
    background: url(../images/status-group.png) 0 1px no-repeat;
}

#timeslotreservations div.table-container div.row .status.saved {
    background-position: 0 1px;
    position: relative;
}

#timeslotreservations div.table-container div.row .status.completed {
    background-position: 0 -49px;
    position: relative;
}

#timeslotreservations div.table-container div.row .status.history {
    background-position: 0 -99px;
    position: relative;
}

#timeslotreservations div.table-container div.row .status.cancelled {
    background-position: 0 -198px;
    position: relative;
}

#timeslotreservations div.table-container div.row .noresults {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}


/* Time Slot Cargo
-----------------------------------------------------------------------------*/
div.timeslotcargo {
    width: 600px;
    display: inline-block;
    margin-top: 25px;
}

div.timeslotcargo.view {
    margin-top: 0px;
}

div.timeslotcargo h2 {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 12px;
    width: 600px;
    border-bottom: none;
}

div.timeslotcargo div.table-header {
    width: 600px;
    height: 25px;
    position: relative;
    background: url(../images/tableheader.png) no-repeat;
    color: #888888;
    font-weight: normal;
    padding-top: 9px;
}

div.timeslotcargo div.table-header .clientreference,
div.timeslotcargo div.table-container div.row .clientreference {
    float: left;
    margin-left: 30px;
    width: 125px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

div.timeslotcargo div.table-header .stockreference,
div.timeslotcargo div.table-container div.row .stockreference {
    float: left;
    width: 100px;
    padding: 0 0 8px 0;
}

div.timeslotcargo div.table-header .reeferhazmat,
div.timeslotcargo div.table-container div.row .reeferhazmat {
    width: 16px;
    height: 16px;
    float: left;
    padding: 2px 5px 0 0;
}

div.timeslotcargo div.table-header .packages,
div.timeslotcargo div.table-container div.row .packages {
    float: left;
    width: 90px;
    padding: 0 10px 8px 0;
    word-wrap: break-word;
}

div.timeslotcargo div.table-header .grossweight,
div.timeslotcargo div.table-container div.row .grossweight {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

div.timeslotcargo div.table-header .volume,
div.timeslotcargo div.table-container div.row .volume {
    float: left;
    width: 90px;
    padding: 0 0 8px 0;
}

div.timeslotcargo div.table-container div.row.grandtotals {
    background-color: #eeeeee;
    font-weight: bold;
}

div.timeslotcargo div.table-container div.row.grandtotals .label {
    float: left;
    width: 100px;
    margin-left: 286px;
    padding: 0 0 8px 0;
}

div.timeslotcargo div.table-container div.row .nocargo {
    float: left;
    width: 555px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}
/* Messages
-----------------------------------------------------------------------------*/
#messages div.table-header .date,
#messages div.table-container div.row .date {
    float: left;
    width: 75px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}

#messages div.table-header .companytype,
#messages div.table-container div.row .companytype {
    float: left;
    width: 65px;
    padding: 0 0 8px 0;
}

#messages div.table-header .companygroupname,
#messages div.table-container div.row .companygroupname {
    float: left;
    width: 220px;
    padding: 0 15px 8px 0;
    word-wrap: break-word;
}

#messages div.table-header .subject,
#messages div.table-container div.row .subject {
    float: left;
    width: 280px;
    padding: 0 15px 8px 0;
    word-wrap: break-word;
}

#messages div.table-container div.row .nomessages {
    float: left;
    width: 787px;
    margin-left: 30px;
    padding: 0 0 8px 0;
}
#companygroups div.table-header .module, #companygroups div.table-container div.row .module {
    float: left;
    width: 85px;
    padding: 0 0 8px 0;
}