html, body {
    height: 100%;
}

* html, * html body {
    height: 100%;
}
/*IE 6 only*/

body, input, table, label, textarea {
    font-family: Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    font-size: 12px;
}

body, div, table, td, tr, span, img, form, hr, ul, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

.test-button {
    background-color: #ddd;
    border-radius: 4px;
    padding: .4em 1em;
    display: block;
    line-height: normal;
    margin: 0;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.test-button:hover {
    border: 1px solid black;
}

.inputButton {
    border: none;
    background: none;
    padding: none;
    margin: 0;
    color: #000;
    margin: 0 10px;
    padding: 5px 2px 5px 2px;
    min-height: 9px;
}

.inputButton:hover {
    color: #aaa;
    cursor: pointer;
}

a, a:link, a:visited {
    font-size: 12px;
    text-decoration: none;
    color: #000;
}

    a:hover {
        text-decoration: none;
    }

    a img {
        border: none;
    }

input, a, div, li {
    background-repeat: no-repeat;
}

hr {
    border-top: solid 1px silver;
    height: 1px;
    display: block;
}

xdiv {
    display: block;
}

table {
    border-collapse: collapse;
}

td {
    vertical-align: top;
}

.FormWrapper {
    min-height: 100%;
    position: relative;
}

* html .FormWrapper {
    height: 100%;
}
/*IE 6 only*/

/*#ContentWrapper {position:relative;clear:both;}  This is removed for ajax drag panel as it causes instability using position relative */
#ContentWrapper {
    clear: both;
}

    #ContentWrapper:after {
        content: "";
        display: block;
        height: 0;
    }
/*To make sure floats expand the container*/


/* Common Elements */
.BlueTitle {
    background-color: #1d57c7;
    color: #fff;
    padding: 2px 0px 2px 2px;
    /* width:100%;*/
    font-size: 16px;
    font-weight: bold;
}

.VBTextBox {
    border: solid 1px #1e58c7;
    height: 15px;
    padding: 2px;
    margin-left: 3px;
}

.VBButton, .VBImageButton {
    border: solid 1px #fff;
    padding: 2px;
    color: #1e58c7;
}

    .VBButton:hover, .VBImageButton:hover {
        border: solid 1px #1e58c7;
        padding: 2px 2px 1px 0px;
        background-color: #87bdff;
    }

.VBImageButton {
    padding-left: 14px;
}

    .VBImageButton:hover {
        padding-left: 15px;
    }

.VBListHeader {
    font-weight: bolder;
    background-color: #E7F3FF;
    color: #000080;
    padding: 2px 4px;
}

.VBListRow, .VBListHeader {
    width: 100%;
    clear: left;
    display: block;
    overflow: hidden;
}

.VBListRow {
    height: 24px;
}

    .VBListRow .VBQuick {
        visibility: hidden;
        border: solid 1px transparent;
        padding: 3px;
        margin-top: 0;
    }

    .VBListRow:hover .VBQuick {
        visibility: visible;
    }

.VBQuick:hover {
    background-color: #e7f3ff;
    border-color: navy;
    cursor: pointer;
}

.VBListRow .VBQuickPrint {
    visibility: hidden;
    border: solid 1px transparent;
    padding: 3px;
    margin-top: 0;
}

.VBListRow:hover .VBQuickPrint {
    visibility: visible;
}

.VBQuickPrint:hover {
    cursor: pointer;
}

.VBListRow img {
    margin: 5px 3px 0 2px;
    float: left;
}

.VBListRow div, .VBListHeader div {
    float: left;
    line-height: 24px;
    height: 24px;
}

.VBListRow:hover {
    background-color: #87bdff;
}

.VBListRow a:hover {
    cursor: pointer;
}

.VBListRowNoHover {
    height: 24px;
}

    .VBListRowNoHover div, .VBListHeader div {
        float: left;
        line-height: 24px;
        height: 24px;
    }

    .VBListRowNoHover:hover {
        background-color: inherit;
    }

.VBQRListRow {
    width: 100%;
    clear: left;
    display: block;
}

.VBQRListRow {
    height: 18px;
}

    .VBQRListRow .VBQuick {
        visibility: hidden;
        border: solid 1px transparent;
        padding: 3px;
        margin-top: 0;
    }

    .VBQRListRow:hover .VBQuick {
        visibility: visible;
    }

    .VBQRListRow .VBQuickPrint {
        visibility: hidden;
        border: solid 1px transparent;
        padding: 3px;
        margin-top: 0;
    }

    .VBQRListRow:hover .VBQuickPrint {
        visibility: visible;
    }

    .VBQRListRow img {
        margin: 4px 2px 0 1px;
        float: left;
    }

    .VBQRListRow div {
        float: left;
        line-height: 18px;
        height: 18px;
    }

    .VBQRListRow:hover {
        background-color: #87bdff;
    }

    .VBQRListRow a:hover div {
        cursor: pointer;
    }

.VBShippingRow {
    width: 100%;
    float: left;
    height: 24px;
}

    .VBShippingRow:hover {
        background-color: #87bdff;
    }

        .VBShippingRow:hover .VBQuick {
            visibility: visible;
        }

    .VBShippingRow .VBQuick {
        visibility: hidden;
        border: solid 1px transparent;
        padding: 2px;
        margin-top: 0;
    }

