Thread Posting Container

artsymink
New Member
Posts: 5
Thread Posting Container May 15, 2019 14:25:36 GMT -8
Post by artsymink on May 15, 2019 14:25:36 GMT -8

Hellooo, I hope this is the right place to put this but I'm doing a site and when I'm making the thread, in the editing section it's a different color then when it's posted.
See when I edit, that's the color of it but when it's posted the containers look like this.
I at least would like to know where I should be looking to find the code to change these thread containers.

Thaaank you <3
Retread
Veteran
Tribbial Pursuit.
Posts: 5,014
Thread Posting Container May 15, 2019 15:05:57 GMT -8
Post by Retread on May 15, 2019 15:05:57 GMT -8

May 15, 2019 14:25:36 GMT -8 artsymink said:
I at least would like to know where I should be looking to find the code to change these thread containers.
From your Admin panel, navigate:

Admin Home> Themes> Advanced Styles & CSS> stay in the Visual Editor tab.

In the display on the right side (if you're on a widescreen) or at the bottom (if you're on a narrow screen), navigate through the forum to a thread. This will allow you to see the results of the changes you make on the left side.

On the left side, look for the section: Pages
Click on Threads (Post Lists) (that section expands)
Click on Posts (that section expands)
Click on Odd-Numbered Coloring(that section expands)

You can select the background color of the odd-numbered posts there. If you want to change the text color, click on Text (that section expands) and you can select the text color.

Do the same for Even-Numbered Coloring

Be sure to click the Save Changes button at the bottom of the page or Save Theme button near the top.
If you want to change the background color of the editor, that's a little farther down the page in the section Editors, there are separate controls for the Preview editor and BBCode editor.

Let me know if that gets you where you need to go.
I'm not an expert, I'm one of your peers. A forum owner, just like you. Sharing knowledge builds a better community.
Proud Member of
Guitarnutz2
artsymink
New Member
Posts: 5
Thread Posting Container May 15, 2019 15:46:09 GMT -8
Post by artsymink on May 15, 2019 15:46:09 GMT -8

May 15, 2019 15:05:57 GMT -8 Retread said:
May 15, 2019 14:25:36 GMT -8 artsymink said:
I at least would like to know where I should be looking to find the code to change these thread containers.
From your Admin panel, navigate:

Admin Home> Themes> Advanced Styles & CSS> stay in the Visual Editor tab.

In the display on the right side (if you're on a widescreen) or at the bottom (if you're on a narrow screen), navigate through the forum to a thread. This will allow you to see the results of the changes you make on the left side.

On the left side, look for the section: Pages
Click on Threads (Post Lists) (that section expands)
Click on Posts (that section expands)
Click on Odd-Numbered Coloring(that section expands)

You can select the background color of the odd-numbered posts there. If you want to change the text color, click on Text (that section expands) and you can select the text color.

Do the same for Even-Numbered Coloring

Be sure to click the Save Changes button at the bottom of the page or Save Theme button near the top.
If you want to change the background color of the editor, that's a little farther down the page in the section Editors, there are separate controls for the Preview editor and BBCode editor.

Let me know if that gets you where you need to go.
AHH! Thank you so much for replying. I appreciate it.

I went and tried what you asked and it only changed like a border behind the grey box for some reason.
The red is what was changed. o:
Former Member Posts: 0 Former Member inherit guest@proboards.com 256583 0 Apr 20, 2024 5:31:43 GMT -8 Former Member 0 January 1970 Former Member	Thread Posting Container May 15, 2019 16:15:57 GMT -8 Retread likes this Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Former Member on May 15, 2019 16:15:57 GMT -8 artsymink, can you post a link to the forum in question so I can look at it?
Retread
Veteran
Tribbial Pursuit.
Posts: 5,014
Thread Posting Container May 15, 2019 16:37:13 GMT -8
Post by Retread on May 15, 2019 16:37:13 GMT -8

May 15, 2019 15:46:09 GMT -8 artsymink said:
it only changed like a border behind the grey box for some reason.
I tend to think the reason might be that someone has specified the background-color for .posts .post .content, farther down in the Style Sheet.

Did you create this theme or did you download it from the library? If from the library, can you give me a link to the theme?

