@charset "UTF-8";
/* CSS Document */
/*	Less Framework 4
    http://lessframework.com
    by Joni Korpi
    License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
    ------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0 0 0 0;
    padding: 0;
}

html, body {
    height: 100%;
}
.input-error {
    outline: 1px solid red;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
    display: block;
}

nav.navbar {
    padding: 0 !important;
}

a img {
    border: 0;
}

.nowrap {
    white-space: nowrap;
}

/*	Typography presets
    ------------------	*/

.gigantic {
    color: #41148c;
    font-size: 80px;
    line-height: 100px;
    letter-spacing: -2px;
}

.huge, h1 {
    color: #41148c;
    font-size: 36px;
    line-height: 52px;
    letter-spacing: -1px;
}

.large, h2 {
    color: #41148c;
    font-size: 24px;
    line-height: 30px;
}

.bigger, h3 {
    color: #41148c;
    font-size: 18px;
    line-height: 24px;
}

.big, h4 {
    color: #41148c;
    font-size: 14px;
    line-height: 20px;
}

body header {
    font: 12px/16px Verdana, Arial, Helvetica, sans-serif, serif;
    margin: 0 auto;
    height: 150px;
}

.small, small {
    font: 9px/11px Verdana, Helvetica, sans-serif, serif;
}



/* --- Global CSS Reset --- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}




h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: bold;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

/* --- General --- */
body {
    font: normal 11px/ 150% Verdana, Arial, Helvetica, sans-serif;
    background: #fff;
    color: #666;
}

p {
    margin: 0 0 10px 0;
}

ul {
    margin: 0 0 10px 0;
}

    ul li {
        margin: 0 0 5px 0;
        padding: 0 0 0 10px;
        list-style: none;
        background: transparent url(/portal/images/Default/bullet_arrow.gif) 0 .40em no-repeat;
    }

div.posthr hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

hr {
    border: 0;
    color: #cdcdcd;
    background-color: #cdcdcd;
    height: 1px;
    clear: both;
}

ol {
    margin: 0 0 10px 0;
    padding: 0 0 0 20px;
}

    ol li {
        list-style: outside decimal;
        margin: 0 0 5px;
        padding: 0 0 0 0;
    }

a {
    text-decoration: none;
    outline: none;
    color: #3a75c4;
}

    a:visited, a:active, a:link {
        color: #3a75c4;
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
        color: #5bbf21;
    }

/* --- Page and Structure --- */
#page {
    margin: 0;
}

/*#header {
    background-color: #5bbf21;
    background-image: url(/portal/images/Default/header-gradient.gif);
    background-repeat: repeat-x;
    height: 159px;
    margin-bottom: 10px;
}

#header-content {
    background-image: url(/portal/images/Default/header-bg.jpg);
    background-repeat: no-repeat;
    clear: both;
    height: 157px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}
#footer {
    background-image: url(/portal/images/Default/footer-bg.gif);
    background-repeat: repeat-x;
    background-position: top;
    clear: both;
    text-align: center;
    margin: auto;
    padding: 25px 0 0 0;
    margin-bottom: 10px;
    min-height: 50px;
}

#footer p {
    font-size: 10px;
    color: #a09f9f;
}
*/
#printlogo {
    width: 175px;
    height: 74px;
    display: none;
}

/* Pretty sure these styles can be removed
#content {
    clear: both;
    width: 960px;
    margin: auto;
}

#column-a {
    width: 715px;
    float: left;
}

#column-b {
    width: 225px;
    float: right;
}

#column-c {
    
}

#column-d {
    
}
.layout-two-column-left {
    
}

.layout-two-column-right  #column-a {
    width: 244px;
    float: left;
}

.layout-two-column-right  #column-b {
    width: 696px;
    float: left;
    margin: 0px 0px 0px 20px;
}


.layout-one-column  #column-one {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.container-left {
    width: 580px;
    float: left;
}

.container-right {
    width: 225px;
    float: left;
}

.container-one {
    width: 450px;
    float: left;
    margin: 0;
    border: 1px solid #e1e1e1;
}

.container-two {
    width: 283px;
    float: left;
    margin: 0;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.container-three {
    width: 225px;
    float: left;
    margin: 0;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.container-left-half {
    width: 460px;
    float: left;
    margin: 0;
    padding: 10px 10px 0px 10px;
    border: 1px solid #e1e1e1;
}

.container-right-half {
    width: 458px;
    float: left;
    margin: 0;
    padding: 10px 10px 0px 10px;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.containerLeft {
    width: 690px;
    float: left;
    margin: 0;
    padding: 10px 10px 0px 0px;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.containerRight {
    width: 250px;
    float: left;
    margin: 0;
    padding: 10px 0px 0px 10px;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}


.singleRightImage {
    float: right;
}

.three-column-container-left {
    width: 295px;
    float: left;
    margin: 0;
    padding: 10px 10px 10px 10px;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.three-column-container-middle {
    width: 295px;
    float: left;
    margin: 0;
    padding: 10px 10px 10px 10px;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.three-column-container-right {
    width: 295px;
    float: left;
    margin: 0;
    padding: 10px 10px 10px 10px;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.dottedBorderClass {
    border-style: dotted;
    border-width: 1px;
}

.contactUs-left {
    width: 700px;
    float: left;
}

.contactUs-right {
    width: 225px;
    float: left;
}

.micrositeLeft {
    width: 725px;
    float: left;
    padding-top: 10px;
}

.micrositeRight {
    width: 225px;
    float: left;
    margin: 0;
    padding: 10px 0px 0px 10px;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.microsite-body {
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    border-top: 0;
    float: left;
    width: 723px;
}
.bread-crumb {
    margin: 0 0 10px 0;
    color: #999;
}

.bread-crumb a {
    margin: 0 0 10px 0;
    font-weight: normal;
    color: #999;
    font-size: 10px;
}

.tools {
    margin: 0 0 10px 0;
    font-weight: bold;
    color: #999;
}

.tools a {
    margin: 0 0 10px 0;
    font-weight: normal;
    color: #999;
    font-size: 10px;
}
*/

/* --- Module Style --- */
.module {
    margin-bottom: 15px;
    clear: both;
    zoom: 1;
    /*position: relative;*/
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    background: #fff url(/portal/images/Default/module-body-gradient.gif) right top repeat-x;
    /*z-index: 0;*/
}

.module.inner {
    border: none;
    border-radius: 0;
    background: transparent none;
}

    .module.inner.preview {
        border-left: 1px solid #e1e1e1;
        height: 100%;
    }

.module-header h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    padding: 10px 0 0 0;
    margin: 0 0 0 15px;
    color: #3a75c4;
}


.module-body {
    padding: 15px 15px 5px 15px;
    position: relative;
    zoom: 1;
    margin: 0;
}

.module-footer {
    clear: both;
}

    .module-footer span {
        display: block;
        height: 10px;
    }

.module-narrow {
    width: 298px;
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
    clear: none;
    zoom: 1;
    position: relative;
    border: 1px solid #e1e1e1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: transparent url(/portal/images/Default/module-body-gradient.gif) right top repeat-x;
}

.right {
    margin-right: 0;
    margin-left: 10px;
}

.module-narrow.right {
    float: right;
}

.error {
    color: #ff1111;
    font-weight: bold;
}

.rush {
    color: #ff1111;
    font-size: 12px;
}

.hidden {
    display: none;
}

.item-tag {
    display: inline-block;
    padding: 2px 10px;
    background-color: #888;
    border-radius: 3px;
    margin-bottom: 5px;
}

    .item-tag a,
    .item-tag a:visited,
    .item-tag a:active,
    .item-tag a:link {
        color: #fff !important;
        font-weight: bold;
        font-size: 10px
    }

.aspxcb .dxeListBox_Catapult .dxeHLC {
    display: none;
}
.dxeListBox_Catapult .dxeFTM, 
dxe_listBoxItemRow_Catapult {
    border-bottom-color: transparent !important;
}
/* ------- Header for Gradient Green Skin ------- */
.primary-header {
    background-color: #fff;
}

    .primary-header .module-header {
        padding-top: 0;
    }

        .primary-header .module-header h3 {
            padding-top: 5px;
            margin: 0 0;
            padding: 10px 0 0px 15px;
            font-weight: bold;
            font-size: 18px;
        }

/* ------- Header for Gradient Secondary Skin ------- */
.secondary-header {
    background-color: #fff;
    position: relative;
}

    .secondary-header .module-header {
        padding-top: 5px;
    }

        .secondary-header .module-header h3 {
            padding-top: 5px;
            margin: -5px 0 0;
            padding: 10px 0 0px 15px;
            font-size: 18px;
        }

/* --- Headers --- */
h1 {
    margin: 0 0 15px 0;
    padding: 0 0 1px 0;
    font-size: 30px;
    font-weight: normal;
    color: #3a75c4;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
}

    h1 a {
        padding: 25px 0 5px 15px;
        display: block;
        color: #3a75c4;
        text-decoration: none;
    }

        h1 a:hover {
            text-decoration: none;
        }

h2 {
    margin: 0;
    padding: 5px 0 10px;
    font-size: 18px;
    color: #5bbf21;
    background-image: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    line-height: 18px;
}

    h2 a, h2 a:visited {
        display: block;
        color: #5bbf21;
        text-decoration: none;
    }

        h2 a:hover {
            text-decoration: none;
        }

    h2.icon-check {
        background-image: url("/portal/images/Default/icon-check-med.gif");
        background-repeat: no-repeat;
        margin: 0;
        padding: 7px 0 10px 33px;
    }


    h2.icon-plus {
        background-image: url("/portal/images/Default/icon-plus.gif");
        background-repeat: no-repeat;
        margin: 0;
        padding: 7px 0 10px 33px;
    }

h3 {
    color: #3a75c4;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 5px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    width: auto;
}

    h3 a, h3 a:visited {
        display: block;
        color: #3a75c4;
        text-decoration: none;
    }

        h3 a:hover {
            text-decoration: none;
        }

    h3.icon-check {
        background-image: url("/portal/images/Default/icon-check-med.gif");
        background-repeat: no-repeat;
        margin: 0;
        padding: 7px 0 10px 33px;
    }

h4 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

    h4 a {
        color: #333;
        text-decoration: none;
    }

        h4 a:hover {
            text-decoration: none;
        }

h5 {
    margin: 0;
    padding: 0;
    font: bold 12px;
    color: #3a75c4;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

    h5 span {
        font-weight: normal;
        font-size: 80%;
    }

/* --- Helpers --- */
img.bordered {
    border: 1px solid #d1d1d1;
}

.clearfix {
    clear: both;
    padding: 0;
    margin: 0;
}

.float-left {
    float: left;
    margin: 0 10px 0 0;
    display: inline; /* ie */
}

.float-right {
    float: right;
    margin: 0 0 0 10px;
    display: inline; /* ie */
}

.image-middle-align {
    vertical-align: middle;
    padding-bottom: 5px;
}

.align-center {
    text-align: center;
}



/* --- Empty Module Style --- */
.empty {
    margin-bottom: 15px;
    clear: both;
    zoom: 1;
    position: relative;
}

/* --- Column Structure --- */
.container-a, .container-b, .container-c, .container-d {
    padding: 0;
    margin: 0;
}

/* --- Column-A Three Column --- */
/*.three-column {
    overflow: hidden;
}

.three-column .container-iter {
    width: 214px;
    float: left;
    margin: 0 0 0 0;
}

.three-column .container-iter-spacer {
    width: 20px;
    float: left;
    margin: 0 0 0 0;
}

.three-column .container-a {
    width: 214px;
    float: left;
    margin: 0 20px 0 0;
}

.three-column .container-b {
    width: 214px;
    float: left;
    margin: 0 20px 0 0;
}

.three-column .container-c {
    width: 215px;
    float: left;
    margin: 0;
}

.three-column .container-d {
    padding: 10px 0 5px 0;
    margin: 0;
    clear: both;
}
*/
/* --- Column-A Two Column --- */
/*.two-column {
    overflow: hidden;
}

.two-column .container-a {
    width: 317px;
    float: left;
    margin: 0 10px 0 0;
}

.two-column .container-b {
    width: 337px;
    float: left;
    margin: 0;
}

.two-column .container-c {
    margin: 0;
    clear: both;
}
*/
/* --- Column-A Two Column Left --- */
/*.two-column-left {
    overflow: hidden;
}

.two-column-left .container-a {
    width: 384px;
    float: left;
    margin: 0 10px 0 0;
}

.two-column-left .container-b {
    width: 184px;
    float: left;
    margin: 0;
}
*/
/* --- Column-A Two Column Right --- */
/*.two-column-right {
    overflow: hidden;
}

.two-column-right .introParagraph {
    width: 100%;
    display: block;
}

.two-column-right .container-a {
    width: 187px;
    float: left;
    margin: 0 10px 0 0;
}

.two-column-right .container-b {
    width: 370px;
    float: left;
    margin: 0;
}

.two-column-right .container-c {
    margin: 0;
    clear: both;
}
*/
/* --- Overwrites Column-A Two Column Right --- */
/*.empty .container-a {
    width: 451px;
    float: left;
    margin: 0 20px 0 0;
}

.empty .container-b {
    width: 225px;
    float: left;
    margin: 0;
}
*/
/* --- Overwrites Column-A Two Column Right For Basic Module 
.basic .container-a { width: 342px; float: left; margin: 0 10px 0 0; }
.basic .container-b { width: 332px; float: left; margin: 0; }--- */
/* --- Column-A Two Column Sub Columns --- */
/*.sub-container-a {
    width: 47%;
    float: left;
    margin: 0 10px 0 0;
}

.sub-container-b {
    width: 47%;
    float: left;
    padding: 0 5px 5px 0;
    margin: 0;
}
*/
/* ------- Column-A Four Column ------- */
/*.four-column .container-a,.four-column .container-b,.four-column .container-c,.four-column .container-d
    {
    width: 137px;
    float: left;
    margin: 0;
}
*/
/* ------- Column-B Two Column 
#column-b .two-column .container-a { width: 124px; float: left; margin: 0 10px 0 0; display: inline; }
#column-b .two-column .container-b { width: 134px; float: left; margin: 0; }------- */
/* ------- Column-B Two Column Left 
#column-b .two-column-left .container-a { width: 141px; float: left; margin: 0 10px 0 0; display: inline; }
#column-b .two-column-left .container-b { width: 117px; float: left; margin: 0; }
#column-b .two-column-right .container-a { width: 94px; float: left; margin: 0 10px 0 0; display: inline; }
#column-b .two-column-right .container-b { width: 160px; float: left; margin: 0; }------- */
/* ----- Column-B Three Column 
#column-b .three-column .container-a { width: 83px; float: left; margin: 0 10px 0 0; display: inline; }
#column-b .three-column .container-b { width: 83px; float: left; margin: 0 10px 0 0; display: inline; }
#column-b .three-column .container-c { width: 82px; float: left; margin: 0 0 0 0; }
#column-b .three-column .container-d { padding: 10px 0 5px 0; margin: 0; clear: both; }---- */
/* ------- Two Column Split Borders ------- */
/*.border-right {
    border-right: 1px dotted #d1d1d1;
}

.border-left {
    border-left: 1px dotted #d1d1d1;
}

.thumbnail {
    
}

.thumbnail ul {
    
}

.thumbnail li {
    background-image: none;
    margin-bottom: 15px;
}

.thumbnail-border {
    height: auto;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    float: left;
    margin: 0 10px 0 0;
}

.thumbnail-border img {
    height: auto;
    border: 3px solid #f3f3f3;
}

.icon {
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
}
*/

/* ---- Generic Button Styles --- */
a.button {
    background-color: #ddd;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    margin: 0 5px;
}

    a.button.btn-large {
        padding: 5px 20px 6px;
        font-size: 16px;
        margin: 5px;
    }

    a.button.primary, a.button.primary:visited {
        background-color: #5bbf21;
        border-color: #5bbf21;
        color: #fff;
    }

        a.button.primary:hover {
            color: #cce226;
            background-color: #428a19;
        }

    a.button.secondary, a.button.secondary:visited {
        background-color: #3a75c4;
        border-color: #3a75c4;
        color: #fff;
    }

        a.button.secondary:hover {
            color: #cce226;
            background-color: #2a538a;
        }


/* --- Buttons --- */
/*a.primary {
    background: transparent url(/portal/images/Default/rightCap_sm_primary.gif) right top no-repeat;
}

    a.primary span {
        background: transparent url(/portal/images/Default/leftCap_sm_primary.gif) left top no-repeat;
    }

a.secondary {
    background: transparent url(/portal/images/Default/rightCap_sm_secondary.gif) right top no-repeat;
}

    a.secondary span {
        background: transparent url(/portal/images/Default/leftCap_sm_secondary.gif) left top no-repeat;
    }*/

.buttonGroup {
    /*margin-bottom:25px;*/
    display: inline-block;
    margin: 0 auto 25px auto;
    position: relative;
}

.buttonGroup.shallow {
    margin-bottom: 0;
}

/* --- Begin ASP.NET HyperLink-friendly styles for making buttons --- */
span.button {
    display: inline-block;
    margin: 10px 5px 5px 0;
    padding: 0 4px 0 0;
    width: auto;
    float: left;
    height: 20px;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

    span.button.inline {
        margin-top: 1px;
    }

    span.button i.fa {
        font-size: 14px;
        margin-top: -3px;
        margin-right: 3px;
        float: left;
    }

div.button {
    display: inline-block;
    width: auto;
    float: left;
}

span.button input[type=submit],
span.button input[type=button] {
    padding: 0;
    border-radius: 0 !important;
}

span.button a:visited {
    color: #fff;
}

span.button a:hover {
    color: #cce226;
}

span.button a,
span.button input[type=submit],
span.button input[type=button] {
    display: block;
    padding: 5px 10px 10px 15px;
    font: bold 11px arial, helvetica, sans-serif;
    line-height: 8px;
    color: #fff;
    border: none;
    margin-right: 0;
}

span.primary {
    background: transparent url(/portal/images/Default/rightCap_sm_primary.gif) right top no-repeat;
}

    span.primary a,
    span.primary input[type=submit],
    span.primary input[type=button] {
        background: transparent url(/portal/images/Default/leftCap_sm_primary.gif) left top no-repeat;
    }

span.secondary {
    background: transparent url(/portal/images/Default/rightCap_sm_secondary.gif) right top no-repeat;
}

    span.secondary a,
    span.secondary input[type=submit],
    span.secondary input[type=button] {
        background: transparent url(/portal/images/Default/leftCap_sm_secondary.gif) left top no-repeat;
    }


/* Special override for inventory listing page */
.inv-op-buttons .button.primary, .inv-op-buttons .button.secondary {
    width: 95%;
    padding: 0 4px;
    text-align: center;
}
.inv-op-buttons .button.primary a, 
.inv-op-buttons .button.secondary a {
    width: 100%;
    padding: 6px 0;
    text-align: center;
}


/* --- End ASP.NET HyperLink-friendly styles for making buttons --- */
/* Begin "button disabled" functionality */
span .button-obscrure {
    z-index: -1;
    width: 0;
    height: 0;
    display: none;
}

.button-disable span .button-obscure {
    background-color: rgba(255, 255, 255, .75);
    cursor: not-allowed;
    z-index: 10;
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

/* END "button disabled" functionality */
/* ---- Small Button Styles --- */
a.buttonSm {
    display: block;
    width: auto;
    height: 16px;
    font: bold 9px Verdana, Geneva, sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    background: transparent url(/portal/images/Default/rightCap_smaller_primary.gif) right top no-repeat;
    margin: 8px 5px 3px 0;
    padding: 0 4px 0 0;
}

    a.buttonSm:visited {
        color: #fff;
    }

    a.buttonSm:hover {
        color: #cce226;
    }

    a.buttonSm span {
        display: block;
        padding: 3px 0 5px 5px;
        line-height: 8px;
        background: transparent url(/portal/images/Default/leftCap_smaller_primary.gif) left top no-repeat;
    }

/* --- Begin ASP.NET HyperLink-friendly styles for making small buttons --- */
span.buttonSm {
    display: inline-block;
    width: auto;
    float: left;
    height: 16px;
    font: bold 9px Verdana, Geneva, sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    background: transparent url(/portal/images/Default/rightCap_smaller_primary.gif) right top no-repeat;
    margin: 8px 5px 3px 0;
    padding: 0 4px 0 0;
}

    span.buttonSm.inline {
        margin-top: 1px;
    }

    span.buttonSm a:visited {
        color: #fff;
    }

    span.buttonSm a:hover {
        color: #cce226;
    }

    span.buttonSm a,
    span.buttonSm input[type=submit],
    span.buttonSm input[type=button] {
        display: block;
        color: #fff;
        font: bold 9px Verdana, Geneva, sans-serif;
        padding: 3px 0 5px 5px;
        line-height: 8px;
        background: transparent url(/portal/images/Default/leftCap_smaller_primary.gif) left top no-repeat;
        border: none;
        margin-right: 0;
    }

span.buttonSmSecondary {
    display: inline-block;
    width: auto;
    float: left;
    height: 16px;
    font: bold 9px Verdana, Geneva, sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    background: transparent url(/portal/images/Default/rightCap_smaller_secondary.gif) right top no-repeat;
    margin: 8px 5px 3px 0;
    padding: 0 4px 0 0;
}

    span.buttonSmSecondary.inline {
        margin-top: 1px;
    }


    span.buttonSmSecondary a:visited {
        color: #fff;
    }

    span.buttonSmSecondary a:hover {
        color: #cce226;
    }

    span.buttonSmSecondary a,
    span.buttonSmSecondary input[type=submit],
    span.buttonSmSecondary input[type=button] {
        display: block;
        color: #fff;
        padding: 3px 0 5px 5px;
        font: bold 9px Verdana, Geneva, sans-serif;
        line-height: 8px;
        background: transparent url(/portal/images/Default/leftCap_smaller_secondary.gif) left top no-repeat;
        border: none;
        margin-right: 0;
    }
/* --- End ASP.NET HyperLink-friendly styles for making small buttons --- */

/* overrides/enhancements for Bootstrap buttons */

.btn {
    margin-top: 2px;
    margin-right: 2px;
}

.btn:focus {
    box-shadow: none;
}

.btn-light {
    border: 1px solid #ddd;
}

.btn-primary {
    background-color: #5bbf21;
    border-color: #346f12;
}

.btn-secondary {
    background-color: #3a75c4;
    border-color: #274d80;
}

.btn-primary:hover {
    background-color: #346f12 !important;
}

.btn-secondary:hover {
    background-color: #274d80 !important;
}

.btn-close:focus {
    box-shadow: none;
}

a.btn.btn-danger:link,
a.btn.btn-danger:visited,
a.btn.btn-danger:active {
    color: #fff;
}
/* TODO: Move these */
.item-background {
    background-color: transparent;
}

.alt-background {
    background-color: #efefef;
}

.inventory-lineitem {
    background-color: transparent;
    border-bottom: solid 1px #ddd;
    padding: 3px 0 1px 2px;
}

.inventory-altlineitem {
    background-color: #efefef;
    border-bottom: solid 1px #ddd;
    padding: 3px 0 1px 2px;
}

/* ------- Form ------- */
form {
    display: block;
}

label {
    display: inline-block;
    color: #666666;
    font-size: 12px;
}

    label a {
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        color: #3a75c4;
    }

input {
    margin: 0 2px 10px 0;
}

select {
    width: 160px;
}

#LoginTable {
    width: 100%;
}

    #LoginTable td.labelcol {
        font-size: 12px;
        width: 20%;
        font-weight: bold;
    }

    #LoginTable td.fieldcol {
        width: 80%;
    }

    #LoginTable input[type=text],
    #LoginTable input[type=password] {
        width: 50%;
        padding: 3px;
        font-size: 14px;
        font-weight: normal;
        border-radius: 3px;
        border: 1px solid #ddd;
        /*height: 36px;*/
        line-height: unset !important;
        outline: none;
    }

        #LoginTable input[type=text]:focus,
        #LoginTable input[type=password]:focus {
            border-color: #555;
        }

    #LoginTable .heading {
        font-size: 12px;
        font-weight: bold;
        padding-bottom: 5px;
    }

    #LoginTable td.multi-prof {
        padding-top: 10px;
    }

        #LoginTable td.multi-prof .label {
            font-weight: bold;
            font-size: 12px;
            color: #666;
            text-align: left;
            line-height: 1.4;
            white-space: normal;
        }

    #LoginTable select {
        width: 66%;
        padding: 3px;
        font-size: 12px;
        font-weight: normal;
        line-height: 16px;
        height: 30px;
        border-radius: 4px;
        border: 1px solid #ddd;
    }

        #LoginTable select:focus {
            border-color: #555;
        }

    #LoginTable .dxeButtonEdit_Catapult {
        margin-bottom: 10px;
    }

    #LoginTable .dxic input[type=text] {
        padding: 0 3px;
    }

    #LoginTable .dxeListBoxItem_Catapult {
        font-size: 14px;
    }

strong {
    font-weight: bold;
}

input[type=checkbox] {
    float: left;
    margin-right: 4px;
    margin-bottom: 0;
}

input[type=radio] {
    float: left;
    margin-right: 4px;
    margin-bottom: 0;
}

/* Global Tab Navigation */
#logo {
    display: block;
    float: left;
    height: 100px;
    margin: 0;
    width: 414px;
}


/* Utility (top-right) Navigation */
#utility-nav {
    width: 320px;
    position: absolute;
    right: 42px;
    top: 0;
    float: right;
    padding: 0 0 10px;
    color: #fff;
    height: 94px;
    margin: 0 0 19px 0;
}

#utility-nav .printed-info {
    width: 100%;
    height: 100px;
    font-size: 18px;
    padding-top: 35px;
    line-height: 22px;
    text-align: right;
}




    #utility-nav a {
        color: #fff;
    }

        #utility-nav a:link, #utility-nav a:visited, #utility-nav a:active {
            color: #fff;
        }

        #utility-nav a:hover {
            color: #cce226;
            cursor: pointer;
        }

        #utility-nav a.button {
            color: #cce226;
        }

            #utility-nav a.button:hover {
                color: #cce226;
            }

    #utility-nav .button.secondary.quicksearch a
    {
        color: #fff;
    }

        #utility-nav .button.secondary.quicksearch a:hover,
        #utility-nav .button.secondary.quicksearch input[type=submit]:hover {
            color: #ffff79;
        }

    #utility-nav .button.secondary.quicksearch input[type=submit]
    {
        padding: 6px 8px 6px 10px;
    }

    #utility-nav .container-a {
        width: auto;
        height: 40px; /*56px;*/
        padding: 0 0 0 0;
        text-align: right;
        position: relative;
        margin-left: 110px;
    }

        #utility-nav .container-a .container-a1 {
            position: absolute;
            width: 202px;
            bottom: 0;
        }

    #utility-nav .container-b {
        width: 160px;
        float: left;
        margin-top: 6px;
        margin-left: 110px;
    }

        #utility-nav .container-b input {
            margin: 4px 0 0 0;
            width: 145px;
            background-image: url(/portal/images/icon-search.gif);
            background-repeat: no-repeat;
            background-position: right center;
            border: 1px solid #555;
            height: 16px;
            margin-top: 6px;
            padding: 1px 15px 1px 2px;
            box-sizing: border-box;
            font-weight: normal;
            border-radius: 3px;
            font-size: 10px;
        }

    #utility-nav .container-c {
        text-align: right;
        width: auto;
    }

    #utility-nav .container-d {
        text-align: right;
        width: auto;
        margin-top: 10px;
        padding: 0 8px 0 0;
    }

        #utility-nav .container-d .util-links {
            float: left;
            text-align: left;
        }

            #utility-nav .container-d .util-links .icon-14,
            #utility-nav .container-d .util-links .icon-16 {
                margin-right: 5px;
                margin-top: 2px
            }

    #utility-nav .userinfo {
        float: right;
        line-height: 12px;
        font-size: 11px;
        padding-top: 4px;
        max-width: 150px;
    }

        #utility-nav .userinfo .name {
            font-weight: bold;
        }

        #utility-nav .userinfo .profile {
            font-size: 9px;
        }

/* ------- Font Colors ------- */
.red {
    color: #FF0000;
}

/*.cart-wide table tr td {
    border-bottom: solid 1px #ddd;
    padding: 3px 0 1px 2px;
}

.cart table tr td {
    border-bottom: solid 1px #ddd;
    padding: 3px 0 1px 2px;
}*/

.item-list table tr td {
    border-bottom: solid 1px #ddd;
    padding: 3px 0 1px 2px;
}

.download-list table tr td {
    border-bottom: solid 1px #ddd;
    padding: 3px 0 1px 2px;
}

.order-list table tr td {
    border-bottom: solid 1px #ddd;
    padding: 3px 0 1px 2px;
}

.order-kit-list table tr td {
    border-bottom: solid 1px #ddd;
    padding: 3px 0 1px 2px;
}



.ccinfo.expiremonth {
    width: 75px;
}

.ccinfo.expireyear {
    width: 75px;
}

.notice {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
}

table.calendar {
    width: auto !important;
}

    table.calendar table.title {
        background-color: #999 !important;
        color: #000 !important;
        font-weight: bold !important;
    }

    table.calendar th.days {
        background-color: #c0c0c0 !important;
        color: #000 !important;
        font-weight: normal !important;
        padding: 0 2px;
    }

    table.calendar td.selecteddate {
        background-color: #999 !important;
        font-weight: bold !important;
    }

    table.calendar td.today {
        border: 1px solid #222 !important;
    }

.calendar .ajax__calendar_container {
    background-color: #fff;
    border: 1px solid #222;
    width: 175px;
    position: relative;
    left: 5px;
}

.calendar .ajax__calendar_header {
    background-color: #999;
    font-weight: bold;
    color: #000;
}

.calendar .ajax__calendar_days {
    background-color: #fff;
    color: #000;
    padding: 0 0;
    font-weight: normal;
}

.calendar .ajax__calendar_day {
    color: #000;
}

.calendar .ajax__calendar_active {
    background-color: #999;
    font-weight: bold;
}

.calendar .ajax__calendar_today {
    border: 1px solid #222;
}

.calendar .ajax__calendar_hover {
    background-color: #ccc;
}


td.label {
    color: #555;
    line-height: normal;
    padding: 0;
    margin-top: .4em;
    white-space: normal;
    font-size: 11px;
    display: table-cell; /*solves a particular Bootstrap-related issue */
    text-align: left;
}

    td.label:empty {
        display: table-cell;
    }

    td.label label {
        padding-top: 2px;
    }

table.costing-block {
    /*    margin-bottom: 15px; */
}

    table.costing-block td.labelcol {
        text-align: right;
        padding-right: 8px;
        font-weight: bold;
        width: 50%;
    }

    table.costing-block td.underlined {
        border-bottom: 1px solid #000;
    }

    table.costing-block td.label {
        text-align: left;
        font-weight: bold;
        padding-bottom: 20px;
    }

    table.costing-block td.field.tracking {
        font-size: 14px;
    }

.delrec td.delrec-hide {
    display: none;
}

body.delrec header {
    height: 115px !important;
}

.delrec .detailview td.fullfield {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
}
.delrec .detailview td.fullfield.comments {
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
}

/* This WholePage style was added to make the page stretch fully top to bottom after adding the AJAX UpdatePanel to support
   the "Please wait..." modal panel. Without it, the footer rises on the page instead of staying at the absolute bottom. */
#WholePage {
    height: 100%;
    min-height: 100%;
}
/* End WholePage style */

.radio2col td {
    width: 50%;
}

.radio3col td {
    width: 33%;
}

.portrait img {
    width: auto;
    height: auto;
    border: none;
    margin: 0;
    display: inline;
    float: none;
}

.portrait.large img {
    width: 300px;
}

.portrait.medium img {
    width: 150px;
}

