SMF2.1/Themes/default/css/compat.css

/**************************************************************************************************
  This file will *attempt* to make themes designed for older versions of SMF usable with SMF 2.0.
  Unfortunately, the end result will be far from perfect, in most cases. Therefore, we encourage
  theme designers to rebase their themes on either the default or core theme.
**************************************************************************************************/

/* Styles for the general looks of things
------------------------------------------ */

/* Help popups require a different styling of the body element. */
body#help_popup {
	width: auto;
	padding: 1em;
	min-width: 0;
}

/* The main content area.
------------------------------------------------------- */
.content, .roundframe {
	padding: 0.5em 1.2em;
	margin: 0;
	border: 1px solid #adadad;
	color: #000;
	background-color: #ecedf3;
}
.content p, .roundframe p {
	margin: 0 0 0.5em 0;
}
.content fieldset {
	border: 2px groove #fff;
	padding: 1em;
	margin: 0 0 0.3em 0;
}

/* Reset header margins. */
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

/* Alternative for u tag */
.underline {
	text-decoration: underline;
}

/* Common classes for easy styling.
------------------------------------------------------- */

.floatright {
	float: right;
}
.floatleft {
	float: left;
}

.flow_auto {
	overflow: auto;
}
.flow_hidden {
	overflow: hidden;
}
.clear {
	clear: both;
}
.clear_left {
	clear: left;
}
.clear_right {
	clear: right;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext, tr.smalltext th {
	font-size: 0.85em;
	font-family: verdana, sans-serif;
}
.middletext {
	font-size: 0.9em;
	font-family: verdana, sans-serif;
}
.normaltext {
	font-size: 1em;
	line-height: 1.2em;
}
.largetext {
	font-size: 1.4em;
}
.centertext {
	margin: 0 auto;
	text-align: center;
}
.righttext {
	margin-left: auto;
	margin-right: 0;
	text-align: right;
}
.lefttext {
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}
/* some common padding styles */
.padding {
	padding: 0.7em;
}
.main_section, .lower_padding {
	padding-bottom: 0.5em;
}
/* a quick reset list class. */
ul.reset, ul.reset li {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* the page navigation area */
.pagesection {
	font-size: 0.9em;
	padding: 0.5em;
	overflow: hidden;
}
.pagesection .pagelinks {
	padding: 0.5em 0;
}

/* GenericList */
table.table_grid thead tr.catbg th.smalltext {
	white-space: nowrap;
}

.custom_fields_above_signature {
	clear: right;
	padding: 1em 0 3px 0;
	width: 98%;
	border-top: 1px solid #666;
	line-height: 1.4em;
	font-size: 0.85em;
}

/* Semantic classes introduced per RC2, used as alternatives for .windowbg and .windowbg2
------------------------------------------------------------------------------------------ */
.description {
	padding: 1em;
	font-size: 0.9em;
	line-height: 1.5em;
	border: 1px solid #bbb;
	background: #f5f5f0;
	margin: 0 0 1em 0;
}
.information {
	padding: 0.5em 1em;
	font-size: 0.9em;
	line-height: 1.5em;
	border: 1px solid #bbb;
	background: #f0f6f0;
	margin: 0 0 1em 0;
}
.information p {
	padding: 1em;
	margin: 0;
}

/* Lists with settings use these a lot.
------------------------------------------------------- */
dl.settings {
	clear: right;
	overflow: auto;
	margin: 0 0 10px 0;
	padding: 0;
}
dl.settings dt {
	width: 48%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
}
dl.settings dt.settings_title {
	width: 100%;
	float: none;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	font-weight: bold;
	clear: both;
}
dl.settings dt.windowbg {
	width: 98%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0 0 5px 0;
	clear: both;
}
dl.settings dd {
	width: 48%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
}
dl.settings img {
	margin: 0 10px 0 0;
}

/* Styles for a very basic dropdown menu implementation.
------------------------------------------------------- */
div#admin_menu {
	margin: 1em 0 0 0;
}

ul.dropmenu, ul.dropmenu li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.dropmenu {
	margin: 0 0 0 15px;
}
ul.dropmenu li {
	position: relative;
	float: left;
	padding-right: 4px;
	text-transform: uppercase;
}
ul.dropmenu li a.firstlevel {
	margin: 0;
	padding: 5px;
	cursor: default;
	font-size: x-small;
	color: #000;
	background: #f0f0f0;
	border: 1px solid #818181;
	text-decoration: none;
}
ul.dropmenu li a.active {
	padding-left: 3px;
}
ul.dropmenu li a.active.firstlevel {
	background: #819db5;
	color: #fff;
}
ul.dropmenu li ul li {
	background: none;
	width: 14em;
	float: none;
	margin: 0;
	padding: 0;
}
ul.dropmenu li ul {
	margin: 5px 0 0 0;
	z-index: 90;
	display: none;
	position: absolute;
	top: 100%;
	border: 1px solid #808080;
	background: #f8f8fb;
}
ul.dropmenu li ul li ul, ul.dropmenu li ul li.over ul {
	display: none;
	position: absolute;
	left: -999em;
	top: 0;
	border: 1px solid #a0a0a0;
	background: #fff;
}
ul.dropmenu li ul li a {
	display: block;
	padding: 5px;
	font-size: x-small;
	text-decoration: none;
	background: none;
	text-transform: none;
	color: #000;
}
ul.dropmenu li ul li a.active {
	font-weight: bold;
}
ul.dropmenu li ul li a:hover, #dropmenu ul li ul li:hover {
	background: #c8e2fb;
}
ul.dropmenu li:hover ul, ul.dropmenu li.over ul {
	display: block;
}
ul.dropmenu li ul li:hover ul, ul.dropmenu li ul li.over ul {
	display: block;
	left: 13em;
}

