/*@import url('https://fonts.googleapis.com/css?family=Trebuchet MS:300,400,500,700&display=swap');*/

body {
    color: #000000;
    font-family: Trebuchet MS,sans-serif;
    font-size: 70%;
    margin: 0;
    padding: 0;
}

ul, li, h1, h2, h3 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.textfield280, .textfield115, .textfield188 {
    border: 1px solid #ACACAC;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 12px;
}

.textfield280 {
    height: 20px;
    padding: 5px 2px 0 5px;
    width: 280px;
}

.textfield115 {
    height: 20px;
    padding: 5px 2px 0 5px;
    width: 115px;
}

.textfield188 {
    height: 20px;
    padding: 5px 2px 0 5px;
    width: 188px;
}

.textfield85, .textfield200, .textfield100, .textfield100per {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
}

.textfield85per {
    width: 75px;
}

.textfield100per-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    font-size: 13px;
    height: 24px;
    /*height: 14px;*/
    padding: 2px 5px;
}

.textfield85 {
    width: 75px;
}

.textfield200 {
    width: 200px;
}

.select212 {
    width: 212px;
}

.textfield100per {
    width: 88%;
}

.textfield100percaps {
    border: 1px solid ;
    /*#2c5487*/
    color: #121212;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 13px;
    height: 20px;
    padding: 2px 5px;
    text-transform: uppercase;
}

.textfield100 {
    width: 100%;
}

.select100per {
    width: 95.5%;
}

.select101per {
    width: 80%;
}

.select100per {
    border: 1px solid #2c5487;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 24px;
}

.upload100per {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
}

.right-link {
    font-size: 12px;
    text-align: right;
}

a {
    color: #535353;
    text-decoration: none;
}

    a:hover {
        color: #272020;
        text-decoration: none;
    }

img {
    border: 0 none;
}

.clear {
    clear: both;
}

.width100per {
    width: 99%;
}

.fl-left {
    float: left;
}

.min-height-200 {
    height: auto !important;
    min-height: 200px;
}

.red {
    color: #FF0000;
    font-size: 0.8em;
}

.home-main {
    margin: 15px auto 0;
    padding-bottom: 35px;
    width: 957px;
}

/*.home-main #hd {
        border-bottom: 4px solid #ff8e02;
    }*/

#hd center {
    margin-bottom: 10px;
}

.height22 {
    height: 20px;
}

.heading {
    font-size: 1.2em;
}

.errorsms {
    color: #FF3300;
    font-size: 1.2em;
}

.errormsg {
    color: #FF0000;
}

/*.nav {
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    height: 13px;
    margin: 0 0 20px;
}*/

/*.nav li {
        background: url("../images/nav_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block;
        float: left;
        font-size: 1.1em;
        font-weight: bold;
        height: 15px;
        list-style-type: none;
        padding: 0 16px;
    }

        .nav li a {
            color: #777474;
            text-decoration: none;
        }

            .nav li a:hover {
                text-decoration: none;
            }

        .nav li.selected {
            color: ##2F2D2D;
        }

        .nav li.sep-none {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        }*/

#hd {
    margin-top: 5px;
}

    #hd .logo {
        float: right;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        #hd .logo div {
            float: left;
        }

        #hd .logo .kale {
            background: url("../images/logo_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
            margin-right: 11px;
            padding: 0 10px 0 0;
        }

.image-banner {
    margin: 5px 0 0;
}

    .image-banner .img-banner-left {
        float: left;
        width: 468px;
    }

    .image-banner .img-banner-right {
        float: left;
        margin-left: 20px;
        width: 468px;
    }

    .image-banner ul {
        float: right;
        padding-top: 10px;
    }

    .image-banner li {
        border: 1px solid #C4C4C4;
        color: #C4C4C4;
        display: block;
        float: left;
        font-size: 0.9em;
        height: 13px;
        margin-left: 3px;
        padding: 0;
        text-align: center;
        width: 13px;
    }

        .image-banner li a {
            color: #C4C4C4;
            display: block;
            font-size: 0.9em;
            padding: 1px 0 0;
            text-decoration: none;
        }

        .image-banner li.selected {
            border: 1px solid #D0410A;
            color: #D0410A;
            font-size: 0.9em;
            padding: 0;
            width: 13px;
        }

.home-main .uplift-logo {
    padding: 65px 0 60px 80px;
}

.login {
    float: left;
    padding-bottom: 70px;
}

#home-bd {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
}

    #home-bd .left-col {
        float: left;
        padding: 0 0 0 30px;
        width: 400px;
    }

    #home-bd .right-col {
        float: right;
        padding: 0 43px 0 0;
        width: 425px;
    }

.left-col-expand {
    float: left;
    padding: 0;
    width: 96%;
}
/*.gray-box
{
    border: 1px solid #0E1E75;
}*/
.gray-box .header, .gray-box-1 .header {
    background-color: #f0f0f0;
    height: 25px;
    padding: 0;
    margin: 8px 0px;
    border-bottom: 1px solid #efefef;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 23px;
    padding: 1px 9px;
}

    .gray-box .header h3 {
        font-size: 1.02em;
        font-weight: bold;
    }

    .gray-box .header h4 {
        font-size: 13px;
        font-weight: bold;
        margin: 10px 0 10px;
    }

    .gray-box .header h2 {
        color: #3c7cd3;
        font-size: 13px;
        font-weight: bold;
        cursor: pointer;
    }

.gray-box .content {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 6px 15px 15px;
}

.gray-box .login-content {
    background: none repeat scroll 0 0 #ff8e02;
    font-size: 1.1em;
}

    .gray-box .login-content .row {
        margin-bottom: 12px;
    }

    .gray-box .login-content label {
        float: left;
    }

        .gray-box .login-content label.first {
            padding-top: 3px;
            width: 80px;
            font-weight: bold;
        }

        .gray-box .login-content label.second {
            float: left;
        }

        .gray-box .login-content label.forgot-pwd {
            padding: 10px 0 0 10px;
            font-weight: bold;
        }

    .gray-box .login-content .new-member {
        border-top: 1px solid #C2C2C2;
        clear: both;
        padding: 15px 0 0 20px;
    }

.gray-box-25 {
    margin-bottom: 25px;
}

.gray-box-13 {
    margin-bottom: 13px;
}

.gray-box-30 {
    margin-bottom: 5px;
}

.gray-box-10 {
    margin-bottom: 10px;
}

.gray-box-5 {
    margin-bottom: 5px;
}

.gray-box .header .left, .gray-box-1 .header .left {
    float: left;
}

.gray-box .header .right, .gray-box-1 .header .right {
    float: right;
}

.gray-box .header label {
    float: left;
    padding: 0 7px;
}

    .gray-box .header label.close {
        padding: 0 0 0 4px;
        text-align: right;
    }

    .gray-box .header label.sep {
        border-right: 1px solid #C6C6C6;
    }

.gray-box .nopad-content {
    color: #333333;
    height: auto !important;
    min-height: 140px;
}

    .gray-box .nopad-content ul {
        padding: 0 10px 10px;
    }

    .gray-box .nopad-content th {
    }

    .gray-box .nopad-content .alt-bg-color {
        background: none repeat scroll 0 0 #F9F9F9;
    }

    .gray-box .nopad-content .more {
        background-color: #FFFFFF;
        padding: 0px;
        text-align: right;
    }

.gray-box .form-content {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #121212;
    font-family: 'Trebuchet MS', sans-serif;
    height: auto !important;
    min-height: 10px;
    padding: 5px;
}

.awbserviceform-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FCF5F5;
    border-color: #EFB3B3 #DDDDDD #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    height: auto !important;
    min-height: 10px;
    padding: 5px;
}

.awbserviceform-contentmain {
    background: none repeat scroll 0 0 #fff; /*FCF5F5*/
    border: 3px solid #EFB3B3;
    color: #121212;
    font-family: 'Trebuchet MS', sans-serif;
    height: 510px !important;
    min-height: 471px;
}

.ddmmyy {
    font-size: 0.8em;
}

.box-list {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #555555;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
}

.gray-box .content12 {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 12px 12px;
}

div.brd-none {
    border: medium none;
}

.gray-box-1 .shadow {
    background: url("../images/box_content_shadow.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
    min-height: 12px;
}

.gray-box-1 .display-content {
    border-bottom: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    display: none;
    padding: 12px;
}

.gray-box-1 .header {
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    height: 20px;
}

.quick-vision1 {
    clear: both;
    margin: 50px 0 0;
    padding: 0;
}

    .quick-vision1 img {
        float: left;
        padding-right: 5px;
    }

    .quick-vision1 .quick {
        float: left;
        margin-right: 45px;
        width: 190px;
    }

    .quick-vision1 .vision {
        float: left;
        width: 188px;
    }

    .quick-vision1 h3 {
        color: #D64E1C;
        font-size: 1em;
        font-weight: bold;
    }

.quick-vision {
    clear: both;
    margin-bottom: 62px;
}

    .quick-vision img {
        float: left;
        padding-right: 5px;
    }

    .quick-vision .quick {
        float: left;
        margin-right: 21px;
        width: 243px;
    }

    .quick-vision .vision {
        float: left;
        width: 242px;
    }

    .quick-vision h3 {
        color: #D64E1C;
        font-size: 1em;
        font-weight: bold;
    }

.sub-nav {
    width: 422px;
}

    .sub-nav li {
        color: #FFFFFF;
        float: left;
        font-size: 1.02em;
        font-weight: bold;
        list-style-type: none;
    }

        .sub-nav li a {
            color: #000000;
            font-size: 1.02em;
            font-weight: bold;
            text-decoration: none;
        }

            .sub-nav li a:hover {
                text-decoration: none;
            }

        .sub-nav li.news {
            background: url("../images/news_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 34px;
            width: 50px;
        }

        .sub-nav li.news-active {
            background: url("../images/news_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            color: #FFFFFF;
            font-weight: bold;
            height: 34px;
            padding: 11px 0 0 34px;
            width: 50px;
        }

        .sub-nav li.shipments {
            background: url("../images/shipment_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 40px;
            width: 80px;
        }

        .sub-nav li.shipments-active {
            background: url("../images/shipment_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 40px;
            width: 81px;
        }

        .sub-nav li.dispatch {
            background: url("../images/dispatch_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 40px;
            width: 71px;
        }

        .sub-nav li.dispatch-active {
            background: url("../images/dispatch_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 42px;
            width: 71px;
        }

        .sub-nav li.more {
            background: url("../images/more_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 34px;
            width: 64px;
        }

        .sub-nav li.more-active {
            background: url("../images/more_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 42px;
            width: 64px;
        }

.sub-nav-content {
    clear: both;
    padding-top: 5px;
}

    .sub-nav-content .row {
        border-bottom: 1px solid #C8C8C8;
        margin-bottom: 8px;
        padding: 5px 0 15px;
    }

    .sub-nav-content .sep-none {
        border: medium none;
    }

    .sub-nav-content .row img {
        float: left;
        margin-right: 12px;
    }

.track-trace-content {
    padding: 6px 15px 15px;
}

    .track-trace-content label {
        float: left;
    }

        .track-trace-content label.first {
            width: 130px;
        }

        .track-trace-content label.second {
            width: 202px;
        }

.membership {
    padding: 6px 15px 0;
    position: relative;
}

    .membership .row {
        padding-bottom: 25px;
    }

        .membership .row label {
            float: left;
            width: 95px;
        }

            .membership .row label.first {
                width: 155px;
            }

        .membership .row img {
            margin: 0 3px 0 0;
        }

.help-desk {
    float: left;
    margin-right: 15px;
    width: 192px;
}

.help-desk-cont {
    height: 85px;
    padding: 6px 15px 8px;
}

.help-desk .row, .opinion .row {
    padding-bottom: 8px;
}

    .help-desk .row img {
        margin-right: 8px;
    }

.opinion {
    float: left;
    width: 192px;
}

    .opinion .radio {
        padding-top: 10px;
    }

        .opinion .radio label {
            color: #767474;
            float: left;
            font-size: 1.1em;
        }

            .opinion .radio label.first {
                width: 25px;
            }

            .opinion .radio label.second {
                padding-top: 3px;
                width: 34px;
            }

.tool-tip {
    background: none repeat scroll 0 0 ##2F2D2D;
    color: #FFFFFF;
    font-size: 1.1em;
    padding: 12px;
    width: 166px;
}

#header {
    margin-top: 0px;
    width: 100%;
}

.hd-logo {
    float: left;
    width: 15%;
}

.hd-search {
    float: left;
    margin-top: 5px;
}

    .hd-search input, .hd-search img {
        float: left;
    }

    .hd-search img {
        cursor: pointer;
        margin: 2px 0 0 -20px;
    }

    .hd-search ul {
        clear: both;
        margin-left: 36px;
    }

        .hd-search ul li {
            float: left;
        }

            .hd-search ul li div {
                margin-top: 3px;
            }

.hd-banner-img {
    height: 141px;
    margin-right: 0;
    width: 97%;
}

.hd-banner {
    float: left;
    margin: 0 0 0 5px;
    width: 95%;
}

.ps-tp-menu {
    padding-top: 2px;
}

.tp-hd-menu {
    margin-top: -2px;
}

.hd-logo-rt {
    float: right;
    padding: 10px 0 0;
    position: relative;
    width: 75px;
}

.hd-rt-txt {
    float: right;
    left: -35px;
    position: absolute;
    top: 103px;
    width: 130px;
}

.hd-logo-rt img {
    margin: 0 0 20px;
}

    .hd-logo-rt img.img-last {
        float: right;
    }

.validator-panel {
    margin: 0 0 0 -10px;
}

.btn-trade {
    margin: 10px 0;
}

    .btn-trade a span input {
        height: 25px;
        margin: 0 5px;
    }

.qsearch-filter {
    border: 1px solid #E7E3E7;
    margin-top: -1px;
    padding: 5px;
}

.hd-banner img {
    float: left;
}

.liquid-main {
    margin: 0 15px;
    padding-bottom: 0;
}

    .liquid-main #hd {
        float: right;
        width: 100%;
    }

    .liquid-main .uplift-logo {
        width: 182px;
    }

.switch-toggle {
    float: left;
    margin: 0 0 0 22px;
    padding-bottom: 5px;
}

    .switch-toggle a {
        display: block;
        margin: -10px 0 0;
    }

.liquid-main #hd .dropdown {
    float: left;
    margin: 5px 0 0;
    width: 100%;
}

.liquid-main #hd .dropdown1 {
    background: url("images/nav_bg.png") repeat-x scroll 0 0 #FFFFFF;
    float: left;
    margin: 5px 0 0;
    width: 100%;
}

.liquid-main #hd .dropdown ul {
    float: left;
    margin: -5px 0 5px;
}

.liquid-main #hd .dropdown li {
    float: left;
}

.divider {
    background: url("../images/divider.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin: -3px 5px 0;
}

.hd-toggle-menu {
    padding: 2px 0 0 5px;
}

.hd-toggle-logo {
    padding: 0 0 0 12px;
}

.liquid-main #hd .dropdown li.pnav {
    padding-top: 5px;
}

.liquid-main #hd .dropdown li img {
    padding-left: 3px;
}

.liquid-main #hd .dropdown li.signout {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 3px 0 0 10px;
    padding: 0;
}

.liquid-main #hd .dropdown li div.dvder {
    color: #E0CECE;
    float: left;
    padding-right: 10px;
}

.liquid-main #hd .dropdown li.signout a {
    color: #9A9A9A;
}

.drop-red {
    background: none repeat scroll 0 0 #D0410A;
    font-size: 1.1em;
    width: 115px;
}

    .drop-red li {
        border-bottom: 1px solid #FBC9B5;
        display: block;
        padding: 5px;
    }

        .drop-red li a {
            color: #FFFFFF;
        }

.liquid-nav {
    /*background: url("../images/backgroundImage.jpg");*/
    background-color: #1f63a6;
    float: left;
    height: 38px;
    width: 100%;
}

    .liquid-nav li {
        display: block;
        float: left;
        height: 37px;
        margin: 0 22px 0 0;
        padding: 0 0 0 8px;
    }

        .liquid-nav li div {
            margin-top: 10px;
            margin-left: 6px;
        }

        .liquid-nav li img {
            margin-right: 7px;
            display: none;
        }



    .liquid-nav img {
        clear: both;
        float: left;
    }

#liquid-bd {
    float: left;
    width: 100%;
}

.pink-bg {
}

#liquid-bd .content {
    padding: 10px 20px 25px;
}

.dash-main-container {
    width: 100%;
}

.dash-panel-left {
    float: left;
    margin: 0;
    width: 49%;
}

.dash-panel-right {
    float: right;
    width: 49%;
}

.dash-panel-all {
    float: left;
    width: 100%;
}

.dash-data {
    overflow: auto;
    width: 100%;
}

.graph-img {
    padding: 10px 20px 0;
}

