/*
 * =================================================================
 * Gossamer Forum - Advanced web community
 *
 *   Website  : http://gossamer-threads.com/
 *   Support  : http://gossamer-threads.com/scripts/support/
 *   Revision : $Id: luna_core.css,v 1.167 2008/10/26 05:54:06 brewt Exp $
 *
 * Copyright (c) 2006 Gossamer Threads Inc.  All Rights Reserved.
 * Redistribution in part or in whole strictly prohibited. Please
 * see LICENSE file for full details.
 * =================================================================
 */

/*------------------*\
|* global interface *|
\*------------------*/
body {
  font-size: 13px;
}

#accessibility {
  position: absolute;
  left: -9000em;
  width: 9000em;
}

#content input.submit, #content .button {
  background-color: #7d7d7d;
}
#content input.submit:hover, #content .button:hover {
  background-color: #5d5d5d;
}

/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  margin-bottom: 10px;
  padding: 5px 10px;
  border: 1px solid #ebebeb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #ebebeb;
  width: 210px;
  float: right;

  font-size: 10px;
}
.searchbar a {
  font-weight: normal;
}
.searchbar label {
  font-size: 12px;
  font-weight: bold;
}
.searchbar input.text, .searchbar input.submit {
  margin-right: 5px;
}
.searchbar input.text {
  font-size: 11px;
  width: 150px;
}
.searchbar input.submit {
  padding: 2px 3px;
  background-color: #7d7d7d;
}
.searchbar input.submit:hover {
  background-color: #5d5d5d;
}

/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader #contentheader_heading {
  padding-bottom: 5px;
}
#contentheader #contentheader_subtitle {
  font-size: 11px;
  font-weight: normal;
  color: #111;
}
#contentheader .error, #contentheader .message {
  padding: 2px;
  font-size: 12px;
  text-align: center;

  width: 80%;
  margin: 0 auto 1em auto;
}
#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
  background: none;
}

/*---------*\
|* content *|
\*---------*/

/* non full page width pages */
#content .small-wrapper {
  width: 600px;
  margin: 30px auto;
}

#content .small-wrapper .content {
  background: #ebebeb;
  border: 1px solid #e2e1eb;
  padding: 10px;
}

#content .small-wrapper .note {
  padding: 2px;
  margin: 0px;
  font-size: 9px;
}

#content .small-wrapper h2 {
  color: #ffffff;
  background: #363C40;
  text-transform: uppercase;
  font-size: 11px;
  padding: 3px 4px;
  margin: 0px;
}

/*-----------------*\
|* Utility classes *|
\*-----------------*/

/* clearing class */
.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

.clear-both {
  clear: both;
}

.hide {
  display: none;
}

/*-----------------*\
|* global elements *|
\*-----------------*/

/* dotted spacer */
.spacer {
  background: transparent url(images/row-separator.gif) repeat-x bottom left;
}
.spacer td {
  padding: 1px;
}
.top-spacer {
  background: transparent url(images/row-separator.gif) repeat-x top left;
}
/* This is unfortunately needed because setting a background on a <tr> does
 * *not* actually affect the tr in IE - instead it just puts that background on
 * each <td>, which means the image from one <td> may not have the right
 * horizontal offset as the next <td>.  To get around this, each spacer row
 * contains just one, empty, <td colspan="..">.  This sucks.  Patches welcome.
 */
table.list tr.spacer td {
  height: 0px;
  padding: 1px 0px 0px 0px;
}

/* Toolbar (actions and paging) */
.toolbar {
  padding: 5px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  margin: 10px 0px;
  background: #cecece;
}
.toolbar input, .toolbar select {
  vertical-align: middle;
}
.toolbar input.submit {
  margin-top: 2px;
}
.toolbar#toolbar1 {
  margin-top: 0px;
}
.toolbar#toolbar2 {
  margin-bottom: 0px;
}

.paging {
  float: right;
}
.paging img, .paging select {
  vertical-align: middle;
}

/* paging style 3 rules */
.paging a:visited {
  color: #212126;
}
.paging span {
  font-weight: bold;
}

.toolbar #toolbar_form {
  display: none;
}


