body {
}

.text {
    color: cornflowerblue;
    font-family: 'Segoe UI';
    font-weight: lighter;
}

#nav {
    background-color: #3276aa;
    color: white;
    height: 30px;
    padding: 3px;
}

#menu {
    list-style: none;
    position: relative;
    display: inline-table;
    padding-top: 2px;
}

    #menu:after {
        content: "";
        clear: both;
        display: block;
    }

    #menu ul {
        display: none;
    }

    #menu > li:first-child {
        margin-left: 0px;
    }

    #menu > li {
        display: inline;
        list-style-type: none;
        margin-left: 25px;
        cursor: pointer;
        float: left;
    }

    #menu li:hover > ul {
        display: block;
    }

    #menu li a {
        text-decoration: none;
        color: white;
        display: block;
    }

    #menu ul {
        position: absolute;
        border-radius: 0px;
        padding: 0px;
        top: 100%;
        background-color: #3276aa;
    }

        #menu ul li:first-child {
            margin-top: 8px;
        }

        #menu ul li {
            float: none;
            position: relative;
            padding-top: 3px;
            padding-bottom: 3px;
            padding-left: 8px;
            padding-right: 8px;
        }

            #menu ul li:hover {
                background-color: white;
            }

                #menu ul li:hover a {
                    color: cornflowerblue;
                }


#login {
}

    #login input[type=text] {
        margin-top: 5px;
        width: 350px;
    }

    #login input[type=password] {
        margin-top: 5px;
        width: 350px;
    }

    #login input[type=submit] {
        margin-top: 5px;
        width: 100px;
    }


.right-aligned {
    text-align: right;
}

.left-aligned {
    text-align: left;
}

.centered {
    text-align: center;
}

.data-grid {
}

    .data-grid th {
        padding: 3px;
    }

        .data-grid th a {
            color: #333;
        }

    .data-grid td {
        text-align: left;
        padding: 3px;
    }

        .data-grid td input[type=text] {
            border: 1px solid cornflowerblue;
            font-family: 'Helvetica';
            padding: 3px;
            padding-left: 5px;
        }

        .data-grid td input[type=submit] {
            border: 1px solid cornflowerblue;
            background-color: white;
            font-family: 'Helvetica';
            font-size: 12px;
            padding: 2px;
            padding-left: 5px;
            padding-right: 5px;
        }