li.blue-text {
    background: url("../images/blue_dot.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #5D98BE;
    margin: 0 0 8px;
    padding: 0 0 0 10px;
}

li.orange-text {
    background: url("../images/orange_dot.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #E48633;
    padding: 0 0 0 10px;
}

.input-banner {
    float: left;
    margin-right: 95px;
}

.search {
    float: left;
    margin: 50px 0 0;
}

.search-div {
    border: 1px solid #9E9E9E;
    margin-bottom: 3px;
}

.search-input {
    border: 0 none;
    color: #000000;
    font-size: 11px;
    height: 15px;
    padding: 2px 5px;
    width: 100px;
}

.search-div img {
    margin: 5px 5px 3px 0;
}

.search label {
    color: #9E9E9E;
    float: left;
    font-size: 1.1em;
}

.search .first {
    width: 20px;
}

.search .second {
    margin-right: 20px;
    padding-top: 2px;
}

.search .third {
    padding-top: 2px;
}

.input-content {
    padding: 0;
    width: 100%;
}

    .input-content .top-links {
        background-color: #ddd;
        /*border-bottom: 1px solid #F36F23;
        border-top: 1px solid #F36F23;*/
        padding: 2px 0 0px;

    }

        .input-content .top-links li {
            border-right: 1px solid #A4A2A2;
            display: block;
            float: left;
            height: 7px;
            margin: 5px 0px;
            padding: 0 12px 2px;
            line-height: 9px;
        }

            .input-content .top-links li a {
                color: #000000;
                font-size: 1.08em;
                text-decoration: none;
            }

        .input-content .top-links .active {
            color: #3c7cd3;
            font-size: 1.08em;
            font-weight: 500;
            font-family: 'Trebuchet MS', sans-serif;
        }

        .input-content .top-links li.sep-none {
            border: medium none;
        }

    .input-content .left-col {
        float: left;
        /*margin-top: 8px;*/
        margin-top: 4px;
        width: 100% !important;
    }

    * html .input-content .right-col {
        margin-right: -15px;
    }

    .input-content .right-col {
        background: url("../images/expand_col_shadow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
        float: right;
        margin-top: 10px;
        position: relative;
        width: 22%;
    }

    .input-content h1 {
        color: #201C17;
        font-size: 1.5em;
        font-weight: normal;
        margin-bottom: 5px;
    }

    .input-content .expand-col {
        background-color: #FFFFFF;
        border-bottom: 1px solid #B3B3B3;
        border-left: 1px solid #B3B3B3;
        border-top: 1px solid #B3B3B3;
        color: #555555;
        font-family: Trebuchet MS,sans-serif;
        height: auto !important;
        line-height: 15px;
        margin-bottom: 10px;
        margin-left: 7px;
        min-height: 600px;
        padding: 25px 8px;
        width: 90%;
    }

.right-col-max {
    float: right;
    margin-right: -15px;
    margin-top: -65px;
    position: relative;
    width: 33px;
}

.expand-col-max {
    background: url("../images/box_shadow_right_col.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: auto !important;
    min-height: 255px;
    width: 33px;
}

.input-content .expand-col h2 {
    color: #555555;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
}

.minimise-icon {
    left: -3px;
    position: absolute;
    top: -6px;
}

.blue-bullets li {
    background: url("../images/blue_bullete.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin: 0 0 5px;
}

    .blue-bullets li a {
        color: #0F9DC6;
        font-family: Trebuchet MS,sans-serif;
        padding: 0 0 0 13px;
    }

        .blue-bullets li a:hover {
            background: url("../images/orange_bullet.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            color: #E48633;
        }

.btn_container {
    margin-bottom: 15px;
}

.list_table {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #555555;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    height: auto !important;
    min-height: 10px;
    padding: 0;
}

.pager {
    background: #ccc;
}

.gridHeader {
    background-color: #d3e8ff !important;
    color: #2A2929;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.table_mid {
    color: #272727;
    background-color: #FFFFFF; /*#E8F1FC;*/
    border: 1px solid #DDD8D8;
    font-size: 11px;
    height: 20px;
    padding: 2px 0 0 27px;
    text-align: none !important;
}

.link {
    color: #272727;
    text-decoration: none;
}

    .link:hover {
        color: #272727;
        text-decoration: none;
    }

.ui-datepicker-trigger {
    margin: -3px 2px;
}

.text-display {
    background-color: #E1E1E1;
    width: 80px;
    text-align: center;
    border: 1px solid rgb(188, 188, 188);
}

.table-h {
    background-color: #FFFFFF;
    font-size: 11px;
    height: 36px;
    padding: 2px 8px;
    border: 1px solid #ccc;
}

.CMStable_header {
    background-color: #FDB610;
    color: #AE441B;
    font-size: 11px;
    height: 24px;
    text-align: center;
}

.table_mid1 {
    background-color: #FAFBFC;
    border: 1px solid #F4F4F4;
    padding: 5px 5px 5px 15px;
}

.table_head {
    background: none repeat scroll 0 0 ;  /*#d3e8ff*/
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    color: #2a2929;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 2px 2px 4px 4px;
}


.table_head_revamp {
    /*background: none repeat scroll 0 0 #d3e8ff;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    color: #2a2929;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 2px 2px 4px 4px;*/
    
    background-color: #FAA61A;
    font-size: 13px;
    /*//height: 20px;*/
    padding: 2px 2px 4px 4px;
    font-family: 'Trebuchet MS', sans-serif;
    /*border-color: #EDEDED;
    border-style: solid;
    border-width: 1px;*/
   
}
.table_row tr:nth-child(even) {background-color: #FAFAFF;
border-color:#EDEDED
}
.table_row {
border-color: #EDEDED;
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 4px 4px;*
}

.table_head1 {
    background: none repeat scroll 0 0 #DDDDDD;
    border-color: #EFB3B3 #DDDDDD #DDDDDD;
    border-style: solid;
    border-width: 1px;
}

.table_head2 {
    background: none repeat scroll 0 0 #DDDDDD;
    border-color: #EFB3B3 #DDDDDD #DDDDDD;
    border-style: solid;
    border-width: 1px;
    color: #626262;
    font-family: Trebuchet MS,sans-serif;
    padding: 1px;
    width: 550px;
}

.diagonal {
    transform: rotate(45deg);
}

.line {
    position: absolute;
    z-index: 1;
}

    .line div {
        border-left-color: rgba(0, 0, 0, 0);
        border-style: solid;
        left: 0;
        position: absolute;
        top: 0;
    }

.table_nav {
    
    color: #626262;
    /*font-family: Trebuchet MS,sans-serif;*/
     font-family:Trebuchet MS;
    font-size: 0.9em;
}



#ft {
    border-top: 1px solid ##2F2D2D;
    clear: both;
    color: #787575;
    float: left;
    font-size: 1em;
    margin-top: 35px;
    padding: 25px 0 0;
    width: 100%;
}

#ft-liq {
    clear: both;
    color: #787575;
    float: left;
    font-size: 1em;
    margin-top: 0;
    padding: 15px 0 0;
    width: 100%;
}

    #ft li, #ft-liq li {
        background: url("../images/ft_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
        float: left;
        list-style-type: none;
        padding: 0 7px;
    }

    #ft a, #ft-liq a {
        color: #787575;
        text-decoration: none;
    }

        #ft a:hover, #ft-liq a:hover {
            color: #787575;
            text-decoration: none;
        }

.copyr {
    background-color: #e0e0e0;
    position: fixed;
    font-size:11px !important;
    left: -8px;
    bottom: 0;
    width: 100%;
    line-height: 20px;
    color: #505050;
    text-align: right;
}

#ft-liq ul {
    float: left;
    margin-left: -7px;
}

a.orange-btn:hover {
    background-position: left bottom;
}

a.orange-btn span {
    display: block;
    font-size: 1em;
    padding: 0 4px 0 0;
}

a.orange-btn:hover span {
    background-position: right bottom;
    color: #000000;
}

.over-vis {
    overflow: visible;
}

.btn-float {
    float: left;
    margin-right: -5px;
}

.btn-fr {
    float: right;
    margin-right: 5px;
}

.btn-center {
    margin-left: 0;
}

.btn-float-right {
    float: right;
}

.btn_padding {
    padding-bottom: 5px;
}

.block-center {
    display: block;
    height: 29px;
    margin: auto;
    width: 85px;
}

a.yellow-btn {
    display: block;
    float: left;
    height: 22px;
    line-height: 22px;
    padding-left: 4px;
    text-decoration: none;
}

    a.yellow-btn:hover {
        background-position: left bottom;
    }

    a.yellow-btn span {
        display: block;
        font-size: 1em;
        padding: 0 4px 0 0;
    }

    a.yellow-btn:hover span {
        background-position: right bottom;
        color: #000000;
    }

.y-btn-img {
    background-color: #3c7cd3;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 22px;
    padding: 2px 3px 5px 1px;
}

.btn-img {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background-color: #3c7cd3;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    padding: 1px 5px 3px 5px;
    border-radius: 0px;
    border: 1px solid #3c7cd3;
    width: 100%;
    font-family: 'Trebuchet MS', sans-serif;
}

    .btn-img:hover {
        background-color: #3c7cd3;
        color: #fff;
    }

a.orange-btn {
    background-color: #fff;
    display: block;
    float: left;
    height: 29px;
    line-height: 23px;
    padding-left: 4px;
    text-decoration: none;
}

input.btn {
    background-color: #E2E2E2;
    border: 1px solid #838585;
    color: #626262;
    cursor: pointer;
    font-family: Trebuchet MS,sans-serif;
    font-size: 0.9em;
    height: 20px;
    padding: 0;
    width: 20px;
}

.innerpage {
    font-size: 1.1em;
    margin: 15px auto 0;
    padding-bottom: 30px;
    width: 957px;
}

    .innerpage #hd2 {
        border-bottom: 1px solid ##2F2D2D;
    }

    .innerpage .uplift-logo {
        float: left;
        padding: 10px 0 0;
        width: 182px;
    }

#hd1 {
    height: 77px;
    padding-top: 10px;
}

    #hd1 .logo {
        float: right;
        margin: 10px 0 0;
        padding: 0;
    }

        #hd1 .logo div {
            float: left;
        }

        #hd1 .logo .kale {
            background: url("../images/logo_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
            margin-right: 11px;
            padding: 0 10px 0 0;
        }

#hd2 {
    padding-top: 1px;
}

    #hd2 .logo {
        float: right;
        margin: 0;
        padding: 0;
    }

        #hd2 .logo div {
            float: left;
        }

        #hd2 .logo .kale {
            background: url("../images/logo_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
            margin-right: 11px;
            padding: 0 10px 0 0;
        }

.innerpage_image-banner {
    margin: 10px 0 0;
}

    .innerpage_image-banner .img-banner-left {
        float: left;
        width: 468px;
    }

    .innerpage_image-banner .img-banner-right {
        float: left;
        margin-left: 20px;
        width: 468px;
    }

    .innerpage_image-banner ul {
        float: right;
        padding-top: 10px;
    }

    .innerpage_image-banner li {
        border: 1px solid #C4C4C4;
        color: #C4C4C4;
        display: block;
        float: left;
        font-size: 0.9em;
        height: 13px;
        margin-left: 3px;
        padding: 0;
        text-align: center;
        width: 13px;
    }

        .innerpage_image-banner li a {
            color: #C4C4C4;
            display: block;
            font-size: 0.9em;
            padding: 1px 0 0;
            text-decoration: none;
        }

        .innerpage_image-banner li a {
            color: #C4C4C4;
            display: block;
            font-size: 0.9em;
            padding: 1px 0 0;
            text-decoration: none;
        }

        .innerpage_image-banner li.selected {
            border: 1px solid #D0410A;
            color: #D0410A;
            font-size: 0.9em;
            padding: 0;
            width: 13px;
        }

.nav1 {
    float: left;
    height: 17px;
    margin: 15px 0;
}

    .nav1 li {
        background: url("../images/nav_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block;
        float: left;
        font-size: 1.3em;
        font-weight: bold;
        height: 15px;
        list-style-type: none;
        padding: 0 16px;
    }

        .nav1 li a {
            color: #777474;
            text-decoration: none;
        }

            .nav1 li a:hover {
                text-decoration: none;
            }

        .nav1 li.selected {
            color: ##2F2D2D;
        }

        .nav1 li.sep-none {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        }

#innerpage-bd {
    clear: both;
    padding: 20px 0 0;
    position: relative;
    width: 100%;
}

    #innerpage-bd .left-col {
        float: left;
        padding: 0;
        width: 500px;
    }

    #innerpage-bd .right-col {
        float: right;
        padding: 0;
        width: 400px;
    }

.advert {
    margin: 20px 0 0;
    text-align: center;
}

.bottom-line {
    border-bottom: 1px dotted #A4A4A4;
}

.pop-box {
    border: 1px solid #E2E2E2;
    height: 85px;
    padding-bottom: 5px;
    text-align: center;
    width: 400px;
}

.pop-head {
    background-color: #a6dbf9;
    color: #272020;
    font-size: 12px;
    font-weight: bold;
    text-indent: 10px;
    line-height: 29px;
    text-align: left;
    width: 100%;
}

.pop-content {
    color: #555555;
    font-size: 1.063em;
    line-height: 24px;
}

.pop-block-center {
    display: block;
    height: 22px;
    margin: auto;
    width: 85px;
}

.pop-box-form {
    border: 1px solid #E2E2E2;
    height: auto;
    padding-bottom: 5px;
    width: 60%;
}

.pop-margin {
    margin: 30px auto;
}

.pop-btn-box {
    display: block;
    height: 30px;
    padding: 10px 20px;
    width: 95%;
}

.pop-side-margin {
    margin: 0 20px;
}

textarea {
    border: 1px solid #B6BBC3;
    color: #333333;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    width: 100%;
}

checkbox {
    margin: 0;
    padding: 0;
}

legend {
    color: #1a1a1a;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 12px;
    font-weight: 600;
}


.lable-highight {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    height: auto !important;
    min-height: 10px;
    padding: 5px;
}

.textfieldhighlight {
    background-color: #D6D6D6;
    border: 1px solid #B6BBC3;
    color: #000000;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    height: 14px;
    padding: 2px 5px;
    width: 88%;
}

.rt-text {
    text-align: right;
}

.watermarkOn {
    border: 1px solid #B6BBC3;
    color: #CCCCCC;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    text-transform: uppercase;
}

.graybg {
    background-color: #EEEEEE;
    border:1px;
   
}

fieldset {
    border: 1px solid #fff;
    padding: 0px;
}

.pad {
    padding-left: 2px;
}

.leftpad-5 {
    padding-left: 5px;
}

.btn-search {
    margin: -13px 0 0 3px;
    position: absolute;
}

.ie-six {
}

.disabled-text {
    color: #CCCCCC;
}

.summary-panel tr td fieldset legend {
    color: #CCCCCC;
    font-weight: bold;
}

.date-textfield {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    text-align: right;
    width: 57px;
}

.date-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    text-align: right;
    width: 57px;
}

.width-400 {
    width: 30%;
}

.agent-code-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 65px;
}

.agent-code-tf {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 65px;
}

.ie-code-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.ie-code {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.tel-fax-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 68px;
}

.tel-fax {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 68px;
}

.weight-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.weight-tf {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.kg-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 15px;
}

html body .ui-dialog-buttonpane {
    float: right;
}

html body .ui-dialog {
    cursor: default;
    box-shadow: #a9a9a9 5px 5px 5px;
}

.dialog-content {
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
}

.mobile-tf {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 0;
    text-align: right;
    width: 62px;
}

.error-textfield {
    background-color: #FFFED3;
    border: 1px solid #FF0000;
    margin-bottom: 4px !important;
}

.table-textfield {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px;
    text-align: right;
    width: 60px;
}

.dropselect {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 20px;
}

.textfield35 {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 35px;
}

.textfield35-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 35px;
}

.textfield85-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 75px;
}

.textfield90-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 85px;
}

.textfield90 {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 85px;
}

.FwbRFQDetailPanel {
    border: 1px solid #FFDACC;
    width: 100%;
}

.FwbRFQDetailNoHd {
    background-color: #FFF3EF;
    border-bottom: 1px solid #FFDACC;
    padding: 5px;
}

.FwbRFQDetailNoContent {
    border-bottom: 1px solid #FFDACC;
    width: 100%;
}

    .FwbRFQDetailNoContent thead tr td {
        background-color: #EEEEEE;
        border-bottom: 1px solid #FAFAFA;
    }

    .FwbRFQDetailNoContent tbody tr td {
        background-color: #F1F1F1;
        border-bottom: 1px solid #FAFAFA;
    }

.FwbRFQGroup {
    border: 1px solid #FFDACC;
    margin-top: 5px;
    width: 100%;
}

    .FwbRFQGroup tfoot tr td {
        background-color: #E0E0E0;
        border-bottom: 1px solid #FAFAFA;
    }

.FwbRFQGroupForm {
    border-bottom: 1px solid #FFDACC;
    margin-top: 5px;
    width: 100%;
    font-family: 'Trebuchet MS', sans-serif;
}

.SelectedAirlinesPanel {
    margin-top: 5px;
    width: 100%;
}

.RFQReqMsg {
    background-color: #BDF3B5;
    border: 1px solid #ABE8A2;
    color: #5A9F50;
    padding: 3px;
}

.progressBackgroundFilter {
    background-color: #000000;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0.5;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100019;
}

.processMessage {
    left: 45%;
    padding: 10px;
    position: fixed;
    top: 42%;
    width: 14%;
    z-index: 100020;
}

.panel-hd-pholder {
    margin: -3px 0 0 20px;
}

.grid-row-scroll {
    max-height: 65px;
    min-height: 12px;
    overflow: auto;
    width: 100%;
}

.grid-row-scroll-rights {
    max-height: 115px;
    min-height: 12px;
    overflow: auto;
    width: 100%;
}

.table_mid strong {
    color: #222;
        /*#666666;*/
}

div.ps-mode-panel, .ps-mode-flip, div.ps-branch-panel, .ps-branch-flip, div.ps-wel-panel, .ps-wel-flip, div.ps-lang-panel, .ps-lang-flip, div.ps-org-panel, .ps-org-flip {
    margin: 0;
    padding-top: 10px;
    text-align: left;
}

div.ps-mode-panel, div.ps-wel-panel, div.ps-lang-panel, div.ps-org-panel {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #CCCCCC;
    display: none;
    height: auto;
    position: absolute;
    width: 100px;
}