/* The dropdown menu toggle image */
#menu_toggle {
	float: right;
	margin-right: 10px;
	padding-top: 3px;
}
#menu_toggle span {
	position: relative;
	right: 5000px;
}

.generic_tab_strip {
	margin: 0 1em 2em;
}
.generic_tab_strip .buttonlist {
	float: left !important;
}


/* The linktree.
----------------- */
ul.linktree {
	clear: both;
	list-style: none;
	margin: 1.5em 0.5em 0.5em 0.5em;
	padding: 0;
}
ul.linktree li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 0.8em;
}
ul.linktree li a {
	color: #000;
}
ul.linktree li a:hover {
	color: #cc3333;
}
ul.linktree li span {
	font-weight: bold;
}

/* Styles for a typical table.
------------------------------------------------------- */
table.table_list {
	width: 100%;
}
table.table_list p {
	padding: 0;
	margin: 0;
}
table.table_list td,table.table_list th {
	padding: 5px;
}
table.table_list tbody.header td {
	padding: 0;
}
table.table_list tbody.content td.stats {
	font-size: 90%;
	width: 15%;
	text-align: center;
}
table.table_list tbody.content td.lastpost {
	line-height: 1.2em;
	font-size: 85%;
	width: 24%;
}
table.table_list tbody.content td.icon {
	text-align: center;
	width: 6%;
}

/* Styles for headers used in Curve templates.
------------------------------------------------------- */
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg, div.titlebg, .table_list tbody.header td {
	overflow: hidden;
	line-height: 2em;
	font-weight: bold;
}
h3.titlebg, h4.titlebg, h3.catbg, h4.catbg {
	border-left: 1px solid #adadad;
	border-right: 1px solid #adadad;
}
h3.titlebg, h4.catbg {
	padding: 0 0 0 0.5em;
}
h3.catbg img.icon, div.titlebg img.icon, h3.catbg img {
	float: left;
	margin: 5px 8px 0 0;
}
h4.catbg a.toggle img {
	vertical-align: middle;
	margin: -2px 5px 0 5px;
}

/* Styles for the board index.
------------------------------------------------- */

p#stats {
	text-align: right;
}
h3#newsfader {
	font-size: 1em;
}
#smfNewsFader {
	font-weight: bold;
	line-height: 1.4em;
	padding: 1em;
	font-size: 1em;
	text-align: center;
}
#upshrink_ic {
	margin-right: 2ex;
	text-align: right;
}
.categoryframe {
	margin-top: 0.4em;
}
.categoryframe h3 {
	margin: 0;
}
table.boardsframe {
	width: 100%;
}
table.boardsframe td.icon {
	text-align: center;
	padding: 0.5em;
	width: 6%;
}
table.boardsframe td.info {
	width: 60%;
	padding: 0;
}
table.boardsframe td.info h4 {
	padding: 0.4em 0.4em 0 0.4em;
	margin: 0;
}
table.boardsframe td.info p {
	padding: 0 0.4em 0.5em 0.4em;
	margin: 0;
}
table.boardsframe td.info p.moderators {
	font-size: 0.8em;
	font-family: verdana, sans-serif;
}
table.boardsframe td.stats {
	width: 8%;
	vertical-align: middle;
	text-align: center;
}
table.boardsframe td.lastpost {
	width: 20%;
	vertical-align: top;
	padding: 0.5em;
}
#posticons {
	clear: both;
	width: 100%;
}
#posticons .buttonlist {
	margin-right: 1em;
	float: right;
}

/* the newsfader */
#smfFadeScroller {
	text-align: center;
	overflow: auto;
	color: #000000; /* shouldn't be shorthand style due to JS bug in IE! */
}

/* Styles for the info center on the board index.
---------------------------------------------------- */

#infocenterframe {
	margin-top: 2em;
	clear: both;
}
/* each section in infocenter has this class */
.infocenter_section {
	clear: both;
}
.infocenter_section p.section {
	display: block;
	margin: 0;
	width: 30px;
	text-align: center;
	float: left;
	padding: 0.5em 0 0 0;
}
.infocenter_section div.sectionbody {
	margin-left: 30px;
	padding: 0.3em;
	border-left: 1px solid #a0a0a0;
	min-height: 25px;
	height: auto !important;
}
/* recent posts - or just one recent post */
dl#infocenter_recentposts {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
dl#infocenter_recentposts dt {
	clear: left;
	float: left;
	padding: 0.1em;
	width: 68%;
	white-space: nowrap;
	overflow: hidden;
}
dl#infocenter_recentposts dd {
	clear: right;
	float: right;
	padding: 0.1em;
	width: 25%;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
}
/* login form */
form#infocenter_login ul.horizlist label {
	white-space: nowrap;
	font-size: 90%;
	font-weight: bold;
}

