body {
    margin: 1em;

    font-family: Deja Vu Sans, Bitstream Vera Sans, Verdana, sans-serif
        !important;
}

h1 {
    text-align: center;
    font-size: 150%;
}

a {
    text-decoration: none;
}

a:visited {
    color: blue;
}

a:hover {
    text-decoration: underline;
}

input {
    margin-top: 2px;
    margin-bottom: 2px;
}

img {
    border: 0px;
}

#powered {
    text-align: center;
    font-size: x-small;
}

#tabs {
    margin: 5em auto 1em;
}

.narrow {
    width: 30em;
}

.medium {
    width: 40em;
}

.wide {
    width: 800px;
}

.vwide {
    width: 950px;
}

#menu {
    margin-bottom: 1em;
}

#heading {
    border-top: 1px solid #80c080;
    border-bottom: 1px solid #80c080;
    background-color: #f0fff0;
    text-align: center;
}

.form {
    margin: 1em auto;
    background-color: #f0fff0;
    border-collapse: collapse;
}

.form th {
    border: 1px solid #80c080;
    padding: 5px 10px;
}

.form td {
    border: 1px solid #80c080;
    padding: 5px 10px;
    vertical-align: baseline;
}

.form .topsep {
    border-top: 3px solid #80c080;
}

.form .bottomsep {
    border-bottom: 3px solid #80c080;
}

.form .submit {
    text-align: center;
}

.form .mergeleft {
    border-left: 0px;
    padding-left: 0px;
}

.form .mergeright {
    border-right: 0px;
    padding-right: 0px;
}

.form .mergeup {
    border-top: 0px;
}

.form .mergedown {
    border-bottom: 0px;
}

.form table {
    margin: 0px;
    border: 0px;
    padding: 0px;
    border-collapse: collapse;
}

.form table td {
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.form table .spacer {
    padding: 5px;
}

td.largecelllabel {
    vertical-align: middle;
}

td.largecell {
    padding: 10px;
}

td.largecell * {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#navigation {
    text-align: center;
}

#addnew {
    text-align: center;
}

.graphs {
    padding: 5em 0px;
    text-align: center;
}

.yes {
    color: #408040;
}

.no {
    color: #ff4040;
}

.dialogue {
    font-size: small;
    display: none;
}

#changebanner {
    margin: 10px auto 0px;
    display: block;
}

.banner {
    margin: 10px auto;
    display: block;
}

/* Work around a bug in jQuery 1.5.2, where the buttons are slightly off the
   bottom of dialogue boxes: */

.ui-dialog-buttonpane {
    padding-bottom: 10px;
}