.ps-mode-panel a.ps-panel-overlay-close, .ps-branch-panel a.ps-panel-overlay-close, .ps-wel-panel a.ps-panel-overlay-close, .ps-lang-panel a.ps-panel-overlay-close, .ps-org-panel a.ps-panel-overlay-close {
    color: #FFFFFF;
    display: block;
    float: right;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
}

div.ps-branch-panel {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #CCCCCC;
    display: none;
    height: auto;
    position: absolute;
    width: 110px;
}

.hd-check {
    /*margin: -4px 0 0;*/
    margin: -1px 0 0;
}

body {
    color: #000000;
    font-family: Trebuchet MS,sans-serif;
    font-size: 70%;
    margin: 0;
    padding: 0;
}

ul, li, h1, h2, h3 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.textfield280, .textfield115, .textfield188 {
    border: 1px solid #ACACAC;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 12px;
}

.textfield280 {
    height: 20px;
    padding: 5px 2px 0 5px;
    width: 280px;
}

.textfield115 {
    height: 20px;
    padding: 5px 2px 0 5px;
    width: 115px;
}

.textfield188 {
    height: 20px;
    padding: 5px 2px 0 5px;
    width: 188px;
}

.textfield85, .textfield200, .textfield100, .textfield100per {
    border: 1px solid #2c5487;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    border-radius: 0px;
}

.textfield85per {
    width: 75px;
}

.textfield100per-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
     font-size: 13px;
    /*font-size: 11px;*/
     height: 24px;
    /*height: 14px;*/
    padding: 2px 5px;
}

.textfield85 {
    width: 75px;
}

.textfield200 {
    width: 200px;
}

.select212 {
    width: 212px;
}

.textfield100per {
}

.textfield100percaps {
    border: 1px solid ;
    /*#2c5487*/
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 13px;
    height: 20px;
    padding: 2px 5px;
    text-transform: uppercase;
}

.textfield100 {
    width: 100%;
}

.select100per {
    width: 95.5%;
}

.select101per {
    width: 80%;
}




.upload100per {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
}

.right-link {
    font-size: 12px;
    text-align: right;
}

a {
    color: ##2F2D2D;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

img {
    border: 0 none;
}

.clear {
    clear: both;
}

.width100per {
    width: 99%;
}

.fl-left {
    float: left;
}

.min-height-200 {
    height: auto !important;
    min-height: 200px;
}

.red {
    color: #FF0000;
    font-size: 0.8em;
}

.home-main {
    margin: 15px auto 0;
    padding-bottom: 35px;
    width: 957px;
}

/*.home-main #hd {
        border-bottom: 4px solid #ff8e02;
    }*/

#hd center {
    margin-bottom: 10px;
}

.height22 {
    height: 20px;
}

.heading {
    font-size: 1.2em;
}

.errorsms {
    color: #FF3300;
    font-size: 1.2em;
}

.errormsg {
    color: #FF0000;
}

/*.nav {
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    height: 13px;
    margin: 0 0 20px;
}

    .nav li {
        background: url("../images/nav_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block;
        float: left;
        font-size: 1.1em;
        font-weight: bold;
        height: 15px;
        list-style-type: none;
        padding: 0 16px;
    }

        .nav li a {
            color: #777474;
            text-decoration: none;
        }

            .nav li a:hover {
                text-decoration: none;
            }

        .nav li.selected {
            color: ##2F2D2D;
        }

        .nav li.sep-none {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        }*/

#hd {
    margin-top: 5px;
}

    #hd .logo {
        float: right;
        margin: 0;
        padding: 0;
    }

        #hd .logo div {
            float: left;
        }

        #hd .logo .kale {
            background: url("../images/logo_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
            margin-right: 11px;
            padding: 0 10px 0 0;
        }

.image-banner {
    margin: 5px 0 0;
}

    .image-banner .img-banner-left {
        float: left;
        width: 468px;
    }

    .image-banner .img-banner-right {
        float: left;
        margin-left: 20px;
        width: 468px;
    }

    .image-banner ul {
        float: right;
        padding-top: 10px;
    }

    .image-banner li {
        border: 1px solid #C4C4C4;
        color: #C4C4C4;
        display: block;
        float: left;
        font-size: 0.9em;
        height: 13px;
        margin-left: 3px;
        padding: 0;
        text-align: center;
        width: 13px;
    }

        .image-banner li a {
            color: #C4C4C4;
            display: block;
            font-size: 0.9em;
            padding: 1px 0 0;
            text-decoration: none;
        }

        .image-banner li.selected {
            border: 1px solid #D0410A;
            color: #D0410A;
            font-size: 0.9em;
            padding: 0;
            width: 13px;
        }

.home-main .uplift-logo {
    padding: 65px 0 60px 80px;
}

.login {
    float: left;
    padding-bottom: 70px;
}

#home-bd {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
}

    #home-bd .left-col {
        float: left;
        padding: 0 0 0 30px;
        width: 400px;
    }

    #home-bd .right-col {
        float: right;
        padding: 0 43px 0 0;
        width: 425px;
    }

.left-col-expand {
    float: left;
    padding: 0;
    width: 96%;
}

.Grid-w {
    width: 52%;
    margin: 0 auto;
}

.tr-1 {
    background: #2a2929;
    border: 1px solid #aeaeae !important;
    color: #555;
    text-indent: 10px;
    ;
}
/*.gray-box
{
    border: 1px solid #9F6C56;
}*/

.head {
    background-color: #000;
}

.gray-box .header h3 {
    font-size: 1.02em;
    font-weight: bold;
}

.gray-box .header h2 {
    color: #3c7cd3;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.gray-box .content {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 6px 15px 15px;
}

.gray-box .login-content {
    background: none repeat scroll 0 0 #ff8e02;
    font-size: 1.1em;
}

    .gray-box .login-content .row {
        margin-bottom: 12px;
    }

    .gray-box .login-content label {
        float: left;
    }

        .gray-box .login-content label.first {
            padding-top: 3px;
            width: 80px;
        }

        .gray-box .login-content label.second {
            float: left;
        }

        .gray-box .login-content label.forgot-pwd {
            padding: 10px 0 0 10px;
        }

    .gray-box .login-content .new-member {
        border-top: 1px solid #C2C2C2;
        clear: both;
        padding: 15px 0 0 20px;
    }

.gray-box-25 {
    margin-bottom: 25px;
}

.gray-box-13 {
    margin-bottom: 13px;
}

.gray-box-30 {
    margin-bottom: 5px;
}

.gray-box-10 {
    margin-bottom: 10px;
}

.gray-box-5 {
    margin-bottom: 5px;
}

.gray-box .header .left, .gray-box-1 .header .left {
    float: left;
}

.gray-box .header .right, .gray-box-1 .header .right {
    float: right;
}

.gray-box .header label {
    float: left;
    padding: 0 7px;
}

    .gray-box .header label.close {
        padding: 0 0 0 4px;
        text-align: right;
    }

    .gray-box .header label.sep {
        border-right: 1px solid #C6C6C6;
    }

.gray-box .nopad-content {
    height: auto !important;
    min-height: 140px;
}

    .gray-box .nopad-content ul {
        padding: 0 10px 10px;
    }

    .gray-box .nopad-content th {
    }

    .gray-box .nopad-content .alt-bg-color {
        background: none repeat scroll 0 0 #F9F9F9;
    }

    .gray-box .nopad-content .more {
        padding: 0px;
        text-align: right;
    }

.gray-box .form-content {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #121212;
    font-family: 'Trebuchet MS', sans-serif;
    height: auto !important;
    min-height: 10px;
    padding: 0px;
}

.awbserviceform-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FCF5F5;
    border-color: #EFB3B3 #DDDDDD #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    height: auto !important;
    min-height: 10px;
    padding: 5px;
}

.awbserviceform-contentmain {
    background: none repeat scroll 0 0 #fff; /*#FCF5F5;*/
    border: 1px solid #ddd;
    color: #121212;
    font-family: 'Trebuchet MS', sans-serif;
    height: 510px !important;
    min-height: 471px;
    padding: 5px;
}

.ddmmyy {
    font-size: 0.8em;
}

.box-list {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #555555;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
}

.gray-box .content12 {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 12px 12px;
}

div.brd-none {
    border: medium none;
}

.gray-box-1 .shadow {
    background: url("../images/box_content_shadow.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
    min-height: 12px;
}

.gray-box-1 .display-content {
    border-bottom: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    display: none;
    padding: 12px;
}

.gray-box-1 .header {
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    height: 20px;
}

.quick-vision1 {
    clear: both;
    margin: 50px 0 0;
    padding: 0;
}

    .quick-vision1 img {
        float: left;
        padding-right: 5px;
    }

    .quick-vision1 .quick {
        float: left;
        margin-right: 45px;
        width: 190px;
    }

    .quick-vision1 .vision {
        float: left;
        width: 188px;
    }

    .quick-vision1 h3 {
        color: #D64E1C;
        font-size: 1em;
        font-weight: bold;
    }

.quick-vision {
    clear: both;
    margin-bottom: 62px;
}

    .quick-vision img {
        float: left;
        padding-right: 5px;
    }

    .quick-vision .quick {
        float: left;
        margin-right: 21px;
        width: 243px;
    }

    .quick-vision .vision {
        float: left;
        width: 242px;
    }

    .quick-vision h3 {
        color: #D64E1C;
        font-size: 1em;
        font-weight: bold;
    }

.sub-nav {
    width: 422px;
}

    .sub-nav li {
        color: #FFFFFF;
        float: left;
        font-size: 1.02em;
        font-weight: bold;
        list-style-type: none;
    }

        .sub-nav li a {
            color: #000000;
            font-size: 1.02em;
            font-weight: bold;
            text-decoration: none;
        }

            .sub-nav li a:hover {
                text-decoration: none;
            }

        .sub-nav li.news {
            background: url("../images/news_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 34px;
            width: 50px;
        }

        .sub-nav li.news-active {
            background: url("../images/news_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            color: #FFFFFF;
            font-weight: bold;
            height: 34px;
            padding: 11px 0 0 34px;
            width: 50px;
        }

        .sub-nav li.shipments {
            background: url("../images/shipment_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 40px;
            width: 80px;
        }

        .sub-nav li.shipments-active {
            background: url("../images/shipment_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 40px;
            width: 81px;
        }

        .sub-nav li.dispatch {
            background: url("../images/dispatch_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 40px;
            width: 71px;
        }

        .sub-nav li.dispatch-active {
            background: url("../images/dispatch_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 42px;
            width: 71px;
        }

        .sub-nav li.more {
            background: url("../images/more_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 34px;
            width: 64px;
        }

        .sub-nav li.more-active {
            background: url("../images/more_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 42px;
            width: 64px;
        }

.sub-nav-content {
    clear: both;
    padding-top: 5px;
}

    .sub-nav-content .row {
        border-bottom: 1px solid #C8C8C8;
        margin-bottom: 8px;
        padding: 5px 0 15px;
    }

    .sub-nav-content .sep-none {
        border: medium none;
    }

    .sub-nav-content .row img {
        float: left;
        margin-right: 12px;
    }

.track-trace-content {
    padding: 6px 15px 15px;
}

    .track-trace-content label {
        float: left;
    }

        .track-trace-content label.first {
            width: 130px;
        }

        .track-trace-content label.second {
            width: 202px;
        }

.membership {
    padding: 6px 15px 0;
    position: relative;
}

    .membership .row {
        padding-bottom: 25px;
    }

        .membership .row label {
            float: left;
            width: 95px;
        }

            .membership .row label.first {
                width: 155px;
            }

        .membership .row img {
            margin: 0 3px 0 0;
        }

.help-desk {
    float: left;
    margin-right: 15px;
    width: 192px;
}

.help-desk-cont {
    height: 85px;
    padding: 6px 15px 8px;
}

.help-desk .row, .opinion .row {
    padding-bottom: 8px;
}

    .help-desk .row img {
        margin-right: 8px;
    }

.opinion {
    float: left;
    width: 192px;
}

    .opinion .radio {
        padding-top: 10px;
    }

        .opinion .radio label {
            color: #767474;
            float: left;
            font-size: 1.1em;
        }

            .opinion .radio label.first {
                width: 25px;
            }

            .opinion .radio label.second {
                padding-top: 3px;
                width: 34px;
            }

.tool-tip {
    background: none repeat scroll 0 0 ##2F2D2D;
    color: #FFFFFF;
    font-size: 1.1em;
    padding: 12px;
    width: 166px;
}

#header {
    margin-top: 5px;
    width: 100%;
}

.hd-logo {
    float: left;
    width: 15%;
}

.hd-search {
    float: left;
    margin-top: 5px;
}

    .hd-search input, .hd-search img {
        float: left;
    }

    .hd-search img {
        cursor: pointer;
        margin: 2px 0 0 -20px;
    }

    .hd-search ul {
        clear: both;
        margin-left: 36px;
    }

        .hd-search ul li {
            float: left;
        }

            .hd-search ul li div {
                margin-top: 3px;
            }

.hd-banner-img {
    height: 141px;
    margin-right: 0;
    width: 97%;
}

.hd-banner {
    float: left;
    width: 100%;
}

.ps-tp-menu {
    padding-top: 2px;
}

.tp-hd-menu {
    margin-top: -2px;
}

.hd-logo-rt {
    float: right;
    padding: 10px 0 0;
    position: relative;
    width: 75px;
}

.hd-rt-txt {
    float: right;
    left: -35px;
    position: absolute;
    top: 103px;
    width: 130px;
}

.hd-logo-rt img {
    margin: 0 0 20px;
}

    .hd-logo-rt img.img-last {
        float: right;
    }

.validator-panel {
    margin: 0 0 0 -10px;
}

.btn-trade {
    margin: 10px 0;
}

    .btn-trade a span input {
        height: 25px;
        margin: 0 5px;
    }

.qsearch-filter {
    border: 1px solid #E7E3E7;
    margin-top: -1px;
    padding: 5px;
}

.hd-banner img {
    float: left;
}

.liquid-main {
    margin: 0 15px;
    padding-bottom: 0;
}

    .liquid-main #hd {
        float: right;
        width: 100%;
    }

    .liquid-main .uplift-logo {
        width: 182px;
    }

.switch-toggle {
    float: left;
    margin: 0 0 0 22px;
    padding-bottom: 5px;
}

    .switch-toggle a {
        display: block;
        margin: -10px 0 0;
    }

.liquid-main #hd .dropdown {
    float: left;
    margin: 5px 0 0;
    width: 100%;
}

.liquid-main #hd .dropdown1 {
    background: url("images/nav_bg.png") repeat-x scroll 0 0 #FFFFFF;
    float: left;
    margin: 5px 0 0;
    width: 100%;
}

.liquid-main #hd .dropdown ul {
    float: left;
    margin: -5px 0 5px;
}

.liquid-main #hd .dropdown li {
    float: left;
}

.divider {
    background: url("../images/divider.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin: -3px 5px 0;
}

.hd-toggle-menu {
    padding: 2px 0 0 5px;
}

.hd-toggle-logo {
    padding: 0 0 0 12px;
}

.liquid-main #hd .dropdown li.pnav {
    padding-top: 5px;
}

.liquid-main #hd .dropdown li img {
    padding-left: 3px;
}

.liquid-main #hd .dropdown li.signout {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 3px 0 0 10px;
    padding: 0;
}

.liquid-main #hd .dropdown li div.dvder {
    color: #E0CECE;
    float: left;
    padding-right: 10px;
}

.liquid-main #hd .dropdown li.signout a {
    color: #9A9A9A;
}

.drop-red {
    background: none repeat scroll 0 0 #D0410A;
    font-size: 1.1em;
    width: 115px;
}

    .drop-red li {
        border-bottom: 1px solid #FBC9B5;
        display: block;
        padding: 5px;
    }

        .drop-red li a {
            color: #FFFFFF;
        }

.liquid-nav {
    float: left;
    height: 22px;
    width: 100%;
    line-height: 3px;
    background: linear-gradient(rgba(31, 99, 166, 0.52) 0%, rgb(31, 99, 166) 50%, rgb(31, 99, 166) 100%);
}

    .liquid-nav li {
        display: block;
        float: left;
        height: 37px;
        margin: 0 22px 0 0;
        padding: 0 0 0 8px;
    }

        .liquid-nav li div {
            margin-top: 10px;
            margin-left: 6px;
        }

        .liquid-nav li a {
            color: #fff;
            font-size: 13px;
            font-weight: bold;
            font-family: 'Trebuchet MS', sans-serif;
            line-height: 2px;
        }

        .liquid-nav li img {
            margin-right: 7px;
            display: none;
        }

        .liquid-nav li.selected {
            background-color: #e6e6e6;
            border-color: #F36F23;
            color: #252122;
            font-size: 15px;
            font-weight: bold;
            height: 21px;
            margin: 0 14px 0 0;
            padding: 0 14px 1px 8px;
        }

    .liquid-nav img {
        clear: both;
        float: left;
    }

#liquid-bd {
    float: left;
    width: 100%;
}

.pink-bg {
}

#liquid-bd .content {
    padding: 0px;
}

.dash-main-container {
    width: 100%;
}

.dash-panel-left {
    float: left;
    margin: 0;
    width: 49%;
}

.dash-panel-right {
    float: right;
    width: 49%;
}

.dash-panel-all {
    float: left;
    width: 100%;
}

.dash-data {
    background-color: #F6F6F6;
    overflow: auto;
    width: 100%;
}

.graph-img {
    padding: 10px 20px 0;
}

