/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

@font-face {
    font-family: "Gotham Bold";
    src: url(../Content/Fonts/gotham-bold.eot);
}

@font-face {
    font-family: "Gotham Bold";
    src: url(../Content/Fonts/gotham-bold.ttf);
}


body {
    min-width: 1280px;
    font-size: 75%;
    font-family: Arial, Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link {
    color: #034af3;
    text-decoration: none;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: underline;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

#header {
    width: 100%;
    background: #ffffff;
}

    #header .headerStrip {
        width: 1280px;
        height: 41px;
        margin: 0 auto;
    }

#customer #header .headerStrip {
    width: 980px;
}

#header .headerStrip .logo {
    margin-left: 7px;
    float: left;
}

#header .headerStrip .location {
    float: left;
    margin: 13px 0 0 10px;
    padding: 0;
    font-weight: bold;
    font-size: 19px;
}

#header .headerStrip .location-1 {
    color: olive;
}

#header .headerStrip .location-2 {
    color: sandybrown;
}

#header .headerStrip .menu {
    float: right;
}

    #header .headerStrip .menu li, #header .headerStrip .menu li a {
        font-size: 13px;
        color: #4b4b4b;
    }

    #header .headerStrip .menu li {
        padding: 10px 12px 0 0;
        margin-right: 12px;
        border-right: 1px solid #ccccc7;
        float: left;
    }

        #header .headerStrip .menu li.last {
            margin-right: 0;
            padding-right: 0;
            border-right: none;
        }

        #header .headerStrip .menu li a {
            text-decoration: underline;
        }

            #header .headerStrip .menu li a:hover {
                text-decoration: none;
            }

        #header .headerStrip .menu li #administrationLink {
            padding-left: 25px;
            background: url("../Images/administration.png") no-repeat left top;
        }

        #header .headerStrip .menu li #customerServiceLink {
            padding-left: 25px;
            background: url("../Images/Icons/icon_customer_service.png") no-repeat left top;
        }

        #header .headerStrip .menu li #supervisorLink {
            padding-left: 25px;
            background: url("../Images/Icons/icon_supervisor.png") no-repeat left top;
        }

        #header .headerStrip .menu li #dashboardLink {
            padding-left: 25px;
            background: url("../Images/Icons/icon_dashboard.png") no-repeat left top;
        }

        #header .headerStrip .menu li #printTechLink {
            padding-left: 25px;
            background: url("../Images/Icons/icon_print_tech.png") no-repeat left top;
        }

        #header .headerStrip .menu li #logOffLink {
            padding-left: 25px;
            background: url("../Images/key.png") no-repeat left top;
        }

#header .menuStrip {
    width: 100%;
    height: 80px;
    background: url("../Images/menu_pattern.jpg") repeat-x left top;
}

    #header .menuStrip .menu {
        width: 1280px;
        margin: 0 auto;
        padding: 22px 0 0 18px;
    }

#customer #header .menuStrip .menu {
    width: 980px;
}

#header .menuStrip .menu li {
    height: 41px;
    padding-right: 32px;
    margin-right: 35px;
    background: url("../Images/menu_devider.png") no-repeat right top;
    float: left;
}

    #header .menuStrip .menu li.last {
        padding-right: 0;
        margin-right: 0;
        background: none;
    }

    #header .menuStrip .menu li a {
        width: 100%;
        padding-top: 22px;
        font-family: "Gotham Bold", "Arial", Serif;
        font-size: 13px;
        background: url("../Images/numbers_sprite.png") no-repeat left top;
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
    }

        #header .menuStrip .menu li a:hover, #header .menuStrip .menu li a.selected,
        #header .menuStrip .menu li a:hover, #header .menuStrip .menu li.selected a {
            color: #9bc521;
            text-decoration: none;
        }

    #header .menuStrip .menu li.disabled a,
    #header .menuStrip .menu li.disabled a:hover {
        color: #686959;
        cursor: auto;
    }

    #header .menuStrip .menu li #printerLink,
    #header .menuStrip .menu li #myOrdersLink {
        min-width: 60px;
        background-position: left top;
    }

    #header .menuStrip .menu li.disabled #printerLink,
    #header .menuStrip .menu li.disabled #printerLink:hover,
    #header .menuStrip .menu li.disabled #myOrdersLink,
    #header .menuStrip .menu li.disabled #myOrdersLink:hover {
        min-width: 60px;
        background-position: left -380px;
    }


    #header .menuStrip .menu li #printerLink:hover, #header .menuStrip .menu li #printerLink.selected,
    #header .menuStrip .menu li #myOrdersLink:hover, #header .menuStrip .menu li.selected #myOrdersLink {
        background-position: left -114px;
    }

    #header .menuStrip .menu li #ovenLink,
    #header .menuStrip .menu li #shippingLink {
        min-width: 56px;
        background-position: left -38px;
    }

    #header .menuStrip .menu li.disabled #ovenLink,
    #header .menuStrip .menu li.disabled #ovenLink:hover {
        min-width: 56px;
        background-position: left -418px;
    }

    #header .menuStrip .menu li #ovenLink:hover, #header .menuStrip .menu li #ovenLink.selected,
    #header .menuStrip .menu li #shippingLink:hover, #header .menuStrip .menu li.selected #shippingLink {
        background-position: left -152px;
    }

    #header .menuStrip .menu li #qcLink,
    #header .menuStrip .menu li #notificationsLink {
        min-width: 134px;
        background-position: left -76px;
    }

    #header .menuStrip .menu li.disabled #qcLink,
    #header .menuStrip .menu li.disabled #qcLink:hover,
    #header .menuStrip .menu li.disabled #notificationsLink,
    #header .menuStrip .menu li.disabled #notificationsLink:hover {
        background-position: left -456px;
    }

    #header .menuStrip .menu li #qcLink:hover, #header .menuStrip .menu li #qcLink.selected,
    #header .menuStrip .menu li #notificationsLink:hover, #header .menuStrip .menu li.selected #notificationsLink {
        background-position: left -190px;
    }

    #header .menuStrip .menu li #qcPrintingLink {
        background-position: left -228px;
    }

        #header .menuStrip .menu li #qcPrintingLink:hover, #header .menuStrip .menu li #qcPrintingLink.selected {
            background-position: left -266px;
        }

    #header .menuStrip .menu li #underQcLink {
        background-position: left -572px;
    }

        #header .menuStrip .menu li #underQcLink:hover, #header .menuStrip .menu li #underQcLink.selected {
            background-position: left -610px;
        }

    #header .menuStrip .menu li #printingLink {
        width: 70px;
        background-position: left -304px;
    }

        #header .menuStrip .menu li #printingLink:hover, #header .menuStrip .menu li #printingLink.selected {
            background-position: left -342px;
        }

    #header .menuStrip .menu li #underPrinterLink {
        background-position: left -647px;
    }

        #header .menuStrip .menu li #underPrinterLink:hover, #header .menuStrip .menu li #underPrinterLink.selected {
            background-position: left -685px;
        }

    #header .menuStrip .menu li #designsLink,
    #header .menuStrip .menu li #closeoutLink {
        min-width: 134px;
        background-position: left -494px;
    }

        #header .menuStrip .menu li #designsLink:hover,
        #header .menuStrip .menu li.selected #designsLink,
        #header .menuStrip .menu li #shipLinkcloseoutLink:hover,
        #header .menuStrip .menu li.selected #closeoutLink {
            background-position: left -532px;
        }

#header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
}

#main {
    width: 1280px;
    margin: 30px auto 30px auto;
}

#customer #main {
    width: 980px;
}

/* PRINTER  
----------------------------------------------------------*/

#main .printerContent .box,
#main .ovenContent .box,
#main .qcContent .box,
#main .uqcContent .box,
#main .qcDrawerContent .box {
    width: 1032px;
}

    #main .printerContent .box .boxArrow,
    #main .ovenContent .box .boxArrow,
    #main .qcContent .box .boxArrow,
    #main .uqcContent .box .boxArrow,
    #main .qcDrawerContent .box .boxArrow {
        top: 87px;
    }

#main .printerContent .printerLeft,
#main .ovenContent .ovenLeft,
#main .qcContent .qcLeft,
#main .uqcContent .uqcLeft,
#main .qcDrawerContent .qcDrawerLeft {
    width: 1048px;
    float: left;
}

#main .printerContent .printerRight,
#main .ovenContent .ovenRight,
#main .qcContent .qcRight,
#main .uqcContent .uqcRight,
#main .qcDrawerContent .qcDrawerRight {
    width: 199px;
    margin-left: 33px;
    float: left;
}

    #main .printerContent .printerRight .printDropdown {
        width: 100%;
        margin: 2px 0 0 12px;
    }

        #main .printerContent .printerRight .printDropdown .printDropdownInfo {
            width: 20px;
            vertical-align: middle;
            margin-left: 2px;
        }

    #main .printerContent .printerRight .printButton {
        width: 204px;
        height: 58px;
        line-height: 58px;
        border: none;
        background: url("../Images/print_button.png") no-repeat left top;
        margin-top: 10px;
        cursor: pointer;
        display: block;
        text-indent: -9999px;
    }

    #main .printerContent .printerRight .clearGridButton {
        width: 204px;
        height: 58px;
        line-height: 58px;
        border: none;
        background: url("../Images/clear_grid_button.png") no-repeat left top;
        margin-top: 20px;
        cursor: pointer;
        display: block;
        text-indent: -9999px;
    }

#main .printerContent .selectedDrawer, #main .ovenContent .selectedDrawer, #main .qcContent .selectedDrawer, #main .qcDrawerContent .selectedDrawer, #main .uqcContent .selectedDrawer {
    width: 206px;
    height: 182px;
    margin-top: 17px;
    background: url("../Images/drawer_bg.jpg") no-repeat left top;
}

    #main .printerContent .selectedDrawer h2, #main .ovenContent .selectedDrawer h2, #main .qcContent .selectedDrawer h2, #main .uqcContent .selectedDrawer h2, #main .qcDrawerContent .selectedDrawer h2 {
        font-size: 36px;
        font-weight: bold;
        -moz-text-shadow: 0px 1px 1px #ddfaa1;
        -webkit-text-shadow: 0px 1px 1px #ddfaa1;
        text-shadow: 0px 1px 1px #ddfaa1;
        color: #4e7109;
        padding: 12px 0 11px 33px;
        text-align: left;
    }

    #main .printerContent .selectedDrawer h3, #main .ovenContent .selectedDrawer h3, #main .qcContent .selectedDrawer h3, #main .uqcContent .selectedDrawer h3, #main .qcDrawerContent .selectedDrawer h3 {
        font-size: 12px;
        padding: 0 31px 0 31px;
        max-height: 40px;
        overflow: hidden;
        text-align: left;
        margin-top: 30px;
    }

    #main .printerContent .selectedDrawer h3 {
        margin-top: 0;
    }

    #main .qcDrawerContent .selectedDrawer h1 {
        font-size: 18px;
        color: #ff420c;
        margin-top: 22px;
        text-align: center;
    }

#main .printerContent .DrawersDropdown {
    width: 151px;
    height: 29px;
    margin: 40px 0 0 26px;
    background: url("../Images/dropdowns_sprite.png") no-repeat left top;
    cursor: pointer;
}

    #main .printerContent .DrawersDropdown .t-dropdown-wrap {
        border: none;
        cursor: pointer;
    }

    #main .printerContent .DrawersDropdown .t-select .t-icon {
        background: none;
        cursor: pointer;
    }

#main .printerContent .NumberOfCases {
    width: 50px;
    height: 29px;
    border: none;
    padding: 0px;
    background: url("../Images/dropdowns_sprite.png") no-repeat -296px top;
    cursor: pointer;
    display: block;
}

#main .printerContent .DeviceId, #main .printerContent .CaseTypeId {
    width: 145px;
    height: 29px;
    border: none;
    padding: 0px;
    background: url("../Images/dropdowns_sprite.png") no-repeat -151px top;
    cursor: pointer;
    display: block;
}

    #main .printerContent .DeviceId .t-dropdown-wrap, #main .printerContent .DeviceId .t-select, #main .printerContent .CaseTypeId .t-dropdown-wrap, #main .printerContent .CaseTypeId .t-select, #main .printerContent .NumberOfCases .t-dropdown-wrap, #main .printerContent .NumberOfCases .t-select {
        border: none;
        cursor: pointer;
    }

        #main .printerContent .DeviceId .t-select .t-icon, #main .printerContent .CaseTypeId .t-select .t-icon, #main .printerContent .NumberOfCases .t-select .t-icon {
            background: none;
        }

    #main .printerContent .DeviceId .t-input, #main .printerContent .CaseTypeId .t-input, #main .printerContent .NumberOfCases .t-input {
        -moz-text-shadow: 0px 0px 0px #ddfaa1;
        -webkit-text-shadow: 0px 0px 0px #ddfaa1;
        text-shadow: 0px 0px 0px #ddfaa1;
    }

/* Styling for user filters popup on Printer view */
.printerFilters {
    width: 450px;
}

    .printerFilters .scrollPane {
        height: 420px;
        overflow-y: auto;
    }

        .printerFilters .scrollPane .checkHolder {
            display: block;
        }

    .printerFilters .checkbox {
        width: 23px;
        height: 23px;
        background: url("../Images/checkbox_sprite.png") no-repeat left top;
        display: inline-block;
        margin-right: 5px;
        cursor: pointer;
        vertical-align: top;
    }

        .printerFilters .checkbox.checkboxActive {
            background-position: left -23px;
        }

    .printerFilters .t-dropdown,
    .printerFilters .t-combobox {
        background-repeat: no-repeat;
        background-color: transparent;
        background-attachment: scroll;
        background-image: url("../Images/dropdowns_sprite.png");
        border: none;
        cursor: pointer;
        display: inline-block;
        height: 29px;
        padding: 0;
        width: 324px;
        vertical-align: middle;
    }

    .printerFilters .checkbox input {
        display: none;
    }

    .printerFilters .scrollPane .saveChanges {
        background: url("../Images/save_changes_button.png") no-repeat scroll left top transparent;
        border: medium none;
        cursor: pointer;
        display: inline-block;
        height: 45px;
        text-indent: -9999px;
        width: 188px;
        float: left;
    }

    .printerFilters .scrollPane .clearFilter {
        width: 158px;
        height: 46px;
        background: url("../Images/clear_button_small.png") no-repeat left top;
        border: none;
        text-indent: -9999px;
        cursor: pointer;
        display: block;
        float: left;
        margin: 6px;
    }
/* end of styling for Printer user filters popup */

.t-animation-container .DeviceIdList, .t-animation-container .CaseTypeIdList, .t-animation-container .CaseTypeIdList, .t-animation-container .NumberOfCasesList, .t-animation-container .DrawersDropdownList {
    border-color: #bfbfbf;
}

#PrinterForm {
    position: relative;
}

    #PrinterForm .field-validation-error {
        position: absolute;
        top: -38px;
        border: none;
    }

/* CASE COMMENTS  
----------------------------------------------------------*/

.caseComments {
    width: 736px;
}

    .caseComments h1,
    #fancybox-wrap h1 {
        font-size: 18px;
        color: #8cb516;
        margin-bottom: 22px;
    }

    .caseComments .scrollPane {
        height: 570px;
        overflow-y: auto;
    }

    .caseComments .messageContainer, .caseTrackingBox .messageContainer {
        padding-bottom: 14px;
        margin-bottom: 24px;
        border-bottom: 1px solid #bfcca6;
    }

.caseTrackingBox {
    width: 800px;
}

    .caseComments .messageContainer .name, .caseTrackingBox .messageContainer .name {
        font-size: 16px;
        color: #4e7109;
        margin: 0;
        line-height: 20px;
    }

    .caseComments .messageContainer .date, .caseTrackingBox .messageContainer .date {
        font-size: 12px;
        color: #838383;
        margin: 0 0 10px 0;
    }

    .caseComments .messageContainer .message, .caseTrackingBox .messageContainer .message {
        font-size: 12px;
        color: #333333;
        margin: 0;
    }

/* OVEN & QC
----------------------------------------------------------*/

#main .ovenContent .boxArrow, #main .qcContent .boxArrow, #main .uqcContent .boxArrow {
    display: none;
}

#main .ovenContent .ovenRight .markAsPrintedButton {
    width: 204px;
    height: 58px;
    line-height: 58px;
    border: none;
    background: url("../Images/mark_as_printed_button.png") no-repeat left top;
    margin-top: 10px;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
}

#main .ovenContent .ovenRight .decorateButton {
    width: 204px;
    height: 58px;
    line-height: 58px;
    border: none;
    background: url("../Images/decorate_button.png") no-repeat left top;
    margin-top: 10px;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
}

#main .ovenContent .ovenRight .sendBackButton,
#main .ovenContent .ovenRight .sendBackPrinterButton {
    width: 204px;
    height: 59px;
    line-height: 59px;
    border: none;
    margin-top: 40px;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
}

.rollManagement .sendBackPrinterButton {
    width: 204px;
    height: 59px;
    line-height: 59px;
    border: none;
    cursor: pointer;
    text-indent: -9999px;
}


#main .ovenContent .ovenRight .sendBackButton {
    background: url("../Images/send_back_to_printing.png") no-repeat left top;
}

#main .ovenContent .ovenRight .sendBackPrinterButton,
.rollManagement .sendBackPrinterButton {
    background: url("../Images/send_back_to_printer_button.png") no-repeat left top;
}

#main .qcContent .qcRight .sendBackButton {
    width: 204px;
    height: 59px;
    line-height: 59px;
    border: none;
    background: url("../Images/send-back-oven.png") no-repeat left top;
    margin-top: 40px;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
}

#main .uqcContent .uqcRight .sendBackButton {
    width: 204px;
    height: 59px;
    line-height: 59px;
    border: none;
    background: url("../Images/release_drawer_button.png") no-repeat left top;
    margin-top: 10px;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
}

#main .uqcContent .uqcRight .backToPrinter {
    width: 204px;
    height: 59px;
    line-height: 59px;
    border: none;
    background: url("../Images/send_back_to_printer_button.png") no-repeat left top;
    margin-top: 90px;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
}

#main .qcContent .qcRight .checkButton, #main .uqcContent .uqcRight .checkButton {
    width: 204px;
    height: 58px;
    line-height: 58px;
    border: none;
    background: url("../Images/check_button.png") no-repeat left top;
    margin-top: 10px;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
}

#main .queueProcessingWrapper,
#main .queueClearProcessingWrapper,
#main .queueBackWrapper,
#main .printManuallyWrapper,
#main .queueChangeWrapper {
    display: none;
    width: 204px;
    height: 58px;
    margin-top: 10px;
    text-align: center;
}

#main .printingMovePrinterWrapper {
    text-align: center;
}

#main .printingMovePrinterWrapper h3 {
    margin-top: 20px;
}

#main .printingMovePrinterWrapper .autoPrinterDropDown {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

#main .printManuallyButton {
    color: #333;
    cursor: pointer;
    text-align: left;
    width: 204px;
    padding: 13px 0 13px 55px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #888;
    background: url("/Images/Icons/icon_edit_order.png") no-repeat 20px 12px;
}

#jobreprintbutton,
#jobrequeuebutton {
    border-top: 1px solid #719300;
    background: #719300;
    background: -webkit-gradient(linear, left top, left bottom, from(#a3ca2c), to(#719300));
    background: -webkit-linear-gradient(top, #a3ca2c, #719300);
    background: -moz-linear-gradient(top, #a3ca2c, #719300);
    background: -ms-linear-gradient(top, #a3ca2c, #719300);
    background: -o-linear-gradient(top, #a3ca2c, #719300);
    padding: 7px 0px;
    width: 204px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 24px;
    font-family: Helvetica, Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
}

#jobreprintbutton,
#jobrequeuebutton {
    cursor: pointer;
}

    #jobreprintbutton img,
    #jobrequeuebutton img {
        position: relative;
        top: 4px;
        left: 26px;
    }

.cb-enable, .cb-disable, .cb-middle, .cb-enable span, .cb-disable span, .cb-middle span {
    background: url('/Images/switch 2.png') repeat-x;
    display: block;
    float: left;
}

    .cb-enable span, .cb-disable span, .cb-middle span {
        line-height: 30px;
        display: block;
        background-repeat: no-repeat;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
    }

    .cb-enable span {
        border-right: 1px solid #ccc;
    }

    .cb-middle span {
        border-right: 1px solid #ccc;
    }

        .cb-enable span img, .cb-disable span img, .cb-middle span img {
            padding-top: 5px;
            padding-bottom: 8px;
        }

    .cb-enable span {
        background-position: left -90px;
        padding: 0 10px;
    }

    .cb-enable.selected {
        background-position: 0 -60px;
    }

        .cb-enable.selected span {
            background-position: left -150px;
            color: #fff;
        }

    .cb-middle span {
        background-position: right 0px;
        padding: 0 10px;
    }

    .cb-middle.selected {
        background-position: 0 -30px;
    }

        .cb-middle.selected span {
            background-position: right -30px;
            color: #fff;
        }

    .cb-disable span {
        background-position: right -180px;
        padding: 0 10px;
    }

    .cb-disable.selected {
        background-position: 0 -30px;
    }

        .cb-disable.selected span {
            background-position: right -210px;
            color: #fff;
        }

.switch {
    margin: 10px;
}

    .switch label {
        cursor: pointer;
        padding: 0px;
    }

    .switch input {
        display: none;
    }

#qcDrawerSimpleContent .qcItem {
    min-width: 150px;
    height: 300px;
    float: left;
    cursor: pointer;
    position: relative;
}

#qcDrawerSimpleContent .pic {
    min-width: 150px;
    height: 220px;
    margin: 8px 8px 0 8px;
    overflow: hidden;
    background: white;
    position: relative;
    text-align: center;
    border: 1px solid #ccc;
}

#qcDrawerSimpleContent .case-grid-item {
    display: block;
    margin: 0 auto;
    max-height: 220px;
}

