h2 {
    font-size: 1.1em;
    color: #1152A2;
    font-weight: normal;
    margin-bottom: 10px;
}

.ui-body-c, .ui-overlay-c {
    text-shadow: none;
    /*border: none;*/
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1em;
    color: #666;
}

body, a, p, h1, h2, h3, h4, h5, h6, table, div {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

b, strong {
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
}

.ui-focus, .ui-btn:focus,
.ui-input-text.ui-focus,
.ui-input-search.ui-focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-content {
    padding-left: 10px;
    padding-right: 10px;
}

.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn, .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn, .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn, .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn {
    margin-right: 0;
}

#bodyContent .ui-submit, .dataHeader .ui-btn, #bodyContent a.ui-btn {
    background-color: #00469B;
    text-align: center;
}

#headContent {
    border-bottom: 4px solid #CFCFD1;
    border-left: none;
    border-right: none;
    color: #00469B;
    height: 53px;
}

#bodyContent {
    position: relative;
}

#footerContent {
    height: 50px;
    border-color: #CFCFD1;
    border-style: solid;
    border-width: 3px 1px 1px 1px;
    color: #00469B;
    background-color: #E7E7E9;
    background-image: none;
}

#footerContent .classic {
    text-align: center;
    padding: 0;
}

#footerContent .classic a {
    text-decoration: none;
    color: #7A7A7C;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-shadow: none;
    display: block;
    padding: 12px 0 17px 0;
}

.ui-bar-a {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-shadow: none;
    font-weight: normal;
}

#headLogo {
    position: absolute;
    right: 23px;
    top: 14px;
}

#pageInfo {
    font-size: 1.4em;
    color: #666666;
    margin-top: 22px;
    margin-bottom: 25px;
}

#pageInfo ul {
    font-size: 0.6em;
    list-style-type: none;
    padding: 0;
    margin-top: 5px;
}


#contactContainer-popup, #actionsContainer-popup, #podContainer-popup {
    width: 100%;
}

#podContainer-popup {
    top: 58px !important;
    left: 0 !important;
}

#podContainer-popup.ui-popup-hidden {
    top: -9999px !important;
    left: -9999px !important;
}

#podContainer ul li a.doc {
    background: url("rC10tKSwLG0gg25ehoUjYLEUUSKcl4H9ZpC2aVBNXTV.png") no-repeat scroll 2px 1px transparent;
}

#podContainer div.errors {
    background: transparent url(kT3tzbfnKBz8PBb45YDi5gRsxwgBQF5MCDwLQPWy4fD.gif) 18px 12px no-repeat;
    margin: 20px 0;
}

#podContainer div.errors ul li {
    padding-left: 50px;
    border: 0 none;
}

#contactContainer, #actionsContainer, #podContainer {
    background-color: #FFF;
    border-bottom: 2px solid #CFCFD1;
}

#contactContainer, #actionsContainer, #podContainer {
    width: 100%;
}

#contactContainer ul, #actionsContainer ul, #podContainer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 0 none;
}

#contactContainer ul, #contactContainer ul a, #podContainer ul a {
    color: #00469B;
    display: block;
}

#pageInfo ul li {
    white-space: nowrap;
}

#contactContainer ul li, #actionsContainer ul li, #podContainer ul li {
    white-space: nowrap;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-bottom: 1px solid #CFCFD1;
    line-height: 1.5em;
    overflow: hidden;
    padding: 8px 15px;
    text-align: left;
    vertical-align: top;
}

#contactContainer ul li.first {
    border-top: 1px solid #CFCFD1;
}

#actionsContainer ul li a, #podContainer ul li a {
    color: #00469B;
    padding-left: 30px;
}

#actionsContainer ul li a.export {
    background: url("rC10tKSwLG0gg25ehoUjYLEUUSKcl4H9ZpC2aVBNXTV.png") no-repeat scroll 2px -1px transparent;
}

#actionsContainer ul li a.print {
    background: url("3W2EAqabhC3QRxp06F2t6UcYUM4i94W6QVWoIeJAz9G.png") no-repeat scroll 0 -2px transparent;
}

#actionsContainer ul li a.forwardmail {
    background: url("OrVjM9eYeBb6NUxJjB8osbZrNhnhUCeXAoKuRrlZQNx.png") no-repeat scroll 0 -2px transparent;
}