li.blue-text {
    background: url("../images/blue_dot.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #5D98BE;
    margin: 0 0 8px;
    padding: 0 0 0 10px;
}

li.orange-text {
    background: url("../images/orange_dot.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #E48633;
    padding: 0 0 0 10px;
}

.input-banner {
    float: left;
    margin-right: 95px;
}

.search {
    float: left;
    margin: 50px 0 0;
}

.search-div {
    border: 1px solid #9E9E9E;
    margin-bottom: 3px;
}

.search-input {
    border: 0 none;
    color: #000000;
    font-size: 11px;
    height: 15px;
    padding: 2px 5px;
    width: 100px;
}

.search-div img {
    margin: 5px 5px 3px 0;
}

.search label {
    color: #9E9E9E;
    float: left;
    font-size: 1.1em;
}

.search .first {
    width: 20px;
}

.search .second {
    margin-right: 20px;
    padding-top: 2px;
}

.search .third {
    padding-top: 2px;
}

.input-content {
    padding: 0;
    width: 100%;
}

    .input-content .top-links {
        background-color: #f3f3f3;
        /*border-bottom: 1px solid #D97102;
        border-top: 1px solid #D97102;*/
        padding: 0px 0 0px;
    

    }

        .input-content .top-links li {
            border-right: 1px solid #A4A2A2;
            display: block;
            float: left;
            height: 7px;
            margin: 5px 0px;
            padding: 0 12px 2px;
            line-height: 9px;
        }

            .input-content .top-links li a {
                color: #231f20;
                font-size: 11px;
                text-decoration: none;
            }

        .input-content .top-links .active {
            color: #3c7cd3;
            font-size: 11px;
            font-weight: 500;
        }

        .input-content .top-links li.sep-none {
            border: medium none;
        }

    .input-content .left-col {
        float: left;
        /*margin-top: 8px;*/
        margin-top: 4px;
        width: 76%;
    }

    * html .input-content .right-col {
        margin-right: -15px;
    }

    .input-content .right-col {
        background: url("../images/expand_col_shadow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
        float: right;
        margin-top: 10px;
        position: relative;
        width: 22%;
    }

    .input-content h1 {
        color: #201C17;
        font-size: 1.5em;
        font-weight: normal;
        margin-bottom: 5px;
    }

    .input-content .expand-col {
        background-color: #FFFFFF;
        border-bottom: 1px solid #B3B3B3;
        border-left: 1px solid #B3B3B3;
        border-top: 1px solid #B3B3B3;
        color: #555555;
        font-family: Trebuchet MS,sans-serif;
        height: auto !important;
        line-height: 15px;
        margin-bottom: 10px;
        margin-left: 7px;
        min-height: 600px;
        padding: 25px 8px;
        width: 90%;
    }

.right-col-max {
    float: right;
    margin-right: -15px;
    margin-top: -65px;
    position: relative;
    width: 33px;
}

.expand-col-max {
    background: url("../images/box_shadow_right_col.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: auto !important;
    min-height: 255px;
    width: 33px;
}

.input-content .expand-col h2 {
    color: #555555;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
}

.minimise-icon {
    left: -3px;
    position: absolute;
    top: -6px;
}

.blue-bullets li {
    background: url("../images/blue_bullete.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin: 0 0 5px;
}

    .blue-bullets li a {
        color: #0F9DC6;
        font-family: Trebuchet MS,sans-serif;
        padding: 0 0 0 13px;
    }

        .blue-bullets li a:hover {
            background: url("../images/orange_bullet.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            color: #E48633;
        }

.btn_container {
    margin-bottom: 15px;
}

.list_table {
    background: none repeat scroll 0 0 #FFFFFF;
    color:#272727;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    height: auto !important;
    min-height: 10px;
    padding: 0;
}

.table_head {
    /*background-color: #F1E2C5;*/
    /*background-color: #d3e8ff;*/ /*#E8F1FC;*/
    font-size: 13px;
    height: 20px;
    padding: 2px 0;
    /*font-family: 'Trebuchet MS', sans-serif;*/
    font-family:Trebuchet MS;
}

.table_mid {
    background-color: #F1E2C5;
    background-color: #FFFFFF;
    font-size: 12px;
    color: #272727;
    height: 20px;
    padding: 2px 0 0 7px;
    font-weight: 500;
    font-family: 'Trebuchet MS', sans-serif;
    text-align: none !important;
}

.CMStable_header {
    font-size: 11px;
    height: 24px;
    text-align: center;
}

.table_mid1 {
    background-color: #FAFBFC;
    border: 1px solid #F4F4F4;
    padding: 5px 5px 5px 15px;
}



.table_head1 {
    background: none repeat scroll 0 0 #DDDDDD;
    border-color: #ccc #ccc #ccc;
    border-style: solid;
    border-width: 1px;
}

.table_head2 {
    background: none repeat scroll 0 0 #DDDDDD;
    border-color: #EFB3B3 #DDDDDD #DDDDDD;
    border-style: solid;
    border-width: 1px;
    color: #626262;
    font-family: Trebuchet MS,sans-serif;
    padding: 1px;
    width: 550px;
}

.diagonal {
    transform: rotate(45deg);
}

.line {
    position: absolute;
    z-index: 1;
}

    .line div {
        border-left-color: rgba(0, 0, 0, 0);
        border-style: solid;
        left: 0;
        position: absolute;
        top: 0;
    }

.table_nav {
    
    color: #626262;
    /*font-family: Trebuchet MS,sans-serif;*/
     font-family:Trebuchet MS;
    font-size: 0.9em;
}


#ft {
    clear: both;
    color: #787575;
    float: left;
    font-size: 1em;
    margin-top: 35px;
    padding: 25px 0 0;
    width: 100%;
}

#ft-liq {
    clear: both;
    color: #9F6C56;
    float: left;
    font-size: 1em;
    margin-top: 0;
    padding: 15px 0 0;
    width: 100%;
}

    #ft li, #ft-liq li {
        background: url("../images/ft_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
        float: left;
        list-style-type: none;
        padding: 0 7px;
    }

    #ft a, #ft-liq a {
        color: #787575;
        text-decoration: none;
    }

        #ft a:hover, #ft-liq a:hover {
            color: #787575;
            text-decoration: none;
        }


.radio-btn-label {
    padding: 2px 0px;
    float: right;
}

.ddl {
    border: 1px solid #ccc;
    text-indent: 3px;
}

    .ddl .selected {
        line-height: 23px;
    }

#ft-liq ul {
    float: left;
    margin-left: -7px;
}

a.orange-btn:hover {
    background-position: left bottom;
}

a.orange-btn span {
    display: block;
    font-size: 1em;
    padding: 0 4px 0 0;
}

a.orange-btn:hover span {
    background-position: right bottom;
    color: #000000;
}

.over-vis {
    overflow: visible;
}

.btn-float {
    float: left;
    margin-right: -5x;
}

.btn-fr {
    float: right;
    margin-right: 5px;
}

.btn-center {
    margin-left: 0;
}

.btn-float-right {
    float: right;
}

.btn_padding {
    padding-bottom: 5px;
}

.block-center {
    display: block;
    height: 29px;
    margin: auto;
    width: 85px;
}

a.yellow-btn {
    display: block;
    float: left;
    height: 22px;
    line-height: 22px;
    padding-left: 4px;
    text-decoration: none;
}

    a.yellow-btn:hover {
        background-position: left bottom;
    }

    a.yellow-btn span {
        display: block;
        font-size: 1em;
        padding: 0 4px 0 0;
    }

    a.yellow-btn:hover span {
        background-position: right bottom;
        color: #000000;
    }

.y-btn-img {
    background-color: #3c7cd3;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 22px;
    padding: 2px 3px 5px 1px;
}

.input-search-panel {
    background: rgb(240, 240, 240) none repeat scroll 0% 0%;
    padding: 12px 0px;
}

a.orange-btn {
    background-color: inherit;
    display: block;
    float: left;
    height: 29px;
    line-height: 23px;
    padding-left: 4px;
    text-decoration: none;
}

input.btn {
    background-color: #E2E2E2;
    border: 1px solid #838585;
    color: #626262;
    cursor: pointer;
    font-family: Trebuchet MS,sans-serif;
    font-size: 0.9em;
    height: 20px;
    padding: 0;
    width: 20px;
}

.innerpage {
    font-size: 1.1em;
    margin: 15px auto 0;
    padding-bottom: 30px;
    width: 957px;
}

    .innerpage #hd2 {
        border-bottom: 1px solid ##2F2D2D;
    }

    .innerpage .uplift-logo {
        float: left;
        padding: 10px 0 0;
        width: 182px;
    }

#hd1 {
    height: 77px;
    padding-top: 10px;
}

    #hd1 .logo {
        float: right;
        margin: 10px 0 0;
        padding: 0;
    }

        #hd1 .logo div {
            float: left;
        }

        #hd1 .logo .kale {
            background: url("../images/logo_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
            margin-right: 11px;
            padding: 0 10px 0 0;
        }

#hd2 {
    padding-top: 1px;
}

    #hd2 .logo {
        float: right;
        margin: 0;
        padding: 0;
    }

        #hd2 .logo div {
            float: left;
        }

        #hd2 .logo .kale {
            background: url("../images/logo_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
            margin-right: 11px;
            padding: 0 10px 0 0;
        }

.innerpage_image-banner {
    margin: 10px 0 0;
}

    .innerpage_image-banner .img-banner-left {
        float: left;
        width: 468px;
    }

    .innerpage_image-banner .img-banner-right {
        float: left;
        margin-left: 20px;
        width: 468px;
    }

    .innerpage_image-banner ul {
        float: right;
        padding-top: 10px;
    }

    .innerpage_image-banner li {
        border: 1px solid #C4C4C4;
        color: #C4C4C4;
        display: block;
        float: left;
        font-size: 0.9em;
        height: 13px;
        margin-left: 3px;
        padding: 0;
        text-align: center;
        width: 13px;
    }

        .innerpage_image-banner li a {
            color: #C4C4C4;
            display: block;
            font-size: 0.9em;
            padding: 1px 0 0;
            text-decoration: none;
        }

        .innerpage_image-banner li a {
            color: #C4C4C4;
            display: block;
            font-size: 0.9em;
            padding: 1px 0 0;
            text-decoration: none;
        }

        .innerpage_image-banner li.selected {
            border: 1px solid #D0410A;
            color: #D0410A;
            font-size: 0.9em;
            padding: 0;
            width: 13px;
        }

.nav1 {
    float: left;
    height: 17px;
    margin: 15px 0;
}

    .nav1 li {
        background: url("../images/nav_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block;
        float: left;
        font-size: 1.3em;
        font-weight: bold;
        height: 15px;
        list-style-type: none;
        padding: 0 16px;
    }

        .nav1 li a {
            color: #777474;
            text-decoration: none;
        }

            .nav1 li a:hover {
                text-decoration: none;
            }

        .nav1 li.selected {
            color: ##2F2D2D;
        }

        .nav1 li.sep-none {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        }

#innerpage-bd {
    clear: both;
    padding: 20px 0 0;
    position: relative;
    width: 100%;
}

    #innerpage-bd .left-col {
        float: left;
        padding: 0;
        width: 500px;
    }

    #innerpage-bd .right-col {
        float: right;
        padding: 0;
        width: 400px;
    }

.advert {
    margin: 20px 0 0;
    text-align: center;
}

.bottom-line {
    border-bottom: 1px dotted #A4A4A4;
}

.pop-box {
    border: 1px solid #E2E2E2;
    height: 85px;
    padding-bottom: 5px;
    text-align: center;
    width: 400px;
}


.pop-content {
    color: #555555;
    font-size: 1.063em;
    line-height: 24px;
}

.pop-block-center {
    display: block;
    height: 22px;
    margin: auto;
    width: 85px;
}

.pop-box-form {
    border: 1px solid #E2E2E2;
    height: auto;
    padding-bottom: 5px;
    width: 60%;
}

.pop-margin {
    margin: 30px auto;
}

.pop-btn-box {
    display: block;
    height: 30px;
    padding: 10px 20px;
    width: 95%;
}

.pop-side-margin {
    margin: 0 20px;
}

textarea {
    border: 1px solid #B6BBC3;
    color: #333333;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    width: 100%;
}

checkbox {
    margin: 0;
    padding: 0;
}




.lable-highight {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    height: auto !important;
    min-height: 10px;
    padding: 5px;
}

.textfieldhighlight {
    background-color: #D6D6D6;
    border: 1px solid #B6BBC3;
    color: #000000;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    height: 14px;
    padding: 2px 5px;
    width: 88%;
}

.rt-text {
    text-align: right;
}

.watermarkOn {
    border: 1px solid #B6BBC3;
    color: #CCCCCC;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    text-transform: uppercase;
}

.graybg {
    /*background-color: #EEEEEE;*/
     background-color:#FAFAFF;
    border-color:#E4E4E4;
}

.pad {
    padding-left: 2px;
}

.leftpad-5 {
    padding-left: 5px;
}

.btn-search {
    margin: -13px 0 0 3px;
    position: absolute;
}

.ie-six {
}

.disabled-text {
    color: #CCCCCC;
}

.summary-panel tr td fieldset legend {
    color: #CCCCCC;
    font-weight: bold;
}

.date-textfield {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    text-align: right;
    width: 57px;
}

.date-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    text-align: right;
    width: 57px;
}

.agent-code-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 65px;
}

.agent-code-tf {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 65px;
}

.ie-code-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.ie-code {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.tel-fax-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 68px;
}

.tel-fax {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 68px;
}

.weight-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.weight-tf {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.kg-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 15px;
}

html body .ui-dialog-buttonpane {
    float: right;
}

html body .ui-dialog {
    cursor: default;
}

.dialog-content {
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
}

.mobile-tf {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 0;
    text-align: right;
    width: 62px;
}



.table-textfield {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px;
    text-align: right;
    width: 60px;
}

.dropselect {
    border: 1px solid #2c5487;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 20px;
}

.textfield35 {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 35px;
}

.textfield35-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 35px;
}

.textfield85-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 75px;
}

.textfield90-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 85px;
}

.textfield90 {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 85px;
}

.FwbRFQDetailPanel {
    border: 1px solid #FFDACC;
    width: 100%;
}

.FwbRFQDetailNoHd {
    background-color: #FFF3EF;
    border-bottom: 1px solid #FFDACC;
    padding: 5px;
}

.FwbRFQDetailNoContent {
    border-bottom: 1px solid #FFDACC;
    width: 100%;
}

    .FwbRFQDetailNoContent thead tr td {
        background-color: #EEEEEE;
        border-bottom: 1px solid #FAFAFA;
    }

    .FwbRFQDetailNoContent tbody tr td {
        background-color: #F1F1F1;
        border-bottom: 1px solid #FAFAFA;
    }

.FwbRFQGroup {
    border: 1px solid #FFDACC;
    margin-top: 5px;
    width: 100%;
}

    .FwbRFQGroup tfoot tr td {
        background-color: #E0E0E0;
        border-bottom: 1px solid #FAFAFA;
    }

.FwbRFQGroupForm {
    border-bottom: 1px solid #FFDACC;
    margin-top: 5px;
    width: 100%;
}

.SelectedAirlinesPanel {
    margin-top: 5px;
    width: 100%;
}

.RFQReqMsg {
    background-color: #BDF3B5;
    border: 1px solid #ABE8A2;
    color: #5A9F50;
    padding: 3px;
}

.progressBackgroundFilter {
    background-color: #000000;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0.5;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100019;
}

.processMessage {
    left: 45%;
    padding: 10px;
    position: fixed;
    top: 42%;
    width: 14%;
    z-index: 100020;
}

.panel-hd-pholder {
    margin: -3px 0 0 20px;
}

.grid-row-scroll {
    max-height: 65px;
    min-height: 12px;
    overflow: auto;
    width: 100%;
}

.grid-row-scroll-rights {
    max-height: 115px;
    min-height: 12px;
    overflow: auto;
    width: 100%;
}

.table_mid strong {
    color: #222;
        /*#666666;*/
}

div.ps-mode-panel, .ps-mode-flip, div.ps-branch-panel, .ps-branch-flip, div.ps-wel-panel, .ps-wel-flip, div.ps-lang-panel, .ps-lang-flip, div.ps-org-panel, .ps-org-flip {
    margin: 0;
    padding-top: 10px;
    text-align: left;
}

div.ps-mode-panel, div.ps-wel-panel, div.ps-lang-panel, div.ps-org-panel {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #CCCCCC;
    display: none;
    height: auto;
    position: absolute;
    width: 100px;
}

.ps-mode-panel a.ps-panel-overlay-close, .ps-branch-panel a.ps-panel-overlay-close, .ps-wel-panel a.ps-panel-overlay-close, .ps-lang-panel a.ps-panel-overlay-close, .ps-org-panel a.ps-panel-overlay-close {
    color: #FFFFFF;
    display: block;
    float: right;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
}

div.ps-branch-panel {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #CCCCCC;
    display: none;
    height: auto;
    position: absolute;
    width: 110px;
}

.hd-check {
    /*margin: -4px 0 0;*/
    margin: -1px 0 0;
}

.padding-left {
    padding-left: 5px;
}

.padding-right {
    padding-right: 5px;
}

.input-textbox {
    border: 1px solid #2c5487;
    border-radius: 0px;
    color: #333;
    height: 22px;
    text-indent: 6px;
}

.gray-box .nopad-content th {
    background-color: #ffb900;
    color: #2a2929;
    font: 500 12px 'Trebuchet MS', sans-serif;
}

.popup-header {
    width: 100%;
    height: 24px;
    background-color: #d3e8ff;
    color: #272020;
    text-align: center;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 13px;
    line-height: 24px;
    font-weight: 600;
}

.line-height-32 {
    line-height: 32px;
}

.vehicle-details thead {
    background: #a3cef1;
    color: #1f63a6;
}

.shipment-details table thead tr th {
    color: #1f63a6;
}


/*@import url('https://fonts.googleapis.com/css?family=Trebuchet MS:300,400,500,700&display=swap');*/

body {
    color: #000000;
    font-family: Trebuchet MS,sans-serif;
    font-size: 70%;
    margin: 0;
    padding: 0;
}

