.categoryIcon {
    display: inline-block;
    height: 24px;
    width: 24px;
    border: 0px;
    padding: 0px;
    background-size: 24px;
    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/space.gif);
}

.categoryIcon9 {
    background-image: url(images/space.gif);
}

.categoryIcon10 {
    background-image: url(images/space.gif);
}

.categoryIcon11 {
    background-image: url(images/space.gif);
}

.categoryIcon12 {
    background-image: url(images/space.gif);
}

.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);
}