#qcDrawerSimpleContent .case-grid-warning-item {
    position: absolute;
    bottom: 0;
    right: 0;
}

#qcDrawerSimpleContent .runCountBadge {
    position: absolute;
    top: -5px;
    right: -8px;
    padding: 3px 9px;
    border: 2px solid white;
    border-radius: 100px;
    background: -webkit-linear-gradient(top, #FF6969 0%,#ff0000 100%);
    box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
    -webkit-background-clip: padding-box;
    font: bold 16px/20px "Helvetica Neue", sans-serif;
    color: white;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.6);
}

#qcDrawerSimpleContent .tooltip-info {
    display: none;
    background: white;
}

#qcDrawerSimpleContent .tooltip-info {
    position: absolute;
    border: 1px solid black;
    float: left;
    width: 300px;
    overflow: auto;
    height: 300px;
    z-index: 100000
}

    #qcDrawerSimpleContent .tooltip-info p {
        padding: 0 5px 10px 5px;
        margin: 0;
    }

        #qcDrawerSimpleContent .tooltip-info p span {
            padding-right: 5px;
            font-weight: bold;
        }

#qcDrawerSimpleContent .tooltip-info-content {
    height: 90%;
}

#qcDrawerSimpleContent .tooltip-close {
    float: right;
    border: 1px solid #ccc;
    padding: 5px;
}

    #qcDrawerSimpleContent .tooltip-close:hover {
        text-decoration: underline;
        background: #ccc;
        color: Black;
        cursor: pointer;
    }

#qcDrawerSimpleContent .item-info {
    float: right;
    margin-right: 8px;
}

img.desaturate {
    filter: grayscale(1); /* Firefox 35+ */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

.qc-zoom .qc-zoom-full {
    max-height: 400px;
}


/* Shipping
----------------------------------------------------*/
#main .shipContent .shipLeft {
    padding-bottom: 5px;
}

#main .shipContent .field-line .editor-left {
    float: left;
    margin-right: 20px;
}

#main .shipContent .field-line .editor-label label {
    color: black;
    font-size: 20px;
    padding: 0;
    -moz-text-shadow: 0px 1px 1px #ffffff;
    -webkit-text-shadow: 0px 1px 1px #ffffff;
    text-shadow: 0px 1px 1px #ffffff;
}

#main .shipContent .shippingOrderInfo {
    float: left;
    margin-left: 10px;
    width: 870px;
}

    #main .shipContent .shippingOrderInfo p {
        padding: 0 0 2px 0;
        margin: 0;
    }

#main #shippingOrderInfoDetails span.shipLabel {
    width: 75px;
    font-weight: bold;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

#main #ManifestGrid table {
    width: 100%;
}

/* USER PROFILE
----------------------------------------------------------*/

.profileContent, .logonContent, .forgotContent {
    display: inline-block;
}

    .profileContent .wrapper, .logonContent .wrapper, .forgotContent .wrapper {
        width: 1258px;
        background: url("../Images/Td/footer-1258.png") no-repeat left bottom;
        padding-bottom: 7px;
    }

#customer .profileContent .wrapper {
    width: 956px;
    background: url("../Images/Td/footer-956.png") no-repeat left bottom;
}

#customer .profileContent .body {
    width: 954px;
}

#customer .profileContent .heading {
    background: url("../Images/Td/heading-956.png") no-repeat left top;
}

.profileContent .heading, .logonContent .heading, .forgotContent .heading {
    line-height: 58px;
    background: url("../Images/Td/heading-1258.png") no-repeat left top;
    font-size: 16px;
    padding: 0 0 0 506px;
    -moz-text-shadow: 0px 1px 1px #ddfaa1;
    -webkit-text-shadow: 0px 1px 1px #ddfaa1;
    text-shadow: 0px 1px 1px #ddfaa1;
    color: #4e7109;
    display: block;
}

.profileContent .heading {
    padding-left: 20px;
}

.profileContent .body, .logonContent .body, .forgotContent .body {
    background: #f9f9f9;
    width: 1256px;
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
}

    .logonContent .body .center, .forgotContent .body .center {
        width: 370px;
        /*    margin-left: 506px;*/
        padding-bottom: 110px;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

.flex-align-self-center {
    display: flex;
    align-self: center;
}


.logonContent .body p, .forgotContent .body p {
    padding: 10px 0 30px 0;
    margin-bottom: 0;
}

.logonContent form {
    text-align: center;
    margin: 0 auto;
}

    .logonContent form .form-elements-container {
        display: flex;
        gap: 3rem;
        margin: 2rem auto;
    }

.logonContent .login-card {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    min-height: 13rem;
    min-width: 15rem;
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    border-radius: 15px;
}

.logonContent form .login-instructions {
    padding: 1rem;
    font-size: 13px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    color: white;
    background-color: #9EC429;
}

.logonContent .body .editor-label label, .profileContent .body .editor-label label, .forgotContent .body .editor-label label {
    font-size: 14px;
    color: #333333;
    margin-bottom: 4px;
}

.logonContent .body .editor-field, .profileContent .body .editor-field {
    margin: 0 0 15px 0;
}

.forgotContent .body .editor-field {
    margin: 0 0 45px 0;
}

.logonContent .body .editor-check {
    margin-bottom: 30px;
}

.logonContent .body .checkbox {
    width: 23px;
    height: 23px;
    background: url("../Images/checkbox_sprite.png") no-repeat left top;
    display: inline-block;
    cursor: pointer;
}

    .logonContent .body .checkbox.checkboxActive {
        background-position: left -23px;
    }

    .logonContent .body .checkbox input {
        display: none;
    }

.logonContent .body .editor-check label {
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    vertical-align: top;
}

.logonContent .body .logon {
    width: 158px;
    height: 45px;
    background: url("../Images/logon_button.png") no-repeat left top;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
}

.forgotContent .body .send {
    width: 158px;
    height: 45px;
    background: url("../Images/send_button.png") no-repeat left top;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
}

.logonContent .body a.forgotPass, .forgotContent .body a.cancelSend {
    font-size: 12px;
    color: #333333;
    margin-left: 10px;
    text-decoration: underline;
}

    .logonContent .body a.forgotPass:hover, .forgotContent .body a.cancelSend:hover {
        text-decoration: none;
    }

.logonContent .validation-summary-errors {
    align-self: center;
    padding-top: 1rem;
}



.profileContent .body .center {
    margin-left: 20px;
    padding: 30px 0 120px 0;
}

.profileContent .body .field-line .editor-left {
    float: left;
    margin-right: 20px;
}

.profileContent .body .submitHolder {
    margin-top: 30px;
}

.profileContent .body .change {
    width: 158px;
    height: 45px;
    background: url("../Images/change_button.png") no-repeat left top;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
}

.profileContent .body .field-validation-error, .forgotContent .body .field-validation-error {
    padding: 0;
}

/* QC DRAWER  
----------------------------------------------------------*/

#main .qcDrawerContent .casesGallery {
    background: url("../Images/Cases_gallery/cases_gallery_bg.png") no-repeat left bottom;
    padding-bottom: 7px;
}

    #main .qcDrawerContent .casesGallery .galleryContent {
        background: url("../Images/Cases_gallery/cases_gallery_bg.png") no-repeat left top;
        padding-top: 7px;
        position: relative;
    }

        #main .qcDrawerContent .casesGallery .galleryContent .screen {
            background: #fafafa;
            border-left: 1px solid #c5c5c5;
            border-right: 1px solid #c5c5c5;
        }

            #main .qcDrawerContent .casesGallery .galleryContent .screen .clip {
                width: 920px;
                height: 168px;
                margin: 0 55px 0 55px;
                overflow: hidden;
                position: relative;
            }

            #main .qcDrawerContent .casesGallery .galleryContent .screen .thumbs {
                margin: 0;
                position: absolute;
                left: 0;
            }

                #main .qcDrawerContent .casesGallery .galleryContent .screen .thumbs li {
                    width: 96px;
                    height: 168px;
                    float: left;
                    margin-right: 7px;
                    cursor: pointer;
                    position: relative;
                }

                    #main .qcDrawerContent .casesGallery .galleryContent .screen .thumbs li .pic {
                        width: 80px;
                        height: 140px;
                        margin: 8px 8px 0 8px;
                        overflow: hidden;
                        background: #ffffff;
                        position: relative;
                    }

                    #main .qcDrawerContent .casesGallery .galleryContent .screen .thumbs li .case-grid-warning-item {
                        position: absolute;
                        bottom: 0;
                        right: 0;
                    }

                    #main .qcDrawerContent .casesGallery .galleryContent .screen .thumbs li .runCountBadge {
                        position: absolute;
                        top: -5px;
                        right: -8px;
                        padding: 3px 9px;
                        border: 2px solid white;
                        border-radius: 100px;
                        background: -webkit-linear-gradient(top, #FF6969 0%,#ff0000 100%);
                        box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
                        -webkit-background-clip: padding-box;
                        font: bold 16px/20px "Helvetica Neue", sans-serif;
                        color: white;
                        text-decoration: none;
                        text-shadow: 0 -1px 0 rgba(0,0,0,.6);
                    }

        #main .qcDrawerContent .casesGallery .galleryContent .selectedArrow {
            width: 96px;
            height: 31px;
            background: url("../Images/Cases_gallery/selected_arrow.png") no-repeat left top;
            position: absolute;
            bottom: -31px;
            left: 56px;
        }

        #main .qcDrawerContent .casesGallery .galleryContent .goodMarker, #main .qcDrawerContent .casesGallery .galleryContent .badMarker, #main .qcDrawerContent .casesGallery .galleryContent .uncheckedMarker {
            font-size: 11px;
            padding: 0 0 2px 26px;
            display: block;
            line-height: 17px;
            width: 70px;
        }


        #main .qcDrawerContent .casesGallery .galleryContent .goodMarker {
            color: #4e7109;
            background: url("../Images/Cases_gallery/good.png") no-repeat 8px top #fafafa;
        }

        #main .qcDrawerContent .casesGallery .galleryContent .badMarker {
            color: #ff3d05;
            background: url("../Images/Cases_gallery/bad.png") no-repeat 8px top #fafafa;
        }

        #main .qcDrawerContent .casesGallery .galleryContent .uncheckedMarker {
            color: #818181;
            background: url("../Images/Cases_gallery/unchecked.png") no-repeat 8px top #fafafa;
        }

        #main .qcDrawerContent .casesGallery .galleryContent .screen .thumbs li {
        }

            #main .qcDrawerContent .casesGallery .galleryContent .screen .thumbs li.ui-selected-first {
                border-left: 2px dashed red;
            }

            #main .qcDrawerContent .casesGallery .galleryContent .screen .thumbs li.ui-selected {
                background: #9bc521;
            }

        #main .qcDrawerContent .casesGallery .galleryContent .screen .thumbs .case-grid-item {
            width: 80px;
        }

        #main .qcDrawerContent .casesGallery .galleryContent .prev {
            width: 35px;
            height: 35px;
            background: url("../Images/Cases_gallery/prev.png") no-repeat left top;
            display: block;
            position: absolute;
            top: 74px;
            left: 10px;
            cursor: pointer;
            text-indent: -9999px;
        }

        #main .qcDrawerContent .casesGallery .galleryContent .next {
            width: 35px;
            height: 35px;
            background: url("../Images/Cases_gallery/next.png") no-repeat left top;
            display: block;
            position: absolute;
            top: 74px;
            right: 10px;
            cursor: pointer;
            text-indent: -9999px;
        }

#main .qcDrawerContent .caseInfo {
    margin-top: 32px;
}

    #main .qcDrawerContent .caseInfo .caseLeft {
        width: 486px;
        min-height: 150px;
        float: left;
        /* jgy border: 2px solid #ffffff; */
        /* jgy background: #ffffff; */
    }

        #main .qcDrawerContent .caseInfo .caseLeft .caseHolder img {
            border: 3px solid #FFFFFF;
            display: block;
            margin: 0 auto;
        }

    #main .qcDrawerContent .caseInfo .caseRight {
        width: 500px;
        padding-left: 40px;
        float: left;
    }

    #main .qcDrawerContent .caseInfo .caseHeading {
        font-size: 16px;
        color: #4e7109;
        border-bottom: 1px solid #ffffff;
        padding: 0;
    }

        #main .qcDrawerContent .caseInfo .caseHeading span {
            background: #dadada;
            position: relative;
            top: 4px;
        }

    #main .qcDrawerContent .caseInfo .holdingInfo .bin {
        margin-bottom: 15px;
    }

    #main .qcDrawerContent .caseInfo .selectedCase #criteria {
        margin-top: 15px;
    }

        #main .qcDrawerContent .caseInfo .selectedCase #criteria .required-criterion,
        .red {
            color: #ff0000;
        }

        #main .qcDrawerContent .caseInfo .selectedCase #criteria ul li {
            width: 114px;
        }

        #main .qcDrawerContent .caseInfo .selectedCase #criteria .editor-label label {
            font-size: 14px;
            -moz-text-shadow: 0px 1px 1px #ffffff;
            -webkit-text-shadow: 0px 1px 1px #ffffff;
            text-shadow: 0px 1px 1px #ffffff;
            color: #333333;
        }

        #main .qcDrawerContent .caseInfo .selectedCase #criteria .editor-field {
            margin: 0;
        }

            #main .qcDrawerContent .caseInfo .selectedCase #criteria .editor-field select {
                width: 100%;
            }

    #main .qcDrawerContent .caseInfo .selectedCase .captions {
        margin: 22px 0 18px 0;
    }

    #main .qcDrawerContent .caseInfo .selectedCase .allGood {
        font-size: 14px;
        -moz-text-shadow: 0px 1px 1px #ffffff;
        -webkit-text-shadow: 0px 1px 1px #ffffff;
        text-shadow: 0px 1px 1px #ffffff;
        color: #333333;
        padding-left: 28px;
        line-height: 23px;
        background: url("../Images/checkbox_sprite.png") no-repeat left top;
        display: block;
        cursor: pointer;
        width: 60px;
    }

        #main .qcDrawerContent .caseInfo .selectedCase .allGood.active {
            background-position: left -23px;
        }

    #main .qcDrawerContent .caseInfo .selectedCase p {
        margin: 15px 0 2px 0;
        font-size: 14px;
        -moz-text-shadow: 0px 1px 1px #ffffff;
        -webkit-text-shadow: 0px 1px 1px #ffffff;
        text-shadow: 0px 1px 1px #ffffff;
        color: #333333;
    }

    #main .qcDrawerContent .caseInfo .selectedCase .commentsTextarea {
        width: 491px;
        height: 109px;
        background: url("../Images/comments_textarea.png") no-repeat left top;
        padding: 4px;
    }

        #main .qcDrawerContent .caseInfo .selectedCase .commentsTextarea textarea {
            width: 483px;
            height: 101px;
            border: none;
            background: none;
            margin: 0;
        }

    #main .qcDrawerContent .caseInfo .selectedCase .captions span, #main .qcDrawerContent .caseInfo .selectedCase .captions strong, #main .qcDrawerContent .caseInfo .holdingInfo #case-number, #main .qcDrawerContent .caseInfo .holdingInfo #case-description, #main .qcDrawerContent .caseInfo .holdingInfo #hold-in-bin, #main .qcDrawerContent .caseInfo .holdingInfo strong {
        font-size: 14px;
        -moz-text-shadow: 0px 1px 1px #ffffff;
        -webkit-text-shadow: 0px 1px 1px #ffffff;
        text-shadow: 0px 1px 1px #ffffff;
        color: #333333;
    }

    #main .qcDrawerContent .caseInfo .holdingInfo #no-empty-bins {
        margin-bottom: 15px;
        display: block;
    }

    #main .qcDrawerContent .caseInfo .holdingInfo #case-number {
        margin: 22px 0 12px 0;
        display: block;
    }

.holdingInfo #case-number span {
    font-size: 20px;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

    .holdingInfo #case-number span.shopVisibleCustomer {
        color: #4E7109;
    }

#main .qcDrawerContent .caseInfo .bottomButtons {
    width: 100%;
}

    #main .qcDrawerContent .caseInfo .bottomButtons .good-button {
        width: 158px;
        height: 45px;
        line-height: 58px;
        border: none;
        background: url("../Images/good_button.png") no-repeat left top;
        margin-top: 15px;
        cursor: pointer;
        display: block;
        text-indent: -9999px;
        float: left;
    }

    #main .qcDrawerContent .caseInfo .bottomButtons .bad-button {
        width: 158px;
        height: 46px;
        line-height: 58px;
        border: none;
        background: url("../Images/bad_button.png") no-repeat left top;
        margin-top: 15px;
        margin-left: 20px;
        cursor: pointer;
        display: block;
        text-indent: -9999px;
        float: left;
    }

#main .qcDrawerContent .qcDrawerRight .cancelButton {
    width: 204px;
    height: 59px;
    line-height: 59px;
    border: none;
    background: url("../Images/cancel_check_button.png") no-repeat left top;
    margin-top: 40px;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
}

#main .qcDrawerContent .qcDrawerRight .continueButton {
    width: 204px;
    height: 58px;
    line-height: 58px;
    border: none;
    background: url("../Images/continue_button.png") no-repeat left top;
    margin-top: 10px;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
}

#main .qcDrawerContent .t-dropdown,
#main .qcDrawerContent .t-combobox {
    background: url("../Images/dropdowns_sprite.png") no-repeat scroll -346px top transparent;
    border: medium none;
    cursor: pointer;
    height: 29px;
    padding: 0;
    width: 115px;
    vertical-align: middle;
}

    #main .qcDrawerContent .t-dropdown .t-select, #main .qcDrawerContent .t-dropdown .t-dropdown-wrap,
    #main .qcDrawerContent .t-combobox .t-select, #main .qcDrawerContent .t-combobox .t-dropdown-wrap {
        border: none;
        cursor: pointer;
    }

    #main .qcDrawerContent .t-dropdown .t-icon,
    #main .qcDrawerContent .t-combobox .t-icon {
        background: none;
    }

#main .qcDrawerContent .qcDrawerLeft {
    position: relative;
}

#main .qcDrawerContent .validation-summary-errors, #main .qCriteries .validation-summary-errors, #main .priorCalc .validation-summary-errors {
    position: absolute;
    top: -24px;
    left: 0px;
}

#main .qCriteries .validation-summary-errors {
    top: -32px;
}

#main .priorCalc .validation-summary-errors {
    top: -108px;
}

    #main .qcDrawerContent .validation-summary-errors span, #main .qcDrawerContent .validation-summary-errors ul, #main .qCriteries .validation-summary-errors span, #main .qCriteries .validation-summary-errors ul, #main .priorCalc .validation-summary-errors span, #main .priorCalc .validation-summary-errors ul {
        float: left;
    }

    #main .qcDrawerContent .validation-summary-errors ul, #main .qCriteries .validation-summary-errors ul, #main .priorCalc .validation-summary-errors ul {
        line-height: normal;
    }

        #main .qcDrawerContent .validation-summary-errors ul li, #main .qCriteries .validation-summary-errors ul li, #main .priorCalc .validation-summary-errors ul li {
            margin-left: 10px;
            float: left;
        }

/* ADMINISTRATION  
----------------------------------------------------------*/