ul, li, h1, h2, h3 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.textfield280, .textfield115, .textfield188 {
    border: 1px solid #ACACAC;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 12px;
}

.textfield280 {
    height: 20px;
    padding: 5px 2px 0 5px;
    width: 280px;
}

.textfield115 {
    height: 20px;
    padding: 5px 2px 0 5px;
    width: 115px;
}

.textfield188 {
    height: 20px;
    padding: 5px 2px 0 5px;
    width: 188px;
}

.textfield85, .textfield200, .textfield100, .textfield100per {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
}

.textfield85per {
    width: 75px;
}

.textfield100per-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    font-size: 13px;
    height: 24px;
    /*height: 14px;*/
    padding: 2px 5px;
}

.textfield85 {
    width: 75px;
}

.textfield200 {
    width: 200px;
}

.select212 {
    width: 212px;
}

.textfield100per {
    width: 88%;
}

.textfield100percaps {
    border: 1px solid ;
    /*#2c5487*/
    color: #121212;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 13px;
    height: 20px;
    padding: 2px 5px;
    text-transform: uppercase;
}

.textfield100 {
    width: 100%;
}

.select100per {
    width: 95.5%;
}

.select101per {
    width: 80%;
}

.select100per {
    border: 1px solid #2c5487;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 24px;
}

.upload100per {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
}

.right-link {
    font-size: 12px;
    text-align: right;
}

a {
    color: #535353;
    text-decoration: none;
}

    a:hover {
        color: #272020;
        text-decoration: none;
    }

img {
    border: 0 none;
}

.clear {
    clear: both;
}

.width100per {
    width: 99%;
}

.fl-left {
    float: left;
}

.min-height-200 {
    height: auto !important;
    min-height: 200px;
}

.red {
    color: #FF0000;
    font-size: 0.8em;
}

.home-main {
    margin: 15px auto 0;
    padding-bottom: 35px;
    width: 957px;
}

/*.home-main #hd {
        border-bottom: 4px solid #ff8e02;
    }*/

#hd center {
    margin-bottom: 10px;
}

.height22 {
    height: 20px;
}

.heading {
    font-size: 1.2em;
}

.errorsms {
    color: #FF3300;
    font-size: 1.2em;
}

.errormsg {
    color: #FF0000;
}

/*.nav {
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    height: 13px;
    margin: 0 0 20px;
}*/

/*.nav li {
        background: url("../images/nav_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block;
        float: left;
        font-size: 1.1em;
        font-weight: bold;
        height: 15px;
        list-style-type: none;
        padding: 0 16px;
    }

        .nav li a {
            color: #777474;
            text-decoration: none;
        }

            .nav li a:hover {
                text-decoration: none;
            }

        .nav li.selected {
            color: ##2F2D2D;
        }

        .nav li.sep-none {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        }*/

#hd {
    margin-top: 5px;
}

    #hd .logo {
        float: right;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        #hd .logo div {
            float: left;
        }

        #hd .logo .kale {
            background: url("../images/logo_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
            margin-right: 11px;
            padding: 0 10px 0 0;
        }

.image-banner {
    margin: 5px 0 0;
}

    .image-banner .img-banner-left {
        float: left;
        width: 468px;
    }

    .image-banner .img-banner-right {
        float: left;
        margin-left: 20px;
        width: 468px;
    }

    .image-banner ul {
        float: right;
        padding-top: 10px;
    }

    .image-banner li {
        border: 1px solid #C4C4C4;
        color: #C4C4C4;
        display: block;
        float: left;
        font-size: 0.9em;
        height: 13px;
        margin-left: 3px;
        padding: 0;
        text-align: center;
        width: 13px;
    }

        .image-banner li a {
            color: #C4C4C4;
            display: block;
            font-size: 0.9em;
            padding: 1px 0 0;
            text-decoration: none;
        }

        .image-banner li.selected {
            border: 1px solid #D0410A;
            color: #D0410A;
            font-size: 0.9em;
            padding: 0;
            width: 13px;
        }

.home-main .uplift-logo {
    padding: 65px 0 60px 80px;
}

.login {
    float: left;
    padding-bottom: 70px;
}

#home-bd {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
}

    #home-bd .left-col {
        float: left;
        padding: 0 0 0 30px;
        width: 400px;
    }

    #home-bd .right-col {
        float: right;
        padding: 0 43px 0 0;
        width: 425px;
    }

.left-col-expand {
    float: left;
    padding: 0;
    width: 96%;
}
/*.gray-box
{
    border: 1px solid #0E1E75;
}*/
.gray-box .header, .gray-box-1 .header {
    background-color: #f0f0f0;
    height: 25px;
    padding: 0;
    margin: 8px 0px;
    border-bottom: 1px solid #efefef;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 23px;
    padding: 1px 9px;
}

    .gray-box .header h3 {
        font-size: 1.02em;
        font-weight: bold;
    }

    .gray-box .header h4 {
        font-size: 13px;
        font-weight: bold;
        margin: 10px 0 10px;
    }

    .gray-box .header h2 {
        color: #3c7cd3;
        font-size: 13px;
        font-weight: bold;
        cursor: pointer;
    }

.gray-box .content {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 6px 15px 15px;
}

.gray-box .login-content {
    background: none repeat scroll 0 0 #ff8e02;
    font-size: 1.1em;
}

    .gray-box .login-content .row {
        margin-bottom: 12px;
    }

    .gray-box .login-content label {
        float: left;
    }

        .gray-box .login-content label.first {
            padding-top: 3px;
            width: 80px;
            font-weight: bold;
        }

        .gray-box .login-content label.second {
            float: left;
        }

        .gray-box .login-content label.forgot-pwd {
            padding: 10px 0 0 10px;
            font-weight: bold;
        }

    .gray-box .login-content .new-member {
        border-top: 1px solid #C2C2C2;
        clear: both;
        padding: 15px 0 0 20px;
    }

.gray-box-25 {
    margin-bottom: 25px;
}

.gray-box-13 {
    margin-bottom: 13px;
}

.gray-box-30 {
    margin-bottom: 5px;
}

.gray-box-10 {
    margin-bottom: 10px;
}

.gray-box-5 {
    margin-bottom: 5px;
}

.gray-box .header .left, .gray-box-1 .header .left {
    float: left;
}

.gray-box .header .right, .gray-box-1 .header .right {
    float: right;
}

.gray-box .header label {
    float: left;
    padding: 0 7px;
}

    .gray-box .header label.close {
        padding: 0 0 0 4px;
        text-align: right;
    }

    .gray-box .header label.sep {
        border-right: 1px solid #C6C6C6;
    }

.gray-box .nopad-content {
    color: #333333;
    height: auto !important;
    min-height: 140px;
}

    .gray-box .nopad-content ul {
        padding: 0 10px 10px;
    }

    .gray-box .nopad-content th {
    }

    .gray-box .nopad-content .alt-bg-color {
        background: none repeat scroll 0 0 #F9F9F9;
    }

    .gray-box .nopad-content .more {
        background-color: #FFFFFF;
        padding: 0px;
        text-align: right;
    }

.gray-box .form-content {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #121212;
    font-family: 'Trebuchet MS', sans-serif;
    height: auto !important;
    min-height: 10px;
    padding: 5px;
}

.awbserviceform-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FCF5F5;
    border-color: #EFB3B3 #DDDDDD #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    height: auto !important;
    min-height: 10px;
    padding: 5px;
}

.awbserviceform-contentmain {
    background: none repeat scroll 0 0 #fff; /*FCF5F5*/
    border: 3px solid #EFB3B3;
    color: #121212;
    font-family: 'Trebuchet MS', sans-serif;
    height: 510px !important;
    min-height: 471px;
}

.ddmmyy {
    font-size: 0.8em;
}

.box-list {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #555555;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
}

.gray-box .content12 {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 12px 12px;
}

div.brd-none {
    border: medium none;
}

.gray-box-1 .shadow {
    background: url("../images/box_content_shadow.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
    min-height: 12px;
}

.gray-box-1 .display-content {
    border-bottom: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    display: none;
    padding: 12px;
}

.gray-box-1 .header {
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    height: 20px;
}

.quick-vision1 {
    clear: both;
    margin: 50px 0 0;
    padding: 0;
}

    .quick-vision1 img {
        float: left;
        padding-right: 5px;
    }

    .quick-vision1 .quick {
        float: left;
        margin-right: 45px;
        width: 190px;
    }

    .quick-vision1 .vision {
        float: left;
        width: 188px;
    }

    .quick-vision1 h3 {
        color: #D64E1C;
        font-size: 1em;
        font-weight: bold;
    }

.quick-vision {
    clear: both;
    margin-bottom: 62px;
}

    .quick-vision img {
        float: left;
        padding-right: 5px;
    }

    .quick-vision .quick {
        float: left;
        margin-right: 21px;
        width: 243px;
    }

    .quick-vision .vision {
        float: left;
        width: 242px;
    }

    .quick-vision h3 {
        color: #D64E1C;
        font-size: 1em;
        font-weight: bold;
    }

.sub-nav {
    width: 422px;
}

    .sub-nav li {
        color: #FFFFFF;
        float: left;
        font-size: 1.02em;
        font-weight: bold;
        list-style-type: none;
    }

        .sub-nav li a {
            color: #000000;
            font-size: 1.02em;
            font-weight: bold;
            text-decoration: none;
        }

            .sub-nav li a:hover {
                text-decoration: none;
            }

        .sub-nav li.news {
            background: url("../images/news_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 34px;
            width: 50px;
        }

        .sub-nav li.news-active {
            background: url("../images/news_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            color: #FFFFFF;
            font-weight: bold;
            height: 34px;
            padding: 11px 0 0 34px;
            width: 50px;
        }

        .sub-nav li.shipments {
            background: url("../images/shipment_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 40px;
            width: 80px;
        }

        .sub-nav li.shipments-active {
            background: url("../images/shipment_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 40px;
            width: 81px;
        }

        .sub-nav li.dispatch {
            background: url("../images/dispatch_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 40px;
            width: 71px;
        }

        .sub-nav li.dispatch-active {
            background: url("../images/dispatch_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 42px;
            width: 71px;
        }

        .sub-nav li.more {
            background: url("../images/more_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 34px;
            width: 64px;
        }

        .sub-nav li.more-active {
            background: url("../images/more_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 42px;
            width: 64px;
        }

.sub-nav-content {
    clear: both;
    padding-top: 5px;
}

    .sub-nav-content .row {
        border-bottom: 1px solid #C8C8C8;
        margin-bottom: 8px;
        padding: 5px 0 15px;
    }

    .sub-nav-content .sep-none {
        border: medium none;
    }

    .sub-nav-content .row img {
        float: left;
        margin-right: 12px;
    }

.track-trace-content {
    padding: 6px 15px 15px;
}

    .track-trace-content label {
        float: left;
    }

        .track-trace-content label.first {
            width: 130px;
        }

        .track-trace-content label.second {
            width: 202px;
        }

.membership {
    padding: 6px 15px 0;
    position: relative;
}

    .membership .row {
        padding-bottom: 25px;
    }

        .membership .row label {
            float: left;
            width: 95px;
        }

            .membership .row label.first {
                width: 155px;
            }

        .membership .row img {
            margin: 0 3px 0 0;
        }

.help-desk {
    float: left;
    margin-right: 15px;
    width: 192px;
}

.help-desk-cont {
    height: 85px;
    padding: 6px 15px 8px;
}

.help-desk .row, .opinion .row {
    padding-bottom: 8px;
}

    .help-desk .row img {
        margin-right: 8px;
    }

.opinion {
    float: left;
    width: 192px;
}

    .opinion .radio {
        padding-top: 10px;
    }

        .opinion .radio label {
            color: #767474;
            float: left;
            font-size: 1.1em;
        }

            .opinion .radio label.first {
                width: 25px;
            }

            .opinion .radio label.second {
                padding-top: 3px;
                width: 34px;
            }

.tool-tip {
    background: none repeat scroll 0 0 ##2F2D2D;
    color: #FFFFFF;
    font-size: 1.1em;
    padding: 12px;
    width: 166px;
}

#header {
    margin-top: 0px;
    width: 100%;
}

.hd-logo {
    float: left;
    width: 15%;
}

.hd-search {
    float: left;
    margin-top: 5px;
}

    .hd-search input, .hd-search img {
        float: left;
    }

    .hd-search img {
        cursor: pointer;
        margin: 2px 0 0 -20px;
    }

    .hd-search ul {
        clear: both;
        margin-left: 36px;
    }

        .hd-search ul li {
            float: left;
        }

            .hd-search ul li div {
                margin-top: 3px;
            }

.hd-banner-img {
    height: 141px;
    margin-right: 0;
    width: 97%;
}

.hd-banner {
    float: left;
    margin: 0 0 0 5px;
    width: 95%;
}

.ps-tp-menu {
    padding-top: 2px;
}

.tp-hd-menu {
    margin-top: -2px;
}

.hd-logo-rt {
    float: right;
    padding: 10px 0 0;
    position: relative;
    width: 75px;
}

.hd-rt-txt {
    float: right;
    left: -35px;
    position: absolute;
    top: 103px;
    width: 130px;
}

.hd-logo-rt img {
    margin: 0 0 20px;
}

    .hd-logo-rt img.img-last {
        float: right;
    }

.validator-panel {
    margin: 0 0 0 -10px;
}

.btn-trade {
    margin: 10px 0;
}

    .btn-trade a span input {
        height: 25px;
        margin: 0 5px;
    }

.qsearch-filter {
    border: 1px solid #E7E3E7;
    margin-top: -1px;
    padding: 5px;
}

.hd-banner img {
    float: left;
}

.liquid-main {
    margin: 0 15px;
    padding-bottom: 0;
}

    .liquid-main #hd {
        float: right;
        width: 100%;
    }

    .liquid-main .uplift-logo {
        width: 182px;
    }

.switch-toggle {
    float: left;
    margin: 0 0 0 22px;
    padding-bottom: 5px;
}

    .switch-toggle a {
        display: block;
        margin: -10px 0 0;
    }

.liquid-main #hd .dropdown {
    float: left;
    margin: 5px 0 0;
    width: 100%;
}

.liquid-main #hd .dropdown1 {
    background: url("images/nav_bg.png") repeat-x scroll 0 0 #FFFFFF;
    float: left;
    margin: 5px 0 0;
    width: 100%;
}

.liquid-main #hd .dropdown ul {
    float: left;
    margin: -5px 0 5px;
}

.liquid-main #hd .dropdown li {
    float: left;
}

.divider {
    background: url("../images/divider.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin: -3px 5px 0;
}

.hd-toggle-menu {
    padding: 2px 0 0 5px;
}

.hd-toggle-logo {
    padding: 0 0 0 12px;
}

.liquid-main #hd .dropdown li.pnav {
    padding-top: 5px;
}

.liquid-main #hd .dropdown li img {
    padding-left: 3px;
}

.liquid-main #hd .dropdown li.signout {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 3px 0 0 10px;
    padding: 0;
}

.liquid-main #hd .dropdown li div.dvder {
    color: #E0CECE;
    float: left;
    padding-right: 10px;
}

.liquid-main #hd .dropdown li.signout a {
    color: #9A9A9A;
}

.drop-red {
    background: none repeat scroll 0 0 #D0410A;
    font-size: 1.1em;
    width: 115px;
}

    .drop-red li {
        border-bottom: 1px solid #FBC9B5;
        display: block;
        padding: 5px;
    }

        .drop-red li a {
            color: #FFFFFF;
        }

.liquid-nav {
    /*background: url("../images/backgroundImage.jpg");*/
    background-color: #1f63a6;
    float: left;
    height: 38px;
    width: 100%;
}

    .liquid-nav li {
        display: block;
        float: left;
        height: 37px;
        margin: 0 22px 0 0;
        padding: 0 0 0 8px;
    }

        .liquid-nav li div {
            margin-top: 10px;
            margin-left: 6px;
        }

        .liquid-nav li img {
            margin-right: 7px;
            display: none;
        }



    .liquid-nav img {
        clear: both;
        float: left;
    }

#liquid-bd {
    float: left;
    width: 100%;
}

.pink-bg {
}

#liquid-bd .content {
    padding: 10px 20px 25px;
}

.dash-main-container {
    width: 100%;
}

.dash-panel-left {
    float: left;
    margin: 0;
    width: 49%;
}

.dash-panel-right {
    float: right;
    width: 49%;
}

.dash-panel-all {
    float: left;
    width: 100%;
}

.dash-data {
    overflow: auto;
    width: 100%;
}

.graph-img {
    padding: 10px 20px 0;
}

