.LinkButtonCommandSkin {
    border-top: solid 1px #ffffff;
    border-left: solid 1px #ffffff;
    border-bottom: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    background-color: #B0C4DE;
    font-weight: 700;
    display: inline-block;
    width: 60px;
    margin: 1px;
    padding-bottom: 3px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 3px;
    Font-Size: 10pt;
    text-decoration: none;
    color: Black;
    text-align: center;
    cursor: hand;
}

@media screen, projection {

    .BeNiceToMacIE5 {
        font-family: "\"}\"";
        font-family: inherit;
    }

    html, body, #wrapper {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%; /* should be auto */
        min-height: 100%;
    }

    #header {
        width: 100%;
        height: 96px; /* height of #header bg img */
        color: #000;
        background-image: url(../../images/greyBg.jpg);
    }

        #header a {
            color: White;
            text-decoration: none;
        }

    #footer {
        clear: both; /* below longest column */
        bottom: 0;
        left: 0;
        width: 100%;
        height: 25px; /* height of #footer bg img */
        color: #000000;
        text-align: center;
        padding: 0 0 0 0;
        background-color: Black;
    }

    #main {
        margin: 0;
        padding: 0; /* to be adjusted to #footer height, at minimum */
    }

    * html #footer {
        position: absolute;
    }

    * html #main {
        padding-bottom: 100px;
    }

    head:first-child + body div#footer {
        position: absolute;
    }

    head:first-child + body div#main {
        padding-bottom: 100px;
    }
    /* */

    #headimg1 {
        background: url(../../images/logoOnlineOfficialTheme06.png) +15px center no-repeat;
        height: 70px;
    }

    #headimg2 {
        background: url(../../images/PaxarBannerOnline.jpg) right center no-repeat;
        height: 70px;
    }

    #black1 {
        height: 5px;
        background-color: Black;
    }

    .black {
        background-color: Black;
        color: White;
        padding: 6px 0 5px 10px;
    }

    #sidebar h2 {
        background: url("images/arrow.gif") left center no-repeat;
        padding-left: 17px;
    }

    #sidebar li {
        text-decoration: none;
        padding: 0 0 2px 1px;
        list-style-type: none;
        list-style-position: inside;
        border-left: solid 1px black;
        font-size: small;
    }

    #sidebar a {
        text-decoration: none;
        padding: 0 0 2px 1px;
        list-style-type: none;
        list-style-position: inside;
        border-left: solid 0px black;
        font-size: 8pt;
    }

    #footer #footer1 {
        padding-left: 15px;
        margin-right: 170px;
        text-align: left;
        clear: none;
    }

    #footer #footer2 {
        padding-left: 25px;
        background: url("../assets/backToTop.gif") +15px center no-repeat;
        text-align: center;
        margin-right: 170px;
    }

    #footer #footer3 {
        padding-right: 15px;
        text-align: center;
    }

    #footer a {
        color: White;
        text-decoration: none;
    }

    .red {
        color: Red;
    }

    .disabled {
        background-color: Silver;
    }

    .enabled {
        background-color: White;
    }
}
/* end screen media rules */

.navigation {
    FONT-FAMILY: Helvetica, Arial, Tahoma, Verdana, Sans-Serif
}

.tableBackground {
    BACKGROUND-COLOR: gray
}

.tableHeaderRow {
    FONT-SIZE: 10pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #003366
}

.whiteRow {
    BACKGROUND-COLOR: #FFFFFF;
    FONT-SIZE: x-small;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}

