html, body {
    background: #CCCCCC;
    color: #333333;
    font-family: "Tahoma", "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Verdana", "Sans-Serif";
    font-size: small;
    height: 100%;
    line-height: 1.2em;
    margin: 0;
    min-width: 800px;
    padding: 0;
}

html > body #outer {
    height: auto;
}

.divWholePage {
    text-align: center;
    min-width: 800px;
}

.divHeader {
    background-color: #244690;
    min-width: 800px;
    width: 100%;
}

.imgHeader {
    background: url('/QCConfig/Images/misc/header-no-logo.jpg') no-repeat center;
    height: 55px;
}

.divAppVer {
    color: white;
    float: right;
    font-size: 0.75em;
    left: -20px;
    position: relative;
    text-align: right;
}

.Button {
    font-family: Tahoma;
    font-size: 10px;
    height: 24px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 70px;
    z-index: 0;
}

/* LOGIN - using CSS friendly control 2.0 */

.AspNet-Login {
    /*   height:320px;
    width:450px;*/
}

    .AspNet-Login div {
        padding: 5px 5px 5px 5px;
    }

.AspNet-Login-TitlePanel {
    font-size: 1.2em;
    font-weight: bold;
}

.AspNet-Login input[type="checkbox"] {
    float: right;
    position: relative;
    left: -44px;
}

.AspNet-Login input[type="submit"] {
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 25px;
    margin-bottom: 50px;
    width: 100px;
}

.AspNet-Login input[type="text"],
.AspNet-Login input[type="password"] {
    display: inline;
    float: left;
    height: 16px;
    width: 260px;
}

.AspNet-Login-UserPanel label,
.AspNet-Login-PasswordPanel label {
    display: inline;
    float: left;
    height: 18px;
    line-height: 20px;
    text-align: right;
    width: 100px;
}

.AspNet-Login-RememberMePanel label {
    display: inline;
    float: right;
    font-weight: bold;
    height: 18px;
    left: 100px;
    line-height: 20px;
    position: relative;
    text-align: right;
    width: 140px;
}

    .AspNet-Login-UserPanel label em,
    .AspNet-Login-PasswordPanel label em,
    .AspNet-Login-RememberMePanel label em {
        font-style: normal;
    }

.AspNet-Login-RememberMePanel {
    font-size: 0.78em;
    width: 160px;
}

.AspNet-Login-FailurePanel {
    position: relative;
    top: 10px;
    color: red;
    display: inline;
    white-space: nowrap;
}

/* MODALS */