#main .adminContent .menuLeft {
    width: 206px;
    float: left;
    padding-right: 28px;
}

    #main .adminContent .menuLeft ul li.menuHeading {
        -moz-text-shadow: 0px 0px 0px #ffffff;
        -webkit-text-shadow: 0px 0px 0px #ffffff;
        text-shadow: 0px 0px 0px #ffffff;
        font-family: "Gotham Bold", "Arial", Serif;
        font-size: 13px;
        line-height: 26px;
        background: url("../Images/Admin_menu/menu_heading.png") no-repeat left top;
        text-transform: uppercase;
        color: #ffffff;
    }

    #main .adminContent .menuLeft ul li {
        font-size: 12px;
        line-height: 22px;
        width: 181px;
        height: 24px;
        padding: 3px 3px 3px 21px;
        background: url("../Images/Admin_menu/menu_item.png") no-repeat left top;
    }

        #main .adminContent .menuLeft ul li.last {
            line-height: 28px;
        }

        #main .adminContent .menuLeft ul li a {
            -moz-text-shadow: 0px 1px 1px #ffffff;
            -webkit-text-shadow: 0px 1px 1px #ffffff;
            text-shadow: 0px 1px 1px #ffffff;
            color: #666666;
            padding: 0;
        }

        #main .adminContent .menuLeft ul li.selected {
            background: url("../Images/Admin_menu/menu_item_active.png") no-repeat left top;
        }

            #main .adminContent .menuLeft ul li.selected.last {
                background: url("../Images/Admin_menu/menu_item_end_active.png") no-repeat left top;
            }

            #main .adminContent .menuLeft ul li.selected a {
                -moz-text-shadow: 0px 1px 1px #ddfaa1;
                -webkit-text-shadow: 0px 1px 1px #ddfaa1;
                text-shadow: 0px 1px 1px #ddfaa1;
                color: #648400;
            }

        #main .adminContent .menuLeft ul li.last {
            height: 32px;
            background: url("../Images/Admin_menu/menu_item_end.png") no-repeat left top;
        }

#main .adminContent .rightPanel {
    width: 1032px;
    float: left;
    padding: 0;
}

    #main .adminContent .rightPanel .box {
        width: 100%;
    }

/* CASE TRACKING 
----------------------------------------------------------*/

#main .adminContent .caseTracking .heading, #main .adminContent .caseDetails .heading {
    font-size: 16px;
    color: #7b7d68;
    margin: 0 0 20px 9px;
}

#main .adminContent .t-grid .t-button {
    min-width: 10px;
}

#main .adminContent .downloadHistoryGrid table {
    width: 100% !important;
}

#main .adminContent .caseTracking .t-grid table td {
    padding: 10px 8px;
    line-height: normal;
}

#main .adminContent .heading a,
#main .adminContent .heading-1 a {
    color: #4e7109;
    -moz-text-shadow: 0px 1px 1px #ddfaa1;
    -webkit-text-shadow: 0px 1px 1px #ddfaa1;
    text-shadow: 0px 1px 1px #ddfaa1;
    text-decoration: underline;
}

    #main .adminContent .heading a:hover,
    #main .adminContent .heading-1 a:hover {
        text-decoration: none;
    }

#main .printerRight .changeButton,
#main .adminContent .caseDetails .change {
    width: 94px;
    height: 29px;
    border: none;
    background: url("../Images/small_change_button.png") no-repeat left top;
    margin-left: 5px;
    text-indent: -9999px;
    cursor: pointer;
}

#main .adminContent .caseDetails .t-grid tbody tr.t-last td {
    line-height: normal;
    padding: 10px 8px;
}

#main .adminContent .caseDetails .caseTrackingBox {
    margin-top: 23px;
}

    #main .adminContent .caseDetails .caseTrackingBox .logContainer, #main .adminContent .customerDetailsBox .logContainer, .logContainer {
        font-size: 12px;
        color: #333333;
        padding-left: 10px;
        margin: 6px 0;
        background: url("../Images/green_bullet.png") no-repeat left 6px;
    }

#main .adminContent .caseDetails .t-dropdown,
#main .adminContent .caseDetails .t-combobox {
    background: url("../Images/dropdowns_sprite.png") no-repeat scroll -151px top transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    height: 29px;
    padding: 0;
    width: 145px;
    vertical-align: middle;
}

    #main .adminContent .caseDetails .t-dropdown .t-select, #main .adminContent .caseDetails .t-dropdown .t-dropdown-wrap,
    #main .adminContent .caseDetails .t-combobox .t-select, #main .adminContent .caseDetails .t-combobox .t-dropdown-wrap {
        border: none;
        cursor: pointer;
    }

    #main .adminContent .caseDetails .t-dropdown .t-icon,
    #main .adminContent .caseDetails .t-combobox .t-icon {
        background: none;
    }

#main .adminContent .caseDetails .t-grid #make-details-changes {
    background: url("../Images/pencil_icon.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #648400;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    padding: 4px 0 14px 30px;
    cursor: pointer;
}

#main .adminContent .caseDetails .t-grid #submit-details-changes {
    background: url("../Images/edit_icon.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #648400;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    padding: 4px 0 14px 25px;
    cursor: pointer;
    margin-right: 10px;
}

#main .adminContent .caseDetails .t-grid #cancel-details-changes {
    background: url("../Images/cancel_icon.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #648400;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    padding: 4px 0 14px 25px;
    cursor: pointer;
}

#main .adminContent .caseDetails .t-grid .priorCell label, #main .adminContent .caseDetails .t-grid .statusCell label {
    display: block;
    margin: 8px 0;
    padding: 0;
}

#main .adminContent .caseDetails .t-grid .statusCell label {
    display: inline-block;
}

#main .adminContent .caseDetails .t-grid .statusCell .t-dropdown,
#main .adminContent .caseDetails .t-grid .statusCell .t-combobox {
    display: block;
}

#main .adminContent .caseDetails .t-grid .statusCell {
}

/* USERS
----------------------------------------------------------*/

#main .adminContent .users .t-grid tbody tr td {
    line-height: 20px;
    padding: 10px 8px;
}

#main .adminContent .createCases .t-grid tbody tr td {
    vertical-align: top;
}

#main .adminContent .users .t-grid tbody tr td.t-last {
    line-height: 12px;
}

    #main .adminContent .users .t-grid tbody tr td.t-last a {
        display: block;
    }

#main .adminContent .users .checkbox {
    width: 23px;
    height: 23px;
    background: url("../Images/checkbox_sprite.png") no-repeat left top;
    display: inline-block;
    margin-bottom: 8px;
    cursor: pointer;
    vertical-align: top;
}

    #main .adminContent .users .checkbox.checkboxActive {
        background-position: left -23px;
    }

    #main .adminContent .users .checkbox input {
        display: none;
    }

/* Business Portal Notice
----------------------------------------------------------*/

#main .adminContent .businessportalnotice .t-grid tbody tr td {
    line-height: 20px;
    padding: 10px 8px;
}

    #main .adminContent .businessportalnotice .t-grid tbody tr td.t-last {
        line-height: 12px;
    }

        #main .adminContent .businessportalnotice .t-grid tbody tr td.t-last a {
            display: block;
        }

#main .adminContent .businessportalnotice .checkbox {
    width: 23px;
    height: 23px;
    background: url("../Images/checkbox_sprite.png") no-repeat left top;
    display: inline-block;
    margin-bottom: 8px;
    cursor: pointer;
    vertical-align: top;
}

    #main .adminContent .businessportalnotice .checkbox.checkboxActive {
        background-position: left -23px;
    }

    #main .adminContent .businessportalnotice .checkbox input {
        display: none;
    }

/* Packing Solution
----------------------------------------------------------*/

#main .adminContent .packingsolution .t-grid tbody tr td {
    line-height: 20px;
    padding: 10px 8px;
}

    #main .adminContent .packingsolution .t-grid tbody tr td.t-last {
        line-height: 12px;
    }

        #main .adminContent .packingsolution .t-grid tbody tr td.t-last a {
            display: block;
        }

#main .adminContent .packingsolution .checkbox {
    width: 23px;
    height: 23px;
    background: url("../Images/checkbox_sprite.png") no-repeat left top;
    display: inline-block;
    margin-bottom: 8px;
    cursor: pointer;
    vertical-align: top;
}

    #main .adminContent .packingsolution .checkbox.checkboxActive {
        background-position: left -23px;
    }

    #main .adminContent .packingsolution .checkbox input {
        display: none;
    }

/* Cases SKUs
----------------------------------------------------------*/

#main .adminContent .casesSkus .heading,
#main .adminContent .users .heading,
#main .adminContent .qCriteries .heading,
#main .adminContent .devicesAndTypes .heading,
#main .adminContent .priorCalc .heading,
#main .adminContent .packingsolution .heading,
#main .adminContent .businessportalnotice .heading,
#main .adminContent .autoPrinters .heading {
    font-size: 16px;
    color: #7b7d68;
    margin: 0 0 0 9px;
}

#main .adminContent .casesSkus .t-grid tbody tr td {
    line-height: 20px;
    padding: 10px 8px;
}

#main .adminContent .t-grid tbody tr td .case-sku-url {
    width: 140px;
    word-wrap: break-word;
    overflow: hidden;
}

/*Printer grid bounding*/

#PrintingCasesGrid td.case-index span {
    width: 38px;
    word-wrap: break-word;
    overflow: hidden;
    display: block;
}

#PrintingCasesGrid td.case-order-id span {
    width: 51px;
    word-wrap: break-word;
    overflow: hidden;
    display: block;
}

#PrintingCasesGrid td.case-image-id span {
    width: 95px;
    word-wrap: break-word;
    overflow: hidden;
    display: block;
}

#PrintingCasesGrid td.case-customer-name span {
    width: 67px;
    word-wrap: break-word;
    overflow: hidden;
    display: block;
}

#PrintingCasesGrid td.case-device span {
    width: 140px;
    word-wrap: break-word;
    overflow: hidden;
    display: block;
}

#PrintingCasesGrid td.case-type span {
    width: 140px;
    word-wrap: break-word;
    overflow: hidden;
    display: block;
}

#PrintingCasesGrid td.case-run-count span {
    width: 40px;
    word-wrap: break-word;
    overflow: hidden;
    display: block;
}

#PrintingCasesGrid td.case-priority span {
    width: 28px;
    word-wrap: break-word;
    overflow: hidden;
    display: block;
}

#PrintingCasesGrid td.case-shipping span {
    width: 48px;
    word-wrap: break-word;
    overflow: hidden;
    display: block;
}

#PrintingCasesGrid .printer-comments {
    background-repeat: no-repeat;
    background-image: url('../Images/Icons/icon_warning.png');
    padding: 0 0 3px 21px;
}

#main .adminContent .casesSkus .t-grid .t-toolbar,
#main .adminContent .users .t-grid .t-toolbar,
#main .adminContent .qCriteries .t-grid .t-toolbar,
#main .adminContent .priorCalc .t-grid .t-toolbar,
#main .adminContent .devicesAndTypes .t-grid .t-toolbar,
#main .adminContent .packingsolution .t-grid .t-toolbar,
#main .adminContent .businessportalnotice .t-grid .t-toolbar,
#main .adminContent .autoPrinters .t-grid .t-toolbar {
    border: none;
    background: none;
    padding: 0;
    height: 40px;
}

#main .adminContent .casesSkus .t-grid a,
#main .adminContent .users .t-grid a,
#main .adminContent .priorCalc .t-grid a,
#main .adminContent .devicesAndTypes .t-grid a,
#main .adminContent .packingsolution .t-grid a,
#main .adminContent .businessportalnotice .t-grid a,
#main .adminContent .autoPrinters .t-grid a {
    text-align: left;
}

#main .adminContent .casesSkus .t-grid .t-toolbar .t-grid-add,
#main .adminContent .users .t-grid .t-toolbar .t-grid-add,
#main .adminContent .qCriteries .t-grid .t-toolbar .t-grid-add,
#main .adminContent .priorCalc .t-grid .t-toolbar .t-grid-add,
#main .adminContent .devicesAndTypes .t-grid .t-toolbar .t-grid-add,
#main .adminContent .packingsolution .t-grid .t-toolbar .t-grid-add,
#main .adminContent .businessportalnotice .t-grid .t-toolbar .t-grid-add,
#main .adminContent .autoPrinters .t-grid .t-toolbar .t-grid-add {
    font-size: 14px;
    color: #648400;
    line-height: 28px;
    background: url("../Images/plus.png") no-repeat left top;
    padding: 0 0 0 34px;
    border: none;
    float: right;
    display: block;
    text-decoration: underline;
    text-align: left;
}

#main .adminContent .casesSkus .t-grid .t-grid-cancel,
#main .adminContent .users .t-grid .t-grid-cancel,
#main .adminContent .packingsolution .t-grid .t-grid-cancel,
#main .adminContent .businessportalnotice .t-grid .t-grid-cancel,
#main .adminContent .autoPrinters .t-grid .t-grid-cancel {
    margin-left: 12px;
}

#main .adminContent .casesSkus .t-grid .text-box,
#main .adminContent .users .t-grid .text-box,
#main .adminContent .packingsolution .t-grid .text-box,
#main .adminContent .businessportalnotice .t-grid .text-box,
#main .adminContent .autoPrinters .t-grid .text-box {
    width: 196px;
    max-width: 196px;
    min-width: 196px;
    height: 29px;
    line-height: 16px;
    padding: 0 3px;
    font-family: "Arial", Serif;
    font-size: 12px;
    color: #333333;
    background: url("../Images/inputs_sprite.png") no-repeat -146px top;
    border: none;
    display: block;
}

#main .adminContent .users .t-grid #BadgeCode{
    width: 89px;
    max-width: none;
    min-width: auto;
    background: url("../Images/inputs_sprite.png") no-repeat -51px top;
}

input.text-box-51px {
    width: 89px !important;
    max-width: none !important;
    min-width: auto !important;
    background: url("../Images/inputs_sprite.png") no-repeat -51px top !important;
}

#main .adminContent .casesSkus .t-grid .t-dropdown,
#main .adminContent .t-grid .t-page-size .t-dropdown,
#main .adminContent .casesSkus .t-grid .t-combobox,
#main .adminContent .t-grid .t-page-size .t-combobox {
    background: url("../Images/dropdowns_sprite.png") no-repeat scroll -151px top transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 29px;
    padding: 0;
    width: 145px;
    min-width: 145px;
    max-width: 145px;
    margin-top: -9px;
    vertical-align: middle;
}

    #main .adminContent .casesSkus .t-grid .t-dropdown .t-select,
    #main .adminContent .casesSkus .t-grid .t-dropdown .t-dropdown-wrap,
    #main .adminContent .t-grid .t-page-size .t-dropdown .t-select,
    #main .adminContent .t-grid .t-page-size .t-dropdown .t-dropdown-wrap,
    #main .adminContent .casesSkus .t-grid .t-combobox .t-select,
    #main .adminContent .casesSkus .t-grid .t-combobox .t-dropdown-wrap,
    #main .adminContent .t-grid .t-page-size .t-combobox .t-select,
    #main .adminContent .t-grid .t-page-size .t-combobox .t-dropdown-wrap {
        border: none;
        cursor: pointer;
    }

    #main .adminContent .casesSkus .t-grid .t-dropdown .t-icon,
    #main .adminContent .t-grid .t-page-size .t-dropdown .t-icon,
    #main .adminContent .casesSkus .t-grid .t-combobox .t-icon,
    #main .adminContent .t-grid .t-page-size .t-combobox .t-icon {
        background: none;
    }

.t-animation-container .t-popup {
    border-color: #BFBFBF;
}

.input-202 input {
    width: 196px;
    height: 16px;
    line-height: 16px;
    padding: 0 3px;
    margin-top: 6px;
    font-family: "Arial", Serif;
    font-size: 12px;
    color: #333333;
    background: none;
    border: none;
}

#main .adminContent .t-grid .t-toolbar .t-grid-add:hover,
#main .adminContent .t-grid .t-grd-edit:hover,
#main .adminContent .t-grid .t-grd-print:hover,
#main .adminContent .t-grid .t-grd-cancel:hover,
#main .adminContent .t-grid .t-grid-edit:hover,
#main .adminContent .t-grid .t-grid-delete:hover,
#main .adminContent .t-grid .t-grid-cancel:hover,
#main .adminContent .t-grid .t-grid-insert:hover,
#main .adminContent .t-grid .t-grid-editInfo:hover {
    text-decoration: none;
}

#main .adminContent .t-grid .t-grid-edit, #main .adminContent .t-grid .t-grd-edit, #main .adminContent .t-grid .t-grid-editInfo {
    font-size: 14px;
    color: #648400;
    line-height: 28px;
    background: url("../Images/pencil_icon.png") no-repeat left top;
    padding: 0 0 0 30px;
    border: none;
    display: inline-block;
    text-decoration: underline;
    text-align: left;
}

#main .adminContent .t-grid .t-grd-print {
    font-size: 14px;
    color: #648400;
    line-height: 21px;
    background: url("../Images/print_icon.png") no-repeat left top;
    padding: 0 0 0 30px;
    border: none;
    display: inline-block;
    text-decoration: underline;
    text-align: left;
}

#main .adminContent .t-grid .t-grid-delete, #main .adminContent .t-grid .t-grid-cancel, #main .adminContent .t-grid .t-grd-cancel, a.resolve-all-errors {
    font-size: 14px;
    color: #648400;
    line-height: 24px;
    background: url("../Images/cancel_icon.png") no-repeat left top;
    padding: 0 0 0 26px;
    border: none;
    display: inline-block;
    text-decoration: underline;
    text-align: left;
}

#main .adminContent .t-grid .t-grid-delete, #main .adminContent .t-grid button.t-grid-cancel {
    height: 24px;
    text-align: left;
}

#main .adminContent .t-grid .t-grid-update {
    font-size: 14px;
    color: #648400;
    line-height: 28px;
    background: url("../Images/edit_icon.png") no-repeat left top;
    padding: 0 0 0 30px;
    border: none;
    display: inline-block;
    text-decoration: underline;
}

#main .adminContent .t-grid .t-grid-insert {
    font-size: 14px;
    color: #648400;
    line-height: 28px;
    background: url("../Images/insert_icon.png") no-repeat left top;
    padding: 0 0 0 30px;
    border: none;
    display: inline-block;
    text-decoration: underline;
}

/* DRAWERS AND BINS
----------------------------------------------------------*/

#main .adminContent .drawersAndBins form {
    margin-left: 10px;
}

#main .adminContent .drawersAndBins .heading {
    font-size: 16px;
    color: #7b7d68;
    margin: 0 0 0 9px;
}

#main .adminContent .drawersAndBins .field-line {
    margin-top: 20px;
}

#main .adminContent .field-line .editor-left,
.t-window .adminContent .field-line .editor-left {
    float: left;
    margin-right: 20px;
}

#filterToolbarWrapper .field-line .editor-left {
    float: left;
}

#filterToolbarWrapper .field-line .editor-left-margin {
    margin-right: 10px;
}

#main .adminContent .field-line .editor-label label,
#main .adminContent .field-line .display-label,
#main .adminContent .field-line .display-field,
.t-window .editor-label label,
#fancybox-wrap .editor-label label,
#main .label-error-message {
    color: #333333;
    font-size: 14px;
    margin-bottom: 4px;
    padding: 0;
    -moz-text-shadow: 0px 1px 1px #ffffff;
    -webkit-text-shadow: 0px 1px 1px #ffffff;
    text-shadow: 0px 1px 1px #ffffff;
}

#main .label-error-message {
    font-size: 16px;
    padding: 15px 0 15px 10px;
}

#main .adminContent .field-line .editor-field,
.t-window .editor-field {
    margin: 0 0 15px;
}

#main .adminContent .field-line .t-dropdown,
#main .adminContent .postalInfo .t-dropdown,
#main .adminContent .ordersDetails .createCases .t-grid td .t-dropdown,
#main .adminContent .field-line .t-combobox,
#main .adminContent .postalInfo .t-combobox,
#main .adminContent .ordersDetails .createCases .t-grid td .t-combobox,
#filterToolbarWrapper .field-line .t-dropdown,
#DivSelectedDetail .t-dropdown,
.t-window .adminContent .field-line .t-dropdown,
.t-window .adminContent .field-line .t-combobox {
    background: url("../Images/dropdowns_sprite.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    height: 29px;
    padding: 0;
    width: 151px;
    vertical-align: middle;
}

#main .adminContent form.reportSelection .t-dropdown,
#main .adminContent form.reportSelection .t-combobox {
    background: url("../Images/dropdowns_sprite.png") no-repeat scroll -461px top transparent;
    width: 230px;
}