/*---------------------------------*\
|* General list styles (most lists *|
|* other than category list)       *|
\*---------------------------------*/
.list {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.list thead tr, .list thead th {
  background-color: #363c40;
  color: white;
}
.list th {
  font-size: 11px;
  text-transform: uppercase;
  padding: 3px 0;
}
.list th a {
  color: white;
  text-decoration: none;
}
/* Common columns (such as date) which have the same width in any list table: */
.list .delete {
  width: 30px;
  text-align: center;
}
.list th.date {
  width: 160px;
}
.list td {
  padding: 8px 0;
}
.list tr .first {
  padding-left: 8px;
}

/*----------------*\
|* forum/cat list *|
\*----------------*/
.category-list {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.category-list thead tr th {
  font-size: 11px;
  background-color: #363C40;
  color: white;
  text-transform: uppercase;
  padding: 3px;
}
.category-list thead tr th.forum-name {
  padding-left: 40px;
}
.category-list thead tr th.forum-threads, .category-list thead tr th.forum-posts {
  width: 55px;
  padding-left: 10px;
  padding-right: 15px;
}
.category-list thead tr th.forum-posts {
  width: 60px;
}
.category-list thead tr th.forum-last {
  width: 140px;
  padding-left: 10px;
}
.category-list tr.category {
  border-top: 1px solid white;
}
.category-list tr.category td {
  background-color: #ebebeb;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  border-top: 1px solid white;
}
.category-list tr.forum td {
  padding: 5px 5px 5px 10px;
  vertical-align: top;
}
/*
IE breaks without the following, even though it's identical to the definition immediately above.  Without
redefining it, IE seems to stick the contents of the cell in the right padding area, apparently treating
the content area as part of the left padding.
*/
.category-list tr.forum td.forum-last {
  padding: 5px 5px 5px 10px;
}
.category-list tr.forum td.forum-threads, .category-list tr.forum td.forum-last {
  background-color: #fafafa;
}
/* Reset blueprint's default style */
.category-list tr.even td {
  background: none;
}
.category-list tr.forum td.forum-threads, .category-list tr.forum td.forum-posts {
  padding-left: 10px;
}
.category-list tr.forum td div.new {
  color: #8c3030;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  white-space: nowrap;
}
.category-list tr.forum td.forum-name {
  background: url(images/forum.gif) 10px 10px no-repeat;
  padding-top: 3px;
  padding-bottom: 3px;
}
.category-list tr.forum.new td.forum-name {
  background-image: url(images/forum-new.gif);
}
.category-list tr.forum td.forum-name a.name {
  font-weight: bold;
  font-size: 14px;
}
.category-list tr.forum td.forum-name label {
  font-weight: bold;
  color: #314fb1;
}
.category-list tr.forum td.forum-name div {
  color: #5c5b66;
}
.category-list tr.forum td.forum-last img {
  vertical-align: text-bottom;
  padding-bottom: 1px;
  padding-left: 3px;
}
.category-list tr.forum td.forum-last .date {
  font-size: 12px;
}
.category-list tr.forum td.forum-last .by {
  float: left;
  /* IE hack for a max-width equivelant (this is a few pixels less than max-width because IE positions things differently): */
  width: expression(this.style.width || (this.clientWidth > 102 ? '102px' : 'auto'));
  max-width: 105px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.category-list tr.cat-spacer td {
  background-color: #aaa;
  padding: 0px 0px 1px 0px;
}
.category-list tr.category td a.show-hide-cat {
  font-weight: normal;
}
.category-list tr.category td a.show-hide-cat:hover {
  text-decoration: none;
}
.category-list tr.category td a.show-hide-cat img {
  vertical-align: text-bottom;
}

/* Indents for subcats/forums: */
.category-list tr.category.depth0 td { padding-left: 10px; }
.category-list tr.category.depth1 td { padding-left: 40px; }
.category-list tr.category.depth2 td { padding-left: 70px; }
.category-list tr.category.depth3 td { padding-left: 100px; }
.category-list tr.category.depth4 td { padding-left: 130px; }
.category-list tr.category.depth5 td { padding-left: 160px; }
.category-list tr.category.depth6 td { padding-left: 190px; }
.category-list tr.category.depth7 td { padding-left: 220px; }
.category-list tr.category.depth8 td { padding-left: 250px; }
.category-list tr.category.depth9 td { padding-left: 280px; }

.category-list tr.forum.depth0 td.forum-name { padding-left: 40px; background-position: 5px 50%; }
.category-list tr.forum.depth1 td.forum-name { padding-left: 70px; background-position: 35px 50%; }
.category-list tr.forum.depth2 td.forum-name { padding-left: 100px; background-position: 65px 50%; }
.category-list tr.forum.depth3 td.forum-name { padding-left: 130px; background-position: 95px 50%; }
.category-list tr.forum.depth4 td.forum-name { padding-left: 160px; background-position: 125px 50%; }
.category-list tr.forum.depth5 td.forum-name { padding-left: 190px; background-position: 155px 50%; }
.category-list tr.forum.depth6 td.forum-name { padding-left: 220px; background-position: 185px 50%; }
.category-list tr.forum.depth7 td.forum-name { padding-left: 250px; background-position: 215px 50%; }
.category-list tr.forum.depth8 td.forum-name { padding-left: 280px; background-position: 245px 50%; }
.category-list tr.forum.depth9 td.forum-name { padding-left: 310px; background-position: 275px 50%; }


/*
Post lists (i.e. lists of posts in a forum, thread list in threaded post view,
watched threads, etc.).  Note that 'post-list' is the generic class, there are
more specific 'forum-list', 'thread-list', etc. classes that can be used to
alter post lists only in specific contexts.
*/
.post-list thead th.expand-collapse {
  width: 20px;
}
.post-list thead th.author {
  width: 100px;
}
.post-list thead th.views {
  width: 45px;
}
.post-list thead th.replies {
  width: 68px;
}
.post-list thead th.favourites {
  width: 68px;
}
.post-list thead th.user-icon {
  width: 20px;
}
table.post-list thead th.last { /* a "last post" column, including info about the last post */
  width: 240px;
}

.post-list tr .expand-collapse, .post-list tr .views, .post-list tr .replies, .post-list tr .favourites {
  text-align: center;
}
.post-list tr .expand-collapse img, .post-list tr.post-row td.subject img {
  vertical-align: middle;
}
.post-list tr.post-row td.subject div.indent {
  height: 1em;
  width: 20px;
  float: left;
}
.post-list tr.post-row img.icon {
  width: 16px;
  height: 16px;
  background: top left no-repeat;
  vertical-align: middle;
  padding-right: 2px;
}
.post-list tr.post-row img.icon.moved-thread {
  background-image: url(images/post-moved.png);
  _background-image: url(images/post-moved.gif);
}
.post-list tr.post-row img.icon.new-thread {
  background-image: url(images/post-new-thread.png);
  _background-image: url(images/post-new-thread.gif);
}
.post-list tr.post-row img.icon.new-replies {
  background-image: url(images/post-new-replies.png);
  _background-image: url(images/post-new-replies.gif);
}
.post-list tr.post-row img.icon.read-thread {
  background-image: url(images/post-thread.png);
  _background-image: url(images/post-thread.gif);
}
.post-list tr.post-row img.icon.new-post {
  background-image: url(images/post-new.png);
  _background-image: url(images/post-new.gif);
}
.post-list tr.post-row img.icon.read-post {
  background-image: url(images/post.png);
  _background-image: url(images/post.gif);
}
.post-list tr.post-row .remove-moved-pointer {
  font-size: 9px;
}
.post-list tr.post-row td.author {
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-list tr.post-row td.last div.date-username {
  float: left;
  /* IE hack for a max-width equivelant (this is a few pixels less than max-width because IE positions things differently): */
  width: expression(this.style.width || (this.clientWidth > 217 ? '217px' : 'auto'));
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 1px;
  padding-left: 3px;
  white-space: nowrap;
}
.post-list tr.post-row td.last img.jump {
  padding: 0px 0px 0px 2px;
}


/* Message list */
.message-list th.status {
  width: 70px;
}
.message-list.sent-messages th.status {
  width: 25px;
}
.message-list th.author, .message-list thead th.recipient {
  width: 100px;
}
.message-list tr .status {
  text-align: center;
}


/* IP list (admin) */
.ip-list th.ip-address {
  width: 120px;
}
.ip-list th.ip-address.country {
  width: 200px;
}
.ip-list th.num-posts {
  width: 90px;
}
.ip-list th.forum {
  width: 200px;
}
.ip-list th.poster {
  width: 225px;
}
.ip-list.no-ip th.forum {
  width: 250px;
}
.ip-list.no-ip th.poster {
  width: 275px;
}

.ip-list td.posters .poster {
  white-space: nowrap;
}
.ip-list td .poster-data {
  font-size: 9px;
}
.ip-list td .poster-data .user-disabled {
  color: red;
}
.ip-list td.poster {
  overflow: hidden;
}
.ip-list td.poster a {
  white-space: nowrap;
}


/* Buddy list (Settings: Buddies) */
.buddy-list th.online {
  width: 60px;
}
.buddy-list th.replies {
  width: 68px;
}
.buddy-list tr .online, .buddy-list tr .replies {
  text-align: center;
}
.buddy-list td.action img {
  vertical-align: middle;
}


/* Who's Online list */
.online-list td.action img {
  vertical-align: middle;
}


/* User list (Member Directory) */
.user-list th.online {
  width: 125px;
}
.user-list th.title {
  width: 150px;
}
.user-list th.posts {
  width: 125px;
}
.user-list th.date {
  width: auto;
}
.user-list th.ip { /* Only shows up for admin-status users */
  width: 130px;
}
.user-list td.username .enable-disable, .user-list td.ip .ban {
  font-size: 9px;
  padding-top: 2px;
}
.user-list td.username div.username {
  float: left;
  margin-right: 4px;
}
.user-list tr .online, .user-list tr .posts {
  text-align: center;
}






















/* Forum view-specific post-list styles */
.forum-list thead .expand-collapse {
  width: 12px;
  padding-right: 0px;
  padding-left: 3px;
}
/* Forum view ignored post */
.forum-post-ignored td {
  opacity: 0.25;
  filter: alpha(opacity = 25);
}

.page-forum_view .toolbar div.action {
  float: left;
  padding-right: 5px;
}





.settings table.list {
  margin-bottom: 20px;
}

.settings table.list .category-forum-name {
  background: url(images/forum.gif) no-repeat;
  background-position: center left;
  padding-left: 30px;
  padding-top: 3px;
  padding-bottom: 3px;
  vertical-align: middle;
}
.settings table.list .category-forum-name a {
  text-decoration: none;
  color: #314fb1;
  font-weight: bold;
}




.page-user_list td.online.user-online {
  color: green;
}
.page-user_list td.online.user-offline {
  color: red;
}
.page-user_list td.online.user-online.user-invisible,
.page-user_list td.online.user-offline.user-invisible {
/* These only happen for admins, who see on/offline status even of invisible users */
  font-style: italic;
}


span.invisible {
  font-style: italic;
}




.page-user_profile_privacy .list .block-pm, .page-user_profile_privacy .list .hide-post {
  text-align: center;
}










/* misc crap that needs cleanup */


.user-profiles .spacer.clear-both {
  height: 2px;
}
.user-profiles .save {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.user-profiles .status-message {
  padding-bottom: 3px;
  margin-bottom: 1px;
}
.user-profiles .status-message span.number {
  font-weight: bold;
}
table.list tr td.empty {
  font-weight: bold;
  color: #9795a2;
  padding: 10px;
}


























/*-------*\
|* Forms *|
\*-------*/

.row {
  margin-bottom: 1px;
  padding: 4px;
}
.row label.name {
  margin: 0px;
  padding: 5px 5px 0px 0px;
  width: 120px;
  float: left;
  color: #666;
  font-size: 12px;
  font-weight: bold;
}
.row label.name span {
  color: #8c3030;
}
.row label.name small {
  font-size: 9px;
}
.row .value {
  float: left;
}
.row .value input.text, .row .value input.password, .row .value select {
  width: 150px;
  font-size: 11px;
}
.row .value textarea {
  width: 325px;
  font-size: 11px;
}
.row .value input.text.shorttext {
  width: 100px;
}
.row .value input.longtext {
  width: 300px;
}
.row .value .indent {
  margin-left: 155px;
}
.row.required, .row.highlighted {
  background: #cecece;
}
.row.invalid {
  color: #8c3030;
  background: #eedddd;
  font-weight: bold;
}
.row-buttons {
  text-align: center;
  margin: 10px auto;
}
.row-buttons input.submit, .row-buttons input.button {
  text-transform: uppercase;
  font-weight: bold;
  background: #5f5e63;
  padding: 2px 8px;
  color: #fff;
  border: 1px solid #afafaf;
}
.row .value input, .row .value label {
  vertical-align: middle;
}
.row .value ul.donation-amount {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.row .value ul.donation-amount li {
  padding: 2px 0;
}



.settings .row {
  padding: 0px;
  margin-bottom: 10px;
}
.settings .no-margin {
  margin: 0;
}
.settings .row label.name {
  padding-left: 15px;
  width: 145px;
  margin-top: 6px;
}
.settings .row .value {
  float: none;
  margin-left: 170px;
  padding-top: 6px;
}
.settings .row .value .fixed-width-select {
  float: left;
  display: block;
  width: 200px;
  vertical-align: middle;
}
.settings .row .value .fixed-width-select-small {
  float: left;
  display: block;
  width: 130px;
  vertical-align: middle;
}
.settings .row .value input,
.settings .row .value select,
.settings .row .value img{
  vertical-align: middle;
}
.settings .row input.text,
.settings .row input.password,
.settings .row textarea,
.settings .row select {
  width: 250px;
}
.settings .row select.narrow {
  width: 60px;
}
.settings .row textarea {
  height: 180px;
}





input.submit-dark {
  border: 1px solid #9795a2;
  background: #5c5b66;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 5px;
}

input.submit-dark-small {
  border: 1px solid #9795a2;
  background: #5c5b66;
  color: #FFF;
  font-weight: normal;
  text-transform: capitalize;
  padding: 0px 5px;
  margin-left: 5px;
  font-size: 10px;
}








































/* Post and message blocks */

.post-page #print, .message-page #print {
  display: none;
}
.post-wrapper, .message-wrapper {
  margin: 10px 0px; /* space between posts */
  border-left: 175px solid #ebebeb; /* post info area (if changing, also change .post-info width) - this should be == .post-info width + .post-info right & left padding */
}
.post-hide-wrapper {
  margin: 10px 0px;
  border-left: 175px solid #dadada;
}
.post, .message {
  position: relative;
  border: 1px solid black;
  margin-left: 5px; /* space between body and info */
  background: white;
}
.post-hide {
  border: 1px solid #dadada;
  margin-left: 5px;
  background: white;
}
.post-info, .message-info, .post-info-hide {
  margin-top: -1px; /* .post-wrapper border */
  margin-left: -181px; /* .post-info width + .post-info left & right paddings + .post margin + .post border */
  width: 155px;
  float: left;
  position: relative; /* IE6 hack otherwise the info disappears */
  overflow: hidden;
  color: #5c5b66;
  font-size: 9px;
  padding: 10px;
}
.post-body-wrapper, .message-body-wrapper {
/* padding on the body has to go here, since we need to set width of .post-body to 100% */
  padding: 5px;
}
.post-body, .message-body {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-bottom: 1.5em;
}
.post-body-hide {
  padding: 7px 0 0 5px;
  color: #dadada;
}
/* IE hacks; overflow-y: hidden is needed to keep IE from adding a vertical
 * scroll bar when it adds a horizontal one, and the extra bottom padding is
 * needed because IE doesn't allocate extra space for the scroll bar.
 * _width only works for <= IE6, and *padding works for IE
 */
.post-body, .message-body {
  _width: 98%;
  *overflow-y: hidden;
  *padding-bottom: 3em;
}
.post-body-hide .message-text {
  float: left;
}
.post-body-hide .action {
  float: right;
  padding-right: 15px;
}
.post-body-hide .action a {
  color: #9e9bac;
}
.post-info .username, .message-info .username, .post-info-hide .username {
  font-size: 14px;
  font-weight: bold;
  color: black;
  white-space: nowrap;
}
.post-info-hide .username a {
  color: #9d9ba8;
}
.post-info .post-date, .message-info .message-date {
  padding: 20px 0px;
}
.post-info .post-date.leading-post-date, .message-info .leading-message-date {
  display: none;
}
.post-info .moderator-controls {
  border-top: 1px solid #5c5b66;
  padding-top: 5px;
  margin-top: 10px;
}
.post-info .moderator-controls .thread.thread2 .sep.sep1 {
  display: none;
}

.post .post-header, .message .message-header {
  padding: 5px;
  margin-bottom: 8px;
/* IE hack to make the spacer show up properly */
  _height: 1%;
}
.post .post-header .post-subject, .message .message-header .message-subject {
  font-weight: bold;
  font-size: 12px;
}
.post .post-header .post-subject .post-new {
  color: #8c3030;
}
.post .post-header .post-subject .post-new span {
  color: #000;
}
.post .post-header a.post-in-reply-to {
  border-left: 1px solid black;
  padding-left: 5px;
  margin-left: 5px;
}
.post .post-header .post-actions, .message .message-header .message-actions {
  float: right;
}
.post .post-header .post-actions img, .message .message-header .message-actions {
  padding-left: 3px;
  vertical-align: bottom;
}
.post .post-header .post-actions a,
.post .post-header .post-actions span,
.message .message-header .message-actions a {
  font-weight: bold;
}

.post .post-footer, .message .message-footer {
  padding: 5px;
  font-size: 9px;
}
.post .post-footer a, .message .message-footer a {
  color: #5b5a5f;
}
.post .post-footer h4, .message .message-footer h4 {
  font-weight: bold;
  font-size: 9px;
  color: #7a797e;
}
.post .post-footer .content {
  padding: 2px 0 10px 0;
}

.post .post-footer .attachments, .message .message-footer .attachments {
  padding: 0;
  margin: 2px 0 0 0;
  list-style: none;
}
.post .post-footer .attachments li, .message .message-footer .attachments li {
  background: none;
  margin-bottom: 2px;
}
.post .post-footer .attachments img, .message .message-footer .attachments img {
  vertical-align: middle;
}

.post-page .toolbar .actions, .message-page .toolbar .actions {
  padding-top: 2px;
}
.post-page .toolbar .actions a, .message-page .toolbar .actions a {
  font-weight: bold;
}
/* A different link style because the default gossamer highlight doesn't look very good due to the padding on the text */
.post-page .toolbar .actions a:hover, .message-page .toolbar .actions a:hover {
  background: none;
  color: #61889a;
  text-decoration: underline;
}
.post-page .toolbar .actions a.prev-thread,
.post-page .toolbar .actions a.next-thread {
  padding-right: 5px;
  margin-right: 5px;
  border-right: 1px solid black;
}
.post-page .toolbar .actions .watch-thread,
.post-page .toolbar .actions .view-threaded,
.post-page .toolbar .actions .view-flat {
  padding-left: 5px;
  margin-left: 5px;
  border-left: 1px solid black;
}
.post-page .toolbar .actions form.watch-thread {
  display: inline;
}
.post-preview, .message-preview, .post-reply-view, .message-reply-view, .post-orig-view {
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  margin-bottom: -10px; /* Sink it into the post-wrapper margin */
}
.post-reply-view, .message-reply-view, .post-orig-view {
  margin-top: 20px;
}
.post-notes {
  text-align: right;
  color: #5c5b66;
  padding: 5px 0px;
  font-style: italic;
}
.post-notes .post-edited {
  font-size: 10px;
  color: #aaaaac;
  font-style: normal;
}
.post-notes h4 {
  font-size: 10px;
  font-weight: bold;
  display: inline;
}

.post-page tr.post-row.selected td {
  font-weight: bold;
}






























/* Username autocompletion */
#autocomplete-help {
  font-style: italic;
}

#autocomplete-selected {
  padding-top: 10px;
  font-weight: bold;
}

#autocomplete-selected-items {
  padding: 5px;
  font-size: 9px;
  font-weight: normal;
  line-height: 4px;
}

.ac_loading {
  background: url('images/spinner.gif') Menu right center no-repeat;
}

.ac_results {
  padding: 0px;
  border: 1px solid ThreeDShadow;
  background-color: Menu;
  color: MenuText;
  overflow: hidden;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results iframe {
  display:none;/*sorry for IE5*/
  display/**/:block;/*sorry for IE5*/
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  filter:mask();
  width:3000px;
  height:3000px;
}

.ac_results li {
  background: none;
  margin: 0px;
  padding: 2px 5px;
  cursor: pointer;
  display: block;
  width: 100%;
  font: menu;
  font-size: 12px;
  overflow: hidden;
}

.ac_input {
  width: 200px;
}

.ac_over {
  background-color: Highlight;
  color: HighlightText;
}


/* spellcheck */
#spellcheck_result {
  background: #f0f0f0;
  font-size: 13px;
  position: absolute;
  overflow: auto;
  padding: 4px;
  z-index: 10;
}
#spellcheck_result .misspelled {
  color: #ee3030;
  cursor: pointer;
  cursor: hand;
  text-decoration: underline;
}
#spellcheck_result .updated {
  color: #326aaf;
}
#spellcheck_suggestions {
  border: 1px outset #cecece;
  color: #212126;
  background: #cecece;
  position: absolute;
  cursor: default;
  padding: 1px;
  z-index: 20;
}
#spellcheck_suggestions .menu-item {
  padding: 1px;
}
#spellcheck_suggestions .mouseover {
  color: #5c5b66;
  background-color: #ececec;
}
#spellcheck_suggestions .replace_all {
  padding-right: 15px;
  background: transparent url(images/checked.gif) no-repeat center right;
}
#spellcheck_frame {
  border: none;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
}


