body { font-family: Arial; font-size: 10pt;}
h2 { margin: 0px; padding: 0px; padding-top: 10px; font-size: 11pt; font-weight: bold; }
ul { padding-left: 20px; }

div.topbar { position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; }
div.topbar span.title { font-size: 24pt; font-weight: bold; margin-left: 10px; }
div.topbar span.reportButton { position: absolute; right: 10px; bottom: 5px;
                               cursor: pointer; font-weight: bold; text-decoration: underline; }

div.sightings { position: absolute; top: 50px; width: 300px; text-align: center; display: none; }

div.sighting { margin: 15px; padding: 10px; text-align: left; font-size: 8pt; }
div.sighting div.comment { font-size: 10pt; padding-top: 8px; font-style: italic; }
div.spam { position: absolute; right: 18px; margin-top: -28px; font-size: 7pt; cursor: pointer; }

div.rightColumn { position: absolute; top: 55px; left: 320px; right: 15px; }

div.reportForm { display: none; position: fixed; top: 100px; left: 100px; right: 100px; padding: 12px; }
div.reportFormTitle { font-weight: bold; margin-bottom: 10px; }
div.reportFormClose { position: absolute; right: 5px; top: 5px; }
div.reportFormClose img { border: 0; cursor: pointer; }
div.reportForm input, div.reportForm textarea { width: 95%; margin-bottom: 10px; font-size: 8pt; }
div.reportForm textarea { height: 80px; }
div.reportForm input.smaller { width: 70px; margin-bottom: 10px; font-size: 8pt; }
div.reportForm input[type=button] { width: 100px; }


/************************** third party styles ************************/

/* jqm modal styles */
.jqmOverlay { background-color: #000000; }

/* timeEntry styles */
.timeEntry_control { vertical-align: middle; margin-left: 2px; }
* html .timeEntry_control { /* IE only */ margin-top: -4px; }

/* dateEntry styles */
.dateEntry_control { vertical-align: middle; margin-left: 2px; }
* html .dateEntry_control { /* IE only */ margin-top: -4px; }