#main .adminContent .ordersDetails .createCases .t-grid td .t-dropdown,
#main .adminContent .ordersDetails .createCases .t-grid td .t-combobox {
    max-width: 151px;
    min-width: 151px;
}

#main .adminContent .field-line .fake-input-202 .t-dropdown,
#main .adminContent .field-line .fake-input-202 .t-combobox,
.t-window .adminContent .field-line .fake-input-202 .t-dropdown,
.t-window .adminContent .field-line .fake-input-202 .t-combobox {
    background: url("../Images/dropdowns_sprite.png") no-repeat scroll -691px top transparent;
    border: medium none;
    cursor: pointer;
    height: 29px;
    padding: 0;
    width: 202px;
    max-width: 202px;
    min-width: 202px;
    vertical-align: middle;
}

#main .adminContent .field-line .fake-input-300 .t-dropdown,
#main .adminContent .field-line .fake-input-300 .t-combobox,
#filterToolbarWrapper .field-line .fake-input-300.t-dropdown,
.t-window .adminContent .field-line .fake-input-300 .t-dropdown,
.t-window .adminContent .field-line .fake-input-300 .t-combobox {
    background: url("../Images/dropdowns_sprite.png") no-repeat scroll -1021px top transparent;
    border: medium none;
    cursor: pointer;
    height: 29px;
    padding: 0;
    width: 300px;
    max-width: 300px;
    min-width: 300px;
    vertical-align: middle;
}

#main .adminContent .field-line .t-dropdown .t-select,
#main .adminContent .field-line .t-dropdown .t-dropdown-wrap,
#main .adminContent .postalInfo .t-dropdown .t-select,
#main .adminContent .postalInfo .t-dropdown .t-dropdown-wrap,
#main .adminContent .ordersDetails .createCases .t-grid td .t-dropdown .t-select,
#main .adminContent .ordersDetails .createCases .t-grid td .t-dropdown .t-dropdown-wrap,
#main .adminContent .field-line .t-combobox .t-select,
#main .adminContent .field-line .t-combobox .t-dropdown-wrap,
#main .adminContent .postalInfo .t-combobox .t-select,
#main .adminContent .postalInfo .t-combobox .t-dropdown-wrap,
#main .adminContent .ordersDetails .createCases .t-grid td .t-combobox .t-select, #main .adminContent .ordersDetails .createCases .t-grid td .t-combobox .t-dropdown-wrap,
#filterToolbarWrapper .field-line .t-dropdown .t-select,
#filterToolbarWrapper .field-line .t-dropdown .t-dropdown-wrap,
#DivSelectedDetail .t-dropdown .t-dropdown-wrap,
.t-window .adminContent .field-line .t-dropdown .t-select,
.t-window .adminContent .field-line .t-dropdown .t-dropdown-wrap {
    border: none;
    cursor: pointer;
}

#main .adminContent .field-line .t-dropdown .t-icon,
#main .adminContent .postalInfo .t-dropdown .t-icon,
#main .adminContent .ordersDetails .createCases .t-grid td .t-dropdown .t-icon,
#main .adminContent .field-line .t-combobox .t-icon,
#main .adminContent .postalInfo .t-combobox .t-icon,
#main .adminContent .ordersDetails .createCases .t-grid td .t-combobox .t-icon,
#filterToolbarWrapper .field-line .t-dropdown .t-icon,
#DivSelectedDetail .t-dropdown .t-icon,
.t-window .adminContent .field-line .t-dropdown .t-icon {
    background: none;
}

#main .adminContent .editor-submit,
.t-window .adminContent .editor-submit {
    margin-top: 18px;
}

#main .adminContent .drawersAndBins .editor-submit {
    margin-top: 15px;
    padding-bottom: 105px;
}

#main .adminContent .drawersAndBins .editor-submit .change,
#main .ovenRight .changeButton,
.rollManagement .changeButton {
    background: url("../Images/change_button.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    height: 45px;
    text-indent: -9999px;
    width: 158px;
    display: inline-block;
}

.rollManagement .changeButton {
    margin-top: 5px;
}

#main .adminContent .editor-submit a,
.t-window .adminContent .editor-submit a {
    color: #333333;
    font-size: 12px;
    margin-left: 10px;
    text-decoration: underline;
}

    #main .adminContent .editor-submit a:hover,
    .t-window .adminContent .editor-submit a:hover {
        text-decoration: none;
    }

#main .adminContent .errorQueueDetails .editor-submit {
    margin-left: 120px;
}

#main .adminContent .drawersAndBins .field-validation-error,
#main .adminContent .ordersDetails .field-validation-error,
#main .adminContent .sippingDetails .field-validation-error,
#main .adminContent .errorQueueDetails .field-validation-error,
#main .field-line .field-validation-error,
.t-window .field-line .field-validation-error {
    width: 192px;
    margin: 0;
}

/*Create Carriers*/

#main .adminContent .createCustomer .createCarriers {
    margin-bottom: 10px;
}

    #main .adminContent .createCustomer .createCarriers table,
    #main .adminContent .createCustomer .createCarriers .t-toolbar {
        width: 1006px;
    }

#main .adminContent .customerDetails .customerDetailsBox .createCarriers {
    margin-bottom: 10px;
}

    #main .adminContent .customerDetails .customerDetailsBox .createCarriers .t-grid table,
    #main .adminContent .customerDetails .customerDetailsBox .createCarriers .t-grid .t-toolbar {
        width: 982px;
    }

        #main .adminContent .customerDetails .customerDetailsBox .createCarriers .t-grid table td,
        #main .adminContent .createCustomer .createCarriers table td {
            vertical-align: top;
        }

    #main .adminContent .createCustomer .createCarriers table .t-dropdown,
    #main .adminContent .customerDetails .customerDetailsBox .createCarriers .t-grid .t-dropdown,
    #main .adminContent .createCustomer .createCarriers table .t-combobox,
    #main .adminContent .customerDetails .customerDetailsBox .createCarriers .t-grid .t-combobox {
        background: url("../Images/dropdowns_sprite.png") no-repeat scroll -461px top transparent;
        border: medium none;
        cursor: pointer;
        height: 29px;
        padding: 0;
        width: 230px;
        max-width: 230px;
        min-width: 230px;
        vertical-align: middle;
    }

        #main .adminContent .createCustomer .createCarriers table .t-dropdown .t-select,
        #main .adminContent .createCustomer .createCarriers table .t-dropdown .t-dropdown-wrap,
        #main .adminContent .customerDetails .customerDetailsBox .createCarriers .t-grid .t-dropdown .t-select,
        #main .adminContent .customerDetails .customerDetailsBox .createCarriers .t-grid .t-dropdown .t-dropdown-wrap,
        #main .adminContent .createCustomer .createCarriers table .t-combobox .t-select,
        #main .adminContent .createCustomer .createCarriers table .t-combobox .t-dropdown-wrap,
        #main .adminContent .customerDetails .customerDetailsBox .createCarriers .t-grid .t-combobox .t-select,
        #main .adminContent .customerDetails .customerDetailsBox .createCarriers .t-grid .t-combobox .t-dropdown-wrap {
            border: none;
            cursor: pointer;
        }

        #main .adminContent .createCustomer .createCarriers table .t-dropdown .t-icon,
        #main .adminContent .customerDetails .customerDetailsBox .createCarriers .t-grid .t-dropdown .t-icon,
        #main .adminContent .createCustomer .createCarriers table .t-combobox .t-icon,
        #main .adminContent .customerDetails .customerDetailsBox .createCarriers .t-grid .t-combobox .t-icon {
            background: none;
        }

/* MOVE CASES
----------------------------------------------------------*/

#main .adminContent .mcCases {
    margin-left: 9px;
    margin-bottom: 25px;
}

#main .adminContent .moveCases {
    padding-bottom: 16px;
}

#main .adminContent .heading {
    font-size: 16px;
    color: #7b7d68;
    margin: 0 0 0 9px;
}

#customer #main .adminContent .heading {
    margin: 0;
}

#main .adminContent .mcCases .label, #main .adminContent .devicesAndTypes .label {
    color: #333333;
    font-size: 14px;
    margin-bottom: 4px;
    -moz-text-shadow: 0px 1px 1px #ffffff;
    -webkit-text-shadow: 0px 1px 1px #ffffff;
    text-shadow: 0px 1px 1px #ffffff;
}

#main .adminContent .mcCases .t-dropdown, #main .adminContent .devicesAndTypes .t-dropdown,
#main .adminContent .mcCases .t-combobox, #main .adminContent .devicesAndTypes .t-combobox {
    background: url(../Images/dropdowns_sprite.png) no-repeat scroll -691px top transparent;
    border: medium none;
    cursor: pointer;
    height: 29px;
    padding: 0;
    width: 202px;
    max-width: 202px;
    min-width: 202px;
    vertical-align: middle;
}

    #main .adminContent .mcCases .t-dropdown .t-select, #main .adminContent .mcCases .t-dropdown .t-dropdown-wrap, #main .adminContent .devicesAndTypes .t-select, #main .adminContent .devicesAndTypes .t-dropdown-wrap,
    #main .adminContent .mcCases .t-combobox .t-select, #main .adminContent .mcCases .t-combobox .t-dropdown-wrap, #main .adminContent .devicesAndTypes .t-select, #main .adminContent .devicesAndTypes .t-dropdown-wrap {
        border: none;
        cursor: pointer;
    }

    #main .adminContent .mcCases .t-dropdown .t-icon, #main .adminContent .devicesAndTypes .t-icon,
    #main .adminContent .mcCases .t-combobox .t-icon, #main .adminContent .devicesAndTypes .t-icon {
        background: none;
    }

#main .adminContent .mcCases .leftToRight {
    width: 13px;
    height: 20px;
    float: left;
    margin: 25px 40px 0 40px;
    background: url("../Images/left_to_right.png") no-repeat scroll left top transparent;
}

#main .adminContent .moveCases .editor-submit {
    margin: 18px 0 0 30px;
}

#main .adminContent .moveCases .move {
    background: url("../Images/move_button.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    height: 45px;
    text-indent: -9999px;
    width: 158px;
    display: inline-block;
}

/* QUALITY CRITERIA
----------------------------------------------------------*/

#main .adminContent .qCriteries .wrapper {
    width: 100%;
}

    #main .adminContent .qCriteries .wrapper .t-grid table {
        width: 465px;
    }

    #main .adminContent .qCriteries .wrapper .t-grid a {
        text-align: left;
    }

    #main .adminContent .qCriteries .wrapper .t-grid td {
        padding: 10px 8px;
        line-height: normal;
    }

    #main .adminContent .qCriteries .wrapper .t-grid tr.t-last.t-state-selected {
        background: url("../Images/Table/trow_selected.png") repeat-y scroll left bottom transparent;
    }

        #main .adminContent .qCriteries .wrapper .t-grid tr.t-last.t-state-selected td.t-first {
            background: url("../Images/Table/trow_last_selected.png") no-repeat scroll left bottom transparent;
        }

        #main .adminContent .qCriteries .wrapper .t-grid tr.t-last.t-state-selected td {
            background: url("../Images/Table/trow_last_selected.png") no-repeat scroll -7px bottom transparent;
        }

            #main .adminContent .qCriteries .wrapper .t-grid tr.t-last.t-state-selected td.t-last {
                background: url("../Images/Table/trow_last_selected.png") no-repeat scroll right bottom transparent;
            }

    #main .adminContent .qCriteries .wrapper .t-grid tbody tr.t-no-data.t-last {
        background: url("../Images/Table/trow_last.png") no-repeat scroll left bottom transparent;
    }

        #main .adminContent .qCriteries .wrapper .t-grid tbody tr.t-no-data.t-last td {
            background: url("../Images/Table/trow_last_right_part.png") no-repeat scroll right bottom transparent;
        }

#main .adminContent .qCriteries .leftColumn, #main .adminContent .qCriteries .rightColumn {
    float: left;
}

    #main .adminContent .qCriteries .leftColumn h3, #main .adminContent .qCriteries .rightColumn h3 {
        color: #7B7D68;
        font-size: 14px;
        margin-left: 10px;
        position: relative;
        top: 22px;
    }

#main .adminContent .qCriteries .t-grid .text-box {
    background: url("../Images/inputs_sprite.png") no-repeat scroll -348px top transparent;
    border: medium none;
    color: #333333;
    display: block;
    font-family: "Arial",Serif;
    font-size: 12px;
    height: 29px;
    line-height: 16px;
    max-width: 114px;
    min-width: 114px;
    padding: 0 3px;
    width: 114px;
}

#main .adminContent .qCriteries .leftToRight {
    width: 13px;
    height: 20px;
    float: left;
    margin: 76px 40px 0 40px;
    background: url("../Images/left_to_right.png") no-repeat scroll left top transparent;
}

/* PRIORITY CALCULATIONS   
----------------------------------------------------------*/

#main .adminContent .priorCalc .tabBox .content, #main .adminContent .priorCalc .tabBox .content div.contentItem {
    min-height: 416px;
    height: auto;
}

#main .adminContent .priorCalc .t-grid table {
    width: 100%;
}

#main .adminContent .priorCalc .t-grid td {
    line-height: normal;
    padding: 10px 8px;
}

#main .adminContent .priorCalc .t-grid tbody tr.t-no-data.t-last {
    background: url("../Images/Table/trow_last.png") no-repeat scroll left bottom transparent;
}

    #main .adminContent .priorCalc .t-grid tbody tr.t-no-data.t-last td {
        background: url("../Images/Table/trow_last_right_part.png") no-repeat scroll right bottom transparent;
    }

#main .adminContent .priorCalc .tabBox .content div.contentItem h3 {
    color: #7B7D68;
    font-size: 14px;
    margin-left: 10px;
    position: relative;
    top: 22px;
}

#main .adminContent .priorCalc .tabBox .content div.contentItem .wa h3 {
    position: static;
    margin: 18px 0 18px 10px;
}

#main .adminContent .priorCalc #Name.text-box {
    background: url("../Images/inputs_sprite.png") no-repeat scroll -468px top transparent;
    border: medium none;
    color: #333333;
    display: block;
    font-family: "Arial",Serif;
    font-size: 12px;
    height: 29px;
    line-height: 16px;
    max-width: 348px;
    min-width: 348px;
    padding: 0 3px;
    width: 348px;
}

#main .adminContent .priorCalc #PriorityWeight.text-box, #main .adminContent .priorCalc #Weight.text-box, #main .adminContent .priorCalc .diqw #Name.text-box {
    background: url("../Images/inputs_sprite.png") no-repeat scroll -51px top transparent;
    border: medium none;
    color: #333333;
    display: block;
    font-family: "Arial",Serif;
    font-size: 12px;
    height: 29px;
    line-height: 16px;
    max-width: 89px;
    min-width: 89px;
    padding: 0 3px;
    width: 89px;
}

#main .adminContent .priorCalc .strategy {
    padding-bottom: 10px;
}

    #main .adminContent .priorCalc .strategy label {
        color: #333333;
        font-size: 14px;
        margin-bottom: 4px;
        -moz-text-shadow: 0px 1px 1px #ffffff;
        -webkit-text-shadow: 0px 1px 1px #ffffff;
        text-shadow: 0px 1px 1px #ffffff;
    }

    #main .adminContent .priorCalc .strategy .t-dropdown,
    #main .adminContent .priorCalc .strategy .t-combobox {
        background: url("../Images/dropdowns_sprite.png") no-repeat scroll -346px top transparent;
        border: medium none;
        cursor: pointer;
        height: 29px;
        padding: 0;
        width: 115px;
        vertical-align: middle;
    }

        #main .adminContent .priorCalc .strategy .t-dropdown .t-select, #main .adminContent .priorCalc .strategy .t-dropdown .t-dropdown-wrap,
        #main .adminContent .priorCalc .strategy .t-combobox .t-select, #main .adminContent .priorCalc .strategy .t-combobox .t-dropdown-wrap {
            border: none;
            cursor: pointer;
        }

        #main .adminContent .priorCalc .strategy .t-dropdown .t-icon,
        #main .adminContent .priorCalc .strategy .t-combobox .t-icon {
            background: none;
        }

    #main .adminContent .priorCalc .strategy .change {
        background: url("../Images/change_button_small.png") no-repeat scroll left top transparent;
        border: medium none;
        cursor: pointer;
        height: 34px;
        text-indent: -9999px;
        width: 119px;
        display: inline-block;
        margin: 24px 30px 0;
    }

#main .ordersApplyFilter {
    background: url("../Images/filter_button.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    height: 34px;
    text-indent: -9999px;
    width: 119px;
    display: inline-block;
    margin: 14px 0 0 4px;
}

#main .adminContent .priorCalc .gridwrap {
    margin-bottom: 10px;
}

/* DEVICES AND CASE TYPES
----------------------------------------------------------*/

#main .adminContent .devicesAndTypes {
    padding-bottom: 16px;
}

    #main .adminContent .devicesAndTypes .t-grid .statusDrop {
        margin: 22px 0 16px 8px;
    }

    #main .adminContent .devicesAndTypes .t-grid table {
        width: 100%;
    }

        #main .adminContent .devicesAndTypes .t-grid table td {
            line-height: normal;
            padding: 10px 8px;
        }

        #main .adminContent .devicesAndTypes .t-grid table thead th.t-hierarchy-cell,
        #main .adminContent .priorCalc .t-grid table thead th.t-hierarchy-cell {
            background: url("../Images/Table/thead.png") no-repeat scroll left top transparent;
            border-right: none;
        }

        #main .adminContent .devicesAndTypes .t-grid table tbody td.t-hierarchy-cell,
        #main .adminContent .priorCalc .t-grid table tbody td.t-hierarchy-cell {
            border-left: 1px solid #C5C5C5;
        }

        #main .adminContent .devicesAndTypes .t-grid table tbody tr.t-last td.t-hierarchy-cell,
        #main .adminContent .priorCalc .t-grid table tbody tr.t-last td.t-hierarchy-cell {
            background: url("../Images/Table/trow_last.png") no-repeat scroll left bottom transparent;
            border: none;
        }

        #main .adminContent .devicesAndTypes .t-grid table tbody .t-detail-row .t-detail-cell, #main .adminContent .devicesAndTypes .t-grid table tbody .t-detail-row .t-hierarchy-cell,
        #main .adminContent .priorCalc .t-grid table tbody .t-detail-row .t-detail-cell, #main .adminContent .priorCalc .t-grid table tbody .t-detail-row .t-hierarchy-cell {
            background: #dadada;
            padding-bottom: 20px;
        }

        #main .adminContent .devicesAndTypes .t-grid table .t-minus,
        #main .adminContent .priorCalc .t-grid table .t-minus {
            width: 22px;
            height: 22px;
            background: url("../Images/t-minus.png") no-repeat scroll left top transparent;
            display: block;
            margin-left: 5px;
        }

        #main .adminContent .devicesAndTypes .t-grid table .t-plus,
        #main .adminContent .priorCalc .t-grid table .t-plus {
            width: 22px;
            height: 22px;
            background: url("../Images/t-plus.png") no-repeat scroll left top transparent;
            display: block;
            margin-left: 5px;
        }

#main .adminContent .priorCalc .t-grid table .t-minus,
#main .adminContent .priorCalc .t-grid table .t-plus {
    margin-top: -12px;
}

#main .adminContent .devicesAndTypes #Name.text-box {
    background: url("../Images/inputs_sprite.png") no-repeat scroll -468px top transparent;
    border: medium none;
    color: #333333;
    display: block;
    font-family: "Arial",Serif;
    font-size: 12px;
    height: 29px;
    line-height: 16px;
    max-width: 348px;
    min-width: 348px;
    padding: 0 3px;
    width: 348px;
}

#main .adminContent .devicesAndTypes #Url.text-box {
    background: url("../Images/inputs_sprite.png") no-repeat scroll -884px top transparent;
    border: medium none;
    color: #333333;
    display: block;
    font-family: "Arial",Serif;
    font-size: 12px;
    height: 29px;
    line-height: 16px;
    max-width: 139px;
    min-width: 139px;
    padding: 0 3px;
    width: 139px;
}

#main .adminContent .devicesAndTypes .stockCell .checkbox.checkboxActive,
#main .adminContent .autoPrinters .stockCell .checkbox.checkboxActive,
#main .adminContent .autoPrintQueues .queueActiveCell .checkbox.checkboxActive,
#main .adminContent .labelPrinters .queueActiveCell .checkbox.checkboxActive {
    background-position: left -23px;
}