/* Styles for the message (topic) index.
---------------------------------------------------- */

#childboards table {
	width: 100%;
}
.modbuttons {
	clear: both;
	width: 100%;
}
.buttonlist, .buttonlist_bottom {
	margin-right: 1em;
	float: right;
}
#messageindex td.icon1, #messageindex td.icon2 {
	text-align: center;
	padding: 0.5em;
	width: 5%;
}
#messageindex td.subject {
	padding: 0.5em;
}
#messageindex td.starter {
	text-align: center;
	padding: 0.5em;
	width: 14%;
}
#messageindex td.replies {
	text-align: center;
	padding: 0.5em;
	width: 4%;
}
#messageindex td.views {
	text-align: center;
	padding: 0.5em;
	width: 4%;
}
#messageindex td.lastpost {
	padding: 0.5em;
	width: 22%;
}
#messageindex td.moderation {
	text-align: center;
	padding: 0.5em;
	width: 4%;
}
#topic_icons p {
	display: block;
	padding: 0.5em 0.5em 0.1em 0.5em;
	margin: 0;
	border-bottom: none;
	font-weight: normal !important;
}
#topic_icons ul {
	display: block;
	padding: 0.5em 1em 0.1em 1em;
	margin: 0;
	border-bottom: none;
	font-weight: normal !important;
}
#message_index_jump_to {
	margin: 2em 4em 0 2em;
}
.lastpost img {
	float: right;
}

/* Styles for the display template (topic view).
---------------------------------------------------- */
.linked_events {
	clear: both;
	margin: 1em 0;
}
.linked_events .edit_event {
	color: #f00;
}
#moderationbuttons {
	margin-left: 0.5em;
}
#postbuttons .nav, #postbuttons_lower .nav {
	margin: 0.5em 0.5em 0 0;
	text-align: right;
}
#postbuttons_lower .nav {
	margin: 0 0.5em 0.5em 0;
}
#postbuttons, #postbuttons_lower {
	text-align: right;
}

/* Poll question */
h4#pollquestion {
	padding: 1em 0 1em 2em;
}

/* Poll vote options */
#poll_options ul.options {
	border-top: 1px solid #696969;
	padding: 1em 2.5em 0 2em;
	margin: 0 0 1em 0;
}
#poll_options div.submitbutton {
	clear: both;
	padding: 0 0 1em 2em;
}

#poll_options div.submitbutton.border {
	border-bottom: 1px solid #696969;
	margin: 0 0 1em 0;
}

/* Poll results */
#poll_options dl.options {
	border: solid #696969;
	border-width: 1px 0;
	padding: 1em 2.5em 0 2em;
	margin: 0 0 1em 0;
}
#poll_options dl.options dt.voted {
	font-weight: bold;
}
#poll_options dl.options dd {
	margin: 0.5em 0 1em 0;
}

/* Poll notices */
#poll_options p {
	margin: 0 1.5em 0.2em 1.5em;
	padding: 0 0.5em 0.5em 0.5em;
}

div#pollmoderation {
	margin: -1em 0 0 2em;
	padding: 0;
}

.approve_post {
	margin: 2ex;
	padding: 1ex;
	border: 2px dashed #cc3344;
	color: #000;
	font-weight: bold;
}
#forumposts h3.catbg3 {
	font-weight: normal;
	padding: 0.4em;
	overflow: hidden;
}
#forumposts h3.catbg3 img {
	float: left;
	vertical-align: middle;
}
#forumposts h3.catbg3 span {
	float: left;
	padding-left: 2%;
}
#forumposts h3.catbg3 span#top_subject {
	padding-left: 9.5em;
}
.poster {
	width: 15em;
	float: left;
}
.post {
	clear: right;
}
.postarea {
	margin-left: 16em;
}
.messageicon {
	float: left;
	margin: 0 0.5em 0.5em 0;
}
.messageicon img {
	padding: 6px 3px;
}
.keyinfo {
	float: left;
	clear: none;
	width: 50%;
	min-height: 3em;
}
ul.postingbuttons {
	float: right;
	padding: 0 0.5em 0 0;
}
ul.postingbuttons li {
	float: left;
	margin: 0 0.5em 0 0;
}
.modifybutton {
	float: right;
	margin: 0 0.5em 0.5em 0;
}
.attachments hr {
	clear: both;
	margin: 1em 0 1em 0;
}
.attachments {
	padding-top: 1em;
}
.postfooter {
	margin-left: 16em;
}
.topborder {
	border-top: 1px solid #bbb;
}
.moderatorbar {
	clear: right;
	margin: 1em 0 0 16em;
}
#pollmoderation, #moderationbuttons_strip {
	float: left;
}

/* Styles for the quick reply area.
---------------------------------------------------- */