.portrait.small img {
    width: 75px;
}

.eddm-thumbnail img {
    height: auto;
    width: 125px;
}


.modal-frame {
    position: fixed;
    top: 0;
    left: 0;
    background: url('/portal/IMAGES/Default/bg-shade-60.png') repeat;
    filter: alpha(opacity=40);
    z-index: 1800;
    min-height: 100%;
    width: 100%;
}

    .modal-frame.wait {
        z-index: 1900;
    }

.loading {
    position: fixed;
    background-color: #fff;
    width: 300px;
    display: normal;
    margin: 0 auto;
    z-index: 999;
    border: 3px solid #222;
    left: 0;
    right: 0;
    top: 40%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
    -moz-box-shadow: rgba(0,0,0,0.5) 5px 5px 8px;
    -webkit-box-shadow: rgba(0,0,0,0.5) 5px 5px 8px;
    box-shadow: rgba(0,0,0,0.5) 5px 5px 8px;
    font-size: 14px;
    padding: 10px;
    box-sizing: border-box;
}

    .loading p {
        display: block;
        margin: 5px;
        font-size: 18px;
    }

    .loading i {
        float: left;
        margin: 5px;
        color: #333;
        /*font-size: 14px;*/
    }

    .loading img {
        width: 48px;
        height: auto;
        margin-bottom: 10px;
    }


/* Marketing stuff */

.module.marketing {
}

    .module.marketing.c4ac {
        background: none #4182d0;
        border: none;
    }

    .module.marketing.benny {
        border-radius: 10px;
        overflow: hidden;
    }

    .module.marketing.generic {
        /*border-radius: 10px;*/
        overflow: hidden;
    }

    .module.marketing.pwp {
        overflow: hidden;
        background: none #3c75ba;
        color: #fff;
    }

        .module.marketing.pwp a {
            color: #fff;
        }

        .module.marketing.pwp p {
            padding: 0 10px;
        }

    .module.marketing.bg-green {
        background: none #5bbf21;
        border: none;
    }

    .module.marketing.bg-white {
        background: none #fff;
        border: none;
    }

    .module.marketing .module-body {
        color: #fff;
        font-weight: bold;
        font-size: 15px;
    }

    .module.marketing .formsection {
        width: 50%;
        margin: 0;
        float: left;
    }

    .module.marketing.c4ac .formsection img {
        width: 100%;
        height: auto;
    }

    .module.marketing.c4ac .formsection.left {
        width: 45%;
    }

    .module.marketing.c4ac .formsection.right {
        border-left: 1px solid #fff;
        width: calc(55% - 1px);
    }

    .module.marketing.c4ac .formsection.left img {
        width: 100%;
        max-width: 294px;
        height: auto;
        padding-top: 2px;
    }

    .module.marketing.c4ac .formsection.right img {
        width: 100%;
        max-width: 294px;
        height: auto;
        padding-left: 15px;
    }

    .module.marketing.c4ac div.full {
        width: 100%;
        display: block;
        box-sizing: border-box;
        font-size: 10px;
        font-weight: normal;
    }

        .module.marketing.c4ac div.full.right {
            text-align: right;
            padding-right: 20px;
            margin-right: 20px;
            color: white;
        }

    .module.marketing.c4ac a {
        color: #fff;
    }

        .module.marketing.c4ac a:hover {
            color: #fff;
            text-decoration: underline;
        }

    .module.marketing.holiday {
        background: #3a75c4 none;
        border-color: #3a75c4;
        overflow: hidden;
        /*min-height: 300px;*/
    }

        .module.marketing.holiday div.full {
            position: relative;
        }

            .module.marketing.holiday div.full img.overlay {
                position: absolute;
                opacity: 0.25;
            }

        .module.marketing.holiday img.top-left {
            width: 190px;
            height: auto;
            top: -100px;
            left: -85px;
        }

        .module.marketing.holiday div.full p {
            text-shadow: 1px 1px 1px #214676;
        }

    .module.marketing.warning {
        background: #fff none;
        border: 1px solid #000;
    }

    .module.marketing.alert {
        background: #fff none;
        border: 1px solid #f11;
    }

    .module.marketing.warning .icon {
        font-size: 120px;
        display: inline-block;
        float: left;
        margin: 10px 30px 30px;
        width: 120px;
        color: #ffac00;
    }

    .module.marketing.alert .icon {
        font-size: 120px;
        display: inline-block;
        float: left;
        margin: 10px 30px 30px;
        width: 120px;
        color: #f11;
    }
    /*.module.marketing.warning .message,
    .module.marketing.alert .message
    {
        display: inline-block;
        float: left;
        width: calc(100% - 230px);
        margin: 0;
    }*/
    .module.marketing.warning p,
    .module.marketing.alert p {
        color: #000;
        font-size: 11px;
        font-weight: normal;
    }

    .module.marketing.warning h2,
    .module.marketing.alert h2 {
        display: inline-block;
        width: calc(100% - 240px);
        color: #333;
        border-bottom: 1px solid #333;
        padding-bottom: 3px;
        margin-bottom: 10px;
    }

    .module.marketing.alert.sidebar {
        background: #f11 none;
        width: 100%;
        margin-top: 0;
    }

        .module.marketing.alert.sidebar .icon {
            font-size: 120px;
            display: inline-block;
            margin: 10px auto 30px;
            width: 100%;
            color: #fff;
            text-align: center;
        }

        .module.marketing.alert.sidebar h2 {
            display: block;
            width: 100%;
            color: #fff;
            border-bottom: 1px solid #fff;
            padding-bottom: 5px;
            margin-bottom: 10px;
            font-size: 30px;
        }

        .module.marketing.alert.sidebar p {
            color: #fff;
            font-size: 16px;
            font-weight: bold;
        }

.sidebar .module.marketing .formsection {
    width: 100%;
    margin: 0;
    float: left;
}

.sidebar .module.marketing.c4ac .formsection img {
    width: 100%;
    height: auto;
    text-align: center;
}

.sidebar .module.marketing.c4ac .formsection.left {
    width: 100%;
}

.sidebar .module.marketing.c4ac .formsection.right {
    border-left: none;
    border-top: 1px solid #fff;
    width: 100%;
}

.sidebar .module.marketing.c4ac .formsection.left img {
    padding-top: 0;
}

.sidebar .module.marketing.c4ac .formsection.right img {
    padding-left: 0;
}

.module.marketing.notice {
    background: none #3a75c4;
    border: none;
}

    .module.marketing.notice .formsection {
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        color: #fff;
    }

        .module.marketing.notice .formsection i {
            float: left;
            margin-right: 10px;
        }

        .module.marketing.notice .formsection.heading {
            font-size: 30px;
            font-weight: bold;
            color: #cce226;
            line-height: 34px;
        }

.module.marketing.sidebar {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
}

.module.marketing.notice .module-body {
    padding: 10px 0 0 0;
}

.login .module.marketing.notice .module-body {
    padding: 10px 0 0 12px;
}
/* End Marketing stuff */

.login-trouble
{
    display: block;
    width: 100%;
    margin: 8px 0;
    font-weight: bold;
}


/* icon helpers */
span.icon-14 {
    position: relative;
    display: inline-block;
    width: 18px;
    float: left;
    max-width: 18px;
    overflow: hidden;
    padding-left: 1px;
    white-space: nowrap;
}

    span.icon-14 i {
        font-size: 14px;
    }

span.icon-16 {
    position: relative;
    width: 18px;
    float: left;
    max-width: 18px;
    overflow: hidden;
    padding-left: 2px;
    white-space: nowrap;
    text-align: center;
}

    span.icon-16 i {
        font-size: 16px;
    }

    span.icon-14.centered i,
    span.icon-16.centered i {
        float: none;
        text-align: center;
    }

    span.icon-16 .fa-stack,
    span.icon-14 .fa-stack {
        width: 18px;
        max-width: 18px;
        margin: 0;
        padding: 0;
        vertical-align: top;
        line-height: 18px;
        float: left;
        height: 20px;
    }

    span.icon-16 .fa-stack-1x,
    span.icon-16 .fa-stack-2x,
    span.icon-14 .fa-stack-1x,
    span.icon-14 .fa-stack-2x {
        position: absolute;
    }

i.fa-info-circle[data-bs-toggle="popover"]
{
    font-size: 16px;
    cursor: help;
    margin: 2px 4px 0 4px;
}
.no-color {
    color: #000;
}

    .no-color.dark {
        color: #111;
    }
/* END icon helpers*/

/* Error page styles */
div.error-page .icon-large {
    font-size: 60px;
    text-align: center;
    width: 50%;
    float: left;
    margin: 0;
    color: #bbb;
    text-shadow: -1px -1px 0 rgba(240,240,240,0.3), 1px 1px 0 rgba(0,0,0,0.8);
    opacity: 0.4;
    -webkit-filter: blur(3);
}

.error-page .message {
    font-size: 14px;
    width: 48%;
    float: left;
    margin: 0 0 0 1%;
    padding-right: 20px;
    box-sizing: border-box;
}

.error-page div.message p > b {
    font-size: 16px;
}
/* END Error page styles */


/* paper selector styles */
.paper-select {
    display: block;
}

    .paper-select p.inv-info {
        font-weight: bold;
    }

    .paper-select .selector {
        width: 100%;
        display: inline-block;
        margin: 0;
        float: left;
    }

    .paper-select .refresh-button {
        width: 0;
        display: none;
        margin: 0;
        float: left;
    }

        .paper-select .refresh-button .btn {
            color: #fff;
            background-color: #bbb;
            border-color: #888;
            font-size: 12px;
            padding-top: 4px;
            padding-bottom: 3px;
        }

            .paper-select .refresh-button .btn:hover {
                background-color: #888 !important;
                border-color: #888 !important;
            }

    .paper-select.with-button .selector {
        width: calc(100% - 135px);
    }

    .paper-select.with-button .refresh-button {
        width: 135px;
        display: inline-block;
        padding-left: 5px;
    }

/* END paper selector styles */

/* Miscellaneous Bootstrap Overrides */
.alert {
    font-size: 13px;
}

    .alert strong {
        font-weight: bold;
    }

/* END Miscellaneous Bootstrap Overrides */

/* My Orders listing and search form */
.my-orders-search h5 {
    margin-bottom: 5px;
}

.my-orders-search input[type=text],
.my-orders-search select {
    width: 100%;
    border-radius: 5px;
    height: 24px;
}

.my-orders-search .checkrow {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 5px;
}

.listing th {
    font-weight: bold;
    line-height: 1.1;
}

.listing.my-orders-groups td {
    width: 100%;
    padding: 2px;
    border-bottom: none;
}

.listing.my-orders-groups h3 {
    border-top: 3px solid #888;
    margin-top: 10px;
}

.listing.my-orders-groups

.listing.my-orders th,
.listing.my-orders td {
    border: none;
    border-bottom: 1px solid #ddd;
}

    .listing.my-orders th > div,
    .listing.my-orders td > div {
        display: inline-block;
        float: left;
    }

.listing.my-orders .ordercol {
    width: 20%;
}

.listing.my-orders .datecol {
    width: 20%;
}

.listing.my-orders .recipcol {
    width: 20%;
}

.listing.my-orders .countcol {
    width: 5%;
    text-align: center;
}

.listing.my-orders .statuscol {
    width: 15%;
    text-align: center;
}

.listing.my-orders .subtext {
    font-size: 9px;
    font-style: italic;
    color: #888;
}

.listing.my-orders .pager {
    margin-top: 2px;
    margin-bottom: 5px;
}

    .listing.my-orders .pager .pager-buttons {
        display: inline-block;
        float: left;
    }

    .listing.my-orders .pager .pager-location {
        display: inline-block;
        float: left;
        margin: 5px 0 0 5px;
    }

    .listing.my-orders .pager .pager-recordlocation {
        display: inline-block;
        float: right;
        text-align: right;
        margin-top: 5px;
    }

/* END My Orders listing */

/* My orders details - file list */
.my-orders-files .listing.files th > div,
.my-orders-files .listing.files td > div > div {
    display: inline-block;
    float: left;
}

.my-orders-files .listing.files td > div {
    display: inline-block;
    width: 100%;
}




/* END My orders details - file list */
/*		Default Layout: 992px. 
        Gutters: 24px.
        Outer margins: 48px.
        Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */
#container-util {
    margin: 0 auto;
    width: 990px;
    height: 115px;
    /*top:0;*/
    position: relative;
}

#admin-bar {
    margin: 0 0 0 2px;
    top: -22px;
    position: fixed;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    width: 988px;
    z-index: 1040;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

    #admin-bar div.slider {
        position: relative;
        display: block;
        width: 100%;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        height: 25px;
        padding: 2px;
        background-color: rgba(220, 220, 220, .90);
        border: 1px solid rgba(128, 128, 128, .75);
        border-top-color: transparent;
        color: #000;
        font-size: 12px;
    }

.mobile #admin-bar {
    top: -25px;
}

    .mobile #admin-bar div.slider {
        height: 25px;
    }

#admin-bar div.toggle-bar {
    width: 100%;
    position: relative;
    display: block;
}

#admin-bar div.toggle {
    margin: 0 auto;
    width: 100px;
    text-align: center;
    height: 10px;
    border-radius: 0 0 20px 20px;
    background-color: rgba(220, 220, 220, .70);
    opacity: 0.0;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.mobile #admin-bar div.toggle {
    opacity: 1.0;
}

#admin-bar div.toggle i {
    position: relative;
    font-size: 24px;
    line-height: 16px;
    top: -9px;
    color: rgba(128, 128, 128, .75);
}

#admin-bar .links {
    position: absolute;
    left: 30px;
}

#admin-bar .link-block {
    float: left;
    white-space: nowrap;
    margin-bottom: 4px;
    margin-right: 5px;
    position: relative;
}

.mobile #admin-bar div.slider select {
    padding: 3px;
}

#admin-bar a {
    color: #3a75c4;
}

#admin-bar select {
    font-weight: normal;
    width: 200px;
}

#admin-bar img.logo {
    height: 20px;
    width: auto;
    float: left;
    margin: -1px 8px 0 2px;
}

#admin-bar.visible {
    top: 0 !important;
}

    #admin-bar.visible div.toggle {
        opacity: 0.0;
    }

#admin-bar .link-block tr td {
    vertical-align: top;
}

#admin-bar .selector-box {
    width: 200px;
    max-width: 200px;
    padding-left: 3px;
    padding-right: 3px;
    /*border: 1px solid #000;*/
}

#admin-bar .selector {
    margin-top: -2px;
}

#admin-bar .dxic {
    padding: 1px 3px;
}

#admin-bar .dxeListBox_Catapult {
    position: absolute;
    border-color: #333;
    z-index: 1040;
}

#page-label {
    margin: 0 auto;
    top: 0;
    position: relative;
    font-weight: bold;
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif;
}

body header .navContainer {
    margin: 0 auto;
    width: 100%;
    /*top: 115px;*/
    margin-top: 0;
}

    body header .navContainer #tabs {
        width: 100%;
    }

#tabs a.tabAnchor span.home {
    padding: 0 10px 0 10px;
}

#tabs a.tabAnchor span img {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Selection colours (easy to forget) */

::selection {
    background: rgb(208,208,208);
}

::-moz-selection {
    background: rgb(208,208,208);
}

img::selection {
    background: transparent;
}

img::-moz-selection {
    background: transparent;
}

body header {
    -webkit-tap-highlight-color: rgb(208,208,208);
}


/*  Begin default custom styles */
.subnav {
    margin: -21px auto 15px 0;
}

    .subnav #orderinfo {
        float: right;
        margin-top: 8px;
        margin-right: 2px;
    }

    .subnav .hideable {
        display: inline;
    }

.transfileupload {
    width: 100%;
    position: relative;
}

    .transfileupload input[type=file] {
        width: 100%;
        size: 50;
    }

img.new-overlay-icon {
    position: absolute;
    z-index: 300;
    left: -10px;
    top: -10px;
    height: 32px;
    width: 32px !important;
    border: none !important;
}



input[type=text],
input[type=password] {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 2px;
    font-size: 13px;
    padding: 2px;
    line-height: 32px;
    height: 28px;
    vertical-align: middle;
    border: 1px solid #ddd;
}

    input[type=text]:hover,
    input[type=password]:hover,
    select:hover {
        border-color: #555;
    }

    input[type=text]:focus,
    input[type=password]:focus,
    textarea:focus,
    select:focus {
        border-radius: 3px;
        border-color: #555;
        box-shadow: rgba(0, 32, 192, 0.4) 0 0 5px;
        color: #333;
        outline: none;
    }

    input[type=text].numeric {
        text-align: right;
    }

::-webkit-input-placeholder {
    color: #888;
    font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
    color: #888;
    font-style: italic;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #888;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #888;
    font-style: italic;
}

.highlight.positive {
    color: Green;
    font-weight: bold;
}

.highlight.warning {
    color: #ff5610 !important;
    font-weight: bold;
}

.highlight.negative {
    color: #f11 !important;
    font-weight: bold;
}

.highlight.error {
    color: #f11 !important;
}

.highlight.important {
    color: #ffac00;
}

.highlight.information {
    color: #0026ff;
}

.highlight.baseline {
    color: green;
}

.highlight.disabled {
    color: #ddd !important;
}


/* End default custom styles */

.outerBody {
    width: 896px;
    /*width: 992px;*/
    padding: 21px 15px 40px;
    margin: 0 auto 30px auto;
    box-sizing: border-box;
}

    .outerBody.hs {
        padding: 21px 0 40px;
    }

.mainBody {
    width: 600px;
    margin-top: 19px;
    float: left;
}

    .mainBody li {
        display: block;
        width: 28%;
        margin-right: 3%;
        float: left;
    }

.faqlist .formsection {
    width: 49%;
    display: inline-block;
    float: left;
}

    .faqlist .formsection a {
        display: block;
        font-size: 16px;
        margin-bottom: 15px;
    }

.faqlist p {
    font-size: 14px;
    margin-bottom: 15px;
}

.faqlist ol {
    list-style: decimal outside;
    font-weight: bold;
    margin-left: 20px;
}

    .faqlist ol li {
        list-style: decimal outside;
        width: auto;
        display: list-item;
    }

        .faqlist ol li span {
            font-weight: normal;
        }

.faqlist .question {
    font-weight: bold;
}

ul.order {
    z-index: 400;
}

    ul.order li {
        font-weight: bold;
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin-bottom: 10px;
        z-index: 400;
        display: inline-block;
    }

.order-module .overlay-image {
    background-image: url(/portal/images/Default/icon-check-basket.png);
    background-repeat: no-repeat;
    height: 50px;
    position: absolute;
    z-index: 300;
    left: -8px;
    top: -6px;
    width: 80px;
}


.sidebar {
    float: right;
    width: 250px;
    margin-top: 19px;
}

    .sidebar.elevate {
        margin-top: 0;
    }

    .sidebar table {
        width: 250px;
    }

    .sidebar .dashboard table {
        width: 100%;
    }

    .sidebar table td {
        vertical-align: top;
    }

    .sidebar.float {
        position: relative;
        left: 0;
        top: -19px;
    }


/* floating things */
.float-container {
    position: relative;
    left: 0;
    height: 59px;
}

#tool-float {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #fff;
    z-index: 100;
    /*padding: 0 10px;*/
    width: 100%;
    transition: background-color ease-in-out 0.5s 0s;
    transition: border ease-in-out 0.5s 0s;
}

.sidebar #tool-float {
    border: none;
}

.sidebar.float #tool-float {
    border: 1px solid #bfbfbf;
}

#tool-float.stay {
    position: fixed;
    top: 0;
    left: 2.5%;
    width: 95%;
    background-color: rgba(239, 239, 239, 0.8);
    border: 1px solid #eee;
}
#tool-float.full.stay {
    width: 100%;
    left: 0;
}


#tool-float .btn {
    margin-bottom: 5px;
}

#tool-float.stick {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 864px;
    padding-top: 10px;
    border: none;
    border-bottom: 1px solid #e0e0e0;
}

.filename-box{
    border: 1px solid #ddd;
    padding: 3px;
    border-radius: 3px;
    font-size: 100%;
    word-break: break-all;
    margin-bottom: 10px;
}
.filename-larger {
    font-size: 120%;
    font-weight: bold;
}

.cart .additionalInfo {
    font: 9px/11px Verdana, Geneva, sans-serif;
}

.cart table {
    width: 225px;
}

    .cart table td {
        vertical-align: top;
    }

        .cart table td.itemcol {
            width: 53%;
        }

.listing .cart table tr td {
    border-bottom: none;
    padding: 0 0 0 0;
}


.cart table td.quantity {
    width: 25%;
    text-align: right;
}

.cart table td.itemprice {
    width: 0%;
    display: none;
}

.cart table td.personalizeddelete {
    width: 22%;
}


.cart div.updateall {
    display: none;
}

.cart .icon-14,
.cart .icon-16,
.cart-wide .icon-14,
.cart-wide .icon-16 {
    width: 100%;
    max-width: 100%;
    overflow: unset;
    text-align: right;
    float: none;
    display: block;
}

.cart-wide td.header {
    font-weight: bold;
}

.cart-wide table {
    width: 595px;
    font-size: 12px;
}

.listing .cart-wide table tr td {
    border-bottom: none;
    padding: 0 0 0 0;
}

.cart-wide table td {
    vertical-align: top;
}

    .cart-wide table td.itemcol {
        width: 43%;
    }

    .cart-wide table td.quantity {
        width: 19%;
        text-align: right;
    }

.cart-wide td.quantity a {
    font-size: 16px;
    text-align: left;
}


.cart-wide .fixedQuantity {
    display: none;
}

.cart-wide .selectQuantity {
    display: inline;
}

.cart-wide table td.itemprice {
    text-align: right;
    width: 18%;
}


.cart-wide table span.pricespan::before {
    content: '$';
}

.cart-wide table td.personalizeddelete {
    width: 20%;
}

.cart-wide input[type=text] {
    margin-bottom: 2px;
    padding: 2px;
    vertical-align: middle;
    border: 1px solid #ddd;
    width: calc(100% - 24px);
    text-align: right;
    display: inline;
}



span.personalized {
    width: 65%;
    display: block;
    float: right;
    text-align: center;
}

    span.personalized a {
        float: right;
    }

span.personalizednarrow {
    display: none;
}

span.personalized a {
    display: none;
}

span.deleteline {
    font-size: 16px;
    display: block;
    width: 35%;
    float: right;
    text-align: center;
}

    span.deleteline fa {
        float: right;
    }



.cart-wide div.updateall {
    display: block;
    width: 100%;
    padding-left: 299px;
}

.cart-wide .additionalInfo {
    font: 9px/11px Verdana, Geneva, sans-serif;
    width: 100%;
}


.cart-wide table td.quantity select {
    width: 100%;
    text-align: right;
}

    .cart-wide table td.quantity select option {
        text-align: right;
    }





.cart-wide.nopricecol table td.itemcol {
    width: 66%;
}



.cart-wide.nopricecol table td.itemprice {
    width: 0%;
    display: none;
}

.cart-wide .field-indicator {
    cursor: help;
}

.field-indicator .black {
    color: #000;
}

.cart .field-indicator {
    display: none;
}


.payment table tr td.labelcol {
    width: 50%;
    font-weight: bold;
}

.payment table tr td.fieldcol {
    width: 50%;
    font-weight: normal;
    text-align: right;
    padding-right: 25px;
}


div.approve-form {
    display: block !important;
    top: 5px;
    width: 85%;
    max-width: 900px;
    /*max-width: 700px;*/
    /*min-width: 875px;*/
    /*min-height: 250px;
    height: 93%;*/
    /* height: auto; */
    /*overflow-y: auto;*/
}

div td.arrival {
    background-color: red;
}
/* start jobreport */
div.jobreport td input[type=checkbox] + label {
    font-weight: normal;
    display: inline;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 9px;
}

div.jobreport td.cbox1 input[type=checkbox],
div.jobreport td.cbox2 input[type=checkbox],
div.jobreport td.cbox3 input[type=checkbox] {
    font-weight: normal;
}

div.jobreport tr td.cbox1 {
    width: 30%;
    padding-left: 15px;
    font-weight: normal;
}

div.jobreport tr td.cbox2 {
    width: 35%;
    font-weight: normal;
}

div.jobreport tr td.cbox3 {
    width: 35%;
    font-weight: normal;
}

/* end job report*/
.download-list table {
    width: 100%;
    font-size: 12px;
}

    .download-list table td {
        vertical-align: top;
    }

        .download-list table td.item {
            width: 40%;
        }

        .download-list table td.preview {
            width: 15%;
            text-align: center;
        }

        .download-list table td.download {
            width: 15%;
            text-align: center;
        }

        .download-list table td.production {
            width: 15%;
            text-align: right;
            padding-right: 3px;
        }
        
        .download-list table td.artwork {
            width: 15%;
            text-align: right;
            padding-right: 3px;
        }

        .download-list table td.shareable {
            padding-top: 10px;
            position: relative;
        }

            .download-list table td.shareable p a {
                display: block;
                margin: 0 auto;
                max-width: 150px;
            }

.order-list table {
    width: 595px;
    font-size: 12px;
}

    .order-list table td {
        vertical-align: top;
    }

    .order-list table th {
        vertical-align: bottom;
        font-weight: bold;
    }

    .order-list table .orderNum {
        width: 30%;
    }

    .order-list table .orderDate {
        width: 15%;
    }

    .order-list table .orderStatus {
        width: 25%;
        text-align: center;
    }

.order-kit-list table {
    width: 595px;
    font-size: 12px;
}

    .order-kit-list table td {
        vertical-align: top;
    }

        .order-kit-list table td.description {
            width: 75%;
            padding-left: 30px;
        }

        .order-kit-list table td.quantity {
            width: 25%;
            text-align: right;
            padding-right: 8px;
        }

.order-info {
    width: 225px;
}

    .order-info td.label {
        font-size: 12px;
        font-weight: bold;
        width: 80px;
    }



    .order-info td.info {
        font-size: 11px;
        width: 145px;
    }

        .order-info td.info.money {
            text-align: right;
            padding-right: 155px;
        }



div.tracking h3 {
    font-size: 12px;
    font-weight: bold;
}

div.tracking table {
    width: 225px;
}

div.tracking td.label {
    font-size: 10px;
    font-weight: bold;
}

div.tracking td.info {
    font-size: 10px;
}

#GlobalFormStyle {
    height: 100%;
}

.container-footer {
    margin: 0 auto 0 auto;
    overflow: visible;
    width: 992px;
    height: 50px;
    background-color: #eee;
    bottom: 0;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -70px;
}

.push {
    height: 60px;
}

footer {
    background-color: #eee;
    height: 70px;
    width: 992px;
    padding: 0 48px;
}

.container-footer p {
    font-size: 8px;
    font-family: Verdana, Geneva, Ariel, sans-serif;
    margin: 0;
    background-color: #eee;
    padding: 4px 0 0 0;
    line-height: 1.25;
    clear: both;
}

.featured article {
    float: left;
    width: 30%;
    margin-right: 3%;
    margin-bottom: 15px;
    height: 103px;
}

    .featured article span {
        font-weight: bold;
        position: relative;
    }

        .featured article span img,
        .featured article span input[type="image"] {
            margin: 0 5px 5px 0;
            width: 75px;
            border: solid #ccc 1px;
            border-left-color: #eee;
            border-top-color: #eee;
        }

    .featured article.full-width {
        width: 98%;
        height: auto;
        margin-bottom: 0;
        border-bottom: 1px solid #ddd;
    }

    .featured article span span.subhead {
        font-size: 10px;
        font-weight: normal;
    }

.details article p {
    font-weight: bold;
    position: relative;
}

    .details article p img {
        margin: 0 5px 5px 0;
        width: 150px;
        border: solid #ccc 1px;
        border-left-color: #eee;
        border-top-color: #eee;
    }

.details article {
    float: left;
    width: 590px;
    margin-right: 3%;
    margin-bottom: 15px;
}

    .details article p span.subhead {
        font-size: 12px;
    }

    .details article p span.itemnumber {
        font-size: 11px;
        display: inline-block;
        font-weight: normal;
    }

    .details article p span.longdesc {
        font-size: 12px;
        font-weight: normal;
    }

    .details article div.magnify {
        display: block;
        margin: 10px 0 0 0;
        width: 200px;
        text-align: center;
    }

.checkout .selectionbox input[type=radio]
{
    margin-bottom: 4px;
}

.checkout .section {
    border: none;
    border-bottom: 3px solid #888;
    margin-bottom: 10px;
    display: block;
}

.checkout div.personalize {
    display: block;
    float: left;
    width: 48%;
    margin-right: 1%;
    margin-bottom: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: none;
/*    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #888;*/
    /*background-color: #f8f8f8;*/
}

.checkout div.personalize.personalize-full
{
    width: 98%;
}

    .checkout div.personalize table {
        width: 100%;
    }

        .checkout div.personalize table td.label {
            vertical-align: top;
            text-align: left;
            padding-left: 2px;
        }

    .checkout div.personalize td.field {
        vertical-align: top;
        padding-left: 2px;
    }

    .checkout div.personalize td input {
        width: 95%;
        margin: 0 0 0 0;
    }

    .checkout div.personalize td.extra {
        vertical-align: top;
        padding-left: 2px;
        width: 75%;
    }

    .checkout div.personalize td.field input {
        width: 95%;
        float: none;
        margin: 0 0 0 0;
    }

        .checkout div.personalize td.field input[type=radio] {
            width: auto;
            float: left;
            margin-right: 5px;
            margin-top: 5px;
        }

        .checkout div.personalize td.field input[type=text],
        .checkout div.personalize td.field select {
            margin-top: 5px;
            width: 85%;
        }
        .checkout div.personalize td.field input[type=text],
        .checkout div.personalize td.field select {
            width: 100%;
            margin-top: 0;
            margin-bottom: 5px;
        }
        .checkout div.personalize span.label
        {
            color: #555;
            font-size: 11px;
            padding-left: 0;
        }

        .checkout div.personalize.personalize-full div.addr {
            display: inline-block;
            width: 50%;
            margin: 0;
            padding: 0 1% 0 0;
            float: left;
        }
    .checkout div.personalize.personalize-full div.city,
    .checkout div.personalize.personalize-full div.state {
        display: inline-block;
        width: 40%;
        margin: 0;
        padding: 0 1% 0 0;
        float: left;
        box-sizing: border-box;
    }
    .checkout div.personalize.personalize-full div.zip {
        display: inline-block;
        width: 20%;
        margin: 0;
        padding: 0 1% 0 0;
        float: left;
        box-sizing: border-box;
    }
    .checkout div.personalize.personalize-full div.phone {
        display: inline-block;
        width: 30%;
        margin: 0;
        padding: 0 1% 0 0;
        float: left;
    }

    .checkout div.personalize.personalize-full div.email {
        display: inline-block;
        width: 70%;
        margin: 0;
        padding: 0 1% 0 0;
        float: left;
    }

    .checkout div.personalize td.field select.default-domain {
                width: 60%;
            }

        .checkout div.personalize td.field input.short {
            width: 96px;
            float: none;
            margin: 0 0 0 0;
        }

    .checkout div.personalize td.field textarea {
        width: 95%;
        float: none;
        margin: 0 0 0 0;
    }

    .checkout div.personalize td input[type=checkbox] {
        width: auto;
        float: none;
        margin: 10px 5px 0 0;
    }

    .checkout div.personalize td label {
        display: inline;
    }

    .checkout div.personalize span input[type=text] {
        width: auto;
        float: left;
        margin: 0 10px 0 0;
        padding: 5px;
    }

    .checkout div.personalize span.box {
        margin-left: 5px;
    }

    .checkout div.personalize > div {
        width: 100%;
        display: block;
    }

        .checkout div.personalize > div.label {
            vertical-align: top;
            text-align: left;
            padding-left: 2px;
            color: #555;
            font-size: 11px;
        }

        .checkout div.personalize > div.field {
            vertical-align: top;
            padding-left: 2px;
        }

            .checkout div.personalize > div.field input {
                width: 95%;
            }

            .checkout div.personalize > div.field select {
                width: 96%;
            }

