@charset "utf-8";


body {
    font: 100% Verdana,Arial;
    /*background: #666666; */
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
}




.VisualizationMainPage #mainContent {
    /*padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background: #FFFFFF;
}



.VisualizationMainPage #container {
    background: #FFFFFF;
    /*margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
}


.VisualizationMainPage #algoControlSection {
    background: #E6EFFF;
    color: #ffff66;
}



.VisualizationMainPage #generalAnimationControlSection {
    background: #E6EFFF;
    color: #ffff66;
}

.VisualizationMainPage #header {
    background: #2F77EB;
    color: white;
    padding: 0 10px 0 20px;
}

    .VisualizationMainPage #header A:visited {
        text-decoration: none;
        color: white;
    }


    .VisualizationMainPage #header h1 {
        margin: 0;
        padding: 10px 0;
    }

    .VisualizationMainPage #header A:link {
        text-decoration: none;
        color: white;
    }


.VisualizationMainPage #container {
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
}


.VisualizationMainPage #footer A:visited {
    text-decoration: none;
    color: white;
}

.VisualizationMainPage #footer A:link {
    text-decoration: none;
    color: white;
}




.VisualizationMainPage #mainContent h1 {
    padding: 0 20px;
    background: #FFFFFF;
    color: #2F77EB;
}

.VisualizationMainPage #mainContent h2 {
    padding: 0 20px;
    background: #FFFFFF;
    color: #2F77EB;
}

.VisualizationMainPage #mainContent h3 {
    padding: 0 20px;
    background: #FFFFFF;
    color: #2F77EB;
}



.VisualizationMainPage #footer {
    padding: 0 10px;
    background: #444;
    color: white;
}

    .VisualizationMainPage #footer p {
        margin: 0;
        padding: 10px 0;
    }

.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        font-family: Segoe UI;
        min-width: 220px;
        background-color: #444;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 7px;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
        margin-left: -60px;
    }

    .tooltip:hover .tooltiptext{
        visibility: visible;
    }

EM {
    text-decoration: bold;
}