Common LookUptable{
                                        Theme
                                        /*Menu*/
                                        /*General Menu*/
Menu Font Color                                                 /*mfc*/ #FFF
Menu Background Color                                           /*mbc*/ #500
                                        /*Selected Menu*/
Selected Menu Font Color                                        /*smfc*/ #FFF
Selected Menu Background Color                                  /*smbc*/ #A11

                                        /*Hover Menu*/
Hover Menu Font Color                                           /*hmfc*/ #FFF
Hover Menu Background Color                                     /*hmbc*/ rgba(0,0,0,0.2)

                                        /*Pushdown Menu*/
Pushdown Menu Font Color                                        /*pmfc*/ #FFF
Pushdown Menu Background Color                                  /*pmbc*/ rgba(0,0,0,0.2)

                                        /*Buttons*/
                                        /*General Buttons (Buttons with no complimentary buttons)*/
Default Button Background Color                                 /*dbbc*/ #A11
Default Button Font Color                                       /*dbfc*/ #FFF
Default Button Hover Background Color                           /*dbhbc*/ #900
Arrow Button Color                                              /*arrbc*/#000

                                        /*Primary Button (Positive buttons like Ok/Save/Update)*/
Primary Button Background Color                                 /*pbbc*/ #A11
Primary Button Font Color                                       /*pbfc*/ #FFF
Primary Button Hover Background Color                           /*pbhbc*/ #900

                                        /*Cancel Buttons (Negative buttons like No/Cancel/Back)*/
Cancel Button Background Color                                  /*cbbc*/ #111
Cancel Button Font Color                                        /*cbfc*/ #FFF
Cancel Button Hover Background Color                            /*cbhbc*/ #000

                                        /*Tabs*/
Upper Tab Color                                                 /*utc*/ #A11      
}