/* Markup style */
.code-block, .pre-block, .quote-block, .reply-block {
  margin: 7px 20px;
  padding: 15px 10px 10px 10px;
  border: 1px solid #bbb;
  position: relative;
}
.code-block, .pre-block {
  font-family: courier, monospace;
  white-space: pre;
}
.code-block-title, .pre-block-title, .quote-block-title, .reply-block-title {
  padding: 0px 3px;
  position: absolute;
  top: -7px;
  left: 10px;
  font: normal 10px tahoma, geneva, verdana, sans-serif;
  font-weight: normal;
  text-decoration: none;
  color: #000;
  background: #fff;
}



/* Tooltip help */
.tooltip {
  cursor: pointer;
  cursor: hand;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-bottom: 3px;
}


/* The #content rules below are to make the username highlighting more
 * important than whatever they surround.  Ideally we'd just use something
 * like: `color: whatever !important;' -- but that isn't supported in IE prior
 * to version 7. */
#content a.username.administrator, #content a.username.moderator {
  color: #50b834;
}
#content a.username.buddy {
  color: #4791e3;
}
#content a.username.anonymous {
  color: #b3a901;
}
#content a.username.disabled {
  text-decoration: line-through;
}


/* Style for tabs used on the profile and messages pages */
div.tabs div {
  float: left;
  margin: 3px 1px 0px 0px;
  padding: 0;
  background: #f4f4f4;
  text-align: center;
  color: #5c5b66;
}
div.tabs div.selected {
  margin: 0 1px 0 0;
  padding: 8px 15px 8px;
  background: #ececec;
  color: #212126;
  font-weight: bold;
}
div.tabs div a {
  color: #5c5b66;
  text-decoration: none;
  padding: 5px 15px 7px;
  display: block;
}
div.tabs div a:hover {
  background-color: #ececec;
}
div.tab-description {
  background: #ececec;
  padding: 10px;
}
div.tab-description-spacer {
  background-position: top left;
  margin-top: 1px;
  height: 10px;
}

