@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #dddddd;
}

h1 {
    font-size: 200%;
    color: white;
    background-color: #333388;

    -moz-border-radius: 8px;

    border-color: #7777bb;
    border-width: 0 2px 2px 0;
    border-style: solid;
    
    padding: 5px;
    margin: 10px;
}

#form, #list, #pasted {
    margin: 0 10px 10px 10px;
}
table {
    width: 100%;
}
th, td {
    -moz-border-radius: 5px;
}
table th {
    background-color: #333388;
    color: white;
    padding: 3px;
}
table td {
    background-color: #7777bb;
    color: white;
    padding: 3px;
}
table input, table textarea, table select {
    font-size: 110%;
    
    background-color: #7f7fbf;
    color: inherit;

    border-color: #ddddff;
    border-width: 1px;
    border-style: dashed;

    padding: 3px;
}
table input:hover, table textarea:hover, table select:hover {
    background-color: #6f6faf;
}
table input[type="text"] {
    width: 99%;
}
table input[type="submit"] {
    font-size: 150%;
    padding: 2px 5px;
}
table textarea {
    font-size: 100%;
    
    width: 99%;
}

.error {
    margin: 5px 0px;
    padding: 10px;
    background-color: #bb7777;

    -moz-border-radius: 6px;
    
    color: white;
    font-size: 120%;
}

a {
    font-weight: bold;
    color: white;
    text-decoration: underline;
    font-style: italic;
}
a:visited {
    text-decoration: none;
}

#list, #pasted {
    text-align: center;
}
#list table, #pasted table {
    margin-top: 3px;
}
.pager {
    display: inline;
    
    background-color: #5f5faf;
    color: white;

    -moz-border-radius: 5px;

    padding: 3px;
}
.pager a:visited {
    text-decoration: underline;
}

#pasted td {
    text-align: left;
}
#pasted th {
    width: 10%;
}