/*remove default behavior*/
.ajax__tab_header, .ajax__tab_header * {
    background: none !important;
    border: none !important;
    margin: 0px !important;
    padding: 0px !important;
    height: auto !important;
    white-space: normal !important;
}

.ajax__tab_default .ajax__tab_tab {
    margin-right:4px;
    overflow:hidden;
    text-align:center;
    cursor:pointer;
    display:inline-block;
    width:150px;
} 

/*remove ajax defaults*/
.ajax__tab_body {
    border: none !important;
    padding: 0px !important;
    background: none !important;
    font: inherit !important;
}

* {
    margin: 0px;
    padding: 0px;
    font-size: inherit;
}

    *:not(tbody):not(tr) {
        position: relative;
    }

/*font sizes*/
/*body {
    font-size: 1.4em;
    color: #000;
}*/

h1, h2, h3, h4 {
    margin: 0px;
    padding: 0px;
}
/*
h1 {
    font-size: 30px;
    font-weight: bold;
}

h2 {
    font-size: 22px;
    font-weight: normal;
    width: 100%;
}

h3 {
    font-size: 18px;
    font-weight: normal;
}

h4 {
    font-size: 15px;
    font-weight: bold;
}*/

/*Alignment*/
.rightalign {
    text-align: right;
}

.centeralign {
    text-align: center;
}

.leftalign {
    text-align: left;
}

.verticalalign {
    vertical-align: top;
}

.imagealigninrow {
    vertical-align:middle;
    cursor: pointer; 
    cursor: hand;
}

html, body, body > form, #wrap {
    height: 0px;
    width: 100%;
    min-height: 100%;
}

html, body {
    display: block;
}

    body > form, #wrap {
        display: table;
    }

.menuIcon {
    float: right !important;
    margin-top: -3px;
}

.headerRow {
    display: flex; 
    height: 16px;
    padding-right: 10px; 
}

.divider {
    border-left: thin solid #000;
    margin-left: 5px;
    margin-right: 5px;
}

/*button look*/
.btn {
    padding: 5px 10px;
}

    .btn:hover, .btn:focus {
        padding: 5px 10px;
    }

    .btn:active {
    }

.btn-default {
    /*background: #A11;
    border: 1px solid #A11;
    color: #FFF;*/
    cursor: pointer;
}

/*.btn-default:hover, .btn-default:focus, .btn-default:active {
        background: #006bd6;
        border-color: #006bd6;
        color: #FFF;
    }

.btn-primary {
    background: #A11;
    border: 1px solid #A11;
    color: #FFF;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background: #006bd6;
        border-color: #006bd6;
        color: #FFF;
    }

.btn-cancel {
    background: #000;
    border: 1px solid #000;
    color: #FFF;
}

    .btn-cancel:hover, .btn-cancel:focus, .btn-cancel:active {
        background: #000;
        border-color: #A11;
        color: #FFF;
    }

.btn:disabled {
    background: #CDCDCD;
    color: #000;
    border: 1px solid #CDCDCD;
    cursor: default;
}*/


/*inputs*/
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="email"],
input[type="tel"], select, textarea {
    padding: 0px 2px;
}

input[type="image"] {
    cursor: pointer;
}

select {
    padding-right: 0px !important;
}
/*input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:#FFF !important;}*/

/*Ajax tab looks*/
.ajax__tab_tab {
    padding: 10px 15px !important;
    /*font-size: inherit !important;
    border-bottom: 5px solid rgba(255,255,255,0) !important;*/
}

/*.ajax__tab_active .ajax__tab_tab {
    font-weight: bold !important;
    border-bottom: 5px solid #A11 !important;
}*/

.ajax__tab_body {
    margin-top: 10px;
}

/*.ajax__tab_header {
    border-bottom: 5px solid #CDCDCD !important;
}*/

/*Ajax calendar*/
.calendar {
    z-index: 100;
}

.ajax__calendar_container {
    /*border: 1px solid #000;
    background: #FFF;*/
    width: auto !important;
}

/*.ajax__calendar_header, .ajax__calendar_body {
    border-bottom: 1px solid #000;
}*/

/*.ajax__calendar_active, .ajax__calendar_day:hover, .ajax__calendar_month:hover,
.ajax__calendar_year:hover, .ajax__calendar_other:hover,
.ajax__calendar_title:hover, .ajax__calendar_today:hover {
    color: #007FFF;
}

.ajax__calendar_other {
    color: #CDCDCD;
}*/

.ajax__calendar_title {
    display: inline-block !important;
}

.ajax__calendar_prev, .ajax__calendar_next {
    z-index: 101;
}

/*radios and checkboxes*/
input[type="checkbox"], input[type="radio"] {
    margin: 0px 5px;
}

    input[type="radio"] + label, [type="checkbox"] + label {
        display: inline;
    }

.td-component input[type="checkbox"] {
    margin-left: 0px;
}


/*tables/grids*/
table, .GridPanelStyle {
    width: 100%;
}

td.contentFit {
    width: 1px;
}

.Display > * > tr > th {
    /*background: #555;
    color: #FFF;
    font-weight: normal;*/
}

.Display > * > * > * {
    padding: 0px 4px;
}

table.Layout > * > * > * {
    padding: 5px;
}

.hasInput {
    width: auto;
}

/*Table Borders*/
/*table{border:none;}
    table > *{border:none;}
    table > * > *{border:none;}
    table > * > * > *{border:none;}


.GridStyle{border:1px solid #000;}
.ScrollArea{border:1px solid #000;}
.ScrollArea .GridStyle{border:none;border-right:1px solid #000;}
.GridPanelStyle{border:1px solid #000;}
.GridPanelStyle .ScrollArea{border:none;}
.GridPanelStyle .GridStyle{border:none;border-right:1px solid #000;}
.Display tr:not(:first-child){border-top:1px solid #CDCDCD;}
.Display tfoot{border-top:1px solid #CDCDCD;}*/

.GridPanelStyleCollapsed .ScrollArea {
    max-height: 250px;
    display: inline-block;
    overflow: auto;
    width: 100%;
}

.GridPanelStyleExpanded .ScrollArea {
    height: 500px;
    max-height: 500px;
    display: inline-block;
    overflow: auto;
    width: 100%;
}

/*div tables*/
.divtable {
    display: table;
    width: 100%;
}

.divrow {
    display: table-row;
}

.divtd {
    display: table-cell;
    vertical-align: top;
}

    .divtd.contentFit {
        width: 1px;
    }