.VBRPrintRow {
    width: 100%;
    clear: both;
    display: block;
    position: relative;
}

    .VBRPrintRow img {
        margin: 3px 3px 0 2px;
        float: left;
    }

    .VBRPrintRow div, .VBRPrintRow div {
        float: left;
        line-height: 18px;
        height: 18px;
        font-size: 8pt;
    }

    .VBRPrintRow a:hover div {
        cursor: pointer;
        text-decoration: none;
        background-color: #87bdff;
    }

    
.VBRPrintRowNoHover {
    width: 100%;
    clear: both;
    display: block;
    position: relative;
}

    .VBRPrintRowNoHover img {
        margin: 3px 3px 0 2px;
        float: left;
    }

    .VBRPrintRowNoHover div, .VBRPrintRowNoHover div {
        float: left;
        line-height: 18px;
        height: 18px;
        font-size: 8pt;
    }



.VBRHistRow {
    width: 100%;
}

    .VBRHistRow img {
        margin: 3px 3px 0 2px;
        float: left;
    }

    .VBRHistRow div {
        float: left;
        line-height: 44px;
        height: 34px;
        font-size: 8pt;
    }

    .VBRHistRow:hover {
        background-color: #87bdff;
        text-decoration: none;
    }

    .VBRHistRow a:hover div {
        cursor: pointer;
        text-decoration: none;
        background-color: #87bdff;
    }

.VBListHeaderNoClear {
    color: black;
}

    .VBListHeaderNoClear div {
        font-size: 10pt;
        float: left;
        font-weight: bolder;
        background-color: #efefef;
    }

.InfoMessage, .CriticalMessage {
    width: 100%;
    font-size:14px;
    background-color: #87bdff;
    padding: 6px;
    text-align: center;
    font-weight:bold;
}

.InfoMessage, .NewMessage {
    width: 100%;
    font-size: 14px;
    background-color: #87bdff;
    padding: 6px;
    text-align: center;
    font-weight: bold;
}

.CriticalMessage {
    background-color: #ffeeee;
    font-size: 14px;
    font-weight: bold;
}

    .CriticalMessage a {
        font-size: 14px;
        font-weight: bold;
    }

.NewMessage {
    background-color: #e4ffe1;
}

.MessageIcon {
    margin-left: 5px;
    vertical-align: top;
    padding-top: 1px;
}

.MessageText {
    margin-left: 5px;
}

.VBGrid {
    width: 100%;
}

.VBGridSetWidth {
    width: 1024px;
}

.StoryIconLeft {
    clear: right;
    float: left;
    padding: 10px;
    display: block;
}


.mcButton {
    color: #000000;
}

    .mcButton:hover {
        background-color: #FFFFCC;
    }

#CenterDiv {
    float: left;
    margin-left: 5px;
}

.Expand {
    height: 1px;
    clear: both;
    float: left;
}

.ExpandNoFloat {
    height: 1px;
    clear: both;
    float: none;
}

.TabHeader {
    padding: 0 2px;
    width: 75px;
    text-align: center;
}

    .TabHeader img {
        display: block;
        width: 32px;
        height: 32px;
        margin-bottom: 2px;
        margin: 0 auto;
    }

.VBTab .ajax__tab_header {
    background: none;
    height: 70px;
    border-bottom: solid 1px #ccc;
}

    .VBTab .ajax__tab_header .ajax__tab_outer {
        background: none;
        height: 28px;
    }

    .VBTab .ajax__tab_header .ajax__tab_inner {
        background: none;
    }

    .VBTab .ajax__tab_header .ajax__tab_tab {
        height: 62px;
        padding: 4px;
        margin: 0;
        background: none;
    }

.VBTab .ajax__tab_hover .ajax__tab_outer {
    background: none;
}

.VBTab .ajax__tab_hover .ajax__tab_inner {
    background: none;
}

.VBTab .ajax__tab_hover .ajax__tab_tab {
    background: none;
    background-color: #87bdff;
}

.VBTab .ajax__tab_active .ajax__tab_outer {
    background: none;
}

.VBTab .ajax__tab_active .ajax__tab_inner {
    background: none;
}

.VBTab .ajax__tab_active .ajax__tab_tab {
    background: none;
    background-color: #eee;
    font-weight: bold;
    color: #666;
    cursor: default;
}

.VBTab .ajax__tab_body {
    border: none;
    padding-top: 4px;
    padding-left: 8px;
    padding-bottom: 4px;
    padding-right: 8px;
}

.VBTab .ajax__scroll_none {
    overflow: visible;
}

.TabHeaderVert {
    padding: 0 2px;
    width: 75px;
    text-align: center;
}

    .TabHeaderVert img {
        display: block;
        width: 32px;
        height: 32px;
        margin-bottom: 2px;
        margin: 0 auto;
    }

.VBTabVert .ajax__tab_header {
    background: none;
    width: 88px;
    border-right: solid 1px #1e58c7;
    float: left;
    border-bottom: none;
    height: 620px;
    margin-right: 5px;
}

    .VBTabVert .ajax__tab_header .ajax__tab_outer {
        background: none;
        height: 70px;
        width: 80px;
        float: left;
        border-bottom: none;
    }

    .VBTabVert .ajax__tab_header .ajax__tab_inner {
        background: none;
        width: 80px;
        float: left;
        border-bottom: none;
    }

    .VBTabVert .ajax__tab_header .ajax__tab_tab {
        height: 62px;
        padding: 4px;
        margin: 0;
        background: none;
        width: 80px;
        float: left;
        border-right: solid 1px #1e58c7;
        border-bottom: none;
    }

