/*
Colors:
Dominant                    #0077C1     (light blue from website)
Secondary (progress)        #179BD8     (darker blue from website)
Accent (buttons, links)     #D62027     (red)
Accent hover                #730400     (darker red)
*/


.topHead-container {
	background-color: #0077C1;                  /* dominant */
	border-bottom: 5px solid #0077C1;           /* dominant */
}

nav a {
	border-top: none !important;
}

nav a.active {
	color: #666666;
}

nav a:hover {
	color: #D62027;                             /* accent */
}

.title a {
	background-image: url('home_logo_mivb-stib.png');
    height: 80px;
}

a {
	color: #D62027;                             /* accent */
}

.button,
input[type="submit"],
input[type="button"],
button,
.exerciseControls .button,
#login input[type="submit"]
{
	background-color: #D62027;                  /* accent */
}

.button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover, .exerciseControls .button:hover {
	background-color: #730400;                  /* accent hover */
}

.exerciseBlocks a div.progressContainer span.progressBar {
	background-color: #179BD8;                  /* secondary */
}

.exerciseBlocks a div.progressContainer span.progressBar .insideScore strong {
	color: #FFFFFF;
}

.exerciseBlocks a div.resultContainer div.resultBar span.correctBar {
    background-color: #730400;                  /* accent hover */
}

/* replace background-image for blocks with pure CSS */

.exerciseBlocks a {
	background-image: none;
    background-color: #0077C1;                  /* dominant */
}

.exerciseBlocks a:hover {
	text-decoration: none;
}

.exerciseBlocks a div.progressContainer {
    background-color: #D1D1D1;
    background: repeating-linear-gradient(
        -45deg,
        #FFFFFF,
        #FFFFFF 3px,
        #E5E5E5 3px,
        #E5E5E5 6px
      );
    border-bottom: 1px solid white;
    height: 23px;
}

.exerciseBlocks a div.resultContainer {
    background-color: #E4E4E4;
}

.exerciseBlocks a div.percentContainer {
    background-color: #FFFFFF;
    bottom: 1px;
    height: 47px;
    right: 1px;
}
/* end of block background-image replacement */