#main .adminContent .devicesAndTypes .stockCell .checkbox,
#main .adminContent .autoPrinters .stockCell .checkbox,
#main .adminContent .autoPrintQueues .queueActiveCell .checkbox,
#main .adminContent .labelPrinters .queueActiveCell .checkbox {
    background: url("../Images/checkbox_sprite.png") no-repeat scroll left top transparent;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    margin-bottom: 8px;
    vertical-align: top;
    width: 23px;
    margin-left: 25px;
}

    #main .adminContent .devicesAndTypes .stockCell .checkbox input,
    #main .adminContent .autoPrinters .stockCell .checkbox input,
    #main .adminContent .autoPrintQueues .queueActiveCell .checkbox input,
    #main .adminContent .labelPrinters .queueActiveCell .checkbox input {
        display: none;
    }

/* Customer Management
----------------------------------------------------------*/

#main .adminContent .customers .field-line,
#main .adminContent .orders .field-line,
#main .adminContent .reports .field-line {
    margin: 15px 0 0 10px;
}

#filterToolbarWrapper .field-line {
    margin: 0px;
}

#customer #main .adminContent .customers .field-line,
#customer #main .adminContent .orders .field-line,
#filterToolbarWrapper .field-line {
    margin-left: 0;
}

#main .adminContent .toolbarHolder,
#filterToolbarWrapper .toolbarHolder {
    height: 40px;
}

#main .adminContent .t-grid-add-tool {
    background: url("../Images/plus.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #648400;
    display: block;
    float: right;
    font-size: 14px;
    line-height: 28px;
    padding: 0 0 0 34px;
    margin: 0 0.2em;
    text-align: left;
    text-decoration: underline;
}

#main .adminContent .t-grid-refresh {
    background: url("../Images/Icons/icon_arrow_refresh.png") no-repeat scroll 11px 6px transparent;
    border: medium none;
    color: #648400;
    display: block;
    float: right;
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px 0 34px;
    margin: 0 0.2em;
    text-align: left;
    text-decoration: underline;
    border-right: 1px solid #999;
}

    #main .adminContent .t-grid-add-tool:hover,
    #main .adminContent .t-grid-refresh:hover {
        text-decoration: none;
    }

#main .adminContent .customers .clearBtn,
#main .adminContent .toolbarHolder .clearBtn,
#filterToolbarWrapper .clearBtn {
    font-size: 14px;
    line-height: 28px;
    margin: 0 0.2em;
    color: #648400;
    cursor: pointer;
    text-decoration: underline;
}

    #main .adminContent .customers .clearBtn:hover,
    #main .adminContent .toolbarHolder .clearBtn:hover,
    #filterToolbarWrapper .clearBtn:hover {
        text-decoration: none;
    }

#filterToolbarWrapper .clearBtn {
    margin: 16px;
}

#filterToolbar .queueName h1 {
    color: #4e7109;
    font-weight: bold;
}

#filterToolbar .caseAutoPrintFormWrapper {
    top: 35px !important;
}
/* Create Customer
----------------------------------------------------------*/
#main .adminContent .createCustomer .wrapper,
#main .adminContent .errorQueueDetails .wrapper,
#main .adminContent .customerDetails .wrapper {
    margin-left: 10px;
}

#main .adminContent .createCustomer .field-validation-error, #main .adminContent .customerDetails .field-validation-error {
    margin: 0;
}

#main .adminContent .createCustomer div h2,
#main .adminContent .customerDetails div h2,
#main .adminContent .ordersDetails div h2,
#main .adminContent .errorQueueDetails div h2,
#main .adminContent .sippingDetails div h2,
#main .adminContent .savedDesigns div h2 {
    color: #7B7D68;
    font-size: 14px;
    margin: 7px 0 9px 0;
    padding-bottom: 3px;
}

#main .adminContent .sippingDetails div h2 {
    margin-top: 15px;
}

#main .adminContent .sippingDetails .editor-wrap {
    width: 650px;
}

#main .adminContent .savedDesigns .newDesign {
    margin: 10px;
}

#customer #main .adminContent .savedDesigns .newDesign {
    margin-left: 0;
}

#main .adminContent .savedDesigns .input-202 {
    display: inline-block;
    margin-right: 10px;
}

#main .adminContent .savedDesigns .newDesign .t-dropdown,
#main .adminContent .savedDesigns .newDesign .t-combobox {
    vertical-align: top;
    margin-right: 10px;
}

#main .adminContent .savedDesigns .newDesign .addDesign,
#customer #main .adminContent .savedDesigns .addDesign {
    background: url("../Images/add_design_button.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    height: 34px;
    position: relative;
    text-indent: -9999px;
    top: 18px;
    width: 128px;
}

#main .adminContent .createCustomer div h2.bordered,
#main .adminContent .customerDetails div h2.bordered,
#main .adminContent .ordersDetails div h2.bordered,
#main .adminContent .errorQueueDetails div h2.bordered {
    margin-top: 30px;
    border-bottom: 1px solid #b4b5ac;
}

#main .adminContent h2.borderedCM {
    border-bottom: 1px solid #b4b5ac;
}

#main .adminContent .createCustomer .saveCustomer {
    background: url("../Images/save_customer_button.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    margin-top: 20px;
    text-indent: -9999px;
    width: 200px;
}

#main .adminContent .createCustomer .editor-submit,
#main .adminContent .customerDetails .editor-submit {
    margin-top: 0;
    padding-bottom: 10px;
}

#main .adminContent .customerDetails .editor-submit {
    padding-top: 20px;
    padding-bottom: 0;
}

#main .adminContent .createCustomer .notificationModel,
#main .adminContent .customerDetails .notificationModel {
    width: 285px;
    float: left;
    margin-left: 70px;
}

#main .adminContent .customerDetails .notificationModel {
    width: 275px;
}

    #main .adminContent .createCustomer .notificationModel .field-line, #main .adminContent .customerDetails .notificationModel .field-line {
        margin-top: 30px;
    }

#main .adminContent .custNotifications .field-line {
    margin-top: 10px;
    margin-left: 10px;
}

    #main .adminContent .custNotifications .field-line .editor-label {
        margin-bottom: 10px;
    }

#customer #main .adminContent .custNotifications .field-line {
    margin-left: 0;
}

#main .adminContent .custNotifications .save {
    background: url("../Images/save_button.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    margin-bottom: 10px;
    text-indent: -9999px;
    width: 158px;
}

#main .adminContent .createCustomer .notificationModel .editor-label, #main .adminContent .customerDetails .notificationModel .editor-label {
    margin-bottom: 5px;
}

    #main .adminContent .createCustomer .notificationModel .editor-label label,
    #main .adminContent .customerDetails .notificationModel .editor-label label,
    #main .adminContent .customerDetails .checkHolder label,
    #main .adminContent .custNotifications .editor-label label {
        line-height: 22px;
    }

#main .adminContent .customerDetails .checkHolder,
#main .adminContent .createCustomer .checkHolder {
    width: 202px;
    margin-bottom: 15px;
}

    #main .adminContent .customerDetails .checkHolder label,
    #main .adminContent .createCustomer .checkHolder label {
        display: block;
        margin-bottom: 0;
    }

    #main .adminContent .createCustomer .checkHolder .checkbox,
    #main .adminContent .customerDetails .checkHolder .checkbox,
    .t-window .adminContent .checkHolder .checkbox {
        display: block;
    }

#main .adminContent .createCustomer .checkbox,
#main .adminContent .customerDetails .checkbox,
#main .adminContent .custNotifications .checkbox,
#main .adminContent .errorQueueDetails .checkbox,
#main .adminContent .ordersDetails .checkbox,
.t-window .adminContent .checkbox {
    width: 23px;
    height: 23px;
    background: url("../Images/checkbox_sprite.png") no-repeat left top;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
    vertical-align: top;
}

    #main .adminContent .createCustomer .checkbox.checkboxActive,
    #main .adminContent .customerDetails .checkbox.checkboxActive,
    #main .adminContent .custNotifications .checkbox.checkboxActive,
    #main .adminContent .errorQueueDetails .checkbox.checkboxActive,
    #main .adminContent .ordersDetails .checkbox.checkboxActive,
    .t-window .adminContent .checkbox.checkboxActive {
        background-position: left -23px;
    }

    #main .adminContent .createCustomer .checkbox input,
    #main .adminContent .customerDetails .checkbox input,
    #main .adminContent .custNotifications .checkbox input,
    #main .adminContent .errorQueueDetails .checkbox input,
    #main .adminContent .ordersDetails .checkbox input,
    .t-window .adminContent .checkbox input {
        display: none;
    }

#main .adminContent .customerDetails .customerDetailsBox {
    margin-top: 15px;
}

    #main .adminContent .customerDetails .customerDetailsBox .content {
        height: auto;
        min-height: 463px;
    }

    #main .adminContent .customerDetails .customerDetailsBox .contentItem {
        height: auto;
        min-height: 408px;
    }

        #main .adminContent .customerDetails .customerDetailsBox .contentItem.actionsLogItem {
            max-height: 512px;
        }

    #main .adminContent .customerDetails .customerDetailsBox .t-grid table {
        width: 100%;
    }

    #main .adminContent .customerDetails .customerDetailsBox .sippingTable .t-pager .t-numeric {
        display: inline-block;
    }

    #main .adminContent .customerDetails .customerDetailsBox .sippingTable tr.t-no-data.t-last {
        background: url("../Images/Table/trow_last.png") no-repeat left bottom transparent;
    }

        #main .adminContent .customerDetails .customerDetailsBox .sippingTable tr.t-no-data.t-last td {
            background: url("../Images/Table/trow_last_right_part.png") no-repeat right bottom transparent;
        }

#main .adminContent .customerDetails .saveChanges {
    background: url("../Images/save_changes_button.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    text-indent: -9999px;
    width: 188px;
}

#main .adminContent .customerDetails .manShipping {
    color: #333333;
    font-size: 14px;
    text-decoration: underline;
}

    #main .adminContent .customerDetails .manShipping:hover {
        text-decoration: none;
    }

.w-650 {
    width: 650px;
}

.w-500 {
    width: 500px;
}

#main .adminContent .field-line .clearMargin {
    margin: 0;
}

/* Orders Management
----------------------------------------------------------*/


#main .adminContent .orders .input-95 input, #main .adminContent .ordersDetails .input-95 input {
    color: #333333;
}

#main .adminContent .datepickerTrigger,
#filterToolbarWrapper .field-line .datepickerTrigger {
    width: 16px;
    height: 16px;
    background: url("../Images/calendar_icon.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    vertical-align: top;
    margin: 7px 0 0 5px;
}

#main .adminContent .orders .userWelcome {
    color: #333333;
    font-size: 18px;
    margin: 10px;
    padding: 0;
    -moz-text-shadow: 0px 1px 1px #ffffff;
    -webkit-text-shadow: 0px 1px 1px #ffffff;
    text-shadow: 0px 1px 1px #ffffff;
}

/* Orders Details
----------------------------------------------------------*/

#main .adminContent .ordersDetails .field-line a, #main .adminContent .ordersDetails .status a {
    color: #4E7109;
    font-size: 14px;
    text-decoration: underline;
}

    #main .adminContent .ordersDetails .field-line a:hover, #main .adminContent .ordersDetails .status a:hover {
        text-decoration: none;
    }

#main .adminContent .ordersDetails .field-line .first {
    margin-left: 0;
}

#main .adminContent .ordersDetails .floatGroup {
    margin-top: 10px;
}

#main .adminContent .ordersDetails .orderInfo {
    width: 250px;
}

    #main .adminContent .ordersDetails .orderInfo .t-dropdown,
    #main .adminContent .ordersDetails .orderInfo .t-combobox {
        background-position: -893px top;
        width: 128px;
        display: inline-block;
    }

    #main .adminContent .ordersDetails .orderInfo .text-box,
    .printerFilters .text-box {
        width: 118px;
        background: url("../Images/inputs_sprite.png") no-repeat -1029px top transparent;
        border: none;
        padding: 2px 5px;
        line-height: 26px;
        height: 26px;
    }

#main .adminContent .ordersDetails .shipTo .text-box,
#main .adminContent .giftMessage .text-box,
#main .adminContent .errorQueueDetails .text-box {
    width: 275px;
    background: url("../Images/inputs_sprite.png") no-repeat -1157px top transparent;
    border: none;
    padding: 2px 5px;
    line-height: 26px;
    height: 26px;
}

#main .adminContent .ordersDetails .shipTo {
    margin-left: 50px;
    width: 405px;
    float: left;
}

#main .adminContent .ordersDetails .ordersItem .shipTo {
    width: 420px;
}

#main .adminContent .ordersDetails .ordersItem .t-grid table {
    width: 994px;
}

#main .adminContent .ordersDetails .ordersItem .priority {
    width: 980px;
}

#main .adminContent .ordersDetails .confirmDetails {
    width: 230px;
}

    #main .adminContent .ordersDetails .confirmDetails .display-label {
        width: 60px;
    }

#main .adminContent .ordersDetails .confirmShipping {
    margin-left: 50px;
}

#customer #main .adminContent .ordersDetails .confirmShipping .shipTo {
    width: 676px;
}

#main .adminContent .ordersDetails .confirmShipping .shipTo {
    margin-left: 0;
    float: none;
}



#main .adminContent .ordersDetails .newShipping {
    width: 450px;
}

    #main .adminContent .ordersDetails .newShipping .radioGroup .editor-label {
        margin-bottom: 10px;
    }

        #main .adminContent .ordersDetails .newShipping .radioGroup .editor-label label {
            margin-bottom: 0;
            vertical-align: middle;
        }

#main #CreateCasesGrid .saveNewDesignButton {
    margin-left: 10px;
}

#main .adminContent .ordersDetails .newShipping .radioGroup .editor-label input {
    vertical-align: middle;
}

#main .display-label,
#main .display-field {
    word-wrap: break-word;
}

#main .adminContent .ordersDetails .display-label,
#main .adminContent .errorQueueDetails .display-label {
    width: 110px;
    margin-left: 0;
    margin-right: 5px;
    display: inline-block;
    text-align: right;
}

#main .adminContent .ordersDetails .orderInfo .display-label {
    width: 110px;
    vertical-align: top;
}

#main .adminContent .ordersDetails .orderInfo .display-field {
    display: inline-block;
    width: 130px;
    margin: 0;
}

#customer #main .adminContent .ordersDetails .orderInfo .display-field {
    width: 170px;
}

#main .adminContent .ordersDetails .orderInfo .display-field a {
    -moz-text-shadow: 0px 0px 0px #ffffff;
    -webkit-text-shadow: 0px 0px 0px #ffffff;
    text-shadow: 0px 0px 0px #ffffff;
}

#customer #main .adminContent .ordersDetails .orderInfo .display-label {
    width: 75px;
}

#main .adminContent .ordersDetails .display-line,
#main .adminContent .errorQueueDetails .display-line {
    margin: 6px 0;
}

#main .adminContent .ordersDetails .status {
    width: 180px;
    margin-left: 50px;
    float: left;
}

    #main .adminContent .ordersDetails .status .hr {
        margin: 10px 0;
        border-bottom: 1px solid #B4B5AC;
    }

#main .adminContent .ordersDetails .saveChanges,
#main .adminContent .errorQueueDetails .saveChanges {
    background: url("../Images/save_changes_button.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    text-indent: -9999px;
    width: 188px;
}

#main .changeSetting {
    background: url("../Images/change_button.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    text-indent: -9999px;
    width: 188px;
}

#main .adminContent .ordersDetails .status .saveChanges,
#main .adminContent .svOrderImportOverrides .editor-submit .save,
#main .adminContent .caseDetails .saveChanges,
.caseComments .scrollPane .saveChanges {
    width: 158px;
    height: 46px;
    background: url("../Images/save_button.png") no-repeat left top;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
}

#main .adminContent .ordersDetails .status .cancelChanges {
    width: 158px;
    height: 46px;
    background: url("../Images/cancel_button.png") no-repeat left top;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    display: block;
}

#main .adminContent .ordersDetails .status .display-label {
    width: 44px;
}

#main .adminContent .ordersDetails .shipOrder,
#main .adminContent .releaseOrder,
#main .adminContent .ordersDetails .returnOrder,
#main .adminContent .holdOrder,
#main .adminContent .ordersDetails .goldenOrder,
#main .adminContent .ordersDetails .copyOrder,
#main .adminContent .ordersDetails .cancelOrder,
#main .adminContent .ordersDetails .deleteOrder,
#main .adminContent .ordersDetails .completeOrder,
#main .adminContent .ordersDetails .status .editOrder,
#main .adminContent .ordersDetails .printPackSlip,
#main .adminContent .ordersDetails .printShipLabel,
#main .adminContent .ordersDetails .printCommericalInvoice,
#main .adminContent .ordersDetails .validateAddress,
#main .adminContent .ordersDetails .forcecompleteOrder {
    width: 158px;
    height: 20px;
    border: none;
    cursor: pointer;
    display: block;
    padding-left: 25px;
}

#main .adminContent .autoPrintQueues .releaseOrder,
#main .adminContent .autoPrintQueues .holdOrder {
    display: inline-block;
    padding-left: 20px;
    margin-left: 40px;
}

#main .adminContent .ordersDetails .printShipLabel {
    background: url("../Images/Icons/icon_print_label.png") no-repeat left top;
}

#main .adminContent .ordersDetails .printCommericalInvoice {
    background: url("../Images/Icons/icon_commercial_invoice.png") no-repeat left top;
}

#main .adminContent .ordersDetails .copyOrder {
    background: url("../Images/Icons/icon_copy_order.png") no-repeat left top;
}

#main .adminContent .ordersDetails .printPackSlip {
    background: url("../Images/Icons/icon_packing_slip.png") no-repeat left top;
}

#main .adminContent .ordersDetails .cancelOrder,
#main .adminContent .ordersDetails .deleteOrder {
    background: url("../Images/Icons/icon_cancel_order.png") no-repeat left top;
}

#main .adminContent .ordersDetails .completeOrder {
    background: url("../Images/Icons/icon_return_order.png") no-repeat left top;
}

#main .adminContent .ordersDetails .forcecompleteOrder {
    background: url("../Images/Icons/icon_force_complete.png") no-repeat left top;
}

#main .adminContent .ordersDetails .shipOrder {
    background: url("../Images/Icons/icon_ship_order.png") no-repeat left top;
}

#main .adminContent .releaseOrder {
    background: url("../Images/Icons/icon_release_order.png") no-repeat left top;
}

#main .adminContent .ordersDetails .returnOrder {
    background: url("../Images/Icons/icon_return_order.png") no-repeat left top;
}

#main .adminContent .ordersDetails .goldenOrder {
    background: url("../Images/Icons/icon_warning.png") no-repeat left top;
}

#main .adminContent .holdOrder {
    background: url("../Images/Icons/icon_hold_order.png") no-repeat left top;
}

#main .adminContent .ordersDetails .validateAddress {
    background: url("../Images/Icons/icon_validate_address.png") no-repeat left top;
}

#main .adminContent .ordersDetails .status .editOrder {
    background: url("../Images/Icons/icon_edit_order.png") no-repeat left top;
}

#main .adminContent .ordersDetails .casesInOrder {
    margin-right: 10px;
}


#main .adminContent .ordersDetails .priority {
    width: 1013px;
    color: #333333;
    font-size: 13px;
    margin-bottom: 4px;
    padding: 0;
    -moz-text-shadow: 0px 1px 1px #ffffff;
    -webkit-text-shadow: 0px 1px 1px #ffffff;
    text-shadow: 0px 1px 1px #ffffff;
    margin-bottom: 15px;
}

    #main .adminContent .ordersDetails .priority .change {
        width: 119px;
        height: 34px;
        background: url("../Images/change_button_small.png") no-repeat left top;
        border: none;
        text-indent: -9999px;
        cursor: pointer;
        margin-left: 10px;
        position: relative;
        top: 3px;
    }

#main .adminContent .ordersDetails .submitOrder {
    width: 181px;
    height: 45px;
    background: url("../Images/submit_order_button.png") no-repeat left top;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    margin: 40px 0 20px 0;
}

#main .adminContent .ordersDetails .confirmOrder {
    width: 185px;
    height: 45px;
    background: url("../Images/confirm_order_button.png") no-repeat left top;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    margin: 22px 0 20px 0;
}

#main .adminContent .ordersDetails .floatGroup,
#main .adminContent .ordersDetails .priority,
#main .adminContent .ordersDetails .giftMessage > *,
#main .adminContent .ordersDetails .casesInOrder h2 {
    margin-left: 10px;
}

#main .adminContent .ordersDetails .checkboxHolder label,
#main .adminContent .ordersDetails .checkboxHolderCM label {
    line-height: 22px;
}