.checkout div.submit .box {
    width: 100%;
    display: block;
    margin-top: 3px;
}

div .bodytext {
    font-size: 14px;
    font-weight: bold;
}

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

/*posting page billing code*/
div .postbillcode .selectionbox input[type=text],
div .postbillcode .selectionbox select {
    margin-top: 5px;
    width: 90%
}


div .postbillcode div.selectionbox {
    clear: left;
}

    div .postbillcode div.selectionbox table {
        width: 100%;
    }

    div .postbillcode div.selectionbox td.field input,
    div .postbillcode div.selectionbox td.field select {
        width: 95%;
        float: none;
        margin: 0 0 0 0;
    }

    div .postbillcode div.selectionbox div input[type=radio] {
        /*width: auto;*/
        width: 20px;
        float: none;
        margin: 4px 10px 0 0;
    }




.checkout div.selectionbox {
    clear: left;
}

    .checkout div.selectionbox table {
        width: 100%;
    }

    .checkout div.selectionbox td.field input,
    .checkout div.selectionbox td.field select {
        width: 95%;
        float: none;
        margin: 0 0 0 0;
    }
    .checkout div.selectionbox td.field input[type=file] {
        margin: 10px 0;
    }
    .checkout div.selectionbox div input[type=radio] {
        /*width: auto;*/
        width: 20px;
        float: none;
        margin: 4px 10px 0 0;
    }

.adduserform div.createshiptousingdefault {
    float: right;
    padding: 0 0 0 0;
}
/* add to adduserform */
.adduserform usernamelist {
}


.adduserform span.allprofile {
    font-size: 11px;
    font-weight: bold;
}

.sidebar .sideusermessage {
    margin: 0 0 5px 0;
}



.sidebar .usernamelist .profilehead-col {
    font-size: 13px;
    font-weight: bold;
    border-bottom: solid 1px #888;
    padding: 3px 0 1px 2px;
}

.sidebar .sidetable table {
    width: 175px;
}

div .mainerrormessage {
    padding: 5px 5px 5px 1px;
}

div .userinfoarea {
    margin: 5px 5px 5px 1px;
}
/*end new userform fields */
.checkout div.selectionbox .box {
    margin-left: 5px;
    display: block;
}
.checkout .personalize div.selectionbox .box select,
.checkout .personalize div.selectionbox .box input[type=text] {
    width: calc(100% - 30px);
}
.checkout div.selectionbox .box label
{
    line-height: 16px;
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
    padding-top: 2px;
}

.checkout div.selectionbox div.box {
    width: 100%;
}

.checkout div.selectionbox textarea {
    width: 95%;
    height: 110px;
}

.checkout div.selectionbox div.halfbox {
    float: left;
    padding-right: 5px;
    width: 48%;
}

.checkout .section .box {
    display: block;
}
    .checkout .section .box input[type=checkbox]
    {
        margin-top: 2px;
    }

    .checkout .section .box input[type=checkbox] + label {
        display: inline;
    }
.checkout .section .box label,
.checkout .section td.field label
{
    font-size: 15px;
    line-height: 16px;
    display: inline-block;
}

.checkout .section .inner 
{
    display: block;
    box-sizing: border-box;
    padding-left: 20px;
}
.checkout .section select:disabled
{
    opacity: 0.25;
}

.checkout div.personalize table td.label {
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    width: 25%;
}

.checkout div.personalize td.field {
    vertical-align: top;
    padding-left: 2px;
    width: 75%;
}

.checkout div.personalize td input {
    width: 75%;
    margin: 0 0 0 0;
}

.checkout selection-box {
    display: block;
    float: left;
    width: 99%;
    margin-right: 1%;
    padding-left: 2px;
    margin-bottom: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #eee;
    background-color: #f8f8f8;
}

.checkout textarea {
    resize: vertical;
}

/*  Begin default custom styles */


textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
    border: 1px solid #ddd;
    resize: both;
    background-color: #fff;
}

select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 28px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

select[multiple] {
    height: unset;
}

.generallabel {
    font-weight: bold;
}

.generalvalue {
    font-weight: normal;
}

.scaled {
    font-size: 12px;
}

span.hideable1 {
    display: inline;
}

span.hideable2 {
    display: inline;
}

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

.generalheading {
    font-size: 12px;
    font-weight: bold;
}

.details div.customfieldoptions {
    width: 275px;
    height: 150px;
    overflow: auto;
    border: solid 1px #bbb;
    border-width: 1px;
    border-color: #bbb;
    padding: 3px;
}

.search div.formsection {
    display: block;
    float: left;
    width: 49%;
    margin-bottom: 10px;
}
    .search div.formsection.wide {
        width: 99%;
    }

    .search.inprod td.field select 
    {
        width: 100%;
    }


    .search div.formsection.printreport {
        display: block;
        float: left;
        width: 75%;
        margin-bottom: 10px;
    }

    .search div.formsection table {
        width: 98%;
    }

    .search div.formsection .bordered {
        border: solid 1px #eee;
    }

        .search div.formsection .bordered select {
            margin-bottom: 8px;
        }

.search td.labelcol {
    width: 40%;
    font-weight: bold;
    vertical-align: top;
}

.search td.fieldcol {
    width: 60%;
    vertical-align: top;
}

.categories div.formsection {
    display: block;
    float: left;
    /*width: 49%;*/
    width: 100%;
}

.categories div {
    font-size: 11px;
    padding-bottom: 5px;
    padding-right: 5px;
    vertical-align: top;
    color: #666;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .categories div.field {
        display: block;
        width: 100%;
    }

    .categories div.labelcol {
        float: left;
        display: inline-block;
        width: 25%;
        text-align: right;
    }

    .categories div.fieldcol {
        float: left;
        display: inline-block;
        width: 75%;
        text-align: left;
    }

        .categories div.fieldcol input[type=text] {
            width: 98%;
        }

    .categories div.labelcol label {
        color: #666;
        font-size: 11px;
    }

.categories select {
    width: 100%;
}

.categories .banner-browse {
    display: block;
    width: 100%;
}

    .categories .banner-browse > div {
        /*max-height: 0;*/
        overflow: hidden;
        height: 0;
        padding-bottom: 0;
        /*-moz-transition: all ease-in 0.5s;
    -o-transition: all ease-in 0.5s;
    -webkit-transition: all ease-in 0.5s;
    transition: all ease-in 0.5s;*/
    }

    .categories .banner-browse.visible > div {
        /*max-height: 50px;*/
        height: 65px;
        padding-bottom: 5px;
        /*-moz-transition: all ease-in .5s; 
    -o-transition: all ease-in .5s;
    -webkit-transition: all ease-in .5s;
    transition: all ease-in .5s;*/
        overflow: visible;
    }

.categories div.banner-browse div.feedback {
    display: block;
}

.categories div.labelcol div.banner-label {
    color: #666;
    font-size: 10px;
    display: block;
    width: 100%;
    float: left;
    margin-right: 10px;
    text-align: right;
}

.categories div.labelcol span.buttonSm {
    float: right;
    text-align: right;
}

.categories .banner-label div {
    float: left;
    display: inline-block;
}

.categories .banner-thumbnail img {
    max-width: 200px;
    width: auto;
    height: auto;
    float: left;
    display: inline-block;
}

.categories .buttonGroup {
    display: block;
}

    .categories .buttonGroup span.primary {
        margin-right: 10px;
    }

.adduserform div.formsection {
    display: block;
    float: left;
    width: 49%;
    margin-bottom: 10px;
}

    .adduserform div.formsection table {
        width: 98%;
    }

.adduserform .formsection input[type=text],
.adduserform .formsection input[type=password],
.adduserform .formsection input[type=email] {
    width: 95%;
}

.adduserform div.formsection .bordered {
    border-style: solid;
    border-width: 1px;
    border-color: #eee;
}

.adduserform td.label {
    font-size: 10px;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
}

.adduserform td.field {
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    font-size: 10px;
}

    .adduserform td.field div input[type=file] {
        width: 95% !important;
    }

span.edituserwarning {
    font-size: 13px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px:solid;
}

.search .label {
    font-size: 10px;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    line-height: normal;
    color: #666;
}

.search .field {
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    font-size: 10px;
}

    .search .field input[type=text] {
        width: 95%;
        height: auto;
        margin: 0 0 0 0;
        height: 28px;
        border-radius: 4px;
        /*padding: 0 0 0 0;*/
    }

.search td.field input[type=text].last {
    margin-bottom: 8px;
}

