legend {
    font-weight: bold;
}

label {
    font-weight: bold;
    vertical-align: top;
    cursor: pointer;
}

input, textarea {
    font-family: "Courier New", "Courier", monospace;
    font-size: 0.9em;
}

input:focus, textarea:focus {
    background: yellow;
}

button {
    border: .08em black solid;
    margin-left: .3em;
    margin-right: .3em;
}

button:focus {
    background: yellow;
}

button span {
    text-decoration: underline;
}

table {
    border-width: 0;
    border-collapse: collapse;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

caption {
    text-align: left;
    font-weight: bold;
}

/*
 * Styles in common
 */

.warning {
    color: red;
}

.annotatedField {
    margin: .3em;
    padding: .3em;
    clear: both;
}

.annotatedField label {
    float: left;
    clear: left;
}

.annotatedField input, .annotatedField textarea {
    width: 20em;
    float: right;
    clear: right;
}

#buttonBox {
    clear: both;
}

.feedButton {
    cursor: pointer;
    display: inline;
    background-color: #ff6600;
    border-top: .16em #ffc8a4 solid;
    border-bottom: .16em #3f1a01 solid;
    border-left: .16em #ff9a57 solid;
    border-right: .16em #7d3302 solid;
    padding: .04em;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: .75em;
    font-weight: bold;
}

.feedButton, .feedButton:link, .feedButton:visited {
    text-decoration: none;
    background-color: #ff6600;
    color: white;
}

.updateButton {
    cursor: pointer;
    display: inline;
    background-color: #0d00ff;
    border-top: .16em #a8a4ff solid;
    border-bottom: .16em #04013f solid;
    border-left: .16em #6057ff solid;
    border-right: .16em #08027d solid;
    padding: .04em;
    font-family: "Verdana", "Helvetica", "Arial", sans-serif;
    font-size: .75em;
    font-weight: bold;
}

.updateButton, .updateButton:link, .updateButton:visited {
    text-decoration: none;
    background-color: #0d00ff;
    color: white;
}

/*
 * Styles used in "list.php"
 */

.listPanel {
    width: 90%;
    padding: 0.5em;
}

#listBox {
    width: 90%;
    font-size: 0.8em;
}

#listBox th, #listBox td {
    width: 90%;
    border: 0;
}

#listBox .oddRow {
    width: 90%;
    background: #daeeff;
}

#listBox .evenRow {
    width: 90%;
}

#blogBox {
    width: 16em;
    font-size: 0.9em;
}

#blogBox .annotatedField label {
    width: 3em;
}

#blogBox .annotatedField input {
    width: 10em;
}

/*
 * Styles used in "feed.php"
 */

.feedPanel {
}

#feedBox {
    width: 90%;
    font-size: 0.9em;
}

#feedBox th, #feedBox td {
    border: 0;
}

#feedBox .dateRow {
    font: bold 80% Georgia,"Lucida Sans Unicode",Verdana,Sans-Serif;
    color: #666666;
    text-align: left;
    background: #f3ecad;
}

#feedBox .contentRow {
    font-size: 0.8em;
}