body {
    background: url('../images/largefern.gif') no-repeat;
}

img {
    border: 0;
}

form ol li {
    margin: 0 0 1em 0;
}

form label {
    margin-right: 5px;
}

form fieldset {
    padding: 10px;
}

.form-row label {
    display: inline-block;
    width: 160px;
}

.form-row input {
    width: 100px;
}

.rounded_box {
    border: 2px solid #cc9900;
    background-color: #fcfafa;                   /* browsers that can't handle rgba */
    background-color: rgba(252, 250, 250, 0.6);  /* browsers that can handle rgba transparency */
    border-radius: 15px;
    padding: 0 15px 5px 15px;
    display: inline-block;
}

/* standard table */

#wikibody table {
    margin: 15px 0;
    border-spacing: 0;
    border-right: 1px solid black;
    border-top: 1px solid black;
}

#wikibody table td, #wikibody table th {
    padding: 3px;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

/* 6 months stats table */

.stats-6months td {
    text-align: center;
}

.stats-6months img {
    vertical-align: top;
}

.stats-key-icon {
    vertical-align: middle;
    margin-bottom: 3px;
}

/* td.number is used for the full year tables on the patrol page */

td.number {
    text-align: right;
    min-width: 2.5em;
}

/* used on the replace stats page */

.stats-replace td {
    text-align: right;
}

/* detailed stats table on the patrol page */

.detail-stats {
    width: 900px;
}

/* national statistics table (we hide empty cells to show the blue background) */

.national-stats {
    width: 500px;
    empty-cells: hide;
    background: #b9cde5;
    padding: 6px;
    border-top: none !important;
    border-right: none !important;
}

.national-stats td, .national-stats th {
    background: white;
}

.national-stats .highlight td, .national-stats .highlight th {
    background: #ddd !important;
}

/* yearly stats table */

.yearly-stats {
    width: 800px;
}

/* a manual hack done in the HTML, since IE8 doesn't support nth-child yet,
   if only we could avoid this, but lots of people continue to use IE8,
   using this website so it's *still* not an option. */

.right-border {
    border-right: 1px solid black !important;
}

.left-border {
    border-left: 1px solid black !important;
}

.top-border {
    border-top: 1px solid black !important;
}

.bottom-border {
    border-bottom: 1px solid black !important;
}

.remove-left-border {
    border-left: none !important;
}

/* list of regions */

.regions {
    width: 500px;
    list-style: none;
    margin: 20px 0 15px 0;
    padding: 0;
}

.regions li {
    margin: 0;
    padding: 0;
}

.regions li a {
    padding: 0 0 0 15px;
    background: url('../images/icons/closed.gif') no-repeat 0 3px;
}

.regions li a.open {
    background-image: url('../images/icons/open.gif');
}

.regions li ul {
    list-style: none;
    padding: 0 0 0 15px;
}

.regions li ul a {
    background-image: url('../images/icons/patrol.png');
}

/* error, information, and success messages */

.error {
    padding: 7px 7px 7px 33px;
    background: #ffe0e0 url('../images/icons/error.png') no-repeat 5px 4px;
    border: 1px solid #a08080;
}

.information {
    padding: 7px 7px 7px 33px;
    background: #ffffe0 url('../images/icons/information.png') no-repeat 5px 4px;
    border: 1px solid #a0a080;
}

.success {
    padding: 7px 7px 7px 33px;
    background: #eaffda url('../images/icons/success.png') no-repeat 5px 4px;
    border: 1px solid #80a080;
}