.thresholds
{
	width: 100%;
	font-size: 90%;
	border: solid 1px #000000;
	border-collapse: collapse;
}
.thresholds tr td
{
	padding: 5px;
	font-size: 105%;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #c0c0c0;
	vertical-align: middle;
	text-align: center;
	width: 20%;
}
.thresholds tr th
{
	padding: 5px;
    padding-right: 20px;
	font-size: 105%;
	font-weight: bold;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #c0c0c0;
	vertical-align: middle;
	text-align: right;
    white-space: nowrap;
}
.thresholds .redStatus, .thresholds .amberStatus, .thresholds .greenStatus,.thresholds .goldStatus, .thresholds .incomplete, .thresholds .noStatus
{
	border-bottom: solid 1px #000000;
}
.incomplete
{
    color: #ff0000;
    background: #eeeeee;
}
.incomplete a
{
    color: #ff0000;
}

/* these styles break the rules for naming classes using colours but
we can be fairly sure they will never change as they're using the 
traffic light system */

.redStatus {
    background-color: #ff3300;
    color: #ffffff;
}

    .redStatus a {
        color: #ffffff;
    }

        .redStatus a:visited {
            color: #ffffff;
        }

.amberStatus {
    background-color: #ffcc00;
    color: #000000;
}

    .amberStatus a {
        color: #000000;
    }

        .amberStatus a:visited {
            color: #000000;
        }

.darkAmberStatus {
    background-color: #FF7F00;
    color: #000000;
}

    .darkAmberStatus a {
        color: #000000;
    }

        .darkAmberStatus a:visited {
            color: #000000;
        }

.greyStatus {
    background-color: grey;
    color: #ffffff;
}


.naStatus {
    background: #eeeeee;
    color: #808080;
}

    .naStatus a {
        color: #000000;
    }

.blueStatus {
    background-color: #6699CC;
    color: #ffffff;
}


.greenStatus {
    background-color: #99cc33;
    color: #000000;
}

.lightGreyStatus {
    background-color: #c0c0c0;
    color: #000000;
}

.goldStatus {
    background-color: #D4AF37;
    color: #000000;
}

    .goldStatus a {
        color: #000000;
    }

        .goldStatus a:visited {
            color: #000000;
        }

.greenStatus a {
    color: #000000;
}

    .greenStatus a:visited {
        color: #000000;
    }

.redText {
    color: #ff0000;
}

.amberText {
    color: #ffcc00;
}

.greenText {
    color: #008000;
}

/*Threshold colours for links*/

.redStatusLink {
    background-color: #ff3300;
}

.amberStatusLink {
    background-color: #ffcc00;
}

.greenStatusLink {
    background-color: #99cc33;
}

.goldStatusLink {
    background-color: #D4AF37;
}

/*End of - Threshold colours for links*/

.redDot {
    background-image: url(Images/redDot.gif);
    background-position: center;
    background-repeat: no-repeat;
    color: White;
    height: 40px;
    width: 45px;
}

.amberDot {
    background-image: url(Images/amberDot.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 40px;
    width: 45px;
}

.greenDot {
    background-image: url(Images/greenDot.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 40px;
    width: 45px;
}