
/**Change the background colour of the header area */
#header {
background: #FFFFFF;
}


/**Change the colour of the first part of the application title */
#header h1.parta {
color: #015A9C;
} 

/**Change the colour of the second part of the application title */
#header h1.partb {
color: #BED73D;
}

/**Change the colour of all page titles */
body h2 {
color: #015A9C;
}

/**Change the Log-out link colour */
#logout a {
color: #015697;
}

/**Change the key-line colour of the navigation bar */
#navbase {
background: #BED547;
}

/**Change the colour of the links in the tabs */
#navigation a {
color: #6E9EC2;
}

/**Change the colour of the links in the tabs when they are rolled over */
#navigation a:hover {
color:#015A9C;
}

/**Change the colour of the link in a tab when it is selected */
#navigation #current a {
color:#015A9C;
}

/**Change the high-light colour of a tab when it is selected */
#navigation #current {
border-bottom-color:#FFFFFF;
}

/**Change the text colour of all links in the general body text of the system */
body a {
color: #015A9C;
}

/**Change the text colour of all links in the general body text of the system when they are rolled over */
body a:hover {
color: #6E9EC2;
}


/**Change the text colour in the start / edit diagnostic arrow */
#startarrow a {
color:#015A9C;
}


/**Change the text colour for the number of each section of the diagnostic */
.processHeader .processNo {
    color: #BED630;
}

/**Change the text colour for the title of each section of the diagnostic */
.processHeader .processName {
    color: #BED630;
}

/**Change the text colour for the question numbers in the diagnostic */
.diagnosticTable .questionNumber {
    color: #BED630;
}

/**Change the colour of the progress indicator balls in the diagnostic */
#progress img.on {
background: #BED73B;
}

/**Change the colour of a selected number in the diagnostic */
.selected img { 
    background-color: #BED630;
}

/**Change the colour of each number as it is rolled over in the diagnostic */
.unselected  img:hover { 
    background-color: #BED630; 
}

/**Change the colour of "previous" and "next" arrows in the diagnostic */
.progression {
background: #BED547;
}