LookUpTable{
                                    Theme
                                    /*Header*/
Page Header Image Company Image                                 /*phici*/ url("header_logo.png")
Page Header Image 2                                             /*phi2*/ url("subheader_logo.png")
Page Header Font                                                /*phf*/ "Open Sans", Calibri, Candara, Arial, sans-serif
Page Header Font Color                                          /*phfc*/ #FFF
Page Header Background Color                                    /*phbc*/ #2d3a6e
                            
                                    /*Sub Header*/
Sub-header font                                                 /*shf*/ 'Lato', sans-serif
Sub-header Font Color                                           /*shfc*/ #FFF
Sub Header Background Color                                     /*shbc*/ #222

                                    /*Menu*/
                                    /*General Menu*/
Menu font                                                       /*mf*/ "Open Sans", Calibri, Candara, Arial, sans-serif
Menu Font Color                                                 /*mfc*/ #FFF
Menu Background Color                                           /*mbc*/ #500

                                    /*Selected Menu*/
Selected Menu Font Color                                        /*smfc*/ #FFF
Selected Menu Background Color                                  /*smbc*/ #A11

                                    /*Hover Menu*/
Hover Menu Font Color                                           /*hmfc*/ #FFF
Hover Menu Background Color                                     /*hmbc*/ rgba(0,0,0,0.2)

                                    /*Pushdown Menu*/
Pushdown Menu Font Color                                        /*pmfc*/ #FFF
Pushdown Menu Background Color                                  /*pmbc*/ rgba(0,0,0,0.2)

                                    /*Empty Space*/
Empty Space Background Color                                    /*esbc*/ #FFF

                                    /*Content Header*/
Content Header Background Color                                 /*chbc*/ #FFF
Content Header Font Color                                       /*chfc*/ #000                            
Content Header Shadow Color                                     /*chsc*/ #CCC

                                    /*Content*/
Content Font                                                    /*cf*/ "Open Sans", Calibri, Candara, Arial, sans-serif
Content Font Color                                              /*cfc*/ #000
Content Background Color                                        /*cbc*/ #FFF
Content Border Color									        /*cbdrc*/ #000
Content Content Border Color                                    /*ccbdrc*/ #000

                                    /*Buttons*/
                                    /*General Buttons (Buttons with no complimentary buttons)*/
Default Button Background Color                                 /*dbbc*/ #A11
Default Button Font Color                                       /*dbfc*/ #FFF
Default Button Hover Background Color                           /*dbhbc*/ #900

                                    /*Primary Button (Positive buttons like Ok/Save/Update)*/
Primary Button Background Color                                 /*pbbc*/ #A11
Primary Button Font Color                                       /*pbfc*/ #FFF
Primary Button Hover Background Color                           /*pbhbc*/ #900

                                    /*Cancel Buttons (Negative buttons like No/Cancel/Back)*/
Cancel Button Background Color                                  /*cbbc*/ #111
Cancel Button Font Color                                        /*cbfc*/ #FFF
Cancel Button Hover Background Color                            /*cbhbc*/ #000

                                    /*Tables*/
Table Header Font Color                                         /*thfc*/ #FFF
Table Header Background Color                                   /*thbc*/ #555

Table Row border                                                /*trb*/ 1px solid #CDCDCD
Table Row a Font color                                          /*trafc*/ #000
Table Row a Background Color                                    /*trabc*/ #F3F8FE
Table Row b Font color                                          /*trbfc*/ #000
Table Row b Background Color                                    /*trbbc*/ #FCFCFC
Table Row a Canceled Font color                                 /*tracfc*/ #000
Table Row a Canceled Background Color                           /*tracbc*/ #FFE6E9
Table Row b Canceled Font color                                 /*trbcfc*/ #000
Table Row b Canceled Background Color                           /*trbcbc*/ ##FFCCD2
Table Row options Font color                                    /*trofc*/ #000
Table Row options Background Color                              /*trobc*/ #DDD
Table Row comment Font color                                    /*trcfc*/ #000
Table Row comment Background Color                              /*trcbc*/ #EEE
Table Row error Font color                                      /*trefc*/ #000
Table Row error Background Color                                /*trebc*/ #F00
Table Row Selected Font Color                                   /*trsfc*/ nil
Table Row Selected Background Color                             /*trsbc*/ rgba(0,0,0,0.2)
Table Footer Font Color                                         /*tffc*/ #000
Table Footer Background Color                                   /*tfbc*/ #FFF        
                            
                                    /*Trees*/      
Selected Tree Node Font Color                                   /*stnfc*/ nil
Selected Tree Node Background Color                             /*stnbc*/ rgba(0,0,255,0.1)
                        
                                    /*Tabs*/
Upper Tab Color                                                 /*utc*/ #A11      
Lower Tab Color                                                 /*ltc*/ #AEA79F       
                            
                                    /*Popup*/
Popup Background Color                                          /*pbc*/ #FFF
Popup Border Color                                              /*pbdrc*/ #000                                                                                                      

                                    /*Calendar*/
Calendar Font Color                                             /*calfc*/ #007FFF
Calendar Background Color                                       /*calbc*/ nil

                                    /*Links*/
Link Font Color                                                 /*lfc*/ #004F9E

                                    /*Textboxes/Dropdowns*/
Textbox / Dropdown Font Color                                   /*tdfc*/ #000
Textbox / Dropdown Background Color                             /*tdbc*/ #FFF
Textbox / Dropdown Border Color                                 /*tdbdrc*/ #000

Textbox / Dropdown Focus Font Color                             /*tdffc*/ #000
Textbox / Dropdown Focus Background Color                       /*tdfbc*/ #FFF
Textbox / Dropdown Focus Border Color                           /*tdfbdrc*/ #000

                                    /*Disabled*/
Disabled Background                                             /*db*/ #CCC                        

                                    /*Login*/
Login Ad Image                                                  /*lai*/ url("loginAd.jpg")
Login Ad Height                                                 /*lah*/ 100px
Login Ad Width                                                  /*law*/ 312px
                                    /*Tiled Wizard*/
Expander Background Color                                       /*twebc*/ #3C3C3C
Expander Foreground Color                                       /*twefc*/ #FFF  
Question/Code/Value Header Background Color                     /*twhbc*/ #555
Question/Code/Value Header Foreground Color                     /*twhfc*/ #FFF
Selected Option Border Color                                    /*sobc*/ #64b7e8
Selected Option Background Color                                /*sobkgndc*/ transparent
}

/************************Application********************************/
/*General*/
select, textarea, input[type="text"], input[type="password"] {
    background: /*tdbc*/ #FFF;
    color: /*tdfc*/ #000;
    border: 1px solid /*tdbdrc*/ #000;
}

    select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
        background: /*tdfbc*/ #FFF;
        color: /*tdffc*/ #000;
        border: 1px solid /*tdfbdrc*/ #000;
    }

table {
    border: none;
}

    table > * {
        border: none;
    }

        table > * > * {
            border: none;
        }

            table > * > * > * {
                border: none;
            }