#quickReplyOptions #quickReplyWarning {
	border: none;
	text-align: left;
	margin: 0;
	width: 25%;
	float: left;
}
#quickReplyOptions #quickReplyContent {
	text-align: right;
	float: left;
	width: 67.5%;
	padding: 1em;
	border-left: 1px solid #aaa;
}

#quickReplyOptions #quickReplyContent textarea, #quickReplyOptions #quickReplyContent input {
	margin-bottom: .5em;
}

#quickReplyWarning {
	width: 20%;
	float: left;
	padding: 0.5em 1em;
}
#quickReplyContent {
	width: 75%;
	float: right;
	padding: 0.5em 0;
}
#quickReplyOptions .roundframe {
	overflow: hidden;
}

/* The jump to box */
#display_jump_to {
	clear: both;
	padding: 5px;
}

/* Separator of posts. More useful in the print stylesheet. */
#forumposts .post_separator {
	display: none;
}

/* Styles for edit post section
---------------------------------------------------- */
form#postmodify .roundframe {
	padding: 0 12%;
}
#post_header {
	margin-bottom: 0.5em;
	border-bottom: 1px solid #666;
	padding: 0.5em;
	overflow: hidden;
}
#post_header dt {
	float: left;
	margin: 0;
	padding: 0;
	width: 15%;
	margin: .3em 0;
	font-weight: bold;
}
#post_header dd {
	float: left;
	margin: 0;
	padding: 0;
	width: 83%;
	margin: .3em 0;
}
#post_header img {
	vertical-align: middle;
}
ul.post_options {
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
ul.post_options li {
	margin: 0.2em 0;
	width: 49%;
	float: left;
}
#postAdditionalOptionsHeader {
	margin-top: 1em;
}
#postMoreOptions {
	border-bottom: 1px solid #666;
	padding: 0.5em;
}
#postAttachment, #postAttachment2 {
	overflow: hidden;
	margin: .5em 0;
	padding: 0;
	border-bottom: 1px solid #666;
	padding: 0.5em;
}
#postAttachment dd, #postAttachment2 dd {
	margin: .3em 0 .3em 1em;
}
#postAttachment dt, #postAttachment2 dt {
	font-weight: bold;
}
#postAttachment3 {
	margin-left: 1em;
}
#post_confirm_strip, #shortcuts {
	padding: 1em 0 0 0;
}
.post_verification {
	margin-top: .5em;
}
.post_verification #verification_control {
	margin: .3em 0 .3em 1em;
}
/* The BBC buttons */
#bbcBox_message {
	margin: 1em 0 0.5em 0;
}
#bbcBox_message div {
	margin: 0.2em 0;
	vertical-align: top;
}
#bbcBox_message div img {
	margin: 0 1px 0 0;
	vertical-align: top;
}
#bbcBox_message select {
	margin: 0 2px;
}
/* The smiley strip */
#smileyBox_message {
	margin: 0.75em 0 0.5em 0;
}

/* Styles for edit event section
---------------------------------------------------- */
#post_event .roundframe {
	padding: 1% 12%;
}
#post_event fieldset {
	margin-bottom: 0.5em;
	border: none;
	border-bottom: 1px solid #666;
	padding: 0.5em;
	clear: both;
}
#post_event legend {
	font-weight: bold;
	color: #000;
}
#post_event div.event_options {
	width: 49%;
	float: left;
}
#post_event ul.event_main, ul.event_options {
	padding: 0;
	overflow: hidden;
}
#post_event ul.event_main li {
	list-style-type: none;
	margin: 0.2em 0;
	width: 49%;
	float: left;
}
#post_event ul.event_options {
	margin: 0;
	padding: 0 0 .7em .7em;
}
#post_event ul.event_options li {
	list-style-type: none;
	margin: 0.3em 0 0 0;
}

/* Styles for edit poll section.
---------------------------------------------------- */

#edit_poll fieldset {
	margin-bottom: 0.5em;
	border: none;
	border-bottom: 1px solid #666;
	padding: 0.5em;
	clear: both;
}
#edit_poll legend {
	font-weight: bold;
	color: #000;
}
#edit_poll ul.poll_main, dl.poll_options {
	overflow: hidden;
	padding: 0 0 0 .7em;
	list-style: none;
}
#edit_poll ul.poll_main li {
	margin: 0.2em 0;
}
#edit_poll dl.poll_options dt {
	width: 35%;
}
#edit_poll dl.poll_options dd {
	width: 63%;
}

/* Styles for the recent messages section.
---------------------------------------------------- */

.readbuttons {
	clear: both;
	width: 100%;
}
.buttonlist, .buttonlist_bottom {
	margin-right: 1em;
	float: right;
}

/* Styles for the move topic section.
---------------------------------------------------- */

#move_topic dl {
	margin-bottom: 0;
}
.move_topic {
	width: 710px;
	margin: auto;
	text-align: left;
}
div.move_topic fieldset {
	margin: 0.5em 0;
	border: 1px solid #cacdd3;
	padding: 0.5em;
}

/* Styles for the send topic section.
---------------------------------------------------- */

