body {
    text-align: center;
    font-family: "Bitstream Vera Sans", Sans, Verdana, Tahoma, Arial, sans-serif;
    background-color: #eeeeee;
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: underline;
    color: black;
}

img {
    border: 0px;
}

hr {
    height: 0px;
    border: 1px dotted #999;
    border-width: 0px 0px 1px 0px;
    margin: 0.25em 0em;
}

form {
    margin: 0px;
    padding: 0px;
}

#header {
    border-bottom: 1px dotted #999;
    background-color: #ddd;
    margin-bottom: 0.5em;
}

#header h2 {
    margin: 0px;
    padding: 0.5em;
}

#header #navigation {
    background-color: white;
    padding: 0.25em 0;
}

#header #navigation a {
    padding: 0 0.25em;
    text-decoration: none;
    border: 1px dotted white;
}

#header #navigation a:hover {
    background-color: #eee;
    border: 1px dotted black;
}

.caption {
    font-size: small;
    width: 550px; /* FIXME make width fit image? test in ie/ff/etc? */
    margin: 0 auto;
    border: 1px dotted #999;
    background-color: #ddd;
    padding: 0.5em;
}

.thumbnailbox {
    font-size: small;
    /*float: left;*/
    border: 1px dotted #999;
    background-color: #ddd;
    padding: 0.5em;
    margin: 1em;
    max-width: 200px;
}

.thumbnailbox_pending {
    font-size: small;
    /*float: left;*/
    border: 1px dotted #999;
    background-color: #ddd;
    background-image: url("/template/diagonaltile.png");
    padding: 0.5em;
    margin: 1em;
    max-width: 200px;
}

.thumbnailbox_error {
    font-size: small;
    /*float: left;*/
    border: 1px dotted #f99;
    background-color: #f55;
    padding: 0.5em;
    margin: 1em;
    max-width: 200px;
}

.thumbnailbox:hover {
    background-color: #ccc;
}

.thumbnailbox hr {
    height: 0px;
    border-width: 1px 0px 0px 0px;
    margin: 0.25em 0em;
}

div.page_navigation {
    /*clear: both;*/
    line-height: 2em;
}

div.page_navigation strong {
    padding: 0.25em 0.5em;
    border: 1px solid #dbdbdb;
    background-color: #dbdbdb;
    line-height: 2.25em;
}

div.page_navigation a {
    padding: 0.25em 0.5em;
    border: 1px solid #dbdbdb;
    text-decoration: none;
    line-height: 2.25em;
}

div.page_navigation a:hover {
    background-color: #fdfdfd;
}

table.inputdialog {
    text-align: left;
    margin: 0px auto;
    border: 1px dotted #999;
    background-color: #e6e6e6;
    padding: 1em;
}

.clear {
    clear: both;
}

.x-small {
    font-size: x-small;
}

p.footer {
    clear: both;
    font-size: small;
    padding: 0.5em;
    border-top: 1px dotted #999;
    border-bottom: 2px solid #d8d8d8;
    background-color: #ddd;
    margin-bottom: 0px;
}

p.footer2 {
    clear: both;
    font-size: small;
    padding: 0.5em;
    dborder-top: 1px dotted #999;
    border-top: 2px solid #d0d0d0;/* #d4d4d4 = avg #ccc and #ddd*/
    background-color: #ccc;
    margin-top: 0px;
    margin-bottom: 0px;
}