/*Rows*/
/*.row-a {
    background: #F3F8FE;
}

.row-b {
    background: #FCFCFC;
}

.row-options {
    background: #DDD;
}

.row-error {
    background: #ff7518;
}

.row-error {
    background: #F00;
}

    .row-error td:first-child {
        background: #FFF;
    }

.row-comment {
    background: #EEE;
}

.selectedRowStyle {
    background: #B3B8FE;
}*/

/*Main Containers on a Page*/
.ContentPaneAlpha, .ContentPaneBeta, .ContentPaneGamma, .ContentPaneDelta, .ContentPaneEpsilon, .ContentPaneZeta, .ContentPanePsi, .ContentPaneOmega {
    /*border: 1px solid #3C3C3C;*/
    /*background: #FFF;*/
    display: inline-table;
    width: 100%;
}

.contentPaneHeader {
    /*border: none;*/
    padding: 5px;
    /*box-shadow: inset 0px 0px 30px 0px #CCC;*/
}

.contentPaneContent {
    padding: 10px;
}

/*Transparent Background class used to disable interaction while waiting on completion*/
.transparentbg {
    /*background: #000;*/
    /*opacity: 0.1;*/
    position: fixed;
    z-index: 10000;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

/*Links*/
a, a:visited {
    /*color: #004f9E;*/
}

.Sort a, .Sort a:visited {
    /*color: inherit;*/
}

/*Tree*/
.TreePanelStyle {
}

.TreeStyle {
    display: table;
}

.SelectedTreeNode {
    /*background: rgba(0,0,255,0.1);*/
}

/*modal popups*/
.modalPopup {
    /*background: #FFF;*/
    /*border: 3px solid #000;*/
    padding: 10px;
}

    .modalPopup .Layout {
        margin: 5px 0px;
    }

        .modalPopup .Layout > * > * > td:nth-child(odd) {
            width: 20%;
            font-weight: bold;
        }

        .modalPopup .Layout > * > * > td:nth-child(even) {
            width: 80%;
            white-space: nowrap;
        }
    /*.modalPopup .td-component{white-space:nowrap;}*/
    .modalPopup .td-component > select, .modalPopup .td-component > [type="text"] {
        width: 95%;
    }

.modalBackground {
    /*background: rgba(0,0,0,0.2);*/
}

/*radio button containers*/
.radioContainer {
    display: block;
}

/*image buttons*/
[type="image"], [type="img"] {
    width: auto !important;
    padding: 0px 0px;
}

/*States*/
:disabled {
    /*background: #F0F0F0;
    border: 1px solid #CDCDCD;*/
}

[type="text"]:read-only {
    /*background: #F0F0F0;
    border: 1px solid #CDCDCD;*/
    cursor: default;
}

/*Custom Call out*/
.customCalloutStyle {
    /*background: #FFF !important;
    border: 1px solid #000 !important;*/
    top: 100% !important;
    left: 0px !important;
    z-index: 10 !important;
}

/*place holders*/
.placeholder {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    /*color: #666;
    font-weight: normal;*/
    margin: 0px;
    padding: 2px 0px 0px 8px;
}

/*progress indicator*/
[role="status"] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 2;
}

.waitimage {
    top: 50% !important;
    left: 50% !important;
    position: absolute !important;
    margin-top: -55px;
    margin-left: -54px;
}

/*label {
    font-weight: normal;
}*/

/*POSSIBLE FIX FOR SCROLL BARS*/
.ScrollArea > table, .ScrollArea > div > table {
    margin-right: 17px;
}

/**************************************************/
/*header*/
.Header-Detail-Locked {
    position:relative;
    margin-left:42px;
    font-size:24px;
}

.Header-Detail-Locked img {
    position:absolute;
    top:-2px;
    left:-32px;
}

.unlock-link {
    position:absolute;
    display:inline-block;
    left:-32px;
    top:-6px;
    width:32px;
    height:32px;
    margin-top:4px;
    cursor:pointer;
    background: url("quote_lock.png") no-repeat;
}

.unlock-link:hover {
    background: url("quote_lock_open.png") no-repeat;
}



#header {
    height: 70px;
    /*background: #3C3C3C;*/
    position: fixed;
    top: 0px;
    width: 100%;
    min-width: 450px;
    /*color: #FFF;*/
    z-index: 1;
}

    #header * {
        z-index: inherit;
    }

#header-links p > * {
    vertical-align: middle;
}

#header_logo {
    display: inline-block;
    left: 10px;
    top: 10px;
    width: 205px;
    height: 49px;
    /*background-image: url("header_logo.png");
    background-repeat: no-repeat;*/
}

#subheader_logo {
    position: absolute;
    bottom: 0px;
    right: 10px;
    width: 50px;
    height: 38px;
    /*background-image: url("subheader_logo.png");*/
}

#header-links {
    position: fixed;
    color: inherit;
    top: 10px;
    right: 10px;
}

    #header-links a {
        /*color: inherit;*/
    }

    #header-links [type="image"] {
        vertical-align: middle;
    }

/*Hamburger Menu*/
#hamburger_icon {
    position: relative;
    display: inline-block;
    top: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.bar1 {
    width: 20px;
    height: 4px;
    background-color: white;
    margin-top: 3px;
    margin-left: 2px;
    transition: 0.4s;
}

.bar2 {
    width: 20px;
    height: 4px;
    background-color: white;
    margin-top: 4px;
    margin-left: 2px;
    transition: 0.4s;
}

.bar3 {
    width: 20px;
    height: 4px;
    background-color: white;
    margin-top: 4px;
    margin-left: 2px;
    transition: 0.4s;
}

/* Rotate first bar */
.change .bar1 {
    -webkit-transform: translate(0px, 8px) rotate(-45deg) ;
    transform: translate(0px, 8px) rotate(-45deg);
}

/* Fade out the second bar */
.change .bar2 {
    opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
    -webkit-transform: translate(0px, -8px) rotate(45deg);
    transform: translate(0px, -8px) rotate(45deg);
}

/*Footer*/
#footer {
    position: absolute;
    /*color: #000;*/
    bottom: 0px;
    width: 100%;
    text-align: center;
}

    #footer > * {
        text-align: center;
    }

/*content*/
#wrap {
    padding-top: 70px;
    /*background: #FCFCFC;*/
}

#content-wrap {
    margin-left: 0px;
}

#content_menu {
    position: fixed;
    padding: 5px 10px 5px 10px;
    height: 45px;
    width: 45px;
    z-index: 1000;
}

    #content_menu a{
        color: white;
    }

#dropdown_menu {
    display: none;
    position: relative;
    z-index: 1000;
}

#main {
    width: 97%;
    margin-left: auto;
    margin-right: auto;
}

#content-area {
    padding-top: 60px;
    margin-bottom: 40px;
}

