@import "style.css";
html,
body {
  font-family: Arial;
  font-size: 16px;
  text-align: center;
  padding: 0;
  margin: 0;
  margin-bottom: 0;
}
#tinymce {
  text-align: left;
  margin-bottom: 0;
  padding: 10px;
}
header,
#content {
  text-align: left;
}
#content {
  margin-top: 15px !important;
}
header {
  display: block;
  color: white;
}
header a {
  color: white;
  display: inline-block;
}
header #loginInfo {
  float: right;
}
header h1 {
  float: left;
  margin: 0 0px 20px 0;
}
header nav {
  clear: left;
  margin-right: 240px;
}
header #loginForm {
  float: right;
  width: 210px;
}
header #loginForm input {
  min-width: 200px;
  width: 200px;
  margin: 0;
  padding: 3px;
}
header #loginForm input[type=submit] {
  width: 208px;
}
a {
  color: black;
  cursor: pointer;
  text-decoration: underline;
}
a:hover {
  color: #777;
}
label {
  display: block;
  font-weight: bold;
}
label.inline {
  display: inline-block;
  font-weight: normal;
}
input,
select,
textarea {
  border: 1px solid #aaa;
  padding: 5px;
  min-width: 300px;
  margin-bottom: 10px;
  padding: 2px;
  font-size: 16px;
  font-family: inherit;
}
input[type=checkbox],
select[type=checkbox],
textarea[type=checkbox] {
  min-width: 0 !important;
}
input[required],
select[required],
textarea[required] {
  border-color: #aca;
}
input[type=radio],
input[type=checkbox],
select[type=radio],
select[type=checkbox],
textarea[type=radio],
textarea[type=checkbox] {
  min-width: 0;
  margin-right: 10px;
}
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 45%;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-rtl {
  direction: rtl;
}
.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}
.ui-timepicker-rtl dl dd {
  margin: 0 45% 10px 10px;
}
table {
  border-collapse: collapse;
  margin: 20px 0;
}
td,
th {
  padding: 10px;
  border: 1px solid #aaa;
}
thead td,
th {
  background: #ccc;
}
tr:nth-child(even) {
  background: #eee;
}
tr:nth-child(odd) {
  background: #FFF;
}
#userTable .gr2 {
  display: none;
}
.saveResult {
  padding: 2px;
}
.saveResult.ok,
.saveResult.deleteOk {
  background: #99ff99;
}
.saveResult.emailConflict,
.saveResult.notFound,
.saveResult.lastAdminDelete,
.saveResult.voted,
.saveResult.cheater {
  background: #ff9999;
}
.aptWrap {
  margin-right: 20px;
}
.targetList {
  border: 1px solid #aaa;
  padding: 5px;
  width: 400px;
  display: none;
}
.help {
  cursor: help;
  border-bottom: 1px dotted #aaa;
}
.poll {
  border: 1px solid #aaa;
  padding: 10px;
  margin: 10px;
  width: 800px;
}
.poll a {
  text-decoration: none;
  color: inherit;
}
.pollChoice {
  display: inline-block;
  height: 20px;
  width: 400px;
  cursor: pointer;
  float: left;
  clear: both;
}
.voted .pollChoice {
  cursor: default !important;
}
.pollChoice:hover {
  border-color: black;
}
.voted .pollChoice:hover {
  border-color: #aaa;
}
.choiceText {
  margin-left: 410px;
}
.choiceWrap {
  position: relative;
  padding-bottom: 10px;
}
.choiceWrap .pollLabel {
  position: absolute;
  top: 2px;
  left: 20px;
}
#inactivePolls {
  display: none;
  margin-top: 10px;
}
#showInactivePolls {
  cursor: pointer;
  margin: 10px;
}
#choiceTable {
  width: 600px;
  margin-bottom: 10px;
}
.event,
.notice {
  border: 1px solid #aaa;
  padding: 5px;
  max-width: 600px;
  margin-bottom: 20px;
}
.completeText {
  display: none;
}
#pastEvents,
#moreNotices {
  display: none;
}
.commentsWrap {
  border: 1px solid #aaa;
  background: #f9f9f9;
  margin: 5px 0;
  padding: 10px;
}
.commentsWrap:hover {
  background: #f5f5f5;
}
.commentsWrap form:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.commentsWrap form textarea {
  width: 430px;
  height: 60px;
  float: left;
}
.commentsWrap form input[type=submit] {
  float: left;
  margin-left: 10px;
  min-width: 120px;
  width: 120px;
}
.comments {
  display: none;
  margin-top: 10px;
}
.comment {
  border: 1px solid #aaa;
  margin: 10px 0;
  background: white;
  padding: 5px;
}
.comment h4 {
  float: left;
  display: inline-block;
  margin: 0;
}
.comment .date {
  float: right;
}
.comment p {
  clear: both;
  margin: 0;
}
.commentsCount {
  margin: -10px;
  padding: 10px;
  cursor: pointer;
}
.post {
  border: 1px solid #aaa;
  padding: 5px;
  max-width: 600px;
  margin-bottom: 20px;
  position: relative;
}
.post .creator {
  float: left;
  padding: 5px;
  font-weight: bold;
}
.post .timestamp {
  float: right;
  padding: 5px;
}
.post .content {
  border-top: 1px solid #aaa;
  clear: both;
  padding: 5px;
}
.postGroup {
  display: none;
}
.postGroup.first {
  display: block !important;
}
#forumList td.highlight {
  background: #99ff99;
}
td.myApt {
  background: #99FF99;
}
.cleaning {
  border: 1px solid #aaa;
  padding: 5px;
  max-width: 600px;
  margin-bottom: 20px;
}
.inactiveCleaning {
  opacity: 0.5;
  cursor: help;
}
.emptyCleaning {
  background: #ff9999;
  cursor: help;
}