.search td.field select {
    width: 95%;
    height: 28px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.search td.field.short input[type=text] {
    width: 50%;
    margin-bottom: 4px;
}

.search td.field input[type=file] {
    width: 95%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}



.search td.field input[type=checkbox] {
    margin-top: 3px;
}

.search td.field label {
    margin-top: 1px;
}

.search td.field textarea {
    width: 95%;
    height: auto;
    margin: 0 0 0 0;
    padding: 2px;
}

.search td.heading {
    font-size: 12px;
    color: #3a75c4;
    font-weight: bold;
}

.search .option label {
    height: 30px;
    font-size: 9px;
    display: block;
    width: 100%;
    min-width: 100%;
    line-height: 10px;
    padding-top: 2px;
    font-weight: normal;
}

.search .option.left {
    /*float: left;*/
    /*width: 56%;*/
}

.search .option.right {
    /*float: right;*/
    /*width: 37%;*/
}

.detailview div.formsection {
    display: block;
    float: left;
    width: 49%;
    margin-bottom: 10px;
}

    .detailview div.formsection.wide {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .detailview div.formsection table {
        width: 98%;
    }

    .detailview div.formsection .bordered {
        border-style: solid;
        border-width: 1px;
        border-color: #eee;
    }

.detailview td {
    font-size: 10px;
    vertical-align: top;
    padding-left: 2px;
}

    .detailview td.label {
        font-weight: bold;
        text-align: left;
        width: 35%;
        min-width: 75px;
    }

    .detailview td.right, .detailview td.right span {
        text-align: right;
        padding-right: 5px;
        float: right;
    }

    .detailview td.field {
        text-align: left;
        width: 65%;
    }

        .detailview td.field hr {
            width: 80%;
            background-color: #ddd;
        }

        .detailview td.field.money {
            text-align: right;
            padding-right: 155px;
        }

    .detailview td.qtylabel {
        font-weight: bold;
        text-align: left;
        width: 59%;
    }

        .detailview td.qtylabel label {
            display: inline-block;
            float: left;
        }

        .detailview td.qtylabel i.fa {
            font-size: 14px;
            margin: 3px 3px 0 0;
            float: left;
        }

        .detailview td.qtylabel input[type=checkbox] {
            float: left;
        }

    .detailview td.qtyfield {
        text-align: right;
        width: 40%;
        padding-right: 5px;
    }

        .detailview td.qtyfield label {
            float: right;
            font-weight: bold;
        }

        .detailview td.qtyfield input[type=checkbox] {
            float: right;
            margin: 0 0 0 3px;
        }

        .detailview td.qtyfield i.fa {
            font-size: 14px;
            float: right;
            margin: 3px 0 0 3px;
        }

        .detailview td.qtyfield input[type=text] {
            text-align: right;
            margin-bottom: 0px;
            padding-right: 2px;
        }

    .detailview td.bar {
        width: 1%;
        border-style: solid;
        border-width: 1px;
        border-color: transparent;
        border-right-color: #ddd;
    }

    .detailview td.nobar {
        width: 1%;
    }

    .detailview div.bar {
        border: 1px solid transparent;
        border-right-color: #ddd;
    }

    .detailview td.fulllabel {
        vertical-align: top;
        text-align: left;
        padding-left: 2px;
        font-weight: bold;
        font-size: 10px;
        width: 100%;
    }

    .detailview td.fullfield {
        vertical-align: top;
        text-align: left;
        padding-left: 2px;
        font-size: 10px;
        width: 100%;
    }

        .detailview td.fullfield.money {
            text-align: right;
            padding-right: 155px;
        }
        
        .detailview td.fullfield.comments textarea {
            width: 100%;
            margin-bottom: 5px;
            height: 150px;
        }
        .detailview td.fullfield.comments .comment-text
        {
            display: block;
            margin-bottom: 5px;
        }

        .detailview td.fullfield div.dots {
            width: 275px;
        }

        .detailview td.fullfield select {
            width: 100%;
        }

            .detailview td.fullfield select[multiple] {
                /*height: 75px;*/
                height: 150px;
            }

    .detailview td.heading {
        font-size: 12px;
        font-weight: bold;
        padding-left: 2px;
        padding-top: 6px;
        vertical-align: top;
        color: #3a75c4;
    }

    .detailview td.field input[type=text] {
        width: 95%;
        height: auto;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    .detailview td.fullfield select.itemlist {
        font-size: 10px;
        font-weight: bold;
        width: 95%;
        max-width: 95%;
        /*height: unset;*/
        height: 250px;
        overflow: scroll;
    }

        .detailview td.fullfield select.itemlist option {
            /*max-width: 250px;*/
        }

.detailview select.userlist {
    font-size: 10px;
    font-weight: normal;
    width: 95%;
}

.groups select[multiple].userlist {
    height: 300px;
}

.duplicatelinecolor {
    background-color: #ffff79
}

div .attachedstatus {
    padding-left: 15px;
}

/*  */
.order-steering table {
    width: 100%;
}

.order-steering td {
    padding-bottom: 10px;
    font-size: 14px;
}

    .order-steering td.jobnumber {
        font-size: 18px;
        font-weight: bold;
    }

    .order-steering td.multjobnumbers {
        color: cornflowerblue;
    }



    .order-steering td.orderid {
        font-size: 15px;
        font-weight: bold;
    }

    .order-steering td label {
        padding-bottom: 10px;
        font-size: 14px;
    }

.order-steering div.posted-box {
    height: 20px;
    width: 20px;
    border: 1px solid #000;
    display: inline-block;
    margin: 10px 10px 0 0;
}

    .order-steering div.posted-box img {
        width: 19px;
        height: auto;
    }

.order-steering div.posted-label {
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

td.fieldcol div.posted-box {
    height: 15px;
    width: 15px;
    border: 1px solid #000;
    display: inline-block;
    margin: -3px 0 0 0;
}


table tr td.lined {
    border-bottom: solid 1px #ddd;
    padding: 3px 0 1px 2px;
}


.preview a img {
    margin: 0 5px 5px 0;
    width: 150px;
    border: solid #ccc 1px;
    border-left-color: #eee;
    border-top-color: #eee;
}

.wideform div.formsection {
    display: block;
    float: left;
    width: 98%;
    margin-bottom: 10px;
}

    .wideform div.formsection table {
        width: 100%;
    }

        .wideform div.formsection table.inside {
            width: 95%;
        }

    .wideform div.formsection .bordered {
        border-style: solid;
        border-width: 1px;
        border-color: #eee;
    }


.wideform td.label {
    font-size: 11px;
    font-weight: bold;
    vertical-align: bottom;
    text-align: left;
    /*padding-left: 2px;*/
    width: 100%;
}

.wideform td.right, .wideform td.right span {
    float: right;
    text-align: right;
    padding-right: 5px;
}

.wideform td.field {
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    font-size: 11px;
    width: 100%;
}

.wideform td div.upload-label {
    font-weight: bold;
    margin-top: 10px;
}

.wideform td.labelcol {
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
    text-align: right;
    padding-right: 5px;
    width: 20%;
}

.wideform td.fieldcol {
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    font-size: 11px;
    width: 80%;
}

.wideform td.qtylabel {
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 60%;
}

.wideform td.qtyfield {
    text-align: right;
    width: 40%;
    vertical-align: top;
    padding-right: 5px;
}

.wideform td.heading {
    font-size: 12px;
    font-weight: bold;
    padding-left: 2px;
    vertical-align: top;
    color: #3a75c4;
}

.wideform td.field input[type=text] {
    width: 95%;
    height: auto;
    margin: 0 0 0 0;
    margin-bottom: 0;
}

.wideform td.fullfield input[type=text] {
    margin: 0 0 0 0;
    margin-bottom: 0;
}

.wideform td.qtyfield input[type=text] {
    text-align: right;
    margin-bottom: 0;
    padding-right: 2px;
    font-size: 10px;
    font-weight: bold;
}

.wideform td.narrowfield input[type=text] {
    margin-bottom: 0;
    font-size: 10px;
    font-weight: bold;
}

.wideform td.field textarea,
.wideform td.fieldcol textarea {
    width: 95%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 10px;
    font-weight: bold;
}

.wideform.duplicate td.fieldcol input[type=text] {
    width: 100%;
}


.wideform td.field input[type=file] {
    width: 95%;
    font-size: 10px;
    font-weight: bold;
}

.wideform td.fieldcol input[type=file] {
    width: 75%;
    font-size: 10px;
    font-weight: bold;
    float: left;
}


.wideform .left {
    float: left;
}

.wideform .right {
    float: right;
}

.wideform div.formsection select {
    width: 98%;
    margin-bottom: 2px;
}

    .wideform div.formsection select.range {
        width: 75px;
    }

    .wideform div.formsection select.month {
        width: 100px;
    }

    .wideform div.formsection select.year {
        width: 50px;
    }

    .wideform div.formsection select.region {
        width: 125px;
    }


    .wideform div.formsection select.medium {
        width: 46%;
    }

    .wideform div.formsection select.narrow {
        width: 22%;
    }

    .wideform div.formsection select[multiple=multiple] {
        width: 98%;
    }

.wideform table.buttonHolder {
    width: 100%;
}

    .wideform table.buttonHolder tr td {
        white-space: nowrap;
    }

.wideform .formsection section {
    width: 50%;
    margin: 5px 0;
    float: left;
}

    .wideform .formsection section div.labelcol {
        font-weight: bold;
    }

    .wideform .formsection section div.fieldcol.time input[type=text] {
        width: 75px;
        text-align: right;
    }

    .wideform .formsection section.startend div.fieldcol input[type=text] {
        text-align: right;
        width: 70%;
        max-width: 125px;
    }

.additemform div.formsection {
    display: block;
    float: left;
    width: 98%;
    margin-bottom: 10px;
}

    .additemform div.formsection table {
        width: 100%;
    }

    .additemform div.formsection .bordered {
        border-style: solid;
        border-width: 1px;
        border-color: #eee;
    }


.additemform td.label {
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    width: 100%;
}

.additemform td.right, .additemform td.right span {
    float: right;
    text-align: right;
    padding-right: 5px;
}

.additemform td.field {
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    font-size: 11px;
    width: 100%;
}

.additemform td.labelcol {
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
    text-align: right;
    padding-right: 5px;
    width: 30%;
}

.additemform td.fieldcol {
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    font-size: 11px;
    width: 70%;
}

.additemform td.qtylabel {
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

.additemform td.qtyfield {
    text-align: left;
    vertical-align: top;
}

.additemform td.heading {
    font-size: 12px;
    font-weight: bold;
    padding-left: 2px;
    vertical-align: top;
    color: #3a75c4;
}

.additemform td.field input[type=text] {
    width: 95%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: bold;
}

.additemform td.fullfield input[type=text] {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: bold;
}

.additemform td.qtyfield input[type=text] {
    text-align: right;
    margin-bottom: 0;
    padding-right: 2px;
    font-size: 11px;
    font-weight: bold;
}

.additemform .left {
    float: left;
}

.additemform .right {
    float: right;
}

.reorder div.formsection {
    width: 48%;
    float: left;
}

    .reorder div.formsection.wideform {
        width: 98%;
    }

    .reorder div.formsection input[type=text] {
        width: 95%;
    }

    .reorder div.formsection textarea {
        width: 95%;
        height: 90px;
    }

    .reorder div.formsection input[type=file] {
        float: left;
        margin-top: 10px;
        width: 85%;
    }

    .reorder div.formsection table {
        width: 100%;
    }

        .reorder div.formsection table.calendar {
            width: auto;
        }

            .reorder div.formsection table.calendar .selected {
                background-color: #999;
            }

    .reorder div.formsection.orderdesc td.qtycol {
        width: 15%;
        text-align: right;
        padding-right: 3px;
    }

    .reorder div.formsection td.heading {
        font-weight: bold;
    }

    .reorder div.formsection.orderdesc td.qtycol input[type=text] {
        width: 95%;
        text-align: right;
        height: 12px;
        font-size: 9px;
        vertical-align: top;
    }

    .reorder div.formsection.orderdesc td.desccol {
        width: 85%;
        text-align: left;
        padding-left: 5px;
        vertical-align: top;
    }

.reorder hr {
    margin: 10px 0 5px;
}

.listing {
    width: 100%;
}

    .listing table {
        width: 100%;
    }

    .listing td {
        font-size: 12px;
        margin-left: 10px;
        margin-right: 10px;
        vertical-align: top;
    }

    .listing .item {
        background-color: transparent;
    }

    .listing .altitem {
        background-color: #efefef;
    }

    .listing tr.heading {
        font-weight: bold;
        font-size: 11px;
        vertical-align: bottom;
    }

    .listing td.heading,
    .listing th {
        font-weight: bold;
        font-size: 11px;
        vertical-align: bottom;
    }

    .listing .left {
        text-align: left;
    }

    .listing .center {
        text-align: center;
    }

    .listing .right {
        text-align: right;
    }

    .listing .hideable1 {
    }

    .listing .hideable2 {
    }

    .listing .showable1 {
        display: none;
    }

    .listing .showable2 {
        display: none;
    }

    .listing.order td {
        font-size: 11px;
    }

        .listing.order td.heading {
            border-bottom-width: 2px;
            border-bottom-color: #666;
        }

    .listing.order .checkcol
    {
        width: 20px;
    }
    .listing.order .checkcol .order-select
    {
        /* may not need this at all */
    }
    .listing.order .idcol {
        width: 15%;
    }

    .listing.order .namecol {
        width: 27%;
        max-width: 177px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .listing.order .item-count {
        color: #999;
        font-style: italic;
    }
    .listing.order .ship-via-label
    {
        font-size: 90%;
    }

    .listing.order .datecol {
        width: 12%;
    }

    .listing.order .itemcol {
        width: 5%
    }

    .listing.order .jobcol {
        width: 7%;
    }

    .listing.order .statuscol {
        width: 14%;
    }

    .listing.order .toolcol {
        width: calc(20% - 20px);
    }

    .listing.order .top-priority,
    .listing.order .high-priority,
    .listing.order .normal-priority {
        font-weight: bold;
    }

/*    .listing.order .itemcol {
        width: 5%
    }

    .listing.order .jobcol {
        width: 7%;
    }

    .listing.order .statuscol {
        width: 14%;
    }

    .listing.order .toolcol {
        width: 20%;
    }

    .listing.order .top-priority,
    .listing.order .high-priority,
    .listing.order .normal-priority {
        font-weight: bold;
    }*/

    .listing.order .icon-16,
    .listing.order .icon-14 {
        color: #666;
    }

    .listing.ordercart td.idcol {
        width: 2%;
    }

    .listing.ordercart td.itemnumcol {
        width: 12%;
    }

    .listing.ordercart td.formnumcol {
        width: 20%;
    }

    .listing.ordercart td.desccol {
        width: 36%;
    }

    .listing.ordercart td.rptdesccol {
        width: 56%;
    }

    .listing.ordercart td.loccol {
        width: 8%;
        text-align: right;
    }

    .listing.ordercart td.qtycol {
        width: 7%;
        text-align: right;
    }

    .listing.ordercart td.orderstatuscol {
        width: 8%;
        text-align: center;
    }

    .listing.ordercart .orderqtycol {
        width: 13%; /*13*/ /**15 */
        text-align: center;
    }

        .listing.ordercart .orderqtycol span.icon-16 {
            float: none;
        }

    .listing.proddoc td.orderstatuscol {
        width: 8%;
        text-align: center;
    }

    .listing.proddoc .orderqtycol {
        width: 13%; /*13*/ /**15 */
        text-align: center;
    }

    .listing.postingcart td.orderstatuscol {
        width: 10%;
        text-align: center;
    }

    .listing.postingcart tr.unpostable {
        background-color: #fcc9b4;
    }

    .listing.postingcart tr.placeHoldercost {
        background-color: #fffacc;
    }
/* releasenotes  start*/
.resourcecostcenter table {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.listing.releasenotesline table {
    border-bottom: solid 1px #ddd;
}

    .listing.releasenotesline table table {
        border-bottom: none;
    }

    .listing.releasenotesline table tr td {
        border-bottom: none;
        padding: 3px 0 1px 2px;
    }


.listing.releasenotesline .info {
    font-weight: normal;
}

.listing.releasenotesline div {
    width: 100%;
}


.listing.releasenotesline td.releasedate {
    width: 75%;
    text-align: left;
    vertical-align: top;
    font-size: 18px;
}


.listing.releasenotesline td.syssiteversion {
    width: 25%;
    vertical-align: top;
    text-align: right;
    font-size: 9px;
    line-height: 12px;
}

.listing.releasenotesline td.description {
    width: 50%;
    vertical-align: top;
}
/*.listing.releasenotedescription td.descriptionx {
    width: 100%;
    vertical-align: top;
}*/

.div .releaseheader {
    width: 100%;
    max-width: 100%;
}

div .releaseheader td.rnlable {
    font-size: 12px;
    border-bottom: none;
    font-weight: bold;
}

div .topdisplayarea {
    margin-left: 16px;
    margin-top: 15px;
    font-size: 18px;
    font-weight: bold;
}

/*releasenotedescription */
/* release notes end*/
/* listing ratecosting  start */
/* heading started*/
/* myorders  start*/
.listing.myOrdersItems td.heading {
    font-weight: bold;
    font-size: 11px;
    vertical-align: bottom;
    border-bottom: none;
}

.listing.myOrdersItems table tr.unlined td {
    border-bottom: none;
}

.listing.myOrdersItems td.itemID {
    width: 25%;
}

.listing.myOrdersItems td.itemDesc {
    width: 65%;
}

.listing.myOrdersItems td.itemQuantity {
    width: 10%;
    text-align: right;
    padding-right: 5px;
}

.myOrdersItems .itemNum {
    font-size: 11px;
}

div.myorderMsg {
    position: relative;
    padding: 15px;
}


div .myorderHeader {
    display: inline-block;
}

/* myorders end */
.listing.ratecosting td.deptcode {
    width: 05%;
    text-align: right;
}

.listing.ratecosting td.costcode {
    width: 05%;
    text-align: right;
}

.listing.ratecosting td.opcode {
    width: 07%;
    text-align: right;
    padding-right: 10px;
}

.listing.ratecosting td.opdesccode {
    width: 44%;
    text-align: left;
}

.listing.ratecosting td.preferredcode {
    width: 06%;
    font-size: 16px;
}

.listing.ratecosting td.unitrate {
    width: 08%;
    text-align: right;
}

.listing.ratecosting td.unitsize {
    width: 06%;
    text-align: right;
    padding-right: 10px;
}

.listing.ratecosting td.unitlabel {
    width: 09%;
    text-align: left;
}

.listing.ratecosting td.actioncol {
    width: 10%;
    text-align: right;
}
/* rate costing text  input*/
.listing.ratecosting input[type=text] {
    width: 50px;
    text-align: right;
}

.listing.ratecosting .opdesccode input[type=text] {
    text-align: left;
    width: 367px;
}

.listing.ratecosting .unitlabel input[type=text] {
    text-align: left;
    width: 70px;
}

.listing.ratecosting .unitrate input[type=text] {
    width: 60px;
}

.listing.ratecosting .unitsize input[type=text] {
    width: 40px;
}

.listing.ratecosting .deptcode input[type=text],
.listing.ratecosting .costcode input[type=text],
.listing.ratecosting .opcode input[type=text] {
    width: 36px;
}
/*listing ratecosting end */
/* listing setting   */

.listing.listsetting table {
    width: 100%;
    max-width: 100%;
}



.listing.listsetting td {
    font-size: 11px;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: top;
}

    .listing.listsetting td.editing {
        background-color: #fbeea1;
    }

    .listing.listsetting td.labelcol {
        font-weight: bold;
        width: 15%;
        font-size: 13px;
        padding: 10px 0 0 15px;
        color: #5bbf21;
    }


    .listing.listsetting td.label {
        font-weight: bold;
        width: 15%;
    }

    .listing.listsetting td.field {
        width: 85%;
    }

.listing.listsetting table tr td {
    border-bottom: none;
}

.listing.listsetting table tr.lined td {
    border-bottom: 1px solid #ddd;
}


/*.listing.listsetting td.itemtypecol  {
        width:06%;
        text-align: left;
    }*/
.listing.listsetting td.itemvaluecol {
    width: 70%;
    text-align: left;
}

.listing.listsetting td.itemtagcol {
    width: 70%;
    text-align: left;
    font-weight: bold;
}

.listing.listsetting td.profileobjectcol,
.listing.listsetting td.profilecol {
    width: 23%;
    text-align: left;
}

.listing.listsetting span.objectlabelcol,
.listing.listsetting span.profilelabelcol {
    font-weight: bold;
}


.listing.listsetting td.actionflagcol {
    width: 8%;
    text-align: right;
    font-size: 16px;
}

.listing.listsetting .itemvaluecol input[type=text] {
    width: 95%;
    height: 16px;
}

.listing.listsetting .field input[type=text] {
    width: 95%;
    height: 16px;
}

div .jobnumberhighlight tr.unpostable,
div.unpostable 
{
    background-color: #fcc9b4;
}


.listing.inprod-line-items tr.unpostable {
    background-color: #fcc9b4;
}

.listing.inprod-line-items td, .listing.inprod-line-items th {
    font-size: 11px;
}

.listing.inprod-line-items .header th {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.listing.inprod-line-items .itemnumcol {
    width: 40%;
}

.listing.inprod-line-items .desccol {
    width: 35%;
}

.listing.inprod-line-items .jobnumbercol {
    width: 25%;
}

    .listing.inprod-line-items .jobnumbercol input[type=text] {
        width: 100%;
        max-width: 75px;
    }

.listing.inprod-line-items .runcol {
    width: 35%;
}

    .listing.inprod-line-items .runcol select {
        width: 100%;
        margin-top: 3px;
        height: 24px;
    }

.listing.inprod-line-items .miniJobInfo td {
    border-bottom: none;
}

.listing.inprod-line-items .miniJobInfo .labelcol {
    width: 35%;
    text-align: left;
}

.listing.inprod-line-items .miniJobInfo .fieldcol {
    width: 65%;
}

.listing.inprod-line-items table {
    margin-top: 3px;
}

.listing.inprod-line-items > tbody > tr > td {
    border-bottom: 1px solid #ddd;
}

.listing.inprod-line-items tr td table tr td {
    border-bottom: none;
    padding-top: 0;
}

/*listing setting end */
/*MinJobInfo Start*/
.miniJobInfo td.labelcol {
    width: 30%;
    vertical-align: top;
}

.miniJobInfo td.fieldcol {
    width: 70%;
    vertical-align: top;
}

.miniJobInfo td.fieldcolmessage {
    vertical-align: top;
    width: 98%;
}
/*MinJobInfo end*/


.listing searchorder table {
    width: 100%;
}

.listing.searchorder td {
    font-size: 10px;
}

    .listing.searchorder td.heading {
        border-bottom-width: 2px;
        border-bottom-color: #666;
    }


.listing.searchorder .idcol {
    width: 18%;
}

.listing.searchorder .namecol {
    width: 30%;
    max-width: 177px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.listing.searchorder .datecol {
    width: 16%;
}

.listing.searchorder .itemcol {
    width: 9%
}

.listing.searchorder .jobcol {
    width: 11%;
}

.listing.searchorder .statuscol {
    width: 16%;
}

/*OptionSelector start*/
.screendisplay.optionselector tr td {
}

.screendisplay.optionselector td {
}

    .screendisplay.optionselector td.param1col {
        text-align: left;
        font-weight: bold;
        font-size: 11px;
    }

    .screendisplay.optionselector td.param2col {
        text-align: left;
        font-weight: bold;
        font-size: 11px;
    }

    .screendisplay.optionselector td.paramunitcol {
        text-align: left;
        font-weight: bold;
        font-size: 11px;
    }

    .screendisplay.optionselector td.paramlabelcol {
        text-align: left;
        font-weight: bold;
        font-size: 11px;
    }

    .screendisplay.optionselector td.pcpparamunits {
    }

    .screendisplay.optionselector td.pcpparamlabel {
    }

.screendisplay.optionselectorpcm td.pcmcustommode {
}

.screendisplay.optionselectorpcm td.editcol {
}

.screendisplay.optionselector td.pcpparam1 {
}

.screendisplay.optionselector td.pcpparam2 {
}

.screendisplay.optionselector td.pcpparam1 input[type=text] {
    width: 49%;
}

.screendisplay.optionselector td.pcpparam2 input[type=text] {
    width: 49%;
}

.screendisplay.optionselector td.pcpparamunits input[type=text] {
    width: 49%;
}

.screendisplay.optionselector td.pcpparamlabel input[type=text] {
    width: 49%;
}


/*OptionSelector    end*/
.selectorname .dxeHFC, .dxeHLC {
    display: none;
}

.selectorname td.dxeListBoxItem_Catapult {
    border-bottom: none;
}



/* newprintspec start */


div .displayspec {
    background-color: #fbeea1;
}



.newprintspec td.label {
    font-size: 11px;
    font-weight: bold;
    padding-left: 2px;
    text-align: left;
    vertical-align: top;
    padding-bottom: 1px;
    width: 30%;
}




.newprintspec div.wideform.formsection {
    width: 100%;
}

.newprintspec td.field {
    font-size: 11px;
    padding-left: 2px;
    padding-bottom: 4px;
    text-align: left;
    vertical-align: top;
    width: 70%;
}

    .newprintspec td.field select {
        width: 70%;
    }

.newprintspec div.formsection .bordered {
    border: 1px solid #eee;
}

/*    last ones out */

.newprintspec div.formsection table {
    width: 100%;
}

.newprintspec div.wideform table {
    width: 100%;
}

.newprintspec div.formsection {
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 50%;
}




/* end  Print spec */
/*start new printspec */

.primary-header td.headermesscol {
    font-size: 10px;
    font-weight: bold;
    padding-left: 16px;
    padding-bottom: 7px;
}

.editprintspec div.formsection {
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 49%;
}

.editprintspec div.activity {
    display: block;
    margin-right: 20px;
    margin-left: 13px;
    margin-bottom: 10px;
    width: 95%;
    padding: 0px 0 0px 0px;
    border: 1px solid #ddd;
}

.activityadd tr td {
}

.activityadd td {
    font-size: 12px;
}

.activityadd table {
}

.activityadd td.activitydept select {
    width: 98% !important;
    text-align: left;
    vertical-align: top;
}

.activityadd td.activityact select {
    width: 98% !important;
    text-align: left;
    vertical-align: top;
}

.activityadd td.activityvalue input[type=text]
{
    font-weight: bold;
    font-size: 11px;
    margin-top: 1px;
    min-width: 20%;
    width: 90% !important;
    text-align: left;
    vertical-align: top;
}

.activityadd td.activityvalue textarea {
    font-weight: bold;
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    text-align: left;
    vertical-align: top;
    height: 75px;
}

.activityadd {
    /*font-weight: bold;*/
}

    .activityadd td.activitydept {
        width: 40%;
        vertical-align: top;
    }

    .activityadd td.activityact {
        width: 40%;
        vertical-align: top;
    }

    .activityadd td.activityvalue {
        width: 100%;
        vertical-align: top;
    }

    .activityadd td.activityaddbtn {
        width: 20%;
        align-content: flex-end;
        vertical-align: top;
    }

    .activityadd span.buttonSm {
        margin: 0 5px 3px 0;
    }

    .activityadd span.buttonSmSecondary {
        margin: 0 5px 3px 0;
    }


.listing.printactivity tr td {
}

.listing.printactivity td.deptcol,
.listing.printactivity td.itdepartmentcol {
    width: 30%;
}

.listing.printactivity td.activitycol,
.listing.printactivity td.itactivitycol {
    width: 40%;
}

.listing.printactivity td.valuecol,
.listing.printactivity td.itvaluecol {
    width: 17%;
}

.listing.printactivity td.editarrowscolup,
.listing.printactivity td.actioncolarrowup {
    width: 03%;
    text-align: right;
    font-size: 18px;
}

.listing.printactivity td.editarrowscoldown,
.listing.printactivity td.actioncolarrowdown {
    width: 03%;
    text-align: right;
    font-size: 18px;
}


.listing.printactivity td.editdeletecol,
.listing.printactivity td.actioncol {
    width: 07%;
    text-align: right;
    font-size: 16px;
}


/*end    newprintspec      */
/*start  editprintspec */


.editprintspec.activity {
    border-bottom: none;
}

.listing .editprintspec table tr td {
    border-bottom: none;
    padding: 0 0 0 0;
}
/*

.listing .editprintspecinner table tr  td {
    
      border-bottom: 1px solid #ddd;
}
*/
.listing .editprintspecinner td.heading {
    text-align: left;
    width: 100%;
    font-size: 12px;
}

.listing .editprintspecinner td.headshift {
    text-align: left;
    width: 07%;
    font-size: 12px;
}

.listing .editprintspecinner td.headdepartment {
    text-align: left;
    width: 30%;
    font-size: 12px;
}

.listing .editprintspecinner td.headdesc {
    text-align: left;
    width: 30%;
    font-size: 12px;
}

.listing .editprintspecinner td.headvalue {
    text-align: left;
    width: 33%;
    font-size: 12px;
}

.listing .editprintspecinner td.dtlshift {
    text-align: left;
    width: 07%;
    font-size: 11px;
}

.listing .editprintspecinner td.dtldept {
    text-align: left;
    width: 30%;
    font-size: 11px;
}

.listing .editprintspecinner td.dtldesc {
    text-align: left;
    width: 30%;
    font-size: 11px;
}

.listing .xeditprintspecinner td.dtlvalue {
    text-align: left;
    width: 33%;
    font-size: 11px;
}

/* started new stuff */
/* started new stuff*/

.listing .editprintspec table.typesinner .item tr td {
    background-color: white;
}

.listing .editprintspec.types td.activitesheader {
    width: 100%;
    font-size: 12px;
    padding-left: 43%;
    font-weight: bold;
}

.listing .editprintspec.types td.activitiesmesscol {
    width: 100%;
    font-size: 11px;
    padding-left: 38%;
}

.listing .editprintspec.types td.headleftcol {
    text-align: left;
    font-weight: bold;
    width: 20%;
}

.listing .editprintspec.types td.headnamecol {
    text-align: left;
    width: 90%;
}

.listing .editprintspec.types td.headcopycol {
    text-align: right;
    width: 10%;
}

.listing .editprintspec.types td.headdesccol {
    text-align: left;
    font-weight: bold;
    width: 90%;
    padding-left: 34px;
    font-size: 14px;
}

.listing .editprintspec.types td.headactioncol {
    text-align: right;
    width: 10%;
    font-size: 16px;
}

.listing .editprintspec.types td.headcol {
    text-align: right;
    font-weight: bold;
    width: 15%;
}

.listing .editprintspec.types td.labelcol {
    text-align: right;
    font-weight: bold;
    width: 15%;
}

.listing .editprintspec.types td.valuecol {
    width: 35%;
    padding-left: 5px;
}

.listing .editprintspec.types td.rightcol {
    width: 34%;
    padding-left: 3px;
}

.listing .editprintspec.types td.editlabel {
    width: 15%;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
}

.activityaddmess tr td.activitynorecs {
    font-size: 11px;
    padding-left: 39%;
    padding-bottom: 10px;
    font-weight: bold;
}

.activityaddmess tr td.activityaddnote {
    font-weight: bold;
    font-size: 11px;
    padding-bottom: 10px;
}

.activitymess tr td.activityheader {
    font-size: 12px;
    padding-bottom: 10px;
    padding-left: 37%;
    font-weight: bold;
}


.activityaddmess.activityaddnote td {
}

.activityaddmess {
}

.activitymess {
    width: 100%;
}

.primary-header td.headercol {
    font-size: 12px;
    font-weight: bold;
    padding-left: 16px;
    padding-bottom: 7px;
}

.primary-header td.headerdata {
    font-weight: bold;
    padding-left: 15px;
    padding-bottom: 5px;
}

    .primary-header td.headerdata select {
        font-weight: normal;
        width: 100%;
    }

.primary-header select {
    font-size: 13px;
}

/* end  editprintspec */
/*  start production info*/
.listing table tr td.specprodinfo {
    width: 48%;
    border-bottom: none;
}

.listing table tr td.specnoteactinfo {
    width: 48%;
    border-bottom: none;
}

.div.headerprintspec {
}

.listing table.headerprintspec {
}

.listing.ordercart td.recordcount {
    font-size: 20px;
}

.specprodinfo div.headerprintspec {
    width: 96%;
    vertical-align: top;
}

.listing table tr td.headline {
    font-weight: bold;
    font-size: 14px;
    border-bottom: none;
}

.headerprintspec .headline .subhead,
.activitytable .headline .subhead {
    font-size: 12px;
    font-weight: normal;
}

.listing table tr td.activitycol {
    text-align: left;
    font-size: 14px;
    /*border-bottom: none;*/
}

.listing table tr td.activityline {
    font-size: 10px;
    border-bottom: none;
}

div.productioninfoprintspec {
    width: 48%;
    display: inline-block;
    float: left;
}

.listing table.paper tr td.fieldcol {
    width: 16%;
    vertical-align: top;
    font-weight: bold;
    border-bottom: none;
}

.listing table.paper tr td.labelcol {
    width: 80%;
    vertical-align: top;
    border-bottom: none;
}

div.productioninfoprintspec table {
}

.specprodinfo {
    border-right: 1px solid #ddd;
}

    .specprodinfo div.productioninfoprintspec td.fieldcol {
        width: 65%;
        vertical-align: top;
        font-size: 10px;
    }

    .specprodinfo div.productioninfoprintspec td.labelcol {
        width: 35%;
        vertical-align: top;
        font-weight: bold;
        font-size: 10px;
    }

.printspec-footer {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #f8f8f8;
}

.listing table tr td.spectablectrl {
    border-bottom: none;
}


div.printspec-fillable-wrapper {
    display: block;
    border: 1px solid #ddd;
    background-color: #fff;
    width: 75%;
}

table.printspec-fillable {
    margin: 2px;
    width: calc(100% - 8px);
}
.listing table.printspec-fillable tr td
{
    border-bottom: none;
}
    .listing table.printspec-fillable tr td.left-col {
        width: 50%;
    }
    .listing table.printspec-fillable tr td.right-col 
    {
        border-bottom: 1px solid #ddd;
        width: 50%;
    }


    .listing.item tr.td.itemtemptbl {
        border-bottom: none;
    }

.listing.ordercart.prodinfo td.heading {
    font-size: 12px;
    border-bottom: none;
}

.listing.ordercart.prodinfo .desccol {
    width: 30%;
}

.listing.ordercart.prodinfo .runcol {
    width: 6%;
    text-align: center;
}

.listing.ordercart.prodinfo td.prodinfotd {
    font-size: 12px;
    font-weight: bold;
    background-color: #fffdf0;
}

    .listing.ordercart.prodinfo td.prodinfotd .units {
        font-size: 9px;
        font-weight: normal;
    }

.listing.ordercart.prodinfo table tr td.thick,
.listing.ordercart.prodinfo table.thick > tbody,
.listing.ordercart.prodinfo div.thick {
    border-bottom: 3px solid #888;
}

.listing.item tr.td.prodinfotbl {
    font-weight: bold;
}

.spectablectrl .paper td {
    font-size: 10px;
}

.listing .specnoteactinfo td.item,
.listing .specnoteactinfo td.altitem {
    border-bottom: none;
}

.listing .specnoteactinfo .norecords td,
.listing .specprodinfo .norecords td {
    border-bottom: none;
}


.listing.notetab td.specinvnotesdeptname {
    width: 23%;
    font-size: 10px;
    border-bottom: none;
}

.listing.notetab td.specinvnotesnote {
    width: 42%;
    font-size: 10px;
    border-bottom: none;
}

/* end production info */
/*start customdata listing */
.listing.customfieldlisting table tr td {
    border-bottom: solid 1px #ddd;
    padding: 3px 0 1px 2px;
}

.listing.customfieldlisting td.heading2px {
    border-bottom-width: 2px;
}


.listing.customfieldlisting table {
    width: 100% !important;
}

.listing.customfieldlisting td.customlabelcol {
    width: 40%;
    font-size: 10px;
}

.listing.customfieldlisting td.customvaluecol {
    width: 50%;
    font-size: 10px;
}

.listing.customfieldlisting td.customrequiredcol {
    width: 10%;
    font-size: 10px;
    text-align: center;
}
/*end customdata*/
/*Start listing userlist-*/

.listing .userlist div.usercol {
    width: 26%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    display: inline-block;
    overflow: hidden;
    padding-left: 3px;
}

.listing .userlist div.statuscol {
    width: 10%;
    float: left;
    display: inline-block;
    text-align: center;
}

.listing .userlist div.heading {
    vertical-align: bottom;
    font-weight: bold;
}

/*end listing userlist*/

/* listing metadata  start */
div.scrolllist {
    border: 1px solid #888;
    max-height: 200px;
    overflow-y: scroll;
    min-height: 75px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.scrolllist.user-history th div {
    box-sizing: border-box;
    font-size: 10px;
    background-color: #ddd;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding: 2px;
}

    div.scrolllist.user-history .datecol {
        width: 30%;
        display: inline;
        float: left;
        font-size: 10px;
    }
div.scrolllist.user-history .actcol {
    width: 70%;
    display: inline;
    float: left;
    font-size: 10px;
}
    div.scrolllist.user-history .ipaddr {
        display: block;
        font-size: 10px;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
    }



.listing.metadata td.metaname {
    width: 14%;
}

.listing.metadata td.editing {
    background-color: #fbeea1;
}

.listing.metadata td.metatype {
    width: 13%;
}

.listing.metadata td.metalabel {
    width: 23%;
}

.listing.metadata td.metavalue {
    width: 36%;
}

.listing.metadata td.editdelete,
.listing.metadata td.actioncol {
    width: 14%;
    text-align: right;
}
/* rate costing text  input*/

.listing.metadata .metaname input[type=text] {
    width: 95%;
    height: 16px;
}

.listing.metadata .metalabel input[type=text] {
    width: 95%;
    height: 16px;
}

.listing.metadata .metavalue input[type=text] {
    width: 98%;
    height: 16px;
}

.listing.metadata .metatype select {
    width: 95%;
    height: 16px;
}
/*listing metadata end */
.metadatabox div.meta-wrapper {
    width: 100%;
    min-height: 120px;
    max-height: 50vh;
    border: 1px solid #ddd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
    padding: 0 2px;
    height: 100%;
}

.listing.postingcart .orderqtycol {
    width: 11%; /**15 */
    text-align: right;
}

.listing.postingcart th {
    font-size: 11px;
    font-weight: bold;
    vertical-align: bottom;
}

    .listing.postingcart th input[type=checkbox] {
        margin-left: 2px;
    }

    .listing.postingcart td.idcol,
    .listing.postingcart th.idcol {
        width: 2%;
    }

    .listing.postingcart td.itemnumcol,
    .listing.postingcart th.itemnumcol {
        width: 16%;
    }

    .listing.postingcart td.formnumcol,
    .listing.postingcart th.formnumcol {
        width: 20%;
    }

    .listing.postingcart td.desccol,
    .listing.postingcart th.desccol {
        width: 45%; /*45*/ /*43*/
    }

    .listing.postingcart td.jobnumbercol,
    .listing.postingcart th.jobnumbercol {
        width: 12%; /*11*/ /*15*/
        text-align: center;
    }

    .listing.postingcart td.orderstatuscol,
    .listing.postingcart th.orderstatuscol {
        width: 14%; /*10*/
        text-align: center;
    }


    .listing.postingcart td.orderqtycol,
    .listing.postingcart th.orderqtycol {
        width: 11%;
        text-align: right;
    }
/*start new postingcart */

.listing.postingcart td.listhtitemid,
.listing.postingcart td.listititemid {
    width: 2%;
}

.listing.postingcart td.listhtitemnumber,
.listing.postingcart td.listititemnumber {
    width: 14%;
}

.listing.postingcart td.listhtimgDigital,
.listing.postingcart td.listitimgDigital {
    width: 06%; /*45*/ /*43*/
    padding-right: 07px;
}

.listing.postingcart td.listhtdesccol,
.listing.postingcart td.listitdesccol {
    width: 44%; /*45*/ /*43*/
}

.listing.postingcart td.listhtjobnumbercol,
.listing.postingcart td.listitjobnumbercol {
    width: 11%; /*11*/ /*15*/
    text-align: center;
}

.listing.postingcart td.listhtorderstatuscol,
.listing.postingcart td.listitorderstatuscol {
    width: 13%; /*10*/
    text-align: center;
}

.listing.postingcart td.listhtorderqtycol,
.listing.postingcart td.listitorderqtycol {
    width: 12%;
    text-align: right;
}

.listing.postingcart td.listititemtotalprice {
    font-weight: bold;
    font-size: 10px;
}

    .listing.postingcart td.listititemtotalprice input {
        width: 35%;
        text-align: right;
    }

.listing.postingcart td.lblitempricedesc {
    text-align: left;
}

.itemerror td.errormsg {
}
/* end new  postingcart */
/*start new postingcharge postingSelectionList */

.listing.postingcharge table {
    width: 50%;
}

.listing.postingcharge td.job {
    width: 13%;
}

.listing.postingcharge td.delete {
    width: 5%;
    text-align: right;
    font-size: 16px;
}

.listing.postingcharge td.handling {
    width: 20%; /*10*/
    text-align: right;
}


.listing.postingcharge td.handlingUpdate {
    width: 5%;
    text-align: left;
}

.listing.postingcharge td.shipping {
    width: 20%; /*45*/ /*43*/
    text-align: right;
}


.listing.postingcharge td.shippingUpdate {
    width: 05%; /*11*/ /*15*/
    text-align: center;
}

.listing.postingcharge span.tax {
    font-size: 8px;
    text-align: right;
    line-height: 8px;
    display: block;
    padding-right: 2px;
}

.listing.postingcharge td.shipping input {
    width: 55px;
    text-align: right;
}

.listing.postingcharge td.handling input {
    width: 55px;
    text-align: right;
}

.listing.postingcharge td.iShippingUpdate {
    font-size: 16px;
}
/* end new */
/*start*/
.listing.delrecitems.table tr.td.delheadinfo {
}

.listing.delrecitems table tr {
}

.listing.delrecitems tr {
    padding-bottom: 25px;
}

    .listing.delrecitems tr td {
    }

.listing.delrecitems td.idcol {
    width: 2%;
    border-bottom: 3px solid #888;
    font-weight: bold;
}

.listing.delrecitems td.itemnumcol {
    border-bottom: 3px solid #888;
    width: 15%;
    font-weight: bold;
}

.listing.delrecitems td.desccol {
    border-bottom: 3px solid #888;
    width: 67%;
    font-weight: bold;
}

.listing.delrecitems td.orderqtycol {
    border-bottom: 3px solid #888;
    width: 15%;
    padding-right: 20px;
    text-align: right;
    font-weight: bold;
}

.listing .altitem.delrecinfo {
    background-color: #fffdf0;
}
/*end*/

.delrec .listing.ordercart td.orderqtycol {
    padding-right: 20px;
}

.listing.ordercart .orderqtycol input[type=text] {
    width: 100%;
    max-width: 100px;
    padding-right: 2px;
    text-align: right;
}

.listing.ordercart td.saepio.itemid {
    width: 20%;
}

.listing.ordercart td.saepio.itemname {
    width: 70%;
}

.listing.ordercart td.saepio.quantity {
    width: 10%;
    text-align: right;
}

.listing.ordercart .error {
    color: #ff1111;
    font-weight: bold;
}



.listing.shipping td.colline {
    border-bottom: none;
}


.listing.shipping td {
    font-size: 12px;
}

    .listing.shipping td.selectcol {
        font-size: 12px;
        width: 12%;
    }

    .listing.shipping td.shiptocol {
        font-size: 12px;
        width: 73%;
    }

    .listing.shipping td.editcol {
        font-size: 12px;
        width: 15%;
    }


    .listing.shipping td.shiptoaddressdisplay {
        width: 80%;
    }

    .listing.shipping td.shiptocontrols {
        width: 20%;
        text-align: right;
    }

.listing.personalization td {
    font-size: 12px;
}


    .listing.personalization td.PreFillCriteriaValue {
        width: 25%;
    }

    .listing.personalization td.PrefillAddress {
        width: 60%;
    }

    .listing.personalization td.PreFillControls {
        width: 15%;
        text-align: right;
    }

.listing.systemprofile td {
    font-size: 12px;
}

/**/
/* add .listing.rates then all columns     */
/**/

.setting td {
    font-size: 12px;
}


.listing.setting td.SettingItemTag {
    width: 60%;
}

.listing.setting td.SettingDisplay {
    width: 24%;
}

.listing.setting td.SettingControls {
    width: 15%;
    text-align: right;
}

.listing.pricingrules table {
    width: 100% !important;
}

.listing.pricingrules td.header,
.listing.pricingrules th {
    font-weight: bold;
    vertical-align: bottom;
}

.listing.pricingrules td {
    font-size: 11px;
}

    .listing.pricingrules td.editing {
        background-color: #fbeea1;
    }

    .listing.pricingrules td.edititem {
        background-color: #fbeea1;
    }



.listing.pricingrules .item tr:hover,
.listing.pricingrules .altitem tr:hover {
    background-color: #ccc;
    color: #111;
}

.listing.pricingrules .item td,
.listing.pricingrules .altitem td {
    vertical-align: top;
}

.listing.pricingrules .edititem td {
    vertical-align: top;
    border: none;
}

.listing.pricingrules td.name {
    width: 60%;
}

.listing.pricingrules td.rules {
    width: 25%;
}

.listing.pricingrules td.type {
    width: 25%;
}

.listing.pricingrules td.qty {
    width: 20%;
}

.listing.pricingrules td.tmpllabeledit {
    width: 100%;
}

    .listing.pricingrules td.tmpllabeledit input[type=text] {
        width: 50%;
        display: inline-block;
        float: left;
        text-align: left;
    }

.listing.pricingrules td.price {
    width: 40%;
}

.listing.pricingrules td.editlabel {
    width: 30%;
    font-weight: bold;
    text-align: right;
}

.listing.pricingrules td.editfield {
    width: 35%;
}

.listing.pricingrules td.price span.price::before {
    content: "$";
    margin-right: 1px;
}

.listing.pricingrules td.buttons {
    width: 15%;
    font-size: 14px;
}

.listing.pricingrules td select {
    width: 100%;
    margin-top: 2px;
    padding: 1px;
}

.listing.pricingrules td input[type=text] {
    width: 80%;
    text-align: right;
    margin-top: 2px;
    padding: 1px;
}

.listing.pricingrules td.end::before {
    content: "-";
}

.listing.pricingrules .selected td {
    font-weight: bold;
}

    .listing.pricingrules .selected td.buttons {
        font-weight: normal;
    }

.pricing-help .heading {
    font-weight: bold;
}

.pricing-help p.heading {
    font-size: 120%;
    margin: 10px 0 0 0;
}

/* For associating orders with integration  */
.listing.integ-orders .header td {
    font-weight: bold;
}

.listing.integ-orders td.idcol {
    width: 27%;
    min-width: 115px;
}

.listing.integ-orders td.orderedbycol {
    width: 28%;
    min-width: 95px;
}

.listing.integ-orders td.orderdatecol {
    width: 15%;
    min-width: 65px;
}

.listing.integ-orders td.orderstatuscol {
    width: 30%;
    text-align: center;
}

.integ-details .formsection {
    width: 48%;
    margin: 0 1% 8px;
    float: left;
    display: block;
}

    .integ-details .formsection table {
        width: 100%;
    }

    .integ-details .formsection td {
        vertical-align: top;
    }

        .integ-details .formsection td.labelcol {
            width: 30%;
            font-weight: bold;
        }

        .integ-details .formsection td.fieldcol {
            width: 70%;
        }

        .integ-details .formsection td.addrcol {
            border-left: 1px solid #ddd;
            padding-left: 2px;
        }

.listing.integ-items .header td {
    font-weight: bold;
}

.listing.integ-items td.itemnumcol {
    width: 20%;
    min-width: 80px;
}

.listing.integ-items td.formnumcol {
    width: 20%;
    min-width: 80px;
}

.listing.integ-items td.desccol {
    width: 50%;
    min-width: 150px;
}

.listing.integ-items td.qtycol {
    width: 10%;
    text-align: right;
}


/* END For associating orders with integration  */

.addpersonalize div.formsection table {
    width: 98%;
}

.addpersonalize .formsection input[type=text] {
    width: 95% !important;
}

.addpersonalize div.formsection {
    float: left;
    width: 49%;
}

    .addpersonalize div.formsection .bordered {
        border-style: solid;
        border-width: 1px;
        border-color: #eee;
    }

.addpersonalize td.label {
    font-size: 10px;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
}

.addpersonalize td.field {
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    font-size: 10px;
}

    .addpersonalize td.field div input[type=file] {
        width: 95% !important;
    }

div .groupmessage {
    font-size: 12px;
    font-weight: bold;
}


div.shippingmessage {
    padding-left: 13px;
    padding-top: 5px;
}

.listing.systemprofile td.sysprofileprofileID {
    width: 25%;
}

.listing.systemprofile td.sysprofilename {
    width: 65%;
}

.listing.systemprofile td.sysprofilecontrols {
    width: 10%;
    text-align: left;
}
/* systemprofile heading  added controls*/
.listing.systemprofile td.systemprofileidcol {
    width: 25%;
    text-align: left;
}

.listing.systemprofile td.systemprofilenamecol {
    width: 75%;
    text-align: left;
}
/* systemprofileheadingcol end new controls*/
.addsystemprofile div.formsection table {
    width: 98%;
}

.addsystemprofile .formsection input[type=text] {
    width: 95%;
    float: left;
    margin-right: 8px;
}

.addsystemprofile div.formsection {
    float: left;
    width: 62%;
}

    .addsystemprofile div.formsection .bordered {
        border-style: solid;
        border-width: 1px;
        border-color: #eee;
    }

.addsystemprofile td.label {
    font-size: 10px;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
}


.addsystemprofile td.field {
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    font-size: 10px;
}



    .addsystemprofile td.field div input[type=file] {
        width: 95%;
    }

.sysProfileCorpLookup {
    padding-right: 125px;
}



.sidebar table td.saepiodata.param {
    width: 30%;
    vertical-align: top;
}

.sidebar table td.saepiodata.value {
    width: 70%;
    vertical-align: top;
}

.listing.report {
    font-size: 12px;
}

    .listing.report .heading {
        vertical-align: bottom;
        font-weight: bold;
    }

    .listing.report .footer, .listing.report tr.footer td {
        vertical-align: top;
        font-weight: bold;
        border: none;
        border-width: 0;
    }

    .listing.report.inv td.itemnumcol {
        width: 12%;
    }

    .listing.report.inv td.formnumcol {
        width: 23%;
    }

    .listing.report.inv td.desccol {
        width: 31%;
    }

    .listing.report.inv td.qtycol {
        width: 9%;
        text-align: right;
    }

    .listing.report.inv td.pricecol {
        width: 16%;
        text-align: center;
    }

    .listing.report.inv td.warehousecol {
        width: 15%;
    }

    .listing.report.inv td.loccol {
        width: 10%;
    }

    .listing.report.inv.printable table {
        width: 750px;
    }

    .listing.report.inv.printable {
        font-size: 10px;
    }

        .listing.report.inv.printable tr.heading {
            font-size: 10px;
            font-weight: bold;
            vertical-align: bottom;
        }

        .listing.report.inv.printable td.heading {
            font-size: 10px;
            font-weight: bold;
            vertical-align: bottom;
        }

        .listing.report.inv.printable td {
            font-size: 10px;
        }

            .listing.report.inv.printable td.itemnumcol {
                width: 12%;
            }

            .listing.report.inv.printable td.formnumcol {
                width: 22%;
            }

            .listing.report.inv.printable td.desccol {
                width: 31%;
            }

            .listing.report.inv.printable td.qtycol {
                width: 9%;
                text-align: right;
            }

            .listing.report.inv.printable td.pricecol {
                width: 16%;
                text-align: right;
            }

            .listing.report.inv.printable td.warehousecol {
                width: 15%;
            }

            .listing.report.inv.printable td.loccol {
                width: 10%;
            }

    .listing.report.jobs article {
        width: 440px;
        float: left;
        margin-bottom: 3px;
        margin-right: 7px;
    }

    .listing.report.jobs .heading {
        font-size: 12px;
        font-weight: bold;
    }

        .listing.report.jobs .heading.large {
            font-size: 120%;
        }

    .listing.report.jobs .small {
        font-size: 75%;
    }

    .listing.report.jobs div.orderdesc {
        width: 90%;
        margin-left: 10%;
    }

        .listing.report.jobs div.orderdesc table {
            width: 100%;
        }

        .listing.report.jobs div.orderdesc td.qtycol {
            width: 15%;
            text-align: right;
            padding-right: 3px;
        }

        .listing.report.jobs div.orderdesc td.desccol {
            width: 85%;
            text-align: left;
        }

    .listing.report.jobs table.info {
        width: 100%;
    }

        .listing.report.jobs table.info td.labelcol {
            text-align: right;
            font-weight: bold;
            padding-right: 3px;
            width: 30%;
        }

        .listing.report.jobs table.info td.valuecol {
            width: 30%;
        }

        .listing.report.jobs table.info td.rightcol {
            width: 40%;
        }

.listing table.info tr td {
    border-bottom: 0;
    padding: 0 0 0 0;
}

.listing.report.jobs div.orderdesc table tr td {
    border-bottom: 0;
    padding: 0 0 0 0;
}

.listing.report.ship article {
    width: 440px;
    float: left;
    margin-bottom: 3px;
    margin-right: 7px;
}

.listing.report.ship .small {
    font-size: 75%;
}

.listing.report.ship table tr td {
    border-width: 0;
    border-style: none;
}

.listing.report.ship td.qtycol {
    width: 9%;
    vertical-align: top;
    text-align: right;
}

.listing.report.ship td.shipdatecol {
    width: 11%;
    vertical-align: top;
    text-align: center;
}

.listing.report.ship td.shiptocol {
    width: 31%;
    vertical-align: top;
    text-align: left;
}

.listing.report.ship td.shipviacol {
    width: 15%;
    vertical-align: top;
    text-align: center;
}

.listing.report.ship td.trackingcol {
    width: 34%;
    vertical-align: top;
    text-align: center;
}

.listing.report.ship td.lined {
    border-bottom: solid 1px #ddd;
    padding: 3px 0 1px 2px;
}

.listing.report.ship td.heading {
    font-weight: bold;
    vertical-align: bottom;
}
/*start listing printspectype */
.listing .printspec {
    font-size: 12px;
}

    .listing .printspec.types article {
        width: 98%;
        float: left;
        margin-bottom: 3px;
        margin-right: 7px;
    }

    .listing.printspec.types.report {
        font-size: 12px;
    }

    .listing .printspec.types div.orderdesc {
        width: 90%;
        margin-left: 10%;
    }

        .listing .printspec.types div.orderdesc table {
            width: 100%;
        }

    .listing .printspec.types table.info {
        width: 100%;
    }

    .listing .printspec.types td.headleftcol {
        text-align: left;
        font-weight: bold;
        width: 20%;
    }

    .listing .printspec.types td.headnamecol {
        text-align: left;
        width: 100%;
    }

    .listing .printspec.types td.headdesccol {
        text-align: left;
        font-weight: bold;
        width: 80%;
        padding-left: 34px;
        font-size: 14px;
    }

    .listing .printspec.types td.headactioncol {
        text-align: right;
        width: 20%;
        font-size: 16px;
    }

    .listing .printspec.types td.headcol {
        text-align: right;
        font-weight: bold;
        width: 15%;
    }

    .listing .printspec.types td.labelcol {
        text-align: right;
        font-weight: bold;
        width: 15%;
    }

    .listing .printspec.types td.valuecol {
        width: 35%;
        padding-left: 3px;
    }

    .listing .printspec.types td.rightcol {
        width: 34%;
        padding-left: 3px;
    }

    .listing .printspec.types td.editlabel {
        width: 15%;
        font-size: 10px;
        font-weight: bold;
        text-align: right;
        padding-right: 5px;
    }

    .listing .printspec.types td.editfield {
        width: 85%;
        font-size: 10px;
    }

    .listing .printspec.types input[type=text] {
        width: 400px;
        text-align: left;
        font-size: 10px;
    }

    .listing .printspec.types select {
        font-size: 10px;
        margin-bottom: 2px;
        width: 404px;
    }
/*group message start*/
div.groupmessage {
    padding: 10px 0 0px 15px;
}

div.jobmessage {
    width: 100%;
    display: block;
}

div.confirmmessage {
    padding: 4px 0px 5px 0px;
}

.listing td.invfield {
    font-size: 12px;
    border-bottom: none;
}

.listing td.btninvfield {
    vertical-align: top;
    border-bottom: none;
    padding: 0 0 0 0;
}

.listing .invprintspec.types td.editlabel {
    width: 15%;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: text-top;
}

.listing .invprintspec.types td.editfield {
    width: 75%;
    font-size: 10px;
}

.listing .invprintspec.types td.editclear {
    width: 10%;
    vertical-align: top;
    padding: 0,0,0,0;
    /* font-size: 10px;*/
}

.listing .invprintspec.types input[type=text] {
    width: 300px;
    text-align: left;
    font-size: 10px;
}

.listing .invprintspec.types select {
    font-size: 10px;
    margin-bottom: 2px;
    width: 200px;
}

.table .printadd {
    font-size: 15px;
}

.listing.printspec td.headingline {
    font-size: 13px;
}

.listing.printspec td.optiontext {
    font-size: 11px;
}

.listing.printspec td.speclabel {
    font-size: 11px;
    font-weight: bold;
}


.listing.printspec table tr td {
    padding: 0 0 0 0;
    border-bottom: none;
}

.listing.printspec table {
    border-bottom: 1px solid #ddd;
}

    .listing.printspec table.InvInfo {
        border-bottom: none;
    }


/*invprintspect end*/
div.printspec {
}

    div.printspec table {
        width: 95%;
    }

        div.printspec table td.labelcol {
            text-align: right;
            font-weight: bold;
            padding-right: 5px;
            font-size: 10px;
            width: 17%;
            vertical-align: top;
        }

        div.printspec table td.fieldcol input {
            width: 80%;
            font-size: 10px;
        }

            div.printspec table td.fieldcol input[type=checkbox] {
                width: auto;
                float: left;
            }

        div.printspec table select {
            margin-bottom: 2px;
            width: 375px;
        }

/* end listing printspec */

.listing.inventory td.checkcol {
    width: 2%;
    text-align: center;
}

.listing.inventory td.itemnumcol {
    width: 15%;
}
.listing.inventory td.itemnumcol i.fa
{
    display: inline-block;
    float: right;
    font-size: 14px;
    margin-right: 5px;
}

.listing.inventory td.iconcol {
    width: 5%;
}
.listing.inventory .iconcol img
{
    float: left;
}
.listing.inventory .iconcol img.digital {
    margin-bottom: 2px;
    margin-right: 2px;
    float: right;
}


.listing.inventory td.formnumcol {
    width: 19%;
}

.listing.inventory td.desccol {
    width: 30%;
}

.listing.inventory td.qtycol {
    width: 8%;
    text-align: right;
}

.listing.inventory td.profilecol {
    width: 15%;
    text-align: right;
}

.listing.inventory.printable {
    font-size: 10px;
}

    .listing.inventory.printable tr.heading {
        font-size: 10px;
        font-weight: bold;
        vertical-align: bottom;
    }

    .listing.inventory.printable td.heading {
        font-size: 10px;
        font-weight: bold;
        vertical-align: bottom;
    }

    .listing.inventory.printable td {
        font-size: 10px;
    }

        .listing.inventory.printable td.itemnumcol {
            width: 12%;
        }

        .listing.inventory.printable td.formnumcol {
            width: 22%;
        }

        .listing.inventory.printable td.desccol {
            width: 30%;
        }

        .listing.inventory.printable td.qtycol {
            width: 9%;
            text-align: right;
        }

.listing.pricing table tr td.qtycol {
    width: 60px;
}

.listing.pricing table tr td.pricecol {
    width: 60px;
}

.smallstock-bounds {
    width: 280px;
}

    .smallstock-bounds.inv {
        width: 280px;
    }

.listing.smallstock table {
    border-width: 1px;
    border-color: #ddd;
    border-style: solid;
}

.listing.smallstock td {
    padding: 0 0 0 0;
}

    .listing.smallstock td.warehousecol {
        width: 60%;
        font-size: 9px;
        vertical-align: top;
        text-align: left;
    }

    .listing.smallstock td.locationcol {
        width: 20%;
        font-size: 9px;
        vertical-align: top;
        text-align: center;
    }

    .listing.smallstock td.quantitycol {
        width: 20%;
        font-size: 9px;
        vertical-align: top;
        text-align: right;
    }

.listing.smallstock .item {
    background-color: #fff;
}

.listing.smallstock .altitem {
    background-color: #f8f8f8;
}

.smallstock-bounds.fixed {
    width: 100%;
}

.listing.smallstock.fixed td.heading {
    font-weight: bold;
    vertical-align: bottom;
}

.listing.smallstock.fixed td.warehousecol {
    width: 60%;
}

.listing.smallstock.fixed td.locationcol {
    width: 20%;
}

.listing.smallstock.fixed td.quantitycol {
    width: 20%;
}

/* postingstock listing  start */
.postingstock-bounds {
    width: 280px;
}

    .postingstock-bounds.inv {
        width: 280px;
    }

.listing.postingstock table {
    border-width: 1px;
    border-color: #ddd;
    border-style: solid;
}

.listing.postingstock td {
    padding: 0 0 0 0;
}

    .listing.postingstock td.warehousecol {
        width: 60%;
        font-size: 10px;
        vertical-align: top;
        text-align: left;
    }

    .listing.postingstock td.locationcol {
        width: 20%;
        font-size: 10px;
        vertical-align: top;
        text-align: center;
    }

    .listing.postingstock td.quantitycol {
        width: 20%;
        font-size: 11px;
        vertical-align: top;
        text-align: right;
    }

.listing.postingstock .item {
    background-color: #fff;
}

.listing.postingstock .altitem {
    background-color: #f8f8f8;
}

.posting-postingstock.fixed {
    width: 100%;
}

.listing.postingstock.fixed td.heading {
    font-weight: bold;
    vertical-align: bottom;
}

.listing.postingstock.fixed td.warehousecol {
    width: 60%;
}

.listing.postingstock.fixed td.locationcol {
    width: 20%;
}

.listing.postingstock.fixed td.quantitycol {
    width: 20%;
}

/* */
/* specspecification area start */
.listing.inventoryspec {
}

    .listing.inventoryspec td.heading {
        border-bottom-width: 2px;
        border-bottom-color: #666;
        font-size: 10px;
    }

    .listing.inventoryspec td.heading {
        border-bottom-width: 2px;
        border-bottom-color: #666;
        font-size: 10px;
    }

    .listing.inventoryspec td.itemnumcol {
        width: 13%;
        font-size: 10px;
    }

    .listing.inventoryspec td.formnumcol {
        width: 30%;
        font-size: 10px
    }

    .listing.inventoryspec td.desccol {
        width: 37%;
        font-size: 10px
    }

    .listing.inventoryspec td.qtycol {
        width: 10%;
        font-size: 10px;
        text-align: right;
    }

    .listing.inventoryspec td.invprofilecol {
        width: 10%;
        text-align: right;
        font-size: 10px;
    }


.listing.estimateresult td.heading {
    border-bottom-width: 2px;
    border-bottom-color: #666;
    font-size: 10px;
}

.listing.estimateresult td.estimatecol {
    font-size: 10px;
}

.listing.estimateresult td.projectnamecol {
    width: 25%;
    font-size: 10px;
}

.listing.estimateresult td.custcol {
    width: 25%;
    font-size: 10px;
}

.listing.estimateresult td.projecttypecol {
    width: 25%;
    font-size: 10px;
}


.listing.estimateresult td.statuscol {
    width: 15%;
    font-size: 10px;
}

.listing.orderoptionsresult td.heading {
    border-bottom-width: 2px;
    border-bottom-color: #666;
}

.listing.orderoptionsresult td.profilecol {
    width: 25%;
    font-size: 10px;
}

.listing.orderoptionsresult td.specnamecol {
    width: 75%;
    font-size: 10px;
}

.searchtable {
    width: 100%;
}

    .searchtable td.cbfiller {
        width: 56%;
        font-size: 12px;
        font-weight: bold;
        text-align: right;
        padding-right: 5px;
    }

    .searchtable td.cbtransaction {
        width: 12%;
        font-size: 10px;
        font-weight: bold;
    }

    .searchtable td.cbinventory {
        width: 10%;
        font-size: 10px;
        font-weight: bold;
    }

    .searchtable td.cbestimate {
        width: 10%;
        font-size: 10px;
        font-weight: bold;
    }

    .searchtable td.cbprintspecs {
        width: 13%;
        font-size: 10px;
        font-weight: bold;
    }

    .searchtable input[type=checkbox] {
    }

    .searchtable .label {
        background-color: blue;
    }

.mainbtns {
    width: 100%;
}

.nav-tabs {
}

    .nav-tabs li a {
    }
/* listing specspecification end */
/* Charge content column definitions */
.search div.formsection .charges table {
    width: 98%;
}


.search .charges td.field::before {
    content: "$";
}

.search .charges td.field {
    font-weight: bold;
    font-size: 12px;
}

    .search .charges td.field input {
        font-size: 10px;
        padding-left: 2px;
        text-align: right;
        vertical-align: top;
        width: 70%;
    }

/* End charge content column definitions */
/* Kit content column definitions */
.listing.kit td.selectcol {
    width: 30px;
    text-align: center;
}

    .listing.kit td.selectcol input[type=checkbox],
    .listing.kit td.selectcol input[type=radio] {
        float: none;
    }

.listing.kit td.nodecol {
    width: auto;
}

    .listing.kit td.nodecol .smaller {
        font-size: 9px;
    }

.listing.kit input[type=file] {
    margin-bottom: 0;
}

.listing.kit.review td.labelcol {
    width: 30%;
    font-weight: bold;
    vertical-align: top;
}

.listing.kit.review td.valuecol {
    width: 70%;
    vertical-align: top;
}

.kit table {
    width: 100%;
}

.kit select {
    width: 100%;
    max-width: 300px;
    padding: 2px;
    height: 25px;
}


/* End kit content column definitions */

.listing.warehouse td.whcol {
    width: 16%;
}

.listing.warehouse td.loccol {
    width: 20%;
}

.listing.warehouse td.qtycol {
    width: 16%;
}

.listing.printordertab td {
}

    .listing.printordertab td.invnamecol {
        width: 18%;
        font-size: 10px;
        font-weight: bold;
        word-wrap: break-word;
    }

    .listing.printordertab td.invspecscol {
        width: 57%;
        font-size: 10px;
    }

    .listing.printordertab td.invdigitaloutput {
        width: 12%;
        text-align: center;
        font-size: 16px;
    }

    .listing.printordertab td.invPreferred {
        width: 5%;
        text-align: center;
        font-size: 16px;
    }


    .listing.printordertab td.detailactioncol {
        width: 8%;
        text-align: right;
        font-size: 16px;
    }

    .listing.printordertab td.namecol {
        width: 18%;
    }

    .listing.printordertab td.speclabelcol {
        width: 57%;
    }

    .listing.printordertab td.digitaloutputcol {
        width: 12%;
        text-align: center;
    }

    .listing.printordertab td.Preferred {
        width: 5%;
        text-align: center;
    }

    .listing.printordertab td.actioncol {
        width: 08%;
    }

    .listing.printordertab td.heading td {
        vertical-align: bottom;
    }

/* notification area */
.listing.notification tr {
    border-bottom: none;
    padding: 3px 0 1px 2px;
}

.listing.notification table {
    width: 100%;
}

    .listing.notification table.displayNotifyRec {
    }

.listing.notification tbody tr td {
    border-bottom: 1px solid #ddd;
}


.listing.notification tbody tr td {
    border-bottom: none;
}

.listing.notification td.notifyenabledcol {
    width: 4%;
    text-align: left;
}

.listing.notification td.notifytypecol {
    width: 17%;
    font-size: 10px;
    text-align: left;
    font-weight: bold;
}

.listing.notification td.notifytemplatecol {
    width: 29%;
    font-size: 10px;
    text-align: left;
    font-weight: bold;
}

.listing.notification td.notifydetailscol {
    width: 50%;
    font-size: 10px;
    text-align: left;
}

.listing.notification td.notifyeditdeleteicons {
    font-size: 16px;
}

.listing.notification table.notifytable {
    width: 100%;
}

.listing.notification .editing table.notifytable {
    background-color: #fbeea1;
}

.listing.notification table.notifytable tr {
    border: solid 1px #333;
}

.listing.notification td.leftblock {
    width: 50%;
    box-sizing: padding-box
}

.listing.notification td.rightblock {
    width: 50%;
    padding-left: 5px;
    font-size: 11px;
}

.listing.notification .rightblock li {
    width: 100%;
    display: block;
    padding-left: 10px;
}

.listing.recipient {
}


    .listing.recipient table.recept_table tr td {
        border: none;
    }


    .listing.recipient td.recpdatacol {
        width: 90%;
        text-align: left;
        font-size: 10px;
        font-weight: bold;
        border: none;
    }

    .listing.recipient td.recpdeletecol {
        width: 5%;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        border: none;
    }




div.notifyarea {
}

    div.notifyarea tr td {
        border: solid 1px #bbb;
        padding: 2px 0 4px 4px;
    }

    div.notifyarea table.notifytable {
        width: 100%;
    }

    div.notifyarea td.leftblock {
        width: 50%;
    }

    div.notifyarea td.rightblock {
        width: 50%;
    }


    div.notifyarea td input[type=checkbox] {
        font-weight: bold;
        font-size: 14px;
    }

    .listing.notification table.notifytable td select,
    div.notifyarea select {
        font-weight: bold;
        font-size: 10px;
        width: 60%;
        margin-top: 5px;
        margin-bottom: 3px;
    }


    .listing.notification table.notifytable td input[type=text],
    div.notifyarea td input[type=text] {
        font-size: 10px;
        font-weight: bold;
        width: 90%;
        margin-left: 7px;
        margin-top: 3px;
    }

    div.notifyarea td input[type=checkbox] {
        font-weight: bold;
        font-size: 14px;
    }

    div.notifyarea select {
        font-weight: bold;
        font-size: 12px;
        width: 60%;
        margin-top: 1px;
        margin-bottom: 10px;
    }

.listing.notification table.recipienttable tr td,
.listing.notification table.notifysender tr td {
    border: none
}

.listing.notification table.recipienttable span,
div.sender span {
    font-size: 10px;
    font-weight: bold;
    margin-left: 2px;
}

.listing.notification table.recipienttable select,
div.sender select {
    font-weight: bold;
    font-size: 10px;
    width: 60%;
    margin-top: 1px;
    margin-bottom: 5px;
    margin-left: 8px;
}

.listing.notification table.recipienttable input[type=text],
div.sender input[type=text] {
    font-size: 10px;
    font-weight: bold;
    width: 90%;
    padding: 1px,1px,0,10px;
}


/*notification end  */
/* kit area */
.listing.Kitslist td.kitsitemcol {
    width: 15%;
    text-align: left;
    font-size: 10px;
}

.listing.Kitslist td.kitsformcol {
    width: 30%;
    text-align: left;
    font-size: 10px;
}

.listing.Kitslist td.kitsdesccol {
    width: 55%;
    text-align: left;
    font-size: 10px;
}
/* kits end  */
/*  includedwhenadded  start */
.listing.IncludedWhenAdded tr td {
    border-bottom: none;
    padding: 3px 0 1px 2px;
}

.listing.IncludedWhenAdded table {
    width: 100%;
}

    .listing.IncludedWhenAdded table.displayNotifyRec {
    }

.listing.IncludedWhenAdded {
    border-bottom: 1px solid #ddd;
    border-bottom: none;
}

    .listing.IncludedWhenAdded td.IncludedItemcol {
        width: 20%;
        font-size: 10px;
        text-align: left;
    }

    .listing.IncludedWhenAdded td.IncludedFormcol {
        width: 20%;
        font-size: 10px;
        text-align: left;
    }

    .listing.IncludedWhenAdded td.IncludedDesccol {
        width: 22%;
        font-size: 10px;
        text-align: left;
        word-wrap: break-word;
    }


    .listing.IncludedWhenAdded td.IncludedMessagecol {
        width: 30%;
        font-size: 10px;
        text-align: left;
    }


    .listing.IncludedWhenAdded td.IncludedEditcol {
        width: 8%;
        font-size: 16px;
    }

.listing.extraselectiontable select.itemlist {
    max-width: 580px;
}

.detailview div table.extraselectiontable {
    width: 100%;
}


    .detailview div table.extraselectiontable td.extraqtylable {
        font-weight: bold;
        vertical-align: auto;
    }

    .detailview div table.extraselectiontable input[type=text] {
        font-weight: bold;
        width: 15%;
        vertical-align: top;
        text-align: right;
    }

    .detailview div table.extraselectiontable td.fullfield select.itemlist {
        height: 100%;
    }

/*  includedwhenadded end */
/* Department notes  */
.inventory-item-tabs div.scrolllist {
    max-height: 300px;
    overflow-y: auto;
}
/* special fix-up */
.inventory-item-tabs .ajax__scroll_none {
    overflow-x: visible;
    overflow-y: visible;
}

.listing.notetab table tr td {
    border-bottom: none;
}

.listing.notetab td.timeusercol {
    width: 25%;
    font-size: 12px;
    font-weight: bold;
}

.listing.notetab td.deptcol {
    width: 23%;
    font-size: 12px;
    font-weight: bold;
}

.listing.notetab td.notescol {
    width: 42%;
    font-size: 12px;
    font-weight: bold;
}

.listing.notetab td.notesactioncol {
    width: 10%;
}


.listing.notetab td.invnotesmodifiedtimeuser {
    width: 25%;
    font-size: 10px;
}

.listing.notetab td.invnotesdeptname {
    width: 23%;
    font-size: 10px;
}

.listing.notetab td.invnotesnote {
    width: 42%;
    font-size: 10px;
}

.listing.notetab td.invnotesactioncol {
    width: 10%;
    font-size: 16px;
}

.listing.notetab .notestable td 
{
    font-size: 11px;
}

.listing.notetab .notestable td.deptName {
    font-weight: bold;
    width: 10%;
    min-width: 80px;
}

.listing.notetab .notestable td.deptNotes {
    width: 90%;
    min-width: 100px;
}


/*  NotesAddUpdateDelete */
.inventory-item-tabs .div.td.fullfield {
    font-size: 25px;
}

.listing .deleted {
    border: 2px solid #f55;
}


.notes td.addnotesinfo {
    font-size: 11px;
    width: 40%;
    font-weight: bold;
    padding: 0 20px 20px 0;
}

.notes td.addnotesdept {
    vertical-align: top;
    font-size: 11px;
    padding: 0 0 0 0;
    width: 60%;
}

.notes td.addnotesjobnumber {
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
    vertical-align: top;
    width: 60%;
}

    .notes td.addnotesjobnumber input[type=text] {
    }

.notes td.addnotesnote {
    font-size: 11px;
    font-weight: bold;
}

    .notes td.addnotesnote textarea {
        width: 99%;
        height: 75px;
    }

.notes td.addnoteerror {
    font-size: 11px;
    width: 100%;
}

.notes td.addnoteaddbtn {
    font-size: 11px;
    width: 40%;
}

.notes td.addnotecancelbtn {
    font-size: 11px;
    width: 60%;
}

.notes td.updatenotesinfo {
    font-size: 10px;
    width: 40%;
    padding: 0 20px 20px 0;
}

.notes td.updatenotesdept {
    font-size: 11px;
    vertical-align: top;
    font-weight: bold;
    width: 60%;
    padding: 0 0 0 0;
}

.notes td.updatenotesjobnumber {
    width: 60%;
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
    vertical-align: top;
}

    .notes td.updatenotesjobnumber input[type=text] {
    }

.notes td.updatenotesnote {
    font-size: 11px;
    font-weight: bold;
}

    .notes td.updatenotesnote textarea {
        width: 99%;
        height: 75px;
    }


.notes td.updatenoteerror {
    font-size: 11px;
    width: 100%;
}

.notes td.updatenoteaddbtn {
    font-size: 11px;
    width: 40%;
}

.notes td.updatenotecancelbtn {
    font-size: 11px;
    width: 60%;
}

.notes td.deletenote {
    font-size: 10px;
    font-weight: bold;
    width: 100%;
}

.notes td.deletenotesmessage {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    color: #3a75c4;
}

.notes td.deletesnoteyesbtn {
    font-size: 11px;
    width: 40%;
}

.notes td.deletenotesnobtn {
    font-size: 11px;
    width: 60%;
}
/* End added for department notes */


.listing.warehouse td.heading td {
    vertical-align: bottom;
}

.listing.tracking td {
    width: 100%;
}

.listing.tracking td {
    font-size: 11px;
    text-align: left;
    padding-top: 5px;
}

    .listing.tracking td.datecol {
        width: 20%;
    }

    .listing.tracking td.methodcol {
        width: 20%;
    }

    .listing.tracking td.trackingcol {
        width: 40%;
    }

    .listing.tracking td.removecol {
        width: 20%;
        padding-top: 0;
    }

.listing.blocks div.block {
    width: 32%;
    margin-right: 1%;
    display: inline-block;
    float: left;
    min-height: 60px;
}

.listing.shipblocks div.shipblock {
    width: 29%;
    display: inline-block;
    float: left;
    min-height: 60px;
}


.listing.blocks div.header {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.listing.blocks div.subheader {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding: 2px;
}

div.container {
    margin: 0 10px 20px 10px;
    width: 100%;
}

.listing.blocks table {
    width: 100%;
}

    .listing.blocks table tr td {
        vertical-align: top;
        text-align: left;
        font-size: 11px;
        border: none;
    }

    .listing.blocks table td.labelcol {
        font-weight: bold;
        width: 37%;
    }

    .listing.blocks table td.fieldcol {
        font-weight: normal;
        width: 62%;
    }

.listing.blocks .last td.labelcol {
    font-weight: bold;
    width: 25%;
}

.listing.blocks .last td.fieldcol {
    font-weight: normal;
    width: 75%;
}


/*start  shippriority */
.listing.shipblocks div.shipblockinfo {
    width: 13%;
    display: inline-block;
    float: left;
    min-height: 60px;
}

.listing.shipblocks div.header {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.listing.shipblocks div.subheader {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding: 2px;
}



.listing.shipblocks table {
    width: 100%;
}

    .listing.shipblocks table tr td {
        vertical-align: top;
        text-align: left;
        font-size: 11px;
        border: none;
    }

    .listing.shipblocks table td.labelcol {
        font-weight: bold;
        width: 34%;
    }

    .listing.shipblocks table td.fieldcol {
        display: block;
        font-weight: normal;
        width: 65%;
    }

.listing.shipblocks .last td.labelcol {
    font-weight: bold;
    width: 25%;
}

.listing.shipblocks .last td.fieldcol {
    font-weight: normal;
    width: 75%;
}

/*end */














.listing .eddm-participant div.namecol {
    width: 70%;
    display: inline-block;
    float: left;
    vertical-align: top;
}

.listing .eddm-participant div.totalcol {
    width: 25%;
    display: inline-block;
    float: left;
    vertical-align: top;
    text-align: right;
}

.listing .eddm-participant div.infocol {
    width: 4%;
    display: inline-block;
    float: left;
    vertical-align: top;
    text-align: right;
}


.listing.eddm-details table {
    width: 100%;
}

.listing.eddm-details div.zipcol {
    width: 20%;
    display: inline-block;
    float: left;
    vertical-align: top;
}

.listing.eddm-details div.carrtcol {
    width: 15%;
    display: inline-block;
    float: left;
    vertical-align: top;
}

.listing.eddm-details div.qtycol {
    width: 20%;
    display: inline-block;
    float: left;
    vertical-align: top;
    text-align: right;
    padding-right: 5px;
}

.listing.eddm-details div.editcol {
    width: 40%;
    display: inline-block;
    float: left;
    vertical-align: top;
    padding-left: 5px;
}

.sidebar table.eddm-key td.colorcol {
    text-align: right;
    vertical-align: top;
    padding-right: 4px;
}

.sidebar table.eddm-key td.amtcol {
    text-align: left;
    font-size: 11px;
    padding-left: 4px;
}

.sidebar table.eddm-key .red {
    color: #f80909;
}


.sidebar table.eddm-key .orange {
    color: darkorange;
}

.sidebar table.eddm-key .blue {
    color: #0026ff;
}

.sidebar table.eddm-key .green {
    color: green;
}

div.fields.eddm-details,
table.counts.eddm-details {
    width: 100%;
}

.fields.eddm-details div.zipcol {
    width: 20%;
    display: inline-block;
    float: left;
    vertical-align: top;
    height: 59px;
}

.fields.eddm-details div.carrtcol {
    width: 15%;
    display: inline-block;
    float: left;
    vertical-align: top;
    height: 63px;
}

.fields.eddm-details div.qtycol {
    width: 20%;
    display: inline-block;
    float: left;
    vertical-align: top;
}

.fields.eddm-details div.editcol {
    width: 40%;
    display: inline-block;
    float: left;
    vertical-align: top;
}

.fields.eddm-details input[type=text] {
    margin-top: 12px;
}

.fields.eddm-details .qtycol input[type=text] {
    text-align: right;
}

.counts.eddm-details td {
    vertical-align: top;
    font-size: 13px;
}

    .counts.eddm-details td.labelcol {
        width: 35%;
        padding-right: 5px;
        text-align: right;
    }

    .counts.eddm-details td.countcol {
        width: 20%;
        padding-right: 10px;
        text-align: right;
    }

    .counts.eddm-details td.extracol {
        width: 45%;
    }

    .counts.eddm-details td.difference {
        color: #f00;
    }

.listing2line {
    width: 100%;
}

    .listing2line table {
        width: 100%;
    }

        .listing2line table tr td {
            border: none;
            padding: 0 0 0 0;
        }

    .listing2line .item {
        padding-top: 2px;
        background-color: transparent;
    }

    .listing2line .altitem {
        padding-top: 2px;
        background-color: #efefef;
    }

    .listing2line td.lined {
        border-bottom: solid 2px #bbb;
        padding: 3px 0 1px 2px;
    }

    .listing2line.delete td.itemnumcol {
        width: 15%;
        font-size: 12px;
    }

    .listing2line.delete td.formnumcol {
        width: 15%;
        font-size: 12px;
    }

    .listing2line.delete td.desccol {
        width: 40%;
        font-size: 12px;
    }

    .listing2line.delete td.stockcol {
        width: 20%;
        font-size: 12px;
        text-align: right;
    }

    .listing2line.delete td.deletecol {
        width: 10%;
        font-size: 12px;
        text-align: center;
    }

    .listing2line.delete td.heading {
        font-size: 12px;
        font-weight: bold;
        vertical-align: bottom;
    }

    .listing2line.delete input[type=checkbox] {
        float: none;
    }


    .listing2line.withdraw td.itemnumcol {
        width: 15%;
        font-size: 12px;
    }

    .listing2line.withdraw td.formnumcol {
        width: 15%;
        font-size: 12px;
    }

    .listing2line.withdraw td.desccol {
        width: 40%;
        font-size: 12px;
    }

    .listing2line.withdraw td.whsecol {
        width: 20%;
        font-size: 12px;
        text-align: right;
    }

    .listing2line.withdraw td.qtycol {
        width: 10%;
        font-size: 12px;
        text-align: right;
    }

    .listing2line.withdraw td.heading {
        font-size: 12px;
        font-weight: bold;
        vertical-align: bottom;
    }

    .listing2line.withdraw td.status {
        font-size: 12px;
    }

    .listing2line.withdraw td.info {
        font-size: 12px;
    }

    .listing2line.withdraw input[type=text] {
        width: 50px;
        padding-right: 2px;
        text-align: right;
    }

    .listing2line.withdraw select {
        width: 100%;
    }


    .listing2line.receive td.itemnumcol {
        width: 15%;
        font-size: 12px;
        vertical-align: top;
    }

    .listing2line.receive td.formdesccol {
        width: 50%;
        font-size: 12px;
        vertical-align: top;
    }

    .listing2line.receive td.whsecol {
        width: 15%;
        font-size: 12px;
        text-align: left;
        vertical-align: top;
    }

    .listing2line.receive td.loccol {
        width: 12%;
        font-size: 12px;
        vertical-align: top;
        padding-left: 5px;
        padding-right: 5px;
    }

    .listing2line.receive td.qtycol {
        width: 8%;
        font-size: 12px;
        text-align: right;
        vertical-align: top;
    }

    .listing2line.receive td.heading {
        font-size: 12px;
        font-weight: bold;
        vertical-align: bottom;
    }

    .listing2line.receive td.status {
        font-size: 12px;
    }

    .listing2line.receive td.info {
        font-size: 12px;
    }

    .listing2line.receive td.loccol input[type=text] {
        width: 98%;
        padding-right: 2px;
        text-align: left;
    }

    .listing2line.receive td.qtycol input[type=text] {
        width: 50px;
        padding-right: 2px;
        text-align: right;
    }

    .listing2line.receive select {
        width: 100%;
    }

    .listing2line.receive div.formbounds {
        float: left;
        width: 30%;
        height: 50px;
    }

    .listing2line.receive div.descbounds {
        width: 98%;
    }

    .listing2line.receive td.heading div.formbounds {
        height: auto;
    }

.invheader {
    width: 100%;
    font-size: 12px;
}

    .invheader label {
        font-size: 12px;
    }

    .invheader input[type=checkbox] {
        margin-bottom: 0;
    }

    .invheader td.views {
        width: 40%;
        vertical-align: bottom;
    }

    .invheader td.size {
        width: 40%;
        text-align: center;
        vertical-align: bottom;
    }

    .invheader td.counts {
        width: 20%;
        text-align: right;
        vertical-align: bottom;
    }

.rptheader {
    width: 100%;
    font-size: 12px;
}

    .rptheader label {
        font-size: 12px;
    }

    .rptheader .label {
        font-size: 12px;
        font-weight: bold;
        color: #333;
    }

    .rptheader td.info {
        width: 40%;
        vertical-align: bottom;
    }

    .rptheader td.views {
        width: 20%;
        text-align: center;
        vertical-align: bottom;
    }

    .rptheader td.export {
        width: 40%;
        text-align: right;
        vertical-align: bottom;
    }

.listing.files td table td {
    border-bottom: none;
}

.listing.files .header tr td {
    font-weight: bold;
    font-size: 11px;
    vertical-align: bottom;
}

.listing.files .filecol {
    width: 45%;
    text-align: left;
    overflow-wrap: break-word;
}

.listing.files .sizecol {
    width: 10%;
    text-align: center;
}

.listing.files .typecol {
    width: 20%;
    text-align: center;
}

    .listing.files .typecol.wide {
        width: 45%;
        text-align: center;
    }

.listing.files .listcol {
    width: 12%;
    text-align: center;
}

.listing.files .deletecol {
    width: 15%;
    text-align: center;
}
.listing.files .buttoncol {
    width: 13%;
    text-align: right;
}
.listing.files .removecol {
    width: 10%;
    text-align: right;
}

.listing.files .file-classification {
    font-size: 10px;
}

.listing.files .file-count 
{
    font-size: 10px;
}

.dashboard .listing td.labelcol {
    width: 80%;
    vertical-align: top;
}

.dashboard .listing td.valuecol {
    width: 20%;
    vertical-align: top;
    text-align: right;
    font-weight: bold;
}

.sidebar .dashboard .listing td.labelcol {
    font-size: 10px;
}

.sidebar .dashboard .listing td.valuecol {
    font-size: 10px;
}

.listing table tr td
{
    border-bottom: solid 1px #ddd;
    padding: 3px 0 1px 2px;
}

    .listing table tr td.noborder {
        border-bottom: none;
    }

.listing.history table {
    width: 100%;
}

    .listing.history table td.datecol {
        width: 20%;
        text-align: right;
        padding-right: 18px;
    }

    .listing.history table td.textcol {
        width: 48%;
        text-align: left;
    }

    .listing.history table td.qtycol {
        width: 05%;
        text-align: right;
        padding-right: 15px;
    }

    .listing.history table td.usercol {
        width: 27%;
        text-align: left;
    }


.listing.history td.heading {
    font-weight: bold;
}

.listing.usersettings {
    width: 100%;
    max-width: 992px;
}

    .listing.usersettings td {
        vertical-align: top;
        word-break: break-all;
    }

        .listing.usersettings td.header {
            font-weight: bold;
            vertical-align: bottom;
            border-bottom: 2px solid #666;
        }

        .listing.usersettings td.tagcol {
            width: 35%;
            min-width: 150px;
        }

        .listing.usersettings td.valuecol {
            width: 55%;
        }

        .listing.usersettings td.buttoncol {
            width: 10%;
        }

/* start profileusersetting*/
.listing.profileusersetting {
    width: 100%;
    max-width: 992px;
}

.listing.profileusersettings td {
    vertical-align: top;
    word-break: break-all;
}

    .listing.profileusersettings td.header {
        font-weight: bold;
        vertical-align: bottom;
        border-bottom: 2px solid #666;
    }

    .listing.profileusersettings td.tagcol {
        width: 40%;
        min-width: 150px;
    }

    .listing.profileusersettings td.valuecol {
        width: 60%;
    }

    .listing.profileusersettings td.NoUserRecsMessage {
        font-size: 24px;
    }

/*end profileusersetting*/
.listing .top-priority {
    color: #f80909;
}

.listing .high-priority {
    color: #ff5610;
}

.listing .normal-priority {
    color: #ffac00;
}

.listing .below-normal-priority {
    color: #0026ff;
}

.listing .low-priority {
    color: green;
}

.menu div.menuitem a {
    font-weight: bold;
}

.menu div.menuitem p img {
    margin: 0 5px 5px 0;
    width: 75px;
    border: solid #ccc 1px;
    border-left-color: #eee;
    border-top-color: #eee;
}

.menu div.menuitem {
    float: left;
    width: 30%;
    margin-right: 3%;
    margin-bottom: 15px;
    height: 65px;
}

.dashboard article {
    float: left;
    width: 47%;
    margin-right: 3%;
    margin-bottom: 15px;
}

.sidebar .dashboard article {
    width: 100%;
    margin-bottom: 10px;
}

.dashboard article p img {
    margin: 0 5px 5px 0;
    width: 75px;
    border: solid #ccc 1px;
    border-left-color: #eee;
    border-top-color: #eee;
}

.dashboard article a {
    font-weight: normal;
}

.dashboard .heading {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
}

.sidebar .dashboard .heading {
    font-size: 15px;
}

.sidebar .dashboard article span.heading {
    font-size: 12px;
    line-height: 13px;
}

.dashboard article span.heading {
    font-size: 13px !important;
    font-weight: bold;
}

div.buttonbox {
    width: 19%;
    margin-right: 1%;
    float: left;
    text-align: center;
}

div.buttonbox2 {
    width: 48%;
    min-width: 47%;
    margin-right: 1%;
    float: left;
    text-align: center;
}

div.buttonbox3 {
    width: 32%;
    margin-right: 1%;
    float: left;
    text-align: center;
}

    div.buttonbox h3, div.buttonbox2 h3, div.buttonbox3 h3 {
        text-align: left;
    }

    div.buttonbox h4, div.buttonbox2 h4, div.buttonbox3 h4 {
        text-align: left;
    }

    div.buttonbox.panel, div.buttonbox2.panel, div.buttonbox3.panel {
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 3px;
        width: 47%;
        margin-bottom: 3px;
        background-color: #f8f8f8;
    }

.half-width {
    width: 50%;
}

.full-width {
    width: 99%;
}

.pwchange .formsection {
    width: 100%;
}

.pwchange table {
    width: 100%;
}

.pwchange td.labelcol {
    font-weight: bold;
    vertical-align: top;
    width: 30%;
}

.pwchange td.fieldcol {
    width: 70%;
    vertical-align: top;
}

    .pwchange td.fieldcol input[type=password] {
        padding: 3px;
        line-height: 16px;
        font-size: 12px;
        border-radius: 3px;
        border: 1px solid #999;
    }

        .pwchange td.fieldcol input[type=password]:focus {
            box-shadow: rgb(0, 0, 0) rgba(128, 255, 255, 0.8) 0 0 5px;
            border-color: #555;
        }


.terms-statement {
    display: block;
    margin-top: 30px;
}

    .terms-statement p {
        font-size: 9px;
        text-align: center;
        line-height: 11px;
    }

.mapping .scroll {
    overflow-y: auto;
    max-height: 375px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.mapping table {
    width: calc(100% - 15px);
    margin: 5px 15px;
}

    .mapping table td {
        font-size: 12px;
        padding: 2px 0;
        font-weight: bold;
        vertical-align: top;
    }

        .mapping table td.dest-col {
            width: 33%;
            max-width: 10px;
        }

        .mapping table td.src-col {
            width: 67%;
            min-width: 100px;
        }

            .mapping table td.src-col select {
                width: 90%;
                height: 24px;
            }



/*  End default custom styles */


.formlabels {
    font-size: 12px;
    font-weight: bold;
}

    .formlabels input {
        margin: 0 10px 0 0;
        float: left;
    }

    .formlabels label {
        display: block;
        font-size: 12px;
        font-weight: bold;
    }

.available {
    font-size: 9px;
}

contact-block p {
    font-size: 12px;
}

.order-module {
    margin-top: 18px;
}

    .order-module .module-header h3 {
        padding-left: 45px;
    }

div.category-item {
    margin-left: 15px;
    display: block;
    width: 100%;
}

.category-item div.preview {
    display: none;
}

.category-item div.item-info {
    display: inline-block;
    width: 70%;
    float: left;
}

.category-item div.item-order {
    display: inline-block;
    width: 20%;
    float: right;
}

.category-item div.description {
    font-weight: bold;
    display: block;
}

.category-item div.formnum {
    display: block;
}

div.visual div.category-item {
    margin-left: 0;
    display: inline-block;
    width: 33%;
    float: left;
    /*height: 150px;
    max-height: 150px;*/
    height: 200px;
    max-height: 200px;
    overflow-y: hidden;
}

div.visual .category-item div.preview {
    display: inline-block;
    max-height: 175px;
    /*height: 125px;*/
    overflow-y: hidden;
}

    div.visual .category-item div.preview img {
        height: auto;
        width: 100px;
        /*max-height: 150px;*/
        display: block;
        margin: 0 auto;
    }

div.visual .category-item div.item-info {
    display: block;
    float: left;
    width: 95%;
    height: 200px;
}

div.visual .category-item div.item-order {
    display: none;
}

div.visual .category-item .item-overlay {
    position: relative;
    width: 100%;
    height: 125px;
}

div.visual .category-item div.preview {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    max-height: 125px;
    overflow-y: hidden;
    border-radius: 3px;
    /*z-index: 0;*/
}

    div.visual .category-item div.preview img {
        width: 150px;
        height: auto;
    }

div.visual .category-item .item-overlay-content {
    position: absolute;
    top: 0;
    right: 0;
    /*z-index: 10;*/
    width: 100%;
    height: 125px;
    display: none;
}

div.visual .category-item .overlay-visible .item-overlay-content {
    display: block;
}

div.visual .category-item .item-overlay-content a {
    width: 100%;
    height: 100px;
    margin: 0;
    display: block;
}

div.visual .category-item .item-overlay-content .tools {
    position: absolute;
    display: inline-block;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    z-index: 10;
}

    div.visual .category-item .item-overlay-content .tools.top {
        top: 0;
        bottom: auto;
        height: 20px;
        display: inline-block;
        background-color: rgba(248, 248, 248, 0.9);
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-bottom-right-radius: 3px;
        cursor: help;
        width: auto;
        padding: 1px 5px;
    }

        div.visual .category-item .item-overlay-content .tools.top p {
            color: #333;
            font-weight: normal;
            font-size: 11px;
        }

    div .visual .category-item .item-overlay-content .tools.bottom {
        bottom: 0px;
        top: auto;
    }

div.visual .category-item .item-overlay-content .tools {
    bottom: auto;
    top: 0;
}

    div.visual .category-item .item-overlay-content .tools .tool.right {
        background-color: rgba(0,0,0,0.5);
        right: 0;
        left: auto;
        max-width: 100px;
        display: inline-block;
        float: right;
        font-size: 18px;
        padding: 5px 15px;
        border-bottom-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        div.visual .category-item .item-overlay-content .tools .tool.right:hover {
            background-color: rgba(0,0,0,0.95);
        }

        div.visual .category-item .item-overlay-content .tools .tool.right .tool-label {
            display: none;
        }

div.visual .category-item .item-overlay-content .bottom .tool {
    width: 100%;
    float: left;
    margin: 0;
}

div.visual .category-item .item-overlay-content .tool {
    padding: 5px 5px;
    background-color: rgba(0, 0, 0, 0.5);
}

    div.visual .category-item .item-overlay-content .tool:hover {
        background-color: rgba(0, 0, 0, 0.95);
    }

    div.visual .category-item .item-overlay-content .tool a {
        color: #fff;
        width: 100%;
        height: unset;
        background-color: transparent;
        float: left;
        margin-right: 2px;
        text-align: center;
        height: auto;
    }

div.visual .category-item .item-overlay-content .tools a:hover {
}

div.visual .category-item .item-overlay-content .tool .dropdown-menu {
    position: absolute;
    background-color: rgba(0,0,0,.5);
    bottom: -81px;
    right: -6px;
    top: auto;
    padding-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-color: transparent;
    border-right-color: transparent;
}

    div.visual .category-item .item-overlay-content .tool .dropdown-menu a {
        font-size: 10px;
        line-height: 20px;
        margin: 0;
        padding: 5px 5px 2px 10px;
        text-align: left;
    }

        div.visual .category-item .item-overlay-content .tool .dropdown-menu a:hover {
            background-color: rgba(0,0,0,.95);
        }


div.visual .category-item div.description {
    font-weight: bold;
    display: block;
    font-size: 11px;
    /*text-align: center;*/
}

div.visual .category-item div.formnum {
    display: block;
    color: #ccc;
    font-size: 9px;
    line-height: 11px;
}

div.visual .category-item .item-background,
div.visual .category-item .alt-background {
    background: transparent;
    position: relative;
}

div.visual .category-item img.badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.category-hidden {
    display: none;
    height: 0;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    margin-bottom: 5px;
}

.category-visible {
    display: block;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    margin-bottom: 5px;
    width: 100%;
}

div.visual .category-visible {
    max-height: 400px;
    overflow-y: hidden;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

    div.visual .category-visible.full {
        max-height: 100%;
        overflow-y: visible;
        -moz-transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        transition: all ease-in-out 0.5s;
    }


.category-visible div.linesep {
    clear: both;
}

div.visual div.linesep {
    clear: none;
}

div.visual div.expander {
    display: none;
    text-transform: uppercase;
    color: #f00;
    text-align: right;
    font-size: 10px;
}

    div.visual div.expander.visible {
        display: block;
    }

.checkout div.personalize td.field input.ccinfo.verification {
    width: 100px;
}

div.insetbox {
    /*position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -165px;
    z-index: 500;*/
    background-color: #ddd;
    border: 1px solid #777;
    border-radius: 5px;
    padding: 5px;
}

/*div.popover {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -165px;
    z-index: 500;
    background-color: rgba(119, 119, 119, 0.50);
    border: 1px hidden;
    border-radius: 5px;
    padding: 5px;
}*/

    div.popover .container {
        background-color: #fff;
        padding: 3px;
        height: 200px;
    }

    div.popover .content {
        margin-bottom: 10px;
        height: 100%;
        overflow-y: scroll;
    }

article.asset-lib {
    width: 30%;
    float: left;
    margin: 5px 2% 5px 0;
    max-height: 290px;
    /*height: 290px;*/
    overflow: hidden;
}

.asset-lib img,
.asset-lib input[type=image] {
    width: 99%;
    height: auto;
    border: none;
}

.asset-lib .assetname {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    float: left;
}

.asset-lib .description {
    font-size: 10px;
}

.asset-lib.preview img {
    width: 99%;
    height: auto;
    border: none;
}

.asset-lib.preview .description {
    font-size: 12px;
}

div.popupCentered {
    position: fixed;
    background-color: #fff;
    width: 300px;
    display: none;
    margin: 0 auto;
    z-index: 500;
    border: 3px solid #222;
    left: 0;
    right: 0;
    top: 30%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
    -moz-box-shadow: rgba(0,0,0,0.5) 5px 5px 8px;
    -webkit-box-shadow: rgba(0,0,0,0.5) 5px 5px 8px;
    box-shadow: rgba(0,0,0,0.5) 5px 5px 8px;
}

    div.popupCentered.visible {
        display: block !important;
    }

    div.popupCentered.confirm {
        display: inline-block !important;
    }

    div.popupCentered.previewbox {
        display: block !important;
        top: 10%;
        width: 80%;
        max-width: 700px;
        height: 80%;
        min-width: 305px;
        max-height: 680px;
        min-height: 275px;
        z-index: 500;
    }

    div.popupCentered.messagebox {
        display: block !important;
        top: 10%;
        width: 80%;
        max-width: 700px;
        height: auto;
        min-width: 305px;
        max-height: 680px;
        min-height: 100px;
        z-index: 500;
    }

    div.popupCentered.selectorbox {
        display: block !important;
        top: 10%;
        width: 80%;
        max-width: 700px;
        height: 80%;
        min-width: 305px;
        max-height: 80%;
        min-height: 275px;
    }

    div.popupCentered.metadatabox {
        display: block !important;
        top: 5%;
        width: 80%;
        max-width: 900px;
        min-width: 305px;
        min-height: 275px;
        max-height: 90vh;
    }

    div.popupCentered.selectorbox .module-body {
        position: relative;
        overflow-y: scroll;
        max-height: 90%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    div.popupCentered.messagebox p {
        font-size: 13px;
    }

    div.popupCentered.messagebox .module-footer .buttonGroup {
        margin-bottom: 0;
        margin-left: 15px;
    }

div.previewbox .module-body {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 93%;
}

div.popupCentered.metadatabox .module-body {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: hidden;
}

div.previewbox article {
    width: 95%;
    max-height: 90%;
    height: 90%;
    overflow-y: auto;
}

div.selectorbox article {
    height: 310px;
    max-height: 310px;
}

div.previewbox .asset-lib.preview .assetname {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    float: left;
}

div.previewbox .asset-lib.preview div.imgBox {
    max-width: 50%;
    float: left;
}

div.previewbox .asset-lib.preview img {
    width: 90%;
    height: auto;
    border: none;
    margin-right: 8px;
    margin-bottom: 8px;
    min-width: 250px;
}

div.previewbox table {
    width: 48%;
    min-width: 210px;
    float: left;
}

    div.previewbox table tr td.label {
        font-size: 12px;
        font-weight: bold;
        padding-top: 5px;
    }

    div.previewbox table tr td.field {
        font-size: 12px;
        font-weight: normal;
    }

        div.previewbox table tr td.field input[type=text] {
            padding: 2px;
            width: 95%;
        }

div.costing {
    display: inline-block !important;
}


#customFieldsContainer {
    width: 100%;
}

    #customFieldsContainer div.fields {
        width: 72%;
        vertical-align: top;
        float: left;
        display: inline-block;
    }

    #customFieldsContainer div.buttons {
        width: 25%;
        vertical-align: top;
        padding-left: 3px;
        float: right;
        display: inline-block;
    }

    #customFieldsContainer .validation ul li {
        width: 95%;
    }

#tableCustomFields {
    background-color: #fafafa;
    margin-right: 3px;
    width: 100%;
}

    #tableCustomFields td.labelcol {
        width: 30%;
        padding: 2px;
    }

        #tableCustomFields td.labelcol .smaller {
            font-size: 9px;
            font-weight: bold;
        }

    #tableCustomFields td.fieldcol {
        width: 70%;
        padding: 2px 0;
    }

    #tableCustomFields td.sectionLabel {
        width: 100%;
        border: 1px solid transparent;
        border-top-color: #000;
        padding: 2px 2px 8px 2px;
        color: #333;
        font-size: 18px;
        font-weight: bold;
    }

    #tableCustomFields td.sectionDescrip {
        width: 100%;
        border: 1px solid transparent;
        border-top-color: #000;
        padding: 2px 2px 8px 2px;
        color: #333;
        font-size: 12px;
        font-weight: normal;
    }

    #tableCustomFields tr.hiddenField td
    {
        display: none;
        height: 0;
        max-height: 0;
        padding: 0;
        margin: 0;
    }

    #tableCustomFields input[type=text] {
        width: 95%;
    }

        #tableCustomFields input[type=text].short {
            max-width: 40%;
            margin-top: -2px;
        }

    #tableCustomFields input[type=file] {
        width: 95% !important;
    }

    #tableCustomFields textarea {
        width: 95%;
        height: 60px;
    }

    #tableCustomFields select {
        width: 95%;
        margin-bottom: 5px;
    }

        #tableCustomFields select.short {
            max-width: 55%;
            top: 10px;
        }

        #tableCustomFields select.customFieldTime.hour {
            width: 40px;
            margin-right: 3px;
            float: left;
        }

        #tableCustomFields select.customFieldTime.minute {
            width: 40px;
            margin-right: 3px;
            float: left;
        }

        #tableCustomFields select.customFieldTime.ampm {
            width: 50px;
            margin-right: 3px;
            float: left;
        }