fieldset.send_topic {
	margin-bottom: 0.5em;
	border: none;
	padding: 0.5em;
}
dl.send_topic {
	margin-bottom: 0;
}
dl.send_mail dt {
	width: 35%;
}
dl.send_mail dd {
	width: 64%;
}

/* Styles for the split topic section.
---------------------------------------------------- */

div#selected, div#not_selected {
	width: 49%;
}
ul.split_messages li.windowbg, ul.split_messages li.windowbg2 {
	border: 1px solid #adadad;
	padding: 1em;
	margin: 1px;
}
ul.split_messages li a.split_icon {
	padding: 0 0.5em;
}
ul.split_messages div.post {
	padding: 1em 0 0 0;
	border-top: 1px solid #fff;
}

/* Styles for the merge topic section.
---------------------------------------------------- */

ul.merge_topics li {
	list-style-type: none;
}
dl.merge_topic dt {
	width: 25%;
}
dl.merge_topic dd {
	width: 74%;
}
fieldset.merge_options {
	margin-bottom: 0.5em;
}
fieldset.merge_options legend {
	font-weight: bold;
}
.custom_subject {
	margin: 0.5em 0;
}

/* Styles for the login areas.
------------------------------------------------------- */
.login {
	width: 540px;
	margin: 0 auto;
}
.login dl {
	overflow: auto;
	clear: right;
}
.login dt, .login dd {
	margin: 0 0 0.4em 0;
	width: 44%;
	padding: 0.1em;
}
.login dt {
	float: left;
	clear: both;
	text-align: right;
	font-weight: bold;
}
.login dd {
	width: 54%;
	float: right;
	text-align: left;
}
.login p {
	text-align: center;
}
.login h3 img {
	float: left;
	margin: 4px 0.5em 0 0;
}

/* Styles for the registration section.
------------------------------------------------------- */
.register_error {
	border: 1px dashed red;
	padding: 5px;
	margin: 0 1ex 1ex 1ex;
}
.register_error span {
	text-decoration: underline;
}

/* Additional profile fields */
dl.register_form {
	margin: 0;
	clear: right;
	overflow: auto;
}

dl.register_form dt {
	font-weight: normal;
	float: left;
	clear: both;
	width: 50%;
	margin: 0.5em 0 0 0;
}

dl.register_form dt strong {
	font-weight: bold;
}

dl.register_form dt span {
	display: block;
}

dl.register_form dd {
	float: left;
	width: 49%;
	margin: 0.5em 0 0 0;
}

#confirm_buttons {
	text-align: center;
	padding: 1em 0;
}

.coppa_contact {
	padding: 4px;
	width: 32ex;
	background-color: #fff;
	color: #000;
	margin-left: 5ex;
	border: 1px solid #000;
}

/* Styles for maintenance mode.
------------------------------------------------------- */
#maintenance_mode {
	width: 75%;
	min-width: 520px;
	text-align: left;
}
#maintenance_mode img.floatleft {
	margin-right: 1em;
}

/* common for all admin sections */
h3.titlebg img {
	vertical-align: middle;
	margin-right: 0.5em;
}
tr.titlebg td {
	padding-left: 0.7em;
}
#admin_menu {
	min-height: 2em;
	padding-left: 0;
}
#admin_content {
	clear: left;
}
#admin_login .centertext {
	padding: 1em;
}
#admin_login .centertext .error {
	padding: 0 0 1em 0;
}

/* Styles for sidebar menus.
------------------------------------------------------- */
.left_admmenu, .left_admmenu ul, .left_admmenu li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#left_admsection {
	background-color: #ecedf3;
	padding: 1px;
	border: 1px solid #ADADAD;
	width: 160px;
	float: left;
	margin-right: 10px;
}
.adm_section h4.titlebg {
	font-size: 95%;
	margin-bottom: 5px;
}
.left_admmenu li {
	padding: 0 0 0 0.5em;
}
.left_admmenu {
	margin-bottom: 1.1em;
}
#main_admsection {
	margin-left: 174px;
}

tr.windowbg td, tr.windowbg2 td {
	padding: 0.3em 0.7em;
}
#credits p {
	padding: 0;
	font-style: italic;
	margin: 0;
}

/* Styles for generic tables.
------------------------------------------------------- */
.topic_table table {
	width: 100%;
}
.topic_table .icon1, .topic_table .icon2, .topic_table .stats {
	text-align: center;
}
#topic_icons {
	margin-top: 1em;
}
#topic_icons .description {
	margin: 0;
}
.topic_table table thead {
	border-bottom: 1px solid #fff;
}
/* the subject column */
.topic_table td {
	font-size: 1em;
}
.topic_table td.subject {
	padding: 4px;
}
.topic_table td.subject p, .topic_table td.stats, .topic_table td.lastpost {
	font-size: 0.85em;
	padding: 0;
	margin: 0;
}
.topic_table td.lastpost, .topic_table td.lastpost {
	font-size: 0.9em;
	line-height: 100%;
	padding: 4px;
}
.topic_table td.stickybg2 {
	background-image: url(../images/icons/quick_sticky.png);
	background-repeat: no-repeat;
	background-position: 98% 4px;
}
.topic_table td.lockedbg2 {
	background-image: url(../images/icons/quick_lock.png);
	background-repeat: no-repeat;
	background-position: 98% 4px;
}
.topic_table td.lastpost {
	background-image: none;
}