/*-----------------------------*\
|* password strength indicator *|
\*-----------------------------*/
#pass-strength {
  font-weight: bold;
}
.pass-strength-weak {
  color: red;
}
.pass-strength-good {
  color: blue;
}
.pass-strength-strong {
  color: green;
}

/*----------------------*\
|* User avatar carousel *|
\*----------------------*/
.avatar_container {
  margin: 0 0 10px 15px;
}
.avatar_carousel {
  visibility: hidden; /* Hide the carousel while it loads */
  float: left;
}

.avatar_carousel li {
  padding: 0;
  background: none;
}

/* The div is needed because setting float on the li changes the
 * display: table-cell behaviour, preventing the vertical centering of the
 * images from working */
.avatar_carousel li div {
  height: 128px; /* 120 (avatar maximum height) + 4px border */
  width: 126px; /* 100 (avatar maximum width) + 4px border + 9px extra spacing */
  overflow: hidden;
  text-align: center;
  display: table-cell; /* vertically centre non-ie browsers */
  vertical-align: middle;
  *font-size: 107px; /* ie vertically centre hack: height * 0.905 */
}
.avatar_carousel li img {
  vertical-align: middle;
  cursor: pointer;
}

.avatar_carousel li img.avatar_selected {
  border: 4px solid #888;
}