.VBTabVert .ajax__tab_hover .ajax__tab_outer {
    background: none;
    border-bottom: none;
}

.VBTabVert .ajax__tab_hover .ajax__tab_inner {
    background: none;
    border-bottom: none;
}

.VBTabVert .ajax__tab_hover .ajax__tab_tab {
    background: none;
    background-color: #87bdff;
}

.VBTabVert .ajax__tab_active .ajax__tab_outer {
    background: none;
    border-bottom: none;
}

.VBTabVert .ajax__tab_active .ajax__tab_inner {
    background: none;
    border-bottom: none;
}

.VBTabVert .ajax__tab_active .ajax__tab_tab {
    background: none;
    background-color: #eee;
    font-weight: bold;
    color: #666;
    cursor: default;
}

.VBTabVert .ajax__tab_body {
    border: none;
    padding: 0px;
    border-bottom: none;
}

.VBTabVertInt .ajax__tab_header {
    background: none;
    width: 88px;
    border-right: solid 1px #1e58c7;
    float: left;
    border-bottom: none;
    height: 200px;
    margin-right: 5px;
}

    .VBTabVertInt .ajax__tab_header .ajax__tab_outer {
        background: none;
        height: 70px;
        width: 80px;
        float: left;
        border-bottom: none;
    }

    .VBTabVertInt .ajax__tab_header .ajax__tab_inner {
        background: none;
        width: 80px;
        float: left;
        border-bottom: none;
    }

    .VBTabVertInt .ajax__tab_header .ajax__tab_tab {
        height: 62px;
        padding: 4px;
        margin: 0;
        background: none;
        width: 80px;
        float: left;
        border-right: solid 1px #1e58c7;
        border-bottom: none;
    }

.VBTabVertInt .ajax__tab_hover .ajax__tab_outer {
    background: none;
    border-bottom: none;
}

.VBTabVertInt .ajax__tab_hover .ajax__tab_inner {
    background: none;
    border-bottom: none;
}

.VBTabVertInt .ajax__tab_hover .ajax__tab_tab {
    background: none;
    background-color: #87bdff;
}

.VBTabVertInt .ajax__tab_active .ajax__tab_outer {
    background: none;
    border-bottom: none;
}

.VBTabVertInt .ajax__tab_active .ajax__tab_inner {
    background: none;
    border-bottom: none;
}

.VBTabVertInt .ajax__tab_active .ajax__tab_tab {
    background: none;
    background-color: #eee;
    font-weight: bold;
    color: #666;
    cursor: default;
}

.VBTabVertInt .ajax__tab_body {
    border: none;
    padding: 0px;
    border-bottom: none;
}

.VBForm {
    list-style-type: none;
    padding: 0px;
    margin: 0;
}

    .VBForm li {
        margin-bottom: 5px;
    }

    .VBForm label {
        float: left;
        padding-top: 4px;
        margin-right: 4px;
    }

    .VBForm input {
    }

.Caption {
    font-size: 8pt;
}

#ReportWrapper {
    min-height: 200px;
    margin-left: 200px;
    padding-top: 1px;
}

#ReportContent {
    padding: 0 5px;
}

#ReportWrapperNoMarg {
    min-height: 200px;
    padding-top: 1px;
}

#ReportContentNoMarg {
    padding: 0 5px;
}


.BorderLessTextBox {
    border: 0px;
    color: #333333;
}


.CustomValidator {
    position: relative;
    margin-left: -80px;
}

    .CustomValidator div {
        border: solid 1px Black;
        background-color: LemonChiffon;
        position: relative;
    }

    .CustomValidator td {
        border: solid 1px Black;
        background-color: LemonChiffon;
    }

    .CustomValidator .ajax__validatorcallout_popup_table {
        display: none;
        border: none;
        background-color: transparent;
        padding: 0px;
    }

    .CustomValidator .ajax__validatorcallout_popup_table_row {
        vertical-align: top;
        height: 100%;
        background-color: transparent;
        padding: 0px;
    }

    .CustomValidator .ajax__validatorcallout_callout_cell {
        width: 20px;
        height: 100%;
        text-align: right;
        vertical-align: top;
        border: none;
        background-color: transparent;
        padding: 0px;
    }

    .CustomValidator .ajax__validatorcallout_callout_table {
        height: 100%;
        border: none;
        background-color: transparent;
        padding: 0px;
    }

    .CustomValidator .ajax__validatorcallout_callout_table_row {
        background-color: transparent;
        padding: 0px;
    }

    .CustomValidator .ajax__validatorcallout_callout_arrow_cell {
        padding: 8px 0px 0px 0px;
        text-align: right;
        vertical-align: top;
        font-size: 1px;
        border: none;
        background-color: transparent;
    }

        .CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
            font-size: 1px;
            position: relative;
            left: 1px;
            border-bottom: none;
            border-right: none;
            border-left: none;
            width: 15px;
            background-color: transparent;
            padding: 0px;
        }

            .CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
                height: 1px;
                overflow: hidden;
                border-top: none;
                border-bottom: none;
                border-right: none;
                padding: 0px;
                margin-left: auto;
            }

    .CustomValidator .ajax__validatorcallout_error_message_cell {
        font-family: Verdana;
        font-size: 10px;
        padding: 5px;
        border-right: none;
        border-left: none;
        width: 100%;
    }

    .CustomValidator .ajax__validatorcallout_icon_cell {
        width: 20px;
        padding: 5px;
        border-right: none;
    }

    .CustomValidator .ajax__validatorcallout_close_button_cell {
        vertical-align: top;
        padding: 0px;
        text-align: right;
        border-left: none;
    }

        .CustomValidator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
            border: none;
            text-align: center;
            width: 10px;
            padding: 2px;
            cursor: pointer;
        }