#main .adminContent .ordersDetails .checkboxHolder {
    margin-top: 22px;
}

#main .adminContent .ordersDetails .t-grid td .t-dropdown,
#main .adminContent .savedDesigns .t-dropdown,
#main .adminContent .ordersDetails .t-grid td .t-combobox,
#main .adminContent .savedDesigns .t-combobox {
    background: url("../Images/dropdowns_sprite.png") no-repeat scroll -461px top transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    height: 29px;
    padding: 0;
    width: 230px;
    min-width: 230px;
    max-width: 230px;
    vertical-align: middle;
}

    #main .adminContent .ordersDetails .t-grid td .t-dropdown .t-select, #main .adminContent .ordersDetails .t-grid td .t-dropdown .t-dropdown-wrap,
    #main .adminContent .savedDesigns .t-dropdown .t-select, #main .adminContent .savedDesigns .t-dropdown .t-dropdown-wrap,
    #main .adminContent .ordersDetails .t-grid td .t-combobox .t-select, #main .adminContent .ordersDetails .t-grid td .t-combobox .t-dropdown-wrap,
    #main .adminContent .savedDesigns .t-combobox .t-select, #main .adminContent .savedDesigns .t-combobox .t-dropdown-wrap {
        border: none;
        cursor: pointer;
    }

    #main .adminContent .ordersDetails .t-grid td .t-dropdown .t-icon,
    #main .adminContent .savedDesigns .t-dropdown .t-icon,
    #main .adminContent .ordersDetails .t-grid td .t-combobox .t-icon,
    #main .adminContent .savedDesigns .t-combobox .t-icon {
        background: none;
    }

#main .adminContent .ordersDetails .tabBox .content,
#main .adminContent .ordersDetails .tabBox .content div.contentItem {
    height: auto;
}

    #main .adminContent .ordersDetails .tabBox .content .logItem {
        max-height: 470px;
    }

#main .adminContent .t-grid .t-numerictextbox {
    margin-top: 3px;
}

#customer #main .adminContent .createCases .t-grid .t-numerictextbox {
    margin-top: -2px;
}

#main .adminContent .t-grid .t-numerictextbox .t-input {
    background: url("../Images/inputs_sprite.png") no-repeat -822px top transparent;
    border: none;
    padding: 5px 6px;
    width: 50px;
}

#main .adminContent .t-grid .t-numerictextbox .t-arrow-up {
    margin-top: 4px;
    margin-left: -20px;
}

#main .adminContent .t-grid .t-numerictextbox .t-arrow-down {
    margin-bottom: 4px;
}

/*#main .adminContent .t-grid .t-numerictextbox .t-arrow-down
{
    margin-left: -20px;
}*/

.t-formatted-value {
    font-size: 13px;
    padding: 5px 6px;
}

#main .margin-left-10,
#main .adminContent .ordersDetails div h2.bordered.margin-left-10 {
    margin-left: 10px;
}

#main .margin-top-10 {
    margin-top: 10px;
}

#main .margin-top-15 {
    margin-top: 15px;
}

#main .adminContent .sippingDetails .save,
#main .adminContent .shippingTabSave, .shippingTabSave {
    background: url("../Images/save_button.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    margin-bottom: 10px;
    text-indent: -9999px;
    width: 158px;
}


/* RECENT INFO POPUP
----------------------------------------------------------*/

.recentInfo {
    width: 736px;
    height: 570px;
    overflow-y: auto;
    margin-top: 25px;
}

    .recentInfo h1 {
        color: #8CB516;
        font-size: 18px;
        margin-bottom: 22px;
        width: 50%;
    }

    .recentInfo h2, .recentInfo h2 a {
        color: #4E7109;
        font-size: 16px;
        line-height: 20px;
        margin: 10px 0;
        padding: 0;
        width: 50%;
    }

    .recentInfo .queuedDrawer {
        margin: 10px 10px 0 0;
    }

        .recentInfo .queuedDrawer a {
            padding: 15px 15px 11px;
            background-color: #4E7109;
            color: white;
            font-size: 20px;
        }

    .recentInfo .t-grid {
        background: none;
        border: none;
    }

        #TopPriorityCasesGrid,
        .recentInfo .t-grid table {
            width: 99%;
        }

            #TopPriorityCasesGrid table {
                width: 100%;
            }

        .recentInfo .t-grid .t-grid-header tr {
            height: 30px;
            background: none;
        }

        .recentInfo .t-grid th.t-header {
            font-size: 13px;
            -moz-text-shadow: 0px 1px 1px #ddfaa1;
            -webkit-text-shadow: 0px 1px 1px #ddfaa1;
            text-shadow: 0px 1px 1px #ddfaa1;
            background: url("../Images/Table/thead_W.png") no-repeat left top;
            border-color: #d5d5d5;
            color: #4e7109;
        }

#TopPriorityCasesGrid .t-grid-header {
    background: url("../Images/Table/thead_W.png") no-repeat right top;
}

.recentInfo .t-grid th.t-header .t-link {
    font-size: 13px;
    -moz-text-shadow: 0px 1px 1px #ddfaa1;
    -webkit-text-shadow: 0px 1px 1px #ddfaa1;
    text-shadow: 0px 1px 1px #ddfaa1;
    color: #4e7109;
}

    .recentInfo .t-grid th.t-header .t-link:hover {
        background: none;
    }

.recentInfo .t-grid th.t-header.t-last-header {
    border-right: none;
    background: url("../Images/Table/thead_W.png") no-repeat right top;
}

.recentInfo .t-grid tbody tr {
    background: #f9f9f9;
}

    .recentInfo .t-grid tbody tr td {
        font-size: 13px;
        border-bottom: 1px solid #e6e6e6;
        border-color: #dedede;
        color: #4b4b4b;
        padding: 8px /*0.6em*/ 8px;
        line-height: 18px;
    }

        .recentInfo .t-grid tbody tr td.t-first {
            border-left: 1px solid #c5c5c5;
        }

    .recentInfo .t-grid tbody tr.t-last td.t-first {
        border-left: none;
    }

    .recentInfo .t-grid tbody tr.t-no-data.t-last {
        background: url("../Images/Table/trow.png") no-repeat left bottom;
    }

        .recentInfo .t-grid tbody tr.t-no-data.t-last td {
            background: url("../Images/Table/trow_last_W.png") no-repeat left bottom;
            border: none;
        }

#main .t-grid div.t-grid-content tr.t-no-data td {
    background: #F9F9F9;
    border-bottom: none;
}

.recentInfo .t-grid tbody tr td.t-last {
    border-right: 1px solid #c5c5c5;
}

.recentInfo .t-grid tbody tr.t-last {
    background: url("../Images/Table/trow.png") repeat-y left bottom;
}

    .recentInfo .t-grid tbody tr.t-last td.t-first {
        background: url("../Images/Table/trow_last_W.png") no-repeat left bottom;
    }

    .recentInfo .t-grid tbody tr.t-last td {
        background: url("../Images/Table/trow_last_W.png") no-repeat -7px bottom;
        border-bottom: none;
    }

        .recentInfo .t-grid tbody tr.t-last td.t-last {
            border-right: none;
            background: url("../Images/Table/trow_last_W.png") no-repeat right bottom;
            border-bottom: none;
        }

.recentInfo .t-grid tbody tr td a {
    color: #4E7109;
    text-decoration: underline;
}

    .recentInfo .t-grid tbody tr td a:hover {
        text-decoration: none;
    }

/* OVEN - CASES IN DRAWER POPUP
----------------------------------------------------------*/

.casesInDrawer {
    width: 1156px;
    height: 640px;
    margin-top: 10px;
    margin-bottom: 0px;
    background-color: #E1E1E1;
}

.noRightPanel {
    width: 806px;
}

.casesInDrawer h1 {
    color: #8CB516;
    font-size: 18px;
    margin-bottom: 22px;
    background-color: White;
}

.casesInDrawer h2 {
    color: #4E7109;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
    padding: 0;
    background-color: White;
}

.casesInDrawer .ovenLeft {
    width: 806px;
    height: 640px;
    float: left;
}

.casesInDrawer .ovenRight {
    width: 300px;
    height: 640px;
    float: left;
}

.casesInDrawer .editor-submit {
    margin: 0 0 0 110px;
}

    .casesInDrawer .editor-submit .defectCaseButton {
        width: 204px;
        height: 59px;
        line-height: 59px;
        background: url("../Images/bad_button.png") no-repeat left top;
        margin-top: 40px;
        cursor: pointer;
        display: block;
        text-indent: -9999px;
        border: none;
    }

.casesInDrawer .display-line {
    margin: 6px 0;
}

.casesInDrawer .display-label {
    width: 110px;
    margin-left: 0;
    margin-right: 5px;
    display: inline-block;
    text-align: right;
    vertical-align: top;
}

.casesInDrawer .text-box {
    width: 160px;
    height: 59px;
    display: inline;
}

.casesInDrawer .checkbox {
    width: 23px;
    height: 23px;
    background: url("../Images/checkbox_sprite.png") no-repeat left top;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
    vertical-align: top;
}

    .casesInDrawer .checkbox.checkboxActive {
        background-position: left -23px;
    }

    .casesInDrawer .checkbox input {
        display: none;
    }


.casesInDrawer .t-grid {
    background: none;
    border: none;
}

    .casesInDrawer .t-grid table {
        width: 98%;
    }

    .casesInDrawer .t-grid thead.t-grid-header .t-first-header {
        background: url("../Images/Table/thead_W.png") no-repeat left top;
    }

    .casesInDrawer .t-grid .t-grid-header tr {
        height: 30px;
        background: none;
    }

    .casesInDrawer .t-grid th.t-header {
        font-size: 13px;
        -moz-text-shadow: 0px 1px 1px #ddfaa1;
        -webkit-text-shadow: 0px 1px 1px #ddfaa1;
        text-shadow: 0px 1px 1px #ddfaa1;
        background: url("../Images/Table/thead_W.png") no-repeat -7px top;
        border-color: #d5d5d5;
        color: #4e7109;
    }

        .casesInDrawer .t-grid th.t-header .t-link {
            font-size: 13px;
            -moz-text-shadow: 0px 1px 1px #ddfaa1;
            -webkit-text-shadow: 0px 1px 1px #ddfaa1;
            text-shadow: 0px 1px 1px #ddfaa1;
            color: #4e7109;
        }

        .casesInDrawer .t-grid th.t-header.t-last-header {
            border-right: none;
            background: url("../Images/Table/thead_W.png") no-repeat right top;
        }

    .casesInDrawer .t-grid tbody tr {
        background: #f9f9f9;
    }

        .casesInDrawer .t-grid tbody tr.t-state-selected td,
        .casesInDrawer .t-grid tbody tr.t-state-selected td.t-last,
        .casesInDrawer .t-grid tbody tr.t-alt.t-state-selected td,
        .casesInDrawer .t-grid tbody tr.t-alt.t-state-selected td.t-last,
        .casesInDrawer .t-grid tbody tr.t-last.t-state-selected td,
        .casesInDrawer .t-grid tbody tr.t-last.t-state-selected td.t-last,
        .casesInDrawer .t-grid tbody tr.t-last.t-alt.t-state-selected td,
        .casesInDrawer .t-grid tbody tr.t-last.t-alt.t-state-selected td.t-last {
            background: #e8f6ca;
        }

        .casesInDrawer .t-grid tbody tr td {
            font-size: 13px;
            border-bottom: 1px solid #e6e6e6;
            border-color: #dedede;
            color: #4b4b4b;
            padding: 8px /*0.6em*/ 8px;
            line-height: 18px;
        }

            .casesInDrawer .t-grid tbody tr td.t-first {
                border-left: 1px solid #c5c5c5;
            }

        .casesInDrawer .t-grid tbody tr.t-last td.t-first {
            border-left: none;
        }

        .casesInDrawer .t-grid tbody tr.t-no-data.t-last {
            background: url("../Images/Table/trow.png") no-repeat left bottom;
        }

            .casesInDrawer .t-grid tbody tr.t-no-data.t-last td {
                background: url("../Images/Table/trow_last_W.png") no-repeat left bottom;
                border: none;
            }

    .casesInDrawer .t-grid div.t-grid-content tr.t-last td, #main .t-grid div.t-grid-content tr.t-no-data td {
        background: #F9F9F9;
        border-bottom: none;
    }

        .casesInDrawer .t-grid div.t-grid-content tr.t-last td.t-last {
            background: #F9F9F9;
        }

    .casesInDrawer .t-grid tbody tr td.t-last {
        border-right: 1px solid #c5c5c5;
    }

    .casesInDrawer .t-grid tbody tr.t-last {
        background: url("../Images/Table/trow.png") repeat-y left bottom;
    }

        .casesInDrawer .t-grid tbody tr.t-last td.t-first {
            background: url("../Images/Table/trow_last_W.png") no-repeat left bottom;
        }

        .casesInDrawer .t-grid tbody tr.t-last td {
            background: url("../Images/Table/trow_last_W.png") no-repeat -7px bottom;
            border-bottom: none;
        }

            .casesInDrawer .t-grid tbody tr.t-last td.t-last {
                border-right: none;
                background: url("../Images/Table/trow_last_W.png") no-repeat right bottom;
                border-bottom: none;
            }

    .casesInDrawer .t-grid tbody tr td a {
        color: #4E7109;
        text-decoration: underline;
    }


.customerDesigns .t-grid tbody tr td img {
    height: 120px;
    width: 80px;
}

.customerDesigns .t-grid tbody tr td a span.zoom {
    width: 22px;
    height: 20px;
    background: url("../Images/zoom_button.png") no-repeat left top;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
    position: absolute;
    right: -10px;
    top: 0px;
    text-decoration: none;
}


/* TAB BOX MODEL   
----------------------------------------------------------*/

#main .tabBox .tabs {
    padding: 0;
    overflow: hidden;
    margin-bottom: -1px;
    height: 26px;
}

    #main .tabBox .tabs li {
        float: left;
        list-style: none;
        margin-top: 2px;
        padding: 0 5px;
        height: 24px;
        overflow: hidden;
        position: relative;
        z-index: 1;
        background: url("../Images/Tabs/unselected_tab.png") no-repeat left top;
    }

        #main .tabBox .tabs li.last {
            padding-right: 0;
        }

        #main .tabBox .tabs li.selected {
            background: url("../Images/Tabs/selected_tab.png") no-repeat left top;
            z-index: 3;
        }

    #main .tabBox .tabs a {
        width: auto;
        font-size: 13px;
        float: left;
        height: 26px;
        line-height: 26px;
        border-bottom: 0;
        padding: 0 10px 0 5px;
        color: #333333;
        background: url("../Images/Tabs/unselected_tab.png") no-repeat right -30px;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
        display: block;
    }

    #main .tabBox .tabs .selected a {
        color: #648400;
        background: url("../Images/Tabs/selected_tab.png") no-repeat right -30px;
    }

#main .tabBox .content {
    width: 100%;
    height: 474px;
    clear: left;
    position: relative;
    z-index: auto;
}

#main .qcDrawerLeft .tabBox .content {
    height: auto;
}

#main .tabBox .content div.contentItem {
    height: 416px;
    padding: 27px 11px;
    border-top: 1px solid #ffffff;
    display: none;
    overflow-y: auto;
}

#main .qcDrawerLeft .tabBox .content div.contentItem {
    height: auto;
}

#main .tabBox .content div.selected,
#main .tabBox .content div div,
.adminContent .customerDetails div {
    display: block;
}

    #main .tabBox .content div div.t-numeric {
        display: inline-block;
    }


#main .createCustomer div div div div div.CustomerInfo {
    width: 650px;
    padding-right: 10px;
}

#main .createCustomerPadding {
    padding-bottom: 20px;
    padding-top: 10px;
}


/* TABLE MODEL   
----------------------------------------------------------*/

#main .t-grid {
    background: none;
    border: none;
}

    #main .t-grid table {
        width: 1032px;
        background: none;
    }

#customer #main .t-grid table {
    width: 958px;
}

#main .t-grid div.t-grid-header {
    width: 1032px;
    height: 58px;
    padding-right: 0;
    border: none;
    background: url("../Images/Table/thead.png") no-repeat left top;
}

    #main .t-grid thead.t-grid-header .t-first-header, #main .t-grid div.t-grid-header .t-first-header {
        background: url("../Images/Table/thead.png") no-repeat left top;
    }

#main .t-grid .t-grid-header tr {
    height: 58px;
    background: none;
}

#main .t-grid th.t-header {
    font-size: 13px;
    -moz-text-shadow: 0px 1px 1px #ddfaa1;
    -webkit-text-shadow: 0px 1px 1px #ddfaa1;
    text-shadow: 0px 1px 1px #ddfaa1;
    background: url("../Images/Table/thead.png") no-repeat -7px top;
    border-color: #d5d5d5;
    color: #4e7109;
}

#main #PrintingCasesGrid.t-grid th.t-header a {
    -moz-text-shadow: 0px 1px 1px #ddfaa1;
    -webkit-text-shadow: 0px 1px 1px #ddfaa1;
    text-shadow: 0px 1px 1px #ddfaa1;
    color: #4e7109;
    text-decoration: underline;
}

    #main #PrintingCasesGrid.t-grid th.t-header a:hover {
        text-decoration: none;
    }

#main .t-grid th.t-header span.numberOf {
    font-size: 10px;
    white-space: nowrap;
    display: block;
    margin: -13px auto 2px auto;
}

#main .t-grid th.t-header .t-dropdown,
#main .t-grid th.t-header .t-combobox {
    margin-left: auto;
    margin-right: auto;
}

#main .t-grid th.t-header .t-link {
    font-size: 13px;
    -moz-text-shadow: 0px 1px 1px #ddfaa1;
    -webkit-text-shadow: 0px 1px 1px #ddfaa1;
    text-shadow: 0px 1px 1px #ddfaa1;
    color: #4e7109;
}

    #main .t-grid th.t-header .t-link:hover {
        background: none;
    }

#main .t-grid th.t-header.t-last-header {
    border-right: none;
    background: url("../Images/Table/thead.png") no-repeat right top;
}

#main .t-grid div.t-grid-content {
    width: 1030px;
    max-height: 600px;
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #f9f9f9;
}

    #main .t-grid div.t-grid-content table {
        width: 100%;
    }

#main .t-grid table tr.t-state-highlighted td {
    background: #fccfba;
}

#main .t-grid div.t-grid-content table tbody tr td.t-last {
    border-right: none;
}

#main .t-grid .t-grid-content tr.t-last td.t-last, #main .t-grid .t-grid-content tr.t-no-data td {
    border-right: none;
}

#main .t-grid tbody tr.t-alt {
    background-color: #f9f9f9;
}

#main .t-grid tbody tr {
    background: #f9f9f9;
}

    #main .t-grid tbody tr td {
        font-size: 13px;
        border-bottom: 1px solid #e6e6e6;
        border-color: #dedede;
        color: #4b4b4b;
        padding: 12px /*0.6em*/ 8px;
        line-height: 18px;
    }

#main .scrollTable .t-grid .t-grid-header .t-header, #main .scrollTable .t-grid .t-grid-header .t-last-header {
    padding: /*4px 8px*/ 0px;
    border: none;
}

    #main .scrollTable .t-grid .t-grid-header .t-header .t-link, #main .scrollTable .t-grid .t-grid-header .t-last-header .t-link,
    #main .scrollTable .t-grid .t-grid-header .t-header span {
        padding: 20px 9px 10px;
        margin: 0;
        display: block;
        height: 28px;
    }

    #main .scrollTable .t-grid .t-grid-header .t-last-header .t-link,
    #main .scrollTable .t-grid .t-grid-header .t-last-header span,
    #main .scrollTable .t-grid .t-grid-content tr.t-no-data td span,
    #main .scrollTable .t-grid .t-grid-header .t-header.t-last-header span,
    #main .scrollTable .t-grid tbody tr td.t-last span {
        background: none;
    }

    #main .scrollTable .t-grid .t-grid-header .t-header .t-link,
    #main .scrollTable .t-grid .t-grid-header .t-header span,
    #main .scrollTable .t-grid tbody tr td span {
        background: url("../Images/Table/thead-border.png") repeat-y right top;
    }

#main .scrollTable .t-grid tbody tr td {
    border-left: none;
    border-top: none;
    border-right: none;
}

    #main .scrollTable .t-grid tbody tr td span {
        display: block;
        padding: 12px 8px;
    }

#main .t-grid tbody tr.t-state-selected td, #main .t-grid div.t-grid-content tr.t-last.t-state-selected td, #main .t-grid div.t-grid-content tr.t-last.t-state-selected td.t-last {
    background: #e8f6ca;
}

