html, head, body, form {
    margin: 0px;
    height: 100%;
}

body {
    font-family: Verdana;
    font-size: 10px;
    color: Black;
    background-image: url('/images/backgrounds/page.png');
    background-repeat: repeat-x;
    background-color: #B0B0B0;
}

.center {
    width: 100%;
    height: 100%;
}

.container {
    margin: 0px auto 0px auto;
    border: 1px Solid Black;
    height: 530px;
    background-color: White;
}

.header {
    width: 100%;
    height: 25px;
    background-color: #7E1456;
    color: White;
}

.content {
    width: 100%;
    height: 480px;
    padding: 0px;
}

.footer {
    width: 100%;
    height: 25px;
    background-color: #7E1456;
    text-align: center;
    color: White;
}

.title {
    font-family: Verdana;
    font-size: 10px;
    color: White;
    line-height: 24px;
    white-space: nowrap;
}

img.logo {
    padding-left: 8px;
    padding-right: 8px;
    line-height: 24px;
    vertical-align: middle;
}

.menu {
    font-family: Verdana;
    font-size: 10px;
    color: White;
    line-height: 24px;
    padding: 0px 5px 0px 5px;
}

    .menu:link {
        text-decoration: none;
    }

    .menu:hover {
        text-decoration: underline;
    }

.ctable {
    width: 100%;
    height: 490px;
}

.ctheader {
    height: 25px;
    font-weight: bold;
    padding-left: 10px;
    color: Black;
}

.TextBox {
    width: 174px;
    border: 1px Solid #7E1456;
    font-family: Verdana;
    font-size: 10px;
    color: Black;
    padding: 1px 2px 1px 2px;
}

.TextBoxErr {
    width: 174px;
    border: 1px Dotted Red;
    font-family: Verdana;
    font-size: 10px;
    color: Black;
    padding: 1px 2px 1px 2px;
}

.MultiLineTextBox {
    width: 420px;
    border: 1px Solid #7E1456;
    font-family: Verdana;
    font-size: 10px;
    color: Black;
    padding: 2px;
}

.MultiLineTextBoxErr {
    width: 420px;
    border: 1px Dotted Red;
    font-family: Verdana;
    font-size: 10px;
    color: Black;
    padding: 2px;
}

.DropDownList {
    font-family: Verdana;
    font-size: 10px;
    color: Black;
}

.CheckBox {
    font-family: Verdana;
    font-size: 10px;
    color: Black;
}

.Button {
    background-color: #7E1456;
    border-color: #7E1456;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: White;
    padding: 1px 20px 1px 20px;
}

.no-padding-button {
    padding: 1px 0px !important;
}

.msg {
    font-family: Verdana;
    font-size: 10px;
    color: Red;
    line-height: 14px;
}

/* ModalPopUp */
.modalBackground {
    background-color: Black;
    opacity: 0.5;
}

.modalPopup {
    background-color: transparent;
    min-width: 450px;
    min-height: 350px;
}

.modalPopupWide {
    background-color: transparent;
    width: 740px;
}

/* Accordion */
.accordionHeader {
    border: 1px Solid #7E1456;
    background-color: #843565;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: White;
    padding: 3px;
    margin-top: 0px;
    cursor: pointer;
    text-align: left;
}

#master_content .accordionHeader a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    #master_content .accordionHeader a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionHeaderSelected {
    border: 1px Solid #7E1456;
    background-color: #7E1456;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: White;
    padding: 3px;
    margin-top: 0px;
    cursor: pointer;
    text-align: left;
}

#master_content .accordionHeaderSelected a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    #master_content .accordionHeaderSelected a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionContent {
    background-color: #E8E8E8;
    border: 1px Solid #7E1456;
    border-top: none;
    padding: 3px;
    padding-top: 10px;
}

/* GridView */
.gridview {
    font-family: Verdana;
    font-size: 10px;
    border: 1px Solid #D4D0C8;
}

.gridview_header {
    font-size: 10px;
    font-weight: bold;
    color: White;
    background-color: #7E1456;
    border-top: 1px Solid #D4D0C8;
    border-bottom: 1px Solid #D4D0C8;
    text-align: center;
    white-space: nowrap;
}

    .gridview_header A:link {
        color: White;
        text-decoration: none;
    }

    .gridview_header A:hover {
        color: White;
        text-decoration: underline;
    }

    .gridview_header A:visited {
        color: White;
        text-decoration: none;
    }

    .gridview_header A:active {
        color: White;
        text-decoration: underline;
    }