#content-area > div > div {
    display: inline-table;
    width: 100%;
}

/*Content Header*/
.ContentHeaderContainer {
    width: 100%;
    position: fixed;
    top: 70px;
    left: 0px;
    padding: 5px 0px 5px 45px; /*background: #222;*/
    z-index:2;
    min-height:40px;
}

    .ContentHeaderContainer .ContentHeader {
        width: 97%;
        margin: auto;
        z-index: 99;
    }

        .ContentHeaderContainer .ContentHeader td:first-child {
            max-width: 1px;
        }

        .ContentHeaderContainer .ContentHeader h1 {
            /*font-weight: 300;*/
            /*font-family: 'Lato', sans-serif;*/
            /*color:#FFF;*/
            white-space: nowrap;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            padding: 1px 0px;
        }

    .ContentHeaderContainer .ContentButtonContainer {
        white-space: nowrap;
    }

        .ContentHeaderContainer .ContentButtonContainer .btn {
            margin-left: 10px;
        }





/*Login*/
#LoginMaster #content-wrap {
    margin: 0px;
}

#LoginMaster #wrap {
    /*background: none;*/
}

#LoginMaster #footer {
    position: fixed;
    /*color: #000;*/
    bottom: 0px;
    width: 100%;
    text-align: center;
}

#Login {
    text-align: center;
}

    #Login .ContentPaneAlpha {
        /*border: none;*/
        /*box-shadow: none;*/
        display: inline-block;
        text-align: left;
        width: auto;
    }

        #Login .Layout, #Login .ContentPaneAlpha > table {
            width: 1px;
        }

        #Login .Layout, #Login .ContentPaneAlpha > table {
            margin: 0px auto;
        }

            #Login .Layout tr.RememberMeRow > td:first-child,
            #Login .Layout tr.buttonContainer > td:first-child {
                display: none;
            }

    #Login .divtd {
        vertical-align: top;
    }

#Login .SignInPanel
{
    border: solid 1px gray;
    border-radius: 3px;
    padding-left: 20px;
    padding-top: 10px;
    padding-right:20px;
    padding-bottom: 10px;
    width: 250px;
    display: block;
    margin-left:auto;
    margin-right:auto;
}

#Login #WrapPanel
{
    width:500px;
}

.loginAsterisk
{
    vertical-align: bottom;
    color:red;
    width:10px;
}


/*Dashboard*/
#Dashboard > div {
    margin: 0px 0px 10px 0px;
}

#Dashboard .CEButton {
    vertical-align: top;
    padding-left: 5px;
}

    /*this is a hack to make it so that the expand buttons are not visible in IE8
        the ":not(" command is not recognized by IE8, so we can use this to show the CEButtons only on IE9 or higher.*/
    #Dashboard .CEButton img:not(p)  {
        cursor: pointer;
        visibility: visible !important;
    }
    /*this is a hack to make it so that the expand buttons are not visible in IE8*/
    #Dashboard .CEButton img  {
        visibility: hidden;
    }

#Dashboard .ContentPaneBeta > div:first-child > .buttonContainer {
    position: absolute;
    right: 28px;
    top: 100%;
    z-index: 1;
}

#Dashboard th.rightalign, #Dashboard td.rightalign {
    padding-right: 10px;
}

/*Search*/
#Search > div {
    margin: 0px 0px 10px 0px;
}

#Search .ContentPaneAlpha .Layout > * > * > td:first-child.non-input {
    white-space: nowrap;
    width: 1px;
}

#Search .ContentPaneAlpha .td-component.rightalign {
    direction: rtl;
}

#Search .ContentPaneAlpha table.Layout {
    max-width: 600px;
}

#Search .ContentPaneAlpha [type="text"] {
    width: 100%;
}


/*Order History*/
#OrderHistory > div {
    margin: 0px 0px 10px 0px;
}

#OrderHistory .ContentPaneAlpha table.Layout {
    width: 0px;
}

#OrderHistory .ContentPaneAlpha .non-input {
    white-space: nowrap;
}

#OrderHistory .ContentPaneAlpha table.Layout > tbody > tr:last-child > td:first-child {
    display: none;
}
/*allows button to be aligned with any of the 3 columns*/

/*Purchase History*/
#PurchaseHistory > div {
    margin: 0px 0px 10px 0px;
}

#PurchaseHistory .ContentPaneAlpha table.Layout {
    width: 0px;
}

#PurchaseHistory .ContentPaneAlpha .non-input {
    white-space: nowrap;
}

#PurchaseHistory .ContentPaneBeta tfoot {
    /*font-weight: bold;*/
}

/*Support Files*/
#SupportFiles .divtd:first-child {
    width: 35%;
    padding-right: 5px;
}

#SupportFiles .divtd:last-child {
    width: 65%;
    padding-left: 5px;
}


#SupportFiles > .ContentPaneAlpha table {
    width: auto;
}

#SupportFiles .ContentPaneAlpha .contentPaneContent {
    padding-top: 0px;
}

#SupportFiles .ContentPaneBeta img {
    vertical-align: top;
}
/*Customer Setup*/
#CustomerSetup .divtd:first-child {
    width: 35%;
    padding-right: 5px;
}

#CustomerSetup .divtd:last-child {
    width: 65%;
    padding-left: 5px;
}

#CustomerSetup .ContentPaneBeta,
#CustomerSetup .ContentPaneGamma,
#CustomerSetup .ContentPaneDelta,
#CustomerSetup .ContentPaneEpsilon {
    margin-bottom: 10px;
}

#CustomerSetup div:not(.ContentPaneAlpha) > .contentPaneContent > * {
    margin-bottom: 10px; /*border:1px solid #000;*/
}

#CustomerSetup div:not(.ContentPaneAlpha) > .contentPaneContent input[type="text"] {
    width: 95%;
}

#CustomerSetup div:not(.ContentPaneAlpha) > .contentPaneContent textarea {
    width: 95%;
}

#CustomerSetup div:not(.ContentPaneAlpha) > .contentPaneContent select {
    width: 95%;
    max-width: 300px;
}

#CustomerSetup .ContentPaneAlpha .buttonContainer {
    text-align: right;
    padding: 0px 0px 5px 0px;
}

#CustomerSetup .ContentPaneBeta .contentPaneContent td:first-child {
    width: 35%;
}

#CustomerSetup .ContentPaneBeta .contentPaneContent td:last-child {
    width: 65%;
}

#CustomerSetup .ContentPaneBeta .contentPaneContent input[type="text"] {
    width: 100%;
}

#CustomerSetup .ContentPaneBeta .contentPaneContent textarea {
    width: 100%;
}