#main .t-grid tbody tr td a {
    color: #4e7109;
    text-decoration: underline;
}

    #main .t-grid tbody tr td a:hover {
        text-decoration: none;
    }

    #main .t-grid tbody tr td a.remove {
        width: 22px;
        height: 23px;
        background: url("../Images/delete_button.png") no-repeat left top;
        cursor: pointer;
        display: block;
        text-indent: -9999px;
        margin-top: 3px;
        margin-bottom: 45px;
    }

    #main .t-grid tbody tr td a.refresh {
        width: 22px;
        height: 23px;
        background: url("../Images/refresh_button.jpg") no-repeat left top;
        cursor: pointer;
        display: block;
        text-indent: -9999px;
        margin-top: 3px;
    }

    #main .t-grid tbody tr td a.holditem {
        width: 22px;
        height: 23px;
        background: url("../Images/holditem_button.png") no-repeat left top;
        cursor: pointer;
        display: block;
        text-indent: -9999px;
        margin-top: 3px;
    }

    #main .t-grid tbody tr td a.case-image-link {
        width: 80px;
        position: relative;
        display: block;
    }

    #main .t-grid tbody tr td a.case-Image-url,
    #main .t-grid tbody tr td a.design-image-url {
        display: block;
        position: relative;
    }

        #main .t-grid tbody tr td a.case-Image-url img,
        #main .t-grid tbody tr td a.design-image-url img {
            display: block;
            width: 50px;
        }

    #main .t-grid tbody tr td a.case-image-link img {
        width: 80px;
    }

#case-detail-image {
    width: 130px;
    position: relative;
    display: block;
    margin: 20px 40px 0 0;
    float: right;
}

    #case-detail-image .case-image-link img {
        width: 130px;
    }

.casesInDrawer .case-Image-url {
    width: 80px;
}

#case-detail-image span.zoom,
#main .t-grid tbody tr td span.zoom {
    width: 22px;
    height: 20px;
    background: url("../Images/zoom_button.png") no-repeat left top;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
    position: absolute;
    right: -10px;
    top: 0px;
    text-decoration: none;
}

.drawerThumbnail {
    vertical-align: middle;
    max-height: 100px;
    margin-right: 20px;
}

#main .t-grid tbody tr td.t-first {
    border-left: 1px solid #c5c5c5;
}

#main .t-grid tbody tr.t-last td.t-first {
    border-left: none;
}

#main .t-grid tbody tr.t-no-data.t-last,
#customer #main .t-grid tbody tr.t-no-data.t-last {
    background: url("../Images/Table/trow_last.png") no-repeat left bottom;
}

    #main .t-grid tbody tr.t-no-data.t-last td {
        background: url("../Images/Table/trow_last_right_part.png") no-repeat right bottom;
        border: none;
    }

#main .t-grid div.t-grid-content tr.t-last td, #main .t-grid div.t-grid-content tr.t-no-data td {
    background: #F9F9F9;
    border-bottom: none;
}

    #main .t-grid div.t-grid-content tr.t-last td.t-last {
        background: #F9F9F9;
    }

#main .t-grid tbody tr td.t-last {
    border-right: 1px solid #c5c5c5;
}

#main .t-grid tbody tr.t-last {
    background: url("../Images/Table/trow.png") repeat-y left bottom;
}

#customer #main .t-grid tbody tr.t-last {
    background: url("../Images/Table/trow-958.png") repeat-y left bottom;
}

#main .t-grid tbody tr.t-last td.t-first {
    background: url("../Images/Table/trow_last.png") no-repeat left bottom;
}

#main .t-grid tbody tr.t-last td {
    background: url("../Images/Table/trow_last.png") no-repeat -7px bottom;
    border-bottom: none;
}

    #main .t-grid tbody tr.t-last td.t-last {
        border-right: none;
        background: url("../Images/Table/trow_last.png") no-repeat right bottom;
        border-bottom: none;
    }

#main .t-grid .t-refresh {
    width: 97px;
    height: 37px;
    line-height: 37px;
    background: url("../Images/refresh_button.png") no-repeat left top;
    margin-top: 8px;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
}

#main input.refreshButton {
    background: url("../Images/ok_button.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    margin-top: 4px;
    height: 34px;
    width: 80px;
    display: block;
    text-indent: -9999px;
}

#main .t-grid .t-pager {
    margin-top: 17px;
}

    #main .t-grid .t-pager .t-page-size .t-dropdown,
    #main .t-grid .t-pager .t-page-size .t-combobox {
        margin-top: -4px;
    }

#main .t-grid .t-page-i-of-n input {
    background: url("../Images/inputs_sprite.png") no-repeat scroll -51px top transparent;
    border: medium none;
    color: #333333;
    display: inline-block;
    font-family: "Arial",Serif;
    font-size: 12px;
    height: 29px;
    line-height: 16px;
    max-width: 89px;
    min-width: 89px;
    padding: 0 3px;
    width: 89px;
    margin: -4px 5px 0 5px;
}

#main .t-grid .t-grid-bottom .t-status {
    height: auto;
}

#main .t-grid .t-grid-bottom, #main .t-grid .t-status {
    background: none;
    border: none;
    padding-left: 0;
    margin-left: 0;
}

#main .t-grid .t-grid-pager .t-status-text {
    margin-top: 5px;
    font-size: 12px;
    -moz-text-shadow: 0px 1px 1px #ffffff;
    -webkit-text-shadow: 0px 1px 1px #ffffff;
    text-shadow: 0px 1px 1px #ffffff;
    color: #333333;
}

#main .t-grid div.t-grid-footer {
    padding: 0;
    border: none;
}

    #main .t-grid div.t-grid-footer table tr td {
        padding: 0;
        line-height: 6px;
    }

    #main .t-grid div.t-grid-footer table td.t-first {
        border: none;
        background: url("../Images/Table/trow_last.png") no-repeat left bottom;
    }

    #main .t-grid div.t-grid-footer table td {
        background: url("../Images/Table/trow_last.png") no-repeat -7px bottom;
        border: none;
    }

        #main .t-grid div.t-grid-footer table td.t-last {
            border: none;
            background: url("../Images/Table/trow_last.png") no-repeat right bottom;
        }

/* BOX MODEL   
----------------------------------------------------------*/

.box {
    margin: 11px;
    background: #dadada;
    position: relative;
}

    .box .boxTopLeft {
        width: 11px;
        height: 11px;
        background: url("../Images/Box/box_top-left.png") no-repeat top left;
        position: absolute;
        left: -11px;
        top: -11px;
    }

    .box .boxTop {
        width: 100%;
        height: 11px;
        background: url("../Images/Box/box_top.png") repeat-x top left;
        position: absolute;
        left: 0px;
        top: -11px;
    }

    .box .boxTopRight {
        width: 11px;
        height: 11px;
        background: url("../Images/Box/box_top-right.png") no-repeat top left;
        position: absolute;
        right: -11px;
        top: -11px;
    }

    .box .boxLeft {
        width: 11px;
        height: 100%;
        background: url("../Images/Box/box_left.png") repeat-y top left;
        position: absolute;
        left: -11px;
        top: 0px;
    }

    .box .boxRight {
        width: 11px;
        height: 100%;
        background: url("../Images/Box/box_right.png") repeat-y top left;
        position: absolute;
        right: -11px;
        top: 0px;
    }

    .box .boxBottomLeft {
        width: 11px;
        height: 11px;
        background: url("../Images/Box/box_bottom-left.png") no-repeat top left;
        position: absolute;
        left: -11px;
        bottom: -11px;
    }

    .box .boxBottom {
        width: 100%;
        height: 11px;
        background: url("../Images/Box/box_bottom.png") repeat-x top left;
        position: absolute;
        left: 0px;
        bottom: -11px;
    }

    .box .boxBottomRight {
        width: 11px;
        height: 11px;
        background: url("../Images/Box/box_bottom-right.png") no-repeat top left;
        position: absolute;
        right: -11px;
        bottom: -11px;
    }

    .box .boxArrow {
        width: 22px;
        height: 37px;
        background: url("../Images/Box/box_arrow.png") no-repeat top left;
        position: absolute;
        right: -32px;
    }

    .box .boxArrowLeft {
        width: 22px;
        height: 37px;
        background: url("../Images/Box/box_arrow_left.png") no-repeat top left;
        position: absolute;
        left: -32px;
        top: 30px;
    }

    .box .box-content {
        min-height: 50px;
    }

/* ADMINISTRATION SHARED LAYOUT   
----------------------------------------------------------*/

#GridDevices .t-hierarchy-cell a {
    display: none;
}

#GridDevices .t-header {
    display: none;
}

#GridDevices a.t-button {
    display: inline;
    border-style: none;
    background: none;
}

#GridDevices button.t-button {
    display: inline;
    border-style: none;
    background: none;
}

#GridDevices tr.notInStock {
    color: gray;
}

#GridDevices a.t-grid-cancel {
    display: none;
}

td.simpleButton a {
    display: inline;
    border-style: none;
    background: none;
}

a.simpleButton {
    display: inline;
    border-style: none;
    background: none;
}

span.label {
    float: left;
    margin: 4px 20px 0 0;
}

div.rightPanel {
    padding-left: 20px;
}

div.errorMessage {
    margin: 20px 20px 20px 20px;
}

div.menuLeft {
    float: left;
    padding-right: 20px;
    width: 220px;
}

    div.menuLeft ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    div.menuLeft a {
        display: block;
        margin: 0;
        padding: 2px 3px;
        text-decoration: none;
    }

    div.menuLeft li.selected {
        background-color: #ccc;
    }

span.editor-label {
    width: 200px;
    float: left;
}

span.editor-field input {
    width: 30px;
}

#feedback {
    font-size: 1.4em;
}

#cases-grid {
    clear: right;
    overflow: auto;
    position: relative;
}

#extra-info {
    border: 1px solid #DDDDDD;
}

div .selected-case {
    width: 400px;
    height: 700px;
    border: 1px solid #DDDDDD;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    padding: 0;
    position: relative;
    margin: 5px 0 0 0;
    text-align: left;
}

    ul#menu li {
        display: inline;
        list-style: none;
    }

        ul#menu li#greeting {
            padding: 10px 20px;
            font-weight: bold;
            text-decoration: none;
            line-height: 2.8em;
            color: #fff;
        }

        ul#menu li a {
            padding: 10px 20px;
            font-weight: bold;
            text-decoration: none;
            line-height: 2.8em;
            border-top: 3px solid #00A7ED;
            background-color: #0D0D0D;
            color: #FFFFFF;
            text-decoration: none;
        }

            ul#menu li a:hover, ul#menu li.selected a {
                background-color: #FFFFFF;
                color: #0D0D0D;
                text-decoration: none;
            }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: none;
    padding: 3px;
    margin: 10px 0;
    display: block;
}

.legendBlock {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

    table td {
        padding: 5px;
        border: solid 1px #e8eef4;
    }

    table th {
        padding: 6px 5px;
        text-align: left;
        background-color: #e8eef4;
        border: solid 1px #e8eef4;
    }


/* Styling for notices
************************************/
.info-notice, .success-notice, .warning-notice, .error-notice {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info-notice {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../Images/Icons/notice-info.png');
}

.success-notice {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../Images/Icons/notice-success.png');
}

.warning-notice {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../Images/Icons/notice-warning.png');
}

.error-notice {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../Images/Icons/notice-error.png');
}

#message-list .info-notice,
#message-list .success-notice,
#message-list .warning-notice,
#message-list .error-notice {
    margin: 0;
    padding: 8px 5px 8px 50px;
}

#message-list {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
    visibility: hidden;
}

.error {
    color: Red;
}

#menucontainer {
    float: left;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
    float: right;
}

    #logindisplay a:link {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:visited {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:hover {
        color: white;
        text-decoration: none;
    }

/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label {
    /*margin: 1em 0 0 0;*/
}

.display-field, .editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

    .text-box.multi-line {
        height: 6.5em;
    }

.tri-state {
    width: 6em;
}

.t-state-highlighted {
    color: #fccfba;
}

/***********************************
    Strict styles
***********************************/

.ui-dialog.ui-widget-content {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
}

.ui-dialog .ui-widget-header {
    border: none;
    background: none;
}

    .ui-dialog .ui-widget-header .ui-dialog-title {
        color: #8CB516;
        font-size: 18px;
        margin: 14px 0 22px 0;
    }

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    position: absolute;
    right: 17px;
    top: 9px;
}

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover {
        background: none;
        border: none;
    }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
        width: 34px;
        height: 34px;
        background: url("../Content/FancyBox/fancy_close.png") no-repeat scroll left top transparent;
    }

.ui-dialog .ui-dialog-content {
    font-size: 12px;
    color: #333333;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear {
    height: 0px;
    clear: both;
    display: block;
}

.floatbox {
    display: table;
    width: 100%;
}

.left {
    float: left;
}

.right {
    float: right;
}

.w-100,
#main .adminContent .ordersDetails .newShipping.w-100 {
    width: 100%;
}

.w-98-prc,
#main .adminContent .ordersDetails .newShipping.w-98-prc {
    width: 98%;
}

#customer #main .adminContent .ordersDetails .newShipping .field-line {
    width: 648px;
}

.w-79 {
    width: 79%;
}

.w-50 {
    width: 50%;
}

.w-18 {
    width: 18%;
}

.margin-right-40 {
    margin-right: 40px;
}

.label-width-90 {
    width: 90px;
    display: inline-block;
    padding: 3px;
}

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

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

.inline-block {
    display: inline-block;
}

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

.column-70 {
    width: 70%;
    float: left;
}

.column-30 {
    width: 30%;
    float: left;
}

.greenButton {
    font-size: 16px;
    padding: 5px;
    border: 1px solid #a9ce28;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: url("Images/buttons_gradients.png") repeat-x left -128px #b7df2e;
    cursor: pointer;
}

.greenButtonHolder a, #main .t-grid-update,
#main .t-grid-edit,
#main .t-grid-add,
#main #GridDevices .t-grid-insert,
#main #GridDevices .t-grid-edit,
#main #GridDevices .t-grid-update {
    font-size: 11px;
    padding: 5px;
    border: 1px solid #a9ce28;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: url("Images/buttons_gradients.png") repeat-x left -128px #b7df2e;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

    .greenButtonHolder a:hover,
    #main .t-grid-update:hover,
    #main .t-grid-edit:hover,
    #main .t-grid-add:hover,
    #main #GridDevices .t-grid-insert:hover,
    #main #GridDevices .t-grid-edit:hover,
    #main #GridDevices .t-grid-update:hover {
        text-decoration: none;
    }

.redButton {
    font-size: 16px;
    padding: 5px;
    border: 1px solid #ed6d01;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: url("Images/buttons_gradients.png") repeat-x left top #fe7503;
    cursor: pointer;
}

.redButtonHolder a,
#main .t-grid-cancel,
#main .t-grid-delete {
    font-size: 11px;
    padding: 5px;
    border: 1px solid #ed6d01;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: url("Images/buttons_gradients.png") repeat-x left top #fe7503;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

    .redButtonHolder a:hover, #main .t-grid-cancel:hover, #main .t-grid-delete:hover {
        text-decoration: none;
    }

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

label {
    padding: 3px;
    display: inline-block;
}

#main .t-header {
    white-space: normal;
}

/***********************************
    Autocomplete
***********************************/

.t-animation-container .t-autocomplete {
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-bottom: 0;
    margin-top: 5px;
}

    .t-animation-container .t-autocomplete ul {
        line-height: 0;
    }

        .t-animation-container .t-autocomplete ul li {
            padding: 0;
            border-bottom: 1px solid #E0E0E0;
        }

            .t-animation-container .t-autocomplete ul li span {
                line-height: 12px;
                color: #4B4B4B;
            }

.t-autocomplete .autoComplete-header {
    background: url("../Images/autocomplete_head.png") repeat-x left top;
    -moz-text-shadow: 0px 1px 1px #ddfaa1;
    -webkit-text-shadow: 0px 1px 1px #ddfaa1;
    text-shadow: 0px 1px 1px #ddfaa1;
    color: #4e7109;
}

.t-autocomplete .left-autoComplete-header-column, .t-autocomplete .left-autoComplete-item-column {
    border-right: 1px solid #E0E0E0;
}

.left-autoComplete-header-column, .right-autoComplete-header-column {
}

.left-autoComplete-header-column, .right-autoComplete-header-column, .left-autoComplete-item-column, .right-autoComplete-item-column {
    width: 100px;
    display: inline-block;
    overflow: hidden;
    padding: 5px;
}

/***********************************
    Error field
***********************************/

.field-validation-error {
    padding: 5px;
    color: #ED0000;
    margin: 10px 0;
    display: block;
}

/***********************************
    Printer page
***********************************/

#DrawerId {
    margin: 18px auto 5px auto;
    display: block;
}

.input-51 {
    width: 51px;
    height: 29px;
    background: url("../Images/inputs_sprite.png") no-repeat left top;
    display: inline-block;
}

    .input-51 input {
        width: 45px;
        height: 16px;
        line-height: 16px;
        padding: 0 3px;
        margin-top: 7px;
        font-family: "Arial", Serif;
        font-size: 12px;
        color: #333333;
        background: none;
        border: none;
    }

.input-95 {
    width: 95px;
    height: 29px;
    background: url("../Images/inputs_sprite.png") no-repeat -51px top;
    display: inline-block;
}

    .input-95 input, .input-95 .text-box {
        width: 89px;
        height: 16px;
        line-height: 16px;
        padding: 0 3px;
        margin-top: 7px;
        font-family: "Arial", Serif;
        font-size: 12px;
        color: #848484;
        background: none;
        border: none;
    }

.input-145 {
    width: 145px;
    height: 29px;
    background: url("../Images/inputs_sprite.png") no-repeat -884px top;
    display: inline-block;
}

    .input-145 input {
        width: 139px;
        height: 16px;
        line-height: 16px;
        padding: 0 3px;
        margin-top: 7px;
        font-family: "Arial", Serif;
        font-size: 12px;
        color: #333333;
        background: none;
        border: none;
    }


.input-202 {
    width: 202px;
    height: 29px;
    background: url("../Images/inputs_sprite.png") no-repeat -146px top;
    display: block;
}

.input-Comment {
    width: 1000px;
    height: 59px;
    background: none;
    display: inline;
}

.fake-input-202 {
    width: 202px;
    height: 29px;
    background: none;
    display: block;
}

.fake-input-300 {
    width: 300px;
    height: 29px;
    background: none;
    display: block;
}

.fake-input-145 {
    width: 145px;
    height: 29px;
    background: none;
    display: block;
}

.fake-input-150 {
    width: 150px;
    height: 29px;
    background: none;
    display: block;
}

.input-202 input {
    width: 196px;
    height: 16px;
    line-height: 16px;
    padding: 0 3px;
    margin-top: 6px;
    font-family: "Arial", Serif;
    font-size: 12px;
    color: #333333;
    background: none;
    border: none;
}

.input-354 {
    width: 354px;
    height: 29px;
    background: url("../Images/inputs_sprite.png") no-repeat -468px top;
    display: block;
}

    .input-354 input {
        width: 348px;
        height: 16px;
        line-height: 16px;
        padding: 0 3px;
        margin-top: 6px;
        font-family: "Arial", Serif;
        font-size: 12px;
        color: #333333;
        background: none;
        border: none;
    }


#OrderAutoComplete, #ImageAutoComplete {
    height: 16px;
    line-height: 16px;
    padding: 0 3px;
    margin-top: 7px;
    font-family: "Arial", Serif;
    font-size: 12px;
    color: #848484;
    background: none;
    border: none;
}

#OrderAutoComplete {
    width: 45px;
}

#ImageAutoComplete, .caseTracking #OrderAutoComplete {
    width: 89px;
}

/***********************************
    Oven page
***********************************/

#FormDecorateSubmit input {
    width: 100%;
    font-size: 24px;
    margin: 0 auto 15px auto;
    padding: 8px 5px;
    display: block;
    cursor: pointer;
}

#FormBackToPrinterSubmit input {
    width: 100%;
    font-size: 14px;
    margin: 5px auto;
    display: block;
    cursor: pointer;
}

#HSelectedDrawerName {
    font-size: 32px;
    text-align: center;
}

#HSelectedDrawerCount {
    text-align: center;
}

#HSelectedDrawerDevice {
    text-align: center;
}

/***********************************
    QC page
***********************************/

#FormCheckSubmit input {
    width: 100%;
    font-size: 24px;
    margin: 0 auto 15px auto;
    padding: 8px 5px;
    display: block;
    cursor: pointer;
}