/**Buttons**/
.btn-default {
    color: /*dbfc*/ #FFF;
    background: /*dbbc*/ #A11;
    border: 1px solid /*dbbc*/ #A11;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active {
        background: /*dbhbc*/ #900;
        border: 1px solid /*dbbc*/ #A11;
    }

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

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background: /*pbhbc*/ #900;
        border: 1px solid /*pbbc*/ #A11;
    }

.btn-cancel {
    color: /*cbfc*/ #FFF;
    background: /*cbbc*/ #111;
    border: 1px solid /*cbbc*/ #111;
}

    .btn-cancel:hover, .btn-cancel:focus, .btn-cancel:active {
        background: /*cbhbc*/ #000;
        border: 1px solid /*cbbc*/ #111;
    }

.down-arrow {
    display: inline-block;
    border-style: solid;
    _border-style: dashed;
    border-width: 8px;
    border-color: transparent;
    border-top: 8px solid #FFF;
    border-bottom-width: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0 0 2px 5px;
}

.down-arrow-black {
    display: inline-block;
    border-style: solid;
    _border-style: dashed;
    border-width: 3px;
    border-color: transparent;
    border-top: 5px solid #000;
    border-bottom-width: 0;
    width: 6px;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0px 0px 0px -3px;
}

/*Header*/

#header {
    font-family: /*phf*/ "Open Sans", Calibri, Candara, Arial, sans-serif;
    background: /*phbc*/ #2d3a6e;
    color: /*phfc*/ #FFF;
}

    #header #header-links {
        color: inherit;
    }

#header-links a {
    color: inherit;
}

#header-links,
#header-links ul,
#header-links ul li,
#header-links ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

    #header-links ul {
        position: relative;
        z-index: 397;
        display: inline-block;
    }

        #header-links ul li {
            min-height: 1px;
            line-height: 1.1em;
            vertical-align: middle;
        }

            #header-links ul li:hover {
                position: relative;
                z-index: 1;
                cursor: default;
            }

        #header-links ul ul {
            visibility: hidden; /* hide sub menus by default */
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 397;
            width: 100%;
            border-color: #FFF;
            border-style: solid;
            border-width: 2px;
            border-radius: 5px;
            background-color: /*phbc*/ #2d3a6e;
            padding: 3px;
        }

            #header-links ul ul ul {
                top: 0px;
                left: 99%;
            }

        #header-links ul li:hover > ul {
            visibility: visible; /* show sub menu */
        }

#header_logo {
    background-image: /*phici*/ url("header_logo.png");
    background-repeat: no-repeat;
    width: 545px;
    height: 55px;
}

#subheader_logo {
    background-image: /*phi2*/ url("subheader_logo.png");
}

/*Menu*/
.Navigation {
    background: /*mbc*/ #2B2B2B;
    color: /*mfc*/ #FFF;
    font-family: /*mf*/ "Open Sans", Calibri, Candara, Arial, sans-serif;
}

#Menu .WCMenu li:hover {
    color: /*hmfc*/ #FFF;
    background: /*hmbc*/ #616161;
}

#Menu .WCMenu li.Child-Toggled, #Menu .WCMenu li.Toggled {
    background: /*pmbc*/ #3D3D3D;
    color: /*pmfc*/ #FFF;
}

#Menu li.child-selected {
    background: /*pmbc*/ #404040;
    color: /*pmfc*/ #FFF;
}

#Menu .WCMenu li.selected {
    background: /*smbc*/ #616161;
    color: /*smfc*/ #FFF;
}

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

body, #LoginMaster #footer {
    color: /*cfc*/ #000;
}

.ajax__calendar_other {
    cursor: pointer;
}

:disabled, input[disabled], .btn:disabled, .ajax__calendar_other {
    opacity: 0.5;
    cursor: not-allowed;
    background: /*db*/ #CCC;
}

.ajax__calendar_other {
    cursor: pointer;
}

a.SelectedTreeNode {
    background: /*stnbc*/ rgba(0,0,255,0.1);
    color: /*stnfc*/ nil;
}

/**Tables**/
.Display th, .HeaderRow {
    color: /*thfc*/ #FFF;
    background: /*thbc*/ #555;
}

.alternating-row-parent tr:nth-child(2n+1) {
    color: /*trafc*/ #000;
    background: /*trabc*/ #F3F8FE;
}