.printorder {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

    .printorder .heading {
        font-size: 12px;
        font-weight: bold;
    }

    .printorder .optiontext {
        font-size: 11px;
        padding-left: 5px;
    }

    .printorder .childitem {
        margin-left: 15px;
        width: 95%;
    }

        .printorder .childitem .heading {
            font-size: 11px;
            font-weight: bold;
        }

        .printorder .childitem .optiontext {
            font-size: 10px;
        }

div.relatedItems {
    display: block;
    /*height: 175px;*/
    max-height: 225px;
}

    div.relatedItems h3 {
        font-size: 16px;
        font-weight: bold;
        width: auto;
        display: inline;
    }

div.scroll-h {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

div.relatedItems div.itemBox {
    /*float: left;*/
    display: inline-block;
    width: 200px;
    padding: 5px;
    white-space: normal;
    margin-right: 10px;
    vertical-align: top;
}

    div.relatedItems div.itemBox .imgBox {
        height: 125px;
        width: 102px;
        max-height: 125px;
        overflow: hidden;
        display: inline-block;
        float: left;
        margin-right: 5px;
    }

        div.relatedItems div.itemBox .imgBox img {
            width: calc(100% - 2px);
            height: auto;
            border-width: 1px;
            border-style: solid;
            border-color: #eee #ccc #ccc #eee;
        }

    div.relatedItems div.itemBox .formnum {
        display: inline;
        font-size: 11px;
        font-weight: bold;
        float: left;
        width: 93px;
        max-height: 80px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    div.relatedItems div.itemBox .description {
        display: inline-block;
        width: 93px;
        font-size: 10px;
        word-wrap: break-word;
        max-height: 80px;
        overflow: hidden;
        float: left;
    }

    div.relatedItems div.itemBox a {
        font-weight: bold;
    }

/* END Related items */
/* universal layout directives */
.alignright {
    float: right !important;
}

.alignleft {
    float: left !important;
}

div.dots {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    display: inline-block;
    overflow: hidden;
}
/* Checkout progress widget styles */

.sidebar div.checkoutstep {
    display: block;
    width: 100%;
}

.sidebar .checkoutstep table {
    max-width: 100%;
}

.sidebar .checkoutstep td {
    border-bottom: 1px solid #ddd;
}

    .sidebar .checkoutstep td.labelcol {
        width: 60%;
        font-size: 10px;
    }

    .sidebar .checkoutstep td.fieldcol:before {
        content: 'Required';
    }

    .sidebar .checkoutstep td.fieldcol {
        width: 40%;
        font-size: 10px;
        text-align: right;
        font-style: italic;
    }

.sidebar .complete .checkoutstep td.fieldcol:before {
    content: 'OK';
}

.sidebar .complete .checkoutstep td.fieldcol {
    width: 40%;
    font-size: 10px;
    text-align: right;
    font-weight: bold;
    font-style: normal;
    color: green;
}

.mainBody .module.mostpopular h3 {
    padding-top: 5px;
    margin: 0 0;
    padding: 10px 0 0 15px;
    font-weight: bold;
    font-size: 18px;
}


.mainBody .module.mostpopular article {
    width: 30%;
    margin-right: 3%;
    font-weight: bold;
    float: left;
}

    .mainBody .module.mostpopular article .subhead,
    .sidebar .module.mostpopular article .subhead {
        display: none;
    }

    .mainBody .module.mostpopular article img,
    .mainBody .module.mostpopular article input[type=image] {
        width: 95%;
        max-width: 150px;
        margin: 0 5px 5px 0;
        border: solid #ccc 1px;
        border-left-color: #eee;
        border-top-color: #eee;
    }

.sidebar .module.mostpopular article .itemIndex {
    display: inline;
    float: left;
    width: 20px;
    height: 20px;
}

.mainBody .module.mostpopular .itemIndex {
    display: none;
}

.sidebar .module.mostpopular article img {
    display: none;
}

.mainBody .cartalert li {
    display: block;
    float: none;
    width: 100%;
}

/* END Checkout progress widget styles */


/* Generic budget dashboard styles */
.budget .budget-items {
    width: 80%;
}

    .budget .budget-items .header td {
        font-weight: bold;
        vertical-align: bottom;
        border-bottom: 3px solid #888;
    }

    .budget .budget-items .footer td {
        font-weight: bold;
        vertical-align: bottom;
        font-size: 14px;
        border-bottom: none;
        border-top: 3px solid #888;
    }

    .budget .budget-items .itemcol {
        width: 70%;
    }

    .budget .budget-items .qtycol {
        width: 8%;
        text-align: right;
    }

    .budget .budget-items .pricecol {
        width: 14%;
        text-align: right;
    }

        .budget .budget-items .pricecol::before {
            content: '$';
            margin-right: 2px;
        }

    .budget .budget-items .header .pricecol::before {
        content: '';
        margin-right: 2px;
    }

    .budget .budget-items .itemnum {
        font-weight: normal;
        color: #bbb;
        font-size: 80%;
        font-style: italic;
    }

    .budget .budget-items .formnum {
        font-weight: bold;
    }

        .budget .budget-items .formnum::after {
            content: ' ';
            margin: 0 10px 0 5px;
        }


.budget .date input[type=text] {
    width: 42%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.budget .budget-items .footer .itemcol {
    text-align: right;
}

.budget select {
    width: 95%;
    height: 24px;
    margin-bottom: 10px;
}

    .budget select[multiple] {
        height: 200px;
    }

.budget hr {
    margin: 10px;
}

/* END Generic budget dashboard styles */

/* Mini-cost summary */

.cost-summary p {
    font-size: 12px;
}

.cost-summary .listing.cost-progress table {
    width: 100%;
}

.cost-summary .cost-progress div {
    font-size: 12px;
}

.cost-summary .cost-progress th div {
    font-weight: bold;
    border-bottom: 2px solid #ddd;
}

.cost-summary .cost-progress tfoot td {
    border-bottom: none;
    border-top: 2px solid #ddd;
}

.cost-summary .cost-progress tfoot div {
    font-weight: bold;
}

.cost-summary .cost-progress .activitycol {
    width: 80%;
    float: left;
}

.cost-summary .cost-progress tfoot .activitycol {
    text-align: right;
}

.cost-summary .cost-progress .timecol {
    width: 20%;
    float: left;
    text-align: right;
    padding-right: 3px;
}
/* END Mini-cost summary */

/* some DevExpress overrides/adjustments */
/* Might be better to put these in a theme, but for now, it's quick and easy */
input.dxeEditArea_Catapult {
    width: 100% !important;
    max-width: none !important;
    height: 20px !important;
}

.dxic {
    background-color: #fff;
}

td.dxeButtonEditButton_Catapult {
    vertical-align: middle;
}

/* END some DevExpress overrides/adjustments */


/*		default Layout: 992px. 
        Gutters: 24px.
        Outer margins: 48px.
        Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */
body {
    background: url(/portal/images/Default/bg_04.png) 50% 0 repeat-y;
}

    body header {
        background-color: rgb(232,232,232);
        color: rgb(60,60,60);
        /*height: 150px;*/
        position: relative;
        background: url(/portal/images/Default/header.png) 50% -450px no-repeat;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
    }


h3.icon-check {
    background-image: url("/portal/images/Default/icon-check-med.gif");
    background-repeat: no-repeat;
    margin: 0;
    padding: 7px 0 10px 33px;
}

.menu menuitem a {
    color: #3a75c4;
}

/*  Begin Default custom styles */

.primarycolor {
    color: #5bbf21;
}

.secondarycolor {
    color: #3a75c4;
}

.subnav {
    margin: -21px auto 15px 0;
}

#orderinfo {
    float: right;
    margin-top: 8px;
    margin-right: 2px;
}

.subnav .hideable {
    display: inline;
}

.transfileupload {
    width: 100%;
    position: relative;
}

/* End Default custom styles */

.order-module .overlay-image {
    background-image: url(/portal/images/Default/icon-check-basket.png);
}

.order-module .module-header h3 {
    padding-left: 45px;
}

.category-label {
    font-size: 16px;
    font-weight: bold;
    color: #5bbf21;
    line-height: 24px;
}

    .category-label.subcategory {
        display: block;
        width: 95%;
        font-size: 14px;
        padding-left: 10px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 5px;
    }

    .category-label a:visited {
        color: #5bbf21;
    }

.category-visible .altitem {
    background-color: #efefef;
}

.category-banner {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
}

div.visual .category-banner {
    height: 100px;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
}

div.visual .category-visible .altitem {
    background-color: transparent;
}

div.visual .category-banner.collapse {
    height: 24px;
}

div.visual .category-banner img {
    width: 100%;
    height: auto;
}

div.visual .category-banner .category-label {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    color: #fff;
    text-shadow: 2px 2px 2px #333;
    width: 100%;
    height: 100%;
    padding: 3px 0 0 6px;
}

    div.visual .category-banner .category-label.force-visible {
        display: block !important;
        text-shadow: none;
        color: #3a75c4;
    }

.kit div.header {
    font-size: 12px;
}

.kit .envelope {
    font-size: 12px;
}

.sidebar div.formsection {
    width: 99%;
    float: left;
}

    .sidebar div.formsection table {
        width: 100%;
    }

    .sidebar div.formsection td.labelcol {
        width: 50%;
        font-weight: bold;
    }

    .sidebar div.formsection td.fieldcol {
        width: 50%;
    }

.sidebar .listing table {
}

.eddm div.formsection {
    margin-right: 1%;
    float: left;
    margin-left: 0;
}

    .eddm div.formsection.left {
        width: 70%;
    }

    .eddm div.formsection.right {
        width: 25%;
    }


    .eddm div.formsection table {
        width: 100%;
    }

    .eddm div.formsection td.labelcol {
        width: 40%;
        font-weight: bold;
        vertical-align: top;
    }

    .eddm div.formsection td.fieldcol {
        width: 55%;
        vertical-align: top;
    }

    .eddm div.formsection span.button {
        width: 125px;
        text-align: center;
        margin-top: 0;
        margin-bottom: 10px;
    }


.quickadd table {
    width: 500px;
    margin-top: 5px;
}

    .quickadd table td {
        vertical-align: top;
    }

.quickadd td.itemlabelcol {
    width: 35px;
    font-weight: bold;
    padding-top: 6px;
}

.quickadd td.itemfieldcol {
    width: 10px;
}

.quickadd td.qtylabelcol {
    width: 10px;
    font-weight: bold;
    padding-top: 6px;
}

.quickadd td.qtyfieldcol {
    width: 15px;
}

    .quickadd td.qtyfieldcol input[type=text] {
        text-align: right;
    }

.quickadd td.quickbtncol {
    width: 20px;
    padding-top: 0;
    padding-top: 6px;
}

/*****************************************************************/
/*                   TabContainer styles                         */
/*****************************************************************/

.inventory-item-tabs .ajax__tab_header {
    margin: 0;
    max-height: 28px;
    overflow-y: visible;
}

.inventory-item-tabs .ajax__tab_outer {
    position: relative;
    background: linear-gradient(0deg, #fff, #eee);
    padding: 2px 5px;
    border: 1px solid #ddd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*border-bottom: none;*/
    margin-right: 1px;
    height: 20px;
    margin-top: 1px;
}

.inventory-item-tabs .ajax__tab_inner {
    /*background-color: #eef;*/
}

.inventory-item-tabs .ajax__tab_tab {
    /*background-color: #ffe;*/
    font-size: 10px;
}

.inventory-item-tabs .ajax__tab_body {
    /*background-color: #eff;*/
    border: 1px solid #ddd;
    border-top-right-radius: 8px;
    padding: 10px;
}

.inventory-item-tabs .ajax__tab_panel {
    padding: 0;
}

.inventory-item-tabs .ajax__tab_hover .ajax__tab_outer {
    border-top: 2px solid darkorange;
    margin-top: 0;
}

.inventory-item-tabs .ajax__tab_active .ajax__tab_outer {
    background: #fff none !important;
    border-bottom: 0 solid transparent;
    border-top: 3px solid darkorange;
    height: 21px;
    font-weight: bold;
    margin-top: 1px;
}

.inventory-item-tabs.ajax__tab_xp .ajax__tab_header,
.inventory-item-tabs.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer,
.inventory-item-tabs.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner,
.inventory-item-tabs.ajax__tab_xp .ajax__tab_header .ajax__tab_outer,
.inventory-item-tabs.ajax__tab_xp .ajax__tab_header .ajax__tab_tab,
.inventory-item-tabs.ajax__tab_xp .ajax__tab_header .ajax__tab_inner {
    background-image: none !important;
    outline: none;
}

.inventory-item-tabs.ajax__tab_xp .ajax__tab_header .ajax__tab_inner {
    padding-left: 0;
}
.inventory-item-tabs.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    padding: 0 1px 0 0 !important;
}
.inventory-item-tabs.ajax__tab_xp .ajax__tab_body 
{
    border-top: 1px solid;
    border-color: #ddd !important;
}

.inventory-item-tabs .module {
    border: none;
    background: none transparent;
}

    .inventory-item-tabs .module .module-header h3 {
        padding-left: 0;
    }

    .inventory-item-tabs .module .module-body {
        padding: 15px 0 5px;
    }

/* END TabContainer styles */


/* File sharing */
.fileshares .scrollist {
    box-sizing: border-box;
    overflow-x: no-display;
}

.fileshares .scrolllist table.listing.shared tr td {
    padding: 5px;
}

.fileshares .scrolllist tr td > .row {
    margin-right: 0;
}

.fileshares .file-info .filename {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

.fileshares .file-info p,
.fileshares .share-info p {
    margin-bottom: 3px;
    font-size: 11px;
}

    .fileshares .file-info p.last-downloaded {
        font-size: 9px;
        display: block;
        border-top: 1px solid #d0d0d0;
    }

.fileshares .file-info .size {
    font-size: 10px;
}

.fileshares .share-info h4 {
    margin-bottom: 0;
    font-size: 11px;
    color: #333;
}

.fileshares .result-options {
    padding-bottom: 5px;
}

    .fileshares .result-options label {
        margin-top: 2px;
        display: inline-block;
    }

.fileshares .dxucControl {
    width: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif, serif;
}

.fileshares h4 {
    margin: 5px 0 0 0;
    font-size: 11px;
    color: #333;
}

.fileshares hr {
    height: 3px;
}

.fileshares #share-modal select {
    width: 100%;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    height: 24px;
}

.fileshares #share-modal input[type=text] {
    width: 100%;
    height: 24px;
    line-height: 18px;
    font-size: 12px;
    font-weight: normal;
}

.fileshares #share-modal textarea {
    width: 100%;
    height: 75px;
    font-weight: normal;
    font-size: 12px;
}

.fileshares .pointer {
    cursor: pointer;
}

.fileshares h4.expired {
    color: #f11;
    font-size: 12px;
}

.fileshares h4.archived {
    color: #ffac00;
    font-size: 12px;
}

/* END File sharing */

/* Generic modal dialog */
#generic-modal-dialog .modal-title {
    font-size: 24px;
}

