﻿.categoryIcon {
    display: inline-block;
    height: 22px;
    width: 22px;
    border: 0px;
    padding: 0px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: left top;
}

.categoryIcon0 {
    background-image: url(images/space.gif);
}
.categoryIcon1 {
    background-image: url(images/Icon_Service.png);
}
.categoryIcon2 {
    background-image: url(images/Icon_MOT.png);
}
.categoryIcon3 {
    background-image: url(images/Icon_Orders.png);
}
.categoryIcon4 {
    background-image: url(images/Icon_Renewals.png);
}
.categoryIcon5 {
    background-image: url(images/Icon_Orders.png);
}
.categoryIcon6 {
    background-image: url(images/Icon_Invoice.png);
}
.categoryIcon7 {
    background-image: url(images/Icon_Licence.png);
}
.categoryIcon8 {
    background-image: url(images/Icon_GreyFleet.png);
    background-size: 22px;
}
.categoryIcon9 {
    background-image: url(images/Icon_OwnInsurance.png);
    background-size: 22px;
}
.categoryIcon10 {
    background-image: url(images/Icon_OwnRFL.png);
    background-size: 22px;
}
.categoryIcon11 {
    background-image: url(images/Icon_OwnService.png);
    background-size: 22px;
}
.categoryIcon12 {
    background-image: url(images/Icon_OwnMOT.png);
    background-size: 22px;
}

.dot {
    display: inline-block;
    height: 16px;
    width: 16px;
    border: 0px;
    padding: 0px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left top;
}

.dotGreyDot {
    background-image: url(images/GreyDot.png);
}

.dotRedDot {
    background-image: url(images/RedDot.png);
}

.dotAmberDot {
    background-image: url(images/AmberDot.png);
}

.dotGreenDot {
    background-image: url(images/GreenDot.png);
}

.dotBlueDot {
    background-image: url(images/BlueDot.png);
}

.boolIcon {
    display: inline-block;
    height: 18px;
    width: 18px;
    border: 0px;
    padding: 0px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: left top;
}

.boolTick {
    background-image: url(images/GENERAL_TICK.png);
}

.boolCross {
    background-image: url(images/GENERAL_CROSS.png);
}