#actionsContainer ul li a.notifymail {
    background: url("Jfyv9qGVXRpeLqmnM6wNc4H8f2y0Jes00WxllMMvZmh.png") no-repeat scroll 0 1px transparent;
}

.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover {
    text-decoration: none;
    color: #666666;
}

.login_message {
    color: #C33;
}

#pageInfo span {
    color: #00469B;
}

.formElementHeader {
    color: #00469B;
    font-size: 1.0em;
}

.dataHeader {
    color: #00469B;
    font-size: 1.0em;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
}

.infotext {
    color: #7A7A7C;
}

#contactContainer .dataHeader, #contactContainer .infotext {
    padding: 5px 15px;
}

#searchFields {
    padding: 9px 12px;
    background-color: #E7E7E8;
}

#searchFields .ui-input-text {
    margin-top: 0;
}

.searchM .ui-field-contain, fieldset.ui-field-contain, #langselect .ui-field-contain {
    padding: 0 0 7px;
    border-bottom: 0;
    margin: 0;
}

.searchM .ui-btn, #langselect .ui-btn {
    text-align: left;
}

.searchM .ui-btn-up-c, .searchM .ui-btn-hover-c, .searchM .ui-btn-down-c,
#langselect .ui-btn-up-c, #langselect .ui-btn-hover-c, #langselect .ui-btn-down-c {
    background-image: none;
    background-color: #FFF;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #666;
}

#searchOptions.visible {
    display: block;
}

#searchOptions.hidden {
    display: none;
}

#searchOptions .ui-submit {
    margin: 0;
}

#page-options .ipp {
    white-space: nowrap;
    margin: 0 10px;
}

.shipmentDataBox {
    background-color: #EBF3F8;
}

.shipmentDataBox .detailsPackaging,
.shipmentDataBox .detailsPackaging div,
#poddataContainer div {
    margin: 0;
    padding: 0;
}

#poddataContainer div.errors {
    padding: 5px 0;
}

.shipmentInnerDataBox,
.portInnerDataBox,
.equipmentInnerDataBox {
    background-color: #FFFFFF;
    margin-bottom: 20px;
}

#referenceDetailBox,
#branchNotificationForm .shipmentDataBox,
#userNotificationForm .shipmentDataBox,
#exportOptionsForm .shipmentDataBox {
    background-color: #FFFFFF;
}

.shipmentDataBox h3,
.shipmentInnerDataBox h3,
.shipmentInnerDataBox h4,
.portDataBox h3,
.portInnerDataBox h3,
.portInnerDataBox h4,
.equipmentInnerDataBox h3,
.equipmentInnerDataBox h3,
.equipmentInnerDataBox h4 {
    text-align: left;
    font-weight: normal;
    padding: 7px 15px;
    white-space: nowrap;
    margin: 0;
}

.shipmentDataBox h3,
.shipmentInnerDataBox h3,
.portInnerDataBox h3,
.equipmentInnerDataBox h3 {
    color: #FFF;
    background-color: #666666;
    font-size: 1em;
}

.shipmentInnerDataBox h3,
.shipmentInnerDataBox h4,
.shipmentInnerDataBox div,
.portInnerDataBox h3,
.portInnerDataBox h4,
.portInnerDataBox div,
.equipmentInnerDataBox h3,
.equipmentInnerDataBox h4,
.equipmentInnerDataBox div {
    margin-bottom: 1px;
}

.shipmentInnerDataBox h4,
.portInnerDataBox h4,
.equipmentInnerDataBox h4 {
    color: #666;
    background-color: #CDE0EF;
}

#podTopHeaderText div.textContainer {
    background-color: #CDE0EF;
    margin: 0;
    padding: 0;
    float: left;
    width: 80%;
}

.shipmentInnerDataBox div,
.portInnerDataBox div,
.equipmentInnerDataBox div {
    color: #666;
    background-color: #EBF2F8;
}

.shipmentDataBox div,
.shipmentInnerDataBox div,
.portInnerDataBox div,
.equipmentInnerDataBox div {
    padding: 15px;
}

.shipmentDataBox div {
    border: 1px solid #EBF3F8;
}