#generic-modal-dialog .dialog-icon {
    display: inline-block;
    font-size: 64px;
    float: left;
    margin: 0 20px 10px 0;
}

#generic-modal-dialog p {
    font-size: 18px;
    float: left;
    padding-top: 5px;
    display: inline;
    max-width: calc(100% - 100px);
}

/* END Generic modal dialog */

/* item detail control styles */
.item-detail {
    width: 100%;
}

#quickview-modal .item-detail img {
    margin-right: 10px;
    max-width: 150px;
    height: auto;
}

/* item detail control styles */

/* Chart styles */
.inventory-usage {
    overflow-x: auto;
    overflow-y: visible;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
}

    .inventory-usage img {
        width: 100% !important;
        height: auto !important;
        min-width: 400px;
        max-width: 100%;
    }

/* "simple form" styles */

table.simple-form {
    width: 100%;
}

.simple-form td.field {
    width: 60%;
    min-width: 150px;
}

    .simple-form td.field input {
        width: 98%;
    }

.simple-form td.button {
    width: 40%;
    min-width: 150px;
}

/* END "simple form" styles */

/* Alternate form construction */
.form h3 {
    color: #666;
    font-size: 18px;
}

.form .form-label {
    font-weight: bold;
    display: inline-block;
    width: 25%;
}