If you created it yourself, can you post the entire contents of your style sheet in this thread? (surround the contents with spoiler and code tags, like this:
[spoiler][code]

*Contents of Style Sheet*

[/code][/spoiler]
I'm not an expert, I'm one of your peers. A forum owner, just like you. Sharing knowledge builds a better community.
Proud Member of
Guitarnutz2
artsymink
New Member
Posts: 5
Thread Posting Container May 15, 2019 16:46:22 GMT -8 Retread likes this
Post by artsymink on May 15, 2019 16:46:22 GMT -8

May 15, 2019 16:15:57 GMT -8 @kelvin said:
artsymink , can you post a link to the forum in question so I can look at it?
Oh right! I meant to post it before but forgot.

clash-of-fates.boards.net/

(edit)

this is the theme I used it from.

adoxographyv2.boards.net/thread/164/purple-dream

I managed to change majority of the grey but just not that area.
Retread
Last Edit: May 15, 2019 16:48:53 GMT -8 by artsymink
Retread
Veteran
Tribbial Pursuit.
Posts: 5,014
Thread Posting Container May 15, 2019 17:18:42 GMT -8 artsymink likes this
Post by Retread on May 15, 2019 17:18:42 GMT -8

May 15, 2019 16:46:22 GMT -8 artsymink said:
this is the theme I used it from.

adoxographyv2.boards.net/thread/164/purple-dream
I recognized the name from the Theme Library. It's also located here:

www.proboards.com/library/themes/item/1266

I didn't find what I expected was causing the problem on the Style Sheet. It turns out, the theme author used inline styling in the layout template for Thread (Post List tab)

At line 9, you'll see this:
You can change the background color there from #3838383 to whatever you want.

Or you can remove the background-color:#383838; entirely and it should respond properly to the Visual Editor.
I'm not an expert, I'm one of your peers. A forum owner, just like you. Sharing knowledge builds a better community.
Proud Member of
Guitarnutz2
artsymink
New Member
Posts: 5
Thread Posting Container May 15, 2019 17:50:03 GMT -8
Post by artsymink on May 15, 2019 17:50:03 GMT -8

SPOILER: Click to show


@empty: ~"";

.rounded-corners(@a, @b, @c, @d) {
	border-radius: @arguments;
	-moz-border-radius: @arguments;
	-webkit-border-radius: @arguments;
}

.rounded-corners(@a, @b, @c) {
	border-radius: @arguments;
	-moz-border-radius: @arguments;
	-webkit-border-radius: @arguments;
}

.rounded-corners(@a, @b) {
	border-radius: @arguments;
	-moz-border-radius: @arguments;
	-webkit-border-radius: @arguments;
}

.rounded-corners(@a: 5px) {
	border-radius: @arguments;
	-moz-border-radius: @arguments;
	-webkit-border-radius: @arguments;
}

.box-shadow(@h-shadow: 2px, @v-shadow: 2px, @blur: 2px, @box-shadow-color: #333333) {
	box-shadow: @arguments; 
	-moz-box-shadow: @arguments; 
	-webkit-box-shadow: @arguments;
}

.box-sizing(@box-model: border-box) {
	box-sizing: @arguments; 
	-moz-box-sizing: @arguments; 
	-webkit-box-sizing: @arguments;
	-ms-box-sizing: @arguments;
}

.hsla-bgcolor-safe(transparent, @alpha) {
	background-color: transparent;
}

.hsla-bgcolor-safe(@color, @alpha) when (iscolor(@color)) {
	background-color: @color;
	background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
}

/* Required for proper functioning of the Colors & Theme Creator */
@banner_height: 440px;
@banner_background_color: #181818;
@banner_background_image: url('https://cdn.discordapp.com/attachments/276916118948544514/577758228297941023/unknown.png');
@banner_background_position: left center;
@banner_text_color: #ffffff;
@banner_text_align: left;
@wrapper_width: 900px;
@all_gradients: url('http://images.proboards.com/v5/gradients/wave.png');
@body_background_image: url('https://cdn.discordapp.com/attachments/488194063217197085/577744240206020618/unknown.png');

@body_background_color: #aaaaaa;
@default_forum_text_color: #494949;
@link_color: #ece2c8;
@link_visited_color: #ECE2C8;

@title_bar_background_color: #111111;
@title_text_color: #ffffff;
@title_buttons_background_color: #270a0d;
@title_buttons_color: #ffdf2a;

@buttons_background_color: #111111;
@buttons_text_color: #d8d8d8;

@container_background_color_1: #5e111d;
@container_text_color_1: #d8d8d8;
@container_background_color_2: #5e111d;
@container_text_color_2: #d8d8d8;
@container_links_color: #ECE2C8;
@container_highlight_color: #371419;
@container_outer_border_color: #111111;
@container_inner_border_color: #371419;

@pagination_background_color: #140d0e;
@pagination_text_color: #ece2c8;
@pagination_hover_color: #d8d8d8;
/* End required for proper functioning of the Colors & Theme Creator */


/**************************************************************************
 *                             Global Styles                              *
 **************************************************************************/

/* Common Elements and Classes */
@body_background_attachment: @empty;
@body_background_repeat: @empty;
@body_background_position: @empty;
@default_forum_text_font_style: @empty;
@default_forum_text_font_weight: @empty;
@default_forum_text_font_size: 10pt;
@default_forum_text_font_family: Verdana,Arial;
@default_forum_text_decoration: none;
@default_forum_text_case: none;
@default_forum_text_caps: normal;
@bold_weight: 700;
@bold_size: @empty;
@italic_style: italic;
@link_font: 100% @default_forum_text_font_family;
@link_decoration: none;
@link_active_color: #ECE2C8;
@link_active_decoration: @link_decoration;
@link_visited_decoration: @link_decoration;
@link_hover_color: #ECE2C8;
@link_hover_decoration: @link_decoration;
@h2_color: #d8d8d8;
@h2_font: 100% @default_forum_text_font_family;
@h2_decoration: @empty;
@h2_case: @empty;
@h2_caps: @empty;
@h3_color: @empty;
@h3_font: 140% @default_forum_text_font_family;
@h3_decoration: @empty;
@h3_case: @empty;
@h3_caps: @empty;
@timestamp_color: lighten(@default_forum_text_color, 15%);
@timestamp_font: italic 85% @default_forum_text_font_family;
@description_color: @empty;
@description_font: italic 85% @default_forum_text_font_family;
@viewing_color: @empty;
@viewing_font: 75% @default_forum_text_font_family;
@small_desc_color: lighten(@default_forum_text_color, 15%);
@small_desc_font: 70% @default_forum_text_font_family;
@shadow_color: #333333;
* { word-wrap: break-word; }
body { background-color: @body_background_color; background-image: @body_background_image; background-attachment: @body_background_attachment; background-repeat: @body_background_repeat; background-position: @body_background_position; line-height: 1.2; color: @default_forum_text_color; font-style: @default_forum_text_font_style; font-weight: @default_forum_text_font_weight; font-size: @default_forum_text_font_size; font-family: @default_forum_text_font_family; text-decoration: @default_forum_text_decoration; text-transform: @default_forum_text_case; font-variant: @default_forum_text_caps; }
#wrapper { width: @wrapper_width; margin: 0 auto; overflow-x: hidden; }
table { table-layout: fixed; }
a { cursor: pointer; color: @link_color; font: @link_font; text-decoration: @link_decoration; }
:visited { color: @link_visited_color; text-decoration: @link_visited_decoration; }
a:hover { color: @link_hover_color; text-decoration: @link_hover_decoration; }
a:active { color: @link_active_color; text-decoration: @link_active_decoration; }
a.text { cursor: default; }
h1, h2 { color: @h2_color; font: @h2_font; text-decoration: @h2_decoration; text-transform: @h2_case; font-variant: @h2_caps; }
h3 { color: @h3_color; font: @h3_font; text-decoration: @h3_decoration; text-transform: @h3_case; font-variant: @h3_caps; }
abbr.time, .last-edited, #event_range .time { color: @timestamp_color; font: @timestamp_font; }
abbr.time.recent_time { font-weight: bold; font-style: normal; }
blockquote { display: block; margin: 15px 40px; }
sub, sup { font-size: 80%; }
.bold, b { font-weight: @bold_weight; font-size: @bold_size; }
.italic { font-style: @italic_style; }
.description { color: @description_color; font: @description_font; }
.viewing { color: @viewing_color; font: @viewing_font; }
.small { font: @small_desc_font; vertical-align: middle; }
.note { color: @small_desc_color; }
.placeholder, .placeholder-empty { color: #888888; }
.foot abbr.time, .small abbr.time { font-size: 100%; }
.pointer { cursor: pointer; }
.border-round { border-width: 1px; border-style: solid; border-color: @container_inner_border_color; .rounded-corners(); }
.clear { clear: both; }
.float-right { float: right; }
.float-left { float: left; }
.hide, .spoiler { display: none; }
.absolute-hide { display: none; position: absolute; }
.block-item { display: block; }
.center { text-align: center; }
.no-right-margin { margin-right: 0px; }
.valigntt { vertical-align: text-top; }
.auto-overflow { overflow: auto; } 
.inline-block { display: inline-block; }
.break-word { word-wrap: break-word; }
.nowrap { white-space: nowrap; }
.aria-hidden { width: 1px; height: 1px; overflow: hidden; text-indent: -1000px; position: absolute; top: 0; left: 0; display: block; }
.wysiwyg-textarea { width: 100%; height: 200px; }
.post-options, .message-options { display: none; }
.options_menu { max-width: 190px; }
.posting-options-list.options_menu { max-width: 100%; }
.options_menu li { height: 28px; }
.options_menu a { height: 20px; line-height: 20px !important; }
.options_menu hr { color: #AAAAAA; background-color: #AAAAAA; height: 1px; border: none; }
.controls .checkbox { display: none; }
.clickable { cursor: pointer; }

/* Generic Padding Classes */
.pad-all-thin { padding: 3px !important; }
.pad-all { padding: 5px !important; }
.pad-all-double { padding: 10px !important; }
.pad-all-thick { padding: 20px !important; }
.pad-sides-thin { padding: 0px 3px !important; }
.pad-sides { padding: 0px 5px !important; }
.pad-sides-double { padding: 0px 10px !important; }
.pad-sides-thick { padding: 0px 20px !important; }
.pad-top-bottom-thin { padding: 3px 0px !important; }
.pad-top-bottom { padding: 5px 0px !important; }
.pad-top-bottom-double { padding: 10px 0px !important; }
.pad-top-bottom-thick { padding: 20px 0px !important; }
.pad-top-thin { padding-top: 3px !important; }
.pad-top { padding-top: 5px !important; }
.pad-top-double { padding-top: 10px !important; }
.pad-top-thick { padding-top: 20px !important; }
.pad-right-thin { padding-right: 3px !important; }
.pad-right { padding-right: 5px !important; }
.pad-right-double { padding-right: 10px !important; }
.pad-right-thick { padding-right: 20px !important; }
.pad-bottom-thin { padding-bottom: 3px !important; }
.pad-bottom { padding-bottom: 5px !important; }
.pad-bottom-double { padding-bottom: 10px !important; }
.pad-bottom-thick { padding-bottom: 20px !important; }
.pad-left-thin { padding-left: 3px !important; }
.pad-left { padding-left: 5px !important; }
.pad-left-double { padding-left: 10px !important; }
.pad-left-thick { padding-left: 20px !important; }
.pad-all-sides-thick { padding: 5px 20px !important; }

/* Status Text */
@status_text_success_color: @container_text_color_1;
@status_text_failure_color: @container_text_color_1;
.saved { color: @status_text_success_color; }
.status-box { font-weight: 800; margin-left: 5px; .rounded-corners(); padding: 1px 5px; }
.status-box.error { background-color: @container_background_color_1; }
.status-box.saved { background-color: @container_background_color_1; }
.error { color: @status_text_failure_color; }
.flood-control { padding: 5px; color: @status_text_failure_color; }
.posting-errors { padding: 5px; color: @status_text_failure_color; }
.noscript-form-error { color: @status_text_failure_color; background: @container_background_color_1; font-weight: 800; .rounded-corners(); padding: 5px; margin: 0 0 10px 0; }
.ui-form-error { display: none; position: absolute; z-index: 9000; color: @container_text_color_1; border: 2px solid @status_text_failure_color; padding: 4px; font-size: 80%; background-color: @container_background_color_1; }
input.ui-error { background-color: @container_background_color_1; color: @status_text_failure_color; padding: 2px; }
.shoutbox_error { color: @status_text_failure_color; }


/* Header */
@banner_background_repeat: repeat;
@banner_text_font: normal normal bold 30px "Trebuchet MS", Verdana, Arial;
@banner_text_decoration: none;
@banner_text_case: none;
@banner_text_caps: normal;
@banner_text_shadow: 2px 2px 2px @shadow_color;
header { width: 940px; display: block; position: relative;}
#banner-container { display: table; width: 99%; }
#banner { display: table-cell; height: @banner_height; background-color: @banner_background_color; background-image: @banner_background_image; background-position: @banner_background_position; background-repeat: @banner_background_repeat; vertical-align: middle; padding: 0px 20px; text-align: @banner_text_align; overflow: hidden; border-radius: 100px 100px 0 0; -moz-border-radius: 100px 100px 0 0; -webkit-border-radius: 0px 0px 0 0; border-left: 10px solid #0a0a0a;border-top: 10px solid #0a0a0a;border-right: 10px solid #0a0a0a; }
a#logo { vertical-align: middle; color: @banner_text_color; text-shadow: @banner_text_shadow; text-decoration: @banner_text_decoration; font: @banner_text_font; font-variant: @banner_text_caps; text-transform: @banner_text_case; white-space: normal; word-break: break-all; }
a#logo:hover { color: @banner_text_color !important; text-decoration: @banner_text_decoration !important; }

/* Welcome Text / Login / Logout Links */
@welcome_text_color: #d8d8d8;
@welcome_text_font: 1em "Trebuchet MS", Verdana, Arial;
@welcome_text_shadow: none;
@welcome_links_color: #ECE2C8;
@welcome_links_font: @welcome_text_font;
@welcome_links_decoration: underline;
@welcome_links_shadow: 0 0 2px #000000;
#welcome { text-align: right; color: @welcome_text_color; font: @welcome_text_font; text-shadow: @welcome_text_shadow; float: right; vertical-align: middle; line-height: 31px !important; }
#welcome a { color: @welcome_links_color; text-decoration: @welcome_links_decoration; text-shadow: @welcome_links_shadow; font: @welcome_links_font; }

/* Navigation Menu */
@nav_bar_background: #140D0E left center repeat-x scroll;
@nav_bar_border: 0px solid #000000;
@nav_bar_border_radius: 0 0 0 0;
@nav_bar_button_color: #ECE2C8;
@nav_bar_button_font: 1em "Trebuchet MS", Verdana, Arial;
@nav_bar_button_decoration: none;
@nav_bar_button_shadow: 0 0 2px #000000;
@nav_bar_button_background: @empty;
@nav_bar_button_hover_color: #d8d8d8;
@nav_bar_button_hover_font: @nav_bar_button_font;
@nav_bar_button_hover_decoration: @nav_bar_button_decoration;
@nav_bar_button_hover_shadow: @nav_bar_button_shadow;
@nav_bar_button_hover_background: @nav_bar_button_background;
@nav_bar_button_current_color: @title_buttons_color;
@nav_bar_button_current_font: @nav_bar_button_font;
@nav_bar_button_current_decoration: @nav_bar_button_decoration;
@nav_bar_button_current_shadow: @nav_bar_button_shadow;
@nav_bar_button_current_background: center repeat-x scroll;
@nav_bar_bubble_text_color: #000000;
@nav_bar_bubble_font: .8em "Trebuchet MS", Verdana, Arial;
@nav_bar_bubble_background: #d8d8d8;
@nav_bar_bubble_border_radius: 0px;
#navigation-menu { padding: 0 8px; background: @nav_bar_background; border: @nav_bar_border; .rounded-corners(@nav_bar_border_radius); }
#navigation-menu a { position: relative; }
#navigation-menu > ul, #navigation-menu > ul li { float: left; }
#navigation-menu > ul li a { display: inline-block; padding: 0 .75em; color: @nav_bar_button_color; font: @nav_bar_button_font; text-decoration: @nav_bar_button_decoration; text-shadow: @nav_bar_button_shadow; background: @nav_bar_button_background; line-height: 31px !important; }
#navigation-menu > ul li:hover a { color: @nav_bar_button_hover_color !important; font: @nav_bar_button_hover_font; text-decoration: @nav_bar_button_hover_decoration !important; text-shadow: @nav_bar_button_hover_shadow; background: @nav_bar_button_hover_background; line-height: 31px !important; }
#navigation-menu > ul li a.state-active { color: @nav_bar_button_current_color !important; font: @nav_bar_button_current_font; text-decoration: @nav_bar_button_current_decoration !important; text-shadow: @nav_bar_button_current_shadow; background: @nav_bar_button_current_background; line-height: 31px !important; }
#navigation-menu div.tip-holder { position: absolute; top: -8px; right: 3px; display: inline-block; }
#navigation-menu div.tip-holder div.tip-number { padding: 3px 7px 2px 7px; background-color: @nav_bar_bubble_background; font: @nav_bar_bubble_font; line-height: .8em; text-shadow: none; height: .8em; color: @nav_bar_bubble_text_color; }
#navigation-menu div.tip-holder span.tip { border-top: 4px solid @nav_bar_bubble_background; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; left: 6px; }

/* Navigation Tree + Participated Button + News Bar */
@nav_tree_color: #d8d8d8;
@nav_tree_font: .8em @default_forum_text_font_family;
@nav_tree_decoration: none;
@nav_tree_background_color: #111111;
@nav_tree_border_width: 1px;
@nav_tree_border_style: solid;
@nav_tree_border_color: #050505;
@nav_tree_border_radius: 0 0 0 0;
@nav_tree_hover_color: #ECE2C8;
@nav_tree_hover_font: @nav_tree_font;
@nav_tree_hover_decoration: none;
@nav_tree_hover_background_color: #111111;
.recent-threads-button, #navigation-tree { color: @nav_tree_color; border-width: @nav_tree_border_width; border-style: @nav_tree_border_style; border-color: @nav_tree_border_color; background: @nav_tree_background_color; margin-top:10px; margin-bottom: 10px; height: 20px; .rounded-corners(@nav_tree_border_radius); }
.recent-threads-button.new .new-icon { display: inline-block; }
#navigation-tree { overflow: hidden; }
#nav-tree { white-space: nowrap; }
.popup_html { position: absolute; top: 0; left: 0; z-index: 999999; }
#nav-tree ul { display: none; list-style-type: none; border-width: @nav_tree_border_width; border-style: @nav_tree_border_style; border-color: @nav_tree_border_color; background-color: @nav_tree_background_color; .box-shadow(); }
#nav-tree > li { display: inline-block; position: relative; height: 20px; }
#nav-tree > li a { font: @nav_tree_font; color: @nav_tree_color; text-decoration: @nav_tree_decoration; display: block; padding: 4px 10px 4px 15px; margin: 0 1px 0 5px; }
#nav-tree > li:hover, #nav-tree .ui-menu li:hover { color: @nav_tree_hover_color; background-color: @nav_tree_hover_background_color;  }
#nav-tree > li:hover > div > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
#nav-tree .ui-menu li:hover > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
#nav-tree > li:first-child { .rounded-corners(@nav_tree_border_radius, 0, 0, @nav_tree_border_radius); }
#nav-tree > li:first-child a { margin-left: -2px; }
#nav-tree .ui-menu { display: none; position: absolute; float: left; }
#nav-tree .ui-menu a { .rounded-corners(0px); }
#nav-tree .ui-menu li { position: relative; white-space: nowrap; padding: 2px 10px 2px 5px; }
#nav-tree .ui-menu li ul { display: none; z-index: 9999; position: absolute; }
#nav-tree .ui-menu li .arrow { position: absolute; right: 2px; top: 50%; width: 16px; height: 16px; margin-top: -8px; display: none; }
#nav-tree .ui-menu li.ui-menu-has-sub-menu > .arrow { display: block; }
#nav-tree li.new_span > a > .new-icon { float: none; display: inline-block; }
#nav-tree li.state-selected > a { font-weight: bold !important; }
#nav-tree .menu_arrow { width: 0; height: 0; position: absolute; top: 0px; right: -10px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_border_color; z-index: 1001; }
#nav-tree .menu_arrow span { width: 0; height: 0; position: absolute; top: -10px; left: -11px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_background_color; z-index: 1002; }
#nav-tree > li:hover .menu_arrow { border-color: transparent transparent transparent @nav_tree_border_color; }
#nav-tree > li:hover .menu_arrow span { border-color: transparent transparent transparent @nav_tree_hover_background_color; }
.popup_html ul { display: none; list-style-type: none; border: @nav_tree_border_width @nav_tree_border_style @nav_tree_border_color; background-color: @nav_tree_background_color; .box-shadow(); }
.popup_html li a { font: @nav_tree_font; color: @nav_tree_color; text-decoration: @nav_tree_decoration; display: block; padding: 4px 10px 4px 15px; margin: 0 1px 0 5px; }
.popup_html li:hover, .popup_html .ui-menu li:hover { color: @nav_tree_hover_color; background-color: @nav_tree_hover_background_color;  }
.popup_html li:hover > div > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
.popup_html .ui-menu li:hover > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
.popup_html li { .rounded-corners(@nav_tree_border_radius, 0, 0, @nav_tree_border_radius); }
.popup_html li a { margin-left: -2px; }
.popup_html .ui-menu { display: none; position: absolute; float: left; z-index: 11; }
.popup_html .ui-menu a { .rounded-corners(0px); overflow: hidden; max-width: 550px; }
.popup_html .ui-menu li { position: relative; white-space: nowrap; padding: 2px 15px 2px 5px; }
.popup_html .ui-menu li ul { display: none; z-index: 9999; position: absolute; }
.popup_html .ui-menu li .arrow { position: absolute; right: 2px; top: 50%; width: 16px; height: 16px; margin-top: -8px; display: none; }
.popup_html .ui-menu li.ui-menu-has-sub-menu > .arrow { display: block; }
.popup_html li.new_span > a > .new-icon { float: none; display: inline-block; }
.popup_html li.state-selected > a { font-weight: bold !important; }
.popup_html .menu_arrow { width: 0; height: 0; position: absolute; top: 0px; right: -10px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_border_color; z-index: 1001; }
.popup_html .menu_arrow span { width: 0; height: 0; position: absolute; top: -10px; left: -11px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_background_color; z-index: 1002; }
.popup_html li:hover .menu_arrow { border-color: transparent transparent transparent @nav_tree_border_color; }
.popup_html li:hover .menu_arrow span { border-color: transparent transparent transparent @nav_tree_hover_background_color; }
/* Participated Button */
.recent-threads-button { font: @nav_tree_font; cursor: pointer; float: right; height: 14px; margin: 0 0 10px 10px; padding: 3px 6px 3px 6px; text-align: center; }
.recent-threads-button:hover { color: @nav_tree_hover_color; font: @nav_tree_hover_font; text-decoration: @nav_tree_hover_decoration; background-color: @nav_tree_hover_background_color; }
.recent-threads-button .new-icon { margin: 0px 5px 0px 0px; }
/* News Bar */
#news { color: @nav_tree_color; font: @nav_tree_font; text-decoration: @nav_tree_decoration; z-index: 9; height: 20px; font: @nav_tree_font; background-color: @nav_tree_background_color; overflow: hidden; margin: 0 auto 10px; border: @nav_tree_border_width @nav_tree_border_style @nav_tree_border_color; .rounded-corners(@nav_tree_border_radius); }
#news .items { height: 20px; position: relative; overflow: hidden; }
#news .items > div > div { padding: 0 10px; line-height: 20px !important; }
#news .items div img { vertical-align: text-bottom; }
#news .nav { float: left; background-position: center; }
#news .nav > span { border-width: 0px 1px 0px 0px; border-style: solid; border-color: transparent; cursor: default; float: left; display: inline-block; padding: 0 3px; height: 20px; }
#news .nav > span.title { text-align: center; display: inline-block; height: 20px; padding: 0px 6px; line-height: 20px !important; }
#news .nav .arrow.left { .rounded-corners(@nav_tree_border_radius, 0, 0, @nav_tree_border_radius); }
#news .nav .arrow.left span { border-right-color: @nav_tree_border_color; }
#news .nav .arrow.right span { border-left-color: @nav_tree_border_color; }
#news .nav:hover { background-color: @nav_tree_hover_background_color; }
#news .nav:hover > span { border: @nav_tree_border_width @nav_tree_border_style @nav_tree_border_color; border-width: 0px @nav_tree_border_width 0px 0px; }
#news .nav:hover .arrow { background-color: @nav_tree_hover_background_color; }

/* Participated Dialog */
@participated_background: @container_background_color_1;
@participated_inner_border: 1px solid @container_inner_border_color;
@participated_text_color: @container_text_color_1;
@participated_text_font: @empty;
@participated_links_color: @empty;
@participated_links_font: @empty;
@participated_links_decoration: @empty;
@participated_subject_align: left;
@participated_last_post_align: right;
@participated_hover_background: @container_highlight_color;
@participated_hover_text_color: @empty;
@participated_hover_text_font: @empty;
@participated_hover_links_color: @empty;
@participated_hover_links_font: @empty;
@participated_hover_links_decoration: @empty;
#recent-threads { background: @participated_background; color: @participated_text_color; font: @participated_text_font; }
#recent-threads a { color: @participated_links_color; font: @participated_links_font; text-decoration: @participated_links_decoration; }
#recent-threads th { border-bottom: 1px solid; }
#recent-threads .subject { text-align: @participated_subject_align; }
#recent-threads .latest { text-align: @participated_last_post_align; }
#recent-threads th, #recent-threads td { border: @participated_inner_border; border-top-width: 0px; border-left-width: 0px; }
#recent-threads tbody tr:hover { color: @participated_hover_text_color; font: @participated_hover_text_font; background: @participated_hover_background; }
#recent-threads tbody tr:hover a { color: @participated_hover_links_color; font: @participated_hover_links_font; text-decoration: @participated_hover_links_decoration; }

/* Selection Dialogs */
#thread_listing, #conversation_listing { padding: 0; }

/* CSS Arrows */
.arrow { position: relative; display: inline-block; width: 10px; height: 10px; z-index: 10; }
.arrow > span { content: ''; position: absolute; left: 50%; top: 50%; display: block; border-color: transparent; border-style: solid; border-width: 4px; height: 0; width: 0; }
.arrow.up > span { margin-left: -4px; margin-top: -6px; border-bottom-color: @container_text_color_1; }
.arrow.right > span { margin-left: -2px; margin-top: -4px; border-left-color: @container_text_color_1; }
.arrow.down > span { margin-left: -4px; margin-top: -2px; border-top-color: @container_text_color_1; }
.arrow.left > span { margin-left: -7px; margin-top: -4px; border-right-color: @container_text_color_1; }
.arrow.big > span { border-width: 5px; }
.arrow.big.up > span { margin-left: -5px; margin-top: -7px; }
.arrow.big.right > span { margin-top: -5px; }
.arrow.big.down > span { margin-left: -5px; }
.arrow.big.left > span { margin-left: -8px; margin-top: -5px; }

/* Containers and Dialogs */
@title_bar_background_image: none;
@title_bar_background_attachment: @empty;
@title_bar_background_repeat: repeat-x;
@title_bar_background_position: left center;
@title_bar_border: 1px solid #350008;
@title_bar_border_radius: 0 0 0 0;
@title_text_font: bold 100% @default_forum_text_font_family;
@title_text_decoration: @empty;
@title_text_transform: @empty;
@title_text_variant: @empty;
@title_text_align: @empty;
@title_text_shadow: @empty;
@title_buttons_background_image: @all_gradients;
@title_buttons_background_attachment: scroll;
@title_buttons_background_repeat: repeat-x;
@title_buttons_background_position: left center;
@title_buttons_font: 100% @default_forum_text_font_family;
@title_buttons_decoration: @empty;
@title_buttons_hover_background: @empty;
@title_buttons_hover_color: @title_buttons_color;
@title_buttons_hover_font: @title_buttons_font;
@title_buttons_hover_decoration: @title_buttons_decoration;
@content_background: #371419   scroll;
@content_border_width: 1px;
@content_border_style: solid;
@content_border_radius: 0 0 0 0;
@content_area_background: #140d0e   scroll;
@content_area_border: 1px solid #111111;
@content_area_border_radius: 0;
@content_area_text_color: #d8d8d8;
@content_area_text_font: @empty;
@content_area_links_font: @content_area_text_font;
@content_area_links_decoration: @empty;
@action_bar_background: #111111   scroll;
@action_bar_border: 0 solid #111111;
@action_bar_border_radius: @empty;
.container > .title-bar { background-color: @title_bar_background_color; background-image: @title_bar_background_image; background-attachment: @title_bar_background_attachment; background-repeat: @title_bar_background_repeat; background-position: @title_bar_background_position; border: @title_bar_border; .rounded-corners(@title_bar_border_radius); }
.ui-dialog .ui-dialog-titlebar { padding: .3em 1em; position: relative; background-color: @title_bar_background_color; background-image: @title_bar_background_image; background-attachment: @title_bar_background_attachment; background-repeat: @title_bar_background_repeat; background-position: @title_bar_background_position; border: @title_bar_border; .rounded-corners(@title_bar_border_radius); }
.ui-dialog .ui-dialog-title { color: @title_text_color; font: @title_text_font; text-decoration: @title_text_decoration; font-variant: @title_text_variant; text-transform: @title_text_transform; text-align: @title_text_align; text-shadow: @title_text_shadow; float: left; margin: .1em 16px .2em 0; }
.container > .title-bar h1, .container > .title-bar h2, .container > .title-bar h3 { color: @title_text_color; font: @title_text_font; text-decoration: @title_text_decoration; font-variant: @title_text_variant; text-transform: @title_text_transform; text-align: @title_text_align; text-shadow: @title_text_shadow; }
.container > .title-bar > .controls li a, .container > .title-bar > .controls li div { color: @title_buttons_color; background-color: @title_buttons_background_color; background-image: @title_buttons_background_image; background-attachment: @title_buttons_background_attachment; background-repeat: @title_buttons_background_repeat; background-position: @title_buttons_background_position; font: @title_buttons_font; text-decoration: @title_buttons_decoration; height: 30px; line-height: 30px !important; padding: 0 10px; }
.container > .title-bar > .controls:hover li a, .container > .title-bar > .controls:hover li div { color: @title_buttons_hover_color !important; background: @title_buttons_hover_background; font: @title_buttons_hover_font; text-decoration: @title_buttons_hover_decoration !important; }
.container > .content, .ui-dialog .ui-dialog-content, .ui-dialog .ui-dialog-buttonpane, .container.copy .clone { background: @content_background; border-width: @content_border_width; border-style: @content_border_style; border-color: @container_outer_border_color; border-top-width: 0px; padding: 0px; .rounded-corners(@content_border_radius); }
.content-box { background: @content_area_background; border: @content_area_border; .rounded-corners(@content_area_border_radius); color: @content_area_text_color; font: @content_area_text_font; }
.content-box a, .container a { color: @container_links_color; font: @content_area_links_font; text-decoration: @content_area_links_decoration; }
.container > .control-bar { background: @action_bar_background; border: @action_bar_border; border-top-width: 0px; border-bottom-width: 0px; .rounded-corners(@action_bar_border_radius); margin-bottom: 0px; }
.container { margin-bottom: 10px; color: @container_text_color_1; }
.container > .title-bar { min-height: 30px; padding: 0px 10px; }
.container > .title-bar h1, .container > .title-bar h2, .container > .title-bar h3 { line-height: 30px !important; display: inline; }
.container > .title-bar.bbcode { min-height: 30px; padding: 0px; }
.container > .title-bar.bbcode h2 { width: (@wrapper_width - 10); line-height: inherit !important; padding: 0px; display: block; }
*+html .container > .title-bar.bbcode h2 { line-height: 16px !important; }
.title_wrapper { padding: 7px 10px; overflow: hidden; }
.title_wrapper img { display: block; }
.container abbr.time { color: @timestamp_color; }
.container .note { color: lighten(@container_text_color_1, 15%); }
.container > .title-bar > .controls { float: right; }
.container > .control-bar > .controls { float: right; padding: 5px; color: #000000; }
.container > .content { overflow: hidden; }
.controls > li a { display: inline-block; }
.control-bar .ui-pagination { padding: 5px 5px 3px 10px; }
.control-bar > div.float-left { padding-left: 10px; padding-top: 8px; padding-bottom: 8px; }
.control-bar > div.float-left img { padding-right: 5px; }
.control-bar .controls ul { z-index: 233; }
.control-bar .controls .ui-selectMenu-box { margin-left: 10px; }
.control-bar .ui-search { padding-bottom: 5px !important; }
.ui-selectMenu-box { border: 1px solid darken(@container_inner_border_color, 20%); }
.ui-selectMenu-box .arrow.down > span { border-top-color: #000000; }
.ui-dialog { .rounded-corners(); .hsla-bgcolor-safe(@container_outer_border_color, .5); }
.ui-dialog .ui-dialog-titlebar-close:hover span, .ui-dialog .ui-dialog-titlebar-close:focus span { background-image:url('http://images.proboards.com/v5/ui-icons.png'); background-position: -20px, 0px; }
.ui-dialog div.ui-dialog-buttonpane.ui-widget-content { text-align: right; margin-top: 10px; padding: 0 0 0 10px; border-width: 1px; .rounded-corners(5px); }
.ui-dialog div.section { text-align: center; background-color: @container_background_color_1; border-width: 1px; border-style: solid; border-color: @container_inner_border_color; .rounded-corners(10px); padding: 10px; margin: 10px 0; }
.ui-search .search-input.filters-input { .rounded-corners(); }
.ui-search .search-input { line-height: 16px !important; padding: 2px; border-width: 1px; border-style: solid; border-color: darken(@container_inner_border_color, 20%); .rounded-corners(5px, 0, 0, 5px); }
.ui-search .search-filters-button { display: inline-block; width: auto; height: auto; margin-left: -2px; min-height: 19px; padding: 3px 4px 2px 4px; border-width: 1px 1px 1px 0px !important; border-style: solid; border-color: darken(@container_inner_border_color, 20%); .rounded-corners(0, 5px, 5px, 0); vertical-align: top; cursor: pointer; }
.ui-search .search-filters-button .icon { display: inline-block; width: auto; height: auto; }
.ui-search .search-filters-button.state-active { background: @title_buttons_color; }
.event_icon { cursor: pointer; }
.container.copy .clone { .rounded-corners(0px); border-collapse: inherit; border-bottom-width: 0px; }

/* Pagination Menus */
@pagination_micro_background_color: #eeeeee;
@pagination_micro_hover_color: #d8d8d8;
@pagination_micro_text_color: #ECE2C8;
.ui-pagination { display: inline-block; overflow: hidden; }
.ui-pagination li { cursor: pointer; list-style: none; float: left; margin-right: 2px; }
.ui-pagination li:last-child { margin-right: 0px; }
.ui-pagination li > a, .ui-pagination li > div { .rounded-corners(3px); font-weight: bold; text-decoration: none; background-color: @pagination_background_color; border: 1px solid darken(@container_inner_border_color, 20%); color: @pagination_text_color; display: inline-block; padding: 4px 5px;  }
.ui-pagination li > a:hover, .ui-pagination li > div:hover { border-style: solid; text-decoration: none; background-color: @pagination_hover_color; color: @pagination_text_color; border-color: mix(@pagination_text_color, @pagination_background_color, 70%); }
.ui-pagination li.state-selected > a { border: 0px solid transparent; background-color: @pagination_text_color; color: @pagination_background_color; padding: 5px 6px; cursor: default; }
.ui-pagination li.state-disabled > a { cursor: default; padding: 4px 5px; border-width: 1px; border-style: solid; opacity: .5; filter: alpha(opacity=50); }
.ui-pagination li.state-disabled > a:hover { background-color: @pagination_background_color; border-color: mix(@pagination_text_color, @pagination_background_color, 40%); }
.ui-micro-pagination { overflow: hidden; font-size: 75%; margin-top: 3px; }
.ui-micro-pagination ul, .ui-micro-pagination ul li div { display: inline; }
.ui-micro-pagination ul li { list-style: none; display: inline; margin-right: 2px; }
.ui-micro-pagination ul li:last-child { margin-right: 0px; }
.ui-micro-pagination ul li > a { display: inline-block; text-decoration: none; padding: 0 3px; color: @pagination_micro_text_color; background-color: @pagination_micro_background_color; border: 1px solid mix(@pagination_text_color, @pagination_background_color, 40%); .rounded-corners(2px); }
.ui-micro-pagination ul li > a:hover { color: @pagination_micro_text_color; border: 1px solid mix(@pagination_text_color, @pagination_background_color, 70%); background-color: @pagination_micro_hover_color; }

/* Tabs */
@tabs_background: #371419 left center repeat-x scroll;
@tabs_border: 1px solid #371419;
@tabs_border_radius: 0;
@tabs_unselected_background: #202020   scroll;
@tabs_unselected_border: 1px solid #111111;
@tabs_unselected_border_radius: 0;
@tabs_unselected_text_color: @container_links_color;
@tabs_unselected_text_font: 100% @default_forum_text_font_family;
@tabs_unselected_text_decoration: none;
@tabs_selected_background: #111111   scroll;
@tabs_selected_border: 1px solid #111111;
@tabs_selected_border_radius: @tabs_unselected_border_radius;
@tabs_selected_text_color: #d8d8d8;
@tabs_selected_text_font: @tabs_unselected_text_font;
@tabs_selected_text_decoration: @tabs_unselected_text_decoration;
@tabs_hover_background: #202020   scroll;
@tabs_hover_border: 1px solid #111111;
@tabs_hover_border_radius: @tabs_unselected_border_radius;
@tabs_hover_text_color: #d8d8d8;
@tabs_hover_text_font: @tabs_unselected_text_font;
@tabs_hover_text_decoration: @tabs_unselected_text_decoration;
.ui-tabMenu ul { background: @tabs_background; border: @tabs_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; padding: 5px 5px 0 5px; }
.ui-tabMenu ul li { height: 26px; list-style: none; float: left; top: 1px; margin: 0 2px 1px 0; position: relative; background: @tabs_unselected_background; border: @tabs_unselected_border; .rounded-corners(@tabs_border_radius); }
.ui-tabMenu ul li a { color: @tabs_unselected_text_color; font: @tabs_unselected_text_font; text-decoration: @tabs_unselected_text_decoration; float: left; padding: 5px 14px; white-space: nowrap; }
.ui-tabMenu ul li:hover { background: @tabs_hover_background; border: @tabs_hover_border; .rounded-corners(@tabs_hover_border_radius); }
.ui-tabMenu ul li:hover a { color: @tabs_hover_text_color; font: @tabs_hover_text_font; text-decoration: @tabs_hover_text_decoration; }
.ui-tabMenu ul li.ui-active { background: @tabs_selected_background; border: @tabs_selected_border; .rounded-corners(@tabs_selected_border_radius); }
.ui-tabMenu ul li.ui-active a { color: @tabs_selected_text_color; font: @tabs_selected_text_font; text-decoration: @tabs_selected_text_decoration; border-bottom: 1px solid @tabs_selected_background; }

/* Tables / Lists */
@lists_inner_border_width: 0px;
@lists_inner_border_style: solid;
@lists_background: #371419   scroll;
@lists_text_color: @container_text_color_1;
@lists_text_font: @empty;
@lists_links_color: @container_links_color;
@lists_links_font: @empty;
@lists_links_decoration: none;
@lists_hover_background_image: @empty;
@lists_hover_background_attachment: @empty;
@lists_hover_background_repeat: @empty;
@lists_hover_background_position: @empty;
@lists_hover_text_color: @lists_text_color;
@lists_hover_text_font: @lists_text_font;
@lists_hover_links_color: @lists_links_color;
@lists_hover_links_font: @lists_links_font;
@lists_hover_links_decoration: underline;
@lists_selected_background: #371419   scroll;
@lists_selected_text_color: @lists_text_color;
@lists_selected_text_font: @lists_text_font;
@lists_selected_links_color: @lists_links_color;
@lists_selected_links_font: @lists_links_font;
@lists_selected_links_decoration: none;
table.list > thead > tr > th, table.list > tbody > tr > td { border-width: 0px @lists_inner_border_width @lists_inner_border_width 0px; border-style: @lists_inner_border_style; border-color: @container_inner_border_color; vertical-align: middle; padding: 10px; .box-sizing(); }
table.list { color: @lists_text_color; font: @lists_text_font; background: @lists_background; table-layout: fixed; font-size: 90%; width: 100%; .box-sizing(); }
.list a { color: @lists_links_color; font: @lists_links_font; text-decoration: @lists_links_decoration; }
.list .item.state-hover, .list .board.item:hover, #calendar-list .item:hover { color: @lists_hover_text_color; font: @lists_hover_text_font; background-color: @container_highlight_color; background-image: @lists_hover_background_image; background-attachment: @lists_hover_background_attachment; background-repeat: @lists_hover_background_repeat; background-position: @lists_hover_background_position; }
.list .item > .main.state-hover .link a, .list .item:hover > .main .link a { color: @lists_hover_links_color; font: @lists_hover_links_font; text-decoration: @lists_hover_links_decoration; }
.list .item.state-selected { color: @lists_selected_text_color; font: @lists_selected_text_font; background: @lists_selected_background; }
.list .item.state-selected a { color: @lists_selected_links_color; font: @lists_selected_links_font; text-decoration: @lists_selected_links_decoration; }
table.list > thead > tr > th { padding: 5px 10px; white-space: nowrap; }
table.list > thead > tr.last > td, table.list > tbody > tr.last > td { border-bottom-width: 0px; }
table.list > thead > tr > .last, table.list > tbody > tr > .last { border-right: none; }
table.list td.icon, table.list th.icon { width: 55px; text-align: center; }
table.list td.main, table.list th.main { padding: 10px 10px 10px 0px; }
table.list .checkbox { width: 25px; text-align: center; padding: 0px; border-right: none; }
table.list .checkbox-placeholder { border-right: none !important; }
.list .item > .main { cursor: pointer; overflow: hidden; }
.list .item .list-item-checkbox { visibility: hidden; }
.list .item.state-hover .list-item-checkbox, .list .item.state-selected .list-item-checkbox { visibility: visible; }
table.list abbr.time, table.list .last-edited { color: @timestamp_color; }

/* New Icons */
@new_background: #140D0E left center repeat-x scroll;
@new_border: 1px solid #000000;
@new_border_radius: 0 0 0 0;
@new_link_transform: uppercase;
@new_link_color: #d8d8d8;
@new_link_font: bold 7px @default_forum_text_font_family;
@new_link_decoration: none;
@new_hover_background: @new_background;
@new_hover_border: @new_border;
@new_hover_border_radius: @new_border_radius;
@new_hover_link_transform: @new_link_transform;
@new_hover_link_color: @new_link_color;
@new_hover_link_font: @new_link_font;
@new_hover_link_decoration: @new_link_decoration;
.new-icon { background: @new_background; border: @new_border; .rounded-corners(@new_border_radius); display: none; float: left; margin: 3px 5px 3px 0px; padding: 0px 1px; word-wrap: normal; }
.new-icon, .new-icon a { color: @new_link_color !important; font: @new_link_font; text-decoration: @new_link_decoration; text-transform: @new_link_transform; text-align: center; line-height: 10px !important; height: 10px; }
.new-icon:hover { background: @new_hover_background; border: @new_hover_border; .rounded-corners(@new_hover_border_radius); }
.new-icon:hover, .new-icon:hover a { color: @new_hover_link_color !important; font: @new_hover_link_font; text-decoration: @new_hover_link_decoration; text-transform: @new_hover_link_transform; }
	
/* Footer */
@footer_text_color: @link_color;
@footer_text_font: .8em @default_forum_text_font_family;
@footer_text_decoration: none;
@footer_background: ~"";
@footer_border: ~"";
@footer_hover_color: @footer_text_color;
@footer_hover_font: @footer_text_font;
@footer_hover_decoration: @footer_text_decoration;
@footer_pipe_color: @default_forum_text_color;
@footer_copyright_color: @default_forum_text_color;
@footer_copyright_font: .8em @default_forum_text_font_family;
@footer_pb_link_color: @link_color;
@footer_pb_link_font: 100% @default_forum_text_font_family;
@footer_pb_link_decoration: none;
footer { text-align: center; display: block; background: @footer_background; border: @footer_border; padding-top: 5px; padding-bottom: 28px; }
footer .footer-links { margin: 0 auto; color: @footer_pipe_color; }
footer .footer-links a { color: @footer_text_color; text-decoration: @footer_text_decoration; font: @footer_text_font; }
footer .footer-links a:hover { color: @footer_hover_color; text-decoration: @footer_hover_decoration; font: @footer_hover_font; }
footer .footer-text { text-align: center; color: @footer_copyright_color; margin: 5px 0 0 0; font: @footer_copyright_font; }
footer .footer-text a { color: @footer_pb_link_color; text-decoration: @footer_pb_link_decoration; font: @footer_pb_link_font; }


/**************************************************************************
 *                                 Pages                                  *
 **************************************************************************/
 
 /* Search Page */
.search .content { padding: 10px 0px 0px 10px; }
.search .content form > div { padding: 10px; margin-right: 10px; margin-bottom: 10px; }
.search .header, #how { font-size: 14px; padding: 10px; }
.search .options-container { padding: 10px; width: 432px; font-size: 11px; margin-right: 10px; height: 200px; overflow: hidden; }
.search .options-container th { padding-bottom: 5px; font-size: 14px; text-align: left; font-weight: normal; }
.search .options-container td { padding: 5px 5px 5px 0; }
.search .footer { font-size: 14px; line-height: 20px !important; }
.search .footer input { float: right; }
.search .footer #transcription { width: 89%; font-size: 11px; }
.search .disabled { background-color: #DDDDDD; }
.search #what input, .search #where input, .search #who input { width: 230px; }
.search #who select { width: 235px; }
.search #when input { width: 80px; }
.search input[id*="-placeholder"] { cursor: pointer; }
#where-board-subboard, #where-without, #where-category, #who-member-group { display: none; }

/* Calendar Page */
@cal_background: @container_background_color_1;
@cal_border: 1px solid @container_inner_border_color;
@cal_border_radius: 10px;
@cal_inner_border: 1px solid @container_inner_border_color;
@cal_link_alignment: right;
@cal_title_color: @container_text_color_1;
@cal_title_font: @empty;
@cal_day_background: @container_highlight_color;
@cal_day_link_color: @container_links_color;
@cal_day_link_font: @empty;
@cal_day_link_decoration: @empty;
@cal_cur_month_background: @container_background_color_2;
@cal_cur_month_link_color: @container_links_color;
@cal_cur_month_link_font: @empty;
@cal_cur_month_link_decoration: @empty;
@cal_month_background: @container_background_color_1;
@cal_month_link_color: @container_text_color_1;
@cal_month_link_font: @empty;
@cal_month_link_decoration: @empty;
@cal_list_title_border_radius: 10px 10px 0 0;
@cal_list_align_icon: center;
@cal_list_align_last: right;
@cal_list_last_color: @empty;
@cal_list_last_font: @empty;
.cal-box { background: @cal_background; border: @cal_border; .rounded-corners(@cal_border_radius); width: 100%; border-collapse: separate; }
.cal-box th { padding: 3px 0px; }
.cal-box th, .cal-current-panel .cal-box td, #calendar-list .cal-box td { border: @cal_inner_border; border-top-width: 0px; border-left-width: 0px; }
.cal-box th, .cal-box th * { color: @cal_title_color; font: @cal_title_font; }
.cal-box .current-day .head, .cal-box .today .head, .ui-datepicker td.ui-datepicker-today a { background: @cal_day_background; }
.cal-box .current-day .head a, .cal-box .today .head a, .ui-datepicker td.ui-datepicker-today a { color: @cal_day_link_color; font: @cal_day_link_font; text-decoration: @cal_day_link_decoration; }
.cal-box .head { background: @cal_cur_month_background; }
.cal-box a { color: @cal_cur_month_link_color; font: @cal_cur_month_link_font; text-decoration: @cal_cur_month_link_decoration; }
.cal-box .off .head a { color: @cal_month_link_color; font: @cal_month_link_font; text-decoration: @cal_month_link_decoration; }
.cal-current-panel { vertical-align: top; }
.cal-current-panel .cal-box .last { border-right: none; }
.cal-current-panel .cal-box .last td { border-bottom: none; }
.cal-current-panel .body { min-height: 74px; height: 74px; padding-bottom: 15px; padding: 3px; overflow: hidden; }
.cal-current-panel .body a, .cal-current-panel .birthday-event { white-space: nowrap; }
.cal-current-panel .off .head { background: @cal_month_background; }
.cal-current-panel .head { text-align: @cal_link_alignment; cursor: pointer; padding-bottom: 3px; height: 16px; overflow: hidden; }
.cal-current-panel .head a { font-weight: bold; font-size: 12px; padding: 2px; overflow: hidden; }
.cal-preview-panel { width: 180px; padding-right: 10px; vertical-align: top; }
.cal-preview-panel .header th { border-right: none; }
.cal-preview-panel .header th a { color: @container_links_color; }
.cal-preview-panel td { padding: 2px 0px; }
.cal-preview-panel .weekdays td { padding-top: 5px; }
.cal-preview-panel .cal-box { table-layout: auto; width: 100%; text-align: center; padding-bottom: 10px; margin-bottom: 10px; }
.cal-preview-panel .cal-box .head { padding: 0px 1px 2px 0px; }
.cal-preview-panel .off .head { background-color: transparent; }
.cal-preview-panel a.has-events { font-weight: bold; }
#calendar-list { vertical-align: top; }
#calendar-list .new .new-icon { display: inline-block; }
#calendar-list table { table-layout: auto; }
#calendar-list table.cal-box td { border-width: 0px 0px 1px 0px; }
#calendar-list tr:last-child td { border-bottom: none; }
#calendar-list tr:first-child th { .rounded-corners(@cal_list_title_border_radius); }
#calendar-list th { padding: 5px 15px; text-align: left; border-right: none; }
#calendar-list td.icon { width: 60px; height: 60px; text-align: @cal_list_align_icon; border: @cal_inner_border; border-width: 0px 1px 1px 0px; }
#calendar-list td.main { cursor: pointer; padding: 0 10px; }
#calendar-list td.last_post { color: @cal_list_last_color; font: @cal_list_last_font; text-align: @cal_list_align_last; width: 250px; padding-right: 10px; }
.calendar .content { padding: 10px; }
.calendar .content > table { width: 100%; vertical-align: top; }
.calendar .content > table > tr > td { vertical-align: top; }
.calendar .control-bar .calendar-jump .button { float: left; }
.calendar .control-bar .calendar_go_button { display: none; margin: 0 5px 0 10px; }
#to-date-container { display: none; }
.ui-datepicker { .hsla-bgcolor-safe(@container_outer_border_color, .5); }
.ui-datepicker .ui-datepicker-header { background-color: @title_bar_background_color; background-image: @all_gradients; border-color: @container_outer_border_color; }
.ui-datepicker .ui-datepicker-title { color: @title_text_color; }
.ui-datepicker table { background-color: @container_background_color_1; border-color: @container_outer_border_color; }
.ie7 .calendar .control-bar .calendar_go_button { margin-left: 0; }
.ie7 .calendar .control-bar .controls .ui-selectMenu-box { margin-left: 0; margin-right: 10px; }

/* Members Page */
@members_background: @empty;
@members_text_color: @empty;
@members_text_font: @empty;
@members_text_align: left;
@members_align_name: left;
@members_align_username: left;
@members_align_rank: left;
@members_align_group: left;
@members_align_posts: left;
@members_align_date_registered: left;
@members_align_last_online: right;
.member { cursor: pointer; }
.members table.list { table-layout: fixed; }
.members thead { color: @members_text_color; font: @members_text_font; background: @members_background; }
.members th.sortable { cursor: pointer; overflow: hidden; text-align: @members_text_align; }
.members .name { width: 19%; text-align: @members_align_name; }
.members .username { width: 17%; text-align: @members_align_username; }
.members .rank { width: 16%; text-align: @members_align_rank; }
.members .group { width: 16%; text-align: @members_align_group; }
.members .posts { width: 8%; text-align: @members_align_posts; }
.members .date-registered { width: 18%; text-align: @members_align_date_registered; }
.members .last-online { width: 18%; text-align: @members_align_last_online; }
.members .last-online abbr.timestamp { font-size: 100%; }
.members .list-content td { word-wrap: break-word; overflow: hidden; padding: 3px 10px; .box-sizing(content-box); }
.members .list-content .checkbox { padding: 3px 0px 3px 7px; }

/* View Profile */
.show-user table { width: 100%; }
.show-user .controls > * { float: right; }
.show-user table.list { font-size: 100%; }
.show-user .heading th, .show-user .heading td { font-weight: bold; padding: 8px 0px; text-align: center; border-right: 0px; }
.show-user td.avatar, th.avatar { width: 75px; border-width: 1px 1px 0 0; padding: 3px; }
.show-user .list .main { border-right-width: 0; border-width: 1px 0 0 0;  padding: 5px 33px 5px 33px; }
.show-user .delete { width: 60px; padding: 5px 10px 5px 5px; border-width: 1px 1px 0 0; vertical-align: middle; text-align: right; }
.show-user .time-container { width: 22%; padding: 3px 10px 3px 3px; text-align: right; border-width: 1px 0 0 0; }
.show-user a.show-more { border-top: 1px solid @container_inner_border_color; display: block; font-weight: bold; padding: 8px 0px; text-align: center; }
.show-user .content-box { margin-bottom: 10px; overflow: hidden; }
.show-user .content-box:last-child { margin-bottom: 0px; }
.show-user .following { table-layout: auto; }
.show-user .center-col { padding: 10px; }
.show-user td.status-input input { width: 100%; }
.show-user td.status-submit { width: 120px; text-align: right; }
.show-user .headings { width: 175px; }
.show-user #center-column { vertical-align: top; }
.show-user #right-column { width: 180px; vertical-align: top; }
.show-user .right-col { width: 167px; margin-left: 10px; text-align: center; }
.show-user .social { width: 50%; float: left; }
.show-user .messengers span.label { width: 55px; display: inline-block; }
.show-user .mini-user { width: 75px; max-width: 75px; min-height: 90px; display: inline-block; overflow: hidden; padding: 4px 0px; vertical-align: top; text-align: center; }
.ie7 .show-user .mini-user { display: inline; margin-right: 10px; }
.show-user #status-bar { border-top: none !important; }
.show-user #status-bar td { border: none; }
.show-user #status-input-box input { width: 99%; }
.show-user .delete a { display: none; }
.show-user .notifications .main { padding: 10px 33px; }
.show-user .notifications .main .new-icon { display: inline-block; }
.show-user .friends-stats { float: right; }
.online-friends .mini-profile { margin-right: 10px; margin-bottom: 10px; vertical-align: top; display: inline-block; }
.offline-friends .micro-profile { float: left; text-align: left; margin-right: 10px; margin-bottom: 10px; }
.show-user .members-link-container { margin-bottom: 10px; }
.show-user .empty-result-message { text-align: center; padding-bottom: 25px; }
.show-user .groups td { border-width: 1px 1px 0px 0px; text-align: center; padding: 12px 0px; }
.show-user .groups td:first-child { text-align: left; padding-left: 20px; }
.show-user .groups td:last-child { border-right: 0px; }
.show-user .groups .group_desc { width: 40%; }
.show-user .groups .leaders { width: 25%; }
.show-user .groups .members { width: 10%; }
.show-user .groups .status { width: 15%; }
.show-user .groups .heading td { padding: 4px 0px; text-align: center; }
.show-user .badge-wish { text-align: center; height: 100px; margin-right: 10px; }
.show-user .badge-wish img { display: block; }
.show-user .visit-badge-store { text-align: center; width: 130px; }
.show-user .visit-badge-store .badge-store-text { width: 110px; height: 54px; margin: 10px auto 5px auto; }

.badge-thumbs { padding: 5px 100px 5px 5px !important; position: relative; min-height: 36px; }
.badge-thumbs .badge-thumb { margin: 5px; }
.badge-thumbs .button { position: absolute; top: 50%; right: 10px; margin-top: -13px; }

/* Edit Profile */
.big_username { font-size: 20pt; }
.edit-user .title { font-weight: bold; margin-bottom: 4px; }
.edit-user textarea { padding: 2px; margin: 0; }
.edit-user input, .edit-user select, .edit-user textarea { display: inline-block; zoom: 1; margin-top: 5px; }
.edit-user .content-box { margin: 10px; padding: 10px; }
.edit-user .content-box.options { position: relative; zoom: 1; }
.edit-user .content-box.options table { table-layout: auto; }
.edit-user .content-box.options td { padding: 9px 5px; }
.edit-user .content-box.options input[type="radio"] { margin-top: 0px; }
.edit-user .pad { padding: 10px; }
.edit-user .pad.info { padding-bottom: 0; clear: both; }
.edit-user .pad .username { font-size: 1em; font-weight: normal; margin-top: 14px; }
.edit-user .note { font-style: italic; font-size: 85%; }
.edit-user label { display: block; font-weight: 800; }
.edit-user .radio label, .edit-user .checkbox label { display: inline; font-weight: 400; }
.edit-user .avatar.content-box { padding: 10px 10px 0px 0px; }
.edit-user .avatar h4 { margin-bottom: 5px; }
.edit-user .user-search { padding-top: 3px; }
.edit-user .avatar { margin-bottom: 10px; }
.edit-user .notifications table { table-layout: auto; }
.edit-user .notifications th, .edit-user .notifications td { padding: 0px 5px; }
.edit-user .notifications th.description { width: 760px; }
.edit-user .edit_button_spacer { min-width: 275px; display: inline-block; }
#user_block_list .user-search-selection .ui-selectlist-item { float: none; clear: both; margin-bottom: 10px; }
#user_block_list .user-search-selection .ui-selectlist-item .block_list_options { float: left; width: 430px; padding-left: 20px; }
#user_block_list .selectlist-wrapper { float: left; position: relative; }
#user_block_list .block_list_options input { margin: 0 5px 5px 5px; padding: 0; height: 13px; }
#user_block_list .block_list_options label { position: relative; top: -2px; }
.edit-user #avatar-options .content-box { position: relative; margin: 10px 0px 0px 10px; float: left; min-height: 250px; padding: 10px; text-align: center; width: 150px; }
.edit-user #avatar-options .content-box.options { width: 100%; min-width: 279px; max-width: 350px; text-align: left; }
#forum-avatars-wrapper img:hover { border-width: 3px; border-style: solid; border-color: @link_color; .rounded-corners(); margin: -3px; }
#image-avatar-editor-container .wrapper { padding: 10px 5px 5px 5px; margin-top: 15px; *width: 520px; }
#image-avatar-editor-container .wrapper.first { clear: both; margin-top: 10px; }
#image-avatar-editor-container span.fileupload-buttonbar { display: inline-block; margin: 10px 0; }
#image-avatar-editor-container .files { margin: 0; }
#image-avatar-editor-container #link-image { height: 18px; }
#image-avatar-editor-container #link-image.button { cursor: pointer; }
#forum-avatar-editor-container { padding: 0; }
#forum-avatars-wrapper { width: 510px; margin: 0 auto; padding: 10px; }
#forum-avatars-wrapper .avatar-wrapper { float: left; margin: 10px; }
#forum-avatars-wrapper img { max-height: 150px; max-width: 150px; }

/* Badge Options Tab */
#badge-options h4 { margin-top: 10px; }
#badge-options .badges-have .badge-thumbs { width: 240px; }
#badge-options .badges-dont-have .badge-thumbs { width: 110px; }
#badge-options .badge-thumbs { float: left; padding: 5px !important; }
#badge-options .badge-thumbs .badge-thumb, #badge-options .badge-thumbs .badge-icons { float: left; }
#badge-options .badge-icons img { margin: 5px 0 5px 10px; vertical-align: middle; }
#badge-options .badge-thumbs .badge-icons img, #badge-options .badge-thumbs .badge-icons input { margin: 5px 0 0 10px; width: 16px; height: 16px; }
#badge-options .badge-thumbs .badge-icons input { margin-top: 8px; padding: 0; }
#badge-options .badge-thumbs .small { vertical-align: bottom; }
#badge-options .badges-dont-have .badge-icons img { margin-top: 16px; }
#badge-options .badge-gift, #badge-options .badge-use-action { color: @container_text_color_1; }

/* Board List */
@board_names_color: @empty;
@board_names_font: 105% @default_forum_text_font_family;
@board_desc_color: @empty;
@board_desc_font: normal 90% @default_forum_text_font_family;
@board_mod_color: @empty;
@board_mod_font: 75% @default_forum_text_font_family;
@board_sub_color: @empty;
@board_sub_font: 75% @default_forum_text_font_family;
@board_align_main: left;
@board_align_threads: center;
@board_align_posts: center;
@board_align_last_post: right;
.boards .main { width: 59%; text-align: @board_align_main; }
.boards .threads { width: 9%; text-align: @board_align_threads; white-space: nowrap; }
.boards .posts { width: 8%; text-align: @board_align_posts; white-space: nowrap; }
.boards .latest { width: 20%; text-align: @board_align_last_post; }
.boards .main.redirect { border-right: 0px; }
.boards .main .link a { color: @board_names_color; font: @board_names_font; }
.boards .main .description { color: @board_desc_color; font: @board_desc_font; padding-left: 0px; padding-bottom: 3px; }
.boards .main .moderators { color: @board_mod_color; font: @board_mod_font; padding-bottom: 3px; }
.boards .main .sub-boards { color: @board_sub_color; font: @board_sub_font; }
.boards table.list { table-layout: auto; }
.boards table.list th.main { padding-left: 10px; }
.boards table.list > tbody > tr > td { padding: 5px 10px; }
/* Board Password Page */
#password-wrapper { margin: 10px 0px; }
#password-wrapper div { display: inline-block; margin-right: 5px; }
#password-wrapper input { padding: 1px 6px 3px 6px; }

/* Thread List */
@thread_align_subject: left;
@thread_align_created_by: center;
@thread_align_replies: center;
@thread_align_views: center;
@thread_align_last_post: right;
.threads .main { width: 41%; text-align: @thread_align_subject; }
.threads .created-by { width: 14%; text-align: @thread_align_created_by; }
.threads .replies { width: 9%; text-align: @thread_align_replies; }
.threads .views { width: 8%; text-align: @thread_align_views; }
.threads .latest { width: 20%; text-align: @thread_align_last_post; cursor: pointer; }
.threads .icons { white-space: nowrap; }
.threads .control-icons img { padding-right: 5px; }
.threads .control-icons .lock_icon, .threads .control-icons .falling_icon, .threads .control-icons .event_icon, #bookmarks.threads .bookmark_icon { width: 0; padding-right: 0; }
.threads .checkbox { width: 2%; }
.threads .checkbox-placeholder { width: 5px; }
.threads .main table { table-layout: auto; }
.threads table.list { table-layout: auto; }
.threads .item.new .new-icon { display: inline-block; }
.threads .item.sticky > td { font-weight: bold; }
.threads .item.sticky > td a { font-weight: bold; }
.threads .item.announcement.last > td { border-width: 0; border-style: solid; font-weight:bold;}
.threads .item.announcement.last > td a { font-weight: bold; }
.threads .item.announcement.last > td > .thread-stats { background-color:#181818; }
.threads .item.announcement.last > td > .thread-checkbox { background-color:#181818; }
.threads .item.announcement.last > td > .thread-main { background-color:#181818; }
.threads .item.announcement.last > td > .thread-last { background-color:#181818; }
.threads .item.announcement.last > td.checkbox, .threads .item.announcement.last > td.last { border-right: none; }

/* Conversation List */
@conversation_align_created_by: center;
@conversation_align_replies: center;
@conversation_align_last_reply: right;
.conversations table.list { table-layout: auto; }
.conversations .created-by, .conversations .recipients { width: 17%; text-align: @conversation_align_created_by; }
.conversations .replies { width: 8%; text-align: @conversation_align_replies; }
.conversations .latest { width: 20%; text-align: @conversation_align_last_reply; padding-right: 10px; cursor: pointer; }
.conversations .checkbox { width: 24px; }
.conversations .item.new .new-icon { display: inline-block; }

/* Polls */
@polls_selection_border: 1px solid @container_inner_border_color;
@polls_selection_background: @container_highlight_color;
@polls_rank_default_background: #AAAAAA url('http://images.proboards.com/v5/gradients/bar.png') repeat-x left center;
@polls_rank_default_border: 1px solid #000000;
@polls_rank_default_border_radius: 5px;
@polls_rank_default_rank_color: #FFFFFF;
@polls_rank_default_rank_background: #000000;
@polls_rank_default_rank_border: 5px;
@polls_rank_first_background_color: #FFCC22;
@polls_rank_second_background_color: #66DDEE;
@polls_rank_third_background_color: #FF0000;
.ui-poll .results td .select-box { min-width: 15px; min-height: 15px; border: @polls_selection_border; }
.ui-poll .results tr.ui-selected { background: @polls_selection_background; }
.ui-poll .poll-vote-bar .bar { background: @polls_rank_default_background; border: @polls_rank_default_border; border-right-width: 0px; .rounded-corners(@polls_rank_default_border_radius, 0, 0, @polls_rank_default_border_radius); float: left; height: 17px; min-width: 5px; }
.ui-poll .poll-vote-bar .rank { float: left; background: @polls_rank_default_background; border: @polls_rank_default_border; border-left-width: 0px;  height: 17px; padding-left: 2px; .rounded-corners(0, @polls_rank_default_border_radius, @polls_rank_default_border_radius, 0); }
.ui-poll .poll-vote-bar .rank div { margin-right: 1px; margin-top: 1px; color: @polls_rank_default_rank_color; font-size: 80%; background: @polls_rank_default_rank_background; opacity: .5; filter: alpha(opacity=50); padding: 1px 2px; .rounded-corners(@polls_rank_default_rank_border); }
.ui-poll .poll-vote-bar.rank-1 .rank, .ui-poll .poll-vote-bar.rank-1 .bar { background-color: @polls_rank_first_background_color; }
.ui-poll .poll-vote-bar.rank-2 .rank, .ui-poll .poll-vote-bar.rank-2 .bar { background-color: @polls_rank_second_background_color; }
.ui-poll .poll-vote-bar.rank-3 .rank, .ui-poll .poll-vote-bar.rank-3 .bar { background-color: @polls_rank_third_background_color; }
.ui-poll { padding: 10px; }
.ui-poll table { table-layout: fixed; width: auto; }
.ui-poll .icon-poll { margin-right: 5px; }
.ui-poll .results { margin-bottom: 5px; }
.ui-poll .results td { padding: 5px; }
.ui-poll .results tr.ui-hover { background-color: @container_highlight_color; cursor: default; }
.ui-poll .results td:first-child { padding-right: 0px; }
.ui-poll .results .stats { float: left; margin-left: 5px; line-height: 18px !important; }
.ui-poll .voted ul { list-style: disc; padding-left: 20px; }
.ui-poll .vote-input { margin-top: 5px; }
.ui-poll .vote-input-cooldown { margin-left: 5px; margin-top: 2px; }
.ui-poll .poll-vote-bar { float: left; overflow: hidden; min-width: 10px; }
.ui-poll .results tr td .select-box img { visibility: hidden; display: block; }
.ui-poll .results tr.ui-selected td .select-box img { visibility: visible; }

/* Posts */
@posts_odd_background_color: #111111;
@posts_odd_background_image: none;
@posts_odd_background_attachment: @empty;
@posts_odd_background_repeat: @empty;
@posts_odd_background_position: @empty;
@posts_odd_text_color: @container_text_color_1;
@posts_even_background_color: #371419;
@posts_even_background_image: @empty;
@posts_even_background_attachment: @empty;
@posts_even_background_repeat: @empty;
@posts_even_background_position: @empty;
@posts_even_text_color: @container_text_color_2;
@posts_separator_border: 1px solid #111111;
@posts_likes_color: @empty;
@posts_likes_font: 80% @default_forum_text_font_family;
@posts_header_border: 1px solid @container_inner_border_color;
@posts_code_background: #282828   scroll;
@posts_code_border: 1px solid @container_inner_border_color;
@posts_code_text_color: @container_text_color_1;
@posts_code_text_font: @empty;
@posts_edited_text_color: @empty;
@posts_edited_text_font: 80% @default_forum_text_font_family;
@posts_signatures_border: 1px solid @container_inner_border_color;
@posts_signatures_text_color: @empty;
@posts_signatures_text_font: 80% @default_forum_text_font_family;
.posts .post, .post .quote div.quote div.quote_body, .post.even .quote div.quote_body { color: @posts_odd_text_color; background-color: @posts_odd_background_color; background-image: @posts_odd_background_image; background-attachment: @posts_odd_background_attachment; background-repeat: @posts_odd_background_repeat; background-position: @posts_odd_background_position; }
.posts .post.even, .post .quote div.quote_body, .post.even .quote div.quote div.quote_body { color: @posts_even_text_color; background-color: @posts_even_background_color; background-image: @posts_even_background_image; background-attachment: @posts_even_background_attachment; background-repeat: @posts_even_background_repeat; background-position: @posts_even_background_position; }
.post.item abbr.time, .post.item.even .quote abbr.time, .post.item .quote .quote abbr.time { color: @posts_odd_text_color; }
.post.item.even abbr.time, .post.item .quote abbr.time, .post.item.even .quote .quote abbr.time { color: @posts_even_text_color; }
.posts .post .post-method { font-size: .8em; }
.posts span.labels { display: block; }
.posts span.labels .ui-label { padding: 5px 0 0 5px; display: inline-block; zoom: 1; }
.posts .poll { border-width: 0px 1px 10px 1px; border-style: solid; border-color: @container_inner_border_color; }
.posts .post table { width: 100%; }
.posts .post .left-panel { width: 242px; vertical-align: top; }
.posts .post .content { padding-left: 10px; vertical-align: top; }
.posts .post .content-head .info { float: left; margin-top: 3px; line-height: 20px !important; }
.posts .post .content-head .info .date { margin-right: 7px; }
.posts .post .content-head .info .date, .posts .post .post-method { vertical-align: -7px; }
.posts .post.recent .content-head .info .date, .posts .post.recent .post-method { vertical-align: 0; }
.posts .post.recent .content-head .info { line-height: 13px !important; }
.posts .post .thread-link { display: none; }
.posts .post.recent .thread-link { display: block; }
.posts .post.recent .likes { vertical-align: 0px; }
.posts .post .content-head .controls { float: right; border-collapse: separate; }
.posts .post .content-head .controls > a { float: left; margin-left: 3px; padding-right: 5px; }
.posts .post .content-head .controls > a.likes-button { padding: 1px 6px 0px 6px; }
.posts .post .content-head .controls > a.likes-button img { margin-top: 2px; }
.posts .post .message { word-wrap: break-word; overflow-x: auto; overflow-y: hidden; margin-bottom: 1.3em; }
.posts .post .message table { width: inherit; }
.posts .post .message table td { padding: 3px; }
.posts .post .message ul {margin-left: 31px; list-style-type: disc;}
.posts .post .message ol {margin-left: 31px; list-style-type: decimal;}
.posts.summary .post .content-head .info { float: none; }
.posts .post.blocked .unblocked { display: none; }
.posts .post .content .thread-link { max-width: 450px; overflow: hidden; }
.posts.item .ui-pagination { padding-left: 0px; }
.likes { vertical-align: -7px; }
.posts #labels { display: none; text-align: right; padding: 5px; }
.posts .post > td, .posts .labels { border: @posts_separator_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; }
.likes, .likes:hover { color: @posts_likes_color; font: @posts_likes_font; }
.likes-button { padding: 4px 0px 0px 5px; display: none; }
.liked.likes { display: inline; }
.posts .post .content-head { border: @posts_header_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; padding-bottom: 5px; margin-bottom: 10px; }
.posts .post .message code { display: block; border: @posts_code_border; padding: 5px; margin-left: 16px; margin-right: 16px; background: @posts_code_background; color: @posts_code_text_color; font: @posts_code_text_font; white-space: pre-wrap; }
.posts .post .foot { height: 1px; vertical-align: bottom; padding-left: 10px; }
.posts .post .foot .edited_by { text-align: right; color: @posts_edited_text_color; font: @posts_edited_text_font; margin-top: 10px; }
.posts .post .foot .signature { color: @posts_signatures_text_color; font: @posts_signatures_text_font; vertical-align: bottom; border: @posts_signatures_border; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 10px; margin-top: 10px; }
.posts .bookmark_icon { padding-right: 5px; }
.quote_clear { clear: both; }

/* Message List */
@messages_odd_background: @container_background_color_1;
@messages_odd_text_color: @container_text_color_1;
@messages_even_background: @container_background_color_2;
@messages_even_text_color: @container_text_color_2;
@messages_header_border: 1px solid @container_inner_border_color;
@messages_participants_border: 1px solid @container_inner_border_color;
@messages_code_background: @container_background_color_1;
@messages_code_border: 1px solid @container_inner_border_color;
@messages_code_text_color: @container_text_color_1;
@messages_code_text_font: @empty;
@messages_signatures_border: 1px solid @container_inner_border_color;
@messages_signatures_text_color: @empty;
@messages_signatures_text_font: 80% @default_forum_text_font_family;
.messages .item { color: @messages_odd_text_color; background: @messages_odd_background; }
.messages .item.even { color: @messages_even_text_color; background: @messages_even_background; }
.messages .item .quote div.quote div.quote_body { color: @messages_odd_text_color; background: @messages_odd_background; }
.messages .item.even .quote div.quote_body { color: @messages_odd_text_color; background: @messages_odd_background; }
.messages .item .quote div.quote_body { color: @messages_even_text_color; background: @messages_even_background; }
.messages .item.even .quote div.quote div.quote_body { color: @messages_even_text_color; background: @messages_even_background; }
.message.item abbr.time, .message.item.even .quote abbr.time, .message.item .quote .quote abbr.time { color: @messages_odd_text_color; }
.message.item.even abbr.time, .message.item .quote abbr.time, .message.item.even .quote .quote abbr.time { color: @messages_even_text_color; }
.messages .item .content-head { border: @messages_header_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; padding-bottom: 5px; margin-bottom: 10px; }
.messages .item table { width: 100%; }
.messages .item td { vertical-align: top; }
.messages .item > td { border-width: 0px 1px 1px 1px; border-style: solid; border-color: @container_inner_border_color; }
.messages .item .left-panel { width: 242px; }
.messages .item .content { padding-left: 10px; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; }
.messages .item .content table { width: inherit; }
.messages .item .content ul {margin-left: 31px; list-style-type: disc;}
.messages .item .content ol {margin-left: 31px; list-style-type: decimal;}
.messages .item .content .message { overflow-x: auto; overflow-y: hidden; margin-bottom: 1.3em; }
.messages .item .content .message table td { padding: 3px; }
.messages .item .content code { display: block; border: @messages_code_border; padding: 5px; margin-left: 16px; margin-right: 16px; background: @messages_code_background; color: @messages_code_text_color; font: @messages_code_text_font; white-space: pre-wrap; }
.messages .item .content-head .info { float: left; margin-top: 3px; line-height: 20px !important; }
.messages .item .content-head .info .date { vertical-align: -7px; }
.messages .item .content-head .controls { float: right; }
.messages .item .content-head .controls > a { float: left; margin-left: 3px; padding-right: 5px; display: inline; }
.messages .item .foot { padding-left: 10px; vertical-align: bottom; }
.messages .item .foot .signature { text-align: left; color: @messages_signatures_text_color; font: @messages_signatures_text_font; vertical-align: bottom; border: @messages_signatures_border; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 10px; margin-top: 10px; }
.message .post-method { vertical-align: -7px; font-size: .8em; }
.messages .conversation-labels { float: right; margin-right: 5px; margin-top: 5px; }
.messages.summary .message .content-head .info { width: 100%; }
.messages .message .controls { min-width: 100px; }
.messages .participants { padding: 5px 10px; border: @messages_participants_border; border-top-width: 0px; }
.posting-options-list, .messaging-options-list { display: none; }

/* Custom Pages */
.pbcpe-widget-title { color: @default_forum_text_color; }


/**************************************************************************
 *                                Objects                                 *
 **************************************************************************/
 
 /* Micro Profiles */
@micro_background: @container_background_color_1;
@micro_border: 1px solid @container_inner_border_color;
@micro_border_radius: 5px;
@micro_text_color: @empty;
@micro_text_font: @empty;
@micro_link_color: @empty;
@micro_link_font: @empty;
@micro_link_decoration: @empty;
@micro_remove_background: @container_background_color_1;
@micro_remove_border: 1px solid @container_inner_border_color;
@micro_remove_border_radius: 0 5px 5px 0;
@micro_remove_text_color: @container_text_color_1;
@micro_remove_text_font: bold 80% @default_forum_text_font_family;
.micro-profile { color: @micro_text_color; font: @micro_text_font; position: relative; height: 50px; width: 200px; display: inline-block; padding: 5px; margin-bottom: 3px; border: @micro_border; background: @micro_background; .rounded-corners(@micro_border_radius); overflow: hidden; }
.grp_recipients_div li { color: @micro_text_color; font: @micro_text_font; position: relative; width: 240px; display: inline-block; margin: 3px; padding: 3px 22px 3px 5px; border: @micro_border; background: @micro_background; .rounded-corners(@micro_border_radius); overflow: hidden; float: left; }
.micro-profile a, .grp_recipients_div li a { color: @micro_link_color; font: @micro_link_font; text-decoration: @micro_link_decoration; }
.user-search-selection .ui-selectlist-item .close { color: @micro_remove_text_color; font: @micro_remove_text_font; background: @micro_remove_background; border: @micro_remove_border; .rounded-corners(@micro_remove_border_radius); cursor: pointer; height: 35px; padding: 20px 3px 5px; position: absolute; right: 0px; }
.micro-profile .avatar { display: block; width: 50px; position: absolute; top: 5px; border-width: 0px; }
.micro-profile .info { width: 145px; overflow: hidden; position: absolute; top: 5px; left: 60px; }
.micro-profile .info input { width: 112px; }
.user-search-box { width: 200px; }
.user-search-selectlist { z-index: 99999; }
.user-search-selectlist .content { cursor: pointer; padding: 1px 0px; }
.user-search-selectlist .micro-profile .info { width: 200px; }
.user-search-selection .ui-selectlist-item { float: left; margin-right: 5px; }
.user-search-selection .ui-selectlist-item .micro-profile { .rounded-corners(5px, 0, 0, 5px); }
.user-search-displaybox { min-width: 250px; z-index: 99999; }
.user-search-displaybox .control-bar { border: none; }
.user-search-displaybox .control-bar .ui-pagination { padding: 5px; display: inherit; }
.user-search-selectlist .micro-profile { margin: 1px auto; display: inherit; }
.ie7 .user-search-pagination-note { margin: 5px 0; }
.ie7 .user-search-displaybox .control-bar { width: 350px; }
.ie7 .user-search-displaybox { min-width: 350px; }
.ie7 .user-search-selectlist .micro-profile { margin: 1px 68px 1px 67px; width: 198px; display: inline-block; }

/* Mini Profiles */
@mini_background: transparent;
@mini_border: 1px solid @container_inner_border_color;
@mini_border_radius: 10px;
@mini_text_align: left;
@mini_text_color: @container_text_color_1;
@mini_text_font: @empty;
@mini_links_color: @container_links_color;
@mini_links_font: @empty;
@mini_links_decoration: @empty;
@mini_avatar_align: center;
@mini_personal_text_color: @container_text_color_1;
@mini_personal_text_font: 75% @default_forum_text_font_family;
@mini_personal_text_align: left;
@mini_info_text_color: @container_text_color_1;
@mini_info_text_font: 75% @default_forum_text_font_family;
@mini_info_text_align: left;
@mini_even_background: @mini_background;
@mini_even_border: @mini_border;
@mini_even_border_radius: @mini_border_radius;
@mini_even_text_align: @mini_text_align;
@mini_even_text_color: @container_text_color_2;
@mini_even_text_font: @mini_text_font;
@mini_even_links_color: @container_links_color;
@mini_even_links_font: @mini_links_font;
@mini_even_links_decoration: @mini_links_decoration;
@mini_even_personal_text_color: @container_text_color_2;
@mini_even_personal_text_font: @mini_personal_text_font;
@mini_even_personal_text_align: @mini_personal_text_align;
@mini_even_info_text_color: @container_text_color_2;
@mini_even_info_text_font: @mini_info_text_font;
@mini_even_info_text_align: @mini_info_text_align;
@mini_warning_background: #AAAAAA url("http://images.proboards.com/v5/gradients/bar.png") repeat-x scroll left center;
@mini_warning_border: 1px solid #000000;
@mini_warning_border_radius: 5px;
@mini_warning_text_align: right;
@mini_warning_number_background_color: #000000;
@mini_warning_number_border_radius: 5px;
@mini_warning_number_text_color: #FFFFFF;
@mini_warning_number_text_font: @empty;
@mini_warning_number_text_decoration: @empty;
@mini_warning_low_background_color: #FFCC22;
@mini_warning_medium_background_color: #FF6611;
@mini_warning_high_background_color: #FF0000;
.mini-profile { color: @mini_text_color; font: @mini_text_font; background: @mini_background; border: @mini_border; .rounded-corners(@mini_border_radius); text-align: @mini_text_align; overflow: hidden; padding: 13px 10px; width: 220px; }
.mini-profile .personal-text { color: @mini_personal_text_color; display: block; font: @mini_personal_text_font; text-align: @mini_personal_text_align; }
.mini-profile .info { color: @mini_info_text_color; font: @mini_info_text_font; text-align: @mini_info_text_align; }
div.mini-profile a { color: @mini_links_color; font: @mini_links_font; text-decoration: @mini_links_decoration; }
.even .mini-profile { color: @mini_even_text_color; font: @mini_even_text_font; background: @mini_even_background; border: @mini_even_border; .rounded-corners(@mini_even_border_radius); text-align: @mini_even_text_align; }
.even .mini-profile .personal-text { color: @mini_even_personal_text_color; font: @mini_even_personal_text_font; text-align: @mini_even_personal_text_align; }
.even .mini-profile .info { color: @mini_even_info_text_color; font: @mini_even_info_text_font; text-align: @mini_even_info_text_align; }
.even div.mini-profile a { color: @mini_even_links_color; font: @mini_even_links_font; text-decoration: @mini_even_links_decoration; }
.warning-bar { background: @mini_warning_background; border: @mini_warning_border; .rounded-corners(@mini_warning_border_radius); padding-bottom: 2px; height: 14px; line-height: 100%; text-align: @mini_warning_text_align; min-width: 40px !important; }
.warning-bar .number { color: @mini_warning_number_text_color; font: @mini_warning_number_text_font; text-decoration: @mini_warning_number_text_decoration; background-color: @mini_warning_number_background_color; .rounded-corners(@mini_warning_number_border_radius); opacity: 0.5; font-size: 0.6em; margin-right: 1px; padding: 0px 2px 1px 2px; }
.warning-low { background-color: @mini_warning_low_background_color; background-position: center; }
.warning-medium { background-color: @mini_warning_medium_background_color; background-position: center; }
.warning-high { background-color: @mini_warning_high_background_color; background-position: center; }
.mini-profile .avatar { max-width: 220px; max-height: 350px; overflow-x: hidden; overflow-y: hidden; margin: auto; border-width: 0px; vertical-align: middle; }
.avatar-wrapper { display: table-cell; text-align: @mini_avatar_align; vertical-align: middle; }
.avatar-wrapper > div, #avatar-preview.flash_present.image_present > div { position: relative; }
.avatar-wrapper div object, .flash-avatar object, #avatar-preview.flash_present.image_present div object, .avatar-wrapper > div > img { position: absolute; top: 0; left: 0; }
.avatar-wrapper * { vertical-align: middle; }
.avatar_size_default, .avatar_size_default embed, .avatar_size_default object, .avatar_size_default > div, .avatar-wrapper.avatar_size_default > div > div { height: 350px; width: 220px; }
.avatar-wrapper > div > div { display: table-cell; vertical-align: middle; }
.avatar_size_default img, .avatar_size_default default { max-height: 350px; max-width: 220px; }
.avatar_size_medium, .avatar_size_medium embed, .avatar_size_medium object, .avatar_size_medium > div, .avatar-wrapper.avatar_size_medium > div > div { height: 75px; width: 75px; }
.avatar_size_medium img, .avatar_size_medium default { max-height: 75px; max-width: 75px; }
.avatar_size_small, .avatar_size_small embed, .avatar_size_small object, .avatar_size_small > div, .avatar-wrapper.avatar_size_small > div > div { height: 50px; width: 50px; }
.avatar_size_small img, .avatar_size_small default { max-height: 50px; max-width: 50px; }
.avatar_size_quote, .avatar_size_quote embed, .avatar_size_quote object, .avatar_size_quote > div, .avatar-wrapper.avatar_size_quote > div > div { height: 30px; width: 30px; }
.avatar_size_quote img, .avatar_size_quote default { max-height: 30px; max-width: 30px; }
#flash-avatar-preview .flash-avatar object { position: relative; }
#avatar-preview.flash_present div object { position: inherit; }
#avatar-preview.flash_present > div { position: inherit; }
#avatar-preview .hide { display: none; }
.avatar_size_placeholder { height: 350px; width: 220px; }
.mini-profile .badges img { height: 24px; width: 24px; }

/* Buttons */
@buttons_background_image: none;
@buttons_background_attachment: @empty;
@buttons_background_repeat: repeat-x;
@buttons_background_position: center center;
@buttons_border: 1px solid darken(@buttons_background_color, 20%);
@buttons_border_radius: 0px 0px 0px 0px;
@buttons_text_font: 12px Verdana, Arial;
@buttons_text_decoration: none;
@buttons_hover_background: #202020 center repeat-x scroll;
@buttons_hover_border: 1px solid darken(@buttons_background_color, 20%);
@buttons_hover_text_color: lighten(@buttons_text_color, 20%);
@buttons_hover_text_font: @buttons_text_font;
@buttons_hover_text_decoration: @buttons_text_decoration;
@buttons_active_background: #202020   scroll;
@buttons_active_border: 1px solid darken(@buttons_background_color, 20%);
@buttons_active_text_color: @link_color;
@buttons_active_text_font: @buttons_text_font;
@buttons_active_text_decoration: @buttons_text_decoration;
.button, a.button, input[type="submit"], input[type="button"], button { color: @buttons_text_color; font: @buttons_text_font; text-decoration: @buttons_text_decoration; background-color: @buttons_background_color; background-image: @buttons_background_image; background-attachment: @buttons_background_attachment; background-repeat: @buttons_background_repeat; background-position: @buttons_background_position; border: @buttons_border; .rounded-corners(@buttons_border_radius); min-height: 20px; line-height: 20px !important; padding: 2px 0px; display: inline-block; vertical-align: middle; margin-left: 3px; cursor: pointer; white-space: nowrap; }
.button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover { color: @buttons_hover_text_color; font: @buttons_hover_text_font; text-decoration: @buttons_hover_text_decoration; background: @buttons_hover_background; border: @buttons_hover_border; }
.button:active, input[type="submit"]:active, input[type="button"]:active, button:active, .shoutbox_refresh_button.active, .liked.likes-button, .button.state-selected { color: @buttons_active_text_color; font: @buttons_active_text_font; text-decoration: @buttons_active_text_decoration; background: @buttons_active_background; border: @buttons_active_border; }
a.button { padding: 2px 6px; }
.button .status { padding: 0 6px 0 2px; .rounded-corners(0); border: @buttons_border; border-width: 0px 1px 0px 0px; float: left; overflow: hidden; word-wrap: break-word; white-space: nowrap; }
.button .status img { display: block; margin-top: 2px; position: relative; left: 2px; }
.button .icon { padding: 1px 2px 1px 1px; border: 0; float: left; line-height: normal !important; }
input[type="submit"], input[type="button"], button { padding: 2px 6px; min-height: 26px; }
.button-x { position: absolute; top: 50%; right: 3px; margin-top: -8px; cursor: pointer; display: block; text-indent: -9999px; width: 16px; height: 16px; background: url('http://images.proboards.com/v5/icons-default.png') -16px -32px no-repeat; }
.button-x:hover { background: url('http://images.proboards.com/v5/icons-default.png') 0px -32px no-repeat; }
.button.post-options { padding: 2px 0 2px 0; }
.reply_button { float: right; }

/* Forms */
@forms_field_background: #FFFFFF;
@forms_field_border: @empty;
@forms_field_border_radius: @empty;
@forms_field_text_color: @empty;
@forms_field_text_font: @empty;
@forms_area_background: @empty;
@forms_area_border: @empty;
@forms_area_border_radius: @empty;
@forms_area_text_color: @empty;
@forms_area_text_font: @empty;
@forms_select_background: @empty;
@forms_select_border: @empty;
@forms_select_border_radius: @empty;
@forms_select_text_color: @empty;
@forms_select_text_font: @empty;
input[type="text"], input[type="email"], input[type="password"] { color: @forms_field_text_color; font: @forms_field_text_font; background: @forms_field_background; border: @forms_field_border; .rounded-corners(@forms_field_border_radius); width: 300px; height: 20px; padding: 2px; }
textarea { color: @forms_area_text_color; font: @forms_area_text_font; background: @forms_area_background; border: @forms_area_border; .rounded-corners(@forms_area_border_radius); resize: none; }
select { color: @forms_select_text_color; font: @forms_select_text_font; background-color: @forms_select_background; border: @forms_select_border; .rounded-corners(@forms_select_border_radius); height: 26px; padding: 2px; }
input[type="text"].short { width: 50px; }
input[type="text"].search-input { width: inherit; }
input.date { width: 77px; }
input.time { width: 55px; }

/* Labels */
@labels_weight: bold;
@labels_size: 80%;
@labels_case: none;
@labels_caps: normal;
.ui-label { font-size: @labels_size; font-weight: @labels_weight; text-transform: @labels_case; font-variant: @labels_caps; position: relative; top: -1px; margin: 0 5px 0 0; display: inline; }
.label-row { height: 20px; line-height: 20px !important; margin: 10px 0; clear: left; }
.label-row * { float: left; }
.label-row .ui-label, .label-row span.label-delete-button { margin-bottom: -5px; margin-left: 5px; }
#manage-labels-container .style-wrapper .color_input { border: 1px solid #AAAAAA; }
#manage-labels-container .style-wrapper .color-picker { border: 1px solid #AAAAAA; background: #EEEEEE; .rounded-corners(0, 5px, 5px, 0); }
#manage-labels-container .style-wrapper .color-picker-preview { border: 1px solid #AAAAAA; border-right: none; }

/* Quotes */
@quotes_background: #202020   scroll;
@quotes_border: 2px solid @container_inner_border_color;
@quotes_border_radius: 5px 5px 5px 5px;
@quotes_sub_background: #303030   scroll;
@quotes_sub_border: @quotes_border;
@quotes_sub_border_radius: @quotes_border_radius;
#content .content .quote div.quote_body { background: @quotes_background; border: @quotes_border; .rounded-corners(@quotes_border_radius); margin-top: 7px; padding: 10px 10px; }
#content .content .quote div.quote div.quote_body { background: @quotes_sub_background; border: @quotes_sub_border; .rounded-corners(@quotes_sub_border_radius); }
.quote { margin: 0 10px; padding-bottom: 10px; position: relative; top: 0px; }
.quote div.quote_avatar_container { float: left; }
.quote div.no_avatar_placeholder { display: inline-block; height: 30px; width: 30px; position: absolute; top: 14px; left: 4px; }
.quote div.quote_header { display: block; margin: 7px 0px 16px 35px; }
.quote.no_header { padding-top: 10px; }

/* Info Centers */
@info_background: @empty;
@info_inner_border: 1px solid @container_inner_border_color;
@info_text_color: @container_text_color_1;
@info_text_font: @empty;
@info_links_color: @container_links_color;
@info_links_font: @empty;
@info_links_decoration: @empty;
@info_titles_color: @empty;
@info_titles_font: @empty;
.stats table { background: @info_background; width: 100%; }
.stats .content > table > tbody > tr > td { border: @info_inner_border; border-right-width: 0px; border-bottom-width: 0px; width: 43%; }
.stats .content { color: @info_text_color; font: @info_text_font; }
.stats .content a { color: @info_links_color; font: @info_links_font; text-decoration: @info_links_decoration; }
.stats th { color: @info_titles_color; font: @info_titles_font; text-align: left; }
.stats .icon { width: 70px; text-align: center; vertical-align: middle; }
.stats .info { padding: 10px 10px 10px 0px; }
.stats .content > table { width: 100%; table-layout: auto; }
.stats .content > table table table tr:last-child td a { white-space: nowrap; }
.stats .content > table > tbody > tr > td:first-child { border-left-width: 0px; width: 57%; }
.stats .content > table > tbody > tr:first-child > td { border-top-width: 0px; }

/* Shoutbox */
@shoutbox_message_background: @empty;
@shoutbox_message_border: @empty;
@shoutbox_message_border_radius: 5px;
@shoutbox_message_text_color: @empty;
@shoutbox_message_text_font: @empty;
@shoutbox_shouts_background: @empty;
@shoutbox_shouts_border: 1px solid @container_inner_border_color;
@shoutbox_shouts_border_radius: 5px;
@shoutbox_shouts_text_color: @empty;
@shoutbox_shouts_text_font: @empty;
@shoutbox_shouts_edit_color: @empty;
@shoutbox_shouts_edit_font: 85% @default_forum_text_font_family;
@shoutbox_shouts_edit_decoration: @empty;
@shoutbox_shouts_delete_background: @empty;
@shoutbox_shouts_delete_border: 1px solid @container_inner_border_color;
@shoutbox_shouts_delete_border_radius: 5px;
@shoutbox_shouts_delete_text_color: @container_text_color_1;
@shoutbox_shouts_delete_text_font: bold 100% @default_forum_text_font_family;
@shoutbox_shouts_delete_text_decoration: none;
@shoutbox_shouts_selected_background: @container_highlight_color;
@shoutbox_reply_background: @empty;
@shoutbox_reply_border: 1px solid @container_inner_border_color;
@shoutbox_reply_border_radius: 5px;
@shoutbox_reply_counter_color: @container_text_color_1;
@shoutbox_reply_counter_font: 85% @default_forum_text_font_family;
.shoutbox_welcome_message { color: @shoutbox_message_text_color; font: @shoutbox_message_text_font; background: @shoutbox_message_background; border: @shoutbox_message_border; .rounded-corners(@shoutbox_message_border_radius); margin-bottom: 10px; }
.shoutbox_messages .shoutbox-post { color: @shoutbox_shouts_text_color; font: @shoutbox_shouts_text_font; background: @shoutbox_shouts_background; border: @shoutbox_shouts_border; .rounded-corners(@shoutbox_shouts_border_radius); text-align: left; position: relative; overflow: hidden; margin-top: 10px; margin-right: 10px; padding: 5px 15px 5px 10px; }
.shoutbox_messages .shoutbox_edit_button { color: @shoutbox_shouts_edit_color; font: @shoutbox_shouts_edit_font; text-decoration: @shoutbox_shouts_edit_decoration; display: inline-block; width: 32px; margin-right: 5px; visibility: visible; }
.shoutbox_messages .hidden { visibility: hidden; }
.shoutbox_messages .shoutbox_delete_button { color: @shoutbox_shouts_delete_text_color; font: @shoutbox_shouts_delete_text_font; text-decoration: @shoutbox_shouts_delete_text_decoration; background: @shoutbox_shouts_delete_background; border: @shoutbox_shouts_delete_border; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; position: absolute; right: -7px; top: 0; width: 15px; cursor: pointer; margin-left: 20px; margin-top: 0px; padding: 3px; height: 100%; display: inline-block; }
.shoutbox .state-selected { background: @shoutbox_shouts_selected_background; }
.shoutbox_form { background: @shoutbox_reply_background; border: @shoutbox_reply_border; .rounded-corners(@shoutbox_reply_border_radius); padding: 10px; height: 100px; }
.shoutbox_form .shoutbox_counter { color: @shoutbox_reply_counter_color; font: @shoutbox_reply_counter_font; float: right; margin-top: -5px; }
.shoutbox_form textarea.gray { color: #666666; }
.shoutbox_messages { overflow-y: scroll; text-align: center; position: relative; }
.shoutbox .content { padding: 10px; }
.shoutbox_messages .shoutbox-post:first-child { margin-top: 0px; }
.shoutbox_messages .message { padding-right: 10px; word-wrap: break-word; }
.shoutbox_messages .details { float: right; margin: 0px 15px 0px 10px; height: 16px; vertical-align: bottom; }
.shoutbox_form.reply-box-bottom { margin-top: 10px; }
.shoutbox_form.reply-box-top { margin-bottom: 10px; }
.shoutbox_form input[type="text"] { margin-top: 2px; margin-bottom: 4px; }
.shoutbox_form .button img { display: inline; padding: 2px 0 0; }
.shoutbox_form .shoutbox_refresh_button { float: right; padding: 2px 6px 0px 6px; }
.shoutbox_form ul.tools { white-space: nowrap; display: inline-block; }
.shoutbox_form ul.tools li { float: left; margin: 0; padding: 0; .rounded-corners(0px); border: 0; height: 22px; width: 26px; text-align: center; line-height: 18px !important; }
.shoutbox_form ul.tools li img { padding: 0; }
.shoutbox_form textarea { height: 38px; width: 100%; margin-right: 0px; margin-bottom: 5px; margin-top: 5px; position: inherit; .box-sizing(); }
.shoutbox_form .shoutbox_post_button { margin-left: 0px; }
.shoutbox_form .shoutbox_cancel_button { vertical-align: bottom; }
.shoutbox_name { padding: 10px 0; height: 22px; }
.shoutbox_name input { height: 15px; width: 50%; min-width: 150px; }
.shoutbox_container { position: relative; }
.shoutbox_container > .shoutbox_form_container { position: absolute; width: 100%; }
.shoutbox_container.orientation-top { padding-top: 174px; }
.shoutbox_container.orientation-top.no-post { padding-top: 0; }
.shoutbox_container.orientation-top > .shoutbox_form_container { top: 0; }
.shoutbox_container.orientation-bottom { padding-bottom: 174px; }
.shoutbox_container.orientation-bottom.no-post { padding-bottom: 0; }
.shoutbox_container.orientation-bottom > .shoutbox_form_container { bottom: 0; }

/* Legend */
.legend .content td { padding: 10px 5px; vertical-align: middle; color: @container_text_color_1; }
.legend .content td:first-child { padding-left: 15px; }
.legend .content td * { vertical-align: middle; }
.legend .new-icon { display: block; }

/* Quick Reply */
.quick-reply textarea { border-width: 1px; border-style: solid; border-color: @container_inner_border_color; height: 150px; padding: 5px; width: 100%; resize: none; .box-sizing(); }
.quick-reply .content { padding: 10px; }
.quick-reply .message { margin-bottom: 10px; }
.quick-reply .guest_name { padding: 0px 10px 10px 0px; vertical-align: middle; }
.quick-reply .guest_name label { display: inline; font-weight: 800; }
.quick-reply input[type="submit"] { margin-left: 0px; }

/* Posting Page */
@smiles_menu_width: 280px;
@smile_padding: 5px;
.wysiwyg-area label { font-weight: 800; }
.wysiwyg-area .outline { padding: 10px; border-width: 1px; border-style: solid; border-color: @container_inner_border_color; .rounded-corners(); }
.wysiwyg-area .content { padding: 10px 10px 0px 10px; }
.wysiwyg-area .content > form > div { margin-bottom: 10px; }
.wysiwyg-area .subject_line .controls { float: right; }
.wysiwyg-area .subject_line .subject_input { overflow: hidden; padding-right: 13px; }
.wysiwyg-area .subject_line input { width: 100%; }
.wysiwyg-area .subject_line table { width: 100%; table-layout: auto; }
.wysiwyg-area .subject_line .subject_input { line-height: 28px !important; }
.wysiwyg-area .subject_line table .subject { width: 70px; }
.wysiwyg-area .end-date, .wysiwyg-area .attachment, .new-area .captcha { display: none; }
.wysiwyg-area .poll .poll-options { line-height: 30px !important; }
.wysiwyg-area .poll [name="poll_max_answers"] { width: 25px; }
.wysiwyg-area .poll table { width: 100%; table-layout: auto; }
.wysiwyg-area .poll td { vertical-align: top; padding: 5px 10px 5px 0px; line-height: 230%; }
.wysiwyg-area .poll th { text-align: left; padding-bottom: 5px; }
.wysiwyg-area .submit { height: 32px; vertical-align: middle; line-height: 28px !important; }
.ui-wysiwyg .button { border: none; margin: 0; padding: 0; .rounded-corners(0px); color: #000000; background: none; }
.ui-wysiwyg .button-fontName, .ui-wysiwyg .button-fontSize { background-color: transparent; }
.ui-wysiwyg .ui-selectMenu { line-height: normal; }
.ui-wysiwyg .ui-selectMenu-box { height: 20px; }
.ui-wysiwyg .ui-selectMenu-box .status { border: none; line-height: 20px !important; padding: 0; width: auto; }
.ui-wysiwyg .ui-selectMenu-box .icon { border: none; }
.ui-wysiwyg .ui-selectMenu-box .arrow { height: 20px; }
.new-area .user-search .content { padding: 0px 15px 0px 0px; }
.new-area .recipients h4 { display: block; margin-bottom: 3px; }
.new-area .guest_name input { width: 485px; }
.wysiwyg-area .edit_reason > label { float: left; line-height: 28px; width: 180px; }
.wysiwyg-area .edit_reason > div { margin-left: 180px; margin-right: 8px; }
.wysiwyg-area .edit_reason > div > input { width: 100%; }
.grp_recipients_div { display: none; }
.grp_recipients_div a { display: block; clear: both; padding-top: 10px; }
.loadingOverlay { background-image: url('http://purpledreamskin.proboards.com/images/loader/processing.gif'); background-position: center center; background-repeat: no-repeat; position: absolute; }
#announcement-options { display: none; width: 500px; }
.smiley-menu { width: @smiles_menu_width; }
.smiley-menu > li > a { padding: @smile_padding; }
.smiley-menu > li:hover > a { padding: @smile_padding; }

/* Editing Area */
.ui-wysiwyg .editors { border-width: 1px; border-style: solid; border-color: @container_inner_border_color; }
.wysiwyg-tabs li { float: left; position: relative; bottom: 1px; margin: 1px 2px 0 0; list-style: none; background: @tabs_unselected_background; border: 1px solid @container_inner_border_color; border-top-width: 0px; .rounded-corners(0, 0, 5px, 5px); }
.wysiwyg-tabs li:hover { background: @tabs_hover_background; border: @tabs_hover_border; }
.wysiwyg-tabs li a { color: @tabs_unselected_text_color; font: @tabs_unselected_text_font; text-decoration: @tabs_unselected_text_decoration; float: left; padding: 5px 15px; text-decoration: none; }
.wysiwyg-tabs li.ui-active { background-color: @posts_odd_background_color; background-image: @posts_odd_background_image; background-attachment: @posts_odd_background_attachment; background-repeat: @posts_odd_background_repeat; background-position: @posts_odd_background_position; border: @tabs_selected_border; margin-top: 0px; padding-top: 1px; }
.wysiwyg-tabs li.ui-active a { color: @tabs_selected_text_color; font: @tabs_selected_text_font; text-decoration: @tabs_selected_text_decoration; }
.wysiwyg-smiley-menu .state-disabled { display: none; }

/* BBCode Editor */
@bbcode_editor_background_color: #181818;
@bbcode_editor_text_color: #cacaca;
@bbcode_editor_text_font_family: "Trebuchet MS", Helvetica, sans-serif;
.ui-wysiwyg .editors .bbcode-editor textarea { color: @bbcode_editor_text_color; font-family: @bbcode_editor_text_font_family; background-color: @bbcode_editor_background_color; }

/* Preview Editor */
@ve_posts_odd_text_color: #d8d8d8;
@ve_posts_odd_background_color: transparent;
@ve_posts_odd_background_image: @posts_odd_background_image;
@ve_posts_odd_background_attachment: @posts_odd_background_attachment;
@ve_posts_odd_background_repeat: @posts_odd_background_repeat;
@ve_posts_odd_background_position: @posts_odd_background_position;
@ve_lists_links_color: @lists_links_color;
@ve_default_forum_text_font_style: @default_forum_text_font_style;
@ve_default_forum_text_font_weight: @default_forum_text_font_weight;
@ve_default_forum_text_font_size: @default_forum_text_font_size;
@ve_default_forum_text_font_family: @default_forum_text_font_family;
@ve_quotes_background: @quotes_background;
@ve_quotes_border: @quotes_border;
@ve_quotes_border_radius: @quotes_border_radius;
@ve_quotes_sub_background: @quotes_sub_background;
@ve_quotes_sub_border: @quotes_sub_border;
@ve_quotes_sub_border_radius: @quotes_sub_border_radius;
@ve_posts_code_background: @posts_code_background;
@ve_posts_code_border: @posts_code_border;
@ve_posts_code_text_color: @posts_code_text_color;
@ve_posts_code_text_font: @posts_code_text_font;

/* Guests Online Dialogs */
#guests-online table { width: 150px; margin: auto; }
#guests-online th, #guests-online td { padding: 2px 0; text-align: @members_align_name; }

/**************************************************************************
 *                             Browser Hacks                              *
 **************************************************************************/

/* IE7 */
.ie7 * { word-wrap: normal; }
.ie7 .shoutbox .shoutbox-post * { word-wrap: break-word; }
.ie7 .show-user .status-input input { width: 95%; margin-top: 0px; }
.ie7 .show-user .status-submit { width: 130px; text-align: right; }
.ie7 .show-user .edit-controls { text-align: right; padding-right: 10px; }
.ie7 .show-user .edit-controls .icon { text-align: center; }
.ie7 .search .options-container { height: 250px; }
.ie7 .calendar .cal-box { border-collapse: collapse; }
.ie7 .ui-pagination { float: left; }
.ie7 .recipients .user-search-selection .ui-selectlist-item .close { right: 0px; }
.ie7 .user-search-selection .ui-selectlist-item .close { right: -8px; }
.ie7 .micro-profile { zoom: 1; *display: inline; width: 188px; margin: 0px 0px 3px 0px; padding-right: 9px; text-align: left; }
.ie7 .container.copy table.list { border-collapse: separate; }
.ie7 .ui-search .search-input { margin-top: -1px; }
.ie7 .threads .main table, .ie7 .conversations .main table { table-layout: auto; }
.ie7 table.list .checkbox { padding-left: 1px; }
.ie7 .avatar-wrapper span { display: inline-block; height: 100%; }
.ie7 .cal-preview-panel .cal-box .head { padding: 2px 0px 2px 4px; }
.ie7 input[type="text"] { padding-top: 5px; vertical-align: middle; }
.ie7 select { vertical-align: middle; }
.ie7 input[type=text].search-input { width: auto; padding: 4px 2px 0px 2px; }
.ie7 .search #what input, .ie7 .search #where input, .ie7 .search #who input, .ie7 .search #who select { width: 210px; }
.ie7 .legend table { table-layout: auto; }
.ie7 .edit-user .options.content-box input[type="submit"] { left: auto; }
/* I'm aware that this line is ridiculous.  It removes the extra black border around submit buttons, by making black transparent and setting the color to off-black */
.ie7 input[type="submit"], .ie7 input[type="button"], .ie7 button { padding: 1px 6px 3px 6px; height: 26px; color: lighten(@buttons_text_color, 1%); background-color: lighten(@buttons_background_color, 1%); filter:chroma(color=#000000); overflow: visible; }
.ie7 .container > .control-bar { margin-bottom: 0px; }
.ie7 a.likes-button, .ie7 .messages .quote-button { margin-right: 3px; min-height: 23px; }
.ie7 .user-search-box input[type=text].search-input, .ie7 .filter input[type="text"].search-input { width: 112px; }
.ie7 .recent-threads-button { padding-right: 2px; }
.ie7 .subject_line .controls { margin-top: 1px; }
.ie7 .ui-poll .results td.answer { width: 175px; }
.ie7 .shoutbox_messages .shoutbox-post.content-box { padding-right: 16px; }
.ie7 footer ul { width: 530px; }
.ie7 .options_menu li.ui-menu-has-sub-menu > .arrow { display: inline; }
.ie7 .options_menu li { width: 190px; position: static; }
.ie7 .options_menu li .arrow { margin-top: -22px; top: auto; }
.ie7 .options_menu hr { display: none; }
.ie7 .quick-reply textarea { width: 99%; }
.ie7 .ui-poll table { table-layout: auto; }
.ie7 .ui-poll .results .stats { float: none; }
.ie7 .users { width: 100%; }
.ie7 .users .ui-pagination { margin: 0 auto; display: inline; float: none; }
.ie7 .name_and_group.float-right { float: none; }
.ie7 .shoutbox_form ul.tools li img { border: 1px solid transparent; }
.ie7 .shoutbox_form textarea { word-wrap: break-word; }
.ie7 #banner { padding: 0px 0px; }
.ie7 a#logo { padding: 0px 20px; line-height: 100px !important; }
.ie7 div.post-options { display: inline !important; }
.ie7 .ui-menu li { background-image: none; }
.ie7 .ui-menu li:hover > a { background-image: none; }
.ie7 .attachment-button-text { padding: 0 5px 3px 5px; }
.ie7 .wysiwyg-area .edit_reason > div { height: 28px; margin-left: 0; margin-right: 8px; }
.ie7 .wysiwyg-area .submit { line-height: 1px !important; }
.ie7 .show-user .controls { margin-right: 10px; }
.ie7 #nav-tree > li { display: inline; }
.ie7 #navigation-tree, .ie7 #nav-tree, .ie7 #nav-tree > li { height: 21px; }
.ie7 .recent-threads-button { height: 15px; }
.ie7 #nav-tree .menu_arrow { top: -1px; border-width: 11px 1px 11px 11px; }
.ie7 #password-wrapper div { display: inline; }
.ie7 #password-wrapper div input[name="password"] { position: relative; top: 5px; }
.ie7 #banner { min-height: @banner_height; height: auto; }
.ie7 #nav-tree { position: relative; overflow: hidden; }
.ie7 .show-user table .center-col:first-child table { table-layout: auto; }
.ie7 .popup_html .ui-menu { position: relative; z-index: 99999999; }
.ie7 #navigation-menu > ul li a { min-width: 21px; }
.ie7 #welcome { min-width: 200px; }
.ie7 .avatar_size_default { font-size: 120px; }
.ie7 .avatar_size_medium { font-size: 60px; }
.ie7 .avatar_size_small { font-size: 40px; }
.ie7 .avatar_size_quote { font-size: 24px; }

/* IE8 */
.ie8 select {padding-top: 2px; padding-bottom: 2px; }
.ie8 .user-search-selection .ui-selectlist-item .close { right: 0px; }
.ie8 .container.copy table.list { border-collapse: separate; }
.ie8 .boards .threads { padding-left: 8px; padding-right: 8px; }
.ie8 .options_menu { max-width: 190px; }
.ie8 input[type="text"] { line-height: 20px; }
.ie8 .recent-threads-button { line-height: 1.4em; }
.ie8 .shoutbox_messages .shoutbox-post.content-box { padding-right: 16px; }
.ie8 .user-search .user-search-box .user-search-input { width: 135px; }
.ie8 table.list td.icon, .ie8 table.list th.icon { width: 54px; }
.ie8 #nav-tree { display: inline-block; }
.ie8 #content #navigation-tree, .ie8 #nav-tree, .ie8 #nav-tree > li { height: 21px; }
.ie8 #content .recent-threads-button { height: 15px; }
.ie8 #nav-tree .menu_arrow { top: -1px; border-width: 11px 1px 11px 11px; }
.ie8 #nav-tree > li { padding-right: 1px; }
.ie8 .popup_html ul { max-width: 550px; }
.ie8 input[type="submit"], input[type="button"], button { min-height: 20px; }

/* IE9 */
.ie9 .avatar-wrapper > div > div { display: inherit; }
.ie9 .user-search-selection .ui-selectlist-item .close { right: 1px; }
.ie9 #nav-tree { display: inline-block; }

/* Firefox */
@-moz-document url-prefix() {
	select { padding: 4px 2px; }
	.ui-search .search-filters-button { padding-left: 6px; }
	.ui-tabMenu ul li { height: 27px; }
}

/* Screen-only (tablets, phones) */
@media only handheld { 
	textarea { font-size: 2em; } 
}



/* CUSTOM CSS BELOW */


/* REMOVE NAV TREE BOX SHADOW */
.popup_html ul {
-webkit-box-shadow: 0 0 0 transparent;
   -moz-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
}


/* border around forum */
#wrapper {
    background-color: #111111;  
    border-left: 10px solid #0a0a0a;
    border-right: 10px solid #0a0a0a;
    border-bottom: 10px solid #0a0a0a;
    padding: 0 10px 10px 10px;
    margin-bottom:10px;
}


/* NAV BAR INSIDE BANNER */
#navigation-menu { background: #111111; margin-top: 5px; margin-left:116px; border: 10px solid #371419; width:610px;}
#navigation-menu>ul, #navigation-menu>ul li { text-align: left; margin-bottom:-5px; }
#welcome { float:right; text-align: left; }
#welcome a, #welcome a:hover, #welcome a:active { text-decoration: none !important; }


#navigation-menu li a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-family: georgia;
    text-transform: uppercase;
}

#navigation-menu>ul li a.state-active { color: #d8d8d8 !important; }
           
#navigation-menu li a:hover {
   color: #d8d8d8;
}

 #welcome a  {
    
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-left: 11px;
    text-transform: uppercase;
}

#welcome a:hover {
   color: #d8d8d8;
}


/* TITLE BAR STYLES */

.titles {
    width:920px;
    background-color:#140D0E;
    border-left: 10px solid #0a0a0a;
    border-right: 10px solid #0a0a0a;
    border-top: 2px solid #0a0a0a;
    border-bottom: 5px solid #0a0a0a;
    color:#d8d8d8;
    padding:5px;
    font-size:18px;
    text-transform:uppercase;
    text-align:center;
    text-shadow: 0 0 4px #000;
    letter-spacing:1px;
}

.titles1 {
    width:910px;
    background-color:#140D0E;
    border-left: 10px solid #0a0a0a;
    border-right: 10px solid #0a0a0a;
    border-top: 2px solid #0a0a0a;
    border-bottom: 5px solid #0a0a0a;
    color:#d8d8d8;
    padding:5px;
    font-size:18px;
    text-transform:uppercase;
    text-align:center;
    text-shadow: 0 0 4px #000;
    letter-spacing:1px;
}

.titles2 {
    width:900px;
    background-color:#140D0E;
    border-left: 10px solid #0a0a0a;
    border-right: 10px solid #0a0a0a;
    border-top: 2px solid #0a0a0a;
    border-bottom: 5px solid #0a0a0a;
    color:#d8d8d8;
    padding:5px 10px;
    font-size:18px;
    text-transform:uppercase;
    text-shadow: 0 0 4px #000;
    letter-spacing:1px;
    margin-left:-20px;
}

.titles3 {
    width:910px;
    background-color:#140D0E;
    border-left: 10px solid #0a0a0a;
    border-right: 10px solid #0a0a0a;
    border-top: 2px solid #0a0a0a;
    border-bottom: 5px solid #0a0a0a;
    color:#d8d8d8;
    padding:5px;
    font-size:18px;
    text-transform:uppercase;
    text-align:center;
    text-shadow: 0 0 4px #000;
    letter-spacing:1px;
    margin-left:-20px;
}

.my-credit {
    text-align:center;
    background-color:#0a0a0a;
    margin:-15px -10px -10px -10px;
    padding:10px 5px 5px 5px;
    color:#d8d8d8;
    font-weight:bold;
}


/* START INFO TABLE CSS */

.info-table {
    width:900px;
    height:330px;
    padding:10px;
    background-color:#111111;
    border-left: 10px solid #0a0a0a;
    border-right: 10px solid #0a0a0a;
    color:#d8d8d8;
}

.info-titles {
    background-color:#111;
    padding:5px;
    text-transform:uppercase;
    font-weight:bold;
}

.info-wel {
    padding:10px;
    background-color:#371419;
    width:300px;
    height:255px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

.wel-content {
    border: 1px solid #111;
    padding:5px;
    height:90px;
    font-size:10px;
    text-align:justify;
    overflow:auto;
}

.info-center {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    width:330px;
    height:255px;
}

.info-spotlight {
    padding:10px;
    background-color:#371419;
}

.spotlight-content {
    border: 1px solid #111;
    padding:5px;
    height:94px;
    font-size:10px;
    text-align:justify;
    overflow:hidden;
}

.spotlighttype {
    text-align:left;
    width:92px;
    margin-left:6px;
    background-color:#202020;
    float:left;
    padding: 2px 0;
    text-align:center;
}

.spotlight {
    width:90px;
    height:75px;
    border:1px solid #0a0a0a;
    float:left;
    margin-left:6px;
    margin-bottom:-10px;
}

.spotlighthover {
    width:90px;
    height:75px;
    opacity:0;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
}

.spotlighthover:hover {
    opacity:1;
}

.spotlightname {
    width:70px;
    background-color:#111;
    padding:2px;
    margin-top:25px;
    font-size:10px;
    text-transform:uppercase;
}

.info-quick {
    padding:10px;
    background-color:#371419;
    margin-bottom:10px;
}

.quick-content {
    border: 1px solid #111;
    height:63px;
    padding:1px 0;
    font-size:10px;
    text-align:justify;
    overflow:auto;
}

.quick {
    width:145px;
    display:block;
    border: 1px solid #181818;
    background-color:#202020;
    text-align:center;
    float:left;
    padding:2px 0;
    margin: 2px 0 0 5px;
    font-size:10px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
}

.quick:hover {
    color:#d8d8d8;
}

.info-staff {
    padding:10px;
    background-color:#371419;
    width:210px;
    height:255px;
    float:left;
    margin-bottom:10px;
}

.staff-content {
    border: 1px solid #111;
    padding:10px;
    height:207px;
    font-size:10px;
    text-align:justify;
    overflow:hidden;
}

.staff2 {
    width:180px;
    height:60px;
    border:1px solid #0a0a0a;
    float:left;
    margin-left:4px;
}

.staffhover {
    width:180px;
    height:60px;
    opacity:0;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
}

.staffhover:hover {
    opacity:1;
}

.staffname {
    width:120px;
    background-color:#0a0a0a;
    padding:2px;
    margin-top:25px;
    font-size:10px;
    text-transform:uppercase;
}

.info-nav {
    text-align:left;
    background-color:#371419;
    padding: 1px 10px;
}

/* END INFO TABLE CSS */


/* START BOARD REMODEL CSS */

.boardtd {
	padding:10px;
    background-color:#371419;
}

.board-name {
    width:415px;
    text-align:center;
    font-size:14px;
    text-transform:uppercase;
    background-color:#111;
    padding:5px;
}

.board-name a {
    font-weight:bold;
}

.board-description {
    font-size:11px;
    padding:8px 5px 8px 8px;
    text-align:justify;
    overflow:auto;
}

.board-post-count {
    width:50px;
    height:38px;
    margin-left:5px;
    background-color:#d8d8d8;
    color:#181818;
    font-size:8px;
    font-weight:bold;
    text-align:center;
    padding:12px 2px 2px 2px;
}

.board-thread-count {
    width:50px;
    height:38px;
    margin-bottom:20px;
    margin-left:5px;
    background-color:#d8d8d8;
    color:#181818;
    font-size:8px;
    font-weight:bold;
    text-align:center;
    padding:12px 2px 2px 2px;
}

.board-last-post {
    width:421px;
    text-align:center;
    font-size:11px;
    background-color:#111;
    padding:2px;
}

/* END BOARD REMODEL CSS */


/* START INFO CENTER REMODEL CSS */

.info-users {
    width:500px;
    background-color:#371419;
    padding:10px;
    float:left;
    margin:10px 10px 0 0;
}

.users-title {
    background-color:#111;
    padding:5px;
    text-align:center;
    font-weight:bold;
    font-size:14px;
    color:#d8d8d8;
}

.users-content {
    border:1px solid #111;
    padding:5px;
    min-height:60px;
    color:#d8d8d8;
}

.info-stats {
    width:350px;
    background-color:#371419;
    padding:10px;
    float:left;
    margin:10px 0 0 0;
}

.stats-title {
    background-color:#111;
    padding:5px;
    text-align:center;
    font-weight:bold;
    font-size:14px;
    color:#d8d8d8;
}

.stats-content {
    border:1px solid #111;
    padding:5px;
    color:#d8d8d8;
    font-size:11px;
    text-align:center;
}

.latest-title {
    background-color:#111;
    margin: 5px -5px;
    padding:3px;
    font-weight:bold;
}

/* END INFO CENTER REMODEL CSS */


/* START THREAD LIST REMODEL CSS */

.thread-stats {
    border:1px solid #111;
    padding:14px 5px 5px 5px;
    width:130px;
    height:36px;
    margin-top:-10px;
    text-align:center;
}

.thread-checkbox {
    border-top:1px solid #111;
    border-bottom:1px solid #111;
    border-left:1px solid #111;
    height:45px;
    width:30px;
    padding-top:10px;
    margin-top:-10px;
}

.thread-main {
    border-top:1px solid #111;
    border-right:1px solid #111;
    border-bottom:1px solid #111;
    border-left:1px solid #371419;
    padding:10px 5px 5px 5px;
    width:440px;
    height:40px;
    margin-top:-10px;
    margin-right:10px;
    margin-left:-1px;
}

.thread-last {
    border:1px solid #111;
    padding:5px;
    width:220px;
    height:45px;
    text-align:center;
    margin-top:-10px;
    margin-left:-20px;
}

/* END THREAD LIST REMODEL CSS */


/* START MINI-PROFILE REMODEL CSS */

.my_avatar {
    position: absolute;
    margin-left: 10px;
    border:1px solid #111111;
}
    
.profilemini {
    width: 200px;
    height: 300px;
    opacity: 0;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-duration: 1s; 
}
    
.profilemini:hover {
    width: 200px;
    height: 300px;
    opacity: 1;
}

.profilemini2 {
    margin-left:-10px;
    background-color:#371419;
    padding-top:10px;
    height:435px;
    width:242px;
}

.mini-name {
    text-align:center;
    margin-left:10px;
    width:212px;
    background-color:#111111;
    padding:5px;
}

.mini-name a {
    font-size:16px;
    font-weight:bold;
}

.mini-group-color {
    width:210px;
    padding:5px;
    margin-left:10px;
    border-left:1px solid #111111;
    border-right:1px solid #111111;
    font-size:10px;
    text-transform:uppercase;
    text-align:center;
    color:#0a0a0a;
}

.mini-inner {
    position:relative; 
    left:10px;
    background-color:#371419; 
    border:1px solid #111111; 
    width:220px; 
    height:350px;
}

.mini-posts {
    width:212px;
    background-color:#111111;
    margin-left:10px;
    margin-top:38px;
    padding:5px;
    text-align:center;
    font-weight:bold;
}

.mini-online {
    padding:5px;
    background-color:#202020;
    border-bottom:1px solid #111111;
    text-transform:uppercase;
}

.mini-gif {
    width:200px;
    height:100px;
    border:1px solid #111111;
    margin-top:10px;
    margin-left:10px;
    float:left;
}

.mini-charage {
    width:59px;
    height:55px;
    border:1px solid #111111;
    padding-top:5px;
    text-align:center;
    margin-top:15px;
    margin-left:10px;
    float:left;
    font-size:14px;
}

.mini-gender {
    float:left;
    width:134px;
    height:19px;
    margin-left:5px;
    margin-bottom:6px;
    border:1px solid #111111;
    padding-top:8px;
    font-size:10px;
    margin-top:15px;
}

.mini-charsex {
    float:left;
    width:134px;
    height:19px;
    margin-left:5px;
    border:1px solid #111111;
    padding-top:8px;
    font-size:10px;
}

.mini-status {
    height:36px;
    margin-top:11px;
    padding:5px 10px;
    font-size:10px;
}

.mini-status2 {
    height:36px;
    margin-top:27px;
    padding:5px 10px;
    font-size:10px;
}

.mini-applot {
    width:85px;
    border:1px solid #111111;
    background-color:#202020;
    margin-top:16px;
    margin-left:10px;
    float:left;
    padding:5px;
}

.mini-music {
    height:23px;
    background-color:#202020;
    border-top:1px solid #111111;
    margin-top:10px;
    padding-top:2px;
}

.mini-music2 {
    height:23px;
    background-color:#371419;
    border-top:1px solid #111111;
    margin-top:35px;
    padding-top:2px;
}

.player {
	position:relative;
	z-index: 100;
} 

.player + .filler {
    display:none;
}

/* END MINI-PROFILE REMODEL CSS */


/* Begin Related Stories and Topics */
.gravity-related-topics .content { 
    border: 0px;
    padding: 15px;
    background-color: #202020;
}
.gravity-related-topics .title-bar {
    width:910px;
    background-color:#140D0E;
    border-left: 10px solid #0a0a0a;
    border-right: 10px solid #0a0a0a;
    border-top: 2px solid #0a0a0a;
    border-bottom: 5px solid #0a0a0a;
    color:#d8d8d8;
    padding:5px;
    font-size:18px;
    text-transform:uppercase;
    text-align:center;
    text-shadow: 0 0 4px #000;
    letter-spacing:1px;
    margin-left:-20px;
    margin-bottom:10px;
}
/* End Related Stories and Topics */



/* Avatar Preview Padding */
#avatar-preview, #avatar-preview div { 
    height: auto;
}
.edit-user #avatar-options .content-box { 
    width: 220px; /* Change this to the exact width of your Avatars */
}
I couldn't really find what you told me. I've changed all #383838 codes but for some reason there's still that color so that's why I'm really confused haha. Retread

EDIT: I've noticed it's on the 'quick reply' area too. I read through a lot of the coding around the 'thread', 'post', and 'reply' stuff but this coding is odd to me.
Last Edit: May 15, 2019 17:53:15 GMT -8 by artsymink
Retread
Veteran
Tribbial Pursuit.
Posts: 5,014
Thread Posting Container May 15, 2019 17:55:56 GMT -8 artsymink likes this
Post by Retread on May 15, 2019 17:55:56 GMT -8

Hi artsymink,

Sorry I wasn't more clear in my previous post. The problem isn't on the Style Sheet. You need to go to the appropriate layout template to find the line I referred to.

From your Admin Panel, navigate:
Admin Home> Themes> Layout Templates>
then click on Thread
then click on the Post List tab

Make the necessary changes on line 9 of that template. Be sure to click the Save Changes button when you're done.
I'm not an expert, I'm one of your peers. A forum owner, just like you. Sharing knowledge builds a better community.
Proud Member of
Guitarnutz2
artsymink
New Member
Posts: 5
Thread Posting Container May 15, 2019 17:58:55 GMT -8
Post by artsymink on May 15, 2019 17:58:55 GMT -8

May 15, 2019 17:55:56 GMT -8 Retread said:
Hi artsymink ,

Sorry I wasn't more clear in my previous post. The problem isn't on the Style Sheet. You need to go to the appropriate layout template to find the line I referred to.

From your Admin Panel, navigate:
Admin Home> Themes> Layout Templates>
then click on Thread
then click on the Post List tab

Make the necessary changes on line 9 of that template. Be sure to click the Save Changes button when you're done.
OH I SEE. OMG YOU'RE A SAINT THANK YOU. <3 <3
It worked ;w;
Retread
Veteran
Tribbial Pursuit.
Posts: 5,014
Thread Posting Container May 15, 2019 18:17:00 GMT -8
Post by Retread on May 15, 2019 18:17:00 GMT -8

Not a saint by any stretch of the imagination. But I do like helping people.

Thank you for confirming the problem is solved. :)

btw, since this is a heavily-modified theme, you might want to contact the person who created the theme if you have other problems. They will be familiar with the changes they made to it.

If you can't contact them, be sure to mention the theme name and link to the copy in the library www.proboards.com/library/themes/item/1266 if you ask for help with theme problems for this theme on the Support Forum. That will save some steps.
I'm not an expert, I'm one of your peers. A forum owner, just like you. Sharing knowledge builds a better community.
Proud Member of
Guitarnutz2
elli Senior Member Posts: 1,822 elli inherit 96289 0 May 17, 2020 9:37:00 GMT -8 elli 1,822 Senior Member January 2007 ebbymac	Thread Posting Container May 16, 2019 7:54:25 GMT -8 Retread likes this Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by elli on May 16, 2019 7:54:25 GMT -8 The person who made this theme is no longer active on ProBoards. If you need help, you'll need to post for it here on Support for someone else to pick up.
	After over 17 years, I've decided to move on from ProBoards. If you need to contact me, find me on my website.
Post by artsymink on May 15, 2019 14:25:36 GMT -8

Post by Retread on May 15, 2019 15:05:57 GMT -8

Post by artsymink on May 15, 2019 15:46:09 GMT -8

Post by Former Member on May 15, 2019 16:15:57 GMT -8

Post by Retread on May 15, 2019 16:37:13 GMT -8

Post by artsymink on May 15, 2019 16:46:22 GMT -8

Post by Retread on May 15, 2019 17:18:42 GMT -8

Post by artsymink on May 15, 2019 17:50:03 GMT -8

Post by Retread on May 15, 2019 17:55:56 GMT -8

Post by artsymink on May 15, 2019 17:58:55 GMT -8

Post by Retread on May 15, 2019 18:17:00 GMT -8

Post by elli on May 16, 2019 7:54:25 GMT -8
