/* Icons
----------------------------------*/

/* states and images */

.ui-icon2 {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-icon3 {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Interaction states
----------------------------------*/
.ui-state-grey {
    width: 30px;
    border-bottom: 5px solid #cbcbcb;
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

    .ui-state-grey:hover {
        width: 30px;
        border-bottom: 5px solid #cbcbcb;
        border-left: 1px solid #afafaf;
        border-top: 1px solid #afafaf;
        border-right: 1px solid #afafaf;
        background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
    }

.ui-state-green {
    width: 30px;
    border-bottom: 5px solid #2d9a13;
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

    .ui-state-green:hover {
        width: 30px;
        border-bottom: 5px solid #2d9a13;
        border-left: 1px solid #afafaf;
        border-top: 1px solid #afafaf;
        border-right: 1px solid #afafaf;
        background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
    }


.ui-state-orange {
    width: 30px;
    border-bottom: 5px solid #e58036;
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

    .ui-state-orange:hover {
        width: 30px;
        border-bottom: 5px solid #e58036;
        border-left: 1px solid #afafaf;
        border-top: 1px solid #afafaf;
        border-right: 1px solid #afafaf;
        background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
    }

.ui-state-haulier {
    border-bottom: 5px solid #e58036;
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

    .ui-state-haulier:hover {
        border-bottom: 5px solid #e58036;
        border-left: 1px solid #afafaf;
        border-top: 1px solid #afafaf;
        border-right: 1px solid #afafaf;
        background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
    }

.ui-state-red {
    width: 30px;
    border-bottom: 5px solid #dd0000;
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

    .ui-state-red:hover {
        width: 30px;
        border-bottom: 5px solid #dd0000;
        border-left: 1px solid #afafaf;
        border-top: 1px solid #afafaf;
        border-right: 1px solid #afafaf;
        background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
    }

.ui-state-purple {
    width: 30px;
    border-bottom: 5px solid #b600b0;
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

    .ui-state-purple:hover {
        width: 30px;
        border-bottom: 5px solid #b600b0;
        border-left: 1px solid #afafaf;
        border-top: 1px solid #afafaf;
        border-right: 1px solid #afafaf;
        background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
    }

.ui-state-yellow {
    width: 30px;
    border-bottom: 5px solid #ffea00;
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

    .ui-state-yellow:hover {
        width: 30px;
        border-bottom: 5px solid #ffea00;
        border-left: 1px solid #afafaf;
        border-top: 1px solid #afafaf;
        border-right: 1px solid #afafaf;
        background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
    }


.ui-state-redfull {
    width: 30px;
    border-bottom: 5px solid #dd0000;
    border-left: 1px solid #dd0000;
    border-top: 1px solid #dd0000;
    border-right: 1px solid #dd0000;
    background: #dd0000;
    font-weight: normal;
    color: #dd0000;
}

    .ui-state-redfull:hover {
        width: 30px;
        border-bottom: 5px solid #dd3e00;
        border-left: 1px solid #dd3e00;
        border-top: 1px solid #dd3e00 border-right: 1px solid #dd3e00;
        background: #dd3e00;
        font-weight: normal;
        color: #dd3e00;
    }

.ui-state-yellowfull {
    width: 30px;
    border-bottom: 5px solid #ffea00;
    border-left: 1px solid #ffea00;
    border-top: 1px solid #ffea00;
    border-right: 1px solid #ffea00;
    background: #ffea00;
    font-weight: normal;
    color: #ffea00;
}

    .ui-state-yellowfull:hover {
        width: 30px;
        border-bottom: 5px solid #fff265;
        border-left: 1px solid #fff265;
        border-top: 1px solid #fff265 border-right: 1px solid #fff265;
        background: #fff265;
        font-weight: normal;
        color: #fff265;
    }

.ui-state-greenfull {
    width: 30px;
    border-bottom: 5px solid #2d9a13;
    border-left: 1px solid #2d9a13;
    border-top: 1px solid #2d9a13;
    border-right: 1px solid #2d9a13;
    background: #2d9a13;
    font-weight: normal;
    color: #2d9a13;
}

    .ui-state-greenfull:hover {
        width: 30px;
        border-bottom: 5px solid #3dbf1e;
        border-left: 1px solid #3dbf1e;
        border-top: 1px solid #3dbf1e;
        border-right: 1px solid #3dbf1e;
        background: #3dbf1e;
        font-weight: normal;
        color: #3dbf1e;
    }

.ui-state-greyfull {
    width: 30px;
    border-bottom: 5px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    background: #cbcbcb;
    font-weight: normal;
    color: #cbcbcb;
}

    .ui-state-greyfull:hover {
        width: 30px;
        border-bottom: 5px solid #dedede;
        border-left: 1px solid #dedede;
        border-top: 1px solid #dedede;
        border-right: 1px solid #dedede;
        background: #dedede;
        font-weight: normal;
        color: #dedede;
    }

/* Icons - Large for menu
----------------------------------*/
.ui-icon2 {
    width: 50px;
    height: 40px;
    background-image: url(images/ui-icons2.png);
}
/* square button sizes*/

.ui-widget-header .ui-icon2 {
    background-image: url(images/ui-icons2.png);
}

.ui-state-default .ui-icon2 {
    background-image: url(images/ui-icons2.png);
}

.ui-state-hover .ui-icon2, .ui-state-focus .ui-icon2 {
    background-image: url(images/ui-icons2.png);
}

.ui-state-active .ui-icon2 {
    background-image: url(images/ui-icons2.png);
}

.ui-state-highlight .ui-icon2 {
    background-image: url(images/ui-icons2.png);
}

.ui-state-error .ui-icon2, .ui-state-error-text .ui-icon2 {
    background-image: url(images/ui-icons2.png);
}

/* Icons - Small for table
----------------------------------*/
.ui-icon3 {
    width: 30px;
    height: 18px;
    background-image: url(images/ui-icons3.png);
}
/* square button sizes*/

.ui-widget-header .ui-icon3 {
    background-image: url(images/ui-icons3.png);
}

.ui-state-default .ui-icon3 {
    background-image: url(images/ui-icons3.png);
}

.ui-state-hover .ui-icon3, .ui-state-focus .ui-icon3 {
    background-image: url(images/ui-icons3.png);
}

.ui-state-active .ui-icon3 {
    background-image: url(images/ui-icons3.png);
}

.ui-state-highlight .ui-icon3 {
    background-image: url(images/ui-icons3.png);
}

.ui-state-error .ui-icon3, .ui-state-error-text .ui-icon3 {
    background-image: url(images/ui-icons3.png);
}


/* positioning */

.ui-icon2-carat-mag {
    background-position: 0 0;
}

.ui-icon2-carat-input {
    background-position: -50px 0;
}

.ui-icon2-carat-exchange {
    background-position: -100px 0;
}

.ui-icon2-carat-calendar {
    background-position: -150px 0;
}

.ui-icon2-carat-people {
    background-position: -200px 0;
}

.ui-icon2-carat-userGroup {
    background-position: -250px 0;
}

.ui-icon2-carat-regUser {
    background-position: -300px 0;
}

.ui-icon2-carat-role {
    background-position: -350px 0;
}

.ui-icon2-carat-report {
    background-position: -400px 0;
}

.ui-icon2-carat-advert {
    background-position: -450px 0;
}


.ui-icon3-carat-edit {
    background-position: 0 0;
}

.ui-icon3-carat-del {
    background-position: -30px 0;
}

.ui-icon3-carat-equip {
    background-position: -60px 0;
}

.ui-icon3-carat-loc {
    background-position: -90px 0;
}

.ui-icon3-carat-subLoc {
    background-position: -120px 0;
}

.ui-icon3-carat-locType {
    background-position: -150px 0;
}

.ui-icon3-carat-mag {
    background-position: -180px 0;
}

.ui-icon3-carat-resCod {
    background-position: -210px 0;
}

.ui-icon3-carat-cliPri {
    background-position: -240px 0;
}

.ui-icon3-carat-repGro {
    background-position: -270px 0;
}

.ui-icon3-carat-viewOrd {
    background-position: -300px 0;
}

.ui-icon3-carat-amend {
    background-position: -330px 0;
}

.ui-icon3-carat-iss {
    background-position: -360px 0;
}

.ui-icon3-carat-issRec {
    background-position: -390px 0;
}

.ui-icon3-carat-warn {
    background-position: 0 -18px;
}

.ui-icon3-carat-tick {
    background-position: -30px -18px;
}

.ui-icon3-carat-que {
    background-position: -60px -18px;
}

.ui-icon3-carat-tickgreen {
    background-position: -90px -18px;
}

.ui-icon3-carat-noentry {
    background-position: -120px -18px;
}

.ui-icon3-carat-noentryred {
    background-position: -150px -18px;
}

.ui-icon3-carat-plus {
    background-position: -180px -18px;
}

.ui-icon3-carat-ass {
    background-position: -210px -18px;
}

.ui-icon3-carat-stock {
    background-position: -240px -18px;
}

.ui-icon3-carat-stock2 {
    background-position: -270px -18px;
}

.ui-icon3-carat-globe {
    background-position: -300px -18px;
}

.ui-icon3-carat-location {
    background-position: -330px -18px;
}

.ui-icon3-carat-haulier {
    background-position: -270px -18px;
}

.ui-icon4 {
    width: 30px;
    height: 18px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(images/vehicle.png);
}