.green
{
    width:11px;

    height:15px;
    background-image: url('../images/task/green.png');
    float:left;
    padding-left:4px;
    margin-left: 1px;
    font-weight: bold;
    color:#0F0;
    text-decoration: none;
}
.green a
{
    color:#0F0;
    text-decoration: none;
}
.green a:hover
{
    color:red;
}
.red
{
    width:11px;

    height:15px;
    background-image: url('../images/task/red.png');
    float:left;
    padding-left:4px;
    margin-left: 1px;
    font-weight: bold;
    color:#F00;
    text-decoration: none;
}

.red a
{
    color:#F00;
    text-decoration: none;
}
 .red a:hover
{
    color:red;
}
.yellow
{
    width:11px;

    height:15px;
    background-image: url('../images/task/yellow.png');
    float:left;
    padding-left:4px;
    margin-left: 1px;
    font-weight: bold;
    color:#FF0;
    text-decoration: none;
}

.yellow a
{
    color:#FF0;
    text-decoration: none;
}
 .yellow a:hover
{
    color:red;
}
.gray
{
    width:11px;

    height:15px;
    background-image: url('../images/task/gray.png');
    float:left;
    padding-left:4px;
    margin-left: 1px;
    font-weight: bold;
    color:#FFF;
    text-decoration: none;
}
.gray a
{
    color:#FFF;
    text-decoration: none;
}
 .gray a:hover
{
    color:red;
}