li.blue-text {
    background: url("../images/blue_dot.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #5D98BE;
    margin: 0 0 8px;
    padding: 0 0 0 10px;
}

li.orange-text {
    background: url("../images/orange_dot.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #E48633;
    padding: 0 0 0 10px;
}

.input-banner {
    float: left;
    margin-right: 95px;
}

.search {
    float: left;
    margin: 50px 0 0;
}

.search-div {
    border: 1px solid #9E9E9E;
    margin-bottom: 3px;
}

.search-input {
    border: 0 none;
    color: #000000;
    font-size: 11px;
    height: 15px;
    padding: 2px 5px;
    width: 100px;
}

.search-div img {
    margin: 5px 5px 3px 0;
}

.search label {
    color: #9E9E9E;
    float: left;
    font-size: 1.1em;
}

.search .first {
    width: 20px;
}

.search .second {
    margin-right: 20px;
    padding-top: 2px;
}

.search .third {
    padding-top: 2px;
}

.input-content {
    padding: 0;
    width: 100%;
}

    .input-content .top-links {
        background-color: #ddd;
        /*border-bottom: 1px solid #F36F23;
        border-top: 1px solid #F36F23;*/
        padding: 2px 0 0px;

    }

        .input-content .top-links li {
            border-right: 1px solid #A4A2A2;
            display: block;
            float: left;
            height: 7px;
            margin: 5px 0px;
            padding: 0 12px 2px;
            line-height: 9px;
        }

            .input-content .top-links li a {
                color: #000000;
                font-size: 1.08em;
                text-decoration: none;
            }

        .input-content .top-links .active {
            color: #3c7cd3;
            font-size: 1.08em;
            font-weight: 500;
            font-family: 'Trebuchet MS', sans-serif;
        }

        .input-content .top-links li.sep-none {
            border: medium none;
        }

    .input-content .left-col {
        float: left;
        /*margin-top: 8px;*/
        margin-top: 4px;
        width: 100% !important;
    }

    * html .input-content .right-col {
        margin-right: -15px;
    }

    .input-content .right-col {
        background: url("../images/expand_col_shadow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
        float: right;
        margin-top: 10px;
        position: relative;
        width: 22%;
    }

    .input-content h1 {
        color: #201C17;
        font-size: 1.5em;
        font-weight: normal;
        margin-bottom: 5px;
    }

    .input-content .expand-col {
        background-color: #FFFFFF;
        border-bottom: 1px solid #B3B3B3;
        border-left: 1px solid #B3B3B3;
        border-top: 1px solid #B3B3B3;
        color: #555555;
        font-family: Trebuchet MS,sans-serif;
        height: auto !important;
        line-height: 15px;
        margin-bottom: 10px;
        margin-left: 7px;
        min-height: 600px;
        padding: 25px 8px;
        width: 90%;
    }

.right-col-max {
    float: right;
    margin-right: -15px;
    margin-top: -65px;
    position: relative;
    width: 33px;
}

.expand-col-max {
    background: url("../images/box_shadow_right_col.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: auto !important;
    min-height: 255px;
    width: 33px;
}

.input-content .expand-col h2 {
    color: #555555;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
}

.minimise-icon {
    left: -3px;
    position: absolute;
    top: -6px;
}

.blue-bullets li {
    background: url("../images/blue_bullete.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin: 0 0 5px;
}

    .blue-bullets li a {
        color: #0F9DC6;
        font-family: Trebuchet MS,sans-serif;
        padding: 0 0 0 13px;
    }

        .blue-bullets li a:hover {
            background: url("../images/orange_bullet.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            color: #E48633;
        }

.btn_container {
    margin-bottom: 15px;
}

.list_table {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #555555;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    height: auto !important;
    min-height: 10px;
    padding: 0;
}

.pager {
    background: #ccc;
}

.gridHeader {
    background-color: #d3e8ff !important;
    color: #2A2929;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.table_mid {
    color: #272727;
    background-color: #FFFFFF; /*#E8F1FC;*/
    border: 1px solid #DDD8D8;
    font-size: 11px;
    height: 20px;
    padding: 2px 0 0 27px;
    text-align: none !important;
}

.link {
    color: #272727;
    text-decoration: none;
}

    .link:hover {
        color: #272727;
        text-decoration: none;
    }

.ui-datepicker-trigger {
    margin: -3px 2px;
}

.text-display {
    background-color: #E1E1E1;
    width: 80px;
    text-align: center;
    border: 1px solid rgb(188, 188, 188);
}

.table-h {
    background-color: #FFFFFF;
    font-size: 11px;
    height: 36px;
    padding: 2px 8px;
    border: 1px solid #ccc;
}

.CMStable_header {
    background-color: #FDB610;
    color: #AE441B;
    font-size: 11px;
    height: 24px;
    text-align: center;
}

.table_mid1 {
    background-color: #FAFBFC;
    border: 1px solid #F4F4F4;
    padding: 5px 5px 5px 15px;
}

.table_head {
    background: none repeat scroll 0 0 ;  /*#d3e8ff*/
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    color: #2a2929;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 2px 2px 4px 4px;
}


.table_head_revamp {
    /*background: none repeat scroll 0 0 #d3e8ff;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    color: #2a2929;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 2px 2px 4px 4px;*/
    
    background-color: #FAA61A;
    font-size: 13px;
    /*//height: 20px;*/
    padding: 2px 2px 4px 4px;
    font-family: 'Trebuchet MS', sans-serif;
    /*border-color: #EDEDED;
    border-style: solid;
    border-width: 1px;*/
   
}
.table_row tr:nth-child(even) {background-color: #FAFAFF;
border-color:#EDEDED
}
.table_row {
border-color: #EDEDED;
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 4px 4px;*
}

.table_head1 {
    background: none repeat scroll 0 0 #DDDDDD;
    border-color: #EFB3B3 #DDDDDD #DDDDDD;
    border-style: solid;
    border-width: 1px;
}

.table_head2 {
    background: none repeat scroll 0 0 #DDDDDD;
    border-color: #EFB3B3 #DDDDDD #DDDDDD;
    border-style: solid;
    border-width: 1px;
    color: #626262;
    font-family: Trebuchet MS,sans-serif;
    padding: 1px;
    width: 550px;
}

.diagonal {
    transform: rotate(45deg);
}

.line {
    position: absolute;
    z-index: 1;
}

    .line div {
        border-left-color: rgba(0, 0, 0, 0);
        border-style: solid;
        left: 0;
        position: absolute;
        top: 0;
    }

.table_nav {
    
    color: #626262;
    /*font-family: Trebuchet MS,sans-serif;*/
     font-family:Trebuchet MS;
    font-size: 0.9em;
}



#ft {
    border-top: 1px solid ##2F2D2D;
    clear: both;
    color: #787575;
    float: left;
    font-size: 1em;
    margin-top: 35px;
    padding: 25px 0 0;
    width: 100%;
}

#ft-liq {
    clear: both;
    color: #787575;
    float: left;
    font-size: 1em;
    margin-top: 0;
    padding: 15px 0 0;
    width: 100%;
}

    #ft li, #ft-liq li {
        background: url("../images/ft_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
        float: left;
        list-style-type: none;
        padding: 0 7px;
    }

    #ft a, #ft-liq a {
        color: #787575;
        text-decoration: none;
    }

        #ft a:hover, #ft-liq a:hover {
            color: #787575;
            text-decoration: none;
        }

.copyr {
    background-color: #e0e0e0;
    position: fixed;
    font-size:11px !important;
    left: -8px;
    bottom: 0;
    width: 100%;
    line-height: 20px;
    color: #505050;
    text-align: right;
}

#ft-liq ul {
    float: left;
    margin-left: -7px;
}

a.orange-btn:hover {
    background-position: left bottom;
}

a.orange-btn span {
    display: block;
    font-size: 1em;
    padding: 0 4px 0 0;
}

a.orange-btn:hover span {
    background-position: right bottom;
    color: #000000;
}

.over-vis {
    overflow: visible;
}

.btn-float {
    float: left;
    margin-right: -5px;
}

.btn-fr {
    float: right;
    margin-right: 5px;
}

.btn-center {
    margin-left: 0;
}

.btn-float-right {
    float: right;
}

.btn_padding {
    padding-bottom: 5px;
}

.block-center {
    display: block;
    height: 29px;
    margin: auto;
    width: 85px;
}

a.yellow-btn {
    display: block;
    float: left;
    height: 22px;
    line-height: 22px;
    padding-left: 4px;
    text-decoration: none;
}

    a.yellow-btn:hover {
        background-position: left bottom;
    }

    a.yellow-btn span {
        display: block;
        font-size: 1em;
        padding: 0 4px 0 0;
    }

    a.yellow-btn:hover span {
        background-position: right bottom;
        color: #000000;
    }

.y-btn-img {
    background-color: #3c7cd3;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 22px;
    padding: 2px 3px 5px 1px;
}

.btn-img {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background-color: #3c7cd3;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    padding: 1px 5px 3px 5px;
    border-radius: 0px;
    border: 1px solid #3c7cd3;
    width: 100%;
    font-family: 'Trebuchet MS', sans-serif;
}

    .btn-img:hover {
        background-color: #3c7cd3;
        color: #fff;
    }

a.orange-btn {
    background-color: #fff;
    display: block;
    float: left;
    height: 29px;
    line-height: 23px;
    padding-left: 4px;
    text-decoration: none;
}

input.btn {
    background-color: #E2E2E2;
    border: 1px solid #838585;
    color: #626262;
    cursor: pointer;
    font-family: Trebuchet MS,sans-serif;
    font-size: 0.9em;
    height: 20px;
    padding: 0;
    width: 20px;
}

.innerpage {
    font-size: 1.1em;
    margin: 15px auto 0;
    padding-bottom: 30px;
    width: 957px;
}

    .innerpage #hd2 {
        border-bottom: 1px solid ##2F2D2D;
    }

    .innerpage .uplift-logo {
        float: left;
        padding: 10px 0 0;
        width: 182px;
    }

#hd1 {
    height: 77px;
    padding-top: 10px;
}

    #hd1 .logo {
        float: right;
        margin: 10px 0 0;
        padding: 0;
    }

        #hd1 .logo div {
            float: left;
        }

        #hd1 .logo .kale {
            background: url("../images/logo_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
            margin-right: 11px;
            padding: 0 10px 0 0;
        }

#hd2 {
    padding-top: 1px;
}

    #hd2 .logo {
        float: right;
        margin: 0;
        padding: 0;
    }

        #hd2 .logo div {
            float: left;
        }

        #hd2 .logo .kale {
            background: url("../images/logo_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
            margin-right: 11px;
            padding: 0 10px 0 0;
        }

.innerpage_image-banner {
    margin: 10px 0 0;
}

    .innerpage_image-banner .img-banner-left {
        float: left;
        width: 468px;
    }

    .innerpage_image-banner .img-banner-right {
        float: left;
        margin-left: 20px;
        width: 468px;
    }

    .innerpage_image-banner ul {
        float: right;
        padding-top: 10px;
    }

    .innerpage_image-banner li {
        border: 1px solid #C4C4C4;
        color: #C4C4C4;
        display: block;
        float: left;
        font-size: 0.9em;
        height: 13px;
        margin-left: 3px;
        padding: 0;
        text-align: center;
        width: 13px;
    }

        .innerpage_image-banner li a {
            color: #C4C4C4;
            display: block;
            font-size: 0.9em;
            padding: 1px 0 0;
            text-decoration: none;
        }

        .innerpage_image-banner li a {
            color: #C4C4C4;
            display: block;
            font-size: 0.9em;
            padding: 1px 0 0;
            text-decoration: none;
        }

        .innerpage_image-banner li.selected {
            border: 1px solid #D0410A;
            color: #D0410A;
            font-size: 0.9em;
            padding: 0;
            width: 13px;
        }

.nav1 {
    float: left;
    height: 17px;
    margin: 15px 0;
}

    .nav1 li {
        background: url("../images/nav_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block;
        float: left;
        font-size: 1.3em;
        font-weight: bold;
        height: 15px;
        list-style-type: none;
        padding: 0 16px;
    }

        .nav1 li a {
            color: #777474;
            text-decoration: none;
        }

            .nav1 li a:hover {
                text-decoration: none;
            }

        .nav1 li.selected {
            color: ##2F2D2D;
        }

        .nav1 li.sep-none {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        }

#innerpage-bd {
    clear: both;
    padding: 20px 0 0;
    position: relative;
    width: 100%;
}

    #innerpage-bd .left-col {
        float: left;
        padding: 0;
        width: 500px;
    }

    #innerpage-bd .right-col {
        float: right;
        padding: 0;
        width: 400px;
    }

.advert {
    margin: 20px 0 0;
    text-align: center;
}

.bottom-line {
    border-bottom: 1px dotted #A4A4A4;
}

.pop-box {
    border: 1px solid #E2E2E2;
    height: 85px;
    padding-bottom: 5px;
    text-align: center;
    width: 400px;
}

.pop-head {
    background-color: #a6dbf9;
    color: #272020;
    font-size: 12px;
    font-weight: bold;
    text-indent: 10px;
    line-height: 29px;
    text-align: left;
    width: 100%;
}

.pop-content {
    color: #555555;
    font-size: 1.063em;
    line-height: 24px;
}

.pop-block-center {
    display: block;
    height: 22px;
    margin: auto;
    width: 85px;
}

.pop-box-form {
    border: 1px solid #E2E2E2;
    height: auto;
    padding-bottom: 5px;
    width: 60%;
}

.pop-margin {
    margin: 30px auto;
}

.pop-btn-box {
    display: block;
    height: 30px;
    padding: 10px 20px;
    width: 95%;
}

.pop-side-margin {
    margin: 0 20px;
}

textarea {
    border: 1px solid #B6BBC3;
    color: #333333;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    width: 100%;
}

checkbox {
    margin: 0;
    padding: 0;
}

legend {
    color: #1a1a1a;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 12px;
    font-weight: 600;
}


.lable-highight {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    height: auto !important;
    min-height: 10px;
    padding: 5px;
}

.textfieldhighlight {
    background-color: #D6D6D6;
    border: 1px solid #B6BBC3;
    color: #000000;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    height: 14px;
    padding: 2px 5px;
    width: 88%;
}

.rt-text {
    text-align: right;
}

.watermarkOn {
    border: 1px solid #B6BBC3;
    color: #CCCCCC;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    text-transform: uppercase;
}

.graybg {
    background-color: #EEEEEE;
    border:1px;
   
}

fieldset {
    border: 1px solid #fff;
    padding: 0px;
}

.pad {
    padding-left: 2px;
}

.leftpad-5 {
    padding-left: 5px;
}

.btn-search {
    margin: -13px 0 0 3px;
    position: absolute;
}

.ie-six {
}

.disabled-text {
    color: #CCCCCC;
}

.summary-panel tr td fieldset legend {
    color: #CCCCCC;
    font-weight: bold;
}

.date-textfield {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    text-align: right;
    width: 57px;
}

.date-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    text-align: right;
    width: 57px;
}

.width-400 {
    width: 30%;
}

.agent-code-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 65px;
}

.agent-code-tf {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 65px;
}

.ie-code-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.ie-code {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.tel-fax-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 68px;
}

.tel-fax {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 68px;
}

.weight-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.weight-tf {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.kg-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 15px;
}

html body .ui-dialog-buttonpane {
    float: right;
}

html body .ui-dialog {
    cursor: default;
    box-shadow: #a9a9a9 5px 5px 5px;
}

.dialog-content {
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
}

.mobile-tf {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 0;
    text-align: right;
    width: 62px;
}

.error-textfield {
    background-color: #FFFED3;
    border: 1px solid #FF0000;
    margin-bottom: 4px !important;
}

.table-textfield {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px;
    text-align: right;
    width: 60px;
}

.dropselect {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 20px;
}

.textfield35 {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 35px;
}

.textfield35-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 35px;
}

.textfield85-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 75px;
}

.textfield90-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 85px;
}

.textfield90 {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 85px;
}

.FwbRFQDetailPanel {
    border: 1px solid #FFDACC;
    width: 100%;
}

.FwbRFQDetailNoHd {
    background-color: #FFF3EF;
    border-bottom: 1px solid #FFDACC;
    padding: 5px;
}

.FwbRFQDetailNoContent {
    border-bottom: 1px solid #FFDACC;
    width: 100%;
}

    .FwbRFQDetailNoContent thead tr td {
        background-color: #EEEEEE;
        border-bottom: 1px solid #FAFAFA;
    }

    .FwbRFQDetailNoContent tbody tr td {
        background-color: #F1F1F1;
        border-bottom: 1px solid #FAFAFA;
    }

.FwbRFQGroup {
    border: 1px solid #FFDACC;
    margin-top: 5px;
    width: 100%;
}

    .FwbRFQGroup tfoot tr td {
        background-color: #E0E0E0;
        border-bottom: 1px solid #FAFAFA;
    }

.FwbRFQGroupForm {
    border-bottom: 1px solid #FFDACC;
    margin-top: 5px;
    width: 100%;
    font-family: 'Trebuchet MS', sans-serif;
}

.SelectedAirlinesPanel {
    margin-top: 5px;
    width: 100%;
}

.RFQReqMsg {
    background-color: #BDF3B5;
    border: 1px solid #ABE8A2;
    color: #5A9F50;
    padding: 3px;
}

.progressBackgroundFilter {
    background-color: #000000;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0.5;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100019;
}

.processMessage {
    left: 45%;
    padding: 10px;
    position: fixed;
    top: 42%;
    width: 14%;
    z-index: 100020;
}

.panel-hd-pholder {
    margin: -3px 0 0 20px;
}

.grid-row-scroll {
    max-height: 65px;
    min-height: 12px;
    overflow: auto;
    width: 100%;
}

.grid-row-scroll-rights {
    max-height: 115px;
    min-height: 12px;
    overflow: auto;
    width: 100%;
}

.table_mid strong {
    color: #222;
        /*#666666;*/
}

div.ps-mode-panel, .ps-mode-flip, div.ps-branch-panel, .ps-branch-flip, div.ps-wel-panel, .ps-wel-flip, div.ps-lang-panel, .ps-lang-flip, div.ps-org-panel, .ps-org-flip {
    margin: 0;
    padding-top: 10px;
    text-align: left;
}

div.ps-mode-panel, div.ps-wel-panel, div.ps-lang-panel, div.ps-org-panel {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #CCCCCC;
    display: none;
    height: auto;
    position: absolute;
    width: 100px;
}

.ps-mode-panel a.ps-panel-overlay-close, .ps-branch-panel a.ps-panel-overlay-close, .ps-wel-panel a.ps-panel-overlay-close, .ps-lang-panel a.ps-panel-overlay-close, .ps-org-panel a.ps-panel-overlay-close {
    color: #FFFFFF;
    display: block;
    float: right;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
}

div.ps-branch-panel {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #CCCCCC;
    display: none;
    height: auto;
    position: absolute;
    width: 110px;
}

