* {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

body {
    background-color: #ccccee;
}

h1 {
    font-size: 350%;
    color: #666688;

    border-style: dashed;
    border-color: #666688;
    border-width: 3px;

    margin: 30px;
    padding: 5px 20px 5px 20px;

    float: left;
}
h1:first-letter {
    color: #7777bb;
    text-decoration: underline;
}

h2 {
    float: left;

    font-size: 230%;
    color: #666688;

    border-style: solid;
    border-width: 0px 0 1px 0;
    border-color: #666688;

    margin: 30px;
    margin-left: 0;

    padding: 5px 30px 2px 30px;
}

table {
    margin: 0 30px 10px 30px;
}

th, td {
    padding: 3px;
}
th {
    background-color: #aaaacc;
    font-weight: bold;
}
td {
    background-color: #ddddff;
}

input[type="submit"], input[type="file"], select {
    background-color: #aaaacc;

    width: 100%;
    
    border-style: groove;
    border-width: 3px;
    border-color: #8888aa;
}
input[type="submit"] {
    font-weight: bold;
    font-size: 130%;
}

form {
    clear: both;
}

.result {
    margin: 30px;
    margin-top: 10px;

    border-style: dashed;
    border-color: #555577;
    border-width: 1px 0 0 0;

    padding-top: 10px;
}

.error {
    color: #ff5555;
    font-size: 150%;
}