body {
    vertical-align: middle;
    text-align: left;
    font-family: Arial, Verdana, Tahoma, Sans-Serif;
    font-size: 14px;
}

.ppcWrapper {
    width: 240px;
    height: auto;
    background-image: url(formWrapperBg.gif);
    background-repeat: repeat-x;
    background-color: #f5f4e8;
    border-bottom: solid 1px #e6e4cd;
    border-top: solid 1px #f7ef93;
    clear: left;
}

.txtPanel {
    clear: left;
}

.msgPanel {
    margin-top: 5px;
    margin-bottom: 10px;
    clear: left;
}

.btnPanel {
    clear: left;
}

.tblPanel {
    padding-top: 15px ;
    clear: left;
}

.ppcFooter {
    clear: left;
}

.menuButton {
    display: block;
    width: 160px;
    height: 44px;
    padding-top: 3px;
    /*  margin-top: 2px;*/
    clear: left;
}

/*Button Images*/
#btntask {
    background: url('/images/jobmanage-1.gif') no-repeat;
}

    #btntask:active {
        background: url('/images/jobmanage-1.gif') no-repeat;
    }
/*Bin Update Buttons*/
#btnbinupdt {
    background: url('/images/binupdt_1.gif') no-repeat;
}

    #btnbinupdt:active {
        background: url('/images/binupdt_2.gif') no-repeat;
    }

#btnbintrs {
    background: url('/images/bintrs_1.gif') no-repeat;
}

    #btnbintrs:active {
        background: url('/images/bintrs_2.gif') no-repeat;
    }

#btnbintrsso {
    background: url('/images/sobintrs_1.gif') no-repeat;
}

    #btnbintrsso:active {
        background: url('/images/bintrs_2.gif') no-repeat;
    }

#btnbintrspt {
    background: url('/images/ptbintrs_1.gif') no-repeat;
}

    #btnbintrspt:active {
        background: url('/images/bintrs_2.gif') no-repeat;
    }

#btnbincount {
    background: url('/images/bincount_1.gif') no-repeat;
}

    #btnbincount:active {
        background: url('/images/bincount_2.gif') no-repeat;
    }

#btnbinEcount {
    background: url('/images/binEcount_1.gif') no-repeat;
}

    #btnbinEcount:active {
        background: url('/images/binEcount_2.gif') no-repeat;
    }

#btnphycount {
    background: url('/images/phycount_1.gif') no-repeat;
}

    #btnphycount:active {
        background: url('/images/phycount_2.gif') no-repeat;
    }

#btnfirstcount {
    background: url('/images/firstcount_1.gif') no-repeat;
}

    #btnfirstcount:active {
        background: url('/images/firstcount_2.gif') no-repeat;
    }

#btnsecondcount {
    background: url('/images/secondcount_1.gif') no-repeat;
}

    #btnsecondcount:active {
        background: url('/images/secondcount_2.gif') no-repeat;
    }

#btnbinadj1 {
    background: url('/images/binadj1_1.gif') no-repeat;
}

    #btnbinadj1:active {
        background: url('/images/binadj1_2.gif') no-repeat;
    }

#btnbinadj2 {
    background: url('/images/binadj2_1.gif') no-repeat;
}

    #btnbinadj2:active {
        background: url('/images/binadj2_2.gif') no-repeat;
    }

/*Pickup Buttons*/
#btnpickup {
    background: url('/images/pickup_1.gif') no-repeat;
}

    #btnpickup:active {
        background: url('/images/pickup_2.gif') no-repeat;
    }

#btnsopickup {
    background: url('/images/sopickup_1.gif') no-repeat;
}

    #btnsopickup:active {
        background: url('/images/sopickup_2.gif') no-repeat;
    }

#btnsoconfirm {
    background: url('/images/soconfirm_1.gif') no-repeat;
}

    #btnsoconfirm:active {
        background: url('/images/soconfirm_2.gif') no-repeat;
    }

#btnptpickup {
    background: url('/images/ptpickup_1.gif') no-repeat;
}

    #btnptpickup:active {
        background: url('/images/ptpickup_2.gif') no-repeat;
    }

#btnpckpickup {
    background: url('/images/pckpickup_1.gif') no-repeat;
}

    #btnpckpickup:active {
        background: url('/images/pckpickup_2.gif') no-repeat;
    }

#btnpckconfirm {
    background: url('/images/pckconfirm_1.gif') no-repeat;
}

    #btnpckconfirm:active {
        background: url('/images/pckconfirm_2.gif') no-repeat;
    }

#btntruckreturn {
    background: url('/images/truckreturn_1.gif') no-repeat;
}

    #btntruckreturn:active {
        background: url('/images/truckreturn_2.gif') no-repeat;
    }