.alternating-row-parent tr:nth-child(2n) {
    color: /*trbfc*/ #000;
    background: /*trbbc*/ #FCFCFC;
}

.row-a {
    color: /*trafc*/ #000;
    background: /*trabc*/ #F3F8FE;
}

.row-b {
    color: /*trbfc*/ #000;
    background: /*trbbc*/ #FCFCFC;
}

.canceled-row-a {
    color: /*tracfc*/ #000;
    background: /*tracbc*/ #FFE6E9;
}

.canceled-row-b {
    color: /*trbcfc*/ #000;
    background: /*trbcbc*/ #FFCCD2;
}

.row-options {
    color: /*trofc*/ #000;
    background: /*trobc*/ #DDD;
}

.row-error {
    color: /*trefc*/ #000;
    background: /*trebc*/ #FFF;
}

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

.row-comment {
    color: /*trcfc*/ #000;
    background: /*trcbc*/ #EEE;
}

.selectedRowStyle {
    color: /*trsfc*/ nil;
    background: /*trsbc*/ rgba(0,0,0,0.2);
}

.Display tfoot {
    background: /*tfbc*/ #FFF;
    color: /*tffc*/ #000;
}

.GridStyle {
    border: 1px solid /*ccbdrc*/ #000;
}

.ScrollArea {
    border: 1px solid /*ccbdrc*/ #000;
}

    .ScrollArea .GridStyle {
        border: none;
        border-right: 1px solid /*ccbdrc*/ #000;
    }

.GridPanelStyle {
    border: 1px solid /*ccbdrc*/ #000;
}

    .GridPanelStyle .ScrollArea {
        border: none;
    }

    .GridPanelStyle .GridStyle {
        border: none;
        border-right: 1px solid /*ccbdrc*/ #000;
    }

.Display tr:not(:first-child) {
    border-top: /*trb*/ 1px solid #CDCDCD;
}

.Display tfoot {
    border-top: /*trb*/ 1px solid #CDCDCD;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: rgba(0,0,0,0.5);
}

.modalBackground, .transparentbg {
    background: #000;
    display: inline-block;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    /* IE 5-7 */
    filter: alpha(opacity=20);
    /* Netscape */
    -moz-opacity: 0.2;
    /* Safari 1.x */
    -khtml-opacity: 0.2;
    /* Good browsers */
    opacity: 0.2;
}

.translucentOverlay {
    color: black;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#77FFFFFF, endColorstr=#77FFFFFF);
}

.ajax__tab_active .ajax__tab_tab, .react-tabs__tab--selected {
    border-bottom: 5px solid /*utc*/ #A11 !important;
}

.ajax__tab_header, .react-tabs__tab-list {
    border-bottom: 5px solid /*ltc*/ #AEA79F !important;
}

.ajax__tab_tab {
    border-bottom: 5px solid rgba(255,255,255,0) !important;
}

body {
    background: /*esbc*/ #FFF;
    color: /*cfc*/ #000;
    font-family: /*cf*/ "Open Sans", Calibri, Candara, Arial, sans-serif;
}

.ContentHeaderContainer {
    background: /*shbc*/ #222;
}

    .ContentHeaderContainer .ContentHeader h1 {
        color: /*shfc*/ #FFF;
        font-family: /*shf*/ 'Lato', sans-serif;
        font-weight: 300;
    }

#Login .ContentPaneAlpha {
    border: none;
    background: /*cbc*/ #FFF;
}

.ContentPaneAlpha, .ContentPaneBeta, .ContentPaneGamma, .ContentPaneDelta, .ContentPaneEpsilon, .ContentPaneZeta, .ContentPanePsi, .ContentPaneOmega {
    background: /*cbc*/ #FFF;
    border: 1px solid /*cbdrc*/ #000;
}

.contentPaneHeader {
    background: /*chbc*/ #222;
    color: /*chfc*/ #FFF;
    position: relative; /*IE8 fix since it doesn't support the :not() pseudo selector  */
}


#QuoteEntryHeader .contentPaneHeader, #OrderHeader .contentPaneHeader {
    box-shadow: none;
}

#CompanySetup .ContentPaneBeta .contentPaneContent > *,
#CompanySetup .ContentPaneGamma .contentPaneContent > *,
#CompanySetup .ContentPaneDelta .contentPaneContent > * {
    border: 1px solid /*ccbdrc*/ #000;
}

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

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