#CustomerSetup .ContentPaneGamma .contentPaneContent > div:nth-child(2) td {
    width: 33%;
}

#CustomerSetup .ContentPaneGamma .contentPaneContent > div:last-child td {
    width: 25%;
}

#CustomerSetup .ContentPaneDelta .contentPaneContent td:first-child {
    width: 33%;
}

#CustomerSetup .ContentPaneEpsilon .contentPaneContent td:first-child {
    width: 33%;
}

#CustomerSetup .ContentPaneZeta .contentPaneContent td:first-child {
    width: 33%;
}

#CustomerSetup .ContentPaneZeta .contentPaneContent .GridStyle {
    border: none;
}

/*Terms And Ship Via*/
#TermsShipVia .divtd {
    width: 50%;
}

    #TermsShipVia .divtd:first-child {
        padding-right: 5px;
    }

    #TermsShipVia .divtd:last-child {
        padding-left: 5px;
    }

#TermsShipVia .ContentPaneAlpha [type="text"] {
    width: 100%;
    min-width: 150px;
}

#TermsShipVia .ContentPaneBeta [type="text"] {
    width: 100%;
    min-width: 150px;
}

/*Pricing Setup*/
#PricingSetup > div {
    margin: 0px 0px 10px 0px;
}

#PricingSetup .ContentPaneAlpha .Layout {
    width: auto;
}

    #PricingSetup .ContentPaneAlpha .Layout > * > * > td:last-child {
        white-space: nowrap;
    }

#PricingSetup .ContentPaneAlpha .non-input .td-component {
    display: inline-block;
}

#PricingSetup .ContentPaneBeta .Layout {
    width: auto;
    margin: 5px 0px;
}

#PricingSetup .ContentPaneBeta .Display > * > * > th.rightalign {
    width: 1px;
    white-space: nowrap;
}

#PricingSetup .ContentPaneBeta .Display > * > * > td.rightalign {
    width: 1px;
}

#PricingSetup .ContentPaneAlpha select {
    width: 100%;
}

#PricingSetup .ContentPaneBeta select,
#PricingSetup .ContentPaneBeta [type="text"] {
    width: 100%;
    min-width: 100px;
}

#PricingSetup .ContentPaneBeta td:nth-child(4) [type="text"] {
    max-width: 110px;
}

/*Price Schedules*/
#PriceSchedules > div {
    margin: 0px 0px 10px 0px;
}

#PriceSchedules .GridPanelStyle {
    display: inline-table;
}

#PriceSchedules .ContentPaneBeta .GridPanelStyle {
    margin: 10px 0px;
}

#PriceSchedules .ContentPaneBeta [type="text"] {
    text-align: center;
}

#PriceSchedules .Display [type="text"] {
    text-align: center;
}

/*Company Setup*/
#CompanySetup .divtd:first-child {
    width: 35%;
    padding-right: 5px;
}

#CompanySetup .divtd:last-child {
    width: 65%;
    padding-left: 5px;
}

#CompanySetup .ContentPaneBeta,
#CompanySetup .ContentPaneGamma,
#CompanySetup .ContentPaneDelta {
    margin-bottom: 10px;
}
    /*#CompanySetup .ContentPaneBeta .contentPaneContent > *,
#CompanySetup .ContentPaneGamma .contentPaneContent > *,
#CompanySetup .ContentPaneDelta .contentPaneContent > *{border:1px solid #000;}*/
    #CompanySetup .ContentPaneBeta .contentPaneContent td:first-child,
    #CompanySetup .ContentPaneGamma .contentPaneContent td:first-child,
    #CompanySetup .ContentPaneDelta .contentPaneContent td:first-child {
        width: 35%;
    }

    #CompanySetup .ContentPaneBeta .contentPaneContent td:last-child,
    #CompanySetup .ContentPaneGamma .contentPaneContent td:last-child,
    #CompanySetup .ContentPaneDelta .contentPaneContent td:last-child {
        width: 65%;
    }

    #CompanySetup .ContentPaneBeta .contentPaneContent input:not([type=radio]),
    #CompanySetup .ContentPaneGamma .contentPaneContent input:not([type=radio]),
    #CompanySetup .ContentPaneDelta .contentPaneContent input:not([type=radio]) {
        width: 100%;
    }

    #CompanySetup .ContentPaneBeta .contentPaneContent select,
    #CompanySetup .ContentPaneGamma .contentPaneContent select,
    #CompanySetup .ContentPaneDelta .contentPaneContent select {
        width: 100%;
        max-width: 300px;
    }

#CompanySetup .ContentPaneEpsilon .contentPaneContent > div:first-child {
    width: 100%;
    display: table-cell;
}

#CompanySetup .ContentPaneEpsilon .contentPaneContent > div:last-child:not(:first-child) {
    width: 1%;
    text-align: right;
    display: table-cell;
}

#CompanySetup .ContentPaneEpsilon .contentPaneContent > div:last-child > div {
    display: inline-block;
}

#CompanySetup .ContentPaneEpsilon .contentPaneContent > div:last-child .buttonContainer {
    white-space: nowrap;
}

/*User Setup*/
#UserSetup .divtd:first-child {
    width: 35%;
    padding-right: 5px;
}

#UserSetup .divtd:last-child {
    width: 65%;
    padding-left: 5px;
}

#UserSetup .ContentPaneAlpha .divtd {
    width: auto;
    padding: 5px 1px;
}

#UserSetup .ContentPaneAlpha select {
    width: 100%;
}

#UserSetup .ContentPaneBeta {
    margin-bottom: 10px;
}

#UserSetup .ContentPaneBeta td:first-child {
    width: 30%;
}

#UserSetup .ContentPaneBeta td:first-child + td {
    width: 70%;
}

/*#UserSetup .ContentPaneBeta .contentPaneContent > *{border:1px solid #000;}*/
#UserSetup :not(.ContentPaneAlpha) > .contentPaneContent input[type="text"],
#UserSetup :not(.ContentPaneAlpha) > .contentPaneContent input[type="password"],
#UserSetup :not(.ContentPaneAlpha) > .contentPaneContent select {
    width: 97%;
}

#UserSetup :not(.ContentPaneAlpha) > .contentPaneContent select {
    max-width: 300px;
}

/*My Login*/
#MyLogin > div {
    margin: 0px 0px 10px 0px;
}

