comparison forum/Themes/default/css/compat.css @ 76:e3e11437ecea website

Add forum code

+/**************************************************************************************************
+  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.gif);
+	background-repeat: no-repeat;
+	background-position: 98% 4px;
+}
+.topic_table td.lockedbg2
+{
+	background-image: url(../images/icons/quick_lock.gif);
+	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;
+}