.hd-check {
    /*margin: -4px 0 0;*/
    margin: -1px 0 0;
}

body {
    color: #000000;
    font-family: Trebuchet MS,sans-serif;
    font-size: 70%;
    margin: 0;
    padding: 0;
}

ul, li, h1, h2, h3 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.textfield280, .textfield115, .textfield188 {
    border: 1px solid #ACACAC;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 12px;
}

.textfield280 {
    height: 20px;
    padding: 5px 2px 0 5px;
    width: 280px;
}

.textfield115 {
    height: 20px;
    padding: 5px 2px 0 5px;
    width: 115px;
}

.textfield188 {
    height: 20px;
    padding: 5px 2px 0 5px;
    width: 188px;
}

.textfield85, .textfield200, .textfield100, .textfield100per {
    border: 1px solid #2c5487;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    border-radius: 0px;
}

.textfield85per {
    width: 75px;
}

.textfield100per-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
     font-size: 13px;
    /*font-size: 11px;*/
     height: 24px;
    /*height: 14px;*/
    padding: 2px 5px;
}

.textfield85 {
    width: 75px;
}

.textfield200 {
    width: 200px;
}

.select212 {
    width: 212px;
}

.textfield100per {
}

.textfield100percaps {
    border: 1px solid ;
    /*#2c5487*/
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 13px;
    height: 20px;
    padding: 2px 5px;
    text-transform: uppercase;
}

.textfield100 {
    width: 100%;
}

.select100per {
    width: 95.5%;
}

.select101per {
    width: 80%;
}




.upload100per {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
}

.right-link {
    font-size: 12px;
    text-align: right;
}

a {
    color: ##2F2D2D;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

img {
    border: 0 none;
}

.clear {
    clear: both;
}

.width100per {
    width: 99%;
}

.fl-left {
    float: left;
}

.min-height-200 {
    height: auto !important;
    min-height: 200px;
}

.red {
    color: #FF0000;
    font-size: 0.8em;
}

.home-main {
    margin: 15px auto 0;
    padding-bottom: 35px;
    width: 957px;
}

/*.home-main #hd {
        border-bottom: 4px solid #ff8e02;
    }*/

#hd center {
    margin-bottom: 10px;
}

.height22 {
    height: 20px;
}

.heading {
    font-size: 1.2em;
}

.errorsms {
    color: #FF3300;
    font-size: 1.2em;
}

.errormsg {
    color: #FF0000;
}

/*.nav {
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    height: 13px;
    margin: 0 0 20px;
}

    .nav li {
        background: url("../images/nav_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block;
        float: left;
        font-size: 1.1em;
        font-weight: bold;
        height: 15px;
        list-style-type: none;
        padding: 0 16px;
    }

        .nav li a {
            color: #777474;
            text-decoration: none;
        }

            .nav li a:hover {
                text-decoration: none;
            }

        .nav li.selected {
            color: ##2F2D2D;
        }

        .nav li.sep-none {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        }*/

#hd {
    margin-top: 5px;
}

    #hd .logo {
        float: right;
        margin: 0;
        padding: 0;
    }

        #hd .logo div {
            float: left;
        }

        #hd .logo .kale {
            background: url("../images/logo_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
            margin-right: 11px;
            padding: 0 10px 0 0;
        }

.image-banner {
    margin: 5px 0 0;
}

    .image-banner .img-banner-left {
        float: left;
        width: 468px;
    }

    .image-banner .img-banner-right {
        float: left;
        margin-left: 20px;
        width: 468px;
    }

    .image-banner ul {
        float: right;
        padding-top: 10px;
    }

    .image-banner li {
        border: 1px solid #C4C4C4;
        color: #C4C4C4;
        display: block;
        float: left;
        font-size: 0.9em;
        height: 13px;
        margin-left: 3px;
        padding: 0;
        text-align: center;
        width: 13px;
    }

        .image-banner li a {
            color: #C4C4C4;
            display: block;
            font-size: 0.9em;
            padding: 1px 0 0;
            text-decoration: none;
        }

        .image-banner li.selected {
            border: 1px solid #D0410A;
            color: #D0410A;
            font-size: 0.9em;
            padding: 0;
            width: 13px;
        }

.home-main .uplift-logo {
    padding: 65px 0 60px 80px;
}

.login {
    float: left;
    padding-bottom: 70px;
}

#home-bd {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
}

    #home-bd .left-col {
        float: left;
        padding: 0 0 0 30px;
        width: 400px;
    }

    #home-bd .right-col {
        float: right;
        padding: 0 43px 0 0;
        width: 425px;
    }

.left-col-expand {
    float: left;
    padding: 0;
    width: 96%;
}

.Grid-w {
    width: 52%;
    margin: 0 auto;
}

.tr-1 {
    background: #2a2929;
    border: 1px solid #aeaeae !important;
    color: #555;
    text-indent: 10px;
    ;
}
/*.gray-box
{
    border: 1px solid #9F6C56;
}*/

.head {
    background-color: #000;
}

.gray-box .header h3 {
    font-size: 1.02em;
    font-weight: bold;
}

.gray-box .header h2 {
    color: #3c7cd3;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.gray-box .content {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 6px 15px 15px;
}

.gray-box .login-content {
    background: none repeat scroll 0 0 #ff8e02;
    font-size: 1.1em;
}

    .gray-box .login-content .row {
        margin-bottom: 12px;
    }

    .gray-box .login-content label {
        float: left;
    }

        .gray-box .login-content label.first {
            padding-top: 3px;
            width: 80px;
        }

        .gray-box .login-content label.second {
            float: left;
        }

        .gray-box .login-content label.forgot-pwd {
            padding: 10px 0 0 10px;
        }

    .gray-box .login-content .new-member {
        border-top: 1px solid #C2C2C2;
        clear: both;
        padding: 15px 0 0 20px;
    }

.gray-box-25 {
    margin-bottom: 25px;
}

.gray-box-13 {
    margin-bottom: 13px;
}

.gray-box-30 {
    margin-bottom: 5px;
}

.gray-box-10 {
    margin-bottom: 10px;
}

.gray-box-5 {
    margin-bottom: 5px;
}

.gray-box .header .left, .gray-box-1 .header .left {
    float: left;
}

.gray-box .header .right, .gray-box-1 .header .right {
    float: right;
}

.gray-box .header label {
    float: left;
    padding: 0 7px;
}

    .gray-box .header label.close {
        padding: 0 0 0 4px;
        text-align: right;
    }

    .gray-box .header label.sep {
        border-right: 1px solid #C6C6C6;
    }

.gray-box .nopad-content {
    height: auto !important;
    min-height: 140px;
}

    .gray-box .nopad-content ul {
        padding: 0 10px 10px;
    }

    .gray-box .nopad-content th {
    }

    .gray-box .nopad-content .alt-bg-color {
        background: none repeat scroll 0 0 #F9F9F9;
    }

    .gray-box .nopad-content .more {
        padding: 0px;
        text-align: right;
    }

.gray-box .form-content {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #121212;
    font-family: 'Trebuchet MS', sans-serif;
    height: auto !important;
    min-height: 10px;
    padding: 0px;
}

.awbserviceform-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FCF5F5;
    border-color: #EFB3B3 #DDDDDD #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    height: auto !important;
    min-height: 10px;
    padding: 5px;
}

.awbserviceform-contentmain {
    background: none repeat scroll 0 0 #fff; /*#FCF5F5;*/
    border: 1px solid #ddd;
    color: #121212;
    font-family: 'Trebuchet MS', sans-serif;
    height: 510px !important;
    min-height: 471px;
    padding: 5px;
}

.ddmmyy {
    font-size: 0.8em;
}

.box-list {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #555555;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
}

.gray-box .content12 {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 12px 12px;
}

div.brd-none {
    border: medium none;
}

.gray-box-1 .shadow {
    background: url("../images/box_content_shadow.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
    min-height: 12px;
}

.gray-box-1 .display-content {
    border-bottom: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    display: none;
    padding: 12px;
}

.gray-box-1 .header {
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    height: 20px;
}

.quick-vision1 {
    clear: both;
    margin: 50px 0 0;
    padding: 0;
}

    .quick-vision1 img {
        float: left;
        padding-right: 5px;
    }

    .quick-vision1 .quick {
        float: left;
        margin-right: 45px;
        width: 190px;
    }

    .quick-vision1 .vision {
        float: left;
        width: 188px;
    }

    .quick-vision1 h3 {
        color: #D64E1C;
        font-size: 1em;
        font-weight: bold;
    }

.quick-vision {
    clear: both;
    margin-bottom: 62px;
}

    .quick-vision img {
        float: left;
        padding-right: 5px;
    }

    .quick-vision .quick {
        float: left;
        margin-right: 21px;
        width: 243px;
    }

    .quick-vision .vision {
        float: left;
        width: 242px;
    }

    .quick-vision h3 {
        color: #D64E1C;
        font-size: 1em;
        font-weight: bold;
    }

.sub-nav {
    width: 422px;
}

    .sub-nav li {
        color: #FFFFFF;
        float: left;
        font-size: 1.02em;
        font-weight: bold;
        list-style-type: none;
    }

        .sub-nav li a {
            color: #000000;
            font-size: 1.02em;
            font-weight: bold;
            text-decoration: none;
        }

            .sub-nav li a:hover {
                text-decoration: none;
            }

        .sub-nav li.news {
            background: url("../images/news_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 34px;
            width: 50px;
        }

        .sub-nav li.news-active {
            background: url("../images/news_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            color: #FFFFFF;
            font-weight: bold;
            height: 34px;
            padding: 11px 0 0 34px;
            width: 50px;
        }

        .sub-nav li.shipments {
            background: url("../images/shipment_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 40px;
            width: 80px;
        }

        .sub-nav li.shipments-active {
            background: url("../images/shipment_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 40px;
            width: 81px;
        }

        .sub-nav li.dispatch {
            background: url("../images/dispatch_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 40px;
            width: 71px;
        }

        .sub-nav li.dispatch-active {
            background: url("../images/dispatch_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 42px;
            width: 71px;
        }

        .sub-nav li.more {
            background: url("../images/more_normal.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 34px;
            width: 64px;
        }

        .sub-nav li.more-active {
            background: url("../images/more_active.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            height: 34px;
            padding: 11px 0 0 42px;
            width: 64px;
        }

.sub-nav-content {
    clear: both;
    padding-top: 5px;
}

    .sub-nav-content .row {
        border-bottom: 1px solid #C8C8C8;
        margin-bottom: 8px;
        padding: 5px 0 15px;
    }

    .sub-nav-content .sep-none {
        border: medium none;
    }

    .sub-nav-content .row img {
        float: left;
        margin-right: 12px;
    }

.track-trace-content {
    padding: 6px 15px 15px;
}

    .track-trace-content label {
        float: left;
    }

        .track-trace-content label.first {
            width: 130px;
        }

        .track-trace-content label.second {
            width: 202px;
        }

.membership {
    padding: 6px 15px 0;
    position: relative;
}

    .membership .row {
        padding-bottom: 25px;
    }

        .membership .row label {
            float: left;
            width: 95px;
        }

            .membership .row label.first {
                width: 155px;
            }

        .membership .row img {
            margin: 0 3px 0 0;
        }

.help-desk {
    float: left;
    margin-right: 15px;
    width: 192px;
}

.help-desk-cont {
    height: 85px;
    padding: 6px 15px 8px;
}

.help-desk .row, .opinion .row {
    padding-bottom: 8px;
}

    .help-desk .row img {
        margin-right: 8px;
    }

.opinion {
    float: left;
    width: 192px;
}

    .opinion .radio {
        padding-top: 10px;
    }

        .opinion .radio label {
            color: #767474;
            float: left;
            font-size: 1.1em;
        }

            .opinion .radio label.first {
                width: 25px;
            }

            .opinion .radio label.second {
                padding-top: 3px;
                width: 34px;
            }

.tool-tip {
    background: none repeat scroll 0 0 ##2F2D2D;
    color: #FFFFFF;
    font-size: 1.1em;
    padding: 12px;
    width: 166px;
}

#header {
    margin-top: 5px;
    width: 100%;
}

.hd-logo {
    float: left;
    width: 15%;
}

.hd-search {
    float: left;
    margin-top: 5px;
}

    .hd-search input, .hd-search img {
        float: left;
    }

    .hd-search img {
        cursor: pointer;
        margin: 2px 0 0 -20px;
    }

    .hd-search ul {
        clear: both;
        margin-left: 36px;
    }

        .hd-search ul li {
            float: left;
        }

            .hd-search ul li div {
                margin-top: 3px;
            }

.hd-banner-img {
    height: 141px;
    margin-right: 0;
    width: 97%;
}

.hd-banner {
    float: left;
    width: 100%;
}

.ps-tp-menu {
    padding-top: 2px;
}

.tp-hd-menu {
    margin-top: -2px;
}

.hd-logo-rt {
    float: right;
    padding: 10px 0 0;
    position: relative;
    width: 75px;
}

.hd-rt-txt {
    float: right;
    left: -35px;
    position: absolute;
    top: 103px;
    width: 130px;
}

.hd-logo-rt img {
    margin: 0 0 20px;
}

    .hd-logo-rt img.img-last {
        float: right;
    }

.validator-panel {
    margin: 0 0 0 -10px;
}

.btn-trade {
    margin: 10px 0;
}

    .btn-trade a span input {
        height: 25px;
        margin: 0 5px;
    }

.qsearch-filter {
    border: 1px solid #E7E3E7;
    margin-top: -1px;
    padding: 5px;
}

.hd-banner img {
    float: left;
}

.liquid-main {
    margin: 0 15px;
    padding-bottom: 0;
}

    .liquid-main #hd {
        float: right;
        width: 100%;
    }

    .liquid-main .uplift-logo {
        width: 182px;
    }

.switch-toggle {
    float: left;
    margin: 0 0 0 22px;
    padding-bottom: 5px;
}

    .switch-toggle a {
        display: block;
        margin: -10px 0 0;
    }

.liquid-main #hd .dropdown {
    float: left;
    margin: 5px 0 0;
    width: 100%;
}

.liquid-main #hd .dropdown1 {
    background: url("images/nav_bg.png") repeat-x scroll 0 0 #FFFFFF;
    float: left;
    margin: 5px 0 0;
    width: 100%;
}

.liquid-main #hd .dropdown ul {
    float: left;
    margin: -5px 0 5px;
}

.liquid-main #hd .dropdown li {
    float: left;
}

.divider {
    background: url("../images/divider.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin: -3px 5px 0;
}

.hd-toggle-menu {
    padding: 2px 0 0 5px;
}

.hd-toggle-logo {
    padding: 0 0 0 12px;
}

.liquid-main #hd .dropdown li.pnav {
    padding-top: 5px;
}

.liquid-main #hd .dropdown li img {
    padding-left: 3px;
}

.liquid-main #hd .dropdown li.signout {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 3px 0 0 10px;
    padding: 0;
}

.liquid-main #hd .dropdown li div.dvder {
    color: #E0CECE;
    float: left;
    padding-right: 10px;
}

.liquid-main #hd .dropdown li.signout a {
    color: #9A9A9A;
}

.drop-red {
    background: none repeat scroll 0 0 #D0410A;
    font-size: 1.1em;
    width: 115px;
}

    .drop-red li {
        border-bottom: 1px solid #FBC9B5;
        display: block;
        padding: 5px;
    }

        .drop-red li a {
            color: #FFFFFF;
        }

.liquid-nav {
    float: left;
    height: 22px;
    width: 100%;
    line-height: 3px;
    background: linear-gradient(rgba(31, 99, 166, 0.52) 0%, rgb(31, 99, 166) 50%, rgb(31, 99, 166) 100%);
}

    .liquid-nav li {
        display: block;
        float: left;
        height: 37px;
        margin: 0 22px 0 0;
        padding: 0 0 0 8px;
    }

        .liquid-nav li div {
            margin-top: 10px;
            margin-left: 6px;
        }

        .liquid-nav li a {
            color: #fff;
            font-size: 13px;
            font-weight: bold;
            font-family: 'Trebuchet MS', sans-serif;
            line-height: 2px;
        }

        .liquid-nav li img {
            margin-right: 7px;
            display: none;
        }

        .liquid-nav li.selected {
            background-color: #e6e6e6;
            border-color: #F36F23;
            color: #252122;
            font-size: 15px;
            font-weight: bold;
            height: 21px;
            margin: 0 14px 0 0;
            padding: 0 14px 1px 8px;
        }

    .liquid-nav img {
        clear: both;
        float: left;
    }

#liquid-bd {
    float: left;
    width: 100%;
}

.pink-bg {
}

#liquid-bd .content {
    padding: 0px;
}

.dash-main-container {
    width: 100%;
}

.dash-panel-left {
    float: left;
    margin: 0;
    width: 49%;
}

.dash-panel-right {
    float: right;
    width: 49%;
}

.dash-panel-all {
    float: left;
    width: 100%;
}

.dash-data {
    background-color: #F6F6F6;
    overflow: auto;
    width: 100%;
}

.graph-img {
    padding: 10px 20px 0;
}