/* Header & Footer elements */
#vbHeader {
    width: 100%;
    position: relative;
}

    #vbHeader:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }
/*To make sure floats expand the container*/



#vbFooter {
    min-height: 15px;
    width: 100%;
    bottom: 0px;
    left: 0;
    padding-top: 15px;
    clear: both;
    position: absolute;
}

#vbFooter1 {
    min-height: 15px;
    width: 100%;
    bottom: 0px;
    left: 0;
    padding-top: 15px;
    clear: both;
}


#MenuBar {
    width: 100%;
    float: left;
    color: #aaa;
    font-size: 14px;
    margin-top: 2px;
    height: 23px;
}

    #MenuBar a {
        font-size: 14px;
        color: #000;
    }

        #MenuBar a:hover {
            color: #aaa;
        }


#Time {
    float: right;
    margin: 1px 5px;
}

.CompanyLabel {
    float: right;
    padding-top: 35px;
    margin-right: 5px;
    font-weight: bold;
    text-align: right;
}

.SuperTextBox, .SuperWatermark {
    display: inline-block;
    width: 300px;
    margin: 3px 0 0 10px;
}

.SuperAutoComplete {
    z-index: 100;
}

.SuperWatermark {
    border: 1px solid #fff;
    color: #000;
    font-size: 14px;
    cursor: pointer;
}

    .SuperWatermark:hover {
        color: #aaa;
    }

#SiteIcons {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

#BBBIcon {
    float: right;
}

#GeoTrust {
    float: left;
}

#FooterEmail {
    float: right;
    margin-right: 3px;
}

a.MenuBtn, a.MenuButton:link {
    border: solid 1px transparent;
    min-height: 9px;
    padding: 4px 2px 4px 2px;
    float: left;
    color: #000;
    margin: 0 10px;
}

.xMenuBtn:hover {
    border: solid 1px #1e58c7;
    text-decoration: none;
    background-color: #87bdff;
    cursor: pointer;
}

a.MenuBtn:hover {
    color: #aaa;
}

a.MenuBtn img {
    display: none;
    float: left;
    margin-right: 3px;
    height: 16px;
    width: 16px;
}

a.MenuBtn:hover img {
    color: #aaa;
}

a.ShowImgMenuBtn, a.ShowImgMenuButton:link {
    border: solid 1px transparent;
    min-height: 9px;
    float: left;
    color: #000;
    margin-top: 2px;
}

    a.ShowImgMenuBtn:hover {
        color: #aaa;
    }

    a.ShowImgMenuBtn img {
        float: left;
        margin-right: 6px;
        height: 16px;
        width: 16px;
    }

    a.ShowImgMenuBtn:hover img {
        color: #aaa;
    }

#viewOrderTasks a, #viewOrderTasks a:link {
    padding: 1px;
}

    #viewOrderTasks a:hover {
        background-color: #87bdff;
        color: #000;
    }

    #viewOrderTasks a img {
        display: inline;
    }

.MenuBtnDrk {
    border: solid 1px transparent;
    min-height: 9px;
    margin-top: -4px;
    padding: 2px 1px 2px 1px;
    float: left;
    color: #000000;
    width: 100%;
}

    .MenuBtnDrk:hover {
        border: solid 1px #000000;
        text-decoration: none;
        background-color: #87bdff;
        cursor: pointer;
    }

    .MenuBtnDrk img {
        display: block;
        float: left;
        margin-right: 3px;
        height: 16px;
        width: 16px;
    }

.MenuBtnNoPad {
    border: solid 1px transparent;
    min-height: 9px;
    margin-top: -4px;
    margin-left: 5px;
    padding: 2px 2px 2px 2px;
    float: left;
    color: #1d57c7;
}

    .MenuBtnNoPad:hover {
        border: solid 1px #1e58c7;
        text-decoration: none;
        background-color: #87bdff;
        cursor: pointer;
    }

    .MenuBtnNoPad img {
        display: block;
        float: left;
        margin-right: 3px;
        height: 16px;
        width: 16px;
    }

.MenuBtnNoImg {
    border: solid 1px transparent;
    min-height: 9px;
    margin-top: -4px;
    padding: 4px 2px 4px 2px;
    color: #1d57c7;
}

    .MenuBtnNoImg:hover {
        border: solid 1px #1e58c7;
        text-decoration: none;
        background-color: #87bdff;
        cursor: pointer;
    }

/* Login Page elements */
#LoginBox {
    position: relative;
    margin: 30px auto;
    border: solid #1e58c7 1px;
    width: 600px;
    height: 300px;
    color: #1e58c7; /* Dark blue */
    background-image: url(Images/vblogolight.gif);
    background-repeat: no-repeat;
    background-position: 150px 35px;
    font-size: 14px;
}

#LoginTerms {
    width: 500px;
    left: 60px;
    position: absolute;
    top: 240px;
}

#LoginLearn {
    border: solid 1px #006400; /*Darkgreen*/
    width: 580px;
    padding: 10px;
    margin: 0 auto;
    font-size: 12px;
    color: navy;
}

#LoginForgotPass {
    border: solid 1px #1e58c7;
    width: 600px;
    margin: 0 auto;
    font-size: 12px;
    color: navy;
    margin-bottom: 20px;
}