.tableLightRow {
    BACKGROUND-COLOR: #EFE8DB;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}

.tableDarkRow {
    background-color: #75baff;
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

.tableLight {
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}

.invertedCell {
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #003366
}

.invertedCellDetail {
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: gray
}

.tableLightRowDetail {
    BACKGROUND-COLOR: #EDE9E3;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}

A.TabHeaderLink {
    FONT-SIZE: 10pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    TEXT-DECORATION: none
}

    A.TabHeaderLink:link {
        FONT-SIZE: 10pt;
        COLOR: #FFFFFF;
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
        TEXT-DECORATION: none
    }

    A.TabHeaderLink:visited {
        FONT-SIZE: 10pt;
        COLOR: #FFFFFF;
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
        TEXT-DECORATION: none
    }

    A.TabHeaderLink:hover {
        FONT-SIZE: 10pt;
        COLOR: #6699cc;
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
        TEXT-DECORATION: none
    }

.errorMessagePanel {
    background-color: #FFF8DC;
    border-color: Gray;
    border-style: solid;
    border-width: 1px;
    font-size: small;
}

.errorValidationPanel {
    background-color: #dcdcdc;
    border-color: Gray;
    border-style: solid;
    border-width: 1px;
    font-size: small;
}

.successValidationPanel {
    background-color: white;
    border-color: Gray;
    border-style: solid;
    border-width: 1px;
    font-size: small;
}

.errorMessage {
    font-family: Arial Unicode MS, Verdana,Helvetica;
    color: #C00000;
    font-size: 12px;
    margin-left: 10px;
}

.successMessage {
    font-family: Arial Unicode MS, Verdana,Helvetica;
    color: #006C00;
    font-size: 12px;
    margin-left: 10px;
}

.redTitle {
    font-family: Arial Unicode MS, Verdana,Helvetica;
    color: #FF0000;
    font-size: 14px;
    font-weight: bolder;
}

.normal {
    FONT-WEIGHT: normal;
    FONT-SIZE: x-small;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    TEXT-ALIGN: left;
    FONT-VARIANT: normal
}

    .normal H1 {
        FONT-WEIGHT: normal;
        FONT-SIZE: large;
        MARGIN-BOTTOM: 0px;
        VERTICAL-ALIGN: middle;
        COLOR: #000000
    }

    .normal H2 {
        FONT-WEIGHT: normal;
        FONT-SIZE: small;
        MARGIN-BOTTOM: 0px;
        VERTICAL-ALIGN: middle;
        COLOR: #000000
    }

    .normal H3 {
        FONT-WEIGHT: bold;
        FONT-SIZE: x-small;
        MARGIN-BOTTOM: 0px;
        VERTICAL-ALIGN: middle !important;
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
    }

    .normal .groupheading {
        FONT-WEIGHT: bold;
        FONT-SIZE: x-small;
        MARGIN-BOTTOM: 0px;
        VERTICAL-ALIGN: middle !important;
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
    }

    .normal H3 .A {
        PADDING-BOTTOM: 7px !important;
        COLOR: #ffffff
    }

    .normal .normalhighlight {
        FONT-WEIGHT: bold;
        TEXT-TRANSFORM: uppercase
    }

    .normal .caption {
        FONT-WEIGHT: bold;
        FONT-SIZE: xx-small
    }

    .normal .alert {
        FONT-WEIGHT: bold;
        COLOR: #ff3333
    }

    .normal .note {
        FONT-SIZE: xx-small;
        COLOR: #666666
    }

    .normal A.note {
        FONT-SIZE: xx-small;
        COLOR: #666666
    }

        .normal A.note:hover {
            FONT-SIZE: xx-small;
            COLOR: #ff3333
        }

    .normal .activenote {
        FONT-SIZE: xx-small
    }

    .normal .price {
        FONT-SIZE: small
    }

    .normal .footer TD {
        BORDER-RIGHT: #000000 0px;
        PADDING-RIGHT: 0px;
        BORDER-TOP: #000000 0px;
        PADDING-LEFT: 0px;
        FONT-WEIGHT: bold;
        FONT-SIZE: xx-small !important;
        PADDING-BOTTOM: 2px;
        VERTICAL-ALIGN: middle;
        BORDER-LEFT: #000000 0px;
        COLOR: #ffffff !important;
        PADDING-TOP: 2px;
        BORDER-BOTTOM: #000000 0px;
        BACKGROUND-COLOR: #000000
    }

    .normal .footer A:link {
        FONT-WEIGHT: bold;
        FONT-SIZE: xx-small;
        COLOR: #ffffff;
        TEXT-DECORATION: none
    }

    .normal .footer A:visited {
        FONT-WEIGHT: bold;
        FONT-SIZE: xx-small;
        COLOR: #ffffff;
        TEXT-DECORATION: none
    }

    .normal .footer A:active {
        FONT-WEIGHT: bold;
        FONT-SIZE: xx-small;
        COLOR: #ffffff;
        TEXT-DECORATION: none
    }

    .normal .footer A:hover {
        COLOR: #cccccc;
        TEXT-DECORATION: underline
    }

    .normal .toolbarbutton {
        PADDING-RIGHT: 4px;
        PADDING-LEFT: 4px;
        PADDING-BOTTOM: 4px;
        PADDING-TOP: 4px;
        HEIGHT: 20px;
        TEXT-DECORATION: none
    }

        .normal .toolbarbutton A:link {
            BORDER-RIGHT: #ffffff 2px outset;
            PADDING-RIGHT: 5px;
            BORDER-TOP: #ffffff 2px outset;
            PADDING-LEFT: 5px;
            PADDING-BOTTOM: 2px;
            VERTICAL-ALIGN: middle;
            BORDER-LEFT: #ffffff 2px outset;
            PADDING-TOP: 2px;
            BORDER-BOTTOM: #ffffff 2px outset;
            BACKGROUND-COLOR: #000080;
            TEXT-ALIGN: center;
            TEXT-DECORATION: none !important
        }

        .normal .toolbarbutton A:visited {
            BORDER-RIGHT: #ffffff 2px outset;
            PADDING-RIGHT: 5px;
            BORDER-TOP: #ffffff 2px outset;
            PADDING-LEFT: 5px;
            PADDING-BOTTOM: 2px;
            VERTICAL-ALIGN: middle;
            BORDER-LEFT: #ffffff 2px outset;
            PADDING-TOP: 2px;
            BORDER-BOTTOM: #ffffff 2px outset;
            BACKGROUND-COLOR: #000080;
            TEXT-ALIGN: center;
            TEXT-DECORATION: none !important
        }

        .normal .toolbarbutton A:hover {
            BORDER-RIGHT: #ffffff 2px outset;
            PADDING-RIGHT: 5px;
            BORDER-TOP: #ffffff 2px outset;
            PADDING-LEFT: 5px;
            PADDING-BOTTOM: 2px;
            VERTICAL-ALIGN: middle;
            BORDER-LEFT: #ffffff 2px outset;
            PADDING-TOP: 2px;
            BORDER-BOTTOM: #ffffff 2px outset;
            BACKGROUND-COLOR: #000080;
            TEXT-ALIGN: center;
            TEXT-DECORATION: none !important
        }

        .normal .toolbarbutton A:active {
            BORDER-RIGHT: #ffffff 2px inset;
            BORDER-TOP: #ffffff 2px inset;
            BORDER-LEFT: #ffffff 2px inset;
            BORDER-BOTTOM: #ffffff 2px inset;
            BACKGROUND-COLOR: #000080
        }

        .normal .toolbarbutton A:hover {
            BACKGROUND-COLOR: #336699
        }

    .normal .navigation {
        FONT-SIZE: 0.8em;
        COLOR: #000080;
        TEXT-DECORATION: none
    }

    .normal A.navigation:visited {
        FONT-SIZE: 0.9em;
        COLOR: #000080
    }

    .normal A.navigation:hover {
        FONT-SIZE: 0.9em;
        COLOR: #336699
    }

    .normal .activenavigation {
        FONT-SIZE: 0.9em;
        COLOR: #ff3333;
        TEXT-DECORATION: none
    }

    .normal A.activenavigation {
        FONT-SIZE: 0.9em;
        COLOR: #ff3333;
        TEXT-DECORATION: none
    }

    .normal .button {
        FONT-WEIGHT: bold;
        FONT-SIZE: small;
        COLOR: #000080;
        TEXT-DECORATION: none
    }

    .normal A.button:visited {
        COLOR: #000080
    }

    .normal A.button:hover {
        COLOR: #336699
    }

    .normal .menuBar .barHighlight {
        COLOR: #ded1b5 !important
    }

    .normal .menu {
        Z-INDEX: 1000;
        FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
        LEFT: 0px;
        VISIBILITY: hidden;
        BORDER-LEFT: #000000 1px solid;
        POSITION: absolute;
        TOP: 0px;
        moz-opacity: 90%
    }

        .normal .menu A {
            COLOR: #000000 !important
        }

        .normal .menu .itemHighlight TD {
            BACKGROUND-COLOR: #cc9966 !important
        }

        .normal .menu .itemNormal {
            BACKGROUND-COLOR: #ded1b5 !important
        }

        .normal .menu .seperator123 TD {
            BACKGROUND-COLOR: #000000 !important
        }

    .normal .boxout {
        BORDER-RIGHT: #cc9966 1px solid;
        BORDER-TOP: #cc9966 1px solid;
        FONT-SIZE: x-small;
        BORDER-LEFT: #cc9966 1px solid;
        WIDTH: 148px;
        BORDER-BOTTOM: #cc9966 1px solid;
        BORDER-COLLAPSE: collapse;
        BACKGROUND-COLOR: #ded1b5 !important
    }

        .normal .boxout TD {
            PADDING-RIGHT: 6px;
            PADDING-LEFT: 6px;
            FONT-SIZE: xx-small;
            PADDING-BOTTOM: 6px;
            PADDING-TOP: 6px
        }

        .normal .boxout THEAD TD {
            PADDING-RIGHT: 6px;
            PADDING-LEFT: 6px;
            FONT-WEIGHT: bold;
            FONT-SIZE: x-small;
            PADDING-BOTTOM: 4px;
            COLOR: #ffffff;
            PADDING-TOP: 4px;
            BACKGROUND-COLOR: #cc9966 !important
        }

    .normal .controlgroup THEAD TD {
        PADDING-RIGHT: 10px;
        PADDING-LEFT: 10px;
        FONT-SIZE: small;
        PADDING-BOTTOM: 4px;
        COLOR: #ffffff;
        PADDING-TOP: 4px;
        BACKGROUND-COLOR: #cc9966;
        FONT-VARIANT: small-caps
    }

    .normal .controlgroup {
        BORDER-RIGHT: #cc9966 1px solid;
        BORDER-TOP: #cc9966 1px solid;
        BORDER-LEFT: #cc9966 1px solid;
        BORDER-BOTTOM: #cc9966 1px solid;
        BORDER-COLLAPSE: collapse
    }

        .normal .controlgroup TD {
            PADDING-RIGHT: 10px;
            PADDING-LEFT: 10px;
            FONT-SIZE: x-small;
            PADDING-BOTTOM: 10px;
            PADDING-TOP: 10px
        }

    .normal .datatable {
        BORDER-COLLAPSE: collapse
    }

    .normal .matrix {
        BORDER-COLLAPSE: collapse
    }

    .normal .layouttable {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 0px;
        MARGIN: 0px;
        PADDING-TOP: 3px
    }

    .normal .layouttable {
        FONT-SIZE: x-small;
        BORDER-LEFT-COLOR: #ffffff;
        BORDER-BOTTOM-COLOR: #ffffff;
        BORDER-TOP-COLOR: #ffffff;
        BORDER-RIGHT-COLOR: #ffffff
    }

.successMessage {
    font-family: Arial Unicode MS, Verdana,Helvetica;
    color: #33cc66;
    font-size: 12px;
    margin-left: 10px;
}

table.sortable {
    border-collapse: collapse;
    text-align: center;
}

    table.sortable th, table.sortable td {
        text-align: center;
        padding: 4px;
    }

        table.sortable th, table.sortable th a {
            font-size: 10pt !important;
            font-weight: bold;
            color: white !important;
            text-decoration: none;
        }

    table.sortable .sortarrow {
        border: 0px;
    }

    table.sortable td {
    }

    table.sortable tr.odd td {
        background-color: white;
    }

    table.sortable tr.even td {
        background-color: #EFE8DB;
    }

    table.sortable tr.sortbottom td {
    }

.displaynone {
    display: none;
}

.scrollDiv {
    width: 100%;    
    overflow: auto;
}

.scrollDivLong {
    width: 100%;
    height: 380px;
    overflow: auto;
}

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

.dropdownFixPMX {
    behavior: expression(this.style.visibility = (this.offsetParent.offsetParent.offsetParent.scrollTop+35) > (this.offsetParent.offsetTop - this.parentElement.parentElement.parentElement.firstChild.offsetHeight) ? 'hidden' : 'visible');
}

table.catOrderMatrix {
    border-collapse: collapse;
    text-align: center;
    font-size: 10pt !important;
}

    table.catOrderMatrix th {
        background-color: #003366;
        color: white !important;
        font-weight: bold;
        padding: 4px;
    }

    table.catOrderMatrix td {
        background-color: #EFE8DB;
        padding: 4px;
    }

        table.catOrderMatrix td.quantityCell {
            background-color: white;
            text-align: right;
        }

        table.catOrderMatrix td.quantityTotalCell {
            text-align: right;
        }

        table.catOrderMatrix td.blankCell {
            background-color: white;
        }


.hand {
    cursor: hand;
}
/*16-Sep-2013 - Beralgin - WO- ADCM00000032081 - START*/
.text_paging {
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-STYLE: normal;
    font-family: "Verdana, Arial, Helvetica, Sans-Serif";
    Font-Weight: bold;
}

    .text_paging a {
        FONT-SIZE: 10pt;
        COLOR: white;
        FONT-STYLE: normal;
        font-family: "Verdana, Arial, Helvetica, Sans-Serif";
        Font-Weight: bold;
    }

    .text_paging span {
        FONT-SIZE: 12pt;
        COLOR: white;
        FONT-STYLE: normal;
        font-family: "Verdana, Arial, Helvetica, Sans-Serif";
        Font-Weight: bold;
    }
/*16-Sep-2013 - Beralgin - WO- ADCM00000032081 - END*/
/*01-Sep-2016 - Sarata - All_1609050901_1609050901 - MasterData Administration - End*/
.pager {
}

.BlankSpaceDiv {
    width: 100%;
    height: 5px;
    float: left;
}

#ButtonContent {
    float: left;
    width: 100%;
}

.SearchCriteriaDropDown {
    width: 300px;
}

#GrdContent {
    float: left;
    width: 100px;
}
/*.placebottom{
   position: absolute;
   bottom: 0;
}*/


/*01-Sep-2016 - Sarata - All_1609050901_1609050901 - MasterData Administration - End*/