.gridview_item {
    background-color: White;
    border-bottom: 1px Solid #D4D0C8;
    height: 21px;
}

    .gridview_item A:link {
        color: Blue;
        text-decoration: none;
    }

    .gridview_item A:hover {
        color: Blue;
        text-decoration: underline;
    }

    .gridview_item A:visited {
        color: Blue;
        text-decoration: none;
    }

    .gridview_item A:active {
        color: Blue;
        text-decoration: underline;
    }

.gridview_aitem {
    background-color: #E8E8E8;
    border-bottom: 1px Solid #D4D0C8;
    height: 21px;
}

    .gridview_aitem A:link {
        color: Blue;
        text-decoration: none;
    }

    .gridview_aitem A:hover {
        color: Blue;
        text-decoration: underline;
    }

    .gridview_aitem A:visited {
        color: Blue;
        text-decoration: none;
    }

    .gridview_aitem A:active {
        color: Blue;
        text-decoration: underline;
    }

.gridview_sitem {
    color: White;
    background-color: #843565;
    border-bottom: 1px Solid #D4D0C8;
}

    .gridview_sitem A {
        color: White;
        text-decoration: underline;
    }

.gridview_footer {
    background-color: #CCCCCC;
}

.gridview_pager {
    width: 100%;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #CCCCCC;
    height: 24px;
    font-family: Verdana;
    font-size: 10px;
    border: 1px Solid #D4D0C8;
}

.gvtbdate {
    width: 55px;
    height: 11px;
    border: 1px Solid #7E1456;
    font-family: Verdana;
    font-size: 9px;
    color: Black;
}

.gvtbdateerr {
    width: 55px;
    height: 11px;
    border: 1px Dotted Red;
    font-family: Verdana;
    font-size: 9px;
    color: Black;
}

.gvtbdatetime {
    width: 85px;
    height: 11px;
    border: 1px Solid #7E1456;
    font-family: Verdana;
    font-size: 9px;
    color: Black;
}

.gvtbdatetimeerr {
    width: 85px;
    height: 11px;
    border: 1px Dotted Red;
    font-family: Verdana;
    font-size: 9px;
    color: Black;
}

.gridview_print_header {
    font-size: 10px;
    font-weight: bold;
    color: Black;
    text-align: center;
    white-space: normal;
}

.gridview_print_item {
    background-color: White;
    border-bottom: 1px Solid Black;
}

.gvtb {
    height: 11px;
    border: 1px Solid #7E1456;
    font-family: Verdana;
    font-size: 9px;
    color: Black;
}

.gvtberr {
    height: 11px;
    border: 1px Dotted Red;
    font-family: Verdana;
    font-size: 9px;
    color: Black;
}

.gvRedList_header {
    color: White;
    background-color: #990000;
    font-size: 10px;
    font-weight: bold;
    border-top: 1px Solid #D4D0C8;
    border-bottom: 1px Solid #D4D0C8;
    text-align: center;
    white-space: nowrap;
}

.gvYellowList_header {
    color: White;
    background-color: #FF9900;
    font-size: 10px;
    font-weight: bold;
    border-top: 1px Solid #D4D0C8;
    border-bottom: 1px Solid #D4D0C8;
    text-align: center;
    white-space: nowrap;
}

/* ------------ */
.gvth {
    border-top: 1px Solid Black;
    border-bottom: 1px Solid Black;
    border-left: 1px Solid Black;
    font-weight: bold;
}

.gvthend {
    border: 1px Solid Black;
    font-weight: bold;
}

.gvthbtn {
    border-top: 1px Solid White;
    border-bottom: 1px Solid White;
    border-right: 1px Solid White;
}

.gvtd {
    border-bottom: 1px Solid Black;
    border-left: 1px Solid Black;
}

.gvtdend {
    border-bottom: 1px Solid Black;
    border-left: 1px Solid Black;
    border-right: 1px Solid Black;
}

.gvtdbtn {
    border-bottom: 1px Solid White;
    border-right: 1px Solid White;
}