#MyLogin .ContentPaneAlpha {
    padding: 0px;
}

    #MyLogin .ContentPaneAlpha .Layout > * > tr {
        /*border-bottom: 1px solid #CDCDCD;
        border-top: 1px solid #CDCDCD;*/
    }

    #MyLogin .ContentPaneAlpha .Layout > * > * > *:first-child,
    #MyLogin .ContentPaneBeta .Layout > * > * > *:first-child {
        width: 1%;
        white-space: nowrap;
    }

    #MyLogin .ContentPaneAlpha .Layout > * > * > *:last-child,    
    #MyLogin .ContentPaneBeta .Layout > * > * > *:last-child {
        width: auto;
    }

#MyLogin [type="text"], #MyLogin [type="password"] {
    width: 300px;
}

.MarginBottomTen {
	margin-bottom: 10px
}

.BorderOne {
	border: 1px solid #000;
	border-collapse: unset;
}

.prefInputControl{
	text-align: left;
}

.preferenceValue{
	padding: 0px;
	margin: 0px;
}

/*Quote Maintenance*/
#QuoteMaintenance > div {
	margin: 0px 0px 10px 0px;
}

#QuoteMaintenance .ContentPaneAlpha > .contentPaneContent > * {
    margin-bottom: 10px;
}

#QuoteMaintenance .ContentPaneAlpha .Display table > * > * {
    border-width: 0px;
}

#QuoteMaintenance td.contentFit {
    white-space: nowrap;
}

/*Order Confirmation*/
#confirmation > div {
    margin: 0px 0px 10px 0px;
}

#confirmation .ContentPaneAlpha {
    padding: 5px;
}

#confirmation .ContentPaneBeta {
    padding: 5px;
}

/*Quote Entry Header Edit*/
#QuoteEntryHeaderEdit > div {
    margin: 0px 0px 10px 0px;
}

#QuoteEntryHeaderEdit > div {
    margin: 0px 0px 10px 0px;
}

#QuoteEntryHeaderEdit .divtd:first-child {
    padding-right: 5px;
    height: 1px;
    width: 50%;
}

#QuoteEntryHeaderEdit .divtd:last-child {
    padding-left: 5px;
    height: 1px;
    width: 50%;
}

#QuoteEntryHeaderEdit .ContentPaneBeta, #QuoteEntryHeaderEdit .ContentPaneGamma {
    height: 100%;
}

#QuoteEntryHeaderEdit .ContentPaneAlpha td:nth-child(odd) {
    width: 20%;
}

#QuoteEntryHeaderEdit .sideBySide td:nth-child(odd) {
    width: 40%;
}

#QuoteEntryHeaderEdit .ContentPaneAlpha td:nth-child(even) {
    width: 80%;
}

#QuoteEntryHeaderEdit .sideBySide td:nth-child(even) {
    width: 60%;
}

#QuoteEntryHeaderEdit .ContentPaneBeta td:nth-child(odd) {
    width: 40%;
}

#QuoteEntryHeaderEdit .ContentPaneBeta td:nth-child(even) {
    width: 60%;
}

#QuoteEntryHeaderEdit .ContentPaneGamma td:nth-child(odd) {
    width: 40%;
}

#QuoteEntryHeaderEdit .ContentPaneGamma td:nth-child(even) {
    width: 60%;
}

#QuoteEntryHeaderEdit .ContentPaneAlpha td:nth-child(2) select {
    width: 100%;
}

#QuoteEntryHeaderEdit .leftTable td:nth-child(2) select {
    width: 80%;
}

#QuoteEntryHeaderEdit .rightTable td:nth-child(2) select {
    width: 100%;
}

#QuoteEntryHeaderEdit [type="text"], #QuoteEntryHeaderEdit textarea {
    width: 100%;
}

#QuoteEntryHeaderEdit select {
    width: 100%;
}

/*Quote Entry (General)*/
#QuoteEntry > div {
    margin-bottom: 10px;
}

.QuoteOrderHeaders {
    min-width: 800px;
}

/*Quote Entry Header*/
#QuoteEntryHeader .contentPaneHeader {
    /*border: none;*/
    /*box-shadow: none;*/
    padding: 0px;

}

    #QuoteEntryHeader .contentPaneHeader > * {
        position: absolute;
        right: 5px;
        top: 10px;
        z-index: 1;
    }

#QuoteEntryHeader .contentPaneContent {
    padding-top: 0px;
}
/*#QuoteEntryHeader tr{border:none;}*/
#QuoteEntryHeader td {
    width: 16.66%;
    vertical-align:top;
}
/*#QuoteEntryHeader td:nth-child(odd){font-weight:bold;}*/
#QuoteEntryHeader select {
    min-width: 200px;
}

/*Quote Entry (Order header)*/
#OrderHeader .contentPaneHeader {
    /*border: none;*/
    /*box-shadow: none;*/
    padding: 0px;
    z-index: 1;
}

    #OrderHeader .contentPaneHeader > * {
        position: absolute;
        right: 5px;
        top: 10px;
    }

#OrderHeader .contentPaneContent {
    padding-top: 0px;
}

#OrderHeader tr {
    border: none;
}

#OrderHeader td {
    width: 16.66%;
    vertical-align:top;
}

    #OrderHeader td:nth-child(odd) {
       
    }

@media all and (max-width: 1200px) {
    #OrderHeader select {
        min-width: 100px !important;
    }
}

#OrderHeader select {
    min-width: 200px;
}

/*Quote Entry Items (bottom 2/3 of Quote Entry)*/
#QuoteEntryItems > div {
    margin: 0px 0px 10px 0px;
}

#QuoteEntryItems .ContentPanePsi .contentFit {
    white-space: nowrap;
}

#QuoteEntryItems .ContentPanePsi > .contentPaneContent > table > * > tr > * {
    padding-right: 5px;
}

    #QuoteEntryItems .ContentPanePsi > .contentPaneContent > table > * > tr > *:nth-last-child(2) {
        padding-right: 0px;
    }

    #QuoteEntryItems .ContentPanePsi > .contentPaneContent > table > * > tr > *:last-child {
        padding-right: 0px;
        padding-left: 10px;
    }

#QuoteEntryItems .ContentPanePsi > .contentPaneContent > table > * > tr:last-child {
    /*border-bottom-width: 0px;*/
}

#QuoteEntryItems .ContentPanePsi .btn {
    padding-top: 5px;
    padding-bottom: 5px;
}

#QuoteEntryItems .ContentPanePsi .Category {
    width: 30%;
}

#QuoteEntryItems .ContentPanePsi .Part {
    width: 70%;
}

#QuoteEntryItems .ContentPanePsi .contentFit > * {
    vertical-align: middle;
}

#QuoteEntryItems .ContentPanePsi select {
    width: 100%;
}

#QuoteEntryItems .ContentPaneOmega .contentFit {
    white-space: nowrap;
}