.form input[type=text].size {
    width: 75px;
    height: 24px;
    text-align: right;
}

.form select {
    width: 100%;
    height: 24px;
}


/* END Alternate form construction */


/* Site identity block */

#IdentityPanel {
    position: fixed;
    left: 0;
    bottom: 0;
    min-height: 80px;
    width: 100px;
    z-index: 5899;
}

    #IdentityPanel p {
        display: none;
    }

    #IdentityPanel i {
        font-size: 24px;
    }

    #IdentityPanel span {
        width: 80px;
        display: table-cell;
        font-size: 10px;
        text-align: center;
        vertical-align: middle;
        line-height: 12px;
    }

        #IdentityPanel span a,
        #IdentityPanel span a:hover,
        #IdentityPanel span a:active,
        #IdentityPanel span a:visited {
            color: inherit;
            cursor: pointer;
        }

.outerBody > #SiteIdentityMarker,
.outerBody > #site-id-container > #SiteIdentityMarker {
    margin: 0 -15px;
}

.outerBody.login > #SiteIdentityMarker {
    margin: -15px 0 0 0;
}

.outerBody.login p.heading {
    font-size: 14px;
}

#IdentityPanel.banner {
    position: relative;
    width: 100%;
    top: -21px;
    height: auto;
    z-index: 0;
}

    #IdentityPanel.banner .wrapper {
        width: 100%;
        margin: 0;
    }

    #IdentityPanel.banner p {
        display: inline;
    }

.module-body #IdentityPanel.banner {
    top: auto;
    margin: 10px 0 0 0;
}

#IdentityPanel .alert {
    margin: 0;
    height: 100%;
}


/* END Site identity block */

/* Release Notes alert block */
#RNAlert.dismissed
{
    /* NOTE: this class is just for hiding the alert block quickly on the client side while server-side mechanisms catch up */
    display: none;
}
.release-note-alert-container
{
    position: fixed;
    bottom: 3px;
    right: 5px;
    z-index: 900;
    max-width: 250px;
}
.release-note-alert
{
    position: relative;
    background-color: #999;
    border-radius: 10px;
    box-shadow: rgba(0,0,0,0.8) 0 0 30px;
    border: 2px solid #999;
}
.release-note-alert .dismiss
{
    position: absolute;
    top: 2px;
    right: 4px;
}

    .release-note-alert .dismiss a,
    .release-note-alert .dismiss button {
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        background-color: transparent;
        border: none;
    }

.release-note-alert-body {
    background-color: #fff;
    margin: 24px 0 0 0;
    padding: 8px 5px 10px 5px;
    font-size: 11px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .release-note-alert-body .heading
    {
        color: green;
        font-size: 15px;
    }

.release-note-alert-body .notice {
    font-size: 18px;
    color: inherit;
}
/* END Release Notes alert block */


/* Allocation adjustments */
.allocation-edit 
{
    font-size: 12px;
}
.allocation-edit .form-label 
{
    font-weight: bold;
}
.allocation-edit hr
{
    margin: 10px 0;
}
.allocation-edit .btn.btn-primary
{
    color: #fff;
}
.allocation-edit .item-search
{
    text-align: center;
}

.allocation-edit .listing {
    width: 100%;
}
.allocation-edit .listing thead tr {
    border-bottom: 3px solid #ddd;
}
.allocation-edit .listing thead th
{
    vertical-align: bottom;
}
.allocation-edit .listing tbody tr {
    border-bottom: 1px solid #ddd;
}
    .allocation-edit .listing tbody tr:last-child {
        border-bottom: none;
    }
.allocation-edit .listing tbody td 
{
    vertical-align: top;
}
.allocation-edit .listing tfoot tr {
    border-top: 2px solid #ddd;
}
    .allocation-edit .listing tfoot td {
        vertical-align: top;
    }

.allocation-edit .listing.alloc-wh .namecol
{
    width: 40%
}
.allocation-edit .listing.alloc-wh .qtycol
{
    width: 15%;
    text-align: right;
    padding-right: 3px;
}

    .allocation-edit .listing.alloc-ord .orderidcol
    {
        width: 40%;
    }
    .allocation-edit .listing.alloc-ord .qtycol
    {
        width: 20%;
        text-align: right;
        padding-right: 3px;
    }
    .allocation-edit .listing.alloc-ord .flagcol
    {
        width: 20%;
        text-align: center;
    }
    /* END Allocation adjustments*/

.bulk-toolbar {
    position: relative;
    width: 100%;
    /*border: 1px solid #eef;*/
    min-height: 50px;
    border-top: 1px solid #ddd;
    padding-top: 4px;
    
    margin: 2px auto;
}

.bulk-toolbar #tool-float.stay
{
    padding: 5px 0;
}

.floating-button-bar {
    display: none;
    /*background-color: #ddd;*/
    margin-bottom: 5px;

}

#bulk-post-modal input[type=text]
{
    text-align: right;
}

.floating-button-bar.visible
{
    display: block;
    max-width: 866px;
    margin: 0 auto;
}
.floating-button-bar .button
{
    margin: 2px 5px 2px 0;
}
.floating-button-bar p
{
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: bold;
}

.modal span.label
{
    color: #333;
    font-size: 12px;
    font-weight: bold;
    padding-left: 0;
}
.modal a
{
    cursor: pointer;
}


/* bootstrap 5 tab fixups (inventory) */
.inventory-tabs .nav.nav-tabs {
    border-bottom: none;
}

.inventory-tabs ul li.nav-item {
    background: transparent none;
    margin: 0;
    padding-left: 0;
    padding-right: 1px;
}

.inventory-tabs a.nav-link {
    padding: 3px 5px 3px 5px;
    border-color: #bbb;
    border-top-width: 3px;
    cursor: pointer;
    background-color: #eee;
}

    .inventory-tabs a.nav-link:hover {
        border-top-width: 3px;
        border-color: #bbb;
        background-color: #f8f8f8;
    }

.inventory-tabs a.nav-link.active {
    border-color: #bbb;
    border-top-color: #ff8c00;
    border-bottom-color: #fff;
    background-color: #fff;
    font-weight: bold;
}
    .inventory-tabs a.nav-link.active:hover {
        border-bottom-color: #fff;
    }
.inventory-tabs .tab-content {
    border: 1px solid #bbb;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.inventory-tabs .tab-content .module {
    border: none;
    background: transparent none;
}


    /*		Tablet Layout: 768px.
        Gutters: 24px.
        Outer margins: 28px.
        Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        body {
        background: url(/portal/images/Default/bg_03.png) 50% 0 repeat-y;
    }

        body header {
            height: 150px;
            background: url(/portal/images/Default/header.png) 50% -300px no-repeat;
        }

    #utility-nav {
        right: 22px;
    }

    #container-util {
        width: 766px;
    }

    #admin-bar {
        width: 762px;
    }

    #page-label {
        font-size: 18px;
        font-weight: bold;
        font-family: Verdana, Geneva, sans-serif;
    }

    body header .navContainer {
        margin: 0 auto;
        width: 712px;
        /*padding: 48px 28px 60px;*/
    }

    /*  Begin default custom styles */

    .scaled {
        font-size: 11px;
    }


    .subnav {
        margin: -10px auto 15px 0;
    }
    /*.details column2
{
    width: 193px;
    margin-right: 4px;
}*/
    .details div.customfieldoptions {
        width: 193px;
    }


    .detailview td.label {
        width: 50%;
    }

    .detailview td.field {
        width: 50%;
    }

    .detailview td.qtylabel {
        font-size: 9px;
    }

        .detailview td.qtylabel label {
            font-size: 9px;
        }

    .detailview td.qtyfield {
        font-size: 9px;
    }

    .detailview td.fullfield div.dots {
        width: 190px;
    }

    .wideform td.label, .wideform td.form {
        font-size: 10px;
    }

    .wideform td.labelcol {
        width: 30%;
    }

    .wideform td.fieldcol {
        width: 70%;
    }

    .categories div.labelcol {
        width: 32%;
        text-align: right;
    }

    .categories div.fieldcol {
        width: 68%;
        text-align: left;
    }

    .categories .banner-label {
        display: block;
        width: 100%;
        margin-right: 0;
    }

    .categories .banner-thumbnail img {
        margin-top: 5px;
    }


    .additemform td.label, .additemform td.form {
        font-size: 10px;
    }

    .additemform td.labelcol {
        width: 40%;
    }

    .additemform td.fieldcol {
        width: 60%;
    }

    .reorder div.formsection input[type=file] {
        width: 80%;
    }

    .listing td {
        font-size: 9px;
    }

    .listing.order td {
        font-size: 9px;
    }

    .listing td.editing {
        background-color: #fbeea1 !important;
        padding: 20px;
    }

    .listing.order .idcol {
        width: 18%;
    }

    .listing.order .namecol {
        width: 27%;
    }

    .listing.order .datecol {
        width: 12%;
    }

    .listing.order .itemcol {
        width: 5%;
    }

    .listing.order .jobcol {
        width: 7%;
    }

    .listing.order .statuscol {
        width: 12%;
    }

    .listing.order .toolcol {
        width: 19%;
    }

    .listing.inventory td.checkcol {
        width: 3%;
    }

    .listing.inventory td.itemnumcol {
        width: 15%;
    }

    .listing.inventory td.desccol {
        width: 28%;
    }
    .listing.inventory td.qtycol
    {
        width: 7%
    }

    .listing.report.jobs article {
        width: 350px;
        margin-right: 5px;
    }

    .listing.report.jobs .heading {
        font-size: 11px;
        border-style: none;
        border-width: 0;
    }

    .listing.report.jobs .footer {
        font-size: 11px;
        border-style: none;
        border-width: 0;
    }

    /* For associating orders with integration  */
    .integ-details .formsection td {
        font-size: 9px;
    }

        .integ-details .formsection td.labelcol {
            width: 35%;
        }

        .integ-details .formsection td.fieldcol {
            width: 65%;
        }
    /* END For associating orders with integration  */



    .listing2line.delete td.desccol {
        width: 38%;
    }

    .listing2line.delete td.stockcol {
        width: 22%;
    }

    .listing2line.withdraw td.desccol {
        width: 38%;
    }

    .listing2line.withdraw td.whsecol {
        width: 22%;
    }

    .listing2line.withdraw td.status {
        font-size: 12px;
    }

    .listing2line.withdraw td.info {
        font-size: 10px;
    }



    .menu div.menuitem {
        width: 45%;
    }


    /* End default custom styles */


    .outerBody {
        width: 738px;
        padding: 10px 28px 40px;
    }

    .mainBody {
        width: 425px;
        float: left;
    }

        .mainBody.full-width {
            width: 100%;
        }

    .details article {
        width: 400px;
    }

    .module-narrow {
        width: 206px;
    }

    .mainBody li {
        display: block;
        width: 45%;
        margin-right: 2%;
        float: left;
    }



    .cart-wide table {
        width: 405px;
        font-size: 11px;
    }

        .cart-wide table td.itemcol,
        {
            width: 40%;
        }

        .cart-wide table td.quantity {
            width: 25%;
        }

        .cart-wide table td.itemprice {
            width: 18%;
        }

        .cart-wide table td.personalizeddelete {
            width: 18%;
        }

    .cart-wide div.updateall {
        padding-left: 243px;
    }






    .download-list table {
        width: 405px;
        font-size: 10px;
    }

    .order-list table {
        width: 405px;
        font-size: 10px;
    }

    .order-kit-list table {
        width: 405px;
        font-size: 10px;
    }

    .sidebar {
        float: right;
        width: 250px;
    }

    .container-footer {
        width: 768px;
    }

    footer {
        width: 768px;
        padding: 0 28px;
    }

    .featured article {
        float: left;
        width: 45%;
        margin-right: 5%;
    }

    .checkout div.selectionbox textarea {
        width: 95%;
        height: 140px;
    }

    .checkout div.personalize {
        float: left;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

        .checkout div.personalize table td.label,
        .checkout div.personalize span.label {
            font-size: 10px;
        }

        .checkout div.personalize.personalize-full div.city,
        .checkout div.personalize.personalize-full div.state {
            display: inline-block;
            width: 35%;
            margin: 0;
            padding: 0 1% 0 0;
            float: left;
            box-sizing: border-box;
        }

        .checkout div.personalize.personalize-full div.zip {
            display: inline-block;
            width: 25%;
            margin: 0;
            padding: 0 1% 0 0;
            float: left;
            box-sizing: border-box;
        }


        #customFieldsContainer div.fields {
            width: 64%;
        }

    #customFieldsContainer div.buttons {
        width: 33%;
    }

    div.selectorbox article {
        height: 290px;
    }


    /* Marketing stuff */
    .module.marketing.c4ac .formsection.right img {
        padding-left: 6px;
    }


    /* End Marketing stuff */

    /* Error page styles */
    div.error-page .icon-large {
        font-size: 25px;
        width: 25%;
    }

    .error-page .message {
        width: 73%;
    }
    /* END Error page styles */

    /* categorized item list styles */
    div.visual div.category-item {
        width: 50%;
    }


    /* END categorized item list styles */

    /* Site identity block */
    #IdentityPanel.banner {
        top: -10px;
    }

    .outerBody.login #SiteIdentityMarker {
        margin: -20px 0 0 0;
    }
    /* END Site identity block */

}
/* end medium width directive */



/*		Mobile Layout: 320px.
        Gutters: 24px.
        Outer margins: 34px.
        Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 479px) {
    body {
        background: url(/portal/images/Default/bg_01.png) 50% 0 repeat-y;
    }

        body header {
            height: 150px;
            background: url(/portal/images/Default/header.png) 50% 0 no-repeat;
        }

    #utility-nav {
        right: 3px;
    }

    #container-util {
        width: 318px;
        font-size: 9px;
        font-family: Verdana, Geneva, sans-serif;
    }

    #admin-bar,
    .mobile #admin-bar {
        width: 313px;
        top: -46px;
    }

        #admin-bar div.slider,
        .mobile #admin-bar div.slider {
            height: 45px;
        }

            #admin-bar div.slider select {
                max-width: 120px;
            }

    #page-label {
        font-size: 10px;
        font-weight: bold;
        font-family: Verdana, Geneva, sans-serif;
    }

    .cart-wide .itemNumber {
        display: none;
    }

    .cart-wide .fixedQuantity {
        display: block;
    }

    .cart-wide .selectQuantity {
        display: none;
    }

    .cart-wide .personalized {
        width: 100%;
    }

    .cart-wide .deleteline {
        width: 100%;
    }

    span.personalizednarrow {
        width: 65%;
        display: block;
        float: right;
        text-align: center;
    }

        span.personalizednarrow a {
            float: right;
        }

    span.personalized {
        display: none;
    }

        span.personalized a {
            display: none;
        }




    body header .navContainer {
        margin: 0 auto;
        width: 318px;
        /*padding: 48px 34px 60px 34px;*/
    }

    #LoginTable td.labelcol {
        width: 40%;
    }

    #LoginTable td.fieldcol {
        width: 60%;
    }

    #LoginTable select {
        margin-top: 5px;
        width: 98%;
    }

    #LoginTable td.multi-prof .label {
        font-weight: bold;
        font-size: 10px;
    }

    #LoginTable input[type=text],
    #LoginTable input[type=password] {
        width: 98%;
    }

    #tabs .tab-block a.tabAnchor span {
        font-size: 10px;
    }

    #tabs ul div.menu {
        font-size: 10px;
    }

    /*  Begin default custom styles */

    .scaled {
        font-size: 8px;
    }

    span.hideable1 {
        display: none;
    }

    span.hideable2 {
        display: none;
    }

    .subnav {
        margin: -10px auto 15px 0;
    }

    #orderinfo {
        float: left;
        margin-top: 2px;
    }

    .subnav .hideable {
        display: none;
    }

    /*.details column2
{
    width: 215px;
    margin-right: 5px;
}*/

    .details div.customfieldoptions {
        width: 215px;
    }

    .details article div.magnify {
        text-align: left;
    }

    .search div.formsection {
        float: left;
        width: 98%;
    }


    .search .option.right {
        float: right;
        width: 43%;
    }

    .adduserform div.formsection {
        float: left;
        width: 98%;
    }

    .detailview div.formsection {
        float: left;
        width: 98%;
    }

    .detailview td.label {
        font-size: 8px;
    }

    .detailview td.field {
        font-size: 8px;
    }


    .detailview td.heading {
        font-size: 10px;
    }

    .detailview td.bar {
        border-style: none;
    }

    .detailview td.fullfield div.dots {
        width: 230px;
    }

    .wideform td.label {
        font-size: 9px;
    }

    .wideform td.field {
        font-size: 9px;
    }

    .wideform td.labelcol {
        font-size: 9px;
        width: 40%;
    }

    .wideform td.fieldcol {
        font-size: 9px;
        width: 60%;
    }


    .wideform td.heading {
        font-size: 10px;
    }

    .wideform .right {
        float: left;
    }

    .additemform td.label {
        font-size: 9px;
    }

    .additemform td.field {
        font-size: 9px;
    }

    .additemform td.labelcol {
        font-size: 9px;
        width: 55%;
    }

    .additemform td.fieldcol {
        font-size: 9px;
        width: 45%;
    }

    .wideform div.formsection select.medium {
        width: 98%;
    }

    .wideform div.formsection select.narrow {
        width: 98%;
    }

    .categories div {
        font-size: 9px;
    }

        .categories div.labelcol {
            width: 100%;
            display: block;
            text-align: left;
        }

            .categories div.labelcol label {
                font-size: 9px;
            }

        .categories div.fieldcol {
            width: 100%;
            display: block;
        }

    .categories .banner-browse.visible > div.labelcol {
        height: auto;
    }

    .categories .labelcol .banner-label {
        display: inline-block;
        width: auto;
        float: left;
        margin-right: 0;
    }

    .categories .banner-thumbnail img {
        margin-top: 5px;
        max-width: 100%;
    }

    .categories select {
        width: 100%;
    }

    .categories input[type=text] {
        width: 100%;
    }

    .categories div.labelcol div.banner-label {
        float: left;
        margin-right: 10px;
        text-align: left;
        display: inline-block;
        width: auto;
    }

    .categories div.labelcol span.buttonSm {
        float: left;
        text-align: left;
    }

    .additemform select.location {
        width: 100px;
    }

    .wideform div.formsection select.range {
        width: 125px;
    }

    .wideform div.formsection select.month {
        width: 125px;
    }

    .wideform div.formsection select.year {
        width: 125px;
    }

    .wideform div.formsection select.region {
        width: 125px;
    }

    .additemform input[type=text].location {
        width: 96px;
    }

    .additemform td.heading {
        font-size: 10px;
    }

    .additemform .right {
        float: left;
    }

    .reorder div.formsection input[type=file] {
        width: 65%;
    }

    .listing td {
        font-size: 9px;
    }

        .listing td.heading {
            font-size: 9px;
        }

    .listing .hideable1 {
        display: none;
    }

    .listing .hideable2 {
        display: none;
    }

    .listing .showable1 {
        display: table-cell;
    }

    .listing .showable2 {
        display: table-cell;
    }

    .listing.order td {
        font-size: 8px;
    }

    .listing.order .idcol {
        width: 41%;
    }

    .listing.order .namecol {
        width: 31%;
        overflow: auto;
        white-space: normal;
    }

    .listing.order .jobcol,
    .listing.order .itemcol,
    .listing.order .datecol {
        display: none;
    }

    .listing.order .statuscol {
        width: 18%;
    }

    .listing.order .toolcol {
        width: 10%;
    }

    .listing.order .hideable {
        display: none;
    }


    .listing.ordercart td.idcol {
        width: 2%;
    }

    .listing.ordercart td.desccol {
        width: 48%;
        overflow-wrap: break-word;
    }

    .listing.ordercart td.rptdesccol {
        width: 86%;
    }

    .listing.ordercart td.loccol {
        width: 4%;
    }

    .listing.ordercart td.qtycol {
        width: 10%;
    }

    .listing.ordercart .orderqtycol {
        width: 36%;
    }


    .listing.inventory {
        font-size: 7px;
    }

        .listing.inventory td.checkcol {
            width: 8%;
            text-align: center;
        }

        .listing.inventory td.itemnumcol {
            width: 30%;
        }
            .listing.inventory td.itemnumcol i.fa {
                float: none;
            }
        .listing.inventory td.iconcol {
            width: 8%;
        }

        .listing.inventory .iconcol img {
            width: 12px;
            margin-bottom: 2px;
        }
        .listing.inventory .iconcol img.digital{
            float: left;
        }

        .listing.inventory td.desccol {
            width: 40px;
        }

        .listing.inventory td.qtycol {
            width: 15%;
        }

    .listing.report.inv td.formnumcol {
        width: 30%;
    }

    .listing.report.inv td.desccol {
        width: 50%;
    }

    .listing.report.inv td.qtycol {
        width: 20%;
    }

    .listing.report.jobs article {
        width: 265px;
        margin-right: 4px;
    }

    .listing.report.jobs .heading {
        font-size: 9px;
    }

    .listing.report.jobs div.orderdesc {
        width: 100%;
        margin-left: 0;
    }

    .listing.report.ship .smallstock-bounds {
        width: 100%;
    }

    .smallstock-bounds.inv {
        width: 100%;
    }

    .reorder div.formsection {
        width: 98%;
        float: left;
    }

    .listing.smallstock {
        font-size: 8px;
    }

        .listing.smallstock td.heading {
            font-weight: bold;
            vertical-align: bottom;
        }

        .listing.smallstock td.warehousecol {
            width: 60%;
        }

        .listing.smallstock td.locationcol {
            width: 20%;
        }

        .listing.smallstock td.quantitycol {
            width: 20%;
        }

    .listing.tracking td {
        font-size: 8px;
    }

    .listing.blocks div.block {
        width: 100%;
        margin-right: 0;
    }

    .listing.blocks table td.labelcol,
    .listing.blocks .last td.labelcol {
        font-weight: bold;
        width: 30%;
    }

    .listing.blocks table td.fieldcol,
    .listing.blocks .last td.fieldcol {
        font-weight: normal;
        width: 70%;
    }

    .listing.blocks table tr td {
        font-size: 10px;
    }


    .listing.notetab .notestable td {
        font-size: 9px;
    }

    /* For associating orders with integration  */
    .integ-details .formsection {
        width: 100%;
        margin: 0;
    }

        .integ-details .formsection td {
            font-size: 9px;
        }

            .integ-details .formsection td.labelcol {
                width: 35%;
            }

            .integ-details .formsection td.fieldcol {
                width: 65%;
            }
    /* END For associating orders with integration  */



    .listing2line.delete td.itemnumcol {
        width: 25%;
        font-size: 8px;
    }

    .listing2line.delete td.formnumcol {
        width: 25%;
        font-size: 8px;
    }

    .listing2line.delete td.stoclcol {
        width: 30%;
        font-size: 8px;
    }

    .listing2line.delete td.deletecol {
        width: 20%;
        font-size: 8px;
    }

    .listing2line.delete td.heading {
        font-size: 9px;
        font-weight: bold;
    }

    .listing2line .hideable1 {
        display: none;
    }

    .listing2line .hideable2 {
        display: none;
    }


    .listing2line.withdraw td.itemnumcol {
        width: 25%;
        font-size: 8px;
    }

    .listing2line.withdraw td.formnumcol {
        width: 25%;
        font-size: 8px;
    }

    .listing2line.withdraw td.whsecol {
        width: 30%;
        font-size: 8px;
    }

    .listing2line.withdraw td.qtycol {
        width: 20%;
        font-size: 8px;
    }

    .listing2line.withdraw td.heading {
        font-size: 8px;
    }

    .listing2line.withdraw td.status {
        font-size: 8px;
    }

    .listing2line.withdraw td.info {
        font-size: 8px;
    }

    .listing2line.withdraw input[type=text] {
        width: 40px;
        padding-right: 2px;
        text-align: right;
    }

    .listing2line.withdraw .hideable1 {
        display: none;
    }

    .listing2line.withdraw .hideable2 {
        display: none;
    }

    .listing2line.receive td.itemnumcol {
        width: 25%;
        font-size: 8px;
    }

    .listing2line.receive td.formdesccol {
        width: 25%;
        font-size: 8px;
    }

    .listing2line.receive td.whsecol {
        width: 25%;
        font-size: 8px;
    }

    .listing2line.receive td.loccol {
        width: 13%;
        font-size: 8px;
    }

    .listing2line.receive td.qtycol {
        width: 12%;
        font-size: 8px;
    }

    .listing2line.receive td.heading {
        font-size: 8px;
    }

    .listing2line.receive td.status {
        font-size: 8px;
    }

    .listing2line.receive td.info {
        font-size: 8px;
    }

    .listing2line.receive input[type=text] {
        width: 30px;
        font-size: 9px;
    }

    .listing2line.receive select {
        font-size: 9px;
    }

    .listing2line.receive div.formbounds {
        float: left;
        width: 98%;
        height: auto;
    }

    .listing2line.receive div.descbounds {
        float: right;
        width: 1%;
        clear: none;
    }

    .listing2line.receive td.loccol input[type=text] {
        width: 90%;
        padding-right: 1px;
    }

    .listing2line.receive td.qtycol input[type=text] {
        width: 90%;
    }


    .invheader {
        width: 100%;
        font-size: 8px;
    }

        .invheader label {
            font-size: 8px;
        }

        .invheader select {
            font-size: 9px;
        }

        .invheader td.views {
            width: 40%;
        }

        .invheader td.size {
            width: 20%;
        }

        .invheader td.counts {
            width: 40%;
        }

    .listing-invmgmt input[type=text] {
        width: 35px;
        padding-right: 2px;
        text-align: right;
        font-size: 9px;
    }

    .listing-invmgmt select {
        width: 100%;
        font-size: 9px;
    }

    .rptheader {
        font-size: 9px;
    }

        .rptheader td.info {
            width: 70%;
        }

        .rptheader td.views {
            width: 15%;
        }

        .rptheader td.views {
            width: 15%;
        }

    .menu div.menuitem {
        width: 95%;
        margin-bottom: 10px;
        /*height: auto;*/
    }

        .menu div.menuitem p img {
            display: none;
        }

    .dashboard article {
        width: 99%;
        margin-right: 1%;
        margin-bottom: 10px;
    }

        .dashboard article a {
            font-weight: normal;
        }

    .dashboard .heading {
        font-size: 14px;
        line-height: 20px;
    }

    .dashboard article span.heading {
        font-size: 11px;
        font-weight: bold;
    }

    div.buttonbox {
        width: 99%;
    }

    div.buttonbox2 {
        width: 99%;
    }

    div.buttonbox3 {
        width: 99%;
    }

    .half-width {
        width: 100%;
    }

    div.buttonbox.panel, div.buttonbox2.panel, div.buttonbox3.panel {
        width: 99%;
    }


    .faqlist .formsection {
        width: 100%;
        display: inline-block;
        float: left;
    }

        .faqlist .formsection a {
            font-size: 12px;
            margin-bottom: 8px;
        }

    .faqlist p {
        font-size: 12px;
    }

    /* End default custom styles */



    .outerBody {
        width: 290px;
        padding: 10px 34px 40px;
    }

    #tabs .tab-block .big-tab {
        display: none;
    }

    .mainBody {
        width: 252px;
        margin-top: 5px;
        float: left;
        margin-left: -15px;
    }

    .details article {
        width: 230px;
    }

    .module-narrow {
        width: 100%;
    }

    .right {
        margin-left: 0;
    }

    .sidebar {
        float: left;
        width: 252px;
        margin-top: 5px;
        margin-left: -15px;
    }

    .sidebar.float {
        top: 0;
    }

    .mainBody li {
        display: block;
        width: 95%;
        margin-right: 2%;
        float: left;
    }

    .cart-wide table {
        width: 225px;
        font-size: 10px;
    }

        .cart-wide table td.itemcol {
            width: 42%;
        }

        .cart-wide table td.quantity {
            width: 26%;
        }

        .cart-wide table td.personalized {
            width: 22%;
        }

        .cart-wide table td.delete {
            width: 10%;
        }

    .cart-wide div.updateall {
        padding-left: 86px;
    }

    .download-list table {
        width: 225px;
        font-size: 8px;
    }

    .order-list table {
        width: 225px;
        font-size: 8px;
    }

        .order-list table .orderNum {
            width: 34%;
        }

    order-list table td.orderNum {
        -moz-hyphens: manual;
        -ms-hyphens: manual;
        -webkit-hyphens: manual;
        hyphens: manual;
        -ms-word-break: break-all;
        word-break: break-all;
    }

    .order-list table .orderDate {
        width: 23%;
    }

    .order-list table .hideable2 {
        width: 0;
        display: none;
    }

    .order-list table .orderStatus {
        text-align: right;
        width: 20%;
    }

    .order-kit-list table {
        width: 225px;
        font-size: 8px;
    }

        .order-kit-list table td.description {
            padding-left: 5px;
        }

        .order-kit-list table td.quantity {
            padding-right: 5px;
        }


    .container-footer {
        width: 320px;
    }

    footer {
        width: 320px;
        padding: 0 34px;
    }

    .featured article {
        float: none;
        width: 100%;
        margin-right: 0;
        height: auto;
        margin-bottom: 0;
        line-height: 1.35em;
    }

        .featured article span img,
        .featured article a.buttonSm {
            display: block;
        }

    .checkout div.personalize table td.label {
        font-size: 9px;
    }

    .checkout selection-box div.halfbox {
        float: left;
        padding-right: 5px;
        width: 99%;
    }

    .checkout div.personalize {
        float: left;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

        .checkout div.personalize table td.label,
        .checkout div.personalize span.label {
            font-size: 10px;
        }
        .checkout div.personalize.personalize-full div.addr,
        .checkout div.personalize.personalize-full div.city,
        .checkout div.personalize.personalize-full div.state,
        .checkout div.personalize.personalize-full div.phone,
        .checkout div.personalize.personalize-full div.email {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 0;
            float: left;
            box-sizing: border-box;
        }

        .checkout div.personalize.personalize-full div.zip {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding:0;
            float: left;
            box-sizing: border-box;
        }

    .kit div.header {
        font-size: 10px;
    }

    .kit .envelope {
        font-size: 10px;
    }

    #customFieldsContainer div.fields {
        width: 100%;
    }

    #customFieldsContainer div.buttons {
        width: 100%;
        float: left;
        padding-left: 0;
    }

    .fields.eddm-details div.zipcol {
        width: 25%;
    }

    .fields.eddm-details div.carrtcol {
        width: 25%;
    }

    .fields.eddm-details div.qtycol {
        width: 25%;
    }

    .fields.eddm-details div.editcol {
        width: 100%;
    }

    .counts.eddm-details td {
        font-size: 11px;
    }

        .counts.eddm-details td.labelcol {
            width: 50%;
        }

        .counts.eddm-details td.countcol {
            width: 25%;
        }

        .counts.eddm-details td.extracol {
            width: 25%;
        }

    .fields.usershipto td.shiptocol {
        width: 25%;
    }

    .listing.usershipto div.shiptocol {
        width: 30%;
        display: inline-block;
        float: left;
        vertical-align: top;
    }

    .listing.usershipto div.editcol {
        width: 30%;
        display: inline-block;
        float: right;
        vertical-align: top;
        padding-left: 5px;
    }

    .fields.usershipto div.editcol {
        width: 40%;
    }

    div.selectorbox article {
        height: 250px;
        width: 48%;
    }

    div.visual .category-banner {
        height: 50px;
        position: relative;
        overflow: hidden;
        margin-bottom: 5px;
    }

    div.visual .category-visible {
        max-height: 450px;
    }

    div.visual div.category-item {
        width: 50%;
    }

    div.visual .category-item div.preview img {
        width: 100%;
        max-width: 150px;
        height: auto;
    }

    div.visual .category-item div.description {
        font-size: 9px;
    }

    .details div.linesep {
        clear: both;
    }

    .category-item div.item-info {
        display: block;
        width: 100%;
        float: none;
    }

    .category-item div.item-order {
        display: block;
        width: 100%;
        float: left;
    }

    /*****************************************************************/
    /*                   TabContainer styles                         */
    /*****************************************************************/

    .inventory-item-tabs .ajax__tab_header {
        max-height: 61px;
    }

    .inventory-item-tabs .ajax__tab_outer {
        height: 23px;
        min-height: 22px;
    }

    .inventory-item-tabs .ajax__tab_tab {
        font-size: 9px;
    }

    .inventory-item-tabs .ajax__tab_active .ajax__tab_outer {
        height: 24px;
    }


    /* Marketing */
    .module.marketing .formsection {
        width: 100%;
        margin: 0;
        float: left;
    }

    .module.marketing.c4ac .formsection img {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .module.marketing.c4ac .formsection.left {
        width: 100%;
    }

    .module.marketing.c4ac .formsection.right {
        border-left: none;
        border-top: 1px solid #fff;
        width: 100%;
    }

    .module.marketing.c4ac .formsection.left img {
        padding-top: 0;
    }

    .module.marketing.c4ac .formsection.right img {
        padding-left: 0;
        margin: 5px 0;
    }
    /* End Marketing*/


    div.error-page .icon-large {
        width: 100%;
    }

    .error-page .message {
        width: 100%;
    }

    .mapping .scroll {
        max-height: 175px;
    }

    .mapping table td {
        font-size: 9px;
        font-weight: normal;
    }

        .mapping table td.dest-col,
        .mapping table td.src-col {
            width: 50%;
        }

    /* categorized item list styles */
    div.visual div.category-item {
        width: 100%;
        margin-bottom: 5px;
        /*height: 150px !important;
        max-height: 150px !important;*/
    }
    /*div.visual div.category-item div.item-info
    {
        height: 150px;
    }

    div.visual .category-item .item-overlay
    {
        height: 75px;
    }
    div.visual .category-item div.preview
    {
        max-height: 75px;
    }*/
    /* END categorized item list styles */

    #tool-float.stick {
        /*position: relative;*/
        top: 0;
        width: 100%;
        left: 0;
    }

    #tool-float.stick .module-body {
        float: right;
    }


    /* Site identity block */
    #IdentityUpdatePanel {
        margin: 0 -15px;
    }

    #IdentityPanel {
        position: fixed;
        left: 0;
        bottom: 7px;
        min-height: 10px;
        width: 100%;
    }

        #IdentityPanel p {
            display: none;
        }

        #IdentityPanel i + br {
            display: none;
        }

        #IdentityPanel i {
            font-size: 10px;
            margin: 0 4px;
        }

        #IdentityPanel span {
            width: 100%;
            font-size: 10px;
            text-align: left;
        }

        #IdentityPanel .alert {
            margin: 0;
            height: 100%;
            padding: 1px 20px;
        }

    .outerBody > #SiteIdentityMarker,
    .outerBody > site-id-container > #SiteIdentityMarker {
        margin: 0 -15px;
    }

    .outerBody.login > #SiteIdentityMarker {
        margin: -20px 0 0 0;
    }

    #IdentityPanel.banner {
        top: -10px;
        left: 0;
    }

        #IdentityPanel.banner i {
            font-size: 18px;
        }

        #IdentityPanel.banner p {
            font-size: 10px;
        }

        #IdentityPanel.banner .alert {
            margin: 0;
            height: 100%;
            padding: 5px;
        }

        #IdentityPanel.banner .alert-dismissible .close {
            right: auto;
        }

    .module-body #IdentityPanel.banner {
        top: auto;
        left: auto;
        bottom: auto;
    }

    /* END Site identity block */

    /* Release Notes alert block */

    .release-note-alert-container {
        bottom: 0;
        right: unset;
        left: 0;
        max-width: unset;
        width: 100%;
        box-shadow: rgba(0,0,0,0.8) 0 0 30px;
    }

    .release-note-alert {
        border-radius: 0;
        border: none;
    }

        .release-note-alert .dismiss {
            position: absolute;
            top: 5px;
            right: 12px;
        }

    .release-note-alert-body {
        background-color: #555;
        margin: 0 0 0 0;
        padding: 15px 20px 10px 20px;
        font-size: 11px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        color: #fff;
    }

        .release-note-alert-body .heading {
            color: #fff;
        }

        .release-note-alert-body a,
        .release-note-alert-body a:link,
        .release-note-alert-body a:hover,
        .release-note-alert-body a:visited,
        .release-note-alert-body a:active {
            color: #fff;
            text-decoration: underline;
        }

    /* END Release Notes alert block */


}
/* end narrow mobile width directive */