li.blue-text {
    background: url("../images/blue_dot.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #5D98BE;
    margin: 0 0 8px;
    padding: 0 0 0 10px;
}

li.orange-text {
    background: url("../images/orange_dot.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #E48633;
    padding: 0 0 0 10px;
}

.input-banner {
    float: left;
    margin-right: 95px;
}

.search {
    float: left;
    margin: 50px 0 0;
}

.search-div {
    border: 1px solid #9E9E9E;
    margin-bottom: 3px;
}

.search-input {
    border: 0 none;
    color: #000000;
    font-size: 11px;
    height: 15px;
    padding: 2px 5px;
    width: 100px;
}

.search-div img {
    margin: 5px 5px 3px 0;
}

.search label {
    color: #9E9E9E;
    float: left;
    font-size: 1.1em;
}

.search .first {
    width: 20px;
}

.search .second {
    margin-right: 20px;
    padding-top: 2px;
}

.search .third {
    padding-top: 2px;
}

.input-content {
    padding: 0;
    width: 100%;
}

    .input-content .top-links {
        background-color: #f3f3f3;
        /*border-bottom: 1px solid #D97102;
        border-top: 1px solid #D97102;*/
        padding: 0px 0 0px;
    

    }

        .input-content .top-links li {
            border-right: 1px solid #A4A2A2;
            display: block;
            float: left;
            height: 7px;
            margin: 5px 0px;
            padding: 0 12px 2px;
            line-height: 9px;
        }

            .input-content .top-links li a {
                color: #231f20;
                font-size: 11px;
                text-decoration: none;
            }

        .input-content .top-links .active {
            color: #3c7cd3;
            font-size: 11px;
            font-weight: 500;
        }

        .input-content .top-links li.sep-none {
            border: medium none;
        }

    .input-content .left-col {
        float: left;
        /*margin-top: 8px;*/
        margin-top: 4px;
        width: 76%;
    }

    * html .input-content .right-col {
        margin-right: -15px;
    }

    .input-content .right-col {
        background: url("../images/expand_col_shadow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
        float: right;
        margin-top: 10px;
        position: relative;
        width: 22%;
    }

    .input-content h1 {
        color: #201C17;
        font-size: 1.5em;
        font-weight: normal;
        margin-bottom: 5px;
    }

    .input-content .expand-col {
        background-color: #FFFFFF;
        border-bottom: 1px solid #B3B3B3;
        border-left: 1px solid #B3B3B3;
        border-top: 1px solid #B3B3B3;
        color: #555555;
        font-family: Trebuchet MS,sans-serif;
        height: auto !important;
        line-height: 15px;
        margin-bottom: 10px;
        margin-left: 7px;
        min-height: 600px;
        padding: 25px 8px;
        width: 90%;
    }

.right-col-max {
    float: right;
    margin-right: -15px;
    margin-top: -65px;
    position: relative;
    width: 33px;
}

.expand-col-max {
    background: url("../images/box_shadow_right_col.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: auto !important;
    min-height: 255px;
    width: 33px;
}

.input-content .expand-col h2 {
    color: #555555;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
}

.minimise-icon {
    left: -3px;
    position: absolute;
    top: -6px;
}

.blue-bullets li {
    background: url("../images/blue_bullete.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin: 0 0 5px;
}

    .blue-bullets li a {
        color: #0F9DC6;
        font-family: Trebuchet MS,sans-serif;
        padding: 0 0 0 13px;
    }

        .blue-bullets li a:hover {
            background: url("../images/orange_bullet.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
            color: #E48633;
        }

.btn_container {
    margin-bottom: 15px;
}

.list_table {
    background: none repeat scroll 0 0 #FFFFFF;
    color:#272727;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    height: auto !important;
    min-height: 10px;
    padding: 0;
}

.table_head {
    /*background-color: #F1E2C5;*/
    /*background-color: #d3e8ff;*/ /*#E8F1FC;*/
    font-size: 13px;
    height: 20px;
    padding: 2px 0;
    /*font-family: 'Trebuchet MS', sans-serif;*/
    font-family:Trebuchet MS;
}

.table_mid {
    background-color: #F1E2C5;
    background-color: #FFFFFF;
    font-size: 12px;
    color: #272727;
    height: 20px;
    padding: 2px 0 0 7px;
    font-weight: 500;
    font-family: 'Trebuchet MS', sans-serif;
    text-align: none !important;
}

.CMStable_header {
    font-size: 11px;
    height: 24px;
    text-align: center;
}

.table_mid1 {
    background-color: #FAFBFC;
    border: 1px solid #F4F4F4;
    padding: 5px 5px 5px 15px;
}



.table_head1 {
    background: none repeat scroll 0 0 #DDDDDD;
    border-color: #ccc #ccc #ccc;
    border-style: solid;
    border-width: 1px;
}

.table_head2 {
    background: none repeat scroll 0 0 #DDDDDD;
    border-color: #EFB3B3 #DDDDDD #DDDDDD;
    border-style: solid;
    border-width: 1px;
    color: #626262;
    font-family: Trebuchet MS,sans-serif;
    padding: 1px;
    width: 550px;
}

.diagonal {
    transform: rotate(45deg);
}

.line {
    position: absolute;
    z-index: 1;
}

    .line div {
        border-left-color: rgba(0, 0, 0, 0);
        border-style: solid;
        left: 0;
        position: absolute;
        top: 0;
    }

.table_nav {
    
    color: #626262;
    /*font-family: Trebuchet MS,sans-serif;*/
     font-family:Trebuchet MS;
    font-size: 0.9em;
}


#ft {
    clear: both;
    color: #787575;
    float: left;
    font-size: 1em;
    margin-top: 35px;
    padding: 25px 0 0;
    width: 100%;
}

#ft-liq {
    clear: both;
    color: #9F6C56;
    float: left;
    font-size: 1em;
    margin-top: 0;
    padding: 15px 0 0;
    width: 100%;
}

    #ft li, #ft-liq li {
        background: url("../images/ft_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
        float: left;
        list-style-type: none;
        padding: 0 7px;
    }

    #ft a, #ft-liq a {
        color: #787575;
        text-decoration: none;
    }

        #ft a:hover, #ft-liq a:hover {
            color: #787575;
            text-decoration: none;
        }


.radio-btn-label {
    padding: 2px 0px;
    float: right;
}

.ddl {
    border: 1px solid #ccc;
    text-indent: 3px;
}

    .ddl .selected {
        line-height: 23px;
    }

#ft-liq ul {
    float: left;
    margin-left: -7px;
}

a.orange-btn:hover {
    background-position: left bottom;
}

a.orange-btn span {
    display: block;
    font-size: 1em;
    padding: 0 4px 0 0;
}

a.orange-btn:hover span {
    background-position: right bottom;
    color: #000000;
}

.over-vis {
    overflow: visible;
}

.btn-float {
    float: left;
    margin-right: -5x;
}

.btn-fr {
    float: right;
    margin-right: 5px;
}

.btn-center {
    margin-left: 0;
}

.btn-float-right {
    float: right;
}

.btn_padding {
    padding-bottom: 5px;
}

.block-center {
    display: block;
    height: 29px;
    margin: auto;
    width: 85px;
}

a.yellow-btn {
    display: block;
    float: left;
    height: 22px;
    line-height: 22px;
    padding-left: 4px;
    text-decoration: none;
}

    a.yellow-btn:hover {
        background-position: left bottom;
    }

    a.yellow-btn span {
        display: block;
        font-size: 1em;
        padding: 0 4px 0 0;
    }

    a.yellow-btn:hover span {
        background-position: right bottom;
        color: #000000;
    }

.y-btn-img {
    background-color: #3c7cd3;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 22px;
    padding: 2px 3px 5px 1px;
}

.input-search-panel {
    background: rgb(240, 240, 240) none repeat scroll 0% 0%;
    padding: 12px 0px;
}

a.orange-btn {
    background-color: inherit;
    display: block;
    float: left;
    height: 29px;
    line-height: 23px;
    padding-left: 4px;
    text-decoration: none;
}

input.btn {
    background-color: #E2E2E2;
    border: 1px solid #838585;
    color: #626262;
    cursor: pointer;
    font-family: Trebuchet MS,sans-serif;
    font-size: 0.9em;
    height: 20px;
    padding: 0;
    width: 20px;
}

.innerpage {
    font-size: 1.1em;
    margin: 15px auto 0;
    padding-bottom: 30px;
    width: 957px;
}

    .innerpage #hd2 {
        border-bottom: 1px solid ##2F2D2D;
    }

    .innerpage .uplift-logo {
        float: left;
        padding: 10px 0 0;
        width: 182px;
    }

#hd1 {
    height: 77px;
    padding-top: 10px;
}

    #hd1 .logo {
        float: right;
        margin: 10px 0 0;
        padding: 0;
    }

        #hd1 .logo div {
            float: left;
        }

        #hd1 .logo .kale {
            background: url("../images/logo_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
            margin-right: 11px;
            padding: 0 10px 0 0;
        }

#hd2 {
    padding-top: 1px;
}

    #hd2 .logo {
        float: right;
        margin: 0;
        padding: 0;
    }

        #hd2 .logo div {
            float: left;
        }

        #hd2 .logo .kale {
            background: url("../images/logo_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
            margin-right: 11px;
            padding: 0 10px 0 0;
        }

.innerpage_image-banner {
    margin: 10px 0 0;
}

    .innerpage_image-banner .img-banner-left {
        float: left;
        width: 468px;
    }

    .innerpage_image-banner .img-banner-right {
        float: left;
        margin-left: 20px;
        width: 468px;
    }

    .innerpage_image-banner ul {
        float: right;
        padding-top: 10px;
    }

    .innerpage_image-banner li {
        border: 1px solid #C4C4C4;
        color: #C4C4C4;
        display: block;
        float: left;
        font-size: 0.9em;
        height: 13px;
        margin-left: 3px;
        padding: 0;
        text-align: center;
        width: 13px;
    }

        .innerpage_image-banner li a {
            color: #C4C4C4;
            display: block;
            font-size: 0.9em;
            padding: 1px 0 0;
            text-decoration: none;
        }

        .innerpage_image-banner li a {
            color: #C4C4C4;
            display: block;
            font-size: 0.9em;
            padding: 1px 0 0;
            text-decoration: none;
        }

        .innerpage_image-banner li.selected {
            border: 1px solid #D0410A;
            color: #D0410A;
            font-size: 0.9em;
            padding: 0;
            width: 13px;
        }

.nav1 {
    float: left;
    height: 17px;
    margin: 15px 0;
}

    .nav1 li {
        background: url("../images/nav_sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block;
        float: left;
        font-size: 1.3em;
        font-weight: bold;
        height: 15px;
        list-style-type: none;
        padding: 0 16px;
    }

        .nav1 li a {
            color: #777474;
            text-decoration: none;
        }

            .nav1 li a:hover {
                text-decoration: none;
            }

        .nav1 li.selected {
            color: ##2F2D2D;
        }

        .nav1 li.sep-none {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        }

#innerpage-bd {
    clear: both;
    padding: 20px 0 0;
    position: relative;
    width: 100%;
}

    #innerpage-bd .left-col {
        float: left;
        padding: 0;
        width: 500px;
    }

    #innerpage-bd .right-col {
        float: right;
        padding: 0;
        width: 400px;
    }

.advert {
    margin: 20px 0 0;
    text-align: center;
}

.bottom-line {
    border-bottom: 1px dotted #A4A4A4;
}

.pop-box {
    border: 1px solid #E2E2E2;
    height: 85px;
    padding-bottom: 5px;
    text-align: center;
    width: 400px;
}


.pop-content {
    color: #555555;
    font-size: 1.063em;
    line-height: 24px;
}

.pop-block-center {
    display: block;
    height: 22px;
    margin: auto;
    width: 85px;
}

.pop-box-form {
    border: 1px solid #E2E2E2;
    height: auto;
    padding-bottom: 5px;
    width: 60%;
}

.pop-margin {
    margin: 30px auto;
}

.pop-btn-box {
    display: block;
    height: 30px;
    padding: 10px 20px;
    width: 95%;
}

.pop-side-margin {
    margin: 0 20px;
}

textarea {
    border: 1px solid #B6BBC3;
    color: #333333;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    width: 100%;
}

checkbox {
    margin: 0;
    padding: 0;
}




.lable-highight {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    height: auto !important;
    min-height: 10px;
    padding: 5px;
}

.textfieldhighlight {
    background-color: #D6D6D6;
    border: 1px solid #B6BBC3;
    color: #000000;
    font-family: Trebuchet MS,sans-serif;
    font-size: 1em;
    height: 14px;
    padding: 2px 5px;
    width: 88%;
}

.rt-text {
    text-align: right;
}

.watermarkOn {
    border: 1px solid #B6BBC3;
    color: #CCCCCC;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    text-transform: uppercase;
}

.graybg {
    /*background-color: #EEEEEE;*/
     background-color:#FAFAFF;
    border-color:#E4E4E4;
}

.pad {
    padding-left: 2px;
}

.leftpad-5 {
    padding-left: 5px;
}

.btn-search {
    margin: -13px 0 0 3px;
    position: absolute;
}

.ie-six {
}

.disabled-text {
    color: #CCCCCC;
}

.summary-panel tr td fieldset legend {
    color: #CCCCCC;
    font-weight: bold;
}

.date-textfield {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    text-align: right;
    width: 57px;
}

.date-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    text-align: right;
    width: 57px;
}

.agent-code-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 65px;
}

.agent-code-tf {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 65px;
}

.ie-code-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.ie-code {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.tel-fax-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 68px;
}

.tel-fax {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 68px;
}

.weight-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.weight-tf {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 55px;
}

.kg-non-edit-tf {
    background-color: #FAFAFA;
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 2px 5px;
    text-align: right;
    width: 15px;
}

html body .ui-dialog-buttonpane {
    float: right;
}

html body .ui-dialog {
    cursor: default;
}

.dialog-content {
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
}

.mobile-tf {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    padding: 0;
    text-align: right;
    width: 62px;
}



.table-textfield {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px;
    text-align: right;
    width: 60px;
}

.dropselect {
    border: 1px solid #2c5487;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 20px;
}

.textfield35 {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 35px;
}

.textfield35-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 35px;
}

.textfield85-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 75px;
}

.textfield90-noneditable {
    background-color: #FAFAFA;
    border: 1px solid #F1F1F1;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 85px;
}

.textfield90 {
    border: 1px solid #B6BBC3;
    color: #121212;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    height: 14px;
    padding: 2px 5px;
    width: 85px;
}

.FwbRFQDetailPanel {
    border: 1px solid #FFDACC;
    width: 100%;
}

.FwbRFQDetailNoHd {
    background-color: #FFF3EF;
    border-bottom: 1px solid #FFDACC;
    padding: 5px;
}

.FwbRFQDetailNoContent {
    border-bottom: 1px solid #FFDACC;
    width: 100%;
}

    .FwbRFQDetailNoContent thead tr td {
        background-color: #EEEEEE;
        border-bottom: 1px solid #FAFAFA;
    }

    .FwbRFQDetailNoContent tbody tr td {
        background-color: #F1F1F1;
        border-bottom: 1px solid #FAFAFA;
    }

.FwbRFQGroup {
    border: 1px solid #FFDACC;
    margin-top: 5px;
    width: 100%;
}

    .FwbRFQGroup tfoot tr td {
        background-color: #E0E0E0;
        border-bottom: 1px solid #FAFAFA;
    }

.FwbRFQGroupForm {
    border-bottom: 1px solid #FFDACC;
    margin-top: 5px;
    width: 100%;
}

.SelectedAirlinesPanel {
    margin-top: 5px;
    width: 100%;
}

.RFQReqMsg {
    background-color: #BDF3B5;
    border: 1px solid #ABE8A2;
    color: #5A9F50;
    padding: 3px;
}

.progressBackgroundFilter {
    background-color: #000000;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0.5;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100019;
}

.processMessage {
    left: 45%;
    padding: 10px;
    position: fixed;
    top: 42%;
    width: 14%;
    z-index: 100020;
}

.panel-hd-pholder {
    margin: -3px 0 0 20px;
}

.grid-row-scroll {
    max-height: 65px;
    min-height: 12px;
    overflow: auto;
    width: 100%;
}

.grid-row-scroll-rights {
    max-height: 115px;
    min-height: 12px;
    overflow: auto;
    width: 100%;
}

.table_mid strong {
    color: #222;
        /*#666666;*/
}

div.ps-mode-panel, .ps-mode-flip, div.ps-branch-panel, .ps-branch-flip, div.ps-wel-panel, .ps-wel-flip, div.ps-lang-panel, .ps-lang-flip, div.ps-org-panel, .ps-org-flip {
    margin: 0;
    padding-top: 10px;
    text-align: left;
}

div.ps-mode-panel, div.ps-wel-panel, div.ps-lang-panel, div.ps-org-panel {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #CCCCCC;
    display: none;
    height: auto;
    position: absolute;
    width: 100px;
}

.ps-mode-panel a.ps-panel-overlay-close, .ps-branch-panel a.ps-panel-overlay-close, .ps-wel-panel a.ps-panel-overlay-close, .ps-lang-panel a.ps-panel-overlay-close, .ps-org-panel a.ps-panel-overlay-close {
    color: #FFFFFF;
    display: block;
    float: right;
    font-family: Trebuchet MS,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
}

div.ps-branch-panel {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #CCCCCC;
    display: none;
    height: auto;
    position: absolute;
    width: 110px;
}

.hd-check {
    /*margin: -4px 0 0;*/
    margin: -1px 0 0;
}

.padding-left {
    padding-left: 5px;
}

.padding-right {
    padding-right: 5px;
}

.input-textbox {
    border: 1px solid #2c5487;
    border-radius: 0px;
    color: #333;
    height: 22px;
    text-indent: 6px;
}

.gray-box .nopad-content th {
    background-color: #ffb900;
    color: #2a2929;
    font: 500 12px 'Trebuchet MS', sans-serif;
}

.popup-header {
    width: 100%;
    height: 24px;
    background-color: #d3e8ff;
    color: #272020;
    text-align: center;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 13px;
    line-height: 24px;
    font-weight: 600;
}

.line-height-32 {
    line-height: 32px;
}

.vehicle-details thead {
    background: #a3cef1;
    color: #1f63a6;
}

.shipment-details table thead tr th {
    color: #1f63a6;
}