#ResetPass {
    border: solid 1px #1e58c7;
    width: 600px;
    margin: 0 auto;
    font-size: 12px;
    color: navy;
    margin-bottom: 20px;
}

.LoginUI {
    text-align: right;
    line-height: 28px;
    position: absolute;
    top: 100px;
    left: 250px;
    width: 300px;
}

    .LoginUI input {
        background-color: Transparent;
    }

.LoginButton {
    background-image: url(Images/Keys.gif);
}

/* Menu elements */
.SideMenuWrapper {
    display: block;
    float: left;
}

.LeftMenu {
    float: left;
}

.MainMenuGroup {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 5px;
    border: 1px solid #ccc;
}

    .MainMenuGroup ul, .DashboardPanel ul, .OptionGroup ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }


.pnlCollapseHead {
    height: 0px;
    overflow: hidden;
}

.MainMenuGroup li {
}

.MainMenuGroup img, .DashboardPanel img, .OptionGroup img {
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 4px;
}

.MainMenuGroup a, .DashboardPanel a, .OptionGroup a {
    display: block;
    padding: 2px 4px;
    color: #000;
}

    .MainMenuGroup a:hover, .DashboardPanel a:hover, .OptionGroup a:hover {
        background-color: #87bdff;
        text-decoration: none;
    }
    /* light yellow */
    .MainMenuGroup a:disabled, .DashboardPanel a:disabled, .OptionGroup a:disabled {
        color: Red;
    }

.MenuHeader, .MenuHeader th {
    color: #0171EB;
    font-size: 14px;
    padding: 2px 4px;
    font-weight: bold;
}

.LargeMenuHeader, .LargeMenuHeaderTop {
    color: #0171EB;
    /*color:#0171eb;*/
    font-size: 36px;
}

.LargeMenuHeaderTop {
    margin-left: 10px;
}

.NoteMenuHeader, .NoteMenuHeader th {
    background-color: #FFFFE7;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 4px;
}

.MenuSubHeader, .MenuSubHeader th, .MenuSubHeader td span {
    background-color: #efefef;
    color: #666;
    font-weight: bold;
    text-align: left;
}

.MenuSubHeaderNoAlign, .MenuSubHeaderNoAlign th, .MenuSubHeaderNoAlign td span {
    background-color: #efefef;
    color: #666;
    font-weight: bold;
    border: none;
}

.MenuSubHeaderNoHover, .MenuSubHeaderNoHover th, .MenuSubHeaderNoHover td span {
    font-weight: bold;
    text-align: left;
}

.MenuSubHeaderCenter, .MenuSubHeaderCenter th, .MenuSubHeaderCenter td span {
    background-color: #efefef;
    color: #666;
    font-weight: bold;
    text-align: center;
    border: none;
}

.MenuSubHeaderBold, .MenuSubHeaderBold th, MenuSubHeaderBold td span {
    background-color: #efefef;
    font-weight: bolder;
    font-size: 10pt;
    border: none;
}

.MenuSubHeaderdiv, .MenuSubHeaderdiv div {
    padding: 1px;
    padding: 1px;
    background-color: #efefef;
    font-weight: bold;
    float: left;
    color: #666;
}

.MenuSubHeaderdiv0pad, .MenuSubHeaderdiv0pad div {
    background-color: #efefef;
    font-weight: bold;
    float: left;
    color: #666;
}

.MenuGap {
    margin-top: 10px;
}

.MenuInputArea input {
    margin-left: 3px;
}

.MenuInput {
    width: 95%;
    margin: 0 auto 3px auto;
}

.ColRight {
    float: right;
}

/* Option area elements */
.OptionArea {
    margin-top: 15px;
}

.OptionGroup {
    float: left;
    padding: 5px;
}

    .OptionGroup ul {
        border: none;
    }

.InputWatermark, .InputReqWatermark {
    color: gray;
    font-weight: normal;
}

.InputReqWatermark {
    font-weight: bold;
}

/* Assistance Center elements */
#TopicWrapper {
    position: relative;
    float: left;
    padding-left: 10px;
}

.TextBlock:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
/*To make sure floats expand the container*/
#Topic {
    width: 600px;
    border: solid 1px #1e58c7;
    float: left;
}

    #Topic p {
        color: #1e58c7;
        background-color: Transparent;
    }

.TopicLarge {
    font-size: 15px;
}

.TextBlock a {
    font-size: 18px;
    font-weight: bold;
    color: navy;
}

.TextBlock {
    margin: 10px;
}

.TopicSmallLinks a {
    font-size: 13px;
    display: block;
}

.VBWatermark {
    background-image: url(Images/vblogolight.gif);
    background-repeat: no-repeat;
    background-position: center top;
}


/* Internal pages */
#InternalWrapper {
    min-height: 200px;
    margin-left: 255px;
    padding-top: 4px;
}

#InternalContent {
    padding: 0 5px;
}

#InternalMenu {
    width: 250px;
    clear: left;
}

.InternalGridHeader th {
    background-color: #1e58c7;
    color: white;
    font-weight: bold;
    border: none;
}

.InternalGrid td {
    vertical-align: top;
    border-top: dashed 1px silver;
    padding: 3px;
    cursor: default;
}

.Online td {
    font-weight: bold;
    background-color: #ddffdd;
}

.NewSupplier td {
    border-top: solid 1px black;
}

td.NoBorder {
    border-top: none;
}

