.tpimgbutton {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(../icons/imgbtns.png);
}

.tpimgbutton.disabled, .tpimgbutton:disabled {
    opacity: 0.4;
}

.tpimgbutton.neworder { background-position: -90px 0; }
.tpimgbutton.neworder:hover { background-position: -240px 0; }

.tpimgbutton.editorder { background-position: -60px 0; }
.tpimgbutton.editorder:hover { background-position: -210px 0; }

.tpimgbutton.copyorder { background-position: -30px 0; }
.tpimgbutton.copyorder:hover { background-position: -180px 0; }

.tpimgbutton.addcontnr { background-position: 0 0; }
.tpimgbutton.addcontnr:hover { background-position: -150px 0; }

.tpimgbutton.printdocs { background-position: -30px -30px; }
.tpimgbutton.printdocs:hover { background-position: -180px -30px; }

.tpimgbutton.printer { background-position: -30px -30px; }

.tpimgbutton.msg2drv { background-position: 0 -30px; }
.tpimgbutton.msg2drv:hover { background-position: -150px -30px; }

.tpimgbutton.send2fin { background-position: -120px 0; }
.tpimgbutton.send2fin:hover { background-position: -270px 0; }

.tpimgbutton.logout { background-position: -60px -30px; }
.tpimgbutton.logout:hover { background-position: -210px -30px; }

.tpimgbutton.overtime { background-position: -90px -30px; }
.tpimgbutton.overtime:hover { background-position: -240px -30px; }

.tpimgbutton.followup { background-position: -120px -30px; }
.tpimgbutton.followup:hover { background-position: -270px -30px; }

.tpimgbutton.truckcomp { background-position: -60px -60px; }
.tpimgbutton.truckcomp:hover { background-position: -210px -60px; }

.tpimgbutton.customers { background-position: 0 -60px; }
.tpimgbutton.customers:hover { background-position: -150px -60px; }

.tpimgbutton.locations { background-position: -30px -60px; }
.tpimgbutton.locations:hover { background-position: -180px -60px; }

.tpimgbutton.maintenance { background-position: -90px -60px; }
.tpimgbutton.maintenance:hover { background-position: -240px -60px; }

.tpimgbutton.home { background-position: -120px -60px; }
.tpimgbutton.home:hover { background-position: -270px -60px; }

.tpimgbutton.dhl { background-position: 0 -90px; }
.tpimgbutton.dhl:hover { background-position: -150px -90px; }

.tpimgbutton.split { background-position: -30px -89px; }
.tpimgbutton.split:hover { background-position: -180px -89px; }

.tpimgbutton.gender_male {
    width: 30px;
    height: 28px;
    background-image: url(../icons/tpicons24.png);
    background-position: 1.5px calc(1px + 31 * -24px);
    border: 1px solid rgba(44, 62, 80, 0.7);
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.8);
}

.tpimgbutton.gender_male:hover {
    background-color: rgba(41, 128, 185, 0.4);
    border-color: rgba(41, 128, 185, 1.0);
}

.tpimgbutton.gender_male.selected {
    background-color: rgba(39, 174, 96, 0.4);
    border-color: rgba(39, 174, 96, 1.0);
}

.tpimgbutton.gender_female {
        width: 30px;
        height: 28px;
        background-image: url(../icons/tpicons24.png);
        background-position: 1.5px calc(1px + 32 * -24px);
        border: 1px solid rgba(44, 62, 80, 0.7);
        border-radius: 4px;
        background-color: rgba(255, 255, 255, 0.8);
}

.tpimgbutton.gender_female:hover {
    background-color: rgba(41, 128, 185, 0.4);
    border-color: rgba(41, 128, 185, 1.0);
}

.tpimgbutton.gender_female.selected {
    background-color: rgba(39, 174, 96, 0.5);
    border-color: rgba(39, 174, 96, 1.0);
}

.tpimgbutton.type_customer {
    width: 30px;
    height: 28px;
    background-image: url(../icons/tpicons24.png);
    background-position: 1.5px calc(1px + 35 * -24px);
    border: 1px solid rgba(44, 62, 80, 0.7);
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.8);
}

.tpimgbutton.type_customer:hover {
    background-color: rgba(41, 128, 185, 0.4);
    border-color: rgba(41, 128, 185, 1.0);
}

.tpimgbutton.type_customer.selected {
    background-color: rgba(39, 174, 96, 0.4);
    border-color: rgba(39, 174, 96, 1.0);
}

.tpimgbutton.type_trucking {
        width: 30px;
        height: 28px;
        background-image: url(../icons/tpicons24.png);
        background-position: 1.5px calc(1px + 39 * -24px);
        border: 1px solid rgba(44, 62, 80, 0.7);
        border-radius: 4px;
        background-color: rgba(255, 255, 255, 0.8);
}

.tpimgbutton.type_trucking:hover {
    background-color: rgba(41, 128, 185, 0.4);
    border-color: rgba(41, 128, 185, 1.0);
}

