span.blank {
  float: left;
}
span.blank.prev, span.blank.next {
  width: 18px;
  text-indent: -100em;
  background: url(../images/blankcircle.gif) no-repeat 0 0;
  height: 18px;
  overflow: hidden;
}
span.blank.prev { margin-right: 3px; }
span.blank.next { margin-right: 4px; }

#loginlayer, #captchalayer {
  position: absolute;
  z-index: 100;
  left: 300px;
  bottom: 27px;
  width: 265px;
  text-align: center;
  background: url(../images/pb_bottom.gif) no-repeat bottom center;  
}
#loginlayer h2, #captchalayer h2 {
  margin: 0;
  text-indent: -100em;
  background: url(../images/ll_title.gif) no-repeat top left;
  height: 19px;
  overflow: hidden;
}
#loginlayer .text_field {
  width: 160px;
}
#loginlayer .form a img, #captchalayer .form a img {
  margin-top: 1em;
}

#postbox {
  position: absolute;
  right: 0;
  bottom: 25px;
  width: 265px;
  text-align: center;
  background: url(../images/pb_bottom.gif) no-repeat bottom center;
}
#postbox h2 {
  margin: 0;
  text-indent: -100em;
  background: url(../images/pb_title.gif) no-repeat top left;
  height: 19px;
  overflow: hidden;
}
#postbox .close, #loginlayer .close, #captchalayer .close, #addeventbox .close, div.attandance .close {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 15px;
  height: 15px;
}
#addmsg_error {
  min-height: 18px;
  padding-left: 27px;
  background: url(../images/popup/alert.gif) no-repeat 7px 50%;
}
* html #addmsg_error {
  height: 18px;
}
#postbox div.form, #loginlayer div.form, #captchalayer div.form {
  margin-bottom: 8px;
  padding: 5px 10px 0 10px;
  background: #d7ebea url(../images/pb_bg.gif) repeat-y;
}
#post_area {
  margin-bottom: 5px;
  width: 245px;
  background-color: #ffffff;
}
#post_area textarea {
  width: 229px;
  margin: 3px 8px;
  border: 0px #d7ebea solid;
  background-color: transparent;
  overflow: auto;
  font-size: 8pt;
}
* html #post_area textarea { width: 207px; }
#mb_buttons {
  margin-left: 30px;
}
#mb_buttons a {
  float: left;
}
#mb_buttons a.prev {
  margin-right: 3px;
  width: 18px;
  text-indent: -100em;
  background: url(../images/mb_prev.gif) no-repeat 0 0;
  height: 18px;
  overflow: hidden;
}
#mb_buttons a.prev:hover { background-position: 0 -18px; }
#mb_buttons a.next {
  margin-right: 4px;
  width: 18px;
  text-indent: -100em;
  background: url(../images/mb_next.gif) no-repeat 0 0;
  height: 18px;
  overflow: hidden;
}
#mb_buttons a.next:hover { background-position: 0 -18px; }
#mb_buttons a.loading, #mb_buttons a.loading:hover {
  background: url(../images/grayloading.gif) no-repeat 0 0;
}
#mb_buttons a.post {
  width: 222px;
  text-indent: -100em;
  background: url(../images/mb_post.gif) no-repeat 0 0;
  height: 18px;
  overflow: hidden;
}
#mb_buttons a.post:hover, #mb_buttons a.post.open { background-position: 0 -18px; }


#addeventbox {
  position: absolute;
  left: 50px;
  bottom: 26px;
  width: 190px;
  text-align: center;
  background: url(../images/ae_bottom.gif) no-repeat bottom center;
}
#addeventbox h2 {
  margin: 0;
  text-indent: -100em;
  background: url(../images/ae_title.gif) no-repeat top left;
  height: 19px;
  overflow: hidden;
}
#addeventbox div.form {
  margin-bottom: 8px;
  padding: 5px 10px 0 10px;
  background: #edf9fc url(../images/ae_bg.gif) repeat-y;
}
#addevent_error {
  min-height: 18px;
  padding-left: 27px;
  background: url(../images/popup/alert.gif) no-repeat 7px 50%;
}
* html #addevent_error {
  height: 18px;
}
#addevent_area {
  margin-bottom: 5px;
  width: 170px;
  background-color: #a7cdd7;
}
#addevent_area textarea {
  width: 154px;
  margin: 3px 8px;
  border: 0px #edf9fc solid;
  background-color: transparent;
  overflow: auto;
  font-size: 8pt;
}
* html #addevent_area textarea { width: 132px; }
#ev_buttons {
  margin-top: -10px;
  margin-left: 50px;
}
#ev_buttons a {
  float: left;
}
#ev_buttons a.prev {
  margin-right: 3px;
  width: 18px;
  text-indent: -100em;
  background: url(../images/ev_prev.gif) no-repeat 0 0;
  height: 18px;
  overflow: hidden;
}
#ev_buttons a.prev:hover { background-position: 0 -18px; }
#ev_buttons a.next {
  margin-right: 4px;
  width: 18px;
  text-indent: -100em;
  background: url(../images/ev_next.gif) no-repeat 0 0;
  height: 18px;
  overflow: hidden;
}
#ev_buttons a.next:hover { background-position: 0 -18px; }
#ev_buttons a.loading, #ev_buttons a.loading:hover {
  background: url(../images/grayloading.gif) no-repeat 0 0;
}
#ev_buttons a.post {
  width: 147px;
  text-indent: -100em;
  background: url(../images/ev_post.gif) no-repeat 0 0;
  height: 18px;
  overflow: hidden;
}
#ev_buttons a.post:hover, #ev_buttons a.post.open { background-position: 0 -18px; }

div.attandance {
  position: absolute;
  width: 170px;
  background: url(../images/ev_whobottom.gif) no-repeat bottom center;
}
div.attandance h3 {
  margin: 0;
  text-indent: -100em;
  background: url(../images/ev_whotitle.gif) no-repeat top left;
  height: 8px;
  overflow: hidden;
}
div.attandance div {
  margin-bottom: 8px;
  padding: 5px 10px 0 10px;
  background: #f3f7e8 url(../images/ev_whobg.gif) repeat-y;
}