/* Styles for (fatal) errors.
------------------------------------------------- */

#fatal_error {
	border: 1px solid #aaa;
}

.errorbox {
	padding: 1em;
	border: 1px solid #cc3344;
	color: #000;
	background-color: #ffe4e9;
	margin: 1em 0;
}
.errorbox h3 {
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	text-decoration: underline;
}
.errorbox p {
	margin: 1em 0 0 0;
}
.errorbox p.alert {
	padding: 0;
	margin: 0;
	float: left;
	width: 1em;
	font-size: 1.5em;
}

/* Styles for the profile section.
------------------------------------------------- */

dl {
	overflow: auto;
	margin: 0;
	padding: 0;
}

/* Fixes for the core theme */
#profileview {
	padding: 1px;
	border: 1px solid #696969;
	background-color: #ecedf3;
}
#profileview .content {
	border: none;
}
#basicinfo .content {
	padding: 1em;
}
#detailedinfo .content {
	padding: 0.7em 1.2em;
	border-left: 1px solid #aaa;
}

/* The basic user info on the left */
#basicinfo {
	width: 20%;
	float: left;
}
#detailedinfo {
	width: 78%;
	float: right;
}
#basicinfo h4 {
	font-size: 135%;
	font-weight: 100;
	line-height: 105%;
	white-space: pre-wrap; /* css-2.1 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	overflow: hidden;
}
#basicinfo h4 span.position {
	font-size: 80%;
	font-weight: 100;
	display: block;
}
#basicinfo img.avatar {
	display: block;
	margin: 10px 0 0 0;
}
#basicinfo ul {
	list-style-type: none;
	margin: 10px 0 0 0;
}
#basicinfo ul li {
	display: block;
	float: left;
	margin-right: 5px;
	height: 20px;
}
#basicinfo span#userstatus {
	display: block;
	clear: both;
}
#basicinfo span#userstatus img {
	vertical-align: middle;
}
#detailedinfo div.content dl, #tracking div.content dl {
	clear: right;
	overflow: auto;
	margin: 0 0 18px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #ccc;
}
#detailedinfo div.content dt, #tracking div.content dt {
	width: 30%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	clear: both;
}
#detailedinfo div.content dd, #tracking div.content dd {
	width: 70%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
}
#detailedinfo div.content dl.noborder {
	border-bottom: 0;
}
#detailedinfo div.content dt.clear {
	width: 100%;
}
.signature, .custom_fields_above_signature, .attachments {
	width: 98%;
	overflow: auto;
	clear: right;
	border-top: 1px solid #666;
}
.signature h5 {
	font-size: 100%;
	margin-bottom: 10px;
}
#personal_picture {
	display: block;
	margin-bottom: 0.3em;
}
#avatar_server_stored div {
	float: left;
}

#main_admsection #basicinfo, #main_admsection #detailedinfo {
	width: 100%;
}
#main_admsection #detailedinfo .content {
	border: none !important;
}
#main_admsection #basicinfo {
	border-bottom: 1px solid #ccc;
}
#main_admsection #basicinfo h4 {
	float: left;
}
#main_admsection #basicinfo img.avatar {
	float: right;
	vertical-align: top;
}
#main_admsection #basicinfo ul {
	clear: left;
	padding-top: 10px;
}
#main_admsection #basicinfo span#userstatus {
	clear: left;
}
#main_admsection #basicinfo p#infolinks {
	display: none;
	clear: both;
}
#main_admsection #basicinfo .botslice {
	clear: both;
}

/* Simple feedback messages */
div#profile_error, div#profile_success {
	margin: 0 0 1em 0;
	padding: 1em 2em;
	border: 1px solid;
}
div#profile_error {
	border-color: red;
	color: red;
	background: #fee;
}

div#profile_error span {
	text-decoration: underline;
}

div#profile_success {
	border-color: green;
	color: green;
	background: #efe;
}

/* Profile statistics */
#generalstats div.content dt {
	width: 50%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	clear: both;
}
#generalstats div.content dd {
	width: 50%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
}

/* Activity by time */
.activity_stats {
	margin: 0;
	padding: 0;
	list-style: none;
}
.activity_stats li {
	width: 4.16%;
	float: left;
}
.activity_stats li span {
	display: block;
	border: solid #000;
	border-width: 1px 1px 0 0;
	text-align: center;
}
.activity_stats li.last span {
	border-right: none;
}
.activity_stats li div.bar {
	margin: 0 auto;
	width: 15px;
}
.activity_stats li div.bar div {
	background: #6294CE;
}
.activity_stats li div.bar span {
	position: absolute;
	top: -1000em;
	left: -1000em;
}

/* Most popular boards by posts and activity */
#popularposts {
	width: 50%;
	float: left;
}
#popularactivity {
	width: 50%;
	float: right;
}

#popularposts div.content dt, #popularactivity div.content dt {
	width: 65%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	clear: both;
}
#popularposts div.content dd, #popularactivity div.content dd {
	width: 35%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
}