#UserSetup .ContentPaneBeta .contentPaneContent > * {
    border: 1px solid /*ccbdrc*/ #000;
}

#QuoteMaintenance .ContentPaneAlpha .Display table > * > * {
    border: none;
}

#QuoteEntryHeader .contentPaneHeader {
    border: none;
}

#QuoteEntryHeader tr {
    border: none;
}

#OrderHeader .contentPaneHeader {
    border: none;
}

#OrderHeader tr {
    border: none;
}

#QuoteEntryItems .ContentPanePsi > .contentPaneContent > table > * > tr:last-child {
    border-bottom: none;
}

#QuoteEntryItems .ContentPaneOmega .Display > * > * {
    border-top: none;
    border-bottom: none;
}

#QuoteEntryItems tfoot table tr {
    border: none;
}


/*Footer*/
#footer {
    font-family: /*mf*/ "Open Sans", Calibri, Candara, Arial, sans-serif;
    color: /*mfc*/ #000;
}

body {
    font-size: 1.4em;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 15px;
}

.ajax__tab_tab {
    font-size: inherit !important;
}

h1 {
    font-weight: bold;
}

h2 {
    font-weight: normal;
}

h3 {
    font-weight: normal;
}

h4 {
    font-weight: bold;
}

.ajax__tab_active .ajax__tab_tab {
    font-weight: bold !important;
}

.Display > * > tr > th {
    font-weight: normal;
}

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

.placeholder {
    font-weight: normal;
}

label {
    font-weight: normal;
}

#ContentHeaderContainer .ContentHeader h1 {
    font-weight: 300;
}

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

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

.popup,
.unitHistoryPopupBackground,
.routesPopupBackground,
.invoicesPopupBackground,
.containerDetailPopupBackground,
.errorPopupBackground,
.imagePopupBackground,
.ajax__calendar_container,
.ajax__calendar_header, .ajax__calendar_body,
.modalPopup,
.customCalloutStyle {
    background: /*pbc*/ #FFF;
    border: 1px solid /*pbdrc*/ #000;
}

.customCalloutStyle {
    background-color: #FFF !important;
    border: 1px solid #000 !important;
}

#OptionsWizard tr.imagePopupForeground {
    border-top: 1px solid /*pbdrc*/ #000;
    border-bottom: 1px solid /*pbdrc*/ #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: /*calfc*/ #007FFF;
}

.ajax__calendar_container {
    background: /*calbc*/ nil;
}

a, a:visited {
    color: /*lfc*/ #004F9E;
}

#QuoteEntryItemEdit .ContentPaneBeta th.AlwaysVisible > div {
    background: /*cbc*/ #FFF;
}

#Login #LoginAd {
    height: 0px;
    width: 0px;
    background: /*lai*/ url("loginAd.jpg") no-repeat;
    margin-right: auto;
    margin-left: auto;
}

#QuoteEntryItemEdit .AlwaysVisible.ajax__tab_panel > div > table > tbody > tr:first-child span {
    font-weight: bold;
}

.GroupedOptionCodePanel {
    width: 100px;
    display: inline-table;
    margin: 3px 5px 3px 5px;
    vertical-align: top;
}

    .GroupedOptionCodePanel input {
        height: 100px;
        width: 100px;
        display: inline-block;
        max-width: 100px;
    }

.GroupedOptionUserInputPanel {
    width: 75px;
    display: inline-table;
    margin: 3px 5px 3px 5px;
    vertical-align: top;
}

    .GroupedOptionUserInputPanel input {
        height: 75px;
        width: 75px;
        display: inline-block;
        max-width: 75px;
    }

.UserInputLabel {
    width: 75px;
    max-width: 75px;
    display: block;
    height: auto;
    text-align: center;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    font-size: 10px !important;
}

.CodeLabel {
    width: 100px;
    max-width: 100px;
    display: block;
    height: auto;
    text-align: center;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    font-size: 12px !important;
}

