/* GLOBAL TAGS */
body {
    background: #FFF;
    color: #7E7E7E;
    font: 62.5% arial, sans-serif;
}
body, h1, h2, h3, form, p {
    margin: 0;
    padding: 0;
}
input, select {
    font: 100% arial, sans-serif;
}
a {
    color: #507B2B;
}
a:hover {
    text-decoration: none;
}
th {
    text-align: left;
}
h1 {
    color: #888;
    font: italic 2em arial, sans-serif;
    margin: 0 10px;
    position: relative;
}
h1 a { /* log out link */
    background-color: #525252;
    border: 1px solid #666;
    color: #FFF;
    font: 0.7em arial, sans-serif;
    padding: 0.1em 0.2em;
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: center;
    text-decoration: none;
}

/* GLOBAL CLASSES */
p.error {
    color: #F00;
}
p.success {
    color: #0C0;
}
input.button {
    padding: 0 0.25em;
    width: 0; /* IE table-cell margin fix */
    overflow: visible;
}
input.button[class] { /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}

/* CONTENT */
div#container p, div#container ol, div#container table {
    font: 1.2em arial, sans-serif;
    line-height: 1.5em;
}
div#container p {
    margin: 10px;
}
div#container form label, div#container p.label {
    display: block;
    float: left;
    padding-right: 0.5em;
    text-align: right;
    width: 14em;
}
div#container form span.note_long {
    display: block;
    text-align: center;
}
div#container h2 {
    border-bottom: 1px solid #CCC;
    color: #285400;
    font: 1.8em arial, sans-serif;
    margin: 20px 10px;
}
div#container table {
    border-collapse: collapse;
}
div#container table.info {
    width: 100%;
}
div#container th, div#container td {
    padding: 2px 5px;
}
div#container table.info th, div#container table.info td {
    padding: 2px 10px;
}
div#container th.center, div#container td.center {
    text-align: center;
}
div#container th.right, div#container td.right {
    text-align: right;
}