#referenceDetailBox div,
#branchNotificationForm .shipmentDataBox,
#userNotificationForm .shipmentDataBox,
#exportOptionsForm .shipmentDataBox {
    border: 1px solid #666666;
}

#masterDataContainer div {
    border: 0 none;
    padding: 0;
}

#masterDataContainer a {
    text-decoration: none;
}

@media all and (min-width: 22em) {
    .pod-breakpoint .ui-block-a {
        width: 50%;
        float: left;
    }

    .pod-breakpoint .ui-block-b {
        width: 50%;
        text-align: right;
    }
}

@media all and (max-width: 22em) {
    .pod-breakpoint .ui-block-a {
        width: 100%;
        float: left;
    }

    .pod-breakpoint .ui-block-b {
        width: 100%;
        float: left;
        margin: 15px 0 10px 0;
    }
}

#status-box {
    float: left;
    width: 100%;
}

#status-box .image {
    width: 30px;
    float: left;
}

#status-box .text {
    float: left;
    margin: 4px 0 0 0;
}

#exportOptionsForm a.allselect {
    color: #00469B;
}

.topBottomCollapsible {
    background-color: #FFF;
    text-shadow: none;
}

.topBottomCollapsible div.topContainer, .topBottomCollapsible div.bottomContainer {
    padding: 0 0 0 15px;
    position: relative;
}

.topBottomCollapsible div.topContainer img, .topBottomCollapsible div.bottomContainer img {
    position: absolute;
    top: 6px;
    right: 45px;
}

#shipmentDataCollapsible div.topContainer, #shipmentDataCollapsible div.bottomContainer,
#portDataCollapsible div.topContainer, #portDataCollapsible div.bottomContainer,
#equipmentDataCollapsible div.topContainer, #equipmentDataCollapsible div.bottomContainer,
#emailDataCollapsible div.topContainer, #emailDataCollapsible div.bottomContainer {
    background-color: #00469B;
}

#shipmentStatusCollapsible div.topContainer, #shipmentStatusCollapsible div.bottomContainer,
#colliStatusCollapsible div.topContainer, #colliStatusCollapsible div.bottomContainer {
    background-color: #FABB00;
}

#shipmentStatusTopHeaderText .textContainer {
    float: left;
    width: 80%;
}

.topBottomCollapsible a {
    text-decoration: none;
}

.topBottomCollapsible h3 {
    color: #FFF;
    text-align: left;
    font-weight: normal;
    cursor: pointer;
    white-space: nowrap;
}

#shipmentDataCollapsible div.topContainer h3, #shipmentDataCollapsible div.bottomContainer h3,
#portDataCollapsible div.topContainer h3, #portDataCollapsible div.bottomContainer h3,
#equipmentDataCollapsible div.topContainer h3, #equipmentDataCollapsible div.bottomContainer h3,
#emailDataCollapsible div.topContainer h3, #emailDataCollapsible div.bottomContainer h3 {
    color: #FFF;
}

#shipmentStatusCollapsible div.topContainer h3, #shipmentStatusCollapsible div.bottomContainer h3,
#colliStatusCollapsible div.topContainer h3, #colliStatusCollapsible div.bottomContainer h3 {
    color: #666;
}

.topBottomCollapsible .topContainer h3, .topBottomCollapsible .bottomContainer h3 {
    padding: 7px 0;
    font-size: 1em;
    height: 20px;
}

.topBottomCollapsible #shipmentdataContainer,
.topBottomCollapsible #portdataContainer,
.topBottomCollapsible #equipmentdataContainer,
.topBottomCollapsible #shipmentstatusContainer,
.topBottomCollapsible #collistatusContainer,
.topBottomCollapsible #packagingdataContainer,
.topBottomCollapsible #poddataContainer,
.topBottomCollapsible #emaildataContainer {
    display: none;
}

.topBottomCollapsible h3.collapsed {
    background-image: url("8oVDAmP1KtucjVODTUZTepDwwxcQbGOw6cfhCtP9xbg.png");
    background-repeat: no-repeat;
    background-position: 95% 8px;
    background-size: 17px;
}

.topBottomCollapsible .topContainer h3.expanded {
    background-image: url("Nj4YKo0Jj2JRCN5n3C0CiufcGtkZusgRf47lTRguEva.png");
    background-repeat: no-repeat;
    background-position: 95% 10px;
    background-size: 17px;
}