.QuestionRequiredImage {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.QuestionLabelPanel {
    display: block;
    background-color: #222;
    color: #FFF;
    padding-left: 3px;
    height: 24px;
}

.UserInputPanel .InputForGrouped {
    max-width: 75px;
    height: 20px;
    width: 75px;
    display: inline;
    margin-left: 3px;
    margin-right: 3px;
}

.UserInputPanel .LabelForGrouped {
    max-width: 75px;
    height: 20px;
    width: 75px;
    display: block;
    margin-left: 3px;
    margin-right: 3px;
}

.UserInputPanel .RefreshButtonForGrouped {
    height: 16px;
    width: 16px;
    display: inline;
    vertical-align: middle;
}

.ConfiguratorInputPanel .ConfiguratorButtonForGrouped {
    height: 20px;
    width: 20px;
    margin-left: 1px;
    font-size: 10px;
    display: inline;
    vertical-align: middle;
}

.ConfiguratorInputPanel .ConfiguratorTextBoxForGrouped {
    max-width: 75px;
    height: 20px;
    width: 75px;
    display: inline;
    margin-left: 3px;
}

.UserInputPanel {
    display: block;
}

.HoverImage {
    visibility: hidden;
    border: solid;
    z-index: 999;
}

.OptionsSummaryDiv {
    max-height: 750px;
    margin: 3px;
    overflow: auto;
    border: 1px solid /*ccbdrc*/ #000;
}

.OptionsSummaryView th {
    color: /*thfc*/ #FFF;
    background: /*thbc*/ #555;
    padding-right: 4px;
}

.OptionsSummaryView tr {
    padding-right: 4px;
}

#QuoteEntryItemEdit .LineItemCommentLabel {
    font-weight: normal !important;
}

#QuoteEntryItemEdit .SummarySizeLabel {
    margin-left: 5px;
}

.ContentPaneBetaGrouped {
    position: relative;
    margin-right: 610px;
    min-width: 500px;
    left: 0;
    border: 1px solid /*ccbdrc*/ #000;
    min-height: 200px;
}

#QuoteEntryItemEdit .ContentPaneAlphaGrouped, #OptionsWrapper .ContentPaneAlphaGrouped, .qie-left {
    position: relative;
    margin-right: 610px;
    margin-bottom: 3px;
    border: 1px solid /*ccbdrc*/ #000;
}

.altwiz_ContentContainer .ContentPanelForImageAndOptions {
    float: right;
    width: 600px;
    z-index: 10;
}

    .altwiz_ContentContainer .ContentPanelForImageAndOptions td {
        text-align: center;
    }

.altwiz_ContentContainer .ContentPanelForUserInterface {
    /*To fill the remaining space to the left of the floating right container*/
    width: auto;
    height: 100%;
    overflow-x: hidden;
}

.ContentPanelForImageAndOptions {
    position: relative;
    top: -10px;
    right: -10px;
    float: right;
    width: 600px; /* actual value */
    margin: 0 0 -10px 0;
    padding: 0px;
    z-index: 10;
}

    .ContentPanelForImageAndOptions .ajax__tab_header {
        margin-left: 200px !important;
        width: 200px !important;
    }

.ContentPaneBetaGrouped .ajax__tab_header .ajax__tab_tab {
    width: auto !important;
}

.ContentPanelForImageAndOptions .ajax__tab_header .ajax__tab_tab {
    width: 100px !important;
}

.altwiz_ContentContainer .ContentPanelForImageAndOptions, .qie-validation {
    width: 600px;
}

#QuoteEntryItemEdit .ContentPanelForItemProperties {
    margin-top: 10px; /*Space after inside/outside buttons.*/
    padding-right: 20px; /*Not sure why the Edit button is venturing outside of the content pane.  This keeps it in bounds.*/
}

    #QuoteEntryItemEdit .ContentPanelForItemProperties > table > tbody > tr > .non-input {
        vertical-align: text-top;
    }

    #QuoteEntryItemEdit .ContentPanelForItemProperties > table > tbody > tr > .non-input-label {
        vertical-align: text-top;
        white-space: nowrap;
    }

    #QuoteEntryItemEdit .ContentPanelForItemProperties > table > tbody > tr > td > .td-component {
        text-align: left;
        padding-left: 10px;
    }

    #QuoteEntryItemEdit .ContentPanelForItemProperties > table > tbody > tr > td > .td-component-scroll {
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 63px; /*3 lines*/
        text-wrap: normal;
    }