.avatar_container .avatar_carousel_prev, .avatar_container .avatar_carousel_next {
  display: block;
  float: left;
  text-decoration: none;
  margin-top: 4px; /* selected avatar border width */
  height: 120px;
  width: 21px;
  text-indent: -9999em;
  outline: none;
  background-image: url(images/carousel-arrows.gif);
  background-repeat: none;
}

.avatar_container .avatar_carousel_prev {
  background-position: 0 0;
}
.avatar_container .avatar_carousel_prev:hover {
  background-position: 0 -130px;
}

.avatar_container .avatar_carousel_next {
  background-position: -31px 0;
}
.avatar_container .avatar_carousel_next:hover {
  background-position: -31px -130px;
}


/* tooltip popup */
.info {
  padding: 5px;
  margin: 0px;
  margin-top: 10px;
  border: 1px solid #57594b;
  background-color: #ececec;
  position: absolute;
  display: none;
  z-index: 15;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: normal;
  font-size: 11px;
  _width: 300px;
  max-width: 300px;
}
.info ul {
  margin: 0;
  padding: 0 2em;
}
.info li {
  margin: 0.75em 0;
}

#post_reports_bar {
  color: #5c5b66;
}
#post_reports_bar a:hover {
  background-color: #61889a;
}
#post_reports_bar li {
  background-image: url(../../images/bullet.png) !important;
}