.topBottomCollapsible .bottomContainer h3.expanded {
    background-image: url("dUcpSK5J3dJZEmwsQQmybbrOga4KqRyaVU845jBlna3.png");
    background-repeat: no-repeat;
    background-position: 95% 10px;
    background-size: 17px;
}

.topBottomCollapsible h4.collapsed {
    background-image: url("ysbhXcN1NsLx00zBD4HkjPYxA1fLONTVJ7wxTSCOMVo.png");
    background-repeat: no-repeat;
    background-position: 96% 9px;
    background-size: 17px;
}

.topBottomCollapsible .topContainer h4.expanded {
    background-image: url("xDRJVLlXr8bVAOknY8zOlIFpt2BoaUNl1bLOx8w5FYN.png");
    background-repeat: no-repeat;
    background-position: 96% 9px;
    background-size: 17px;
}

#shipmentCollapsibleBottomContainer.visible,
#portCollapsibleBottomContainer.visible,
#equipmentCollapsibleBottomContainer.visible,
#statusCollapsibleBottomContainer.visible,
#collistatusCollapsibleBottomContainer.visible,
#packagingCollapsibleBottomContainer.visible,
#podCollapsibleBottomContainer.visible,
#emailCollapsibleBottomContainer.visible {
    display: block;
}

#shipmentCollapsibleBottomContainer.hidden,
#portCollapsibleBottomContainer.hidden,
#equipmentCollapsibleBottomContainer.hidden,
#statusCollapsibleBottomContainer.hidden,
#collistatusCollapsibleBottomContainer.hidden,
#packagingCollapsibleBottomContainer.hidden,
#podCollapsibleBottomContainer.hidden,
#emailCollapsibleBottomContainer.hidden {
    display: none;
}

table {
    border: 0 none;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

tr {
    border: 0 none;
}


/*#shipment-overview-table tbody tr th.status {
	width: 25px;
	vertical-align: middle;
}

#shipment-overview-table tbody tr td.morebutton {
	width: 40px;
	vertical-align: middle;
}*/

#shipment-overview-table tbody tr th.status, #shipment-overview-table tbody tr td.morebutton {
    vertical-align: middle;
    /*text-align: center;*/
}

#shipment-overview-table tbody tr th, #shipment-overview-table tbody tr td {
    cursor: pointer;
}

/*#public-shipment-table */
th, /*#public-shipment-table */
td {
    border-bottom: 2px solid #FFF;
    line-height: 1.5em;
    overflow: hidden;
    padding: 0.5em;
    text-align: left;
    vertical-align: top;
}

th {
    background-color: #666666;
    background-image: none;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 1.7em;
    padding: 0.2em 0.6em;
    white-space: nowrap;
}

td {
    background-color: #EBF3F8;
}

#branchNotificationForm .tableContainer {
    padding: 15px 0;
}

#detail-packaging-table thead th, #email-packaging-table thead th {
    font-weight: bold;
}

#detail-packaging-table th, #detail-packaging-table td {
    color: #666666;
    border: 0 none;
    border-image: none;
    line-height: 1.3em;
    overflow: hidden;
    text-align: left;
    vertical-align: top;
    background-color: transparent;
}

#email-packaging-table tr {
    border: none;
}

#email-packaging-table tbody th, #email-packaging-table th, #email-packaging-table td {
    color: #666666;
    background-color: #FFF;
    margin: 0;
    padding: 0 15px;
}

#email-packaging-table td {
    color: #666666;
    border-image: none;
    line-height: 1.3em;
    overflow: hidden;
    text-align: left;
    vertical-align: top;
    background-color: transparent;
}

#detail-packaging-table tbody th, #detail-packaging-table td {
    font-weight: normal;
    padding: 0;
}

#email-packaging-table.ui-table-reflow td .ui-table-cell-label, #email-packaging-table.ui-table-reflow th .ui-table-cell-label {
    margin: 0;
    padding: 0;
    width: 120px;
}

div.message {
    font-size: 0.8em;
    background: transparent url(j7Z03YkYeEAxaHss0CiebK9NRhn22VEM8xZhNbA8d7l.gif) 0% 14px no-repeat;
    color: #218505;
    padding: 5px 0 5px 0;
}

.message ul {
    padding: 0;
}