@media all and (min-height: 900px) and (min-width: 1200px) {
    .ObjectViewerImage {
        width: 515px;
        height: 515px;
        -moz-user-select:none;
        user-select:none;
    }

    .AlternateWizardSmallImage {
        width: 240px;
        height: 240px;
    }

    .ObjectViewerImageWSideOrTop {
        width: 350px;
        height: 350px;
    }

    .ObjectViewerImageTopImage {
        width: 350px;
        height: 116px;
    }

    .ObjectViewerImageSideImage {
        width: 116px;
        height: 350px;
    }

    .OptionsSummaryDiv {
        max-height: 600px !important;
    }

    .ContentPaneBetaGrouped {
        margin-right: 565px !important;
        min-width: 250px;
    }

    #QuoteEntryItemEdit .ContentPaneAlphaGrouped, #OptionsWrapper .ContentPaneAlphaGrouped, .qie-left {
        margin-right: 565px !important;
    }

    .altwiz_ContentContainer .ContentPanelForImageAndOptions, .qie-validation {
        width: 565px !important;
    }

    .ContentPanelForImageAndOptions {
        width: 565px !important; /* actual value */
        text-align: center !important;
    }

        .ContentPanelForImageAndOptions .ajax__tab_header {
            margin-left: 150px !important;
        }

    .GroupedOptionCodePanel {
        width: 75px;
    }

        .GroupedOptionCodePanel input {
            height: 75px;
            width: 75px;
            max-width: 75px;
        }

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

@media all and (min-height: 800px) and (max-height: 899px) and (min-width: 1200px) {
    .ObjectViewerImage {
        width: 375px;
        height: 375px;
    }

    .AlternateWizardSmallImage {
        width: 275px;
        height: 275px;
    }

    .ObjectViewerImageWSideOrTop {
        width: 250px;
        height: 250px;
    }

    .ObjectViewerImageTopImage {
        width: 250px;
        height: 83px;
    }

    .ObjectViewerImageSideImage {
        width: 83px;
        height: 250px;
    }

    .OptionsSummaryDiv {
        max-height: 500px !important;
    }

    .ContentPaneBetaGrouped {
        margin-right: 425px !important;
        min-width: 250px;
    }

    #QuoteEntryItemEdit .ContentPaneAlphaGrouped, #OptionsWrapper .ContentPaneAlphaGrouped, .qie-left {
        margin-right: 425px !important;
    }

    .altwiz_ContentContainer .ContentPanelForImageAndOptions, .qie-validation {
        width: 425px !important;
    }

    .ContentPanelForImageAndOptions {
        width: 425px !important; /* actual value */
        text-align: center !important;
    }

        .ContentPanelForImageAndOptions .ajax__tab_header {
            margin-left: 150px !important;
        }

    .GroupedOptionCodePanel {
        width: 75px;
    }

        .GroupedOptionCodePanel input {
            height: 75px;
            width: 75px;
            max-width: 75px;
        }

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

@media all and (min-height: 768px) and (max-height: 799px) and (min-width: 1200px) {
    .ObjectViewerImage {
        width: 375px;
        height: 375px;
    }

    .AlternateWizardSmallImage {
        width: 250px;
        height: 250px;
    }

    .ObjectViewerImageWSideOrTop {
        width: 250px;
        height: 250px;
    }

    .ObjectViewerImageTopImage {
        width: 250px;
        height: 83px;
    }

    .ObjectViewerImageSideImage {
        width: 83px;
        height: 250px;
    }

    .OptionsSummaryDiv {
        max-height: 400px !important;
    }

    .ContentPaneBetaGrouped {
        margin-right: 425px !important;
        min-width: 250px;
    }

    #QuoteEntryItemEdit .ContentPaneAlphaGrouped, #OptionsWrapper .ContentPaneAlphaGrouped, .qie-left {
        margin-right: 425px !important;
    }

    .altwiz_ContentContainer .ContentPanelForImageAndOptions, .qie-validation {
        width: 425px !important;
    }

    .ContentPanelForImageAndOptions {
        width: 425px !important; /* actual value */
        text-align: center !important;
    }

        .ContentPanelForImageAndOptions .ajax__tab_header {
            margin-left: 100px !important;
        }

    .GroupedOptionCodePanel {
        width: 75px;
    }

        .GroupedOptionCodePanel input {
            height: 75px;
            width: 75px;
            max-width: 75px;
        }

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

/*IPAD VERSION (in landscape) and any screen that doesn't conform to one of the other media queries
    Basically any screen that isn't at least 1200px wide.  Most laptops are 1366px wide, most modern montors are at least 1280px.
    */