.profile_pie {
	background-image: url(../images/stats_pie.png);
	float: left;
	height: 20px;
	width: 20px;
	margin: 0 1em 0 0;
	padding: 0;
	text-indent: -1000em;
}

/* View posts */
.time {
	float: right;
}
.counter {
	margin: 0 0 0 0;
	padding: 0.2em 0.5em 0.1em 0.2em;
	font-size: 2.2em;
	font-weight: bold;
	color: #354c5f;
	float: left;
}
.list_posts {
	border-top: 1px solid #adadad;
	padding-top: 1em;
	margin-top: 0.5em;
}
div.core_posts {
	border: 1px solid #adadad;
	margin-bottom: 3px;
}
div.core_posts div.content {
	background: none;
	border: none;
}
.topic h4 {
	margin: 3px 0;
}

.mod_icons {
	text-align: right;
	margin-right: 1em;
}

#permissions dt {
	width: 48%;
	float: left;
	line-height: 1.2em;
	margin: 0;
	padding: 1%;
	clear: both;
	border-top: 1px solid #fff;
}

#permissions dd {
	width: 48%;
	float: left;
	margin: 0;
	padding: 1%;
	border-top: 1px solid #fff;
}

#tracking div.content dl {
	border-bottom: 0;
	margin: 0;
	padding: 0;
}

#creator dl {
	margin: 0;
}
#creator dt {
	width: 40%;
	float: left;
	clear: both;
	margin: 0 0 10px 0;
}
#creator dd {
	float: left;
	width: 60%;
	margin: 0 0 10px 0;
}

.ignoreboards {
	margin: 0;
	padding: 0;
	width: 49%;
	overflow: auto;
}
.ignoreboards a {
	text-decoration: underline;
}
.ignoreboards ul {
	overflow: auto;
	margin: 0 0 0 1em;
	padding: 0;
}
.ignoreboards li {
	list-style: none;
	float: left;
	clear: both;
}

#theme_settings {
	overflow: auto;
	margin: 0;
	padding: 0;
}

#theme_settings li {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
/*Paid Subscriptions*/
#paid_subscription {
	width: 100%;
}
#paid_subscription dl.settings {
	margin-bottom: 0;
}
#paid_subscription dl.settings dd, #paid_subscription dl.settings dt {
	margin-bottom: 4px;
}
/*pick theme*/
#pick_theme {
	width: 100%;
	float: left;
}

/* Styles for the statistics center.
------------------------------------------------- */
#statistics {
	padding-bottom: 0.5em;
}
#statistics h4.titlebg {
	text-align: center;
	margin-bottom: 5px;
}
#stats_left, #top_posters, #top_topics_replies, #top_topics_starter {
	float: left;
	width: 49.5%;
}
#stats_right, #top_boards, #top_topics_views, #most_online {
	float: right;
	width: 49.5%;
}
dl.stats {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
dl.stats dt {
	width: 49%;
	float: left;
	margin: 0 0 4px 0;
	line-height: 16px;
	padding: 0;
	clear: both;
	font-size: 1em;
}
dl.stats dd {
	text-align: right;
	width: 50%;
	font-size: 1em;
	float: right;
	margin: 0 0 4px 0;
	line-height: 16px;
	padding: 0;
}
.stats_bar {
	float: left;
	background-image: url(../images/bar_stats.png);
	height: 16px;
	font-size: 0.9em;
	display: block;
	text-align: left;
	color: #fff;
	font-weight: bold;
	background-position: top center;
}
.stats_bar span {
	padding-left: 2px;
}

/* Styles for the personal messages section.
------------------------------------------------- */

#personal_messages {
	padding: 1px;
}
#personal_messages #top_subject {
	padding-left: 11.75em !important;
}
#personal_messages div.labels {
	padding: 0 1em 0 0;
}
#personal_messages .capacity_bar {
	background: #fff;
	border: 1px solid #000;
	height: 7px;
	width: 75%;
	margin: 0 auto;
}
#personal_messages .capacity_bar div {
	border: none;
	height: 7px;
}
#personal_messages .capacity_bar div.empty {
	background: #468008;
}
#personal_messages .capacity_bar div.filled {
	background: #EEA800;
}
#personal_messages .capacity_bar div.full {
	background: #A53D05;
}
#personal_messages .reportlinks {
	padding: 0.5em 1.3em;
}

/* Styles for the calendar section.
------------------------------------------------- */
.calendar_table {
	margin-bottom: 0.7em;
}

/* Used to indicate the current day in the grid. */
.calendar_today {
	background-color: #fff;
}

#month_grid {
	width: 200px;
	text-align: center;
	float: left;
}

#month_grid table {
	width: 200px;
	border-collapse: collapse;
	border: 1px solid #adadad;
}

#month_grid table td, #month_grid table th {
	border: 1px solid #adadad;
}

#main_grid table {
	width: 100%;
	padding-bottom: 4px;
	border-collapse: collapse;
	border: 1px solid #adadad;
}

#main_grid table td, #main_grid table th {
	border: 1px solid #adadad;
}