#FormBackToOvenSubmit input {
    width: 100%;
    font-size: 14px;
    margin: 5px auto;
    display: block;
    cursor: pointer;
}

/***********************************
    QC drawer
***********************************/

.qcDrawer {
    width: 100%;
}

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

    .qcDrawer .cancelButtonHolder {
        text-align: right;
    }

        .qcDrawer .cancelButtonHolder input {
            font-size: 11px;
            margin-right: 72px;
            padding: 5px;
        }

        .qcDrawer .cancelButtonHolder #cancel-check-button {
            margin-right: 5px;
        }

    .qcDrawer .columns {
        width: 100%;
    }

    .qcDrawer .column {
        width: 31%;
        margin-right: 10px;
    }

    .qcDrawer .column-last {
        width: 31%;
        margin-right: 10px;
        float: left;
        padding: 0px;
        border: none;
    }

    .qcDrawer .allMatched {
        margin-top: 5px;
        font-size: 11px;
    }

    .qcDrawer .good-button, .qcDrawer .bad-button {
        width: 100%;
        height: 30px;
        font-size: 16px;
        margin: 5px auto;
        cursor: pointer;
        display: block;
    }

#criteria .left {
    margin-right: 10px;
}

#criteria ul {
    padding: 0;
    list-style-type: none;
}

    #criteria ul li {
        float: left;
        margin-right: 11px;
    }

#comments-area {
    width: 99%;
    margin-top: 10px;
}

#drawerInfo {
    margin-top: -10px;
}

#holdingInfo {
    margin-top: 1.5em;
}

#drawerInfo, #holdingInfo {
    padding: 5px;
}

    #drawerInfo div strong, #drawerInfo div span {
        width: 38%;
        padding: 20px 5%;
        display: inline-block;
        vertical-align: middle;
    }

    #drawerInfo div strong {
        font-size: 32px;
    }

    #drawerInfo div span {
        font-size: 24px;
    }

    #holdingInfo strong {
        font-size: 18px;
    }

    #holdingInfo .action {
        float: right;
    }

/***********************************
    Administration
***********************************/

.caseDetails ul.detailsList {
    padding: 0;
    margin-bottom: 0;
    list-style-type: none;
}

    .caseDetails ul.detailsList li {
        margin: 3px 0;
    }

        .caseDetails ul.detailsList li strong, .caseDetails ul.detailsList li span {
            width: 50%;
            display: inline-block;
        }

.caseDetails .backButtonHolder a {
    float: right;
}

.userModel {
    margin-top: 15px;
}

.devicesAndCT .t-grid td {
    border-right: none;
}

.mcDrawers, .mcBins {
    margin-top: 20px;
    padding-bottom: 40px;
    display: inline-block;
}

    .mcDrawers .errorMessage, .mcBins .errorMessage {
        margin: 20px 10px 0 0;
    }

    .mcBins .field-validation-error {
        width: 100%;
        display: inline-block;
    }


/*Window*/

body .t-window {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 0 0 #aaa;
    -webkit-box-shadow: 0 0 0 0 #aaa;
    box-shadow: 0 0 0 0 #aaa;
}

.t-window .note {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 20px 0;
}

.t-window .t-window-title {
    color: #8CB516;
    font-size: 18px;
    padding: 0 15px;
    position: static;
}

.t-window .t-window-titlebar,
.t-window .t-window-actions {
    background: none;
    border: none;
}

.t-window .t-window-titlebar {
    padding: 25px 0 0 0;
}

    .t-window .t-window-titlebar .t-window-action {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.t-window .t-window-action {
    padding: 0;
}

    .t-window .t-window-action .t-close {
        width: 34px;
        height: 34px;
        background: url("FancyBox/fancy_close.png") no-repeat scroll left top transparent;
        position: relative;
        right: 17px;
        top: 3px;
    }

.t-window .t-header .t-state-hover {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

.t-window div.t-window-content {
    position: static;
    padding: 4px 20px 20px 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.t-window .ident-15 {
    margin-left: 15px;
}

body .t-window .printLabel {
    background: url("../Images/print_label_button.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    height: 45px;
    margin-top: 5px;
    text-indent: -9999px;
    width: 158px;
}

#customer .t-animation-container .t-popup.t-group,
#customer .t-animation-container .t-popup.t-group ul {
    max-height: 147px !important;
}

body .t-window .t-dropdown,
.ui-dialog .t-dropdown,
body .t-window .t-combobox,
.ui-dialog .t-combobox {
    background: url("../Images/dropdowns_sprite.png") no-repeat scroll -151px top transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 29px;
    padding: 0;
    width: 145px;
    min-width: 145px;
    max-width: 145px;
    vertical-align: middle;
}

.ui-dialog .ui-dialog-buttonpane {
    border: none;
}

    .ui-dialog .ui-dialog-buttonpane .okButton {
        background: url("../Images/ok_button.png") no-repeat scroll left top transparent;
        border: medium none;
        cursor: pointer;
        margin-top: 20px;
        height: 34px;
        width: 80px;
    }

        .ui-dialog .ui-dialog-buttonpane .okButton span {
            display: none;
        }

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover {
    padding: 1px;
}

body .t-window .t-dropdown .t-select, body .t-window .t-dropdown .t-dropdown-wrap,
.ui-dialog .t-dropdown .t-select, .ui-dialog .t-dropdown .t-dropdown-wrap,
body .t-window .t-combobox .t-select, body .t-window .t-combobox .t-dropdown-wrap,
.ui-dialog .t-combobox .t-select, .ui-dialog .t-combobox .t-dropdown-wrap {
    border: none;
    cursor: pointer;
}

body .t-window .t-dropdown .t-icon,
.ui-dialog .t-dropdown .t-icon,
body .t-window .t-combobox .t-icon,
.ui-dialog .t-combobox .t-icon {
    background: none;
}

body .t-window .t-dropdown.t-state-disabled,
#ParselParameters form.disabled .t-dropdown,
body .t-window .t-combobox.t-state-disabled,
#ParselParameters form.disabled .t-combobox {
    background: url("../Images/dropdowns_disabled_sprite.png") no-repeat scroll -151px top transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 29px;
    padding: 0;
    width: 145px;
    min-width: 145px;
    max-width: 145px;
    vertical-align: middle;
    cursor: default;
}

#ParselParameters .cholder {
    padding-top: 10px;
}

#ParselParameters form.disabled .input-145 {
    background: url("../Images/inputs_disabled_sprite.png") no-repeat -884px top;
}

#ParselParameters input[type=radio] {
    vertical-align: top;
}

#ParselParameters form.disabled .editor-label label {
    color: #898989;
}

#ParselParameters form.disabled .text-box {
    color: #ddd;
}

#ParselParameters form {
    margin-left: 16px;
}

#ParselParameters p {
    margin-bottom: 10px;
}

#ParselParameters .field-validation-error {
    display: block;
    width: 135px;
    margin: 0;
}

#ParselParameters form.disabled .field-validation-error {
    display: none !important;
}

#ParselParameters,
#ParselParameters .t-window-content {
    height: auto !important;
}

    #ParselParameters .errmes {
        color: Red;
        margin-top: 10px;
        margin-left: 15px;
    }

/*Print Shipping Label*/

#main .printShippingLabel .t-grid table {
    width: 100%;
    margin-top: 15px;
}

#main .w-700 {
    width: 700px;
}

#main .w-720 {
    width: 720px;
}

#main .w-650 {
    width: 650px;
}



#main .display-inline-block {
    display: inline-block;
}

/*Postal info*/

#main .postalInfo .postalLabel {
    font-size: 14px;
    -moz-text-shadow: 0px 1px 1px #ffffff;
    -webkit-text-shadow: 0px 1px 1px #ffffff;
    text-shadow: 0px 1px 1px #ffffff;
    color: #333333;
    display: block;
    margin: 10px 0 4px 0;
}

#main .postalInfo .left {
    margin-right: 20px;
}

/*Save design popup*/

#fancybox-wrap .save, .save {
    background: url("../Images/save_button.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    margin-top: 20px;
    text-indent: -9999px;
    width: 158px;
}

#saveNewDesignForm {
    padding-right: 8px;
}

#createNewDesignLinkContainer {
    vertical-align: middle;
    margin-top: 10px;
}

.t-dropdown .t-dropdown-wrap .t-input {
    font-size: 12px;
    line-height: 26px;
    overflow: hidden;
    padding: 2px 5px;
    color: #333333;
}

.t-combobox .t-dropdown-wrap .t-input {
    color: #333333;
    font-size: 12px;
    line-height: 26px;
    margin: 3px 0 0 6px;
    overflow: hidden;
    padding: 3px 0;
    background: transparent;
}

.t-dropdown.t-state-disabled .t-dropdown-wrap .t-input,
.t-combobox.t-state-disabled .t-dropdown-wrap .t-input {
    color: #898989;
}

.t-grid-header .t-header, .t-grid-header .t-last-header {
    padding: .3em 4px;
}

.adminContent .t-grid-header .t-header, .adminContent .t-grid-header .t-last-header {
    padding: .3em .6em;
}

.binDropdown ul.t-reset {
    max-height: 85px;
}

.slaDateHeading {
    margin: 20px 0 5px 5px;
    color: #4E7109;
    -moz-text-shadow: 0px 1px 1px #ddfaa1;
    -webkit-text-shadow: 0px 1px 1px #ddfaa1;
    text-shadow: 0px 1px 1px #DDFAA1;
}

    .slaDateHeading span {
        color: #7B7D68;
        font-size: 14px;
        -moz-text-shadow: none;
        -webkit-text-shadow: none;
        text-shadow: none;
    }

body .t-window .shippingAddressValidationPopup {
    height: 300px;
    width: 600px;
}

    body .t-window .shippingAddressValidationPopup .message {
        font-weight: bold;
    }

    body .t-window .shippingAddressValidationPopup .t-dropdown,
    body .t-window .shippingAddressValidationPopup .t-combobox {
        background-repeat: no-repeat;
        background-color: transparent;
        background-attachment: scroll;
        background-image: url("../Images/dropdowns_sprite.png");
        border-top-width: thin;
        border-top-style: solid;
        border-left-width: thin;
        border-left-style: solid;
        border-bottom-width: thin;
        border-bottom-style: solid;
        border-right-width: thin;
        border-right-style: solid;
        border-color: #898989;
        cursor: pointer;
        display: inline-block;
        height: 29px;
        padding: 0px;
        width: 424px;
        height: 29px;
        max-width: 424px;
        vertical-align: middle;
    }

    body .t-window .shippingAddressValidationPopup .t-header {
        background-position-x: 0px;
        background-position-y: -752px;
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
    }

    body .t-window .shippingAddressValidationPopup .t-dropdown .t-dropdown-wrap,
    body .t-window .shippingAddressValidationPopup .t-combobox .t-dropdown-wrap {
        border: none;
        cursor: pointer;
    }

    body .t-window .shippingAddressValidationPopup .t-dropdown .t-icon,
    body .t-window .shippingAddressValidationPopup .t-combobox .t-icon {
        background-image: url("../Content/2011.1.315/Default/sprite.png");
    }

    body .t-window .shippingAddressValidationPopup .t-dropdown .t-arrow-down,
    body .t-window .shippingAddressValidationPopup .t-combobox .t-arrow-down {
        background-position-x: -16px;
        background-position-y: -176px;
    }

    body .t-window .shippingAddressValidationPopup .t-dropdown.t-state-disabled .t-dropdown-wrap .t-input,
    body .t-window .shippingAddressValidationPopup .t-combobox.t-state-disabled .t-dropdown-wrap .t-input {
        color: #898989;
    }


/* Styling for _WorkCellUsers partial view in Admin WorkCells view */
.workCellUsers {
    width: 450px;
}

    .workCellUsers .scrollPane {
        height: 500px;
    }



        .workCellUsers .scrollPane .t-dropdown,
        .workCellUsers .scrollPane .t-combobox {
            background-repeat: no-repeat;
            background-color: transparent;
            background-attachment: scroll;
            background-image: url("../Images/dropdowns_sprite.png");
            border: none;
            cursor: pointer;
            display: inline-block;
            height: 24px;
            padding: 0;
            width: 180px;
            vertical-align: middle;
        }


/* end of styling for Printer user filters popup */


/* ADMIN - WORK CELLS
----------------------------------------------------------*/

#main .adminContent .workCells .wrapper {
    width: 100%;
}

    #main .adminContent .workCells .wrapper .t-grid table {
        width: 700px;
    }

    #main .adminContent .workCells .wrapper .t-grid a {
        text-align: left;
    }

    #main .adminContent .workCells .wrapper .t-grid td {
        padding: 10px 8px;
        line-height: normal;
    }

    #main .adminContent .workCells .wrapper .t-grid tr.t-last.t-state-selected {
        background: url("../Images/Table/trow_selected.png") repeat-y scroll left bottom transparent;
    }

        #main .adminContent .workCells .wrapper .t-grid tr.t-last.t-state-selected td.t-first {
            background: url("../Images/Table/trow_last_selected.png") no-repeat scroll left bottom transparent;
        }

        #main .adminContent .workCells .wrapper .t-grid tr.t-last.t-state-selected td {
            background: url("../Images/Table/trow_last_selected.png") no-repeat scroll -7px bottom transparent;
        }

            #main .adminContent .workCells .wrapper .t-grid tr.t-last.t-state-selected td.t-last {
                background: url("../Images/Table/trow_last_selected.png") no-repeat scroll right bottom transparent;
            }

    #main .adminContent .workCells .wrapper .t-grid tbody tr.t-no-data.t-last {
        background: url("../Images/Table/trow_last.png") no-repeat scroll left bottom transparent;
    }

        #main .adminContent .workCells .wrapper .t-grid tbody tr.t-no-data.t-last td {
            background: url("../Images/Table/trow_last_right_part.png") no-repeat scroll right bottom transparent;
        }

#main .adminContent .workCells .leftColumn {
    width: 700px;
    float: left;
}

#main .adminContent .workCells .rightColumn {
    width: 235px;
    margin: 60px 0 0 0;
    float: left;
}

    #main .adminContent .workCells .leftColumn h3, #main .adminContent .workCells .rightColumn h3 {
        color: #7B7D68;
        font-size: 14px;
        margin-left: 10px;
        position: relative;
        top: 22px;
    }

#main .adminContent .workCells .t-grid .text-box {
    background: url("../Images/inputs_sprite.png") no-repeat scroll -348px top transparent;
    border: medium none;
    color: #333333;
    display: block;
    font-family: "Arial",Serif;
    font-size: 12px;
    height: 29px;
    line-height: 16px;
    max-width: 114px;
    min-width: 114px;
    padding: 0 3px;
    width: 114px;
}

#main .adminContent .workCells .leftToRight {
    width: 13px;
    height: 20px;
    float: left;
    margin: 76px 40px 0 40px;
    background: url("../Images/left_to_right.png") no-repeat scroll left top transparent;
}

#main .adminContent .workCells .edit-users-link,
#main .adminContent .workCells .edit-printers-link {
    font-size: 14px;
    color: #648400;
    line-height: 28px;
    background: url("../Images/pencil_icon.png") no-repeat left top;
    padding: 0 0 0 30px;
    border: none;
    display: inline-block;
    text-decoration: underline;
    text-align: left;
}

#main .adminContent .workCells .t-grid .t-toolbar .t-grid-add {
    font-size: 14px;
    color: #648400;
    line-height: 28px;
    background: url("../Images/plus.png") no-repeat left top;
    padding: 0 0 0 34px;
    border: none;
    float: right;
    display: block;
    text-decoration: underline;
    text-align: left;
}

#main .adminContent .workCells .t-grid .t-toolbar {
    background-color: transparent;
    border: none;
}

#main .adminContent .workCells .t-grid .t-footer-template, #main .adminContent .workCells .t-grid .t-footer-template td {
    background-color: transparent;
    border: none;
}


/* B2B - MONTHLY REPORTS
----------------------------------------------------------*/
.monthlyReports {
    height: 100%;
}

    .monthlyReports .reportSelection .t-dropdown,
    .monthlyReports .reportSelection .t-combobox {
        width: 152px;
        height: 29px;
        padding: 0;
        vertical-align: middle;
        border: none;
        cursor: pointer;
        background: transparent url("/Images/dropdowns_sprite.png") no-repeat -741px top;
        display: inline-block;
        z-index: 10;
    }

        .monthlyReports .reportSelection .t-dropdown .t-icon,
        .monthlyReports .reportSelection .t-combobox .t-icon {
            background: none;
        }

    .monthlyReports .reportSelection .viewButton {
        font-size: 14px;
        line-height: 28px;
        margin: 0 0.2em;
        color: #648400;
        cursor: pointer;
        text-decoration: underline;
    }

    .monthlyReports .reportFrame {
        z-index: 1;
    }

.orders .t {
    font-size: 14px;
    line-height: 28px;
    margin: 0 0.2em;
    color: #648400;
    cursor: pointer;
    text-decoration: underline;
}


.t-popup .t-item {
    border-bottom: 1px solid #CCC;
}

.t-combobox .t-header {
    background: none;
}

/*JGY - Custom Grid Toolbar styling*/
.custom-grid-action {
    font-family: Arial, Sans !important;
    font-size: 14px !important;
    text-decoration: underline;
    /*color: #363 !important;*/
    background: url("../Images/plus.png") no-repeat left top !important;
    color: #648400 !important;
    line-height: 28px !important;
    padding: 0 0 0 34px !important;
    border: none !important;
    text-decoration: underline !important;
    text-align: left !important;
}

    .custom-grid-action:hover {
        text-decoration: inherit !important;
    }

/* Recent Activity
----------------------------------------------------------*/
#recentActivityBox .header {
    font-size: 16px;
    color: #7B7D68;
    margin: 0 0 0 9px;
}

#recentActivityBox .contentItem {
    height: 300px !important;
}
/* Static Design Report
*****************************************/
div.staticDesignLine {
    font-family: Arial, Sans !important;
    font-size: 14px;
    background: white;
    margin: 0px;
    padding: 10px;
    border-bottom: 1px solid silver;
}

    div.staticDesignLine span.staticDesignCounter {
        text-align: right;
        margin-right: 3px;
    }

#filterToolbarWrapper .editor-field,
#filterToolbarWrapper label {
    margin: 0;
    padding: 0;
}

.button-link {
    background: none !important;
    border: none;
    padding: 0 !important;
    font: inherit;
    cursor: pointer;
    text-decoration: underline;
    color: #4E7109;
}

.caseAutoPrintFormWrapper {
    position: absolute;
    top: 10px;
    right: 10px;
}

    .caseAutoPrintFormWrapper strong {
        border: 1px solid #696969;
        padding: 3px;
        font-weight: bold;
    }

/* Production Printers Admin */
#main .adminContent .productionPrinters {
}

/* portlets */
.portlet {
    border: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
}

.portlet-white {
    background-color: white;
    color: black;
}

.portlet h3 {
    margin: 0;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.portlet table {
    border: none;
    width: 100%;
}

    .portlet table tr {
        border-bottom: 1px solid #ccc;
        padding: 8px;
    }

        .portlet table tr:nth-child(even) {
            background-color: #eee;
        }

.ellipses-left {
    overflow: hidden;
}

.is-hidden {
    display: none;
}
.is-strikethrough {
    text-decoration: line-through;
}
a.cancel-changes {
    width: 158px;
    height: 46px;
    background: url(/Images/cancel_button.png) no-repeat left top;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    display: block;
}

input.save-and-close,
input.save-changes {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background-color: #9bc521;
    border-radius: 45px;
    color: #f5f5f5;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
    transition: all .3s ease 0s;
    border: none;
    cursor: pointer;
    outline: none;
    font-weight: 500;
    height: 50px;
    padding: 0 25px;
    width: 158px;
}

    input.save-and-close:hover,
    input.save-changes:hover {
        background-color: #f5f5f5;
        box-shadow: 0 15px 20px rgba(0, 0, 0, .1);
        color: #9bc521;
    }

input.save-changes {
    margin-bottom: 5px;
}

input.save-and-close {
    margin-bottom: 15px;
}

form#frmSkuSetEdit input[type=text] {
    padding: 5px;
    border:1px solid #BFBFBF;
    border-radius:5px;
}

table.sku-set-item-grid {
    font-size: 15px;
}

.instructions {
    font-size: 14px;
}

.instructions li {
    list-style: circle;
}

div.sku-set-item-manager h2.borderedCM {
    color: #7B7D68;
    font-size: 14px;
    margin: 7px 0 9px 0;
    padding-bottom: 3px;
}