/* sort of generic */
.settings .column {
  float: left;
  display: block;
  width: 460px;
}
.settings .column-float {
  float: left;
  display: block;
  width: 50%;
}


.mark-all-as-read {
  padding: 0 0 10px 10px;
}











/* Post/message compose page */
.compose .row.highlighted {
  background-color: #ececec;
}
.compose .row label.name {
  font-weight: bold;
}
.compose .row div.value {
  float: none;
  border-left: 125px solid white;
}
.compose .row.highlighted div.value {
  border-left-color: #ececec;
}
.row-subject label.name {
  padding-top: 5px;
}
.row-subject .value input.text, #row_edit_reason .value input.text#edit_reason {
  width: 98.5%;
}
.row-subject .value input.text {
  font-size: 12px;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
}

#row_post_icon ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#row_post_icon ul li {
  background: none;
  margin: 0;
  padding: 0;
  float: left;
}
#row_post_icon ul li input {
  margin-right: 3px;
  vertical-align: top;
}
#row_post_icon ul li label {
  padding-left: 0px;
  padding-right: 7px;
  vertical-align: bottom;
}
#row_post_icon ul li img {
  vertical-align: bottom;
}
#row_insert_emoticon ul {
  margin: 0px;
}

#row_insert_emoticon .value {
  padding-bottom: 8px;
}
ul.smilies {
  padding-left: 0px;
  list-style: none;
}
ul.smilies li {
  background: none;
  float: left;
  padding: 0px 2px;
}
ul.smilies li img {
  cursor: pointer;
  cursor: hand;
}


#editor_iframe {
  border: 1px solid;
  border-color: black lightgrey lightgrey black;
  width: 100%;
  widt\h: 99.7%;
  height: 300px;
  heigh\t: 298px;
  overflow: hidden;
  margin-top: 3px;
}

textarea#post_message, textarea#msg_body {
  border: 1px solid;
  border-color: black lightgrey lightgrey black;
  margin-top: 3px;
  width: 100%;
  widt\h: 99.3%;
  height: 300px;
  heigh\t: 298px;
}


/* Remove tag (post compose) */
.button-remove {
  height: 11px;
  background: url('images/button-x-remove.gif') no-repeat;
  background-position: 0px 0px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  cursor: hand;
  float: left;
  padding-left: 13px;
  padding-right: 10px;
  vertical-align: middle;
  line-height: 10px;
}

.button-remove:hover {
  background-position: 0px -11px;
}


#markup_tags input.button {
  font-size: 10px;
  width: 50px;
}
#markup_tags #markup_tag_b, #markup_tags #markup_tag_i, #markup_tags #markup_tag_u {
  width: 25px;
}
#markup_tags #markup_tag_b {
  font-weight: bold;
}
#markup_tags #markup_tag_u {
  text-decoration: underline;
}
#markup_tags #markup_tag_i {
  font-style: italic;
}
#row_post_options .value .option {
  white-space: nowrap;
}
#row_post_options .value .option.already {
  font-style: italic;
}
#row_post_options .value input, #row_post_options .value label {
  vertical-align: middle;
}