/*		Wide Mobile Layout: 480px.
        Gutters: 24px.
        Outer margins: 22px.
        Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {

    body {
        background: url(/portal/images/Default/bg_02.png) 50% 0 repeat-y;
    }

        body header {
            /*height: 150px;*/
            background: url(/portal/images/Default/header.png) 50% -150px no-repeat;
        }

    #utility-nav {
        right: 15px;
    }

    .container-footer {
        width: 480px;
    }

    #container-util {
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        width: 478px;
    }

    #admin-bar,
    .mobile #admin-bar {
        width: 474px;
        top: -46px;
    }

        #admin-bar div.slider,
        .mobile #admin-bar div.slider {
            height: 45px;
        }

            .mobile #admin-bar div.slider select {
                padding: 3px;
            }

    #page-label {
        font-size: 11px;
        font-weight: bold;
        font-family: Verdana, Geneva, sans-serif;
    }

    body header .navContainer {
        margin: 0 auto;
        width: 436px;
        /*padding: 36px 22px 48px 22px;*/
    }

    /*  Begin default custom styles */
    .scaled {
        font-size: 9px;
    }

    span.hideable2 {
        display: inline;
    }

    .subnav {
        margin: -10px auto 15px 0;
    }

    #orderinfo {
        float: right;
        margin-top: 2px;
    }

    .subnav .hideable {
        display: inline;
    }

    /*.details column2
{
    width: 400px;
    margin-right: 4px;
}*/
    .details div.customfieldoptions {
        width: 400px;
    }

    .details article div.magnify {
        text-align: center;
    }

    .search div.formsection {
        float: left;
        width: 49%;
    }

    .search .option.right {
        float: right;
        width: 37%;
    }

    .adduserform div.formsection {
        float: left;
        width: 49%;
    }

    .detailview div.formsection {
        float: left;
        width: 49%;
    }

        .detailview div.formsection table {
            width: 98%;
        }

    .detailview td.label {
        width: 50%;
        font-size: 9px;
    }

    .detailview td.field {
        width: 50%;
        font-size: 9px;
    }

    .detailview td.heading {
        font-size: 12px;
    }

    .detailview td.qtylabel {
        font-size: 9px;
    }

        .detailview td.qtylabel label {
            font-size: 9px;
        }

    .detailview td.qtyfield {
        font-size: 9px;
    }

    .detailview td.fullfield div.dots {
        width: 190px;
    }


    .preview a img {
        text-align: left;
        float: left;
    }

    .wideform td.label {
        font-size: 10px;
    }

    .wideform td.field {
        font-size: 10px;
    }

    .wideform td.heading {
        font-size: 11px;
    }

    .wideform td.labelcol {
        font-size: 10px;
        width: 30%;
    }

    .wideform td.fieldcol {
        font-size: 10px;
        width: 70%;
    }

    .wideform .right {
        float: right;
    }

    .wideform div.formsection {
        display: block;
        float: left;
        width: 98%;
        margin-bottom: 10px;
    }

        .wideform div.formsection table {
            width: 100%;
        }

        .wideform div.formsection select.range {
            width: 75px;
        }

        .wideform div.formsection select.month {
            width: 100px;
        }

        .wideform div.formsection select.year {
            width: 50px;
        }

        .wideform div.formsection select.region {
            width: 125px;
        }

    .categories div.labelcol {
        width: 32%;
        text-align: right;
    }

    .categories div.fieldcol {
        width: 68%;
        text-align: left;
    }

        .categories div.fieldcol input[type=text] {
            width: 98%;
        }

    .categories .banner-label {
        display: block;
        width: 100%;
        margin-right: 0;
    }

    .categories .banner-thumbnail img {
        margin-top: 5px;
    }


    .additemform td.label {
        font-size: 10px;
    }

    .additemform td.field {
        font-size: 10px;
    }

    .additemform td.heading {
        font-size: 11px;
    }

    .additemform td.labelcol {
        font-size: 10px;
        width: 40%;
    }

    .additemform td.fieldcol {
        font-size: 10px;
        width: 60%;
    }

    .wideform div.formsection select.medium {
        width: 46%;
    }

    .wideform div.formsection select.narrow {
        width: 22%;
    }

    .additemform select.location {
        width: auto;
    }

    .additemform input[type=text].location {
        width: auto;
    }

    .additemform .right {
        float: right;
    }

    .reorder div.formsection {
        width: 48%;
        float: left;
    }

        .reorder div.formsection input[type=file] {
            width: 80%;
        }

    .listing td {
        font-size: 9px;
    }

        .listing td.heading {
            font-size: 9px;
        }

    .listing .hideable1 {
        display: none;
    }
    .listing .hideable2 {
        display: table-cell;
    }

    .listing .showable2 {
        display: none;
    }


    .listing.order td {
        font-size: 9px;
    }

    .listing.order .idcol {
        width: 28%;
    }

    .listing.order .namecol {
        width: 22%;
        overflow: auto;
        white-space: normal;
    }

    .listing.order .itemcol {
        display: none;
    }

    .listing.order .jobcol {
        display: none;
    }

    .listing.order .datecol {
        width: 18%;
    }

    .listing.order .statuscol {
        width: 13%;
    }

    .listing.order .toolcol {
        width: 9%;
    }

    .listing.order .hideable {
        display: none;
    }

    .listing.ordercart td.idcol {
        width: 2%;
    }

    .listing.ordercart td.formnumcol {
        width: 25%;
    }

    .listing.ordercart td.desccol {
        width: 43%;
    }

    .listing.ordercart td.rptdesccol {
        width: 61%;
    }

    .listing.ordercart td.loccol {
        width: 4%;
    }

    .listing.ordercart td.qtycol {
        width: 10%;
    }

    .listing.ordercart .orderqtycol {
        width: 29%;
    }

    .listing.inventory {
        font-size: 8px;
    }


        .listing.inventory .iconcol img.digital {
            /*width: 12px;*/
            margin-bottom: 2px;
            float: left;
        }

        .listing.inventory td.checkcol {
            width: 3%;
        }

        .listing.inventory td.itemnumcol {
            width: 23%;
        }
            .listing.inventory td.itemnumcol i.fa {
                float: none;
            }
        .listing.inventory td.formnumcol {
            width: 15%;
        }

        .listing.inventory td.iconcol {
            width: 7%;
        }

        .listing.inventory td.desccol {
            width: 32%;
        }

        .listing.inventory td.qtycol {
            width: 10%;
        }

        .listing.inventory td.heading {
            font-size: 9px;
            font-weight: bold;
        }

    .listing.report.inv td.formnumcol {
        padding-left: 3px;
    }

    .listing.report.inv td.desccol {
        padding-left: 3px;
    }

    .listing.report.inv td.warehousecol {
        width: 27%;
    }

    .listing.report.jobs article {
        width: 430px;
        margin-right: 4px;
    }

    .listing.report.jobs .heading {
        font-size: 10px;
    }

    .listing.blocks div.block {
        width: 49%;
        margin-right: 1%;
    }

        .listing.blocks div.block.last {
            width: 100%;
            margin-right: 0;
        }

    .listing.blocks table td.labelcol {
        width: 35%;
    }

    .listing.blocks table td.fieldcol {
        width: 65%;
    }

    .listing.blocks .last td.labelcol {
        width: 17%;
    }

    .listing.blocks .last td.fieldcol {
        width: 83%;
    }

    .listing.blocks table tr td {
        font-size: 10px;
    }

    .listing.notetab .notestable td {
        font-size: 10px;
    }



    .smallstock-bounds {
        width: 300px;
    }

        .smallstock-bounds.inv {
            width: 100%;
        }


    .listing.smallstock td.warehousecol {
        font-size: 9px;
    }

    .listing.smallstock td.locationcol {
        font-size: 9px;
    }

    .listing.smallstock td.quantitycol {
        font-size: 9px;
    }

    .listing.tracking td {
        font-size: 11px;
    }

    /* For associating orders with integration  */
    .integ-details .formsection td {
        font-size: 9px;
    }

        .integ-details .formsection td.labelcol {
            width: 35%;
            font-weight: bold;
        }

        .integ-details .formsection td.fieldcol {
            width: 65%;
        }
    /* END For associating orders with integration  */



    .listing2line.delete td.itemnumcol {
        width: 18%;
        font-size: 9px;
    }

    .listing2line.delete td.formnumcol {
        width: 15%;
        font-size: 9px;
    }

    .listing2line.delete td.desccol {
        width: 40%;
        font-size: 9px;
    }

    .listing2line.delete td.stockcol {
        width: 15%;
        font-size: 9px;
    }

    .listing2line.delete td.deletecol {
        width: 12%;
        font-size: 9px;
        text-align: center;
    }

    .listing2line.delete td.heading {
        font-size: 10px;
        font-weight: bold;
    }

    .listing2line .hideable2 {
        display: table-cell;
    }

    .listing2line.delete input[type=text] {
        width: 40px;
        padding-right: 2px;
        text-align: right;
        font-size: 9px;
    }

    .listing2line.delete select {
        width: 100%;
        font-size: 9px;
    }

    .listing2line.withdraw td.itemnumcol {
        width: 18%;
        font-size: 9px;
    }

    .listing2line.withdraw td.formnumcol {
        width: 15%;
        font-size: 9px;
    }

    .listing2line.withdraw td.desccol {
        width: 40%;
        font-size: 9px;
    }

    .listing2line.withdraw td.whsecol {
        width: 15%;
        font-size: 9px;
    }

    .listing2line.withdraw td.qtycol {
        width: 12%;
        font-size: 9px;
    }

    .listing2line.withdraw td.heading {
        font-size: 9px;
    }

    .listing2line.withdraw td.status {
        font-size: 9px;
    }

    .listing2line.withdraw td.info {
        font-size: 8px;
    }

    .listing2line.withdraw input[type=text] {
        width: 40px;
        padding-right: 2px;
        text-align: right;
    }

    .listing2line.withdraw .hideable2 {
        display: table-cell;
    }


    .listing2line.receive td.itemnumcol {
        width: 18%;
        font-size: 9px;
    }

    .listing2line.receive td.formdesccol {
        width: 40%;
        font-size: 9px;
    }

    .listing2line.receive td.whsecol {
        width: 20%;
        font-size: 9px;
    }

    .listing2line.receive td.loccol {
        width: 12%;
        font-size: 9px;
    }

    .listing2line.receive td.qtycol {
        width: 10%;
        font-size: 9px;
    }

    .listing2line.receive td.heading {
        font-size: 9px;
    }

    .listing2line.receive td.status {
        font-size: 9px;
    }

    .listing2line.receive td.info {
        font-size: 9px;
    }

    .listing2line.receive input[type=text] {
        width: 40px;
    }

    .listing2line.receive div.descbounds {
        width: 98%;
        clear: left;
        float: left;
    }

    .listing2line.receive td.loccol input[type=text] {
        width: 90%;
        padding-right: 1px;
    }

    .listing2line.receive td.qtycol input[type=text] {
        width: 90%;
    }



    .invheader {
        width: 100%;
        font-size: 10px;
    }

        .invheader label {
            font-size: 10px;
        }

        .invheader select {
            font-size: 10px;
        }

        .invheader td.views {
            width: 30%;
        }

        .invheader td.size {
            width: 40%;
        }

        .invheader td.counts {
            width: 30%;
        }

    .rptheader {
        font-size: 10px;
    }

        .rptheader td.info {
            width: 60%;
        }

        .rptheader td.views {
            width: 20%;
        }

        .rptheader td.export {
            width: 20%;
        }

    .menu div.menuitem {
        width: 45%;
        /*height: 60px;*/
    }

        .menu div.menuitem p img {
            display: block;
        }

    .dashboard article {
        width: 47%;
        margin-right: 3%;
        margin-bottom: 15px;
    }

        .dashboard article a {
            font-weight: normal;
        }

    .dashboard .heading {
        font-size: 16px;
        line-height: 23px;
        font-weight: bold;
    }

    .dashboard article span.heading {
        font-size: 12px;
        font-weight: bold;
    }

    div.buttonbox {
        width: 49%;
    }

    div.buttonbox2 {
        width: 49%;
    }

    div.buttonbox3 {
        width: 32%;
    }

    div.buttonbox.panel, div.buttonbox2.panel {
        width: 47%;
    }

    div.buttonbox3.panel {
        width: 30%;
    }

    .half-width {
        width: 50%;
    }
    /* End default custom styles */


    .outerBody {
        width: 450px;
        padding: 10px 22px 40px;
    }

    .mainBody {
        width: 436px;
        float: left;
        margin: -15px;
    }

    .details article {
        width: 400px;
    }

    .cart-wide .itemNumber {
        display: inline;
    }

    .cart-wide .fixedQuantity {
        display: none;
    }

    .cart-wide .selectQuantity {
        display: inline;
    }

    .module-narrow {
        width: 206px;
    }

    .right {
        margin-left: 10px;
    }

    .cart-wide table {
        width: 405px;
        font-size: 11px;
    }

        .cart-wide table td.itemcol,
        .cart-wide.nopricecol table td.itemcol {
            width: 40%;
        }

        .cart-wide table td.quantity {
            width: 25%;
        }

        .cart-wide table td.itemprice {
            width: 14%;
        }

        .cart-wide table td.personalizeddelete {
            width: 18%;
        }

    .cart-wide div.updateall {
        padding-left: 243px;
    }

    .download-list table {
        width: 405px;
        font-size: 10px;
    }

    .order-list table {
        width: 405px;
        font-size: 10px;
    }

    .order-kit-list table {
        width: 405px;
        font-size: 10px;
    }

    .sidebar {
        float: left;
        width: 436px;
        margin-left: -15px;
    }

        .sidebar table {
            width: 400px;
        }

    .sidebar.float {
        top: 0;
    }
    .mainBody li {
        display: block;
        width: 45%;
        margin-right: 2%;
        float: left;
    }

    #LoginTable td.labelcol {
        width: 20%;
    }

    #LoginTable td.fieldcol {
        width: 80%;
    }

    #LoginTable input[type=text],
    #LoginTable input[type=password] {
        width: 50%;
    }

    #LoginTable select {
        width: 66%;
    }


    #tabs .tab-block a.tabAnchor span {
        font-size: 12px;
    }

    #tabs .tab-block .big-tab {
        display: block;
    }

    footer {
        width: 480px;
        padding: 0 22px;
    }

    .featured article {
        float: left;
        width: 45%;
        margin-right: 5%;
        height: 102px;
        margin-bottom: 15px;
    }

        .featured article span img,
        .featured article a.buttonSm {
            display: block;
        }

    .checkout div.personalize {
        display: block;
        float: left;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

        .checkout div.personalize td.label {
            font-size: 10px;
        }

    .checkout div.selectionbox textarea {
        width: 95%;
        height: 140px;
    }

    .checkout div.selectionbox div.halfbox {
        float: left;
        padding-right: 5px;
        width: 50%;
    }

    .checkout div.personalize table td.label,
    .checkout div.personalize span.label {
        font-size: 10px;
    }

    .checkout div.personalize.personalize-full div.city,
    .checkout div.personalize.personalize-full div.state {
        display: inline-block;
        width: 35%;
        margin: 0;
        padding: 0 1% 0 0;
        float: left;
        box-sizing: border-box;
    }

    .checkout div.personalize.personalize-full div.zip {
        display: inline-block;
        width: 25%;
        margin: 0;
        padding: 0 1% 0 0;
        float: left;
        box-sizing: border-box;
    }
    .kit div.header {
        font-size: 12px;
    }

    .kit .envelope {
        font-size: 12px;
    }

    #customFieldsContainer div.fields {
        width: 64%;
    }

    #customFieldsContainer div.buttons {
        width: 33%;
    }

    .fields.eddm-details div.zipcol {
        width: 20%;
    }

    .fields.eddm-details div.carrtcol {
        width: 15%;
    }

    .fields.eddm-details div.qtycol {
        width: 20%;
    }

    .fields.eddm-details div.editcol {
        width: 40%;
    }

    .counts.eddm-details td {
        font-size: 13px;
    }

        .counts.eddm-details td.labelcol {
            width: 35%;
        }

        .counts.eddm-details td.countcol {
            width: 20%;
        }

        .counts.eddm-details td.extracol {
            width: 45%;
        }

    div.selectorbox article {
        height: 260px;
        width: 30%;
    }

    /* Marketing */
    .module.marketing .formsection {
        width: 100%;
        margin: 0;
        float: left;
    }

    .module.marketing.c4ac .formsection img {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .module.marketing.c4ac .formsection.left {
        width: 100%;
    }

    .module.marketing.c4ac .formsection.right {
        border-left: none;
        border-top: 1px solid #fff;
        width: 100%;
    }

    .module.marketing.c4ac .formsection.left img {
        padding-top: 0;
        margin: 5px 50px;
    }

    .module.marketing.c4ac .formsection.right img {
        padding-left: 0;
        margin: 5px 50px;
        text-align: center;
    }

    .module.marketing.notice {
        background: none #3a75c4;
        border: none;
    }

        .module.marketing.notice .formsection {
            font-size: 14px;
            font-family: Arial, Helvetica, sans-serif;
            color: #fff;
        }

            .module.marketing.notice .formsection i {
                font-size: 40px;
                float: left;
                margin-right: 10px;
                margin-bottom: 10px;
            }

            .module.marketing.notice .formsection.heading {
                font-size: 30px;
                font-weight: bold;
                color: #cce226;
                line-height: 34px;
            }


    /* End Marketing*/

    .faqlist .formsection {
        width: 100%;
        display: inline-block;
        float: left;
    }

        .faqlist .formsection a {
            font-size: 14px;
            margin-bottom: 8px;
        }

    .faqlist p {
        font-size: 14px;
    }



    div.error-page .icon-large {
        font-size: 25px;
        width: 25%;
    }

    .error-page .message {
        width: 73%;
    }

    .mapping .scroll {
        max-height: 275px;
    }

    .mapping table td {
        font-size: 10px;
        font-weight: normal;
    }

        .mapping table td.dest-col,
        .mapping table td.src-col {
            width: 50%;
        }

    /* categorized item list styles */
    div.visual div.category-item {
        width: 50%;
    }

    /* END categorized item list styles */

    #tool-float.stick {
        /*position: relative;*/
        top: 0;
        left: 0;
        width: 100%;
    }


    /* Site identity block */
    #IdentityUpdatePanel {
        margin: 0 -17px;
    }

    #IdentityPanel {
        position: fixed;
        left: 0;
        bottom: 7px;
        min-height: 10px;
        width: 100%;
    }

        #IdentityPanel p {
            display: none;
        }

        #IdentityPanel i + br {
            display: none;
        }

        #IdentityPanel i {
            font-size: 10px;
            margin: 0 4px;
        }

        #IdentityPanel span {
            width: 100%;
            font-size: 10px;
            text-align: left;
        }

        #IdentityPanel .alert {
            margin: 0;
            height: 100%;
            padding: 1px 20px;
        }

    .outerBody > #SiteIdentityMarker {
        margin: 0 -15px;
    }

    .outerBody.login > #SiteIdentityMarker {
        margin: -20px 0 0 0;
    }

    #IdentityPanel.banner {
        top: -10px;
        left: 0;
    }

        #IdentityPanel.banner i {
            font-size: 18px;
        }

        #IdentityPanel.banner p {
            font-size: 10px;
        }

        #IdentityPanel.banner .alert {
            margin: 0;
            height: 100%;
            padding: 5px;
        }

        #IdentityPanel.banner .alert-dismissible .close {
            right: auto;
        }

    .module-body #IdentityUpdatePanel {
        margin: 0;
    }

    .module-body #IdentityPanel.banner {
        top: auto;
        left: auto;
        bottom: auto;
    }

    /* END Site identity block */

    /* Release Notes alert block */

    .release-note-alert-container {
        bottom: 0;
        right: unset;
        left: 0;
        max-width: unset;
        width: 100%;
        box-shadow: rgba(0,0,0,0.8) 0 0 30px;
    }

    .release-note-alert {
        border-radius: 0;
        border: none;

    }
        .release-note-alert .dismiss {
            position: absolute;
            top: 5px;
            right: 12px;
        }

    .release-note-alert-body {
        background-color: #555;
        margin: 0 0 0 0;
        padding: 15px 20px 10px 20px;
        font-size: 11px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        color: #fff;
    }

        .release-note-alert-body .heading {
            color: #fff;
        }

        .release-note-alert-body a,
        .release-note-alert-body a:link,
        .release-note-alert-body a:hover,
        .release-note-alert-body a:visited,
        .release-note-alert-body a:active
        {
            color: #fff;
            text-decoration: underline;
        }

    /* END Release Notes alert block */


}
/* end wide moblie width directive   

/*	Retina media query.
    Overrides styles for devices with a 
    device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

    body header {
    }
}


@media print {

    /* Override general text color to black for visibility */
    body {
        color: #000 !important;
    }

        body header {
            page-break-after: avoid !important;
        }

    a {
        color: inherit;
    }

    .listing .altitem {
        background-color: #efefef !important;
    }

    body.delrec {
        background: none !important;
    }

        body.delrec header {
            height: 115px;
            border-bottom: 3px solid #ccc;
            page-break-after: avoid;
        }

            /* Special style overrides for printing */
            body.delrec header div.header-container {
                margin: 0 auto;
                width: 990px;
                top: 0;
                position: relative;
            }

    .delrec .wrapper {
        margin: 0 auto;
        min-height: 50%;
    }

    .delrec .module {
        background-image: none;
    }

    .delrec .detailview td.label {
        font-size: 13px;
        width: 40%;
    }

    .delrec .detailview td.field {
        font-size: 13px;
        width: 60%;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        max-width: 200px;
    }

    .delrec .detailview td.heading {
        font-size: 15px;
    }

    .delrec .detailview td.fullfield {
        font-size: 13px;
        width: 60%;
    }

    .delrec .container-footer {
        page-break-before: auto;
        page-break-after: always;
        margin: 0 auto 0 auto;
        overflow: visible;
        height: 50px;
        background-color: #fff;
        bottom: auto;
    }

        .delrec .container-footer p {
            background-color: #fff;
        }

        .delrec .container-footer.production {
            height: 1px;
        }

    .delrec .outerBody {
        /*border: 1px solid #666;
        border-top-color: transparent;*/
        padding-bottom: 0;
        margin-bottom: 5px;
    }

    .delrec .module-body {
        padding-bottom: 0;
    }

    .delrec .prodinfotd {
        background-color: #fffdf0 !important;
    }

    .delrec .altitem.delrecinfo {
        background-color: #fffdf0 !important;
    }

    .delrec div.allow-break {
        page-break-before: auto;
        page-break-inside: avoid;
    }

    .delrec footer {
        background-color: #fff;
    }

    .push {
        height: 0;
    }
        /*used in delivery receipt*/
        .push.spacer {
            height: 60px;
        }

    .noprint {
        display: none;
    }

    .print-only {
        display: normal;
    }

    .multjobnumbers span {
        color: cornflowerblue !important;
    }

    table.itemtemptbl {
        page-break-inside: avoid;
        page-break-after: auto;
        /*page-break-before: auto;*/
        /*margin-bottom: 10px;*/
    }

    a[href]:after {
        content: "" !important;
    }

    .label {
        border: none;
    }

    input[type=text] {
        background-color: #fff;
    }

    /* Firefox printing issue fix */
    .delrec .prodinfo * {
        overflow: visible !important;
        overflow-y: visible !important;
    }

    .rush {
        color: #ff1111 !important;
        font-size: 14px !important;
    }
}

/* Some mobile fix-ups */
.mobile input[type=text] {
    padding: 3px;
}

.mobile select {
    padding: 3px;
}