@import url("../FMC- Help Stylesheet.css");

.hint, .button {
    float: right;
    /* hints and buttons are floating to the right, they should be on top of each other */
    clear: right;
    width: 40%;
    margin: 6px;
    padding: 6px;
}

.hint {
    border: 1px solid red;
}

.button {
    border: 1px solid green;
}

#hint-explained, #button-explained {
    float: none;
}

h1, h2, h3, h4 {
    clear: both;
}

h3 {
    font-size: 18pt;
}

.navigation-bar {
    border-style:     solid;
    border-width:     1px;
    border-color:     black;
    background-color: #749CAF;
    margin-top:       15px;
    padding-top:      5px;
    padding-bottom:   5px;
    height:           30px;
    width:            100%;
}

.navigation-bar a {
    font-family:      book antiqua, serif;
    font-size:        12pt;
    font-weight:      800;
    color:            white;
}

.navtitle {
    font-family:      book antiqua, serif;
    font-size:        18pt;
    font-weight:      800;
    color:            white;
}

.start-title {
    font-family:      book antiqua, serif;
    font-size:        24pt;
    font-weight:      800;
    color:            white;
}    

.align-right {
    text-align: right;
}
    
.navigation-bar img {
    vertical-align: middle;
}

.step-end-img {
    margin-top: 80px;
    border: 1px solid #466879;
    padding: 10px;
    clear: both;
}

.step-end-img h4 {
    color: #466879;
    margin: 0px;
    margin-bottom: 10px;
}

li {
    margin-bottom: 10px;
}