.attachment .att-submit input.submit {
  font-size: 10px;
}
.attachment-upload input.file {
  font-size: 10px;
}
#attach_table {
  width: 500px;
  border-collapse: collapse;
  table-layout: fixed;
}
#attach_table tr {
  height: 20px;
  background: #ececec;
}
#attach_table td {
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid white;
  font-size: 9px;
  vertical-align: middle;
  white-space: nowrap;
}
#attach_table tr.first td {
  padding-top: 5px;
}
#attach_table tr.last td {
  border-bottom: none;
  padding-bottom: 5px;
}
#attach_table td.filename {
  padding-left: 10px;
  overflow: hidden;
}
#attach_table td.filename img, #attach_table td.filename span {
  vertical-align: middle;
}
#attach_table tr.attachment-upload td.filename {
  padding-left: 33px;
  background: #ececec url(images/attach-file.png) 10px 50% no-repeat;
  _background: #ececec url(images/attach-file.gif) 10px 50% no-repeat;
}
#attach_table td.size {
  width: 60px;
  font-weight: bold;
}
#attach_table td.inline {
  width: 60px;
}
#attach_table td.inline input, #attach_table td.inline label {
  vertical-align: middle;
}
#attach_table td.att-submit {
  width: 135px;
}
#attach_table td.att-submit input.submit {
  width: 130px;
}
.compose-submit {
  margin-bottom: 5px;
  padding: 5px 5px 5px 130px;
  background-color: #cecece;
}
.compose-submit input {
  margin-left: 15px;
  background-color: #f1f1ec;
  font-size: 11px;
}
.compose-submit input#button_post {
  font-weight: bold;
  margin-left: 0px;
}






/* settings: basic profile */
.settings .row label.name span.markup-ok {
  text-transform: uppercase;
  font-size: 90%;
  font-weight: bold;
  color: #9d9d9d;
  display: block;
}
.settings .row label.name span.markup-ok a {
  color: #9d9d9d;
  text-decoration: none;
}
.settings .row label.name span.markup-disabled {
  text-transform: lowercase;
  font-size: 75%;
  font-weight: normal;
  color: #ca3339;
  display: block;
}

table.social-media {
  padding: 0;
  margin: 0;
}
table.social-media thead,
table.social-media thead th {
  width: 135px;
  background: #f6f6f6;
  padding: 7px 5px 7px 15px;
  margin: 0;
  margin-bottom: 10px;
  font-size: 100%;
  font-weight: bold;
}
table.social-media * .service,
table.social-media * .username {
  padding-left: 0px;
  padding-right: 15px;
  padding-top: 10px;
  vertical-align: middle;
}
table.social-media * .service {
  padding-left: 15px;
}
table.social-media * .media-key {
  white-space: nowrap;
  padding-left: 0px;
  padding-right: 15px;
  padding-top: 10px;
  vertical-align: middle;
  width: 160px;
}
table.social-media tbody td.media-key input {
  width: 135px;
  border: 1px solid #999999;
}
table.social-media * img {
  vertical-align: middle;
}
table.social-media td.service {
  font-weight: bold;
  color: #666666;
  font-size: 110%;
}


.settings .row #user_time_offset .user_timezone {
  padding-bottom: 5px;
}
.settings .row #user_time_offset label {
  font-size: 9px;
  padding-bottom: 2px;
  display: block;
}
.settings .row .time_preview {
  font-size: 9px;
  padding-top: 3px;
  display: block;
  color: #666666;
}
.settings .row .time_preview span {
  color: #666666;
  font-weight: normal;
}
.settings .row .user-online {
  color: green;
}












/* Post reports */
.post-report {
  border-bottom: 1px solid black;
  display: none;
  background-color: #faf9fe;
  color: #5c5a65;
}
.post_report_heading {
  background-color: #e3e1ec;
  border-bottom: 1px solid #cecece;
  padding: 5px;
  font-weight: bold;
}
.post_reports_sub_heading {
  font-weight: normal;
}
.post_report_heading span.controls {
  font-weight: normal;
  float: right;
  margin-top: -5px;
  height: 25px;
  line-height: 25px;
}
.post_report_heading span.controls * {
  vertical-align: middle;
}
.post_report_heading span.controls img {
  margin-top: -3px;
}
.post_report_content {
  padding: 5px;
}
.post_report_content textarea, .post_report_content table {
  width: 99.8%;
}
.post_report_content table td {
  vertical-align: top;
}
.post_report_error {
  color: #bf4f4b;
}
.post_reports_pm_message_wrapper {
  padding-top: 5px;
}
.post_reports_messages {
  border-bottom: 1px solid #cecece;
  background-color: #fdffea;
  padding: 5px;
  margin: -5px;
}
.post_reports_message {
  color: #bf4f4b;
}
.post_report_content .warn {
  color: #8c3030;
}








/* advanced search */
h2.header {
  background: #ececec;
  padding: 7px 7px 7px 15px;
  margin: 0;
}
.group-content {
  margin: 5px 0 10px 10px;
}



/* who's online "status bar" */
.status-bar {
  background: #cecece;
  padding: 7px 15px 7px 15px;
  margin-bottom: 10px;
  overflow: auto;
}
.status-bar .left {
  float: left;
  display: block;
}
.status-bar .right {
  float: right;
  display: block;
}



/* User Public Profile */
.social-media .header {
  background-color: #eeeef9;
  font-weight: normal;
  vertical-align: middle;
}
.social-media .header img {
  padding: 5px 10px 5px 15px;
  vertical-align: middle;
}
.social-media .header h3 {
  display: inline;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  background: 0;
}
.social-media .content {
  padding: 15px;
  overflow: auto;
}
.social-media .content .youtube {
  float: left;
  display: block;
  margin-right: 30px;
}
.social-media .content .flickr {
  float: left;
  margin-right: 10px;
}
.social-media input,
.social-media select {
  width: 260px;
  border: 1px solid #999999;
}
#user_location_map {
  margin-left: 15px;
}
#user_location_map #map_canvas {
  width: 440px;
  height: 300px;
  border: 1px inset #888;
  clear: both;
}