td.InternalSupplierName, td.NoBorder {
    background-color: #fff;
    font-weight: bold;
}

.NewSupplier:hover td,
.InternalGridRowAlt:hover td, .InternalGridRow:hover td, .gridRow:hover td {
    background-color: #87bdff;
    cursor: pointer;
}

.AltgridRow td {
    background-color: #eee;
}

.Online:hover td {
    background-color: #ddffbb;
}

.LoggedOff {
    color: Maroon;
}

.RecentPage {
    color: Green;
}

.gridRow {
    line-height: 20px;
    cursor: default;
}

    .gridRow img {
        float: left;
        margin: 2px 3px 0 0;
    }

    .gridRow td {
        padding-left: 4px;
    }

.gridRowNoHover {
    line-height: 20px;
    cursor: default;
}

    .gridRowNoHover img {
        float: left;
        margin: 2px 3px 0 0;
    }

    .gridRowNoHover td {
        padding-left: 4px;
    }

.gridRowNoPad {
    line-height: 20px;
    cursor: default;
    float: left;
    width: 100%;
}

    .gridRowNoPad img {
        float: left;
        margin: 2px 3px 0 0;
    }

    .gridRowNoPad td {
        float: left;
    }

    .InternalGridRowAlt:hover td, .InternalGridRow:hover td, .gridRowNoPad:hover td {
        background-color: #87bdff;
        cursor: pointer;
    }

.gridFooter td {
    border-top: solid 1px #000;
    padding-top: 4px;
}

.gridHeader {
    background-color: #E6FFFF;
    color: #0066CC;
    font-size: 12px;
}

.padLeft {
    padding-left: 4px;
}

.LinkButtonNoHover:hover a {
    background-color: #FFFFFF;
    cursor: default;
}
/* Home Page */
.DashboardPanel {
    width: 435px;
    margin-top: 5px;
}

    .DashboardPanel img {
        margin: -1px 4px 0 0;
        display: block;
        float: left;
    }

.DashboardTable {
    width: 100%;
}

    .DashboardTable tr:hover td {
        background-color: #87bdff;
    }

.DashboardPanel ul {
    width: 100%;
    border: none;
}
/*See Menu section above for more dashboard settings */
.DashboardPanel a {
    color: #000;
    padding: 5px 3px;
}

.HasOrders {
    font-weight: bold;
}

.DashboardSubText {
    font-size: 11px;
 
}

.DashboardRefresh {
    float: right;
}

#NewsDiv {
    margin: 5px 10px;
    float: left;
    max-width: 450px;
}

.NewsDate {
    color: gray;
    font-size: 9px;
    display: block;
}

.NewsTitle {
    font-weight: bold;
}

.News {
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style: none;
}

    .News img {
        float: left;
        padding: 0 10px 5px 0;
    }

    .News li {
        padding-bottom: 8px;
        line-height: 15px;
    }

#NewsHeader {
    background-color: #080;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 4px;
    margin-bottom: 8px;
}

.AltNews img {
    float: right;
    padding: 0 0 5px 10px;
}
/* Whse pages */
#WhseWrapper {
    min-height: 200px;
    margin-left: 200px;
    padding-top: 5px;
}

#WhseContent {
    min-height: 200px;
    padding: 0 5px;
}
/* Product pages */
#ProductWrapper {
    min-height: 200px;
    margin-left: 255px;
    padding-top: 5px;
}

#ProductContent {
    min-height: 200px;
    padding: 0 5px;
}

#ProductMenu {
    width: 250px;
}

.FilterItemSelected, .FilterItem a, a.ColumnShow, a.ColumnHide {
    padding: 2px 0px 2px 20px;
    color: #000;
}

.FilterItemSelected, a.ColumnShow {
    background-image: url(images/icons/greencheck.gif);
    background-position: 2px 0px;
    font-weight: bold;
}

.divLeftMore {
    width: 175px;
    height: 24px;
    text-align: right;
    float: left;
}

.divRightMore {
    width: 200px;
    height: 24px;
    padding-left: 5px;
    float: left;
}