#QuoteEntryItems .ContentPaneOmega .Display > * > * {
    /*border-top: none;*/
    /*border-bottom: none;*/
}
/*#QuoteEntryItems .ContentPaneOmega .Display{border-right:1px solid #000;}*/

#QuoteEntryItems .ContentPaneOmega .row-a {
    /*border-top: 1px solid #CDCDCD;*/
}

#QuoteEntryItems .ContentPaneOmega .row-b {
    /*border-top: 1px solid #CDCDCD;*/
}

#QuoteEntryItems .ContentPaneOmega .Display > *:not(tfoot) > * > *:last-child {
    /*border-left: 1px solid #CDCDCD;*/
}

#QuoteEntryItems .ContentPaneOmega .Display > * > * > .contentFit:nth-last-child(5) {
    white-space: normal;
}

#QuoteEntryItems .fixed-footer-container {
    /*background: #FFF;*/
}

#QuoteEntryItems .ContentPaneOmega .Display > * > * > * > [type="text"] {
    width: 65px;
}

#QuoteEntryItems tfoot table tr {
    border: none;
}

.errorPopupBackground {
    /*border: 1px solid #000;*/
    /*background: #FFF;*/
    z-index: 100;
    min-width: 0px !important;
}

    .errorPopupBackground .errorPopupForeground table {
        width: 100% !important;
    }

        .errorPopupBackground .errorPopupForeground table > * > tr > * {
            padding: 3px;
        }

        .errorPopupBackground .errorPopupForeground table > * > tr {
            /*border-top: 1px solid #CDCDCD;*/
            /*border-bottom: 1px solid #CDCDCD;*/
        }

/*Quote Entry Item Edit*/
/*#QuoteEntryItemEdit > div {
    margin: 0px 0px 10px 0px;
}*/

#QuoteEntryItemEdit .ContentPaneAlpha .Layout > * > * > :first-child {
    width: 1%;
    white-space: nowrap;
}

#QuoteEntryItemEdit .ContentPaneAlpha .Layout > * > * > * [type="text"] {
    max-width: 200px;
}

#QuoteEntryItemEdit .ContentPaneAlpha > span {
    font-weight: bold;
}

#QuoteEntryItemEdit .ContentPaneBeta * {
    vertical-align: top;
}

#QuoteEntryItemEdit .ContentPaneBeta .Rail {
    width: 1px;
}

#QuoteEntryItemEdit .ContentPaneBeta > table > * > *:last-child > * td:first-child {
    width: 20%;
    padding-right: 8px;
}

 .ContentPaneBetaGrouped .AlwaysVisible > div {
    z-index: 1;
}
 .ContentPaneBetaGrouped th.AlwaysVisible
{
    height:auto;
}
 .ContentPaneBetaGrouped th.AlwaysVisible > div {
    width: 100%;
    /*height:100%;*/
    height:auto;
    background: #FFF;
}

#QuoteEntryItemEdit .ContentPaneBeta > .contentPaneContent > table > * > :last-child > td td:first-child {
    width: 34.5%;
}

#QuoteEntryItemEdit .ContentPaneAlpha .Layout input {
    width: 100%;
}

#OptionsWizard .ow-table [type="text"], #OptionsWizard .ow-table select, #OptionsWizard textarea {
    width: 100%;
    min-width: 150px;
}


#QuoteEntryItemEdit .PartDropDown{
    width:100%;
    padding-right: 5px;
    padding-bottom: 3px;
}

#QuoteEntryItemEdit .ProdNavigatorButton {
    height: 24px;
    width:24px;
    padding-left: 5px;
}

.TabHeaderRequiredImage {
    float: left;
    width: 16px;
    height: 16px;
}

.TabHeaderRequiredImageForSubLineItem {
    width: 16px;
    height: 16px;
}

#QuoteEntryItemEdit .SubLineItemPartsRow{
    margin-top: 0px !important;
}

.LineItemCommentTextBox
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-height: 62px; /*3 lines of text*/
    height: auto;
    resize: none;
}

.LineItemCommentTextBox-OD
{
    margin-top: 2px; /*Somehow TextArea does not inherit any padding in the TD, so creating separation here.*/
}

#QuoteEntryItemEdit .LineItemCommentLabel
{
    min-width: 200px;
    height: 25px;
    display:block;
    margin-bottom: 1px;
}


#QuoteEntryItemEdit .QuoteItemEditRow .non-input {
    min-width: 100px;
    width: auto;
    height:25px;
}

.CallSizeRow > * > * > select {
    min-width: 164px;
    width:100%;
}

.AlternateWizardControlContainer {
    overflow-x:hidden; /*This is required to keep the control from expanding out over the OV image*/
}


/*Product Navigator (Options Wizard part dropdown) */
.ow-pnav {
	margin-right: 5px;
}

.ow-pnav-img {
	vertical-align: top;
    cursor:pointer;
}



/*Option Wizard (ContentPaneGamma of Quote Entry Item Edit)*/
#OptionsWizard .ow-table {
	/*border-right: 1px solid #000;*/
	overflow-y: auto;
}

    #OptionsWizard .ow-table > * > * > * {
        padding: 5px;
    }

    #OptionsWizard .ow-table .ow-headerrow {
        font-weight: bold;
    }

        #OptionsWizard .ow-table .ow-headerrow > * {
            padding: 0px;
        }
        #OptionsWizard .ow-table .ow-headerrow > * >div{
            padding: 0px 5px;
        }

    #OptionsWizard .ow-table .ow-questioncell {
        width: 30%;
        padding: 5px;
    }

    #OptionsWizard .ow-table .ow-imagecell {
        width: 1px;
    }

    #OptionsWizard .ow-table .ow-optioncell {
        width: 33%;
    }

        #OptionsWizard .ow-table .ow-optioncell > * [type="checkbox"],
        #OptionsWizard .ow-table .ow-optioncell > * [type="radio"] {
            margin: 0px 5px 0px 0px;
        }

    #OptionsWizard .ow-table .ow-inputcell {
        width: 33%;
    }

        #OptionsWizard .ow-table .ow-inputcell td.ow-inputcell-cellrefresh {
            width: 1px;
        }

#OptionsWizard .imagePopupBackground {
    /*background: #FFF;*/
    /*border: 2px solid #000;*/
    z-index: 100;
}

#OptionsWizard tr.imagePopupForeground {
    /*border-top: 1px solid #000;*/
    /*border-bottom: 1px solid #000;*/
}

    #OptionsWizard tr.imagePopupForeground td {
        padding: 5px;
    }

 .ContentPaneBetaGrouped {
}

.OptionsScrollDiv {
    overflow-x: hidden; /*prevent the vertical scroll from unnecessarily showing the horizontal scroll*/
    overflow-y: auto;
}