#main_grid table h3.catbg {
	text-align: center;

	border-top: 1px solid #adadad;
	border-bottom: none;
}

#main_grid table h4 {
	border: none;
}

#main_grid table.weeklist td.windowbg {
	text-align: center;
	height: 49px;
	width: 25px;
	font-size: large;
	padding: 0 7px;
	border-bottom: 1px solid #adadad;
}

#main_grid table.weeklist td.weekdays {
	height: 49px;
	width: 100%;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
	border-right: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
}

#main_grid h3.weekly {
	text-align: center;
	padding-left: 0;
	font-size: large;
	height: 29px;
}

#main_grid h3 span.floatleft, #main_grid h3 span.floatright {
	display: block;

}

#main_grid table th.days {
	width: 14%;
}

#main_grid table td.weeks {
	vertical-align: middle;
	text-align: center;
}

#main_grid table td.days {
	vertical-align: top;

}

a.modify_event {
	color: red;
}

span.hidelink {
	font-style: italic;
}

#calendar_navigation {
	text-align: center;
}

#calendar .buttonlist_bottom {
	border-bottom: 1px solid #adadad;
	padding: 0 0 0 1ex;
	margin: 0 0 1ex 0;
}

/* Styles for the memberlist section.
------------------------------------------------- */
#mlist_search {
	margin: auto;
	width: 500px;
}
span.memberstatsbar, span.memberstatsbar span {
	height: 1.1em;
	display: block;
}
span.memberstatsbar {
	background: #fff;
	border: 1px solid #888;
}
span.memberstatsbar span {
	background: #fe9540;
}

/* Styles for the basic search section.
------------------------------------------------- */
#simple_search p {
	padding: 0.5em;
}
#simple_search, #simple_search p, #advanced_search {
	text-align: center !important;
	margin: 0;
}
#search_error {
	font-style: italic;
	padding: 0.3em 1em;
}
#search_term_input {
	font-size: 115%;
	margin: 0 0 1em;
}

/* Styles for the advanced search section.
------------------------------------------------- */
#searchform fieldset {
	text-align: left;
	padding: 0;
	margin: 0.5em 0;
	border: none;
}
#advanced_search dl#search_options {
	margin: 0 auto;
	width: 600px;
	padding-top: 1em;
	overflow: hidden;
}
#advanced_search dt {
	clear: both;
	float: left;
	padding: 0.2em;
	text-align: right;
	width: 20%;
}
#advanced_search dd {
	width: 75%;
	float: left;
	padding: 0.2em;
	margin: 0 0 0 0.5em;
	text-align: left;
}
#searchform p.clear {
	clear: both;
}

/* Boards picker */
#searchform fieldset div#searchBoardsExpand ul {
	overflow: auto;
	margin: 0 0 0 1em;
	padding: 0;
	width: 48%;
}
#searchform fieldset div#searchBoardsExpand ul ul {
	width: auto;
}
#searchform fieldset div#searchBoardsExpand a {
	text-decoration: underline;
}
#searchform fieldset div#searchBoardsExpand li {
	list-style: none;
	float: left;
	clear: both;
}
#searchform fieldset p {
	padding: 4px;
	text-align: left;
	margin-top: 5px;
}

/* Styles for the search results page.
------------------------------------------------- */
.pagelinks {
	padding: 0.5em;
}
.topic_table td blockquote, .topic_table td .quoteheader {
	margin: 0.5em;
}
.search_results_posts {
	overflow: hidden;
}
.search_results_posts .inner {
	padding: 0.5em 1em;
	overflow: hidden;
}
.search_results_posts .windowbg2 {
	margin-top: 4px;
}
.search_results_posts .buttons {
	padding: 5px 1em 0 0;
}

/* Styles for the help section.
------------------------------------------------- */

#helpmain {
	padding: 1em;
	border: 1px solid #696969;
}

/* Samples should be easily distinguishable. */
#helpmain .help_sample {
	border: 1px solid #99a;
	background: #fff;
	padding: 1em;
	overflow: auto;
	margin-bottom: 1em;
}
#helpmain .help_sample .linktree {
	font-weight: bold;
}

/* We need some air between the lines */
#helpmain p {
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
}

#helpmain ol {
	font-weight: bold;
	list-style-type: disc;
	margin-bottom: 1em;
	margin-top: 1em;
	line-height: 1.5em;
}
#helpmain ol.la {
	font-weight: normal;
	list-style-type: circle;
	margin: 0.5em 0 1em 0;
	padding-left: 1.5em;
}

ul.basic_helplist {
	padding: 0.8em 1.5em;
	line-height: 1.5em;
}
#helpmain .boardsframe p {
	margin: 0;
}
#helpmain #messageindex {
	clear: right;
}

/* ...but leave the tab strips alone! */
#helpmain .buttonlist_bottom ul, #helpmain .buttonlist ul {
	margin: 0 !important;
	padding: 0 0 0 1em !important;
}

#helpmain .buttonlist_bottom ul li, #helpmain .buttonlist ul li {
	margin: 0 0.2em 0 0 !important;
	padding: 0 !important;
}