.divRightMoreLng {
    width: 318px;
    height: 24px;
    padding-left: 5px;
    float: left;
}
/* Div Elements */
.divHead {
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #0000FF;
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.divTextNorm {
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
}

.divMenu {
    float: left;
    margin-bottom: 10px;
    font-size: 9pt;
    background-color: white;
    border: 1px solid #1D57C7;
    margin-left: 10px;
    cursor: hand;
}

.divMain {
    float: left;
    margin-bottom: 10px;
    font-size: 9pt;
    background-color: white;
    border: 1px solid #1D57C7;
    margin-left: 10px;
    width: 800px;
}

.divTop {
    padding-right: 5px;
    color: Navy;
    border: none;
    font-size: 10pt;
    height: 25px;
    background-color: #D0E4FC;
}

.divTitle {
    background-color: #1e58c7;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 4px;
}

.divSubTitle {
    background-color: #d6e7fb;
    color: #000000;
    font-size: 12px;
}

.divBtn {
    cursor: hand;
    padding: 2px 3px 2px 3px;
    font-weight: normal;
    font-size: 10pt;
    border: none;
}

.divPaddingL {
    padding-left: 5px;
    padding-top: 3px;
    height: 20px;
}

.divTopMargin {
    margin-top: 10px;
}

.divFloatL {
    float: left;
    margin-top: 4px;
    padding-left: 4px;
}

.divHoverHighlight a:hover {
    background-color: #87bdff;
    text-decoration: none;
}

.divFloatR {
    float: right;
}

.divReprint {
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: bold;
}
/* Ajax Elements */
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalXRefBackground {
    border-style: solid;
    border-width: 2px;
    border-color: black;
    background-color: White;
    z-index: 2;
    position: absolute;
    top: 120px;
    left: 350px;
}


.newModalOrderEntryPopUp {
    width: 820px;
    max-height: 500px;
    padding: 10px;
    font-size: 10pt;
    background-color: White;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
    vertical-align: middle;
    overflow-y: scroll;
}


.newModalPopUp {
    width: 400px;
    padding: 10px;
    background-color: White;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
    vertical-align: middle;
    text-align: center;
}

.newModalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopUp {
    height: 200px;
    filter: alpha(opacity=90);
    border: solid 1px navy;
    position: absolute;
    background-color: #E7F3FF;
    cursor: hand;
    font-weight: bold;
    text-align: right;
}

.modalPopUpText {
    margin: 10px;
    text-align: left;
}

.modalPopUpTitle {
    float: left;
    margin-left: 4px;
    border-bottom: solid 1px navy;
    display: -moz-inline-block;
    font-size: 12pt;
}

.modalPopUpDrag {
    cursor: move;
    background-color: #dddddd;
    border: solid 1px Gray;
    color: #000;
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
}

#hideModalPopupViaClientButton {
    margin-right: 3px;
}

/* Reprint Page */
.lblDate {
    font-size: 16px;
    color: #666;
    background-color: #efefef;
    margin-top: 4px;
    border-top: 2px solid #000;
    padding: 0 2px;
}

.lblTodaysDate {
    font-size: 16px;
    color: #000000;
    background-color: #efefef;
    margin-top: 4px;
    border-top: 2px solid #000;
    padding: 0 2px;
    font-weight: bold;
}

.lnkMore {
    padding: 4px 38px 0 5px;
    text-decoration: none;
}

    .lnkMore img {
        width: 16px;
        height: 16px;
    }

    .lnkMore:hover {
        background-color: #87bdff;
        text-decoration: none;
    }

    .lnkMore a:hover {
        text-decoration: none;
    }

.lnkMorePast {
    padding-left: 5px;
    padding-right: 30px;
    padding-top: 2px;
    text-decoration: none;
}

    .lnkMorePast img {
        width: 16px;
        height: 16px;
    }

    .lnkMorePast:hover {
        background-color: #87bdff;
        text-decoration: none;
    }

    .lnkMorePast a:hover {
        text-decoration: none;
    }

.pnlMore {
    border-style: solid;
    border-width: 2px;
    border-color: black;
    background-color: White;
    position: absolute;
    top: -2px;
    left: -2px;
    height: 500px;
    overflow: hidden;
}

.hideText label {
    display: none;
}

/* Payment reconciliation Page */

.divMonth {
    border: 2px solid #000000;
    width: 60px;
    height: 50px;
    float: left;
    font-size: 14pt;
    padding-left: 2px;
    margin-left: -2px;
}

    .divMonth:hover {
        background-color: #87bdff;
        cursor: pointer;
    }

/*Download Page */

.divDownload {
    width: 810px;
    float: left;
    background-color: #E0E0E0;
    color: #000099;
    height: 26px;
}

    .divDownload a {
        color: #000099;
    }

    .divDownload:hover div {
        background-color: #BBBBDD;
        cursor: pointer;
    }


/*Event Log*/

.imgHover {
    cursor: pointer;
}


/*Shipping / Retail */
.AccHead {
    background-image: url(images/plus.gif);
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer;
    font-family: Veranda;
    padding-left: 20px;
}

.AccHeadSel {
    background-image: url(images/minusover.gif);
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer;
    padding-left: 20px;
}

.AccContentSel {
    border: 1px solid #000000;
    font-family: Veranda;
}

.btnDuplicateTabLeft {
    background-color: White;
    border-color: Black;
    border-top-color: white;
    border-left-color: White;
    cursor: pointer;
}

.btnDuplicateTabCenter {
    background-color: White;
    border-color: Black;
    border-top-color: white;
    cursor: pointer;
    border-left-color: White;
}

.VBLightBlueHead {
    font-weight: bold;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
}

.VBShipLeft {
    width: 95%;
    float: left;
    padding-left: 10px;
    padding-bottom: 4px;
}

.VBShipLeftLessPad {
    width: 95%;
    float: left;
    padding-left: 12px;
}

.VBShipSubLeft {
    font-weight: bold;
    width: 40%;
    text-align: right;
    float: left;
    padding-bottom: 4px;
}

.VBShipSubRight {
    width: 55%;
    float: left;
    padding-left: 5px;
    padding-bottom: 4px;
}

.VBCreateShipLeft {
    width: 35%;
    float: left;
    text-align: right;
    padding-right: 4px;
    height: 25px;
}

.VBCreateShipRight {
    width: 63%;
    float: left;
    height: 25px;
}