.gvthleft {
    border-bottom: 1px Solid Black;
    border-left: 1px Solid Black;
    font-weight: bold;
}

.gvtdleft {
    border-bottom: 1px Solid Black;
    border-left: 1px Solid Black;
}

.gvtdtop {
    border-bottom: 1px Solid Black;
}

.cbSel {
    padding: 0px;
    margin: 0px;
}
/* Footer */
.TextBoxFooter {
    font-family: Verdana;
    font-size: 10px;
    color: Black;
    padding: 1px 1px 1px 1px;
}

.TextBoxFooterErr {
    font-family: Verdana;
    font-size: 10px;
    color: Black;
    padding: 1px 1px 1px 1px;
    border: 1px Dotted Red;
}

.SEPFooter {
    padding-left: 1px;
    padding-right: 1px;
}

.DDLFooter {
    font-family: Verdana;
    font-size: 10px;
    color: Black;
}

.ButtonFooter {
    background-color: #7E1456;
    border-color: #7E1456;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: White;
    padding: 1px 5px 1px 5px;
}

/* QTip */
.ui-tooltip, .qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 300px;
    min-width: 100px;
    padding: 0px;
}

.ui-tooltip-content {
    position: relative;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden
}
/* QTip */

/* Status */
.st {
    width: 100%;
    font-size: 9px;
    font-family: Verdana;
    border-left: 1px Solid transparent;
    border-right: 1px Solid transparent;
    border-top: 1px Solid transparent;
    border-bottom: 1px Solid transparent;
}

.sth {
    background-color: #7E1456;
    text-align: center;
    color: White;
    border-left: 1px Solid #7E1456;
    border-right: 1px Solid #7E1456;
    border-top: 1px Solid #7E1456;
    border-bottom: 1px Solid #7E1456;
}

    .sth A:link {
        color: White;
        text-decoration: none;
    }

    .sth A:hover {
        color: White;
        text-decoration: underline;
    }

    .sth A:visited {
        color: White;
        text-decoration: none;
    }

    .sth A:active {
        color: White;
        text-decoration: underline;
    }

.sti {
    background-color: White;
    text-align: center;
    border-left: 1px Solid #7E1456;
    border-right: 1px Solid #7E1456;
    border-bottom: 1px Solid #7E1456;
}

.stit {
    background-color: White;
    text-align: center;
    border-left: 1px Solid #7E1456;
    border-right: 1px Solid #7E1456;
    border-top: 1px Solid #7E1456;
    border-bottom: 1px Solid #7E1456;
}

.tip {
    font-size: 9px;
    font-family: Verdana;
    background-color: #FFFFA3;
    border: 1px Solid #F1D031;
}

.prompt {
    font-family: Verdana;
    font-size: 9px;
    color: White;
    font-style: italic;
    background-color: #7E1456;
    border: 1px Solid #843565;
    min-width: 100px;
}

.balloon_1 {
    width: 320px;
    height: 41px;
}

.balloon_2 {
    width: 320px;
    height: 82px;
}

.balloon_3 {
    width: 320px;
    height: 123px;
}

.balloon_4 {
    width: 320px;
    height: 164px;
}

a[disabled="disabled"]:link {
    color: #d3d3d3;
    text-decoration: none;
}

a[disabled="disabled"]:hover {
    color: #d3d3d3;
    text-decoration: none;
}

a[disabled="disabled"]:visited {
    color: #d3d3d3;
    text-decoration: none;
}

a[disabled="disabled"]:active {
    color: #d3d3d3;
    text-decoration: none;
}

div.statusTable {
    max-height: 250px;
    overflow-y: auto;
    position: relative;
}

.air-even-bg-color {
    background-color: #b5daf5;
}

.air-odd-bg-color {
    background-color: #e1f0fb;
}

.air-freight-legend-bg-color {
    color: black;
    background-color: #c8e5fa !important;
}

.v-aligh-middle {
    vertical-align: middle;
}

.message-category > label {
    vertical-align: 3px !important;
}

.message-contact > tbody > tr > td > label {
    vertical-align: 3px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.w-100 {
    width: 100% !important;
}

.text-danger {
    color: #a94442 !important;
}

.text-success {
    color: #3c763d !important;
}

.gridview_pager > td {
    border-color: #D4D0C8 !important;
}

.link-hover:hover {
    text-decoration: underline !important;
}