@media all and (min-height: 0px) and (max-height: 768px) {
    .ObjectViewerImage {
        width: 225px;
        height: 225px;
    }

    .AlternateWizardSmallImage {
        width: 150px;
        height: 150px;
    }

    .ObjectViewerImageWSideOrTop {
        width: 150px;
        height: 150px;
    }

    .ObjectViewerImageTopImage {
        width: 150px;
        height: 50px;
    }

    .ObjectViewerImageSideImage {
        width: 50px;
        height: 150px;
    }

    .OptionsSummaryDiv {
        max-height: 400px !important;
    }

    .ContentPaneBetaGrouped {
        margin-right: 275px !important;
        min-width: 250px;
    }

    #QuoteEntryItemEdit .ContentPaneAlphaGrouped, #OptionsWrapper .ContentPaneAlphaGrouped, .qie-left {
        margin-right: 275px !important;
    }

    .altwiz_ContentContainer .ContentPanelForImageAndOptions, .qie-validation {
        width: 275px !important;
    }

    .ContentPanelForImageAndOptions {
        width: 275px !important; /* actual value */
        text-align: center !important;
    }

        .ContentPanelForImageAndOptions .ajax__tab_header {
            margin-left: 25px !important;
        }

    .GroupedOptionCodePanel {
        width: 75px;
    }

        .GroupedOptionCodePanel input {
            height: 75px;
            width: 75px;
            max-width: 75px;
        }

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

.GroupedOptionUserInputListPanel {
    border-top: 7px groove #555;
    padding: 3px;
    margin-bottom: 3px;
    margin-left: 15px;
    margin-right: 15px;
}

.GroupedOptionUserInputListPanelHeaderLabel {
    display: table-header-group;
    font-size: 10px;
    font-weight: bold;
}

.SupportFilesTreeView td {
    display: inline-table;
}

/* without :not(p) this won't show up in IE8, (because IE8 ignores things with the :not(p) tag)*/
.ProdNavCallSizeFilter:not(p) {
    display: inline !important;
    position: absolute !important;
    right: 0px !important;
    top: 0px !important;
}

.ProdNavBreadCrumbPanel {
    margin-right: 200px;
}

.ProdNavCallSizeFilter select {
    min-width: 100px;
}

.ProdNavImagePanel {
    width: 180px;
    display: inline-table;
    margin: 3px 5px 3px 5px;
    vertical-align: top;
}

    .ProdNavImagePanel input {
        height: 180px;
        width: 180px;
        display: inline-block;
        max-width: 180px;
    }

.productNavTextCategory, .productNavTextProduct {
    width: 180px;
    max-width: 180px;
    display: block;
    height: auto;
    text-align: center;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

.DisableOverlay {
    background-color: gray;
    opacity: 0.5;
    position: absolute;
    top: 0px;
    z-index: 1;
    height: 50px;
    left: 0px;
}


.no-close .ui-dialog-titlebar-close {
    display: none;
}

/*.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
}*/

.Collapsible {
    background-color: white;
}

.Collapsible__trigger {
    background: /*twebc*/ #3C3C3C;
    color: /*twefc*/ #FFF;
    border: 1px solid /*twefc*/ #FFF;
}

.ow-q {
    border-bottom: 1px solid /*twhbc*/ #555 !important;
}

.ow-q-header.tiled, .ow-c-header {
    color: /*twhfc*/ #FFF !important;
    background-color: /*twhbc*/ #555 !important;
}

.ow-tiled-code.selected {
    border: .4rem solid /*sobc*/ #64b7e8;
    background-color: /*sobkgndc*/ transparent;
}
    .Collapsible__trigger.is-open > * > .ow-expander-arrow {
    content: url('triangle_gray_down.png');
}

.Collapsible__trigger.is-closed > * > .ow-expander-arrow {
    content: url('triangle_gray_right.png');
}

.arrowColor, .doubleArrowLeftPosition:before, .doubleArrowRightPosition:after {
    border-color: /*arrbc*/ #000;
}

#upload-tos {
    background: #e9fffb;
}

    #upload-tos:hover {
        background: #dffbfa;
    }

/*Support the look of window for the QE line item image popups*/
.line-item-popup .ui-dialog-titlebar {
    border: 1px solid #000;
    background: #cccccc 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
    padding: .4em 1em;
    position: relative;
    border-bottom-style: hidden;
}

.line-item-popup .ui-widget-content {
    border-top-style: hidden;
}

.line-item-popup .ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-image: url("delete.png");
}

.line-item-popup .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.textbox-noborder:focus {
    border: none;
}