.VBTitleWidth {
    width: 100%;
    background-color: #1e58c7;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

    .VBTitleWidth div {
        padding-left: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
    }


.UnderLineRowHover {
    float: left;
    width: 100%;
    cursor: default;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: white;
}

    .UnderLineRowHover:hover {
        border-bottom-color: black;
    }

/*Requestor Pages */
.VBReqHover:hover {
    background-color: #87bdff;
}

.OrderBoxes {
    border: solid 1px #aaa;
    width: 1024px;
    margin-top: 5px;
}

.RegularBox {
    border: solid 1px #aaa;
    float: left;
}

.TaskBox div {
    width: 100px;
    height: 16px;
}

.TaskBox a span {
    width: 100px;
    display: inline-block;
    padding: 0 2px;
}

.TaskBox a img {
    float: none;
    margin: 0;
    height: 16px;
}

.CalendarDay {
    width: 89px;
    background-color: #efefef;
    color: #666;
    padding-left: 38px;
}

.CurrentPage, .Pages {
    margin: 0 5px;
}

.CurrentPage {
    color: #0171eb;
    font-weight: bold;
    cursor: default;
}

.SetDisplayNone{
    display:none;
}
.SetVisibilityHidden{
    visibility:hidden
}


/*Ajax Auto Complete */
.AutoHighLight:hover {
    background-color: #0171EB;
    color: White;
    cursor: pointer;
}

.AutoWidth {
    border-style: solid;
    border-width: 1px;
    width: 500px !important;
}


/*Jquery */

#tooltip {
    max-width: 500px;
}

    #tooltip.small {
        font-size: 9pt;
        font-weight: lighter;
        font-family: Segoe UI, Verdana, Tahoma, Arial;
    }

.collapsibleContainerTitle {
    cursor: pointer;
}

.ui-dropdownchecklist-text {
    font-size: 12pt;
}


#loadingDiv {
    display: none;
}

#loadingDiv {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("Images/transparentbg.png");
}

.DisabledTextBox {
    background-color: #FFFFFF;
    border: 0px;
}

.DisabledTextBoxPopUp {
    background-color: white;
    border: 0px;
}

.mcjExpand {
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
}

    .mcjExpand div {
        text-align: center;
        font-weight: bold;
        margin-top: 80px;
        color: blue;
        cursor: default;
    }

        .mcjExpand div:hover {
            color: darkgreen;
        }

.ui-tabs.ui-tabs-vertical {
    padding: 0;
    width: 42em;
}

    .ui-tabs.ui-tabs-vertical .ui-widget-header {
        border: none;
    }

    .ui-tabs.ui-tabs-vertical .ui-tabs-nav {
        float: left;
        width: 18em;
        background: #CCC;
        border-radius: 4px 0 0 4px;
        border-right: 1px solid gray;
    }

        .ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
            clear: left;
            width: 100%;
            margin: 0.2em 0;
            border: 1px solid gray;
            border-width: 1px 0 1px 1px;
            border-radius: 4px 0 0 4px;
            overflow: hidden;
            position: relative;
            right: -2px;
            z-index: 2;
        }

            .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
                display: block;
                width: 100%;
                padding: 0.6em 1em;
            }

                .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
                    cursor: pointer;
                }

            .ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
                margin-bottom: 0.2em;
                padding-bottom: 0;
                border-right: 1px solid white;
            }

            .ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
                margin-bottom: 10px;
            }

    .ui-tabs.ui-tabs-vertical .ui-tabs-panel {
        float: left;
        width: 28em;
        border-left: 1px solid gray;
        border-radius: 0;
        position: relative;
        left: -1px;
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #ddd;
}

.ui-widget-header {
    background: #fff;
}

.test-button {
    background-color: #ddd;
    border-radius: 4px;
    padding: .4em 1em;
    display: block;
    line-height: normal;
    margin: 0;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.test-button:hover {
    border: 1px solid black;
}

.ediOrderTable {
    display: grid;
    grid-template-columns: 20% 8% 20% 8% 10% 14% 10% 10%;
    /*border-top: 1px solid black;*/
    /*border-right: 1px solid black;*/
    font-size: .8vw;
}




.ediOrderTable.topTable {
    /*font-weight: bold;*/
    color: rgba(246,246,233,1);
}

.ediOrderTable.topTable span:nth-child(odd) {
    background-color: rgba(19,51,76,1);
}

.ediOrderTable.topTable span:nth-child(even) {
    background-color: rgba(19,51,76,1);
}

.ediOrderTable > span {
    padding: 1px 10px;
    /*padding-right: 100px;*/
    /*border-left: 1px solid black;
    border-bottom: 1px solid black;*/
    overflow: hidden;
    white-space: nowrap;
}

/*.ediOrderTable:not(:hover).bodyTable span:nth-child(odd){
    background-color: #b8d1f3;
}

.ediOrderTable:not(:hover).bodyTable span:nth-child(even){
    background-color: #dae5f4;
}*/

.ediOrderTable:hover {
    background-color: #e7f3ff;
    border-color: navy;
    cursor: pointer;
}


.edi2OrderTable {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    /*border-top: 1px solid black;*/
    /*border-right: 1px solid black;*/
    font-size: .8vw;
}

.edi2OrderTable.topTable {
    /*font-weight: bold;*/
    color: rgba(246,246,233,1);
}

    .edi2OrderTable.topTable span:nth-child(odd) {
        background-color: rgba(19,51,76,1);
    }

    .edi2OrderTable.topTable span:nth-child(even) {
        background-color: rgba(19,51,76,1);
    }

.edi2OrderTable > span {
    padding: 1px 10px;
    /*padding-right: 100px;*/
    /*border-left: 1px solid black;
    border-bottom: 1px solid black;*/
    overflow: hidden;
    white-space: nowrap;
}

.edi2OrderTable:hover {
    background-color: #e7f3ff;
    border-color: navy;
    cursor: pointer;
}