.altwiz_ContentContainer {

}

#sectionSizing input, #sectionSizing select {
    width:200px;
}

/*Grouped Options Wizard*/
.GroupedQuestionsTabContainer {
}

/*Options Wizard Validation*/
.owv-table {
    max-height: 80px;
    border: 10px solid rgba(255, 255, 255, 0.00); /*must use transparent border, not padding of contentPaneContent, for FF http://stackoverflow.com/questions/13471910/css-applying-padding-to-box-with-scroll-bottom-padding-doesnt-work */
}

.owv-table > * > * > * {
    /*padding: 5px;*/
}

.owv-table .owv-row > * {
    padding: 0px;
    font-weight: 200;
}

.owv-table .owv-row > * >div{
    padding: 0px 5px;
}

.owv-table .owv-imagecell {
    width: 1px;
}

.owv-table .owv-messagecell {
    width: 90%;
    margin: 0px 5px 0px 0px;
}

.ValidationDiv {
    margin-top: 3px !important; /*Create separation between the options wizard and the validation table.*/
}

.ValidationControlScrollWrapperDiv {
    min-width: 100px;
    width: auto;
    min-height: 40px;
    max-height: 80px;
    overflow-y: auto;
}

/*Popup Image*/
.PopupImage {
    border:1px solid black;
}

/*Labels next to fields indicating data entry error.  This class is created by unobtrusive.*/
.field-validation-error {
    color: red;
}

/*Muntin manager*/
#MuntinManager td {
    padding: 5px;
}

    #MuntinManager td td {
        padding: 5px 0px;
    }

#MuntinManager .verticalalign .Layout td > :first-child {
    margin-right: 1%;
}

/*Shape Editor*/
#ShapeEditor td {
    padding: 5px;
}

    #ShapeEditor td td {
        padding: 5px 0px;
    }

#ShapeEditor .verticalalign .Layout td > :first-child {
    margin-right: 1%;
}

#ShapeEditor .image {
    width:600px;
    height:600px;
}

#ShapeEditor div .blockpanel {
    display: inline-block;
    vertical-align: top;
}

/*Shape Library*/
#ShapeLibrary li {
    display: inline-block;
}

    #ShapeLibrary .image {
        width: 250px;
        height: 250px;
    }

    #ShapeLibrary .text {
        width: 250px;
        text-align: center;
        text-overflow: ellipsis;
        padding-left:3px;
        padding-right:3px;
        overflow:hidden;
        white-space:nowrap;
    }

/*Quote entry item designer*/
#QuoteEntryItemDesigner .panelheader {
    text-align: center;
}

#QuoteEntryItemDesigner table td:nth-child(2) {
    padding-left: 2em;
}

/*Order Prod Status*/
#OPS > div {
    margin: 0px 0px 10px 0px;
}

.unitHistoryPopupBackground {
    /*background: #FFF;*/
    /*border: 2px solid #000;*/
}

.routesPopupBackground, .invoicesPopupBackground, .containerDetailPopupBackground {
    z-index: 1; /*background:#FFF;border:2px solid #000;*/
    padding: 5px;
    max-height: 500px;
    overflow: auto;
}

/*Container Status*/
#CS > div {
    margin: 0px 0px 10px 0px;
}


/*Global Options*/
#GlobalOptions > div {
    margin: 0px 0px 10px 0px;
}

#GlobalOptions .ContentPaneAlpha .Layout > * > * > * {
    width: 33%;
    padding-right: 5px;
}

    #GlobalOptions .ContentPaneAlpha .Layout > * > * > *:last-child {
        width: 1px;
        padding-right: 0px;
    }

    #GlobalOptions .ContentPaneAlpha .Layout > * > * > * > .td-component > select {
        width: 100%;
    }

#GlobalOptions .ContentPaneBeta > * {
    margin-bottom: 20px;
}

#GlobalOptions .ContentPaneBeta .contentFit {
    white-space: nowrap;
}

#GlobalOptions .ContentPaneBeta td input[type="text"], #GlobalOptions .ContentPaneBeta td select {
    width: 100%;
}

/*Line Item Price Breakdown*/
#LineItemPriceBreakdown > div {
    margin: 0px 0px 10px 0px;
}

#LineItemPriceBreakdown .contentPaneContent {
    padding: 5px 10px;
}

#LineItemPriceBreakdown table.Layout > * > * > * {
    padding: 1px 5px;
}

#LineItemPriceBreakdown .ContentPaneAlpha tr:last-child td:last-child > * > * {
    text-align: right;
}

#LineItemPriceBreakdown .ContentPaneBeta td.rightalign > input {
    text-align: right;
}

#LineItemPriceBreakdown .ContentPaneGamma > * {
    margin-bottom: 20px;
}

#LineItemPriceBreakdown .ContentPaneGamma > .buttonContainer {
    text-align: right;
}

#LineItemPriceBreakdown .ContentPaneGamma td > * > * {
    text-align: right;
}

#LineItemPriceBreakdown [type="text"], #LineItemPriceBreakdown select {
    width: 100%;
}

#LineItemPriceBreakdown .ContentPaneBeta .contentFit {
    white-space: nowrap;
}

/*Product Navigator*/
#prodPicker .ContentPaneAlpha {
    padding: 10px;
}

#prodPicker table table {
    width: auto;
}

/*IP Checker*/
#IPChecker > div {
    margin: 0px 0px 10px 0px;
}

/*Insufficient Permissions*/
#InsufficientPermissionsLanding > div {
    margin: 0px 0px 10px 0px;
}

/*Session Cleared Landing*/
#SessionClearedLanding > div {
    margin: 0px 0px 10px 0px;
}


/*Fixed Headers CSS*/
.fixed-content-container {
    width: 100%;
}

.fixed-header-container, .fixed-header-table {
    width: auto;
}

.fixed-footer-container, .fixed-footer-table {
    width: auto;
}

/*
I have to do this HiddenFooterOfQuoteEntryItems to make it work for IE8.    
*/
.HiddenFooterOfQuoteEntryItems > * {
	font-size:0px;
	visibility: hidden;
	height: 0px;
}

.HiddenFooterOfQuoteEntryItems:not(p) > * {
    visibility: visible !important;
    background-color: inherit !important;
	font-size: inherit !important;
}

.fixed-header-container {
    position: absolute;
    top: 0px;
}

.fixed-footer-container:not(p) {
    position: absolute !important;
    bottom: 0px;
}

.fixed-footer-container {
    position: relative;
    bottom: 0px;
}


.has-fixed-header .fixed-content-table thead {
    visibility: hidden;
}


