@import "sighting.css";

.float-left { float: left; }
.float-right { float: right; }
div.clear { clear: both; }

.leftbar {
    padding-bottom: 10px;
}

/* Styling for main (i.e. center) panel */
.main h1 { font-size: 142%; }
.main h2 { font-size: 132%; }

/* Styling for the form for used to add a new journal entry. */

.journal_add #id_species { width: 100%; }
.journal_add #id_tags_label { clear: both; }
.journal_add #id_tags,
.journal_add #id_comment { width: 100%; }

/* Keep the images associated with a sighting down below a title. */

.mediah2 { clear: both; width: 100%; margin-top: 12px;
           border-top: 1px solid black; }

.ui-datepicker-trigger {
    margin-right:0.5em;
    display: inline;
}

.ui-datepicker-trigger:hover {
    cursor: pointer;
}

td img {
    vertical-align:middle;
}

.journal_add label {
    color: #40577A;
    font-weight: bold;
}

.journal_add th {
    vertical-align: top;
    padding: 5px;
}

.journal_add td {
    padding: 5px;
}

div#topclear {
    border-left-color:#FFB6C1;
    border-left-style:solid;
    border-right-color:#FFB6C1;
    border-right-style:solid;
    border-top-color: #FFB6C1;
    border-top-style: solid;
    border-top-width: 3px;
}

div#bd {
    border-left-color:#FFB6C1;
    border-left-style: solid;
    border-right-color: #FFB6C1;
    border-right-style: solid;
}

div.ft {
    border-left-color:#FFB6C1;
    border-left-style: solid;
    border-right-color: #FFB6C1;
    border-right-style: solid;
    border-bottom-color: #FFB6C1;
    border-bottom-style: solid;
}

li#journal-tab {
    background: #FFB6C1;
}

.sidebar h1 {
    background: #FFB6C1;
}