.buttonDiv {
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    padding: 5px;
    text-align: center;
    
}
.buttonDiv span {
    clear: both;
    float: left;
    width: 100%;
}
.button {
    background: url("../images/action_buttons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float: left;
    height: 40px;
    margin: 0 auto;
    text-indent: -2000px;
    width: 40px;
}
.addButton {
    background-position: 0 0;
}
.addButton[disabled="disabled"] {
    background-position: 0 -40px;
}
.editButton {
    background-position: -40px 0;
}
.editButton[disabled="disabled"] {
    background-position: -40px -40px;
}
.deleteButton {
    background-position: -80px 0;
}
.deleteButton[disabled="disabled"] {
    background-position: -80px -40px;
}
.resetButton {
    background-position: -120px 0;
}
.resetButton[disabled="disabled"] {
    background-position: -120px -40px;
}
.saveButton {
    background-position: -160px 0;
}
.saveButton[disabled="disabled"] {
    background-position: -160px -40px;
}
.nextButton {
    background-position: -200px 0;
}
.nextButton[disabled="disabled"] {
    background-position: -200px -40px;
}
.prevButton {
    background-position: -240px 0;
}
.prevButton[disabled="disabled"] {
    background-position: -240px -40px;
}
.approveButton {
    background-position: -280px 0;
}
.approveButton[disabled="disabled"] {
    background-position: -280px -40px;
}
.confirmOrderButton {
    background-position: -320px 0;
}
.confirmOrderButton[disabled="disabled"] {
    background-position: -320px -40px;
}
.cancelOrderButton {
    background-position: -360px 0;
}
.cancelOrderButton[disabled="disabled"] {
    background-position: -360px -40px;
}
.holdButton {
    background-position: -400px 0;
}
.holdButton[disabled="disabled"] {
    background-position: -400px -40px;
}
.invoiceButton {
    background-position: -440px 0;
}
.invoiceButton[disabled="disabled"] {
    background-position: -440px -40px;
}
.suppleInvoiceButton {
    background-position: -480px 0;
}
.suppleInvoiceButton[disabled="disabled"] {
    background-position: -480px -40px;
}
.carrierConfirmButton {
    background-position: -520px 0;
}
.carrierConfirmButton[disabled="disabled"] {
    background-position: -520px -40px;
}
.carrierRejectButton {
    background-position: -560px 0;
}
.carrierRejectButton[disabled="disabled"] {
    background-position: -560px -40px;
}
.insertOrderButton {
    background-position: -600px 0;
}
.insertOrderButton[disabled="disabled"] {
    background-position: -600px -40px;
}
.removeOrderButton {
    background-position: -640px 0;
}
.removeOrderButton[disabled="disabled"] {
    background-position: -640px -40px;
}
.shipPlanningButton {
    background-position: -680px 0;
}
.shipPlanningButton[disabled="disabled"] {
    background-position: -680px -40px;
}
.plannerReviewButton {
    background-position: -720px 0;
}
.plannerReviewButton[disabled="disabled"] {
    background-position: -720px -40px;
}
.sendApprovalButton {
    background-position: -760px 0;
}
.sendApprovalButton[disabled="disabled"] {
    background-position: -760px -40px;
}
.rateApprovalButton {
    background-position: -800px 0;
}
.rateApprovalButton[disabled="disabled"] {
    background-position: -800px -40px;
}
.printButton {
    background-position: -840px 0;
}
.printButton[disabled="disabled"] {
    background-position: -840px -40px;
}
.blackListButton {
    background-position: -880px 0;
}
.blackListButton[disabled="disabled"] {
    background-position: -880px -40px;
}
.searchButton {
    background-position: -920px 0;
}
.searchButton[disabled="disabled"] {
    background-position: -920px -40px;
}
.rejectVendorButton {
    background-position: -960px 0;
}
.rejectVendorButton[disabled="disabled"] {
    background-position: -960px -40px;
}
.addInspectionButton {
    background-position: -1000px 0;
}
.addInspectionButton[disabled="disabled"] {
    background-position: -1000px -40px;
}
.addWorkOrderButton {
    background-position: -1040px 0;
}
.addWorkOrderButton[disabled="disabled"] {
    background-position: -1040px -40px;
}
.transactionButton {
    background-position: -1080px 0;
}
.transactionButton[disabled="disabled"] {
    background-position: -1080px -40px;
}
.cycleCountButton {
    background-position: -1120px 0;
}
.cycleCountButton[disabled="disabled"] {
    background-position: -1120px -40px;
}
.exportExcelButton {
    background-position: -1160px 0;
}
.exportExcelButton[disabled="disabled"] {
    background-position: -1160px -40px;
}
.finalizeButton {
    background-position: 0 -80px;
}
.finalizeButton[disabled="disabled"] {
    background-position: 0 -120px;
}
.gatepassButton {
    background-position: -40px -80px;
}
.gatepassButton[disabled="disabled"] {
    background-position: -40px -120px;
}
.graphicalViewButton {
    background-position: -80px -80px;
}
.graphicalViewButton[disabled="disabled"] {
    background-position: -80px -120px;
}
.identifyVehicleButton {
    background-position: -120px -80px;
}
.identifyVehicleButton[disabled="disabled"] {
    background-position: -120px -120px;
}
.progressReportButton {
    background-position: -160px -80px;
}
.progressReportButton[disabled="disabled"] {
    background-position: -160px -120px;
}
.publishButton {
    background-position: -200px -80px;
}
.publishButton[disabled="disabled"] {
    background-position: -200px -120px;
}
.orderButton {
    background-position: -240px -80px;
}
.orderButton[disabled="disabled"] {
    background-position: -240px -120px;
}
.rejectButton {
    background-position: -280px -80px;
}
.rejectButton[disabled="disabled"] {
    background-position: -280px -120px;
}
.noteButton {
    background-position: -320px -80px;
}
.noteButton[disabled="disabled"] {
    background-position: -320px -120px;
}
.scheduleButton {
    background-position: -360px -80px;
}
.scheduleButton[disabled="disabled"] {
    background-position: -360px -120px;
}
.reportViewButton {
    background-position: -400px -80px;
}
.reportViewButton[disabled="disabled"] {
    background-position: -400px -120px;
}


/* Orange Button - Rectangle Style
    --------------------------------------------- */

.sub_button {
    background: none repeat scroll 0 0 #FCAF17;
    border: 0 none;
    color: #FFFFFF !important;
    cursor: pointer;
    float: left;
    font-size: 1em;
    height: auto;
    margin:0 0 0 5px;
    min-width: 60px;
    padding: 5px 10px;
    text-align: center;
}
.sub_buttonDiv {
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    padding: 0px;
    text-align: center;
}