.message ul {
    margin-left: 30px;
}

.message li {
    list-style: none;
}

div.errors {
    font-size: 0.8em;
    background: transparent url(kT3tzbfnKBz8PBb45YDi5gRsxwgBQF5MCDwLQPWy4fD.gif) 0% 14px no-repeat;
    color: #CC0000;
    padding: 5px 0 5px 0;
}

.errors ul, .message {
    padding: 0;
}

.errors ul {
    margin-left: 30px;
}

.errors li {
    list-style: none;
}

em {
    color: #CC0000;
    font-style: normal;
}

.floatstop {
    clear: both;
    height: none;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    float: none;
}

.f_left {
    float: left;
    height: 25px;
}

.f_right {
    float: right;
}

.nowrap {
    white-space: nowrap;
}

.space_2 {
    height: 2px;
}

.space_5 {
    height: 5px;
}

.space_10 {
    height: 10px;
}

.space_12 {
    height: 12px;
}

.space_14 {
    height: 14px;
}

.space_15 {
    height: 15px;
}

.space_17 {
    height: 17px;
}

.space_18 {
    height: 18px;
}

.space_19 {
    height: 19px;
}

.space_20 {
    height: 20px;
}

.space_30 {
    height: 30px;
}

.space_35 {
    height: 35px;
}

.space_40 {
    height: 40px;
}

/* ------------- Navbar top ---------------*/


.ui-navbar .ui-grid-c .ui-block-a, .ui-navbar .ui-grid-c .ui-block-b, .ui-navbar .ui-grid-c .ui-block-c, .ui-navbar .ui-grid-c .ui-block-d {
    width: auto;
    margin-right: 0;
}

.ui-navbar .ui-grid-c .ui-block-d {
    float: right;
}

.ui-navbar li .ui-btn .ui-btn-inner {
    padding: 10px;
    border-right: 2px solid #CFCFD1;
    height: 33px;
}

.ui-navbar li.ui-block-d .ui-btn .ui-btn-inner {
    border-right: none;
}

.ui-icon-navUser, .ui-icon-navSearch, .ui-icon-navLogo, .ui-icon-navMenue, .ui-icon-navMenueInact {
    background: url("sjwXnZ6kAksV85ZNOkohxezpeXBJTpQF55qNw9i9dzl.png") no-repeat center;
    width: 38px;
    height: 33px;
    border-radius: 0;
    background-size: 25px;
}

.ui-icon-navSearch {
    background: url("8K8Wo1StF4Q3VqQyOKwnRxv4TQnn6fAhmM49DJM4V3o.png") no-repeat center;
    background-size: 25px;
}

.ui-icon-navMenue {
    background: url("ZSVKOYBavxxvUlSUI7Iv8ysWJdFWqjjHnIkjXEqaJbW.png") no-repeat center;
    background-size: 25px;
}

.ui-icon-navMenueInact {
    background: url("vFINIfgrFzT9WA6M1BeJgRbnfqVxGbqGqP3C63kWsQy.png") no-repeat center;
    background-size: 25px;
}

.ui-icon-navLogo {
    background: url("0BP4EQKdn7QuyyJjFp7kQoA5ZhMQnRwHj7eHfoqm0Sb.png") no-repeat center;
    background-size: 110px;
    width: 120px;
}

.ui-btn-up-a, .ui-btn-down-a, .ui-btn-hover-a, .ui-btn-visited-a, .ui-btn-active-a {
    background: none;
    border: none;
    text-shadow: none;
    font-weight: normal;
}

.ui-btn-icon-notext {
    width: auto;
    height: auto;
}

.ui-navbar .ui-btn-hover-a:hover, .ui-navbar .ui-btn-active-a:active {
    background-color: #E7E7E8;
}

.ui-btn-inner {
    border: none;
}

.ui-btn-icon-notext .ui-btn-inner .ui-icon {
    margin: 0;
}

/* ------------- More Button ------------------- */

.ui-icon-arrowMore {
    background: url("8oVDAmP1KtucjVODTUZTepDwwxcQbGOw6cfhCtP9xbg.png") no-repeat center;
    background-size: 12px;
    width: 23px;
    height: 23px;
}