/*Receive Buttons*/
#btnporeceive {
    background: url('/images/poreceive_1.gif') no-repeat;
}

    #btnporeceive:active {
        background: url('/images/poreceive_2.gif') no-repeat;
    }

#btnplreceive {
    background: url('/images/plreceive_1.gif') no-repeat;
}

    #btnplreceive:active {
        background: url('/images/plreceive_2.gif') no-repeat;
    }

#btnpoputaway {
    background: url('/images/poputaway_1.gif') no-repeat;
}

    #btnpoputaway:active {
        background: url('/images/poputaway_2.gif') no-repeat;
    }

#btnplputaway {
    background: url('/images/plputaway_1.gif') no-repeat;
}

    #btnplputaway:active {
        background: url('/images/plputaway_2.gif') no-repeat;
    }

/*Manufacture*/
#btnmanufacture {
    background: url('/images/plputaway_11.gif') no-repeat;
}

#btnplputaway:active {
    background: url('/images/plputaway_21.gif') no-repeat;
}

#btnmatpickup {
    background: url('/images/plputaway_12.gif') no-repeat;
}

    #btnmatpickup:active {
        background: url('/images/plputaway_21.gif') no-repeat;
    }

#btnmatreturn {
    background: url('/images/plputaway_14.gif') no-repeat;
}

    #btnmatreturn:active {
        background: url('/images/plputaway_21.gif') no-repeat;
    }

#btnfinishpickup {
    background: url('/images/plputaway_13.gif') no-repeat;
}

    #btnfinishpickup:active {
        background: url('/images/plputaway_21.gif') no-repeat;
    }

/*Inquiry Buttons*/
#btninq {
    background: url('/images/inq_1.gif') no-repeat;
}

    #btninq:active {
        background: url('/images/inq_2.gif') no-repeat;
    }

#btnbininq {
    background: url('/images/bininq_1.gif') no-repeat;
}

    #btnbininq:active {
        background: url('/images/bininq_2.gif') no-repeat;
    }

#btnprodinq {
    background: url('/images/prodinq_1.gif') no-repeat;
}

#btnlpninq {
    background: url('/images/lpninq_1.gif') no-repeat;
}

    #btnprodinq:active {
        background: url('/images/prodinq_2.gif') no-repeat;
    }

#btntruckinq {
    background: url('/images/truckinq_1.gif') no-repeat;
}

    #btntruckinq:active {
        background: url('/images/truckinq_2.gif') no-repeat;
    }

/*Others*/
#btnlogoff {
    background: url('/images/logoff_1.gif') no-repeat;
}

    #btnlogoff:active {
        background: url('/images/logoff_2.gif') no-repeat;
    }

.ttl {
    font-size: 15px;
    font-weight: bold;
    color: #0033CC;
    margin: 10px;
}

.lblInq {
    font-weight: bold;
    display: inline-block;
}

.lbl {
    width: 80px;
    height: 14px;
    display: block;
    vertical-align: middle;
    text-align: left;
    margin-top: 1px;
    font-weight: bold;
    float: left;
}

.lbltxt {
}

.chkbox {
    height: 14px;
    display: block;
    vertical-align: middle;
    text-align: left;
    margin-top: 1px;
    font-weight: bold;
    float: left;
}

.lblInq {
    min-width: 10px;
}

.btnInq {
    text-align: center;
}

.btn {
    width: 120px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    margin: 0px;
    float: left;
    white-space: normal;
}

.btnSq {
    width: 75px;
    height: 60px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-family: Tahoma;
}

.btnInq {
    min-width: 10px;
}

.btnBin {
    width: 120px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    margin: 0px;
    white-space: normal;
}


.txtInq {
    text-transform: uppercase;
}

.txt {
    width: 120px;
    height: 14px;
    display: block;
    margin: 0px;
    float: none;
    font-size: 13px;
}


.txtupper {
    width: 120px;
    height: 14px;
    display: block;
    margin: 0px;
    float: none;
    font-size: 13px;
    text-transform: uppercase;
}

.txtM {
    width: 80px;
    height: 14px;
    margin: 0px;
    float: none;
}

.txtS {
    width: 30px;
    height: 14px;
    margin: 0px;
    float: none;
}

.txtInq {
    width: 70px;
}

.inputPanel {
    margin-bottom: 10px;
}

/*Read Only Field*/
.roFld {
    width: 120px;
    height: 15px;
    display: block;
    background-color: #f5f4e8;
    margin: 0px;
    float: none;
    border: 0px;
}

.roFldMUL {
    width: 120px;
    height: auto;
    display: block;
    background-color: #f5f4e8;
    margin: 0px;
    float: none;
    border: 0px;
}

.dropFld {
    width: 120px;
    height: 20px;
    display: block;
    float: none;
}

.errMsg {
    font-size: 14px;
    color: #FF0000;
}