.admin-actions {
  float: right;
  border: 1px solid #949492;
  background: #ececec;
  margin-bottom: 10px;
  width: 270px;
  overflow: hidden;
}
.admin-actions h3 {
  font-weight: bold;
  font-size: 13px;
  padding: 2px 10px 3px 10px;
  background: #cccccc;
  margin: 0;
  text-align: left;
}
.admin-actions .body {
  padding: 5px 15px 10px 5px;
}
.admin-actions * a {
  text-decoration: none;
  font-weight: bold;
  color: #5e5d65;
}
.admin-actions * a:hover {
  text-decoration: underline;
}
.admin-actions * .no-overflow {
  overflow: hidden;
}
.admin-actions .item .value a {
  font-weight: normal;
  text-decoration: underline;
}
.admin-actions .item .value a:hover {
  text-decoration: none;
}
.admin-actions * .item {
  overflow: auto;
}
.admin-actions .item .manage-actions {
  float: left;
  display: block;
}
.admin-actions * label {
  width: 100px;
  display: block;
  float: left;
  text-align: right;
  margin-right: 15px;
  font-weight: bold;
  color: #5e5d65;
}
.admin-actions * .value {
  display: block;
}
.admin-actions * .value img {
  vertical-align: top;
  padding: 0;
  margin: 0;
}



.settings .column-actions {
  float: right;
  border: 1px solid #949492;
  background: #fafafa;
  margin-bottom: 10px;
  margin-left: 10px;
}
.settings .column-actions img {
  padding: 2px 5px 2px 5px;
  vertical-align: middle;
}
.settings .column-actions h3 {
  padding: 2px 10px 3px 10px;
  background: #cecece;
  margin: 0;
  text-align: left;
}
.settings .column-actions .body {
  padding: 5px 15px 10px 5px;
}
.settings .column-actions .body .item {
  padding: 0px;
  margin: 0px;
}



.profile-favourites,
.profile-favourites:hover,
.profile-favourites:visited {
  font-size: 110%;
  font-weight: bold;
  color: #444347;
}




/* user profile page */
.profile-image {
  float: left;
  padding-left: 15px;
}

.settings .row label.profile-username {
  font-weight: bolder;
  font-size: 170%;
  padding-left: 15px;
  float: left;
}

.settings .tag-view {
  padding: 5px 15px 25px 15px;
}





/* Tag cloud */
.settings .column-float .content-left {
  padding: 10px 30px 20px 15px;
  margin: 0 0 5px 0;
}
.settings .column-float .content-right {
  padding: 10px 15px 20px 30px;
  margin: 0 0 5px 0;
}
.settings .column-float .divider-right {
  background-image: url(images/betweennav.gif);
  background-repeat: repeat-y;
  background-position: top right;
}
.settings .column-float .divider-left {
  background-image: url(images/betweennav.gif);
  background-repeat: repeat-y;
  background-position: top left;
}
.settings .column-bottom {
  margin: 0 0 40px 0;
  padding: 10px 15px 0px 15px;
  text-align: center;
}



.table-style-header {
  background-color: #383741;
  color: white;
  font-weight: bold;
  padding: 3px 8px;
}

.tag-entry {
  float: left;
  padding: 5px 10px;
  line-height: 20px;
}

.tag-user {
  float: left;
  padding: 5px 10px;
  width: 220px;
}

span.tag-matches {
  margin-left: 10px;
}

span.tag-matches span {
  padding: 2px;
  margin-right: 4px;
  cursor: pointer;
  cursor: hand;
  color: #212126;
  font-weight: bold;
  background-color: #cecece;
}



/* Member directory page */
h4.alphabet-list {
  word-spacing: 0.5em;
  font-size: 120%;
  margin: 10px 0 0 10px;
}

.member-search {
  padding: 10px 10px 0;
  word-spacing: 0.5em;
}
.member-search select {
  word-spacing: normal;
}




/* markup help page */
.page-markup_help dt, body.page-markup_help dd {
  padding: 0.3em;
  border: 1px solid #CCC;
}
.page-markup_help dt {
  background: #ececec;
}
.page-markup_help dd {
  background: #FAFAFF;
  border-top: 0;
  margin-bottom: 1em;
}



/* error page */
.page-error .error {
  display: none;
}
.page-error #content ul {
  list-style-type: none;
  color: #eb2c34;
}



/* signup page */
.page-user_signup .row label.name {
  width: 170px;
}
.page-user_signup .req-star {
  color: #8c3030;
}

/* forum pre-ban page */
.page-forum_preban .row .value input.text#ban_expiry {
  width: 20px;
}
.page-forum_preban .row .value input.text#ban_reason {
  width: 350px;
}

/* lost password page */
.page-login .lostpasswd {
  font-size: 10px;
  padding: 5px 0 0 0;
}

/* login page */
.page-login #dont_use_cookies {
  margin-left: 20px;
}

/* user sign up page */
.page-user_signup .pass-strength {
  margin-top: 2px;
}





















/* needs a home */

.message-list-page .save {
  text-align: right;
  padding-top: 20px;
}


.message-page .toolbar .actions a.print-message {
  padding-left: 5px;
  margin-left: 5px;
  border-left: 1px solid black;
}
.message-list-page .toolbar {
  margin: 0px;
}








/* not sure */

.small-wrapper div.spacer {
  height: 1px;
  font-size: 1px;
}


.settings h1 {
  background: #ececec;
  margin: 0;
  padding: 7px 7px 7px 15px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1.3em;
}




/* stuff to get rid of */
.gray {
  color: #bbbbbb;
}



.new-messages, .new-post-reports {
  color: #50b834;
}


/* https://bugs.webkit.org/show_bug.cgi?id=37685 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .category-list thead tr th.forum-threads, .category-list thead tr th.forum-posts {
    width: 75px;
  }
  .category-list thead tr th.forum-posts {
    width: 80px;
  }
  .category-list thead tr th.forum-last {
    width: 150px;
  }
}

/* vim:sw=2
*/