body {
    background-color:   #FFFFBB;
    margin:             0px;
    padding:            0px;
}

.header {
    background-color:   #FFFFCC;
    margin:             0px;
    padding:            5px;
}

.window {
    background-color:   #DDDDDD;

    border:             4px outset #FFFFFF;
    padding:            4px;
    margin:             5% 10% 0% 10%;
}

.window-title {
    display:            block;
    background-image:   linear-gradient(to right, #8888dd, #ccccee);
    padding: 2px;
    margin: 0px;
}

.window-seperator {
    display:            block;
    border:             inset 3px #EEEEEE;
    margin-left:        5%;
    margin-right:       5%;
    margin-top:         0%;
    margin-bottom:      0%;
}

.window-content {
    padding:            1%;
    margin:             0px;
}

.link-button {
    display:            inline-block;
    background-color:   #DDDDDD;
    color:              #000000;

    border:             outset 2px #FFFFFF;
    border-bottom:      outset 2px #000000;
    border-right:       outset 2px #000000;

    padding:            4px;
    padding-left:       16px;
    padding-right:      16px;

    text-align:         center;
    text-decoration:    none;
    font-size:          120%;
    cursor:             pointer;
}

.link-button:active {
    border:             solid 2px black;
}

.text-inset {
    display:            inline-block;
    border:             inset 2px #FFFFFF;
    padding:            2px;
    margin:             5px;
}