    #settings {
        margin-top:     1em;
    }

/* Overview of the settings */

    #settings .x-overview {
        text-align:     center;
        width:          15em;
    }
    #settings .x-title {
        margin:         .5em;
        font-size:      125%;
    }

/* The list of modules. */

    #settings .x-modules {
        white-space:    nowrap;
    }
    #settings .x-modules ul {
        margin:             1em;
        list-style-type:    none;
        padding:            0px;
    }
    #settings .x-modules li {
    }
    #settings .x-modules a {
        display:            block;
        padding:            .2em 1em;
        background-color:   #444;
        border:             1px dotted #999;
        margin-top:         1px;
        margin-bottom:      11px;
    }
    #settings .x-modules a:hover, #settings .x-modules a.x-selected {
        background-color:   #161616;
        margin-top:         -1px;
        margin-bottom:      10px;
        border-width:       2px;
        border-color:       #bbb;
    }
    #settings .x-modules a.x-selected {
        border-style:       solid;
    }

/* The list of sections for the current module. Normally displayed as tabs. */

    #settings .x-sections {
        padding:        0px 1em;
        border-bottom:  2px solid #999;
        height:         2.25em;
        vertical-align: bottom;
    }

    #settings .x-sections ul {
        display:        inline;
        list-style:     none;
        margin:         0;
        padding:        0;
    }
    #settings .x-sections a {
        float:              left;
        color:              #bbc;
        background-color:   #444;
        padding:            2px 6px;
        margin:             3px 5px 0px 0px;
        border:             2px solid #999;
        border-bottom:      0px;
        white-space:        nowrap;
        -moz-border-radius-topleft:     8px;
        -moz-border-radius-topright:    8px;
    }
    #settings .x-sections a:hover, #settings .x-sections a.x-selected {
        color:              white;
        background-color:   #161616;
        border-color:       #bbb;
    }
    #settings .x-sections a.x-selected {
        border-bottom:      2px solid #161616;
        margin-bottom:      -2px;
    }

    #settings .x-sections a.active {
        color:              white;
        font-weight:        bold;
        background-color:   #161616;
        border:             2px solid #eee;
        border-bottom:      2px solid #161616;
        margin-bottom:      -2px;
    }

/* Select which host to edit the settings for. */

    #settings .x-host {
        text-align:     right;
        border-bottom:  2px solid #eee;
    }

/* A notification/warning */

    #settings .x-notice {
        margin:             1em;
        padding:            .5em;
        text-align:         center;
        color:              #fbb;
        background-color:   #360000;
        border:             1px solid #F03030;
    }

/* The content of the settings that are being edited */

    #settings .x-content {
        background-color:   #161616;
        border:             2px solid #999;
        border-top:         none;
    }