.tpimgbutton.type_trucking.selected {
    background-color: rgba(39, 174, 96, 0.5);
    border-color: rgba(39, 174, 96, 1.0);
}

.tpimgbutton.type_regular {
    width: 30px;
    height: 28px;
    background-image: url(../icons/tpicons24.png);
    background-position: 1.5px calc(1px + 42 * -24px);
    border: 1px solid rgba(44, 62, 80, 0.7);
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.8);
}

.tpimgbutton.type_regular:hover {
    background-color: rgba(41, 128, 185, 0.4);
    border-color: rgba(41, 128, 185, 1.0);
}

.tpimgbutton.type_regular.selected {
    background-color: rgba(39, 174, 96, 0.4);
    border-color: rgba(39, 174, 96, 1.0);
}

.tpimgbutton.type_temporary {
    width: 30px;
    height: 28px;
    background-image: url(../icons/tpicons24.png);
    background-position: 1.5px calc(1px + 43 * -24px);
    border: 1px solid rgba(44, 62, 80, 0.7);
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.8);
}

.tpimgbutton.type_temporary:hover {
    background-color: rgba(41, 128, 185, 0.4);
    border-color: rgba(41, 128, 185, 1.0);
}

.tpimgbutton.type_temporary.selected {
    background-color: rgba(39, 174, 96, 0.5);
    border-color: rgba(39, 174, 96, 1.0);
}

.tpbutton {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: rgba(236, 240, 241, 1.0) 1px 1px 3px inset;
    -webkit-box-shadow:  rgba(225, 140, 141, 1.0) 1px 1px 6px inset;
    box-shadow: rgba(236, 240, 241, 1.0) 1px 1px 3px inset;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #ecf0f1;
    background-image: url(../icons/tpicons24.png), linear-gradient( to right, rgba(41, 128, 185, 1.0), rgba(236, 240, 241, 1.0));
    background-size: auto, 75% 100%;
    border: 1px solid #2c3e50;
    color: #2c3e50;
    font-size: 13px;
    padding: 2px 4px 2px 32px;
    text-align: right;
    font-style: normal;
    font-weight: normal;
    background-repeat: no-repeat;
    height: 25px;
    line-height: 15px;
    cursor: pointer;
}

.tpbutton.hover, .tpbutton:hover {
    background-image: url(../icons/tpicons24.png), linear-gradient( to right, rgba(39, 174, 96, 1.0), rgba(236, 240, 241, 1.0)); 
}

.tpbutton.focus, .tpbutton:focus { 

}

.tpbutton.disabled, .tpbutton:disabled { 
    background-image: url(../icons/tpicons24.png), linear-gradient( to right, rgba(192, 57, 43, 1.0), rgba(236, 240, 241, 1.0));
    cursor: no-drop;
    opacity: 0.4; 
}

.tpbutton.login { background-position: 3px calc(11 * -24px), 0 0; }
.tpbutton.add { background-position: 3px calc(0 * -24px), 0 0; }
.tpbutton.check { background-position: 3px calc(6 * -24px), 0 0; }
.tpbutton.cross { background-position: 3px calc(7 * -24px), 0 0; }
.tpbutton.delete { background-position : 3px calc(8 * -24px), 0 0; }
.tpbutton.edit {  background-position: 3px calc(9 * -24px), 0 0; }
.tpbutton.settings { background-position: 3px calc(10 * -24px), 0 0; }
.tpbutton.detail { background-position: 3px calc(16 * -24px), 0 0; }
.tpbutton.overview { background-position: 3px calc(17 * -24px), 0 0; }
.tpbutton.planning { background-position: 3px calc(15 * -24px), 0 0; }
.tpbutton.password { background-position: 3px calc(13 * -24px), 0 0; }
.tpbutton.customer { background-position: 3px calc(35 * -24px), 0 0; }
.tpbutton.contact { background-position: 3px calc(31 * -24px), 0 0; }
.tpbutton.driver { background-position: 3px calc(38 * -24px), 0 0; }
.tpbutton.print { background-position: 3px calc(12 * -24px), 0 0; }
.tpbutton.mail { background-position: 3px calc(34 * -24px), 0 0; }
.tpbutton.search { background-position: 1px calc(14 * -24px), 0 0; background-size: auto, 100% 100%; width: 28px; padding-left: 0; vertical-align: middle; }
.tpbutton.searchlarge { background-position: 3px calc(14 * -24px), 0 0; }
.tpbutton.browse { background-position: 3px calc(61 * -24px), 0 0; }
.tpbutton.upload { background-position: 3px calc(60 * -24px), 0 0; }
.tpbutton.save { background-position: 3px calc(62 * -24px), 0 0; }
.tpbutton.overtime { background-position: 3px calc(64 * -24px), 0 0; }
.tpbutton.refresh { background-position: 3px calc(69 * -24px), 0 0; }

.tpbutton.small {
    background-size: auto, 100% 100%; width: 28px; padding-left: 0; vertical-align: middle; background-position-x: 1px, 0;
}