.morebutton .ui-btn-up-a,
.morebutton .ui-btn-down-a,
.morebutton .ui-btn-hover-a,
.morebutton .ui-btn-visited-a,
.morebutton .ui-btn-active-a {
    background-color: #00469B;
    border-radius: 12px;
    width: 23px;
    height: 23px;
}

/* -----------------Suche ----------------- */

.ui-icon-selectBtn {
    background: url("XDbLf76C3zjUY1zaY4OD2r2dePF983eogMcZtDEld3u.png") no-repeat center;
    width: 20px;
    height: 20px;
    border-radius: 0;
    margin-top: -10px !important;
    right: 8px !important;
}

#searchFields .ui-btn-inner {
    padding-left: 8px;
}

/* --------- Kalender ----------- */

.dateDelimiterContainer {
    float: left;
    margin: 7px 3px 0px;
}

.dateDelimiter {
    float: left;
    font-weight: bold;
}

#searchDateContainer .ui-input-datebox {
    padding-left: 0.6em;
}

.ui-icon-calenderBtn {
    background: url('q1DsqwdvDaUtmFzqcIzwijAoeOAv9Vf8yA2f4PFGCs5.png') no-repeat center center;
    height: 24px;
    width: 22px;
}

#searchDateContainer span.ui-icon {
    background: url('q1DsqwdvDaUtmFzqcIzwijAoeOAv9Vf8yA2f4PFGCs5.png') no-repeat center center;
    background-size: 100%;
    border-radius: 0;
    height: 24px;
    width: 22px;
}

#searchDateContainer a {
    margin-right: 13px !important;
    border: none !important;
    background-color: #FFF !important;
}

.ui-input-datebox {
    min-height: 35px !important;
}

#shipmentOverview .ui-datebox-container {
    border: 1px solid #666 !important;
    top: 90px !important;
}

.ui-datebox-container h1.ui-title,
.ui-datebox-gridheader h4,
.ui-datebox-griddate {
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
}

.ui-datebox-gridrow .ui-datebox-griddate-label {
    color: #FFF !important;
    background-color: #00469B;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
    height: 20px !important;
    width: 32px !important;
    line-height: 20px !important;
}

.ui-datebox-griddate-empty {
    color: #CCC !important;
    border: none !important;
}

.ui-datebox-gridrow .ui-btn-up-a {
    color: #00469B;
}

.ui-datebox-gridheader .ui-icon-arrow-l,
.ui-datebox-gridheader .ui-icon-arrow-r,
.ui-datebox-container .ui-header .ui-icon-delete {
    background-color: #00469B;
}

.ui-datebox-griddate-empty, .ui-datebox-griddate {
    text-align: right !important;
    padding-right: 6px;
    width: 32px !important;
}

.ui-datebox-container > .ui-header:first-child {
    border-radius: 0 !important;
}

.ui-datebox-container .ui-icon, .ui-icon-searchfield:after {
    border-radius: 23px;
}

.ui-datebox-container .ui-icon {
    width: 23px;
    height: 23px;
}

.ui-datebox-container .ui-icon-delete {
    background-position: -70px 2px;
    margin: 1px !important;
}

.ui-datebox-container .ui-icon-arrow-l {
    background-position: -141px 2px;
    margin: 1px !important;
}

.ui-datebox-container .ui-icon-arrow-r {
    background-position: -105px 2px;
    margin: 1px 1px 1px 8px !important;
}

.ui-datebox-container .ui-btn-icon-notext {
    width: 35px;
    height: 35px;
}

/* ------------ Table --------------- */

#packagingdataContainer .ui-table-reflow td .ui-table-cell-label, .ui-table-reflow th .ui-table-cell-label,
.search_noLogin .ui-table-reflow td .ui-table-cell-label, .ui-table-reflow th .ui-table-cell-label {
    width: 120px;
    margin: 0;
}

.search_noLogin .ui-table-reflow td .ui-table-cell-label, .ui-table-reflow th .ui-table-cell-label {
    width: 90px;
    min-width: 0;
}

.search_noLogin .ui-table-reflow span.fls {
    display: block;
    float: left;
    margin-right: 5px;
    height: 28px;
}

#packagingdataContainer .ui-table th {
    padding: 0;
}

#contactBranchPage p, #forwardShipmentPage p, #exportShipmentPage p {
    color: #00469B;
    margin-top: 0;
    margin-bottom: 5px;
}

