/*
Colors:
Dominant                    #ee3a43     (red)
Secondary (progress)        #ffd51d     (yellow)
Accent (buttons, links)     #ee3a43     (red)
Accent hover                #c90912     (darker red)
*/

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

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

nav a.active {
    color: #666666;
}

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

.title a {
    background-image: url('logo_tec.png');
    width: 200px;
}

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

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

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

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

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

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

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

.exerciseBlocks a {
    background-image: none;
    background-color: #ee3a43;                  /* 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 */