* { padding: 0px; margin: 0px; }
body { background: #428cbc; font: 12px/16px Arial, sans-serif; text-align: center; }
a { color: #8c2908; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 2px solid #8c2908; }
#container { width: 949px; margin: 0px auto; }
#header img { display: block; }

#content { background: url('../img/content-background.gif') repeat-y #fff; text-align: left; padding: 5px 20px; }
#content-top { background: url('../img/content-top-background.gif'); height: 8px; padding: 1px 0px; }
#content-bottom { background: url('../img/content-bottom-background.gif'); height: 8px; padding: 1px 0px; }

#content p { margin: 10px 0px; }

.incident p.date-time { font-family: Georgia, Times, "Times New Roman", serif; font-weight: bold; }
.incident { border-bottom: 1px solid #ccc; }
.incident:last-child { border: none; }


h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times, "Times New Roman", serif; color: #8c2908; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }

#banner { border: 1px solid #8c2908; background: #fff; width: 839px; padding: 3px; height: 54px; text-align: center; margin-left: 30px; clear: right; }
#banner h1 { background: #8c2908; color: #fff; font-size: 20px; padding-top: 20px; height: 34px; }

#nav { text-align: center; margin: 10px 0px 25px 0px; }
#nav ul { list-style-type: none; }
#nav ul li { display: inline; }
#nav ul li a { font: 14px Georgia, Times, "Times New Roman", serif; color: #666; padding: 0px 10px; }

#data { width: 575px; float: left; margin-left: 30px; }
#data.wide { width: 825px; padding: 5px 10px; }
#data #high-priority { padding: 5px 10px; border: 1px solid #8c2908; margin-bottom: 40px; }
#data #normal { padding: 5px 10px; border: 1px solid #ccc; margin-bottom: 20px; }

#incident-search { margin-bottom: 10px; padding: 10px 0px; border: 1px solid #8c2908; border-left: 0px; border-right: 0px; }
#incident-search form { width: 185px; display: block; float: left; }
#incident-search form fieldset { padding: 5px 0px; border: none; }
#incident-search form fieldset legend { font-family: Georgia, Times, "Times New Roman", serif; color: #8c2908; }
#incident-search form#type { width: 175px; }
#incident-search form#type select { width: 150px; }
#incident-search form#date { width: 230px; }
#incident-search form#keyword { width: 165px; }

.suspect-photo { float: right; width: 75px; padding-left: 10px; }
.suspect-photo img { display: block; }
.suspect-photo p { margin: 0px; }

#suspects { padding: 5px 10px; border: 1px solid #ccc; margin-bottom: 20px; }
.suspect { padding: 10px; border-bottom: 1px solid #ccc; }
.suspect:last-child { border: none; }
.suspect table { width: 400px; }
.suspect table th { background: #eee; width: 80px; }
.suspect table td { width: 120px; padding-left: 5px; }
.suspect table.detail { width: auto; }
.suspect table.detail th { width: 100px; }

.user table { width: 600px; margin-top: 5px; }
.user table th { background: #eee; width: 250px; }
.user table td { width: 350px; }
.user table th, .user table td { padding: 2px; }

h2.bold { background: #8c2908; color: #fff; margin: 5px 0px 10px 0px; padding: 5px 5px; }
a.submit { float: right; font: 14px Georgia, Times, "Times New Roman", serif; padding-bottom: 10px; }

#sidebar { width: 245px; float: left; margin-left: 25px; }
#sidebar h3 { color: #8c2908; font-size: 18px; margin: 5px 0px 10px 0px; }
#sidebar ul { list-style-type: none; margin: 0px 0px 30px 0px; padding-left: 10px; border: 1px solid #ccc; width: 235px; }
#sidebar ul li { font-weight: bold; padding: 5px 0px; }

.paging { padding: 5px; }
.paging div { display: inline; }

#flashMessage { margin: 0px 100px 10px 100px; border: 2px solid #428cbc; text-align: center; padding: 10px; font: bold 14px Georgia, Times, "Times New Roman", serif; }
.error-message { color: #428cbc; }
.clear { clear: both; }

.login-form { float: left; width: 350px; padding-right: 25px; }
.login-form h2 { margin-bottom: 20px; }
.login-form fieldset { padding: 20px; border: 1px solid #ccc; }
.login-form label { width: 100px; font-weight: bold; float: left; margin-top: 5px; clear: left; }
.login-form input { margin-top: 3px; }

.login-application { float: left; width: 400px; padding-left: 25px; border-left: 1px solid #8c2908; }
.login-application h2 { margin-bottom: 20px; }
.login-application .copy { padding: 15px; border: 1px solid #ccc; }

#user-info { float: right; padding: 0px 35px 10px 0px; }
.comment { border: 1px solid #ccc; margin: 5px 0px; padding: 5px; }
.comment p { margin: 0px; }

#footer { border-top: 15px solid #8c2908; text-align: center; padding: 10px 0px; margin-top: 15px; }
#footer img { margin: 0px 10px; }
#credits { font-size: 11px; color: #fff; }
#credits ul { margin-bottom: 5px; }
#credits ul li { display: inline; padding: 0px 5px 0px 8px; background: url('../img/footer-li-background.gif') 0px 0px no-repeat; }
#credits ul li.first-child { background: none; }
#credits ul li a {  }
#credits ul li a:hover {  }

/* For forms */
#SuspectAddForm fieldset, #SuspectEditForm fieldset { border: 1px solid #ccc; padding: 10px; }
#SuspectAddForm fieldset legend, #SuspectEditForm fieldset legend { font: bold 18px Georgia, Times, "Times New Roman", serif; color: #8c2908; }
#SuspectAddForm label, #SuspectEditForm label { float: left; width: 80px; margin-top: 5px; clear: left; }
#SuspectAddForm p, #SuspectEditForm p { margin-top: 0px; }
#SuspectAddForm input, #SuspectAddForm select, #SuspectAddForm textarea, #SuspectEditForm input, #SuspectEditForm select, #SuspectEditForm textarea { margin-top: 3px; }
#SuspectAddForm .required, #SuspectEditForm .required { font-weight: bold; }

#AnnouncementAddForm fieldset, #AnnouncementEditForm fieldset { border: 1px solid #ccc; padding: 10px; }
#AnnouncementAddForm fieldset legend, #AnnouncementEditForm fieldset legend { font: bold 18px Georgia, Times, "Times New Roman", serif; color: #8c2908; }
#AnnouncementAddForm label, #AnnouncementEditForm label { float: left; width: 80px; margin-top: 5px; clear: left; }
#AnnouncementAddForm p, #AnnouncementEditForm p { margin-top: 0px; }
#AnnouncementAddForm input, #AnnouncementAddForm select, #AnnouncementAddForm textarea, #AnnouncementEditForm input, #AnnouncementEditForm select, #AnnouncementEditForm textarea { margin-top: 3px; }
#AnnouncementAddForm .required, #AnnouncementEditForm .required { font-weight: bold; }

#IncidentAddForm fieldset, #IncidentEditForm fieldset { border: 1px solid #ccc; padding: 10px; }
#IncidentAddForm fieldset legend, #IncidentEditForm fieldset legend { font: bold 18px Georgia, Times, "Times New Roman", serif; color: #8c2908; }
#IncidentAddForm label, #IncidentEditForm label { float: left; width: 100px; margin-top: 5px; clear: left; }
#IncidentAddForm p, #IncidentEditForm p { margin-top: 0px; }
#IncidentAddForm input, #IncidentAddForm select, #IncidentAddForm textarea, #IncidentEditForm input, #IncidentEditForm select, #IncidentEditForm textarea { margin-top: 3px; }
#IncidentAddForm .required, #IncidentEditForm .required { font-weight: bold; }

#CommentAddForm fieldset, #CommentEditForm fieldset { border: 1px solid #ccc; padding: 10px; }
#CommentAddForm fieldset legend, #CommentEditForm fieldset legend { font: bold 18px Georgia, Times, "Times New Roman", serif; color: #8c2908; }
#CommentAddForm label, #CommentEditForm label { float: left; width: 60px; margin-top: 5px; clear: left; }
#CommentAddForm p, #CommentEditForm p { margin-top: 0px; }
#CommentAddForm input, #CommentAddForm select, #CommentAddForm textarea, #CommentEditForm input, #CommentEditForm select, #CommentEditForm textarea { margin-top: 3px; }
#CommentAddForm .required, #CommentEditForm .required { font-weight: bold; }

#UserAddForm .required, #UserEditForm .required { font-weight: bold; }
#UserAddForm fieldset, #UserEditForm fieldset { border: 1px solid #ccc; padding: 10px 20px; }
#UserAddForm label, #UserEditForm label { width: 120px; float: left; margin-top: 5px; clear: left; }
#UserAddForm input, #UserAddForm select, #UserEditForm input, #UserEditForm select { margin-top: 5px; }
#UserAddForm label[for=UserGetAlerts], #UserEditForm label[for=UserGetAlerts] { width: 200px; padding-right: 5px; float: left; clear: left; }

#PostAddForm .required, #PostEditForm .required { font-weight: bold; }
#PostAddForm fieldset, #PostEditForm fieldset { border: 1px solid #ccc; padding: 10px 20px; }
#PostAddForm label, #PostEditForm label { width: 120px; float: left; margin-top: 5px; clear: left; }
#PostAddForm input[type=text], #PostAddForm select, #PostAddForm textarea, #PostEditForm input[type=text], #PostEditForm select, #PostEditForm textarea { margin-top: 5px; width: 300px; }