h2.branchmail {
    background-image: url("bv2poAwEOn5APugzNCQwzkSIbaTB4C6vvxQafjOStJ.png");
    background-position: 1px 5px;
    background-repeat: no-repeat;
    background-size: 25px auto;
    padding: 8px 0 0 35px;
    height: 33px;
}

h2.forwardmail {
    background-image: url("l9ssW8KChBAK1Xu4WjMZj2ldesy8tIhX0xoJLWJehOL.png");
    background-position: 1px 9px;
    background-repeat: no-repeat;
    background-size: 25px auto;
    padding: 8px 0 0 35px;
    height: 33px;
}

#messageContainer {
    border: 1px solid #E7E7E9;
    margin: 15px 0 20px 0;
}

#messageContainer label {
    background-color: #E7E7E9;
    color: #333;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 7px 15px;
    text-align: left;
    white-space: nowrap;
}

#messageContainer textarea {
    margin: 0 !important;
    padding: 7px 15px !important;
    color: #666 !important;
    height: 100px !important;
    border: 0 none;
}

#messageContainer input {
    margin: 0 !important;
    padding: 7px 10px !important;
    color: #666 !important;
    height: 100% !important;
    border: 0 none;
}

#messageContainer .ui-body-c {
    border: 0 none;
}

#messageContainer td {
    background: none;
    padding: 0.5em 15px;
}

#shipmentDataTopHeaderText, #shipmentStatusTopHeaderText, #colliStatusTopHeaderText, #portDataTopHeaderText, #equipmentDataTopHeaderText {
    margin-bottom: 0;
}

#statusContainer, #colliContainer {
    background-color: #FBF1D5;
    padding: 15px;
    margin-top: 2px;
}

#statusContainer .ui-block-a {
    font-weight: bold;
    width: auto;
    min-width: 12%;
}

#statusContainer .ui-block-b {
    width: 88%;
}

#statusContainer .statusimg {
    margin-bottom: 12px;
}

#colliContainer .ui-block-a {
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
    width: auto;
    min-width: 125px;
}

#colliContainer .ui-block-b {
    width: 56%;
}

/* ------------ Pagination ------------- */

#page-options .ui-select, #langselect .ui-select {
    display: inline-block;

}

#page-options .ui-select .ui-btn-inner {
    padding-right: 45px;
}

#page-options .ui-disabled {
    margin-left: 0;
    margin-right: 10px;
}

#page-options .ui-disabled .ui-btn-inner,
#page-options .ui-btn-inner {
    padding-left: 12px;
    padding-right: 12px;
}

#errorContainer label, #errorContainer1 label.error, #errorContainer2 label.error, #errorContainer3 label.error {
    margin-top: 10px;
    color: #CC3333;
    float: left;
}

#collistatusContainer #errorContainer,
#shipmentstatusContainer #errorContainer,
#equipmentdataContainer #errorContainer,
#portdataContainer #errorContainer {
    padding: 0 0 15px 15px;
}

#resetInput {
    margin-bottom: 0;
}

.optionsContainer {
    border: 1px solid #E7E7E9;
    margin: 15px 0 20px 0;
}


.ui-controlgroup-label {
    font-weight: normal;
    background-color: #E7E7E9;
    color: #666;
    font-size: 1em;
    padding: 7px 15px;
    margin: 0;
}

/* ---------- Checkboxes --------- */

.ui-checkbox label.ui-btn-up-c {
    background: none;
    border: none;
    font-weight: normal;
}

.ui-checkbox label.ui-btn-hover-c {
    border: none;
}

.ui-checkbox .ui-icon-checkbox-off {
    background-color: #EEE;
}

/* ---------- POD --------- */

.pod {
    font-weight: bold;
    padding: 3px 8px;
    margin-right: 20px;
}

.podactive {
    font-weight: bold;
    padding: 3px 8px;
    border: 1px solid #00469B;
    color: #00469B;
    cursor: pointer;
}

.podinactive {
    font-weight: normal;
    padding: 3px 8px;
    border: 1px solid #999;
    color: #999;
}

.pod a {
    color: #333333;
    text-decoration: none;
}

#suggestions {
    margin: 0;
    position: absolute;
    z-index: 2000;
}


#langselect {
    margin-left: 10px;
}