#header, #ContentHeaderContainer {
    z-index: 3;
}

#OptionsWizard .has-fixed-header .fixed-header-table thead {
    /*background: #FFF;*/
}

#PurchaseHistory .fixed-footer-table tfoot {
    /*background: #FFF;*/
}


/*Scroll Windows*/
.ScrollArea {
    overflow-y: auto;
    width: auto;
}

#Search .ScrollArea {
    max-height: 275px;
}

#LineItemPriceBreakdown .ScrollArea {
    max-height: 175px;
}

#confirmation .ScrollArea {
    max-height: 275px;
}

#GlobalOptions .ScrollArea {
    max-height: 175px;
}

#OptionsWizard .ScrollArea {
    /*max-height: 300px;  The height of the options wizard is set programmatically.*/
    border: none;
}

#QuoteEntryItems .ScrollArea {
    max-height: 500px;
}

#QuoteMaintenance .ScrollArea {
    max-height: 400px;
}

#OrderHistory .ScrollArea {
    max-height: 300px;
}

#PurchaseHistory .ScrollArea {
    max-height: 300px;
}

#CompanySetup .ScrollArea {
    max-height: 450px;
}

#CustomerSetup .ContentPaneAlpha .ScrollArea {
    max-height: 450px;
}

#CustomerSetup .ContentPaneBeta .ScrollArea {
    max-height: 150px;
}

#TermsShipVia .ScrollArea {
    max-height: 450px;
    overflow:hidden;
}

#PricingSetup .ScrollArea {
    max-height: 600px;
}

#PriceSchedules .ScrollArea {
    max-height: 300px;
}

#UserSetup .ContentPaneAlpha .ScrollArea {
    max-height: 450px;
}

#OPS .ScrollArea {
    max-height: 200px;
}

#CS .ScrollArea {
    max-height: 200px;
}

.SubLineItemTabs > * > * > * > * > * {
    min-width: 65px !important;
    width: auto !important;
    padding: 0px !important;
    height: 40px !important;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    padding-left: 5px;
    padding-right: 5px;
}

.SubLineItemTabs > .ajax__tab_body {
    margin-top: 0px !important;
}

.SubLineItemContentPane{
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.SubLineItemAlphaContentPane {
    border-bottom: none !important;
        margin-bottom: 0px !important;
}

.DimensionInformationAlphaGrouped {
    margin-top: 0px !important;
    border-top: none !important;

}

/* @group Reset */

.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
	/* position */
    margin: 0;
    
    /* size */
	padding: 0;

	/* text */
	font-size: 100%;
	font: inherit;
	vertical-align: top;
	}

.fht-table {
	/* appearance */
    border-collapse: collapse;
    border-spacing: 0;
	}

/* @end */

/* @group Content */

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
	/* appearance */
	overflow: hidden;
	
	/* position */
	position: relative;
	}

	.fht-table-wrapper .fht-fixed-body .fht-tbody,
	.fht-table-wrapper .fht-tbody {
		/* appearance */
	    overflow-x:hidden;
        overflow-y:scroll;
		}

		.fht-table-wrapper .fht-table .fht-cell {
			/* appearance */
			overflow: auto;
			
			/* size */
		    height: 1px;

            width:100%;
			}
	
	.fht-table-wrapper .fht-fixed-column,
	.fht-table-wrapper .fht-fixed-body {
	    /* position */
	    top: 0;
	    left: 0;
	    position: absolute;
	    }
	    
	.fht-table-wrapper .fht-fixed-column {
	    /* position */
	    z-index: 1;
	    }

/* @end */

.forced-no-border {
    border: none !important;
}

.arrow, .doubleArrowLeftPosition:before, .doubleArrowRightPosition:after {
    width: 0;
    height: 0;
    border: solid;
    border-width: 0 5px 5px 0;
    padding: 5px;
    margin: 5px;
    text-decoration: none;
    display: inline-block;
}

.arrowLeftRotation {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrowLeftPosition {
    left: 3px;
}

.arrowRightRotation {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.arrowRightPosition {
    right: 3px;
}

.doubleArrowLeftPosition {
    left: 10px;
}

.doubleArrowLeftPosition:before, .doubleArrowRightPosition:after {
    position: absolute;
    content: "";
}

.doubleArrowRightPosition {
    right: 10px;
}

.available, .assigned {
    width: 40%;
    display: inline-block;
}

.available select, .assigned select {
    max-width: none !important;
    height: 154px;
}

.buttonColumnParent {
    display: inline-block;
    text-align: center;
    bottom: 10px;
    padding: 0 5px;
}

.buttonColumnInnerParent {
    display: table;
}

.buttonColumnContainer {
    display: inline-block;
}

.trans-detail-div {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.trans-detail-div > div{
    display: block;
}

.trans-detail-label{
    display: inline-block;
    font-weight: bold;
    text-align:left;
}

.grid-pager {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    }

    .grid-pager table > tbody > tr > td {
        display: inline;
    }

        .grid-pager table > tbody > tr > td > a,
        .grid-pager table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
        }

        .grid-pager table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            cursor: default;
        }

        .grid-pager table > tbody > tr > td:first-child > a,
        .grid-pager table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .grid-pager table > tbody > tr > td:last-child > a,
        .grid-pager table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .grid-pager table > tbody > tr > td > a:hover,
        .grid-pager table > tbody > tr > td > span:hover,
        .grid-pager table > tbody > tr > td > a:focus,
        .grid-pager table > tbody > tr > td > span:focus {

        }

.sideBySide {
    width:50%;
}

.rightTable {
    float:right;
}

.leftTable {
    float: left;
}

#upload-tos {
    border-radius: 3px;
    cursor: pointer;
    margin: 10px;
    padding: 10px;
    max-height:200px;
    overflow-y: auto;
}

#chkIAgree {
    vertical-align: middle;
    display: inline;
    cursor: pointer;
}

    #chkIAgree:checked {
        background: #abd;
    }


.left-padding-10px {
    padding-left: 10px;
}

.vertical-align-webkit-baseline-middle {
    vertical-align: -webkit-baseline-middle;
}

.compass-box {
    width: 48px;
    height: 48px;
    padding-top:1px;
    padding-left:8px;
    padding-right:8px;
}

.bottom-margin-six-px {
    margin-bottom: 6px;
}

.textbox-noborder{
    border:none;
}

.top-align-label{
    vertical-align:top;
}

.textbox-formatted-address{
    height:80px;
}

.quoteheader-secondaddressrow{
    padding-top:10px;
}

.divMfgShippingAddress{
    height:120px;
}

.divSecondaryShipToContainer{
    display:none;
}