.ModalHeader {
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    color: White;
    cursor: move;
    font-size: medium;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.modalBackground {
    background-color: #7c7f8c;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalPanel {
    background-color: White;
    border: solid 1px black;
    color: Black;
    font-size: 7.5pt;
}

.ModalClose {
    background: url('/QCConfig/Images/Icons/close_inactive.png') no-repeat;
    cursor: pointer;
    cursor: hand, default;
    float: right;
    margin: 7px 7px;
    height: 13px;
    width: 13px;
}

    .ModalClose:hover {
        background: url('/QCConfig/Images/Icons/close.png') no-repeat;
        cursor: pointer;
        cursor: hand, default;
        float: right;
        margin: 7px 7px;
        height: 13px;
        width: 13px;
    }

/* SECTION */

.divSpacer {
    font-size: 1px;
    height: 6px;
    line-height: 6px;
    width: 100%;
}

.divUpperSection {
    height: 490px;
    margin: 0 auto;
    min-width: 800px;
    text-align: center;
    width: 800px;
}

.divFullUpperSection {
    /* height:690px; */
    border-radius: 8px;
    margin: 0 auto;
    min-width: 800px;
    text-align: center;
    width: 90%;
}

.divSection0 {
    border: solid 1px black;
    border-radius: 8px;
    display: inline;
    float: right;
    height: 478px;
    width: 395px;
}

.divSection1 {
    border: solid 1px black;
    border-radius: 8px;
    float: left;
    height: 478px;
    width: 395px;
}

.divFullSection {
    border: solid 1px black;
    border-radius: 8px;
    width: 100%;
}

.divSection2 {
    border: solid 1px black;
    border-radius: 8px;
    height: 218px;
    margin: 0 auto;
    width: 798px;
}

.divSectionHeader {
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    border-bottom: solid 1px black;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 30px;
    width: 100%;
}

.divSectionHeaderText {
    color: white;
    display: inline;
    font-size: medium;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0px 0px 2px 0px;
    vertical-align: middle;
    width: 100%;
}

.divSectionHeaderLeft {
    color: white;
    display: inline;
    float: left;
    height: 0px;
    line-height: 30px;
    padding: 0px 0px 2px 0px;
    vertical-align: middle;
}

.divSectionHeaderRight {
    color: white;
    display: inline;
    float: right;
    height: 0px;
    line-height: 30px;
    padding: 0px 0px 2px 0px;
    vertical-align: middle;
}

.divSectionSubHeader {
    background: #c7c7d8 url('/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png') repeat-x;
    border-bottom: solid 1px black;
    height: 18px;
    overflow: hidden;
    position: relative;
    top: -2px;
    width: 100%;
}

.divSectionSubHeaderText {
    display: inline;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    width: 100%;
}

.divSectionSubHeaderLeft {
    color: white;
    display: inline;
    float: left;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
}

.divSectionSubHeaderRight {
    color: white;
    display: inline;
    float: right;
    height: 0px;
    line-height: 18px;
    vertical-align: middle;
}

.divSectionContent {
    background-color: #eeeeee;
    height: 376px;
    overflow: auto;
}

.divSectionContent_NoScroll {
    background-color: #eeeeee;
    height: 376px;
    overflow: hidden;
}

.divFullSectionContent {
    background-color: #eeeeee;
    height: 588px;
    overflow: auto;
}

.divSectionContent_NoSubFooter {
    background-color: #eeeeee;
    height: 399px;
    overflow: auto;
    position: relative;
    top: -2px;
}

.divSectionContent_NoSubFooter_NoSubHeader {
    background-color: #eeeeee;
    height: 420px;
    overflow: auto;
}

.divSection2Content {
    background-color: #eeeeee;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 185px;
    overflow: auto;
    width: 100%;
}

.divSectionSubFooter {
    background: #c7c7d8 url('/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png') repeat-x;
    border-top: solid 1px black;
    height: 18px;
    width: 100%;
}

.divSectionSubFooterText {
    display: inline;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    width: 100%;
}

.divSectionSubFooter_HIDDEN {
    background: #c7c7d8 url('/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png') repeat-x;
    border-top: solid 1px black;
    display: none;
    height: 18px;
    line-height: 18px;
    padding: 0px 0px 2px 0px;
    vertical-align: middle;
    width: 100%;
}

.divSectionSubFooterLeft {
    display: inline;
    float: left;
    height: 18px;
    line-height: 18px;
    position: relative;
    vertical-align: middle;
}

.divSectionSubFooterRight {
    display: inline;
    float: right;
    height: 18px;
    line-height: 18px;
    position: relative;
    vertical-align: middle;
}

.divSectionFooter {
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    border-top: solid 1px black;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    clear: both;
    height: 30px;
    line-height: 30px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 100%;
}

.divSectionFooterText {
    color: white;
    display: inline;
    font-size: medium;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 2px 0px 0px 0px;
    vertical-align: middle;
    width: 100%;
}

.divSectionFooterLeft {
    color: white;
    display: inline;
    float: left;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    padding: 0px 0px 2px 0px;
    position: relative;
    top: -30px;
    vertical-align: middle;
}

.divSectionFooterRight {
    color: white;
    display: inline;
    float: right;
    height: 30px;
    line-height: 30px;
    padding: 0px 0px 2px 0px;
    position: relative;
    top: -30px;
    vertical-align: middle;
}

/* Menus - Using Asp-Net CSS Friendly 2.0 */

.AspNet-Menu a,
.AspNet-Menu span {
    color: white;
    cursor: pointer;
    cursor: hand, default;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 7.5pt;
    z-index: 1000;
}

    .AspNet-Menu a:hover,
    .AspNet-Menu span:hover {
        background: url('/QCConfig/Images/Gradients/SubHeaderSliver.png');
        color: white;
        cursor: pointer;
        cursor: hand, default;
        padding-left: 5px;
        padding-right: 5px;
        z-index: 1000;
    }

.AspNet-Menu-WithChildren {
    min-width: 70px;
    z-index: 1000;
}

    .AspNet-Menu-WithChildren ul {
        background-color: black;
        border: solid 1px black;
        min-width: 160px;
        overflow: hidden;
        white-space: nowrap;
        z-index: 1000;
    }

    .AspNet-Menu-WithChildren li {
        clear: both !important;
        float: none !important;
    }

.AspNet-Menu-Leaf {
    background: url('/QCConfig/Images/Gradients/BkGrndMenuSliver.png') repeat-y left;
    height: 16px;
    text-align: left;
    min-width: 160px;
    z-index: 1000;
}

    .AspNet-Menu-Leaf a,
    .AspNet-Menu-Leaf span {
        cursor: pointer;
        cursor: hand, default;
        z-index: 1000;
    }

        .AspNet-Menu-Leaf a:hover,
        .AspNet-Menu-Leaf span:hover {
            background-image: none;
            color: yellow;
            z-index: 1000;
        }

        .AspNet-Menu-Leaf a img,
        .AspNet-Menu-Leaf span img {
            border: 0;
            height: 20px;
            margin: 6px 14px auto 2px;
            width: 20px;
            z-index: 1000;
        }

/* Menu Bar */

.divMenuBar {
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    display: block;
    font-size: 0.8em;
    height: 30px;
    line-height: 30px;
    min-width: 600px;
    padding: 0px 20px 2px 20px;
    vertical-align: middle;
}

.divMenu {
    color: white;
    float: left;
    height: 30px;
    min-width: 390px;
    text-align: center;
}

.divTool {
    color: white;
    display: inline;
    float: right;
    font-size: 0.8em;
    font-weight: bold;
    height: 30px;
}

/* Context Menu */

.ContextMenu {
    background-color: black;
    border: solid 1px gray;
    text-align: left;
    color: white;
    width: 170px;
    z-index: 9999;
}

.ContextMenuHeaderDiv hr {
    display: inline;
    float: left;
    position: relative;
    left: 30px;
    top: -12px;
    width: 140px;
}

.ContextMenuHeaderDiv {
    background-color: black;
    background-image: url('/QCConfig/Images/Gradients/BkGrndMenuSilverSliver.png');
    background-position: left;
    background-repeat: no-repeat;
    display: block;
    font-size: 8pt;
    height: 27px;
    line-height: 25px;
    overflow: hidden;
    width: 170px;
    vertical-align: middle;
}

    .ContextMenuHeaderDiv img {
        display: inline;
        float: left;
        padding: 3px 2px 0px 5px;
    }

    .ContextMenuHeaderDiv span {
        display: block;
        float: left;
        text-indent: 5px;
        margin-left: 3px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 135px;
    }

.ContextMenuDiv {
    background-image: url('/QCConfig/Images/Gradients/BkGrndMenuSilverSliver.png');
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand, default;
    height: 27px;
    line-height: 25px;
    width: 170px;
    vertical-align: middle;
}

    .ContextMenuDiv img {
        display: inline;
        float: left;
        height: 18px;
        width: 18px;
        padding: 3px 4px 0px 5px;
    }

    .ContextMenuDiv span {
        float: left;
        height: 27px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-indent: 5px;
        margin-left: 3px;
        width: 140px;
    }

    .ContextMenuDiv:hover span {
        background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
        color: yellow;
        font-weight: bold;
        float: left;
        height: 27px;
        text-indent: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-left: 3px;
        width: 140px;
    }

.ContextMenuImgDiv {
    background-image: url('/QCConfig/Images/Gradients/BkGrndMenuSilverSliver.png');
    background-position: left;
    background-repeat: repeat-y;
    width: 170px;
    vertical-align: middle;
}

    .ContextMenuImgDiv img {
        margin: 5px 5px 5px 40px;
        vertical-align: middle;
        border: solid 2px gray;
        border-style: outset;
    }


/* NOTES */

.ddl {
    font-family: Tahoma;
    font-size: 8pt;
}

.txtNoteInput {
    font-family: tahoma;
    font-size: 8pt;
    width: 450px;
}

/* .ContextMenuDiv
{
    background-image: url('/QCConfig/Images/Gradients/BkGrndMenuSilverSliver.png');
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
    display: block;
    height: 25px;
    line-height: 25px;
    width: 170px;
    vertical-align: middle;
}

.ContextMenuDiv img
{
    display: inline;
    float: left;
    height: 18px;
    width: 18px;
    padding: 0px 4px 0px 5px;
}

.ContextMenuDiv span
{
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 5px;
    margin-left: 3px;
    width: 140px;
}

.ContextMenuDiv:hover span
{
    background-image: url('/QCConfig/Images/Gradients/BlueSliver.png');
    color: yellow;
    font-weight: bold;
    float: left;
    height: 25px;
    line-height: 25px;
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    margin-left: 3px;
    width: 140px;
} */

/* BOM */

.divBOMScroll {
    display: block;
    height: 332px;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: -2px;
    width: 100%;
}

.divBOMHeader {
    color: Black;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding-left: 2px;
    text-align: left;
    width: 231px;
}

    .divBOMHeader:hover {
        background: url(/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png) #e8e65a repeat-x;
        color: Black;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        padding-left: 2px;
        text-align: left;
        width: 231px;
    }

/* BOM Cover Page */

.divCoverPageContent {
    font-size: 9pt;
    text-align: left;
    margin: 0 auto;
    /*height: 400px;
    overflow: auto;*/
}

.divCoverPageHeader {
    display: block;
    width: 380px;
}

.divCoverPageDiscount {
}

    .divCoverPageDiscount label {
        display: inline-block;
        width: 68px;
    }

.divCoverPageHeader label {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0px 0px 0px 5px;
    text-align: right;
    width: 180px;
}

.divCoverPageContent label input[type="text"] {
    display: block;
    float: left;
}

.divCoverPageContent a {
    float: right;
    margin: 0px 8px 0px 0px;
}

.divCoverPageContent span {
    float: left;
    font-weight: bold;
    margin: 0px 0px 0px 8px;
}

.divCoverPageContent hr {
    clear: both;
    width: 90%;
}

.divCoverPageContent div {
    margin: 0px 0px 0px 4px;
}

/* BOM Header Row */

.BOMHeader {
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    border-bottom: solid 1px black;
    display: block;
    color: white;
    font-size: 0.75em;
    font-weight: bold;
    height: 22px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.BOMAppData {
    background: #c7c7d8 url('/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png') repeat-x;
    border-bottom: solid 1px #5a5a5a;
    display: block;
    color: black;
    cursor: pointer;
    cursor: hand, default;
    font-size: 0.75em;
    height: 22px;
    line-height: 25px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

/* BOM Rows */

.prop {
    height: 25px;
    float: left;
    width: 1px;
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

.BOMRow {
    background-color: #aeaeae;
    border-bottom: solid 1px #5a5a5a;
    display: block;
    font-size: 0.75em;
    min-height: 22px;
    text-align: left;
    text-indent: 1px;
    vertical-align: middle;
    width: 100%;
}

.BOMRowIcon {
    display: inline;
    cursor: pointer;
    cursor: hand, default;
    float: left;
    min-height: 22px;
    width: 22px;
}

    .BOMRowIcon img {
        padding: 2px 0px 0px 0px;
        height: 19px;
        width: 19px;
    }

.BOMRowPartNumber {
    display: inline;
    float: left;
    min-height: 22px;
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.BOMRowDescription {
    display: inline;
    float: left;
    line-height: 16px;
    min-height: 22px;
    width: 35%;
    white-space: pre-line;
}

.BOMRowCustom {
    background-color: Yellow;
}

.BOMRowComment {
    display: inline;
    float: left;
    min-height: 22px;
    width: 88%;
    white-space: pre-line;
}

.BOMRowQuantity {
    display: inline;
    float: left;
    min-height: 22px;
    width: 30px;
    text-align: center;
}

.BOMRowPrice {
    display: inline;
    float: left;
    left: -5px;
    min-height: 22px;
    position: relative;
    width: 11%;
    text-align: right;
}

.BOMRowExtended {
    display: inline;
    float: left;
    min-height: 22px;
    width: 11%;
    text-align: right;
}

/* Override List */

.Override {
    display: inline;
    text-align: left;
}

    .Override input {
        float: left;
        margin: 0px 0px 0px 100px;
        width: 22px;
    }

    .Override label {
        display: inline-block;
        line-height: 20px;
        vertical-align: middle;
        width: 160px;
    }

        .Override label span {
        }

/* AUTOCOMPLETE */

.autocomplete_completionListElement {
    visibility: hidden;
    background-color: inherit;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    color: windowtext;
    cursor: default;
    font-size: small;
    font-family: Tahoma;
    max-height: 150px;
    list-style-type: none;
    margin: 0px!important;
    overflow: auto;
    text-align: left;
    z-index: 2;
}

.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
}

.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    cursor: pointer;
    cursor: hand, default;
    padding: 1px;
}

/* PDF */

.PDFPhone {
    display: inline-block;
    float: right;
    line-height: 16px;
    width: 45%;
    white-space: normal;
}

.PDFPhoneDivLabel {
    display: inline-block;
    text-align: right;
}

.PDFPhoneDivField {
    display: inline-block;
    text-align: left;
}

/* Error Div */

.ErrorDiv {
    display: block;
    line-height: 24px;
    padding: 0px 0px 0px 15px;
    text-align: left;
    font-size: 0.95em;
}

.ErrorDivText {
    padding: 0px 0px 0px 5px;
}

.ErrorDivQuestion {
    padding: 0px 0px 8px 35px;
}

.ErrorDivResponse {
    background-image: url('/QCConfig/Images/Icons/radioButton.PNG');
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    text-indent: 25px;
    width: auto;
}

    .ErrorDivResponse:hover {
        background-image: url('/QCConfig/Images/Icons/radioHover.PNG');
        background-repeat: no-repeat;
        background-position: left;
        color: red;
        cursor: pointer;
        display: inline-block;
        height: 20px;
        text-indent: 25px;
        width: auto;
    }

    .ErrorDivResponse:active {
        background-image: url('/QCConfig/Images/Icons/radioClick.PNG');
        background-repeat: no-repeat;
        background-position: left;
        cursor: pointer;
        display: inline-block;
        height: 20px;
        text-indent: 25px;
        width: auto;
    }

.multidisty-error,
.inactivedisty-error {
    border: solid 2px #f00;
    border-radius: 6px;
    box-shadow: #999 5px 5px 3px;
    display: inline-block;
    padding: 6px;
}

/* GRID */

.ddlist {
    font-size: 0.75em;
    margin: 0px 5px 0px 5px;
}

.PageBtn {
    cursor: pointer;
    cursor: hand, default;
    font-size: smaller !important;
    padding: 0px 1px 1px 1px !important;
    width: 25px !important;
}

.SortArrow {
    display: inline;
    color: Orange;
    font-family: Impact;
    font-size: 1.5em;
    font-weight: bold;
    margin-left: 3px;
    width: 0px;
    height: 0px;
}

.AspNet-GridView {
    border: solid 1px black;
    height: 475px;
    overflow: auto;
    margin: 2px;
}

    .AspNet-GridView table {
        table-layout: fixed;
        padding: 0;
        margin: 0;
    }

.FoundText {
    /*color:#ffa552;*/
    text-decoration: none;
    color: black;
    background: yellow;
}

/*UP N GOOD*/

.AspNet-GridView table td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-binding: url(/QCConfig/Style/ellipsis.xml#ellipsis);
}

.gvw {
    width: 1500px;
    background-color: #fff;
    border: solid 1px #525252;
    border-collapse: collapse;
    font-size: 0.9em;
}

    .gvw th {
        background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
        color: #fff;
        height: 32px;
        max-height: 32px;
        overflow: hidden;
        white-space: nowrap;
        padding: 0px 5px 0px 5px;
    }

        .gvw th a {
            color: #fff;
        }

    .gvw td {
        padding: 0px 5px 0px 5px;
        border: solid 1px #c1c1c1;
    }

.gvwalt {
    background: #fcfcfc url(/QCConfig/Images/Gradients/GridRowAlt.png) repeat-x top;
}

.divGridSectionContent {
    background-color: #eeeeee;
    height: 593px;
    overflow: hidden;
}

.RowSelection {
    background-color: Transparent;
    color: Black;
    cursor: auto;
}

.RowSelection_hover,
.RowSelection_hover a {
    background-color: Blue;
    color: White;
    cursor: pointer;
    cursor: hand, default;
}

.RowSelection_NoDistributor {
    background-color: #FF7373;
    color: Black;
    cursor: auto;
}

.RowSelection_hover_NoDistributor,
.RowSelection_hover_NoDistributor a {
    background-color: #FF5555;
    color: White;
    cursor: pointer;
    cursor: hand, default;
}

.RowSelection_NewLead {
    background-color: #FFA200;
    color: Black;
    cursor: auto;
}

.RowSelection_hover_NewLead,
.RowSelection_hover_NewLead a {
    background-color: #BA7600;
    color: White;
    cursor: pointer;
    cursor: hand, default;
}

.RowSelection_PriceRequest {
    background-color: #44B438;
    color: Black;
    cursor: auto;
}

.RowSelection_hover_PriceRequest,
.RowSelection_hover_PriceRequest a {
    background-color: #398031;
    color: White;
    cursor: pointer;
    cursor: hand, default;
}

.gvw table {
    margin-left: 40px;
}

    .gvw table th {
        background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png') repeat-x;
        border: solid 1px white;
        color: #fff;
        height: 22px;
        max-height: 22px;
        overflow: hidden;
        white-space: nowrap;
        padding: 0px 5px 0px 5px;
    }

/* TEST REPEATER */

.divFilter {
    font-size: 0.9em;
}

    .divFilter INPUT, SELECT {
        font-size: 0.9em;
    }

/* Note page */

.pnlNotes {
    overflow: auto;
    width: auto;
    vertical-align: top;
}

.dlstNotes {
    font-size: 7.5pt;
    text-align: left;
}

.trHeader {
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    color: White;
    font-weight: 700;
    font-size: 7.5pt;
    padding: 0px 2px 0px 2px;
    text-align: left;
    vertical-align: middle;
}

.txtInput INPUT {
    font-family: "Tahoma","Trebuchet MS", "Lucida Sans", "Lucida Grande", "Verdana", "Sans-Serif";
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    width: 50px;
}

/* Belt Grid */
.FullSectionDiv {
    border: solid 1px black;
    display: inline-table;
    width: 798px;
}

.divBelt {
    clear: both;
    height: 575px;
    overflow: auto;
    position: relative;
    z-index: 0;
    margin: 1px;
    border: solid 1px black;
}

    .divBelt table th {
        position: relative;
        top: expression(this.offsetParent.scrollTop-1);
    }

    .divBelt table td {
        padding: 0px 3px 0px 3px;
    }

    .divBelt table tbody {
        overflow-x: hidden;
        left: expression(document.getElementById("divBelt").scrollLeft);
    }

.gvHeaderBelt {
    background-color: #808080;
    color: White;
    font-weight: 700;
    font-size: 7.5pt;
    height: 20px;
    left: -1px;
    padding: 0px 2px 0px 2px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    vertical-align: bottom;
}

    .gvHeaderBelt A {
        color: White;
    }

.ClickToCompare {
    font-weight: normal;
}

/* FPM */

.divFPM {
    /*height: 180px;*/
    margin-left: 6px;
    overflow: auto;
    width: 382px;
}

/* Read Only */

.RO LABEL {
    color: Silver;
}

.RO INPUT {
    background: #EEEEEE;
    border: solid 1px silver;
}

.RO SPAN {
    color: Silver;
}

/* Chart Bar */

.divChartBar {
    display: inline-block;
    width: 8px;
    border: solid black 1px;
    margin: 2px 3px 2px 3px;
}

.Section1TableStyle {
    height: 375px;
    text-align: center;
    width: 100%;
}

.Disclaimer {
    font-size: 0.7em;
    font-style: italic;
}

.legened {
    border: solid 1px black;
    display: inline-block;
    height: 10px;
    width: 20px;
    margin: 5px 5px 5px 5px;
    font-weight: bold;
}

.barLine {
    background-color: yellow;
    height: 1px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -3px;
    width: 360px;
}

    .barLine IMG {
        display: inline;
        height: 8px;
        position: relative;
        top: -8px;
        width: 8px;
    }


.cmdIssueBtn {
    font-size: 10px;
    width: 75px;
}

.dvIssueDetail {
    display: inline-block;
    border: solid 1px silver;
    font-size: 11px;
    margin: 10px;
    padding: 5px;
    text-align: left;
    width: 770px;
}

.dvIssueDetailInner {
    overflow: auto;
}

    .dvIssueDetailInner SELECT, .dvIssueDetailInner INPUT[type="text"] {
        position: relative;
        top: -6px;
    }

.dvIssueDetailInnerNote {
    overflow: auto;
}

.dvIssueDetailOuterNote {
    border: solid 1px silver;
    margin: 10px;
    padding: 5px;
}

.HdrLabel {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    padding-left: 2px;
}

.DtlLabel {
    border: solid 1px silver;
    display: inline-block;
    height: 18px;
    margin-left: 2px;
    overflow: hidden;
    padding-left: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 10px;
}

@media print {
    .Button {
        display: none;
    }
}


/* DOWNLOAD TAB */
.divDownloadTab {
    background-color: #1d4ca8;
    border-left: solid 1px black;
    color: White;
    display: inline-block;
    float: right;
    width: 80px;
}

.divInactiveDownloadTab {
    background-image: none;
    border-left: solid 1px black;
    color: Black;
    cursor: pointer;
    display: inline-block;
    float: right;
    width: 80px;
}

    .divInactiveDownloadTab:hover {
        background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
        color: White;
        z-index: 1;
    }

/* TABS */
.divBOMTabContainer, .divPathTabContainer {
    background: url('/QCConfig/Images/Gradients/vertical_transparent_grad.png') repeat-x;
    border-bottom: solid 1px #AAAAAA;
    height: 26px;
    vertical-align: text-bottom;
    width: 100%;
    z-index: 1;
}

.divBOMTab {
    border-left: solid 1px black;
    border-top: solid 1px black;
    border-right: solid 1px black;
    float: left;
    min-width: 68px;
    text-align: center;
    margin-top: 2px;
    margin-left: 2px;
    max-width: 400px;
    padding: 4px 2px 0px 2px;
    position: relative;
    top: 2px;
    height: 17px;
    overflow: hidden;
    z-index: 1;
}

    .divBOMTab span {
        position: relative;
        top: 0px;
        z-index: 1;
    }

.divActiveTab {
    border-left: solid 1px #AAAAAA;
    border-top: solid 1px #c07425;
    border-right: solid 1px #AAAAAA;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #c7c7d8 url('/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png') repeat-x;
    z-index: 1;
}

.divInactiveTab {
    background-color: #1d4ca8;
    border-left: solid 1px #3d6cc8;
    border-top: solid 1px #3d6cc8;
    border-right: solid 1px #3d6cc8;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: white;
    font-size: 10px;
    height: 17px;
    padding: 0px 1px 0px 3px;
    position: relative;
    top: 6px;
    cursor: pointer;
    cursor: hand, default;
    z-index: 1;
}

.divOrderTab {
    background: #c07425 url('/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png') repeat-x;
    border-left: solid 1px #aa2222;
    border-top: solid 1px #ff2222;
    border-right: solid 1px #aa2222;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    z-index: 1;
}

.divInactiveTab:hover {
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    z-index: 1;
}

.divOrderTab:hover {
    background: #d08435 url('/QCConfig/Images/Gradients/vertical_transparent_rounded_short.png') repeat-x;
    border-left: solid 1px #aa2222;
    border-top: solid 1px #ff2222;
    border-right: solid 1px #aa2222;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.divTabCloseImage {
    background: url('/QCConfig/Images/Icons/close_inactive.png') no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 1px 0px 2px 8px;
    cursor: pointer;
    cursor: hand, default;
    z-index: 1;
}

    .divTabCloseImage:hover {
        background: url('/QCConfig/Images/Icons/close.png') no-repeat;
        z-index: 1;
    }

.divTabNewBOMImage {
    background: url('/QCConfig/Images/Icons/New document.png') no-repeat;
    display: inline-block;
    cursor: pointer;
    cursor: hand, default;
    height: 14px;
    margin: 1px 0px 2px 2px;
    width: 14px;
    z-index: 1;
}

.Orange {
    color: Orange;
    z-index: 1;
}

/* DEBUG */

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

.FakeLink {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    color: Blue;
}

.download {
    color: White;
}

    .download:hover {
        color: Gray;
    }

.seriesUL {
    display: inline-block;
    float: left;
    width: 500px;
}

    .seriesUL LI DIV {
        display: inline;
        float: right;
        text-align: left;
        width: 300px;
    }

.SelectItemOuter {
    background-color: #4c4c4c;
    border-radius: 6px;
    display: inline-block;
    font-family: Tahoma;
    height: 130px;
    margin: 6px 6px 6px 6px;
    position: relative;
    width: 284px;
}

.SelectItemInner {
    display: inline-block;
    color: White;
    height: 122px;
    margin: 4px 4px 4px 4px;
    position: absolute;
    text-align: left;
    vertical-align: top;
    width: 272px;
}

.SelectItemImage {
    display: inline;
    position: absolute;
    left: 8px;
    width: 90px;
}

.SelectItemQSImage {
    background-color: White;
    display: inline;
    float: right;
    padding: 2px;
    margin-top: 2px;
}

.SelectItemCaption {
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    left: 104px;
    position: relative;
    width: 156px;
}

.SelectItemBulletList {
    display: block;
    font-size: 9pt;
    left: 80px;
    position: relative;
    top: -4px;
    width: 156px;
}

    .SelectItemBulletList li {
        width: 156px;
    }

.SelectItemLearnMoreAnchor {
    color: White;
}

.SelectItemSizingAnchor {
    position: relative;
    top: -48px;
    left: 118px;
}

    .SelectItemSizingAnchor a {
        color: White;
        display: inline-block;
        padding-right: 6px;
    }

        .SelectItemSizingAnchor a:hover {
            color: Yellow;
        }

.SelectItemLearnMore {
    background-color: #999999;
    border-radius: 6px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 20px;
    margin: 0px 6px 4px 6px;
    position: absolute;
    text-align: center;
    top: 96px;
    width: 45%;
}

    .SelectItemLearnMore:hover {
        border-radius: 6px;
        border-bottom: 2px solid black;
        border-right: 2px solid black;
        color: Yellow;
        top: 95px;
        left: -1px;
    }

.SelectItemConfigureNow {
    background-color: #62BA4D;
    border-radius: 6px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 20px;
    left: 135px;
    margin: 4px 6px 4px 6px;
    position: absolute;
    text-align: center;
    top: 92px;
    width: 45%;
}

    .SelectItemConfigureNow:hover {
        border-radius: 6px;
        border-bottom: 2px solid black;
        border-right: 2px solid black;
        color: Yellow;
        left: 134px;
        top: 91px;
    }

.SelectItemRequestQuote {
    background-color: #009DD7;
    border-radius: 6px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 20px;
    left: 135px;
    margin: 4px 6px 4px 6px;
    position: absolute;
    text-align: center;
    top: 92px;
    width: 45%;
}

    .SelectItemRequestQuote:hover {
        border-radius: 6px;
        border-bottom: 2px solid black;
        border-right: 2px solid black;
        color: Yellow;
        left: 134px;
        top: 91px;
    }

.GrayBox {
    border-bottom: 1px solid black;
    color: black;
    height: 22px;
    margin: 4px 6px 4px 6px;
    padding: 4px 6px 0px 6px;
    text-align: center;
}

.HomePageWelcome a {
    display: inline-block;
    padding-bottom: 8px;
}

.SelectItemConfigureNow_Disabled {
    display: none;
}

/* AUTHENTICATE */

.Outer {
    display: inline-block;
    min-width: 800px;
    text-align: left;
}

    .Outer h2 {
        text-indent: 25px;
    }

    .Outer input[type=text], .Outer input[type=password] {
        border: 1px solid black;
        margin: 8px 0px 8px 0px;
        width: 98%;
    }

.Left {
    display: inline-block;
    float: left;
}

.Right {
    display: block;
    float: left;
}

.White {
    background-color: White;
    border-radius: 8px;
    display: inline-block;
    height: 500px;
    margin-left: 8px;
    padding: 4px 8px 4px 8px;
    text-align: left;
    width: 300px;
}

.Green {
    background-color: #62BA4D;
    border-radius: 8px;
    height: 115px;
    margin: 8px 8px 8px 8px;
    text-align: left;
    width: 500px;
}

    .Green img {
        display: inline;
        float: left;
        height: 100px;
        padding: 8px 0px 0px 8px;
        width: 100px;
    }

    .Green h3 {
        color: White;
        padding-top: 8px;
        text-indent: 18px;
    }

    .Green p {
        color: White;
        position: relative;
        left: 10px;
        width: 480px;
    }

.AuthError {
    color: #ff0000;
    max-height: 180px;
    padding-top: 8px;
}

/* NEW HOME PAGE */

.HomePageWhole {
    min-width: 900px;
}

    .HomePageWhole h3 {
        margin-left: 20px;
    }

.Welcome {
    position: relative;
    top: -4px;
}

.HomePageLeft {
    display: inline-block;
    padding-right: 10px;
    padding-top: 5px;
    text-align: left;
    width: 270px;
}

.HomePageWelcome {
    background-color: #ffffff;
    border-radius: 8px;
    color: Black;
    display: inline-block;
    padding: 1px 8px 1px 8px;
    text-align: left;
    width: 260px;
}

    .HomePageWelcome p {
        text-align: justify;
    }

.HomePageRight {
    display: inline-block;
    max-width: 600px;
    text-align: left;
}


/* NEW MODALS */


.NewModalHeader {
    background: #2f60b7 url('/QCConfig/Images/Gradients/vertical_transparent_rounded.png') repeat-x;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: White;
    font-size: 12pt;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}

.NewModalPanel {
    background-color: White;
    border: solid 1px black;
    border-radius: 8px;
    color: Black;
    font-size: 0.8em;
}

.GreenButton, .GreenButton:active {
    background-color: #62BA4D;
    border-radius: 8px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-weight: bold;
    height: 24px;
    margin-right: 8px;
    padding-top: 6px;
    text-align: center;
    text-decoration: none;
    width: 130px;
}

.GrayButton {
    background-color: #999999;
    border-radius: 8px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-weight: bold;
    height: 24px;
    margin-right: 8px;
    padding-top: 6px;
    text-align: center;
    text-decoration: none;
    width: 130px;
}

.GreenButton:hover {
    color: Yellow;
    border-bottom: 2px solid black;
    border-right: 2px solid black;
    position: relative;
    top: -1px;
    left: -1px;
}

.ItemHelpIcon {
    cursor: pointer;
    display: inline-block;
    left: -18px;
    position: relative;
    top: -2px;
}

    .ItemHelpIcon:hover {
        left: -19px;
        top: -3px;
    }

.nop {
    min-width: 736px;
    min-height: 369px;
}