Digi

Compile stylesheet.scss online [Very Easy] - Digi

Compile stylesheet.scss online [Very Easy]

by Raheem » Mon Sep 17, 2018 4:31 pm

Hello,

I'm going to tell you an easy method to compile stylesheet.scss online, without installing any software on your OS.

After you edit the any .scss you must recompile the whole style. The idea is simple. If you looked at stylesheet.scss you will find:
  • Code: Select all

    //
    //	stylesheet.css replacement
    //
    //	This file requires SASS compiler.
    //	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
    //
    //	If you have any questions please visit support forum at:
    //		http://www.artodia.com/forums/
    //
    //	Set your custom configuration variables in _custom_config.scss
    //	Add your custom code to _custom.scss
    //	
    //	After editing any .scss file you must recompile stylesheet.
    //
    /*!
    	DO NOT EDIT stylesheet.css!
    
    	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
    	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
    */
    @import "custom_config";
    @import "style_config";
    @import "common/common";
    @import "common/links";
    @import "common/content";
    @import "common/buttons";
    @import "common/cp";
    @import "common/forms";
    @import "common/imageset";
    @import "common/responsive";
    @import "colours";
    @import "custom";
    @import "common/icons";
    @import "common/normalize";
    @import "common/utilities";
OK we will delete all these imports and copy the code from _custom_config.scss, _style_config.scss, common/_common.scss ... till common/utilities.scss and save it in stylesheet.scss and then we will compile it using: http://beautifytools.com/scss-compiler.php

Full example (Here i copied all to stylesheet.scss and now i'll compile it online):
  • Code: Select all

    //
    // Do not edit configuration values in this file.
    //
    // Instead add your own configuration to _custom_config.scss
    // Copy line from this file, paste it to _custom_config.scss and change value.
    //
    
    // Configuration file
    $show-logo:								true !default;	// true or false
    $center-logo:							false !default;	// true or false
    $logo-block-padding:					10px 0 !default;
    $responsive-hide-logo:					false !default;	// Hide logo on mobile devices. true or false
    
    $show-forum-title:						false !default;	// true or false
    
    $profile-width:							150px !default;
    $profile-side:							left !default;	// left or right
    $post-margin:							($profile-width + 10px) !default;
    
    $use-wrapper:							false !default;	// true or false
    $max-width:								none !default;	// Maximum width. Set to "none" to make layout fluid
    
    $split-forums:							false !default;	// Changes layout of forums list. Values are true or false
    
    $tabbed-navigation:						false !default;	// true or false. Toggles tabbed navigation layout
    
    //
    // Fonts
    //
    
    $font-size:								11px !default;	// Base font size
    $font-family:							Verdana, Helvetica, Arial, sans-serif !default;	// Default font
    $line-height:							1.4 !default;	// Line height
    
    $h1-font-size:							$font-size + 10px !default;
    $h1-font-family:						"Trebuchet MS", Arial, Helvetica, sans-serif !default;
    
    $h2-font-size:							$font-size + 8px !default;
    $h2-font-family:						"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
    
    $paragraph-line-height:					1.3 !default;
    
    $nav-primary-font-size:					$font-size + 2px !default;
    $nav-secondary-font-size:				$font-size + 1px !default;
    
    $heading-font-size:						$font-size + 4px !default;
    $panel-heading-font-size:				$font-size + 6px !default;
    
    $list-heading-font-size:				$font-size + 1px !default;
    $list-heading-line-height:				$font-size + 7px !default;
    $list-heading-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
    
    $forum-heading-font-size:				$list-heading-font-size + 2px !default;
    $forum-heading-font-family:				$list-heading-font-family !default;
    $forum-heading-font-weight:				500 !default;
    
    $button-font-size:						$font-size + 3px !default;
    $button-line-height:					floor(($font-size + 8px) / 2) * 2 !default;	// Convert to even number
    $button-glyph-font-size:				floor($font-size / 2) * 2 !default;	// Convert to even number
    
    $dropdown-header-font-size:				$font-size + 2px !default;
    $dropdown-header-font-family:			Arial, "Helvetica Neue", Helvetica, Arial, sans-serif !default;
    $dropdown-header-line-height:			30px !default;
    
    $forum-link-font-size:					$font-size + 5px !default;
    $forum-link-line-height:				1.2 !default;
    $forum-link-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
    
    $forum-list-column-font-size:			$font-size + 1px !default;
    $forum-list-last-column-font-size:		$font-size !default;
    $forum-list-description-font-size:		$font-size + 2px !default;
    
    $topic-link-font-size:					$font-size + 4px !default;
    $topic-link-font-family:				$forum-link-font-family !default;
    
    $tab-font-size:							$font-size !default;
    $tab-line-height:						$tab-font-size * 2 + 4px !default;
    
    // Posts
    $post-content-font-size:				$font-size + 2px !default;	// Post content
    $post-content-line-height:				1.4 !default;
    $post-content-font-family:				"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !default;
    
    $post-title-font-size:					$font-size + 5px !default;
    $post-title-line-height:				1.25 !default;
    $post-title-font-family:				$h2-font-family !default;
    
    $post-signature-font-size:				$font-size + 1px !default;
    $post-quote-font-size:					$post-content-font-size - 1px !default;
    $post-code-font-size:					$post-content-font-size - 1px !default;
    
    $post-block-title-font-size:			$post-quote-font-size !default;	// Quote title, code title
    $post-block-title-line-height:			1.6 !default;
    $post-block-title-font-family:			$post-content-font-family !default;
    
    $post-profile-font-size:				$font-size !default;
    $post-profile-line-height:				$line-height !default;
    
    // Forms
    $input-button-font-size:				$font-size + 2px !default;
    $input-button-font-family:				"Lucida Grande", Verdana, Helvetica, Arial, sans-serif !default;
    $bbcode-button-font-size:				$font-size + 1px !default;
    
    //
    // Color palette
    //
    
    // Absolute black and white colors. Reverse them for dark styles
    $black-color:							#fff !default;		// Main color to mix with. Black for light styles, white for dark styles
    $white-color:							#000 !default;		// Opposite of $black-color
    
    // Page colors
    $page-background:						#1a1f26 !default;	// HTML element
    $content-background:					#1c232e !default;	// Page inside content wrapper
    $content-border-color:					#1c232e !default;	// Border color for content wrapper
    
    // Primary colors
    $primary-color:							#174c97 !default;	// Main color, used for links and stuff
    $primary-darker-color:					#2c415f !default;
    $primary-lighter-color:					#6593d6 !default;
    $primary-lightest-color:				#f1f6fc !default;
    $secondary-color:						#c35824 !default;	// Secondary color, usually in red - yellow range
    $overlay-color:							$white-color !default;	// Text on top of sections that use colorful background.
    $block-background:						#252b33 !default;	// Background of blocks
    $block-background-reported:				#362a25 !default;	// Background for reported posts
    
    // Global color values
    $text-color:							#aaa !default;	// Text color
    $bold-text-color:						$black-color !default;	// Text color with higher contrast to background. #000 or #fff
    $post-text-color:						$text-color !default;	// Text inside posts
    $link-color:							#6593d6 !default;	// Links
    $link-hover-color:						$secondary-color !default;	// Links, hover state
    $muted-color:							mix($black-color, $content-background, 60%) !default;	// Gray color
    $faint-color:							mix($black-color, $content-background, 30%) !default;	// Gray color
    $rules-color:							lighten(saturate($secondary-color, 20%), 10%) !default;	// Forum rules
    
    //
    // Calculated colors
    //
    
    // Misc. DO NOT EDIT!
    $light:									if(lightness($black-color) < 50%, true, false) !default;
    
    // Blocks
    $block-background2:						#272f3e !default;	// Blocks with .bg2 background color
    $block-background3:						#2a3449 !default;	// Blocks with .bg3 background color - mostly UCP/MCP and posting form
    
    $block-border:							#2d3745 !default;	// Border color for blocks
    $border-radius:							0px !default;		// Main border radius
    $block-top-border:						lighten($block-background, 4%) !default;	// Top border of forums in forums list
    $block-bottom-border:					darken($block-background, 6%) !default;		// Bottom border of forums in forums list
    $block-inner-border:					darken($block-background, 3%) !default;	// Border inside blocks where there is only 1 border instead of top/bottom borders
    
    $block-title-color:						desaturate($link-color, 5%) !default;	// Title inside blocks, such as post title
    
    // Tabs
    $tab-color:								#fff !default;
    $tab-background:						darken($primary-darker-color, 5%) !default;
    
    $tab-hover-color:						#fff !default;
    $tab-hover-background:					$secondary-color !default;
    
    $tab-selected-color:					#fff !default;
    $tab-selected-background:				$primary-darker-color !default;
    
    // Header
    $header-bg:								$content-background !default;
    $header-text:							$text-color !default;
    $header-link:							$overlay-color !default;
    $header-link-hover:						mix($header-link, $header-bg, 80%) !default;
    
    // Primary navigation
    $primary-nav-bg:						$block-background !default;
    $primary-nav-color:						$link-color !default;
    $primary-nav-shadow:					0 5px 5px -5px rgba(0, 0, 0, 0.2), 1px 1px 0 $block-top-border inset, -1px -1px 0 $block-bottom-border inset !default;
    
    $primary-nav-selected-bg:				$primary-darker-color !default;
    $primary-nav-selected-color:			$bold-text-color !default;
    
    $primary-nav-hover-bg:					$secondary-color !default;
    $primary-nav-hover-color:				$bold-text-color !default;
    
    $primary-nav-alert-bg:					hsl(0, saturation($secondary-color), lightness($secondary-color)) !default;
    $primary-nav-alert-color:				#fff !default;
    $primary-nav-alert-shadow:				1px 1px 3px rgba(0, 0, 0, .2) !default;
    
    // Secondary navigation
    $secondary-nav-hover-link:				$link-hover-color !default;
    
    // Dropdown
    $dropdown-bg:							$block-background !default;
    $dropdown-border:						$primary-darker-color !default;
    $dropdown-shadow:						1px 3px 5px rgba(0, 0, 0, 0.5) !default;
    $dropdown-shadow-up:					1px 0 5px rgba(0, 0, 0, 0.5) !default;
    $dropdown-inner-border:					if($light, darken($dropdown-bg, 10%), lighten($dropdown-bg, 10%)) !default;
    
    $dropdown-heading-top:					$dropdown-border !default;
    $dropdown-heading-bottom:				$dropdown-heading-top !default;
    $dropdown-heading-color:				$overlay-color !default;
    $dropdown-heading-link-color:			$overlay-color !default;
    $dropdown-heading-link-hover-color:		$overlay-color !default;
    
    $forum-description-color:				#fff !default;
    $forum-description-bg:					darken(desaturate($primary-color, 20%), 5%) !default;
    $forum-description-gradient-start:		rgba(255, 255, 255, .1) !default;
    $forum-description-gradient-end:		rgba(255, 255, 255, 0) !default;
    
    // Notifications
    $notification-unread-bg:				desaturate(hsl(hue($secondary-color), saturation($content-background), lightness($content-background)), 10%) !default;
    $notification-unread-color:				$secondary-color !default;
    $notification-unread-strong-color:		#fff !default;
    
    $dropdown-notification-bg:				$block-background !default;
    $dropdown-notification-hover-bg:		$block-background2 !default;
    $dropdown-notification-color:			$link-color !default;
    $dropdown-notification-strong-color:	#fff !default;
    
    // Panels
    $panel-title-color:						desaturate(if($light, darken($primary-color, 10%), lighten($primary-color, 10%)), 25%) !default;
    $panel-title-border:					$block-inner-border !default;
    
    // Content outside of blocks
    $page-title-color:						$primary-lighter-color !default;
    $stats-title-color:						desaturate(if($light, darken($primary-color, 10%), lighten($primary-color, 10%)), 25%) !default;
    $content-top-border:					lighten($content-background, 10%) !default;
    $content-bottom-border:					darken($content-background, 10%) !default;
    $content-inner-border:					$content-bottom-border !default;
    
    // Heading section
    $heading-bg:							$primary-darker-color !default;
    $heading-border:						$heading-bg !default;
    $heading-color:							$primary-lightest-color !default;
    $heading-link:							$heading-color !default;
    $heading-link-hover:					#fff !default;
    
    // Inputs
    $input-text:							#999 !default;	// Input text color
    $input-bg:								#222427 !default;	// Input background
    $input-border:							#30343a !default;	// Input border color
    $input-hover-text:						#aaa !default;
    $input-hover-bg:						#1c1e20 !default;
    $input-hover-border:					#3c4149 !default;
    $input-focus-text:						#fff !default;
    $input-focus-bg:						#1c1e20 !default;
    $input-focus-border:					#3c4149 !default;
    $input-border-radius:					0px !default;
    
    $search-box-border:						$block-top-border $block-bottom-border $block-bottom-border $block-top-border !default;	// Border for search box block
    $search-box-shadow:						0 0 10px rgba(0, 0, 0, .15), 1px 1px 0 $block-bottom-border !default;	// Box-shadow for search box in header
    
    // Buttons
    $button-bg:								$primary-color !default;
    $button-border-radius:					3px !default;
    $button-border:							$button-bg !default;
    $button-main-bg:						darken(desaturate($secondary-color, 10%), 10%) !default;
    $button-main-border:					$button-main-bg !default;
    $button-icon:							#fff !default;
    $button-icon-hover:						#fff !default;
    $button-text:							#fff !default;
    
    $button-top-padding:					2px !default;
    $button-side-padding:					8px !default;
    $button-border-width:					1px !default;
    $button-height:							$button-line-height + ($button-top-padding + $button-border-width) * 2 !default;
    
    $big-button-border-radius:				2px !default;	// For big buttons and blocks like quick search
    
    // BBCode
    $bbcode-border-radius:					0px !default;
    $bbcode-background:						lighten($block-background, 4%) !default;
    $bbcode-background2:					lighten($block-background, 2%) !default;
    $bbcode-outer-border:					transparent !default;
    $bbcode-inner-border:					$block-background !default;
    $bbcode-heading-text:					$primary-lighter-color !default;
    
    // Code colors
    @function code-color($hue) {
    	@return hsl($hue, saturation($primary-lighter-color), lightness($primary-lighter-color));
    }
    $bbcode-code-color:						code-color(128deg) !default;
    
    // Do not edit few lines below
    $post-side:								if($profile-side == left, right, left) !default;
    
    // Mixins
    @mixin section {
    	background: $block-background;
    	border: 1px solid transparent;
    	border-color: $block-top-border $block-bottom-border $block-bottom-border $block-top-border;
    	border-radius: $border-radius;
    	padding: 4px 9px;
    	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
    }
    
    @mixin section-forum {
    	@include section;
    	padding: 4px;
    }
    
    // Undo section mixin
    @mixin section-empty {
    	background: transparent;
    	border-width: 0;
    	border-radius: 0;
    	box-shadow: none;
    	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    	padding: 0;
    }
    
    // Heading block
    @mixin section-heading {
    	margin: -5px -10px 5px;
    	border-radius: max(0, $border-radius - 1px);
    	border-bottom-left-radius: 0;
    	border-bottom-right-radius: 0;
    	background: $heading-bg url("./images/heading.png") 100% 0 repeat-y;
    	.rtl & {
    		background-image: url("./images/heading_rtl.png");
    		background-position: 0 0;
    	}
    	border: 0 solid $heading-border;
    	padding: 5px;
    	text-transform: none;
    	font-size: $heading-font-size;
    	line-height: $line-height;
    	font-weight: normal;
    	color: $heading-color;
    
    	@if $border-radius > 1px {
    		@media (max-width: 700px) {
    			border-radius: 0;
    		}
    	}
    
    	a {
    		color: $heading-link;
    		&:hover {
    			color: $heading-link-hover;
    		}
    	}
    }
    
    @mixin section-heading-forum {
    	@include section-heading;
    	@if $split-forums == false {
    		margin: -5px -5px 0;
    	}
    	@else {
    		@include section-heading-separate;
    		margin: 0;
    	}
    }
    
    @mixin section-heading-separate {
    	border-radius: max(0, $border-radius - 1px);
    }
    
    @mixin section-heading-cp {
    	background-color: transparent;
    	color: $stats-title-color;
    	box-shadow: none;
    	background-image: none;
    	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    	a {
    		color: $link-color;
    		&:hover {
    			color: $link-hover-color;
    		}
    	}
    }
    
    @mixin table-heading {
    	background: $heading-bg;
    	border: 0 solid $heading-border;
    	color: $heading-color;
    
    	@if $border-radius > 1px {
    		&:first-child {
    			border-top-left-radius: max(0, $border-radius - 1px);
    		}
    		&:last-child {
    			border-top-right-radius: max(0, $border-radius - 1px);
    		}
    	}
    }
    
    @mixin table-heading-transparent {
    	background: transparent;
    	color: inherit;
    }
    
    @mixin placeholder {
    	&::-moz-placeholder {
    		@content 
    	}
    	&::-webkit-input-placeholder {
    		@content
    	}
    	&:-ms-input-placeholder {
    		@content
    	}
    }
    
    @mixin tabbed-nav-layout-all {
    	@if ($use-wrapper) {
    		&, #wrap & {
    			@content;
    		}
    	}
    	@else {
    		@content;
    	}
    }
    
    @mixin tabbed-nav-layout-alt {
    	@if ($use-wrapper) {
    		@content;
    	}
    }
    
    @mixin tabbed-nav-layout-default {
    	@if ($use-wrapper) {
    		#wrap & {
    			@content;
    		}
    	}
    	@else {
    		@content;
    	}
    }
    
    // CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
    // ----------------------------------------
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-size: 100%;
    	font: inherit;
    	vertical-align: baseline;
    }
    // HTML5 display-role reset for older browsers
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    ol, ul {
    	list-style: none;
    }
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    abbr {
    	text-decoration: none;
    }
    
    // Useful stuff
    %clearfix {
    	&:after, &:before {
    		content: ' ';
    		display: table;
    		clear: both;
    	}
    }
    
    // General Markup Styles
    // ----------------------------------------
    html {
    	font-size: 100%;
    	height: 100%;
    }
    
    body {
    	font-family: $font-family;
    	font-size: $font-size;
    	line-height: $line-height;
    	margin: 0;
    	padding: 0 0 12px;
    	word-wrap: break-word;
    	min-height: 100%;
    	box-sizing: border-box;
    	-webkit-print-color-adjust: exact;
    }
    
    $h1-font-size:		$font-size + 10px !default;
    $h1-line-height:	inherit !default;
    
    h1, p.sitename {
    	// Forum name
    	font-family: $h1-font-family;
    	margin-right: 200px;
    	margin-top: 15px;
    	margin-bottom: 0;
    	font-weight: bold;
    	font-size: $h1-font-size;
    	line-height: $h1-line-height;
    }
    
    h2 {
    	// Forum header titles
    	font-family: $h2-font-family;
    	font-weight: normal;
    	font-size: $h2-font-size;
    	margin: 0.8em 0 0.2em 0;
    }
    
    h2.solo {
    	margin-bottom: 1em;
    }
    
    $h3-font-size:			($h2-font-size - 2px) !default;
    $h3-font-family:		$h2-font-family !default;
    
    h3 {
    	// Sub-headers (also used as post headers, but defined later)
    	font-family: $h3-font-family;
    	font-weight: 500;
    	margin-bottom: 5px;
    	font-size: $h3-font-size;
    	margin-top: 20px;
    }
    
    $h4-font-size:			ceil($font-size * 1.3) !default;
    $h4-font-family:		$h1-font-family !default;
    
    h4 {
    	// Forum and topic list titles
    	font-family: $h4-font-family;
    	font-size: $h4-font-size;
    }
    
    $paragraph-font-size:	$font-size !default;
    
    p {
    	line-height: $paragraph-line-height;
    	font-size: $paragraph-font-size;
    	margin-bottom: 1.5em;
    }
    
    img {
    	border-width: 0;
    }
    
    hr {
    	border: 0 solid transparent;
    	border-top-width: 1px;
    	height: 1px;
    	margin: 5px 0;
    	display: block;
    	clear: both;
    }
    
    hr.dashed {
    	border-top-style: dashed;
    	margin: 10px 0;
    }
    
    hr.divider {
    	display: none;
    }
    
    p.right {
    	text-align: right;
    }
    
    p.jumpbox-return {
    	margin-top: 10px;
    	margin-bottom: 0;
    	float: left;
    }
    
    b, strong {
    	font-weight: bold;
    }
    
    .text-strong {
    	font-weight: bold;
    }
    
    i, em {
    	font-style: italic;
    }
    
    .text-italics {
    	font-style: italic;
    }
    
    u {
    	text-decoration: underline;
    }
    
    ul {
    	list-style-type: disc;
    }
    
    ol {
    	list-style-type: decimal;
    }
    
    li {
    	display: list-item;
    }
    
    ul ul, ol ul {
    	list-style-type: circle;
    }
    
    ol ol ul, ol ul ul, ul ol ul, ul ul ul {
    	list-style-type: square;
    }
    
    
    // Main blocks
    // ----------------------------------------
    @mixin wrapper-padding {
    	padding: 10px;
    }
    
    #wrap {
    	@if $use-wrapper {
    		border: 1px solid transparent;
    		border-radius: min($border-radius * 2, 8px);
    		@include wrapper-padding;
    	}
    }
    
    @mixin page-width {
    	box-sizing: border-box;
    	margin: 0 auto;
    	max-width: $max-width;
    	min-width: 625px;
    	@if $max-width != none {
    		@media (max-width: ($max-width + 24px)) {
    			margin: 0 12px;
    		}
    	}
    	@else {
    		margin: 0 12px;
    	}
    }
    .page-width {
    	@include page-width;
    }
    
    .page-width .page-width {
    	margin: 0;
    }
    
    .page-body {
    	margin: 4px 0;
    	#wrap > &:first-of-type {
    		margin-top: 0;
    	}
    	#wrap > &:last-of-type {
    		margin-bottom: 0;
    	}
    	clear: both;
    }
    
    .page-footer {
    	clear: both;
    	#wrap + & {
    		margin-top: 5px;
    	}
    }
    
    .page-footer h3 {
    	margin-top: 20px;
    }
    
    .logo {
    	@if $show-logo == true {
    		display: block;
    		box-sizing: border-box;
    		max-width: 100%;
    		@if $center-logo == true {
    			&, & img {
    				margin: 0 auto;
    			}
    		}
    		@else {
    			float: left;
    		}
    		img {
    			display: block;
    			max-width: 100%;
    		}
    		padding: $logo-block-padding;
    		&:hover {
    			text-decoration: none;
    		}
    	}
    	@else {
    		display: none;
    	}
    }
    
    // Site description and logo
    .site-description {
    	@extend %clearfix;
    	h1, p.sitename {
    		margin-left: 0;
    		margin-right: 0;
    	}
    
    	@if $center-logo == true {
    		text-align: center;
    	}
    
    	@if $show-forum-title == false {
    		h1, p {
    			display: none;
    		}
    	}
    }
    
    // Round cornered boxes and backgrounds
    // ----------------------------------------
    .headerbar {
    	& > .inner {
    		position: relative;
    	}
    }
    
    $nav-primary-glyph-font-size:	$nav-primary-font-size + 2px !default;
    $nav-primary-glyph-margin:		0px - ($nav-primary-glyph-font-size  / 2) !default;
    
    $nav-alert-font-size:		9px !default;
    
    .navbar {
    	$navtabs-border-radius: min(5px, $border-radius) !default;
    	$navtabs-border-radius-small: max(0px, $navtabs-border-radius - 2) !default;
    	$tab-height: $nav-primary-font-size + 20px !default;
    	$tab-padding: 12px !default;
    	$tab-padding-glyph: 8px !default;
    
    	@include section;
    	padding: 0 9px;
    	clear: both;
    
    	&.tabbed, &.secondary {
    		@include section-empty;
    	}
    
    	.page-body & {
    		margin-bottom: 10px;
    	}
    	+ .navbar {
    		margin-top: 5px;
    	}
    	&.tabbed {
    		padding: 0;
    	}
    	&.secondary {
    		@extend %clearfix;
    		margin: 0;
    		padding: 1px 0;
    		font-family: "Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif;
    		> ul {
    			list-style-type: none;
    			margin: 0;
    			padding: 0;
    		}
    		> ul > li {
    			position: relative;
    			display: inline-block;
    			margin: 0;
    			padding: 0;
    			> a {
    				display: inline-block;
    				color: inherit;
    				padding: 1px 8px;
    				text-align: center;
    				line-height: $nav-secondary-font-size + 14px;
    				font-size: $nav-secondary-font-size;
    			}
    			&:hover {
    				> a {
    					text-decoration: none;
    				}
    			}
    			&.small-icon > a {
    				padding-left: 18px;
    			}
    			.dropdown {
    				top: $nav-secondary-font-size + 16px;
    			}
    			&.dropdown-up .dropdown {
    				top: auto;
    				bottom: $nav-secondary-font-size + 16px;
    			}
    			&.search-box {
    				display: block;
    				margin: 0;
    				float: right;
    				.rtl & {
    					float: left;
    				}
    				&, &:hover {
    					border-radius: 0;
    					border-width: 0;
    					box-shadow: none;
    					background: none;
    					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    				}
    			}
    		}
    		+ .nav-breadcrumbs {
    			margin-top: 0;
    		}
    	}
    
    	li.small-icon > a {
    		padding-left: 18px;
    	}
    
    	.nav-tabs {
    		border-radius: $navtabs-border-radius;
    		& .leftside {
    			& .tab:first-child,
    			& .tab.first-visible {
    				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
    				border-top-right-radius: 0;
    				border-bottom-right-radius: 0;
    			}
    		}
    		.rtl & .rightside {
    			& .tab:last-child,
    			& .tab.last-visible {
    				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
    				border-top-right-radius: 0;
    				border-bottom-right-radius: 0;
    			}
    		}
    		& .rightside {
    			& .tab:last-child,
    			& .tab.last-visible {
    				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
    				border-top-left-radius: 0;
    				border-bottom-left-radius: 0;
    			}
    		}
    		.rtl & .leftside {
    			& .tab:first-child,
    			& .tab.first-visible {
    				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
    				border-top-left-radius: 0;
    				border-bottom-left-radius: 0;
    			}
    		}
    
    		@extend %clearfix;
    
    		& > ul {
    			list-style-type: none;
    			margin: 0;
    			height: $tab-height;
    
    			&.leftside, .rtl &.rightside {
    				float: left;
    			}
    			&.rightside, .rtl &.leftside {
    				float: right;
    			}
    
    			& > li {
    				float: left;
    				height: $tab-height;
    			}
    			.rtl & > li {
    				float: right;
    			}
    			.quick-links {
    				margin: 0;
    				&.empty {
    					display: none;
    				}
    				&.showing-responsive-menu {
    					display: block;
    				}
    			}
    		}
    
    		.nav-link {
    			text-decoration: none;
    			color: inherit;
    			display: inline-block;
    			height: $tab-height;
    			line-height: $tab-height;
    			padding: 0 $tab-padding;
    			vertical-align: baseline;
    			font-family: $h2-font-family;
    			font-size: $nav-primary-font-size;
    			outline-style: none;
    			&.dropdown-toggle {
    				position: relative;
    				&:before {
    					$nav-primary-font-size-toggle:	ceil($nav-primary-font-size * 2 / 3) !default;
    					content: '\f078';	// fa-chevron-down
    					font-family: FontAwesome;
    					position: absolute;
    					right: 12px;
    					top: 50%;
    					font-size: $nav-primary-font-size-toggle;
    					line-height: $nav-primary-font-size;
    					width: $nav-primary-font-size-toggle;
    					height: $nav-primary-font-size;
    					margin-top: -6px;
    					.rtl & {
    						right: auto;
    						left: 12px;
    					}
    				}
    				&:hover:before {
    				}
    			}
    			.username-coloured {
    				color: inherit !important;
    				font-weight: inherit;
    				font-style: inherit;
    			}
    		}
    
    		.responsive-menu .nav-link:before,
    		.dropdown-visible .nav-link:before {
              		content: '\f077'; // fa-chevron-up
              		font-family: FontAwesome;
              		position: absolute;
              		right: 12px;
             		top: 50%;
              		font-size: 9px;
              		line-height: 13px;
              		width: 9px;
              		height: 13px;
              		margin-top: -6px;
    		}
    
    		.dropdown {
    			top: $tab-height;
    			.dropdown-up & {
    				top: auto;
    				bottom: $tab-height;
    			}
    		}
    
    		.tab {
    			position: relative;
    			// Alert
    			& > strong {
    				display: none;
    				font-weight: bold;
    				font-size: $nav-alert-font-size;
    				padding: 0 2px;
    				border-radius: 3px;
    				position: absolute;
    				right: 5px;
    				top: -10px;
    				line-height: $nav-alert-font-size + 5px;
    				min-width: 10px;
    				_width: 10px;
    				text-align: center;
    				text-shadow: none;
    				white-space: nowrap;
    				word-wrap: normal;
    				height: $nav-alert-font-size + 5px;
    				pointer-events: none;
    				.rtl & {
    					right: auto;
    					left: 5px;
    				}
    				.arrow {
    					border: 3px solid transparent;
    					border-bottom: 1px none black;
    					position: absolute;
    					bottom: -3px;
    					right: 4px;
    					line-height: 0;
    					text-shadow: none;
    					_display: none;
    					width: 0;
    					height: 0;
    				}
    			}
    			&.non-zero > strong {
    				display: block;
    			}
    		}
    
    		// Glyphs
    		%glyph {
    			position: relative;
    			padding-left: ($tab-padding + 18px);
    			&:after {
    				position: absolute;
    				left: $tab-padding;
    				top: 50%;
    				margin-top: $nav-primary-glyph-margin;
    				width: $nav-primary-glyph-font-size;
    				font-size: $nav-primary-font-size;
    				line-height: $nav-primary-glyph-font-size;
    				height: $nav-primary-glyph-font-size;
    				text-align: left;
    				font-weight: normal;
    				font-style: normal;
    				text-indent: 0;
    			}
    			.rtl & {
    			}
    			.rtl &:after {
    				left: auto;
    				right: $tab-padding;
    			}
    		}
    		%glyph-only {
    			@extend %glyph;
    			text-indent: 999px;
    			width: $nav-primary-glyph-font-size;
    			padding: 0 $tab-padding-glyph;
    			overflow: hidden;
    			&:after {
    				text-align: center;
    				font-size: $nav-primary-glyph-font-size;
    				left: $tab-padding-glyph;
    			}
    			.rtl &:after {
    				left: auto;
    				right: $tab-padding-glyph;
    			}
    			& + strong {
    				right: -2px;
    				.rtl & {
    					right: auto;
    					left: -2px;
    				}
    			}
    		}
    		@media (max-width: 550px) {
    			%glyph-only-media {
    				text-indent: 999px;
    				width: $nav-primary-glyph-font-size;
    				padding: 0 $tab-padding-glyph;
    				overflow: hidden;
    				&:after {
    					text-align: center;
    					font-size: $nav-primary-glyph-font-size;
    					left: $tab-padding-glyph;
    				}
    				.rtl &:after {
    					left: auto;
    					right: $tab-padding-glyph;
    				}
    				& + strong {
    					right: -2px;
    					.rtl & {
    						right: auto;
    						left: -2px;
    					}
    				}
    			}
    		}
    		%glyph-fa {
    			font-family: FontAwesome;
    		}
    
    		.responsive-menu .nav-link {
    			@extend %glyph-only;
    			&:after {
    				@extend %glyph-fa;
    				content: '\f0c9';	// fa-bars
    			}
    		}
    
    		.members .nav-link {
    			@extend %glyph;
    			padding-left: ($tab-padding + 20px);
    			padding-right: ($tab-padding + 12px);
    			.rtl & {
    				padding-left: ($tab-padding + 12px);
    				padding-right: ($tab-padding + 20px);
    			}
    			&:after {
    				@extend %glyph-fa;
    				content: '\f0c0';	// fa-groups
    			}
    			@media (max-width: 550px) {
    				@extend %glyph-only-media;
    				padding: 0 $tab-padding-glyph !important;
    			}
    		}
    
    		.forums .nav-link {
    			@extend %glyph;
    			.rtl & {
    				padding-left: $tab-padding;
    				padding-right: ($tab-padding + 20px);
    			}
    			&:after {
    				@extend %glyph-fa;
    				content: '\f075';	// fa-comment
    				margin-top: -8px;
    			}
    			@media (max-width: 550px) {
    				@extend %glyph-only-media;
    			}
    		}
    
    		.account .nav-link {
    			@extend %glyph-only;
    			&:after {
    				@extend %glyph-fa;
    				content: '\f007';	// fa-user
    			}
    		}
    
    		.pm .nav-link {
    			@extend %glyph-only;
    			&:after {
    				@extend %glyph-fa;
    				content: '\f01c';	// fa-inbox
    			}
    		}
    
    		.notifications .nav-link {
    			@extend %glyph-only;
    			&:after {
    				@extend %glyph-fa;
    				content: '\f0f3';	// fa-bell
    				font-size: $nav-primary-glyph-font-size - 1px;
    			}
    		}
    
    		.mcp .nav-link {
    			@extend %glyph-only;
    			&:after {
    				@extend %glyph-fa;
    				content: '\f0e3';	// fa-gavel
    			}
    		}
    
    		.acp .nav-link {
    			@extend %glyph-only;
    			&:after {
    				@extend %glyph-fa;
    				content: '\f085';	// fa-cogs
    			}
    		}
    
    		.faq .nav-link {
    			@extend %glyph-only;
    			&:after {
    				@extend %glyph-fa;
    				content: '\f059';	// fa-question-circle
    			}
    		}
    
    		@media (max-width: 550px) {
    			.faq {
    				&, & .nav-link {
    					display: none !important;
    				}
    			}
    		}
    
    		.logout .nav-link {
    			@extend %glyph-only;
    			&:after {
    				@extend %glyph-fa;
    				content: '\f08b';	// fa-sign-out
    				margin-left: 1px;
    			}
    		}
    
    		.login .nav-link {
    			@extend %glyph-only;
    			&:after {
    				@extend %glyph-fa;
    				content: '\f090';	// fa-sign-in
    			}
    		}
    
    		.register .nav-link {
    			@extend %glyph-only;
    			&:after {
    				@extend %glyph-fa;
    				content: '\f234';	// fa-user-plus
    			}
    		}
    
    		// Commonly used links for extensions
    		.boardrules .nav-link {
    			&:after {
    				@extend %glyph-fa;
    				content: '\f071';	// fa-exclamation-triangle
    			}
    		}
    		.leftside .boardrules .nav-link {
    			@extend %glyph;
    			@media (max-width: 550px) {
    				@extend %glyph-only-media;
    			}
    		}
    		.rightside .boardrules .nav-link {
    			@extend %glyph-only;
    		}
    
    		.pages .nav-link {
    			&:after {
    				@extend %glyph-fa;
    				content: '\f0f6';	// fa-file-text-o
    			}
    		}
    		.leftside .pages .nav-link {
    			@extend %glyph;
    			@media (max-width: 550px) {
    				@extend %glyph-only-media;
    			}
    		}
    		.rightside .pages .nav-link {
    			@extend %glyph-only;
    		}
    	}
    
    	// Tabbed navigation
    	@if $tabbed-navigation {
    		&.tabbed.not-static {
    
    			@if $use-wrapper {
    				// Add spacing between top of wrapper and tabs on mobile devices
    				@media (max-width: 700px) {
    					#wrap > div:first-child > &:first-child:before {
    						content: '';
    						display: block;
    						height: 10px;
    					}
    				}
    			}
    
    			.nav-tabs {
    				background: none;
    				box-shadow: none;
    				border-radius: 0;
    				border-width: 0;
    				padding: 0 10px;
    
    				.quick-links {
    					margin: 0 3px;
    				}
    				li.tab {
    					// Tabs layout
    					margin: 0 3px;
    					padding: 0;
    					border: 1px solid transparent;
    					border-bottom-width: 0;
    					border-radius: 0;
    					text-shadow: none;
    					border-top-left-radius: $navtabs-border-radius;
    					border-top-right-radius: $navtabs-border-radius;
    
    					@media (max-width: 700px) {
    						margin: 0 2px;
    					}
    
    					&.selected {
    						position: relative;
    						&:after {
    							content: '';
    							pointer-events: none;
    							border-top-left-radius: 2px;
    							border-top-right-radius: 2px;
    							position: absolute;
    							left: 0px;
    							right: 0px;
    							bottom: -2px;
    							z-index: 3;
    							height: 4px;
    						}
    					}
    
    					// Link
    					.nav-link.dropdown-toggle {
    						&:before {
    							display: none;
    							right: 2px;
    							.rtl & {
    								right: auto;
    								left: 2px;
    							}
    						}
    						&:hover:before {
    							display: block;
    						}
    					}
    
    					// Dropdown position
    					&.dropdown-right .dropdown {
    						left: -1px;
    					}
    
    					&.dropdown-left .dropdown {
    						right: -1px;
    					}
    
    					&.dropdown-down .dropdown {
    						top: ($tab-height - 1);
    					}
    
    					&.dropdown-up .dropdown {
    						bottom: ($tab-height - 1);
    					}
    				}
    
    				.rightside li.tab {
    					margin: 0 2px;
    				}
    			}
    
    			// Second row
    			+ .navbar.secondary {
    				border: 1px solid transparent;
    				border-radius: $border-radius;
    				font-size: $nav-secondary-font-size;
    				z-index: 2;
    				position: relative;
    				margin: 0 0 10px;
    				padding: 0 5px;
    
    				@media (max-width: 700px) {
    					border-radius: 0;
    					border-left-width: 0;
    					border-right-width: 0;
    				}
    			}
    		}
    	}
    
    	// Static navigation
    	.inner.static {
    		position: fixed;
    		top: 0;
    		z-index: 50;
    		left: 0;
    		right: 0;
    		padding-top: 0;
    		padding-bottom: 0;
    		width: auto;
    		max-width: none;
    		opacity: .9;
    		transition: opacity .2s;
    		@if $use-wrapper {
    			#wrap & > .static-inner {
    				@include wrapper-padding;
    			}
    		}
    		& > .static-inner {
    			@include page-width;
    			padding-top: 0 !important;
    			padding-bottom: 0 !important;
    		}
    		&:hover {
    			opacity: 1;
    		}
    		.nav-tabs {
    			border-radius: 0;
    			& .leftside, .rtl & .rightside {
    				& .tab:first-child,
    				& .tab.first-visible {
    					border-radius: 0;
    				}
    			}
    			& .rightside, .rtl & .leftside {
    				& .tab:last-child,
    				& .tab.last-visible {
    					border-radius: 0;
    				}
    			}
    			.tab > strong {
    				position: relative;
    				top: 0;
    				left: 0;
    				right: 0;
    				bottom: 0;
    				vertical-align: top;
    				margin-top: 8px;
    				margin-left: -7px;
    				margin-right: 5px;
    				padding-bottom: 1px;
    				pointer-events: none;
    				.arrow {
    					display: none;
    				}
    			}
    			.tab.non-zero > strong {
    				display: inline-block;
    			}
    			.pm > .nav-link + strong {
    				margin-left: -5px;
    			}
    		}
    	}
    }
    
    .forabg {
    	@if $split-forums == false {
    		@include section-forum;
    		margin-bottom: 4px;
    		clear: both;
    		& + .forabg {
    			margin-top: 10px;
    		}
    	}
    	@else {
    		padding: 0;
    		margin: 10px 0;
    	}
    }
    
    .forumbg {
    	@if $split-forums == false {
    		@include section-forum;
    		margin-bottom: 4px;
    		clear: both;
    
    		&.forumbg-table {
    			@include section-empty;
    			padding: 0 1px;
    		}
    	}
    	@else {
    		padding: 0;
    	}
    }
    
    .panel {
    	@include section;
    	margin-bottom: 10px;
    	padding: 4px 9px;
    
    	// UCP/MCP panel
    	&.bg3 {
    		border-radius: 0;
    		border-width: 0;
    		box-shadow: none;
    		border-top: 3px solid transparent;
    		position: relative;
    		&:before, &:after {
    			content: '';
    			position: absolute;
    			top: 0;
    			width: 3px;
    			height: 50px;
    		}
    		&:before {
    			left: 0;
    		}
    		&:after {
    			right: 0;
    		}
    	}
    
    	// Posting form
    	.postform &.panel {
    		border-radius: $border-radius;
    	}
    }
    
    $panel-heading-line-height:	$line-height !default;
    
    .panel > .inner > h3:first-child,
    .panel > h3:first-child {
    	@include section-heading;
    	padding-left: 10px;
    	padding-right: 10px;
    	.panel-container & {
    		font-size: $panel-heading-font-size;
    		line-height: $panel-heading-line-height;
    	}
    }
    
    .post {
    	@include section;
    	padding: 0;
    	margin-bottom: 10px;
    	position: relative;
    }
    
    .post > .inner {
    	padding: 5px 10px;
    }
    
    .rowbg {
    	margin: 5px 5px 2px 5px;
    }
    
    // Horizontal lists
    // ----------------------------------------
    .navbar ul.linklist {
    	padding: 2px 0;
    }
    
    ul.linklist {
    	display: block;
    	margin: 0;
    }
    
    .cp-main .panel {
    	padding: 5px 10px;
    }
    
    $list-font-size:	$font-size !default;
    $list-line-height:	2 !default;
    ul.linklist > li {
    	float: left;
    	font-size: $list-font-size;
    	line-height: $list-line-height;
    	list-style-type: none;
    	margin-right: 7px;
    	padding-top: 1px;
    	width: auto;
    	&, &.rightside {
    		&.icon-only {
    			text-align: center;
    			min-width: 20px;
    		}
    	}
    }
    
    ul.linklist > li.rightside, p.rightside, a.rightside {
    	float: right;
    	margin-right: 0;
    	margin-left: 7px;
    	text-align: right;
    }
    
    ul.navlinks {
    	border-top: 1px solid transparent;
    	&.nav-breadcrumbs {
    		border-top-width: 0;
    	}
    }
    
    ul.leftside {
    	float: left;
    	margin-left: 0;
    	margin-right: 5px;
    	text-align: left;
    }
    
    ul.rightside {
    	float: right;
    	margin-left: 5px;
    	margin-right: -5px;
    	text-align: right;
    }
    
    ul.linklist li.responsive-menu {
    	position: relative;
    	margin: 0 5px;
    }
    
    $responsive-menu-font-size:		$font-size + 2px !default;
    
    .fa-bars:before {
    	display: none;
    }
    
    ul.linklist li.responsive-menu a.responsive-menu-link {
    	display: inline-block;
    	margin: 0 5px;
    	font-size: $responsive-menu-font-size + 4px;
    	position: relative;
    	width: $responsive-menu-font-size + 4px;
    	line-height: $responsive-menu-font-size + 8px;
    	text-decoration: none;
    }
    
    ul.linklist li.responsive-menu a.responsive-menu-link {
    	&:before {
    		content: '\f0c9';	// fa-bars
    		font-family: FontAwesome;
    		position: absolute;
    		left: 0;
    		top: 50%;
    		margin-top: -#{$responsive-menu-font-size / 2};
    		width: $responsive-menu-font-size + 2px;
    		font-size: $responsive-menu-font-size;
    		line-height: $responsive-menu-font-size;
    		height: $responsive-menu-font-size;
    		text-align: center;
    		font-weight: normal;
    		font-style: normal;
    		text-indent: 0;
    	}
    	&:hover:before {
    		font-family: FontAwesome;
    		content: '\f078';	// fa-chevron-down
    	}
    }
    
    .hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
    	max-width: 48%;
    }
    
    .hasjs ul.linklist.fullwidth {
    	max-width: none;
    }
    
    li.responsive-menu.dropdown-right .dropdown {
    }
    
    li.responsive-menu.dropdown-left .dropdown {
    }
    
    ul.linklist .dropdown {
    	top: $list-font-size * 2;
    }
    
    ul.linklist .dropdown-up .dropdown {
    	bottom: $list-font-size * 2;
    	top: auto;
    }
    
    // Bulletin icons for list items
    // ----------------------------------------
    ul.linklist.bulletin > li:before {
    	display: inline-block;
    	content: "\2022";
    	font-size: inherit;
    	line-height: inherit;
    	padding-right: 4px;
    }
    
    ul.linklist.bulletin > li:first-child:before,
    ul.linklist.bulletin > li.rightside:last-child:before {
    	content: none;
    }
    
    ul.linklist.bulletin > li.no-bulletin:before {
    	content: none;
    }
    
    .responsive-menu:before {
    	display: none !important;
    }
    
    // Profile in overall_header.html
    .header-profile {
    	display: inline-block;
    	vertical-align: top;
    }
    
    .header-avatar:hover {
    	text-decoration: none;
    }
    
    .header-avatar img {
    	margin-bottom: 2px;
    	max-height: 20px;
    	vertical-align: middle;
    	width: auto;
    }
    
    .header-avatar span:after {
    	content: '\f078';	// fa-chevron-down
    	font-family: FontAwesome;
    	display: inline-block;
    	font-size: 7px;
    	float: right;
    	padding-left: 2px;
    	font-weight: normal;
    	opacity: 0.7;
    }
    
    // Dropdown menu
    // ----------------------------------------
    .dropdown-container {
    	position: relative;
    }
    
    .dropdown-container-right {
    	float: right;
    }
    
    .dropdown-container-left {
    	float: left;
    }
    
    .nojs .dropdown-container:hover .dropdown {
    	display: block !important;
    }
    
    .dropdown {
    	display: none;
    	position: absolute;
    	left: 0;
    	top: if(unitless($line-height), #{$line-height}em, $line-height);
    	z-index: 30;
    	padding: 0;
    	margin-right: -500px;
    }
    
    .dropdown.live-search {
    	top: auto;
    }
    
    .dropdown-container.topic-tools {
    	float: left;
    }
    
    .dropdown-up .dropdown {
    	top: auto;
    	bottom: if(unitless($line-height), #{$line-height}em, $line-height);
    }
    
    .dropdown-left .dropdown, .nojs .rightside .dropdown {
    	left: auto;
    	right: 0;
    	margin-left: -500px;
    	margin-right: 0;
    }
    
    .dropdown-button-control .dropdown {
    	top: $button-height;
    }
    
    .dropdown-button-control.dropdown-up .dropdown {
    	top: auto;
    	bottom: $button-height;
    }
    
    .dropdown .pointer, .dropdown .pointer-inner {
    	position: absolute;
    	width: 0;
    	height: 0;
    	border-top-width: 0;
    	border-bottom: 10px solid transparent;
    	border-left: 10px dashed transparent;
    	border-right: 10px dashed transparent;
    	-webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
    	display: block;
    }
    
    .dropdown-up .pointer, .dropdown-up .pointer-inner {
    	border-bottom-width: 0;
    	border-top: 10px solid transparent;
    }
    
    .dropdown .pointer {
    	right: auto;
    	left: 10px;
    	top: 0;
    	z-index: 3;
    }
    
    .dropdown-up .pointer {
    	bottom: 0;
    	top: auto;
    }
    
    .dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
    	left: auto;
    	right: 10px;
    }
    
    .dropdown .pointer-inner {
    	top: auto;
    	bottom: -11px;
    	left: -10px;
    }
    
    .dropdown-up .pointer-inner {
    	bottom: auto;
    	top: -11px;
    }
    
    .dropdown .dropdown-contents {
    	z-index: 30;
    	overflow: hidden;
    	overflow-y: auto;
    	border: 0px solid transparent;
    	border-radius: 0 0 min($border-radius, 5px) min($border-radius, 5px);
    	border-top-width: 3px;
    	padding: 5px;
    	position: relative;
    	min-width: 40px;
    	max-height: 300px;
    	font-size: 12px;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	.notifications & {
    		min-width: 300px;
    	}
    }
    
    .dropdown-up .dropdown-contents {
    	border-bottom-width: 3px;
    	border-top-width: 0;
    	border-radius: min($border-radius, 5px) min($border-radius, 5px) 0 0;
    }
    
    $dropdown-content-font-size:	$font-size + 1px !default;
    $dropdown-content-line-height:	$line-height !default;
    
    .dropdown-contents > li {
    	padding-right: 15px;
    	min-width: 180px;
    }
    
    .dropdown-nonscroll > li {
    	padding-right: 0;
    }
    
    .dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
    	border-top: 0;
    }
    
    .dropdown li li:first-child {
    	margin-top: 4px;
    }
    
    .dropdown li li:last-child {
    	padding-bottom: 0;
    }
    
    .dropdown li li {
    	border-top: 1px dotted transparent;
    	padding-left: 18px;
    }
    
    #wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
    	white-space: normal;
    }
    
    .dropdown li.separator {
    	border-top: 1px solid transparent;
    	margin: 4px 0;
    	padding: 0;
    }
    
    .dropdown li.separator:first-child, .dropdown li.separator:last-child {
    	display: none !important;
    }
    
    .dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
    	display: inline;
    	line-height: inherit;
    	top: 0;
    	vertical-align: baseline;
    	&:before {
    		font-size: 1.4em;
    		line-height: 1;
    		position: relative;
    		top: 1px;
    	}
    }
    
    // Responsive breadcrumbs
    // ----------------------------------------
    .breadcrumbs .crumb {
    	float: left;
    	font-weight: bold;
    	word-wrap: normal;
    	position: relative;
    	padding-left: $list-font-size + 2px;
    	.rtl & {
    		padding-left: 0;
    		padding-right: $list-font-size + 2px;
    	}
    }
    
    .breadcrumbs .crumb:before {
    	content: '\f054';	// fa-chevron-right
    	font-family: FontAwesome;
    	font-weight: normal;
    	position: absolute;
    	left: 1px;
    	width: $list-font-size;
    	top: 50%;
    	margin-top: -#{$list-font-size / 2};
    	font-size: $list-font-size - 4px;
    	height: $list-font-size;
    	line-height: $list-font-size;
    	text-align: center;
    	.rtl & {
    		left: auto;
    		right: 1px;
    		content: '\f053';	// fa-chevron-left
    	}
    }
    
    .breadcrumbs .crumb:first-child {
    	padding-left: 0;
    	padding-right: 0;
    	&:before {
    		display: none;
    	}
    }
    
    .breadcrumbs .crumb a {
    	display: inline-block;
    	white-space: nowrap;
    	text-overflow: ellipsis;
    	vertical-align: bottom;
    	overflow: hidden;
    }
    
    .breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }
    .breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }
    .breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }
    
    .breadcrumbs .crumb.wrapped-max a { max-width: 120px; }
    .breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }
    .breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }
    .breadcrumbs .crumb.wrapped-small a { max-width: 60px; }
    .breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }
    
    // Table styles
    // ----------------------------------------
    table.table1 {
    	width: 100%;
    }
    
    .ucp-main table.table1 {
    	padding: 2px;
    }
    
    $table-heading-font-size:	$font-size + 2px !default;
    $table-heading-line-height:	$line-height !default;
    $table-content-font-size:	$font-size + 1px !default;
    
    table.table1 thead th {
    	@include table-heading;
    	text-transform: none;
    	line-height: $table-heading-line-height;
    	font-weight: normal;
    	font-size: $table-heading-font-size;
    	padding: 4px;
    }
    
    table.table1 thead th span {
    	padding-left: 7px;
    }
    
    table.table1 tbody tr {
    	border-top: 1px solid transparent;
    }
    
    table.table1 td {
    	font-size: $table-content-font-size;
    	line-height: $line-height;
    }
    
    table.table1 tbody td {
    	padding: 5px;
    	border-top: 1px solid transparent;
    }
    
    table.table1 tbody th {
    	padding: 5px;
    	border-bottom: 1px solid transparent;
    	text-align: left;
    }
    
    // Specific column styles
    table.table1 .name		{ text-align: left; }
    table.table1 .center	{ text-align: center; }
    table.table1 .reportby	{ width: 15%; }
    table.table1 .posts		{ text-align: center; width: 7%; }
    table.table1 .joined	{ text-align: left; width: 15%; }
    table.table1 .active	{ text-align: left; width: 15%; }
    table.table1 .mark		{ text-align: center; width: 7%; }
    table.table1 .info		{ text-align: left; width: 30%; max-width: 200px;
    	@media (max-width: 550px) {
    		max-width: 150px;
    	}
    }
    table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
    table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
    table.table1 thead .autocol { padding-left: 1em; }
    
    table.table1 th.info {
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
    }
    
    table.table1 span.rank-img {
    	float: right;
    	width: auto;
    }
    
    table.info td {
    	padding: 3px;
    }
    
    table.info tbody th {
    	padding: 3px;
    	text-align: right;
    	vertical-align: top;
    	font-weight: normal;
    }
    
    .forumbg table.table1 {
    	margin: 0;
    }
    
    .forumbg-table > .inner {
    	margin: 0 -1px;
    }
    
    .color_palette_placeholder table {
    	border-collapse: separate;
    	border-spacing: 1px;
    }
    
    // Misc layout styles
    // ----------------------------------------
    // column[1-2] styles are containers for two column layouts
    .column1 {
    	float: left;
    	clear: left;
    	width: 49%;
    }
    
    .column2 {
    	float: right;
    	clear: right;
    	width: 49%;
    }
    
    // General classes for placing floating blocks
    .left-box {
    	float: left;
    	width: auto;
    	text-align: left;
    	max-width: 100%;
    }
    
    .left-box.profile-details {
    	width: 80%;
    }
    
    .right-box {
    	float: right;
    	width: auto;
    	text-align: right;
    	max-width: 100%;
    }
    
    dl.details {
    	font-size: $font-size;
    }
    
    dl.details dt {
    	float: left;
    	clear: left;
    	width: 30%;
    	text-align: right;
    	display: block;
    }
    
    dl.details dd {
    	margin-left: 0;
    	padding-left: 5px;
    	margin-bottom: 5px;
    	float: left;
    	width: 65%;
    	overflow: hidden;
    	text-overflow: ellipsis;
    }
    
    .clearfix, fieldset dl, dl.polls {
    	overflow: hidden;
    }
    
    ul.topiclist dl {
    	@extend %clearfix;
    }
    
    ul.topiclist dd.lastpost {
    	float: right;
    }
    
    fieldset.fields1 ul.recipients {
    	list-style-type: none;
    	line-height: 1.8;
    	max-height: 150px;
    	overflow-y: auto;
    }
    
    fieldset.fields1 dd.recipients {
    	clear: left;
    	margin-left: 1em;
    }
    
    fieldset.fields1 ul.recipients  input.button2{
    	font-size: $font-size - 2px;
    	margin-right: 0;
    	padding: 0;
    }
    
    fieldset.fields1 dl.pmlist > dt {
    	width: auto !important;
    }
    
    fieldset.fields1 dl.pmlist dd.recipients {
    	margin-left: 0 !important;
    }
    
    // Action-bars (container for post/reply buttons, pagination, etc.)
    // ----------------------------------------
    .action-bar {
    	font-size: $font-size;
    	margin: 4px 0;
    }
    
    .forabg + .action-bar {
    	margin-top: 10px;
    }
    
    .action-bar .button {
    	margin-right: 5px;
    	float: left;
    }
    
    .action-bar .button-search {
    	margin-right: 0;
    }
    
    
    // Pagination
    // ----------------------------------------
    $pagination-font-size:				$font-size !default;
    $pagination-line-height:			$font-size + 2px !default;
    $pagination-link-font-size:			$font-size !default;
    $pagination-link-line-height:		$font-size !default;
    
    .pagination {
    	float: right;
    	font-size: $font-size;
    	text-align: right;
    	width: auto;
    }
    
    .action-bar.bottom .pagination {
    	margin-top: 0;
    }
    
    .action-bar .pagination .button {
    	margin-right: 0;
    	float: none;
    }
    
    .pagination > ul {
    	display: inline-block;
    	list-style: none !important;
    	margin-left: 5px;
    }
    
    .pagination > ul > li {
    	display: inline-block !important;
    	padding: 0;
    	font-size: $font-size;
    	line-height: normal;
    	vertical-align: middle;
    }
    
    .pagination li a, .pagination li span {
    	border-radius: 2px;
    	padding: 2px 5px;
    }
    
    .pagination li.active span {
    	display: inline-block;
    	font-size: 13px;
    	font-weight: normal;
    	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
    	line-height: 1.4;
    	text-align: center;
    	white-space: nowrap;
    	vertical-align: middle;
    	border: 1px solid transparent;
    }
    
    .pagination li.ellipsis span {
    	border: none;
    	padding: 0;
    }
    
    .pagination li.page-jump {
    	margin-right: 5px;
    }
    
    .pagination li.page-jump a {
    	background: transparent none !important;
    	border-color: transparent !important;
    	padding: 0 8px;
    }
    
    .pagination li.page-jump a i {
    	font-size: 21px;
    }
    
    .pagination .arrow a {
    	padding: 2px 0;
    }
    
    .rtl .pagination li.previous a:after {
    	content: '\f054';	// fa-chevron-right
    	right: 1px;
    	left: 3px;
    }
    
    .rtl .pagination li.next a:after {
    	content: '\f053';	// fa-chevron-left
    	left: 1px;
    	right: 3px;
    }
    
    // Pagination in viewforum for multipage topics
    .row .pagination {
    	display: block;
    	margin-top: 3px;
    	margin-bottom: 3px;
    }
    
    .row .pagination > ul {
    	margin: 0;
    }
    
    .row .pagination li a, .row .pagination li span {
    	border-radius: 2px;
    	padding: 1px 3px;
    	font-size: 9px;
    }
    
    // jQuery popups
    // ----------------------------------------
    .phpbb_alert {
    	border: 1px solid transparent;
    	display: none;
    	left: 0;
    	padding: 0 25px 20px 25px;
    	position: fixed;
    	right: 0;
    	top: 150px;
    	z-index: 50;
    	width: 620px;
    	margin: 0 auto;
    }
    
    @media (max-height: 500px)
    {
    	.phpbb_alert {
    		top: 25px;
    	}
    }
    
    .phpbb_alert .alert_close {
    	display: block;
    	float: right;
    	width: 24px;
    	height: 24px;
    	overflow: hidden;
    	text-decoration: none !important;
    	background: transparent none 0 0 no-repeat;
    	margin-top: -12px;
    	margin-right: -36px;
    	position: relative;
    }
    
    .phpbb_alert .alert_close:before,
    .phpbb_alert .alert_close:after {
    	content: '\f057';	// fa-times-circle
    	font-family: FontAwesome;
    	position: absolute;
    	font-size: 18px;
    	line-height: 24px;
    	font-weight: normal;
    	font-style: normal;
    	text-indent: 0;
    	text-align: center;
    	left: 0;
    	top: 0;
    	margin: 0;
    	padding: 0;
    	width: 24px;
    	height: 24px;
    }
    
    .phpbb_alert .alert_close:before {
    	content: '\f111';	// fa-circle
    	font-size: 20px;
    }
    
    .phpbb_alert p {
    	margin: 8px 0;
    	padding-bottom: 8px;
    }
    
    .phpbb_alert label {
    	display: block;
    	margin: 8px 0;
    	padding-bottom: 8px;
    }
    
    .phpbb_alert div.alert_text > p,
    .phpbb_alert div.alert_text > label,
    .phpbb_alert div.alert_text > select,
    .phpbb_alert div.alert_text > textarea,
    .phpbb_alert div.alert_text > input {
    	font-size: $font-size;
    }
    
    .darkenwrapper {
    	display: none;
    	position: relative;
    	z-index: 44;
    }
    
    .darken {
    	position: fixed;
    	left: 0;
    	top: 0;
    	width: 100%;
    	height: 100%;
    	opacity: 0.5;
    	z-index: 45;
    }
    
    .loading_indicator {
    	background: center center no-repeat;
    	border-radius: 5px;
    	display: none;
    	opacity: 0.8;
    	margin-top: -50px;
    	margin-left: -50px;
    	height: 50px;
    	width: 50px;
    	position: fixed;
    	left: 50%;
    	top: 50%;
    	z-index: 51;
    }
    
    // Miscellaneous styles
    // ----------------------------------------
    .forum-permissions {
    	float: right;
    	width: auto;
    	padding-left: 5px;
    	margin-left: 5px;
    	margin-top: 10px;
    	text-align: right;
    }
    
    .copyright {
    	padding: 5px;
    	text-align: center;
    }
    
    .small {
    	font-size: 0.9em !important;
    }
    
    .titlespace {
    	margin-bottom: 15px;
    }
    
    .headerspace {
    	margin-top: 20px;
    }
    
    .error {
    	font-weight: bold;
    	font-size: $font-size;
    }
    
    $rules-font-size:	$font-size !default;
    
    div.rules {
    	margin: 10px 0;
    	font-size: $rules-font-size;
    	padding: 5px 10px;
    	border-radius: $border-radius;
    }
    
    div.rules ul, div.rules ol {
    	margin-left: 20px;
    }
    
    $post-notice-font-size:		$font-size + 1px;
    
    p.post-notice {
    	position: relative;
    	padding: 5px;
    	padding-left: 26px;
    	min-height: 14px;
    	margin-bottom: 1em;
    	font-size: $post-notice-font-size;
    }
    
    p.post-notice:before {
    	content: '';
    	display: block;
    	position: absolute;
    	top: 50%;
    	margin-top: -10px;
    	font-size: 16px;
    	height: 18px;
    	line-height: 18px;
    	text-align: center;
    	vertical-align: baseline;
    	left: 0;
    	width: 28px;
    	background: transparent none 50% 50% no-repeat;
    	pointer-events: none;
    	font-weight: normal;
    	font-style: normal;
    	text-transform: none;
    }
    
    form > p.post-notice strong {
    	line-height: 20px;
    }
    
    .jumpbox {
    	margin: 5px 0;
    }
    
    .jumpbox .dropdown li {
    	border-top: 1px solid transparent;
    }
    
    .jumpbox .dropdown-select {
    	margin: 0;
    }
    
    .jumpbox .dropdown-contents {
    	padding: 0;
    	text-decoration: none;
    }
    
    .jumpbox .dropdown-contents li {
    	padding: 0;
    }
    
    .jumpbox .dropdown-contents a {
    	margin-right: 20px;
    	padding: 5px 10px;
    	text-decoration: none;
    	width: 100%;
    }
    
    .jumpbox .spacer {
    	display: inline-block;
    	width: 0px;
    }
    
    .jumpbox .spacer + .spacer {
    	width: 20px;
    }
    
    .dropdown-contents a {
    	display: block;
    	padding: 5px;
    }
    
    .jumpbox .dropdown-select {
    	margin: 0;
    }
    
    .jumpbox .dropdown-contents a {
    	text-decoration: none;
    }
    
    .dropdown li {
    	display: list-item;
    	border-top: 1px dotted transparent;
    	float: none !important;
    	line-height: normal !important;
    	font-size: 1em !important;
    	list-style: none;
    	margin: 0;
    	white-space: nowrap;
    	text-align: left;
    }
    
    .stat-block {
    	clear: both;
    }
    
    .top {
    	position: absolute;
    	top: -20px;
    }
    
    .clear {
    	display: block;
    	clear: both;
    	font-size: 1px;
    	line-height: 1px;
    	background: transparent;
    }
    
    // Inner box-model clearing
    .inner:after,
    ul.linklist:after,
    .action-bar:after,
    .notification_text:after,
    .tabs-container:after,
    .tabs > ul:after,
    .minitabs > ul:after,
    .postprofile .avatar-container:after {
    	clear: both;
    	content: '';
    	display: block;
    }
    
    .emoji {
    	min-height: 18px;
    	min-width: 18px;
    	height: 1em;
    	width: 1em;
    }
    
    .hidden {
    	display: none;
    }
    
    .smilies {
    	vertical-align: text-bottom;
    }
    
    .icon-notification {
    	position: relative;
    }
    
    .member-search {
    	float: left;
    	margin: 0;
    	padding: 6px 10px;
    }
    
    .member-search strong {
    	font-size: $font-size;
    }
    
    .dropdown-extended {
    	display: none;
    	z-index: 3;
    }
    
    .dropdown-extended ul {
    	max-height: 350px;
    	overflow-y: auto;
    	overflow-x: hidden;
    	clear: both;
    }
    
    .dropdown-extended ul li {
    	padding: 0;
    	margin: 0 !important;
    	float: none;
    	border-top: 1px solid;
    	list-style-type: none;
    	font-size: $font-size;
    	clear: both;
    	position: relative;
    }
    
    .dropdown-extended ul li:first-child {
    	border-top: none;
    }
    
    .dropdown-extended ul li.no_notifications {
    	padding: 10px;
    }
    
    .dropdown-extended .dropdown-contents {
    	max-height: none;
    	padding: 0;
    	position: absolute;
    	width: 340px;
    }
    
    .nojs .dropdown-extended .dropdown-contents {
    	position: relative;
    }
    
    .dropdown-extended .header {
    	.dropdown-down & {
    		margin-top: -3px;
    	}
    	padding: 0 10px;
    	font-family: $dropdown-header-font-family;
    	font-size: $dropdown-header-font-size;
    	font-weight: bold;
    	text-align: left;
    	// text-transform: uppercase;
    	line-height: $dropdown-header-line-height;
    }
    
    .dropdown-extended .header .header_settings {
    	float: right;
    	font-weight: normal;
    	text-transform: none;
    }
    
    .dropdown-extended .header .header_settings a {
    	display: inline-block;
    	padding: 0 5px;
    }
    
    .dropdown-extended .header:after {
    	content: '';
    	display: table;
    	clear: both;
    }
    
    .dropdown-extended .footer {
    	text-align: center;
    	font-size: $font-size;
    }
    
    .dropdown-extended ul li a, .dropdown-extended ul li.no-url {
    	padding: 8px;
    }
    
    .dropdown-extended .footer > a {
    	padding: 5px 0;
    }
    
    .dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
    	display: block;
    	text-decoration: none;
    }
    
    .notification_list ul li img {
    	float: left;
    	max-height: 50px;
    	max-width: 50px;
    	width: auto !important;
    	height: auto !important;
    	margin-right: 5px;
    }
    
    .notification_list ul li p {
    	margin-bottom: 4px;
    	font-size: $font-size;
    }
    
    .notification_list p.notification-reference,
    .notification_list p.notification-location,
    .notification_list li a p.notification-reason {
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    }
    
    .notification_list p.notification-time {
    	font-size: $font-size - 1px;
    	margin: 0;
    	text-align: right;
    }
    
    .notification_list div.notifications {
    	margin-left: 50px;
    	padding: 5px;
    }
    
    .notification_list div.notifications a {
    	display: block;
    }
    
    .notification_list p.notifications_title {
    	font-family: $topic-link-font-family;
    	font-size: $topic-link-font-size !important;
    }
    
    .notification_list p.notifications_title strong {
    	font-weight: 600;
    }
    
    .notification_list p.notifications_time {
    	font-size: $font-size !important;
    }
    
    .notification_text {
    	margin-left: 58px;
    	white-space: normal;
    }
    
    .badge {
    	border-radius: 10px;
    	opacity: 0.8;
    	text-align: center;
    	white-space: nowrap;
    	font-size: 10px;
    	line-height: 1;
    	float: right;
    	display: inline-block;
    	margin-left: 3px;
    	vertical-align: baseline;
    	position: relative;
    	top: 3px;
    	padding: 4px 6px;
     }
    
    .badge.hidden {
    	display: none;
    }
    
    // Navbar specific list items
    // ----------------------------------------
    
    .linklist .quick-links {
    	margin: 0 7px 0 0;
    }
    
    .linklist.compact .rightside > a > span span {
    	display: none;
    }
    
    .dropdown-page-jump .dropdown {
    	top: 20px;
    }
    
    .dropdown-page-jump.dropdown-up .dropdown {
    	bottom: 20px;
    }
    
    .dropdown-page-jump input.tiny {
    	width: 50px;
    }
    
    .dropdown .clone.hidden + li.separator {
    	display: none;
    }
    
    .dropdown .clone.hidden + li {
    	border-top: none;
    }
    
    // Link Styles
    // ----------------------------------------
    
    // Links adjustment to correctly display an order of rtl/ltr mixed content
    a {
    	direction: ltr;
    	unicode-bidi: embed;
    	text-decoration: none;
    	/* we use links inline more often then not so to address several bugs with
    	IE and some other browsers we render all links as inlineblock by default */
    	display: inline-block;
    }
    
    // Coloured usernames
    .username-coloured {
    	font-weight: bold;
    	display: inline !important;
    	padding: 0 !important;
    }
    
    span.username-coloured {
    		margin-left: 10px;
    }
    
    // Links on gradient backgrounds
    .forumbg .header a, .forabg .header a, th a {
    	text-decoration: none;
    }
    
    .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
    	text-decoration: underline;
    }
    
    // Notification mark read link
    .dropdown-extended a.mark_read {
    	display: block;
    	opacity: .2;
    	position: absolute;
    	z-index: 2;
    	right: 0;
    	top: 0;
    	bottom: 0;
    	width: 30px;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	transition: opacity .2s;
    }
    
    .dropdown-extended li:hover a.mark_read {
    	opacity: .85;
    }
    
    .dropdown-extended li a.mark_read:hover {
    	opacity: 1;
    }
    
    .dropdown-extended a.mark_read:after {
    	width: auto;
    	left: 4px;
    	right: 0;
    	font-size: 16px;
    }
    
    .jumpbox-cat-link,
    .jumpbox-forum-link { font-weight: bold; }
    
    // Links for forum/topic lists
    a.forumtitle {
    	display: inline-block;
    	font-family: $forum-link-font-family;
    	font-size: $forum-link-font-size;
    	line-height: $forum-link-line-height;
    	font-weight: 500;
    	padding-bottom: 2px;
    	text-decoration: none;
    	&:hover {
    		text-decoration: underline;
    	}
    }
    
    a.topictitle {
    	@extend a.forumtitle;
    	font-family: $topic-link-font-family;
    	font-size: $topic-link-font-size;
    }
    
    a.lastsubject {
    	font-weight: bold;
    	text-decoration: none;
    }
    
    a.lastsubject:hover {
    	text-decoration: underline;
    }
    
    // Profile links
    .postprofile a, .postprofile dt.author a {
    	font-weight: bold;
    	text-decoration: none;
    }
    
    .postprofile a:hover, .postprofile dt.author a:hover {
    	text-decoration: underline;
    }
    
    // Profile searchresults
    .search .postprofile a {
    	text-decoration: none;
    	font-weight: normal;
    }
    
    .search .postprofile a:hover {
    	text-decoration: underline;
    }
    
    .top {
    	font-size: 12px;
    	text-decoration: none;
    	margin-top: 10px;
    }
    
    // Back to top of page
    .back2top {
    	clear: both;
    	.post > & {
    		position: relative;
    		right: 5px;
    		bottom: 5px;
    		.rtl & {
    			right: auto;
    			left: 5px;
    		}
    	}
    }
    
    .back2top .top {
    	float: right;
    	margin-top: 0;
    }
    
    a.top, a.top2 {
    	position: relative;
    }
    
    // Arrow links
    %arrow {
    	position: relative;
    	&:after {
    		position: absolute;
    		top: 50%;
    		margin-top: -5px;
    		text-align: center;
    		font-family: FontAwesome;
    		font-size: 8px;
    		line-height: 10px;
    		vertical-align: baseline;
    		font-weight: normal;
    		font-style: normal;
    		text-transform: none;
    		text-indent: 0;
    		pointer-events: none;
    	}
    }
    
    a.arrow-up {
    	@extend %arrow;
    	&:after {
    		content: '\f077';	// fa-chevron-up
    		left: 0;
    	}
    	.rtl &:after {
    		left: auto;
    		right: 0;
    	}
    }
    a.arrow-down {
    	@extend %arrow;
    	&:after {
    		content: '\f078';	// fa-chevron-down
    		right: 0;
    		padding-top: 1px;
    	}
    	.rtl &:after {
    		right: auto;
    		left: 0;
    	}
    }
    
    a.arrow-up {
    	padding-left: 10px;
    	text-decoration: none;
    	border-bottom-width: 0;
    }
    
    a.arrow-down {
    	padding-right: 10px;
    }
    
    a.arrow-down:hover {
    	text-decoration: none;
    }
    
    a.arrow-left:hover {
    	text-decoration: none;
    }
    
    a.arrow-right:hover {
    	text-decoration: none;
    }
    
    // invisible skip link, used for accessibility
    .skiplink {
    	position: absolute;
    	left: -999px;
    	width: 990px;
    }
    
    // Feed icon in forumlist_body.html
    a.feed-icon-forum {
    	float: right;
    	margin: 3px;
    	width: 16px;
    	height: 16px;
    	position: relative;
    }
    
    .topiclist.forums a.feed-icon-forum {
    	margin-top: 12px;
    }
    
    a.feed-icon-forum:after {
    	content: '\f09e';	// fa-rss
    	position: absolute;
    	left: 0;
    	right: 0;
    	width: 16px;
    	height: 16px;
    	font-family: FontAwesome;
    	font-size: 14px;
    	font-weight: normal;
    	font-style: normal;
    	line-height: 16px;
    	text-align: center;
    }
    
    a.top-anchor {
    	display: block;
    }
    
    // Content Styles
    // ----------------------------------------
    
    ul.topiclist {
    	display: block;
    	list-style-type: none;
    	margin: 0;
    }
    
    ul.topiclist li {
    	display: block;
    	list-style-type: none;
    	margin: 0;
    	.forabg &.header,
    	.forumbg &.header {
    		@include section-heading-forum;
    		position: relative;
    		.forum-toggle {
    			position: absolute;
    			right: 5px;
    			top: 50%;
    			margin-top: -8px;
    			height: 16px;
    			width: 16px;
    			text-decoration: none !important;
    			outline-style: none !important;
    			color: inherit;
    			transition: opacity 0.3s ease;
    			opacity: .5;
    			&:after {
    				content: '\f056';	// fa-minus-circle
    				font-family: FontAwesome;
    				position: absolute;
    				top: 0;
    				left: 0;
    				width: 16px;
    				height: 16px;
    				font-size: 12px;
    				line-height: 16px;
    			}
    			&.toggled:after {
    				content: '\f055';	// fa-plus-circle
    			}
    			&:hover {
    				opacity: 1;
    			}
    			.rtl & {
    				right: auto;
    				left: 4px;
    			}			
    		}
    	}
    }
    
    ul.topiclist dl {
    	position: relative;
    }
    
    ul.topiclist li.row dl {
    	margin: 2px 0;
    }
    
    ul.topiclist dt, ul.topiclist dd {
    	display: block;
    	float: left;
    }
    
    ul.topiclist dt {
    	width: 100%;
    	margin-right: -440px;
    	font-size: $font-size;
    }
    
    ul.topiclist.missing-column dt {
    	margin-right: -345px;
    }
    
    dl.elegant-row dt,
    ul.topiclist.two-long-columns dt {
    	margin-right: -250px;
    }
    
    ul.topiclist.two-columns dt {
    	margin-right: -80px;
    }
    
    ul.topiclist dt .list-inner {
    	margin-right: 440px;
    	padding-left: 5px;
    	padding-right: 5px;
    	position: relative;
    }
    
    ul.topiclist.missing-column dt .list-inner {
    	margin-right: 345px;
    }
    
    dl.elegant-row dt .list-inner,
    ul.topiclist.two-long-columns dt .list-inner {
    	margin-right: 250px;
    }
    
    ul.topiclist.two-columns dt .list-inner {
    	margin-right: 80px;
    }
    
    ul.topiclist dd {
    	border-left: 1px solid transparent;
    	padding: 4px 0;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    }
    
    ul.topiclist dfn {
    	// Labels for post/view counts
    	display: none;
    	position: absolute;
    	left: -999px;
    	width: 990px;
    }
    
    .forum-image {
    	float: left;
    	padding-top: 5px;
    	margin-right: 5px;
    }
    
    li.row {
    	border-top: 1px solid transparent;
    	border-bottom: 1px solid transparent;
    	&:first-child {
    		border-top-width: 0;
    		padding-top: 0;
    	}
    	&:last-child {
    		border-bottom-width: 0;
    		padding-bottom: 0;
    	}
    
    	@if $split-forums == true {
    		ul.topiclist & {
    			.forabg &, .forumbg & {
    				@include section-forum;
    				margin: 5px 0;
    				padding: 0;
    				&.reported {
    					background-color: $block-background-reported;
    				}
    			}
    		}
    	}
    
    	.forum-description {
    
    	}
    	.subforums-list {
    		ul {
    			list-style-type: none;
    			display: inline;
    			margin: 0;
    		}
    		li {
    			display: inline;
    			& > span {
    				display: inline;
    			}
    		}
    	}
    	.forum-mcplink {
    		right: 4px;
    		top: 4px;
    		.rtl & {
    			right: auto;
    			left: 4px;
    		}
    	}
    }
    
    li.row strong {
    	font-weight: normal;
    }
    
    li.header dt, li.header dd {
    	border-left-width: 0;
    	padding-top: 0;
    	padding-bottom: 0;
    	font-size: $list-heading-font-size;
    	font-family: $list-heading-font-family;
    	line-height: $list-heading-line-height;
    }
    
    li.header dt {
    	.forabg & {
    		font-family: $forum-heading-font-family;
    		font-weight: $forum-heading-font-weight;
    		font-size: $forum-heading-font-size;
    	}
    	width: 100%;
    	margin-right: -440px;
    	.list-inner {
    		margin-right: 440px;
    		text-indent: 5px;
    		padding-left: 0;
    	}
    }
    
    li.header dd {
    	padding-left: 1px;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    }
    
    li.header dl dt, li.header dl dd {
    	min-height: 0;
    }
    
    li.header dl.row-item dt .list-inner {
    	// Tweak for headers alignment when folder icon used
    	.forabg & {
    		padding-left: 0;
    		padding-right: 50px;
    	}
    }
    
    // Forum list column styles
    .row .list-inner { padding: 4px 0; }
    
    dl.row-item {
    	background-position: 10px 50%;		// Position of folder icon
    	background-repeat: no-repeat;
    	background-size: 36px;
    }
    
    dl.row-item dt {
    	background-repeat: no-repeat;
    	background-position: 5px 95%;		// Position of topic icon
    	background-size: 17px;
    }
    
    dl.row-item dt .list-inner {
    	padding-left: 55px;					// Space for folder icon
    	position: relative;
    	padding-top: 5px;
    	padding-bottom: 5px;
    	li.header & {
    		padding-top: 0;
    		padding-bottom: 0;
    	}
    }
    
    dl.row-item dt .list-inner .topic-status {
    	position: absolute;
    	right: 4px;
    	top: 3px;
    	font-size: 14px;
    	pointer-events: none;
    	.rtl & {
    		right: auto;
    		left: 4px;
    	}
    }
    
    dl.row-item dt .list-inner .topic-status + .topic-status {
    	right: 20px;
    }
    
    dl.row-item dt, dl.row-item dd {
    	min-height: 42px;
    }
    
    dl.row-item dt a {
    	display: inline;
    }
    
    dl.row-item.with-description dt, dl.row-item.with-description dd {
    	min-height: 50px;
    }
    
    dl a.row-item-link {						// topic row icon links
    	display: block;
    	width: 36px;
    	height: 36px;
    	padding: 0;
    	position: absolute;
    	top: 50%;
    	left: 0;
    	margin-top: -15px;
    	margin-left: 9px;
    	z-index: 2;
    }
    
    dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
    	width: 80px;
    	text-align: center;
    }
    
    dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
    	line-height: 34px;
    	font-size: $forum-list-column-font-size;
    	.with-description & {
    		line-height: 42px;
    	}
    }
    
    dd.lastpost.empty br {
    	display: none;
    }
    
    dd.posts, dd.topics, dd.views {
    	width: 95px;
    	.elegant-row & {
    		display: none;
    	}
    }
    
    // List in forum description
    dl.row-item dt ol,
    dl.row-item dt ul {
    	list-style-position: inside;
    	margin-left: 1em;
    }
    
    dl.row-item dt li {
    	display: list-item;
    	list-style-type: inherit;
    }
    
    dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
    	width: 250px;
    	font-size: $forum-list-last-column-font-size;
    }
    
    dd.redirect {
    	line-height: 2.5em;
    }
    
    dd.time {
    	line-height: 200%;
    }
    
    dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
    	display: block;
    	padding-left: 5px;
    }
    
    dd.extra, dd.mark {
    	line-height: 200%;
    }
    
    dd.option {
    	width: 125px;
    	line-height: 200%;
    	text-align: center;
    	font-size: $font-size;
    }
    
    // Forums list layout
    // ----------------------
    .forum-description {
    	font-size: $forum-list-description-font-size;
    	padding-top: 2px;
    }
    
    .forum-statistics {
    	font-size: $font-size;
    	padding-top: 2px;
    	.value {
    	}
    }
    
    .forum-lastpost {
    	display: none;
    	@media (max-width: 550px) {
    		display: block !important;
    		padding-top: 2px;
    		line-height: 1.2;
    		overflow: hidden;
    	}
    	strong, span {
    		text-overflow: ellipsis;
    		overflow: hidden;
    		white-space: nowrap;
    	}
    	strong, span, a.lastsubject {
    		font-weight: normal;
    	}
    	strong {
    		display: block;
    		float: left;
    		max-width: 200px;
    		padding-right: 5px;
    		.rtl & {
    			float: right;
    			padding-right: 0;
    			padding-left: 5px;
    		}
    		@media (max-width: 400px) {
    			max-width: 130px;
    		}
    	}
    	span {
    		display: inline-block;
    		max-width: 100%;
    		&:after {
    			content: '|';
    			display: inline-block;
    			text-align: center;
    			width: 12px;
    		}
    		&:last-of-type:after {
    			display: none;
    		}
    	}
    }
    
    .subforums-list {
    	padding-top: 2px;
    }
    
    .forum-description.toggle {
    	display: none;
    	position: absolute;
    	font-size: $font-size;
    	border-radius: 4px;
    	padding: 4px 9px;
    	max-width: 500px;
    	cursor: pointer;
    	a.forumtitle + & {
    		left: 55px;
    		top: 25px;
    		z-index: 30;
    		.rtl & {
    			left: auto;
    			right: 55px;
    		}
    	}
    	a {
    		background: none !important;
    		text-decoration: underline !important;
    		border-width: 0 !important;
    	}
    	span.arrow {
    		position: absolute;
    		line-height: 0;
    		width: 0;
    		height: 0;
    		border: 6px solid transparent;
    		border-left: 1px none transparent;
    		top: 6px;
    		left: -6px;
    		bottom: auto;
    	}
    	.rtl & span.arrow {
    		border-left: 6px solid transparent;
    		border-right: 1px none transparent;
    		left: auto;
    		right: -6px;
    	}
    	&.no-arrow span.arrow {
    		display: none;
    	}
    }
    
    // Post body styles
    // ----------------------------------------
    .postbody {
    	padding: 0;
    	font-size: $font-size;
    	line-height: $line-height;
    	.postprofile + & {
    		float: $post-side;
    		margin-#{$profile-side}: -#{$post-margin};
    		.rtl & {
    			margin-#{$profile-side}: 0;
    			margin-#{$post-side}: -#{$post-margin};
    			float: $profile-side;
    		}
    		width: 100%;
    		position: relative;
    		.search & {
    			margin-#{$profile-side}: (-100px - $post-margin);
    			.rtl & {
    				margin-#{$profile-side}: 0;
    				margin-#{$post-side}: (-100px - $post-margin);
    			}
    		}
    	}
    }
    
    .postprofile + .postbody > div {
    	margin-#{$profile-side}: $post-margin;
    	&:only-child:after {
    		content: ' ';
    		display: table;
    		clear: both;
    	}
    	.rtl & {
    		margin-#{$profile-side}: 0;
    		margin-#{$post-side}: $post-margin;
    	}
    	.search & {
    		margin-#{$profile-side}: ($post-margin + 100px);
    		.rtl & {
    			margin-#{$profile-side}: 0;
    			margin-#{$post-side}: ($post-margin + 100px);
    		}
    	}
    }
    
    .postbody .ignore {
    	font-size: $post-content-font-size;
    	line-height: $post-content-line-height;
    }
    
    .postbody h3.first {
    	// The first post on the page uses this
    }
    
    .postbody h3 {
    	// Postbody requires a different h3 format - so change it here
    	float: left;
    	font-size: $post-title-font-size;
    	padding: 2px 0 0 0;
    	margin-top: 0 !important;
    	margin-bottom: 0.3em !important;
    	text-transform: none;
    	border: none;
    	font-family: $post-title-font-family;
    	line-height: $post-title-line-height;
    	.rtl & {
    		float: right;
    	}
    }
    
    .postbody h3 img {
    	vertical-align: bottom;
    }
    
    .has-profile .postbody h3 {
    	// If there is a post-profile, we position the post-buttons differently
    	float: none !important;
    	margin-right: 180px;
    	.rtl & {
    		margin-right: 0;
    		margin-left: 180px;
    	}
    }
    
    .postbody .content {
    	font-size: $post-content-font-size;
    	line-height: $post-content-line-height;
    	overflow-x: auto;
    }
    
    .postbody img.postimage {
    	max-width: 100%;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    }
    
    // Topic review panel
    // ----------------------------------------
    .panel .review {
    	margin-top: 2em;
    }
    
    .topicreview {
    	padding-right: 5px;
    	overflow: auto;
    	height: 300px;
    }
    
    .topicreview .postbody {
    	width: auto;
    	float: none;
    	margin: 0;
    	height: auto;
    }
    
    .topicreview .post {
    	height: auto;
    }
    
    .topicreview h2 {
    	border-bottom-width: 0;
    }
    
    .post-ignore .postbody {
    	display: none;
    }
    
    // MCP Post details
    // ----------------------------------------
    .post_details {
    	overflow: auto;
    	max-height: 300px;
    }
    
    // Content container styles
    // ----------------------------------------
    .content {
    	clear: both;
    	min-height: 3em;
    	overflow: hidden;
    	line-height: $post-content-line-height;
    	font-family: $post-content-font-family;
    	font-size: $post-content-font-size;
    	padding-bottom: 1px;
    }
    
    .content h2, .panel h2 {
    	font-weight: normal;
    	border-bottom: 1px solid transparent;
    	font-size: $panel-heading-font-size;
    	margin-top: 0.5em;
    	margin-bottom: 0.5em;
    	padding-bottom: 0.5em;
    	&.faq-title {
    		margin-top: 5px;
    	}
    }
    
    .panel h3 {
    	margin: 0.5em 0;
    }
    
    $panel-font-size:		$font-size + 2px !default;
    $panel-line-height:		$line-height !default;
    
    .panel p {
    	font-size: $panel-font-size;
    	margin-bottom: 1em;
    	line-height: $panel-line-height;
    }
    
    .content p {
    	font-family: $post-content-font-family;
    	font-size: $post-content-font-size;
    	margin-bottom: 1em;
    	line-height: $post-content-line-height;
    }
    
    dl.faq {
    	font-family: $post-content-font-family;
    	font-size: $post-content-font-size;
    	margin-top: 1em;
    	margin-bottom: 2em;
    	line-height: $post-content-line-height;
    }
    
    dl.faq dt {
    	font-family: $post-title-font-family;
    	font-size: $post-title-font-size;
    	line-height: $post-title-line-height;
    	font-weight: normal;
    	margin-bottom: 5px;
    }
    
    .content dl.faq {
    	@extend dl.faq;
    	margin-bottom: 0.5em;
    }
    
    .content li {
    	list-style-type: inherit;
    }
    
    .content ul, .content ol {
    	margin: 0.8em 0 0.9em 3em;
    }
    
    .posthilit {
    	padding: 0 2px 1px 2px;
    }
    
    // Post author
    p.author {
    	margin-bottom: 0.3em;
    	padding: 0 0 5px 0;
    	font-family: $font-family;
    	font-size: $font-size;
    	line-height: $line-height;
    	clear: both;
    }
    
    // Post signature
    .signature {
    	margin-top: 1.5em;
    	padding-top: 0.2em;
    	font-size: $post-signature-font-size;
    	border-top: 1px solid transparent;
    	clear: left;
    	font-family: $post-content-font-family;
    	line-height: $post-content-line-height;
    	overflow: hidden;
    	width: 100%;
    }
    
    .signature.standalone {
    	border-top-width: 0;
    	margin-top: 0;
    }
    
    dd .signature {
    	margin: 0;
    	padding: 0;
    	clear: none;
    	border: none;
    }
    
    .signature li {
    	list-style-type: inherit;
    }
    
    .signature ul, .signature ol {
    	margin: 0.8em 0 0.9em 3em;
    }
    
    // Post noticies
    .notice {
    	font-family: $post-content-font-family;
    	width: auto;
    	margin-top: 1.5em;
    	padding-top: 0.2em;
    	font-size: $post-content-font-size;
    	border-top: 1px dashed transparent;
    	clear: left;
    	line-height: $post-content-line-height;
    }
    
    // Jump to post link for now
    ul.searchresults {
    	list-style: none;
    	text-align: right;
    	clear: both;
    	@if $profile-side == right {
    		margin-right: ($post-margin + 100px);
    	}
    	.rtl & {
    		text-align: left;
    		@if $profile-side == right {
    			margin-right: 0;
    			margin-left: ($post-margin + 100px);
    		}
    	}
    }
    
    // BB Code styles
    // ----------------------------------------
    // Quote block
    blockquote {
    	border: 0px solid transparent;
    	border-left-width: 3px;
    	border-radius: $bbcode-border-radius;
    	font-size: $post-quote-font-size;
    	margin: 8px 12px;
    	overflow: hidden;
    	padding: 5px;
    	position: relative;
    	.rtl & {
    		border-left-width: 0;
    		border-right-width: 3px;
    	}	
    }
    
    /*blockquote:before {
    	position: absolute;
    	font-family: 'Trebuchet MS';
    	top: 5px;
    	left: 4px;
    	height: 16px;
    	font-size: 30px;
    	line-height: 30px;
    	pointer-events: none;
    }*/
    
    blockquote blockquote {
    	// Nested quotes
    	margin: 5px;
    }
    
    blockquote cite {
    	// Username/source of quoter
    	font-style: normal;
    	font-weight: bold;
    	display: block;
    	font-family: $post-block-title-font-family;
    	font-size: $post-block-title-font-size;
    	line-height: $post-block-title-line-height;
    }
    
    blockquote cite cite {
    }
    
    blockquote cite:before, .uncited:before {
    	padding-right: 5px;
    }
    
    blockquote cite > div {
    	float: right;
    	font-weight: normal;
    }
    
    .postbody .content li blockquote {
    	overflow: inherit;
    	margin-left: 0;
    }
    
    // Code block
    $post-code-line-height:		1.3 !default;
    
    .codebox {
    	border: 0px solid transparent;
    	border-left-width: 3px;
    	border-radius: $bbcode-border-radius;
    	margin: 8px 12px;
    	font-size: $post-code-font-size;
    	word-wrap: normal;
    }
    
    .codebox p {
    	text-transform: uppercase;
    	border-bottom: 1px solid transparent;
    	margin-bottom: 3px;
    	padding: 3px;
    	font-family: $post-block-title-font-family;
    	font-size: $post-block-title-font-size !important;
    	line-height: $post-block-title-line-height;
    	font-weight: bold;
    	display: block;
    }
    
    blockquote .codebox {
    	margin-left: 0;
    }
    
    .codebox code {
    	overflow: auto;
    	display: block;
    	height: auto;
    	max-height: 200px;
    	padding: 5px 3px;
    	font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
    	font-size: $post-code-font-size;
    	line-height: $post-code-line-height;
    }
    
    // Attachments
    // ----------------------------------------
    .attachbox {
    	float: left;
    	width: auto;
    	max-width: 100%;
    	margin: 5px 5px 5px 0;
    	padding: 6px;
    	border: 0px solid transparent;
    	border-left-width: 3px;
    	border-radius: $bbcode-border-radius;
    	clear: left;
    	box-sizing: border-box;
    }
    
    .attachbox dt {
    	font-family: $post-block-title-font-family;
    	font-size: $post-block-title-font-size;
    	line-height: $post-block-title-line-height;
    	font-weight: 500;
    }
    
    .attachbox dd {
    	margin-top: 4px;
    	padding-top: 4px;
    	clear: left;
    	border-top: 1px solid transparent;
    	overflow-x: auto;
    }
    
    .attachbox dd dd {
    	border: none;
    }
    
    .attachbox p, .attachbox p.stats {
    	line-height: $post-content-line-height;
    	font-weight: normal;
    	clear: left;
    }
    
    .attach-image {
    	margin: 3px 0;
    	max-width: 100%;
    }
    
    .attach-image img {
    	// border: 1px solid transparent;
    //	cursor: move;
    	cursor: default;
    }
    
    // Inline image thumbnails
    div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
    	display: block;
    	margin-bottom: 4px;
    }
    
    div.inline-attachment p {
    	font-size: $post-quote-font-size;
    }
    
    dl.file {
    	font-family: $post-block-title-font-family;
    	display: block;
    }
    
    dl.file dt {
    	text-transform: none;
    	margin: 0;
    	padding: 0;
    	font-weight: bold;
    	font-family: $post-block-title-font-family;
    	font-size: $post-block-title-font-size;
    	line-height: $post-block-title-line-height;
    }
    
    dl.file dd {
    	margin: 0;
    	padding: 0;
    }
    
    dl.thumbnail img {
    	padding: 3px;
    	border: 1px solid transparent;
    	box-sizing: border-box;
    }
    
    dl.thumbnail dd {
    	font-style: italic;
    	font-family: $font-family;
    }
    
    .attachbox dl.thumbnail dd {
    	font-size: 100%;
    }
    
    dl.thumbnail dt a:hover img {
    	border: 1px solid transparent;
    }
    
    // Post poll styles
    // ----------------------------------------
    fieldset.polls {
    	font-family: $post-content-font-family;
    	font-size: $post-content-font-size;
    }
    
    fieldset.polls dl {
    	margin: 0;
    	border: 1px solid transparent;
    	border-width: 1px 0;
    	padding: 5px 0;
    	line-height: $post-content-line-height;
    	&:first-child {
    		border-top-width: 0;
    	}
    	&:last-child {
    		border-bottom-width: 0;
    	}
    }
    
    fieldset.polls dl.voted {
    	font-weight: bold;
    }
    
    fieldset.polls dt {
    	text-align: left;
    	float: left;
    	display: block;
    	width: 30%;
    	border-right: none;
    	padding: 0;
    	margin: 0;
    	font-size: $post-content-font-size;
    }
    
    fieldset.polls dd {
    	float: left;
    	width: 10%;
    	border-left: none;
    	padding: 0 5px;
    	margin-left: 0;
    	font-size: $post-content-font-size;
    }
    
    fieldset.polls dd.resultbar {
    	width: 50%;
    }
    
    fieldset.polls dd input {
    	margin: 2px 0;
    }
    
    fieldset.polls dd div {
    	text-align: right;
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	font-size: .9em;
    	padding: 0 3px;
    	overflow: visible;
    	min-width: 8px;
    	border-radius: max(min($border-radius, 5px) - 1px, 0);
    }
    
    .vote-submitted {
    	font-size: $post-content-font-size + 2px;
    	font-weight: bold;
    	text-align: center;
    }
    
    // Poster profile block
    // ----------------------------------------
    .postprofile {
    	margin: 0;
    	padding: 5px 0;
    	min-height: 80px;
    	border: 0px solid transparent;
    	border-#{$post-side}-width: 1px;
    	width: $profile-width;
    	float: $profile-side;
    	position: relative;
    	box-sizing: border-box;
    	z-index: 2;
    	.rtl & {
    		float: $post-side;
    		border-width: 0;
    		border-#{$profile-side}-width: 1px;
    	}
    	.search & {
    		width: ($profile-width + 100px);
    	}
    }
    
    .postprofile dd, .postprofile dt {
    	font-size: $post-profile-font-size;
    	line-height: $post-profile-line-height;
    	margin-#{$post-side}: 8px;
    	.rtl & {
    		margin-#{$profile-side}: 8px;
    		margin-#{$post-side}: 0;
    	}
    }
    
    .postprofile dd {
    	overflow: hidden;
    	text-overflow: ellipsis;
    }
    
    .postprofile strong {
    	font-weight: normal;
    }
    
    .postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
    	margin-bottom: 10px;
    }
    
    // Post-profile avatars
    .postprofile .has-avatar .avatar-container {
    	margin-bottom: 3px;
    	overflow: hidden;
    }
    
    .postprofile .avatar {
    	display: block;
    	float: left;
    	max-width: 100%;
    	.rtl & {
    		float: right;
    	}
    }
    
    .postprofile .avatar img {
    	display: block;
    	height: auto !important;
    	max-width: 100%;
    }
    
    .postprofile .profile-posts a {
    	font-weight: normal;
    }
    
    dd.profile-warnings {
    	font-weight: bold;
    }
    
    dd.profile-contact {
    	overflow: visible;
    }
    
    .profile-contact .dropdown-container {
    	display: inline-block;
    }
    
    .profile-contact .icon_contact {
    	vertical-align: middle;
    }
    
    .profile-contact .dropdown {
    	margin-right: -14px;
    }
    
    .online-ribbon {
    	display: block;
    	width: 70px;
    	height: 70px;
    	position: absolute;
    	overflow: hidden;
    	top: -1px;
    	#{$profile-side}: -1px;
    	pointer-events: none;
    
    	.rtl & {
    		#{$profile-side}: auto;
    		#{$post-side}: -1px;
    	}
    
    	span {
    		display: block;
    		font-weight: 500;
    		font-style: normal;
    		width: 100px;
    		font-size: 11px;
    		line-height: 18px;
    		height: 18px;
    		text-align: center;
    		position: absolute;
    		top: 17px;
    		white-space: nowrap;
    		#{$profile-side}: -25px;
    
    		@if $profile-side == left {
    			-webkit-transform: rotate(-45deg);
    			-ms-transform: rotate(-45deg);
    			transform: rotate(-45deg);
    		}
    		@else {
    			-webkit-transform: rotate(45deg);
    			-ms-transform: rotate(45deg);
    			transform: rotate(45deg);
    		}
    
    		+ span {
    			opacity: .75;
    			z-index: 29;
    		}
    
    		.rtl & {
    			#{$profile-side}: auto;
    			#{$post-side}: -25px;
    
    			@if $profile-side == right {
    				-webkit-transform: rotate(-45deg);
    				-ms-transform: rotate(-45deg);
    				transform: rotate(-45deg);
    			}
    			@else {
    				-webkit-transform: rotate(45deg);
    				-ms-transform: rotate(45deg);
    				transform: rotate(45deg);
    			}
    		}
    	}
    }
    
    .panel.online > .inner {
    	position: relative;
    	z-index: 2;
    }
    
    .no-avatar .avatar-container {
    	display: block;
    	width: 92px;
    	height: 92px;
    	background: transparent none 50% 50% no-repeat;
    	background-size: cover;
    }
    
    // Profile used on view-profile
    .profile-avatar img {
    	max-width: 100%;
    }
    
    // pm list in compose message if mass pm is enabled
    dl.pmlist dt {
    	width: 60% !important;
    }
    
    dl.pmlist dt textarea {
    	width: 95%;
    }
    
    dl.pmlist dd {
    	margin-left: 61% !important;
    	margin-bottom: 2px;
    }
    
    .action-bar div.dl_links {
    	padding: 10px 0 0 10px;
    }
    
    div.dl_links {
    	display: inline-block;
    	text-transform: none;
    }
    
    .dl_links strong {
    	font-weight: bold;
    }
    
    .dl_links ul {
    	list-style-type: none;
    	margin: 0;
    	display: inline-block;
    }
    
    .dl_links li {
    	display: inline-block;
    }
    
    .attachment-filename {
    	width: 100%;
    }
    
    .ellipsis-text {
    	display: inline-block;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    }
    
    table.fixed-width-table {
    	table-layout: fixed;
    }
    
    // Show scrollbars for items with overflow on iOS devices
    // ----------------------------------------
    .postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
    	width: 8px;
    	height: 8px;
    	-webkit-appearance: none;
    	border-radius: 3px;
    }
    
    .postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
    	border-radius: 3px;
    }
    
    #memberlist tr.inactive, #team tr.inactive {
    	font-style: italic;
    }
    
    //
    // Extensions
    //
    
    // Thanks for posts
    a.post {
    	display: inline !important;
    	background: none !important;
    	box-shadow: none !important;
    	border: none !important;
    }
    
    // Button Styles
    // ----------------------------------------
    
    $button-inner-height:	$button-line-height + $button-top-padding * 2;
    $button-outer-height:	$button-inner-height + $button-border-width * 2;
    
    .button {
    	display: inline-block;
    	padding: $button-top-padding $button-side-padding;
    	font-size: $button-font-size;
    	font-weight: 600;
    	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;		
    	line-height: $button-line-height;
    	text-align: center;
    	white-space: nowrap;
    	vertical-align: middle;
    	-ms-touch-action: manipulation;
    	    touch-action: manipulation;
    	cursor: pointer;
    	-webkit-user-select: none;
    	   -moz-user-select: none;
    	    -ms-user-select: none;
    	        user-select: none;
    	border: $button-border-width solid transparent;
    	border-radius: $big-button-border-radius;
    
    	& > strong {
    		font-weight: 600;
    	}
    }
    
    .button:focus,
    .button:hover {
     	text-decoration: none;
     	outline: none;
    }
    
    .caret {
    	border-left: 1px solid;
    	position: relative;
    	right: -6px;
    }
    
    .caret i {
    	vertical-align: top;
    }
    
    /* Posting page styles
    ----------------------------------------*/
    .button-search,
    .button-search-end  {
    	float: left;
    	border-radius: 0;
    	margin: 0;
    	padding: 2px 5px;
    }
    
    .button-search-end {
    	border-left-width: 0;
    	border-radius: 0 4px 4px 0;
    }
    
    .search-header .button-search,
    .search-header .button-search-end {
    	border-top-width: 0;
    	border-bottom-width: 0;
    	padding: 3px 5px;
    }
    
    .search-header .button-search-end {
    	border-right-width: 0;
    }
    
    .button-icon-only {
    	padding-left: 3px;
    	padding-right: 3px;
    }
    
    // Poster contact icons
    // ----------------------------------------
    .contact-icons.dropdown-contents {
    	min-width: 0;
    	padding: 0;
    	font-size: 0;
    }
    
    .contact-icon {
    	position: relative;
    	display: block;
    	height: 16px;
    	width: 16px;
    	&:after {
    		content: '';
    		position: absolute;
    		top: 0;
    		left: 0;
    		right: 0;
    		bottom: 0;
    		text-align: center;
    		font-family: FontAwesome;
    		font-size: 14px;
    		line-height: 16px;
    		vertical-align: baseline;
    		font-weight: normal;
    		font-style: normal;
    		text-transform: none;
    		text-indent: 0;
    		pointer-events: none;
    	}
    }
    .contact-icons a {
    	border-bottom: 1px dotted;
    	border-right: 1px dotted;
    	display: block;
    	float: left;
    	padding: 8px;
    }
    
    %contact-icon-gi {
    	font-family: 'Glyphicons Regular', 'Glyphicons';
    }
    
    .contact-icons .last-cell {
    	border-right: none;
    }
    
    .contact-icons div:last-child a {
    	border-bottom: none;
    }
    
    .contact-icons div {
    	clear: left;
    }
    
    // Profile icons
    .pm-icon:after {
    	content: '\f086';	// fa-comments
    }
    .email-icon:after {
    	content: '\f0e0';	// fa-envelope
    }
    .jabber-icon:after {
    	content: '\f0eb';	// fa-lightbulb-o
    	font-size: 16px;
    }
    .phpbb_icq-icon:after {
    	content: '\f013';	// fa-cog
    }
    .phpbb_wlm-icon:after {
    	content: '\f007';	// fa-user
    }
    .phpbb_aol-icon:after {
    	content: '\f2bb';	// fa-address-card
    }
    .phpbb_website-icon:after {
    	content: '\f08e';	// fa-external-link
    }
    .phpbb_youtube-icon:after {
    	content: '\f16a';	// fa-youtube-play
    }
    .phpbb_facebook-icon:after {
    	content: '\f230';	// fa-facebook-official
    }
    .phpbb_googleplus-icon:after {
    	content: '\f0d5';	// fa-google-plus
    }
    .phpbb_skype-icon:after {
    	content: '\f17e';	// fa-skype
    }
    .phpbb_twitter-icon:after {
    	content: '\f099';	// fa-twitter
    }
    .phpbb_yahoo-icon:after {
    	content: '\f19e';	// fa-yahoo
    }
    
    
    // Post control buttons
    // ---------------------------------------------
    .post-buttons {
    	float: right;
    	list-style: none;
    	margin-top: 2px;
    	.rtl & {
    		float: left;
    	}
    }
    
    .has-profile .post-buttons {
    	float: none;
    	position: absolute;
    	margin: 0;
    	top: 5px;
    
    	@if $profile-side == left {
    		right: 0;
    		.rtl & {
    			left: 0;
    		}
    	}
    	@else {
    		right: $post-margin;
    		.rtl & {
    			left: $post-margin;
    		}
    	}
    
    	.rtl & {
    		right: auto;
    	}
    }
    
    .post-buttons > li {
    	float: left;
    	margin-right: 3px;
    }
    
    .post-buttons .button, .format-buttons .button {
    	padding-left: 3px;
    	padding-right: 3px;
    }
    
    
    .hastouch .post-buttons {
    	margin-right: 10px;
    }
    
    .post-buttons .button span {
    	font-size: 0;
    }
    
    // Responsive buttons in post body
    .post-buttons .dropdown {
    	top: 20px;
    }
    
    $post-dropdown-glyphs-font-size:	floor($dropdown-content-font-size / 2) * 2;
    
    .post-buttons .dropdown a {
    	display: block;
    	font-size: $dropdown-content-font-size;
    	line-height: $dropdown-content-line-height;
    	text-align: left;
    	margin-left: 18px;
    	position: relative;
    	&:before {
    		position: absolute;
    		left: -16px;
    		top: 50%;
    		height: $post-dropdown-glyphs-font-size;
    		line-height: $post-dropdown-glyphs-font-size + 2px;
    		margin: -#{$post-dropdown-glyphs-font-size / 2} 0 0;
    		pointer-events: none;
    		color: inherit;
    	}
    	.rtl & {
    		text-align: right;
    	}
    }
    
    .hasjs .postbody .post-buttons {
    	max-width: 40%;
    }
    
    // Browser-specific tweaks
    button::-moz-focus-inner {
    	padding: 0;
    	border: 0
    }
    
    
    /* Deprecated as of version 3.2
    -------------------------------------------------*/
    .small-icon {
    	background-position: 0 50%;
    	background-repeat: no-repeat;
    	background-image: none;
    }
    
    .dropdown .small-icon {
    	background-position: 5px 50%;
    	padding: 5px;
    }
    
    .small-icon > a {
    	padding: 0 0 0 18px;
    }
    
    ul.linklist.bulletin > li.small-icon:before {
    	display: none;
    }
    
    .dropdown .small-icon > a {
    	display: block;
    }
    
    .rtl .small-icon {
    	background-position: 100% 50%;
    }
    
    .rtl .small-icon > a {
    	padding-left: 0;
    	padding-right: 19px;
    }
    
    // Control Panel Styles
    // ----------------------------------------
    
    
    // Main CP box
    // ----------------------------------------
    .cp-menu {
    	float:left;
    	width: 19%;
    	margin: 0 -2px;
    	padding-right: 7px;
    	box-sizing: border-box;
    	.rtl & {
    		float: right;
    		padding-left: 7px;
    		padding-right: 0;
    	}
    }
    
    .cp-main {
    	float: left;
    	width: 81%;
    	.rtl & {
    		float: right;
    	}
    }
    
    .cp-main .content {
    	padding: 0;
    }
    
    .panel-container .panel {
    	margin-bottom: 10px;
    }
    
    .panel-container .panel p {
    	font-size: $panel-font-size;
    	line-height: $panel-line-height;
    }
    
    .panel-container .panel ol {
    	margin-left: 2em;
    	font-size: $panel-font-size;
    }
    
    .panel-container .panel li.row {
    	border-bottom: 1px solid transparent;
    	border-top: 1px solid transparent;
    }
    
    ul.cplist {
    	margin-bottom: 5px;
    	border-top: 1px solid transparent;
    }
    
    .panel-container .panel li.header dd, .panel-container .panel li.header dt {
    	margin-bottom: 2px;
    }
    
    .panel-container table.table1 {
    	margin-bottom: 1em;
    }
    
    .panel-container table.table1 thead th {
    	@include table-heading-transparent;
    	padding: 5px;
    	font-weight: bold;
    	font-size: inherit;
    	line-height: inherit;
    }
    
    .panel-container table.table1 tbody th {
    	font-style: italic;
    	background-color: transparent !important;
    	border-bottom: none;
    }
    
    .cp-main .pm-message {
    	border: 1px solid transparent;
    	margin: 10px 0;
    	width: auto;
    	float: none;
    }
    
    .pm-message h2 {
    	padding-bottom: 5px;
    }
    
    .cp-main .postbody h3, .cp-main .box2 h3 {
    	margin-top: 0;
    }
    
    .panel-container .postbody p.author {
    	font-size: $font-size;
    }
    
    .cp-main .buttons {
    	margin-left: 0;
    }
    
    .cp-main ul.linklist {
    	margin: 0;
    }
    
    // MCP Specific tweaks
    .mcp-main .postbody {
    	width: 100%;
    }
    
    .tabs-container h2 {
    	float: left;
    	margin-bottom: 0px;
    }
    
    // CP tabs shared
    // ----------------------------------------
    .tabs, .minitabs {
    	line-height: normal;
    }
    
    .tabs > ul, .minitabs > ul {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    	position: relative;
    }
    
    .tabs .tab, .minitabs .tab {
    	display: block;
    	float: left;
    	font-size: $tab-font-size;
    	font-weight: bold;
    	line-height: $tab-line-height;
    }
    
    .tabs .tab > a, .minitabs .tab > a {
    	display: block;
    	padding: 0 9px;
    	position: relative;
    	text-decoration: none;
    	white-space: nowrap;
    	cursor: pointer;
    	font-size: inherit;
    	line-height: inherit;
    }
    
    // CP tabbed menu
    // ----------------------------------------
    .tabs {
    	margin: 20px 0 0 7px;
    }
    
    .tabs .tab > a {
    	border: 1px solid transparent;
    	border-radius: 4px 4px 0 0;
    	margin: 1px 1px 0 0;
    }
    
    .tabs .activetab > a {
    	margin-top: 0;
    	padding-bottom: 2px;
    }
    
    // Mini tabbed menu used in MCP
    // ----------------------------------------
    .minitabs {
    	float: right;
    	margin: 15px 7px 0 0;
    	max-width: 50%;
    }
    
    .minitabs .tab {
    	float: right;
    }
    
    .minitabs .tab > a {
    	border-radius: 5px 5px 0 0;
    	margin-left: 2px;
    }
    
    .minitabs .tab > a:hover {
    	text-decoration: none;
    }
    
    // Responsive tabs
    // ----------------------------------------
    .responsive-tab {
    	position: relative;
    }
    
    a.responsive-tab-link {
    	.responsive-tab > & {
    		display: block;
    		font-size: 16px;
    		position: relative;
    		width: 16px;
    		line-height: 14px;
    		text-decoration: none;
    	}
    	.responsive-tab > &:before {
    		content: '\f0c9';	// fa-bars
    		font-family: FontAwesome;
    		position: absolute;
    		left: 10px;
    		top: 50%;
    		margin-top: -7px;
    		width: 14px;
    		font-size: 13px;
    		line-height: 15px;
    		height: 15px;
    		text-align: center;
    		font-weight: normal;
    		font-style: normal;
    		text-indent: 0;
    	}
    	.dropdown-visible.responsive-tab > &:before,
    	.responsive-tab > &:hover:before {
    		font-family: FontAwesome;
    		content: '\f078';	// fa-chevron-down
    	}
    }
    
    .tabs .dropdown, .minitabs .dropdown {
    	top: $tab-line-height + 2px;
    	margin-right: -2px;
    	font-size: $dropdown-content-font-size;
    	line-height: $dropdown-content-line-height;
    	font-weight: normal;
    }
    
    .minitabs .dropdown {
    	margin-right: -4px;
    }
    
    .tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
    	bottom: $tab-line-height + 2px;
    	top: auto;
    }
    
    .tabs .dropdown li {
    	text-align: right;
    }
    
    .minitabs .dropdown li {
    	text-align: left;
    }
    
    // UCP navigation menu
    // ----------------------------------------
    // Container for sub-navigation list
    .navigation {
    	width: 100%;
    	hr {
    		display: none;
    		+ ul {
    			margin-top: 10px;
    		}
    	}
    }
    
    .navigation ul {
    	list-style: none;
    }
    
    // Default list state
    .navigation li {
    	display: inline;
    	font-weight: bold;
    	margin: 1px 0;
    	padding: 0;
    }
    
    // Link styles for the sub-section links
    .navigation a {
    	display: block;
    	padding: 5px;
    	margin: 2px 0;
    	border-radius: max(0px, $border-radius - 2px);
    	text-decoration: none;
    	font-size: $font-size;
    	line-height: $line-height;
    }
    
    .navigation a:hover {
    	text-decoration: none;
    }
    
    // Preferences pane layout
    // ----------------------------------------
    .cp-main h2 {
    	border-bottom: none;
    	padding: 0;
    	margin-left: 10px;
    }
    
    // Friends list
    .cp-mini {
    	margin: 10px 15px 10px 5px;
    	max-height: 200px;
    	overflow-y: auto;
    	padding: 5px 10px;
    	border-radius: $border-radius;
    }
    
    dl.mini dt {
    	font-weight: bold;
    }
    
    dl.mini dd {
    	padding-top: 4px;
    }
    
    .friend-online {
    	font-weight: bold;
    }
    
    .friend-offline {
    	font-style: italic;
    }
    
    // PM Styles
    // ----------------------------------------
    // Defined rules list for PM options
    ol.def-rules {
    	padding-left: 0;
    }
    
    ol.def-rules li {
    	line-height: 180%;
    	padding: 1px;
    }
    
    // PM marking colours
    .pmlist li.bg1 {
    	padding: 0 3px;
    }
    
    .pmlist li.bg2 {
    	padding: 0 3px;
    }
    
    .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
    	border-left-color: transparent;
    	border-right-color: transparent;
    }
    
    .pmlist li.pm_marked_colour, .pm_marked_colour,
    .pmlist li.pm_replied_colour, .pm_replied_colour,
    .pmlist li.pm_friend_colour, .pm_friend_colour,
    .pmlist li.pm_foe_colour, .pm_foe_colour {
    	padding: 0;
    	border: solid 3px transparent;
    	border-width: 0 3px;
    }
    
    .pm-legend {
    	border-left-width: 10px;
    	border-left-style: solid;
    	border-right-width: 0;
    	margin-bottom: 3px;
    	padding-left: 3px;
    }
    
    // Avatar gallery
    .gallery label {
    	position: relative;
    	float: left;
    	margin: 10px;
    	padding: 5px;
    	width: auto;
    	border: 1px solid transparent;
    	text-align: center;
    }
    
    // Responsive *CP navigation
    // ----------------------------------------
    @media (max-width: 900px)
    {
    	.nojs .tabs a span, .nojs .minitabs a span {
    		max-width: 40px;
    		overflow: hidden;
    		text-overflow: ellipsis;
    		letter-spacing: -.5px;
    	}
    
    	.cp-menu, .navigation, .cp-main {
    		float: none;
    		width: auto;
    		margin: 0;
    	}
    
    	.cp-menu:after {
    		content: ' ';
    		display: table;
    		clear: both;
    	}
    
    	.navigation {
    		padding: 0;
    		max-width: 320px;
    		.cp-menu & {
    			margin: 0 10px;
    			float: left;
    			@media (max-width: 450px) {
    				float: none;
    				margin: 0 auto;
    			}
    		}
    		&, .cp-menu &:only-child {
    			float: none;
    			margin: 0 auto;
    		}
    		.cp-menu & + .cp-mini {
    			float: left;
    			margin: 0 10px;
    			max-width: 220px;
    			@media (max-width: 450px) {
    				float: none;
    				margin: 10px auto 0;
    			}
    		}
    	}
    
    	.navigation a {
    		background-image: none;
    	}
    
    	.navigation li:first-child a {
    		border-top-left-radius: 5px;
    		border-top-right-radius: 5px;
    	}
    
    	.navigation li:last-child a {
    		border-bottom-left-radius: 5px;
    		border-bottom-right-radius: 5px;
    	}
    }
    
    // Form Styles
    // ----------------------------------------
    
    // General form styles
    // ----------------------------------------
    $input-font-size:		$font-size + 1px !default;
    $input-font-family:		$font-family !default;
    
    fieldset {
    	border-width: 0;
    	font-family: $font-family;
    	font-size: $font-size;
    }
    
    input {
    	font-weight: normal;
    	vertical-align: middle;
    	padding: 0 3px;
    	font-size: $input-font-size;
    	font-family: $input-font-family;
    }
    
    select {
    	font-family: $input-font-family;
    	font-weight: normal;
    	cursor: pointer;
    	vertical-align: middle;
    	border: 1px solid transparent;
    	border-radius: $input-border-radius;
    	padding: 1px;
    	font-size: $input-font-size;
    }
    
    select:focus {
    	outline-style: none;
    }
    
    option {
    	padding-right: 1em;
    }
    
    select optgroup option {
    	padding-right: 1em;
    	font-family: $input-font-family;
    }
    
    textarea {
    	font-family: $post-content-font-family;
    	width: 60%;
    	padding: 2px;
    	font-size: $post-content-font-size;
    	line-height: $post-content-line-height;
    	border-radius: $input-border-radius;
    	-webkit-appearance: none;
    }
    
    label {
    	cursor: default;
    	padding-right: 5px;
    }
    
    label input {
    	vertical-align: middle;
    }
    
    label img {
    	vertical-align: middle;
    }
    
    // Definition list layout for forms
    // ----------------------------------------
    fieldset dl {
    	padding: 4px 0;
    }
    
    fieldset dt {
    	float: left;
    	width: 40%;
    	text-align: left;
    	display: block;
    }
    
    fieldset dd {
    	margin-left: 41%;
    	vertical-align: top;
    	margin-bottom: 3px;
    }
    
    // Specific layout 1
    fieldset.fields1 dt {
    	width: 15em;
    	border-right-width: 0;
    }
    
    fieldset.fields1 dd {
    	margin-left: 15em;
    	border-left-width: 0;
    }
    
    fieldset.fields1 div {
    	margin-bottom: 3px;
    }
    
    // Set it back to 0px for the reCaptcha divs: PHPBB3-9587
    fieldset.fields1 .live-search div {
    	margin-bottom: 0;
    }
    
    // Specific layout 2
    fieldset.fields2 dt {
    	width: 15em;
    	border-right-width: 0;
    }
    
    fieldset.fields2 dd {
    	margin-left: 16em;
    	border-left-width: 0;
    }
    
    // Form elements
    dt label {
    	font-weight: bold;
    	text-align: left;
    }
    
    dd label {
    	white-space: nowrap;
    }
    
    dd input, dd textarea {
    	margin-right: 3px;
    }
    
    dd select {
    	width: auto;
    }
    
    dd select[multiple] {
    	width: 100%;
    }
    
    dd textarea {
    	width: 85%;
    }
    
    // Hover effects
    .timezone {
    	width: 95%;
    }
    
    /* Browser-specific tweaks */
    button::-moz-focus-inner {
    	padding: 0;
    	border: 0
    }
    
    
    // Quick-login on index page
    fieldset.quick-login {
    	margin-top: 5px;
    }
    
    fieldset.quick-login input {
    	width: auto;
    }
    
    fieldset.quick-login input.inputbox {
    	width: 15%;
    	vertical-align: middle;
    	margin-right: 5px;
    }
    
    fieldset.quick-login label {
    	white-space: nowrap;
    	padding-right: 2px;
    }
    
    // Display options on viewtopic/viewforum pages
    fieldset.display-options {
    	text-align: center;
    	margin: 3px 0 5px 0;
    }
    
    fieldset.display-options label {
    	white-space: nowrap;
    	padding-right: 2px;
    }
    
    fieldset.display-options a {
    	margin-top: 3px;
    }
    
    .dropdown fieldset.display-options {
    	font-size: 1em;
    	margin: 0;
    	padding: 0;
    }
    
    .dropdown fieldset.display-options label {
    	display: block;
    	margin: 4px;
    	padding: 0;
    	text-align: right;
    	white-space: nowrap;
    }
    
    .dropdown fieldset.display-options select {
    	min-width: 120px;
    }
    
    // Display actions for ucp and mcp pages
    fieldset.display-actions {
    	text-align: right;
    	line-height: 2em;
    	white-space: nowrap;
    	padding-right: 1em;
    }
    
    fieldset.display-actions label {
    	white-space: nowrap;
    	padding-right: 2px;
    }
    
    fieldset.sort-options {
    	line-height: 2em;
    }
    
    // MCP forum selection
    fieldset.forum-selection {
    	margin: 5px 0 3px 0;
    	float: right;
    }
    
    fieldset.forum-selection2 {
    	margin: 13px 0 3px 0;
    	float: right;
    }
    
    // Submit button fieldset
    fieldset.submit-buttons {
    	text-align: center;
    	vertical-align: middle;
    	margin: 5px 0;
    }
    
    fieldset.submit-buttons input {
    	vertical-align: middle;
    }
    
    // Posting page styles
    // ----------------------------------------
    
    // Buttons used in the editor
    .format-buttons {
    	margin: 15px 0 2px 0;
    }
    
    .format-buttons input, .format-buttons select {
    	vertical-align: middle;
    }
    
    // Main message box
    .message-box {
    	width: 80%;
    }
    
    .message-box textarea {
    	font-family: $post-content-font-family;
    	width: 450px;
    	height: 270px;
    	min-width: 100%;
    	max-width: 100%;
    	font-size: $post-content-font-size;
    	line-height: $post-content-line-height;
    	resize: vertical;
    	outline: 3px dashed transparent;
    	outline-offset: -4px;
    	-webkit-transition: all .5s ease, height 1ms linear;
    	-moz-transition: all .5s ease, height 1ms linear;
    	-ms-transition: all .5s ease, height 1ms linear;
    	-o-transition: all .5s ease, height 1ms linear;
    	transition: all .5s ease, height 1ms linear;
    }
    
    // Emoticons panel
    .smiley-box {
    	width: 18%;
    	float: right;
    }
    
    .smiley-box img {
    	margin: 3px;
    }
    
    // Input field styles
    // ----------------------------------------
    .inputbox {
    	border: 1px solid transparent;
    	padding: 2px;
    	border-radius: $input-border-radius;
    	-webkit-appearance: none;
    }
    
    .inputbox:hover, .inputbox:focus {
    	border: 1px solid transparent;
    	outline-style: none;
    }
    
    input.inputbox	{ width: 85%; }
    input.medium	{ width: 50%; }
    input.narrow	{ width: 25%; }
    input.tiny	{ width: 150px; }
    
    textarea.inputbox {
    	width: 85%;
    }
    
    .autowidth {
    	width: auto !important;
    }
    
    input[type="number"] {
    	-moz-padding-end: 0;
    }
    
    input[type="search"] {
    	-webkit-appearance: none;
    	-webkit-box-sizing: content-box;
    }
    
    input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
    	display: none;
    }
    
    input[type="search"]::-webkit-search-cancel-button {
    	cursor: pointer;
    }
    
    // Form button styles
    // ----------------------------------------
    input.button1, input.button2 {
    	font-size: $input-button-font-size;
    }
    
    a.button1, input.button1, input.button3, a.button2, input.button2 {
    	width: auto !important;
    	padding-top: 1px;
    	padding-bottom: 1px;
    	font-family: $input-button-font-family;
    	background: transparent none repeat-x top left;
    	line-height: 1.5;
    	border-radius: $button-border-radius;
    	font-size: $input-button-font-size;
    	.format-buttons & {
    		font-size: $bbcode-button-font-size;
    	}
    }
    
    a.button1, input.button1 {
    	font-weight: bold;
    	border: 1px solid transparent;
    }
    
    input.button3 {
    	padding: 0;
    	margin: 0;
    	line-height: 5px;
    	height: 12px;
    	background-image: none;
    	font-variant: small-caps;
    }
    
    input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"] {
    	cursor: pointer;
    }
    
    // Alternative button
    a.button2, input.button2, input.button3 {
    	border: 1px solid transparent;
    }
    
    // <a> button in the style of the form buttons
    a.button1, a.button2 {
    	text-decoration: none;
    	padding: 0 3px;
    	vertical-align: text-bottom;
    }
    
    // Hover states
    a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    	border: 1px solid transparent;
    }
    
    input.disabled {
    	font-weight: normal;
    }
    
    // Focus states
    input.button1:focus, input.button2:focus, input.button3:focus {
    	outline-style: none;
    }
    
    // Topic and forum Search
    .search-box {
    	float: left;
    }
    
    .search-box .inputbox {
    	background-image: none;
    	border-right-width: 0;
    	border-radius: $big-button-border-radius 0 0 $big-button-border-radius;
    	float: left;
    	height: $button-outer-height;
    	padding: 3px;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	.rtl & {
    		border-radius: 0 $big-button-border-radius $big-button-border-radius 0;
    	}
    	.navbar.with-search & {
    		border-radius: 0;
    	}
    }
    
    // Search box (header)
    // ---------------------------------------------
    .search-header {
    	border-radius: $big-button-border-radius;
    	display: block;
    	border: 1px solid transparent;
    	.navbar.with-search & {
    		border-radius: 0;
    		margin-top: 1px;
    	}
    	@if $tabbed-navigation {
    		.navbar.not-static + .navbar.with-search & {
    			margin-top: 2px;
    			margin-right: -3px;
    			.rtl & {
    				margin-right: 0;
    				margin-left: -3px;
    			}
    		}
    	}
    	.headerbar & {
    		position: absolute;
    		top: 50%;
    		right: 5px;
    		margin-top: -13px;
    	}
    }
    
    .search-header .inputbox { border: 0; }
    
    .navbar .linklist > li.responsive-search { display: none; }
    
    .full { width: 95%; }
    .medium { width: 50%;}
    .narrow { width: 25%;}
    .tiny { width: 10%;}
    
    // Icon images
    // ----------------------------------------
    %icon-image {
    	position: relative;
    	background-image: none;
    	&:after {
    		content: '';
    		position: absolute;
    		top: 50%;
    		left: 0;
    		height: 14px;
    		margin-top: -7px;
    		text-align: center;
    		font-size: 12px;
    		line-height: 14px;
    		vertical-align: baseline;
    		font-weight: normal;
    		font-style: normal;
    		text-transform: none;
    		text-indent: 0;
    		pointer-events: none;
    	}
    	&.small-icon:after {
    		width: 18px;
    		text-align: center;
    	}
    }
    
    %icon-image-fa {
    	@extend %icon-image;
    	&:after {
    		font-family: FontAwesome;
    	}
    }
    
    %icon-search-old {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f002';	// fa-search
    	}
    }
    
    %icon-search-new {
    	@extend %icon-search-old;
    }
    
    %icon-search-misc {
    	@extend %icon-search-old;
    }
    
    .icon-acp {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f085';	// fa-cogs
    	}
    }
    .icon-bookmark {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f02e';	// fa-bookmark
    		margin-left: -1px;
    		margin-right: -1px;
    	}
    }
    .icon-bump {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f079';	// fa-retweet
    	}
    }
    .icon-contact {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f0e0';	// fa-envelope
    	}
    }
    .icon-delete-cookies {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f014';	// fa-trash-o
    	}
    }
    .icon-download {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f019';	// fa-download
    	}
    }
    .icon-faq {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f059';	// fa-question-circle
    	}
    }
    .icon-home {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f015';	// fa-home
    	}
    	&.breadcrumbs:after {
    		text-align: left;
    	}
    }
    .icon-logout {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f08b';	// fa-sign-out
    	}
    }
    .icon-login {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f090';	// fa-sign-in
    	}
    }
    .icon-mark {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f046';	// fa-check-square-o
    	}
    }
    .icon-mcp {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f0e3';	// fa-gavel
    	}
    }
    .icon-members {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f007';	// fa-user
    	}
    	&:before {
    		@extend .icon-members:after;
    		display: block;
    		font-size: 10px;
    		padding: 0;
    		padding-left: 4px;
    		padding-top: 1px;
    		opacity: .7;
    	}
    }
    ul.linklist.bulletin > li.small-icon.icon-members:before { 
    	@extend .icon-members:before; 
    }
    .icon-notification {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f0a2';	// fa-bell-o
    	}
    	&.non-zero:after {
    		content: '\f0f3';	// fa-bell
    	}
    }
    .icon-pages {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f0c5';	// fa-copy
    	}
    }
    .icon-pm {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f003';	// fa-envelope-o
    	}
    	&.non-zero:after {
    		content: '\f0e0';	// fa-envelope
    	}
    }
    .icon-print {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f02f';	// fa-print
    	}
    }
    .icon-profile {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f007';	// fa-user
    	}
    }
    .icon-register{
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f234';	// fa-user-plus
    	}
    }
    .icon-search				{ @extend %icon-search-old; }
    .icon-search-active			{ @extend %icon-search-old; }
    .icon-search-advanced		{ @extend %icon-search-old; }
    .icon-search-new			{ @extend %icon-search-new; }
    .icon-search-self			{ @extend %icon-search-misc; }
    .icon-search-unanswered		{ @extend %icon-search-new; }
    .icon-search-unread			{ @extend %icon-search-new; }
    .icon-sendemail {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f003';	// fa-envelope-o
    	}
    }
    .icon-subscribe {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f05d';	// fa-check-circle-o
    	}
    }
    .icon-team {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f007';	// fa-user
    	}
    	&:before {
    		@extend .icon-team:after;
    		display: block;
    		font-size: 10px;
    		padding: 0;
    		white-space: nowrap;
    		padding-top: 1px;
    		opacity: .7;
    		content: '\f007\f007';	// fa-user fa-user
    	}
    }
    ul.linklist.bulletin > li.small-icon.icon-team:before { @extend .icon-team:before; }
    .icon-ucp {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f0ad';	// fa-wrench
    	}
    }
    .icon-unsubscribe {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f05c';	// times-circle-o
    	}
    }
    .icon-new-posts {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f086';	// fa-comments
    	}
    }
    .icon-forums {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f075';	// fa-comment
    	}
    }
    .icon-chat {
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f086';	// fa-comments
    	}
    }
    .icon-time {
    	@extend %icon-image-fa;
    	&:after {
    		// content: '\E055';	// glyphicons-clock
    		content: '\f017';	// fa-clock-o
    	}
    }
    
    
    // Thanks for posts mod
    .icon-thanks {
    	background-image: none !important;
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f087';	// fa-thumbs-o-up
    	}
    }
    
    .icon-thanks_toplist {
    	background-image: none !important;
    	@extend %icon-image-fa;
    	&:after {
    		content: '\f005';	// fa-star
    	}
    }
    
    // Responsive Design
    // ----------------------------------------
    
    @media (max-width: 320px) {
    	select, .inputbox {
    		max-width: 240px;
    	}
    }
    
    /* Notifications list
    ----------------------------------------*/
    @media (max-width: 350px) {
    	.dropdown-extended .dropdown-contents {
    		width: auto;
    	}
    }
    
    @media (max-width: 430px) {
    	.action-bar .search-box .inputbox {
    		width: 120px;
    	}
    
    	.section-viewtopic .search-box .inputbox {
    		width: 57px;
    	}
    
    	.action-bar .search-box .inputbox ::-moz-placeholder {
        	content: "Search...";
      	}
    
      	.action-bar .search-box .inputbox :-ms-input-placeholder {
      		content: "Search...";
      	}
    
      	.action-bar .search-box .inputbox ::-webkit-input-placeholder {
      		content: "Search...";
      	}
    }
    
    @media (max-width: 500px) {
    	dd label {
    		white-space: normal;
    	}
    
    	select, .inputbox {
    		max-width: 260px;
    	}
    
    	.captcha-panel dd.captcha {
    		margin-left: 0;
    	}
    
    	.captcha-panel dd.captcha-image img {
    		width: 100%;
    	}
    
    	dl.details dt, dl.details dd {
    		width: auto;
    		float: none;
    		text-align: left;
    	}
    
    	dl.details dd {
    		margin-left: 20px;
    	}
    
    	p.responsive-center {
    		float: none;
    		text-align: center;
    		margin-bottom: 5px;
    	}
    
    	.action-bar > div {
    		margin-bottom: 5px;
     	}
    
    	.action-bar > .pagination {
    		float: none;
    		clear: both;
    		padding-bottom: 1px;
    		text-align: center;
    	}
    
    	.action-bar > .pagination li.page-jump {
    		margin: 0 2px;
    	}
    
    	p.jumpbox-return {
    		display: none;
    	}
    
    	.display-options > label:nth-child(1) {
    		display: block;
    		margin-bottom: 5px;
    	}
    
    	.attach-controls {
    		margin-top: 5px;
    		width: 100%;
    	}
    
    	.quick-links .dropdown-trigger span {
    		display: none;
    	}
    }
    
    @media (max-width: 550px) {
    	ul.topiclist.forums dt {
    		margin-right: 0;
    	}
    
    	ul.topiclist.forums dt .list-inner {
    		margin-right: 0;
    	}
    
    	ul.topiclist.forums dd.lastpost {
    		display: none;
    	}
    }
    
    @media (max-width: 700px) {
    	.responsive-hide { display: none !important; }
    	.responsive-show { display: block !important; }
    	.responsive-show-inline { display: inline !important; }
    	.responsive-show-inline-block { display: inline-block !important; }
    
    	/* Content wrappers
    	----------------------------------------*/
    	html {
    		height: auto;
    	}
    
    	body {
    		padding: 0;
    	}
    
    	#wrap {
    		border: none;
    		border-radius: 0;
    		margin: 0;
    
    		padding: 0 5px;
    	}
    
    	.page-width, .navbar .inner.static > .static-inner {
    		min-width: 290px;
    		margin: 0;
    	}
    
    	.navbar .inner.static > .static-inner,
    	#wrap .navbar .inner.static > .static-inner {
    		padding: 0;
    	}
    
    	// Common block wrappers
    	// ----------------------------------------
    	.forabg, .forumbg, .post, .panel {
    		border-radius: 0;
    		margin-left: -5px;
    		margin-right: -5px;
    	}
    	.headerbar, .navbar {
    		border-radius: 0;
    	}
    	#wrap .headerbar, #wrap .navbar {
    		margin-left: -5px;
    		margin-right: -5px;
    	}
    
    	.cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
    		border-radius: 0;
    	}
    
    	@if $tabbed-navigation == false {
    		.navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
    			border-radius: 0 !important;
    		}
    	}
    
    	// Logo block
    	// ----------------------------------------
    	.site-description {
    		float: none;
    		width: auto;
    		text-align: center;
    	}
    
    	.logo {
    		@if $responsive-hide-logo == true {
    			display: none;
    		}
    		float: none;
    		margin: 0 auto;
    		padding: 10px;
    		img {
    			margin: 0 auto;
    		}
    	}
    
    	.site-description h1, .site-description p, .site-description p.sitename {
    		@if $responsive-hide-logo == true {
    			display: block;
    		}
    		text-align: inherit;
    		float: none;
    		margin: 5px;
    		line-height: 1.2em;
    		overflow: hidden;
    		text-overflow: ellipsis;
    	}
    
    	.site-description p, .headerbar .search-header {
    		display: none;
    	}
    
    	// Navigation
    	// ----------------------------------------
    
    	// Search
    	// ----------------------------------------
    	.responsive-search { display: block !important; }
    
    	// .topiclist lists
    	// ----------------------------------------
    	li.header dt {
    	}
    
    	ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
    		margin-right: 0 !important;
    		padding-right: 0;
    	}
    
    	ul.topiclist li.header dd {
    		display: none !important;
    	}
    
    	ul.topiclist dt, ul.topiclist dt .list-inner,
    	ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
    	ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
    	ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
    		margin-right: 0;
    	}
    
    	ul.topiclist dt .list-inner.with-mark {
    		padding-right: 34px;
    	}
    
    	ul.topiclist dt .list-inner {
    		min-height: 28px;
    	}
    
    	ul.topiclist li.header dt .list-inner {
    		min-height: 0;
    	}
    
    	ul.topiclist dd {
    		display: none;
    	}
    	ul.topiclist dd.mark {
    		display: block;
    	}
    
    	/* Forums and topics lists
    	----------------------------------------*/
    	ul.topiclist.forums dt {
    		margin-right: -250px;
    	}
    
    	ul.topiclist dd.mark {
    		display: block;
    		position: absolute;
    		right: 5px;
    		top: 0;
    		margin: 0;
    		width: auto;
    		min-width: 0;
    		text-align: left;
    	}
    
    	ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
    		position: relative;
    		left: 0;
    		width: auto;
    		display: inline;
    		font-weight: normal;
    	}
    
    	li.row .responsive-show strong {
    		font-weight: bold;
    		color: inherit;
    	}
    
    	ul.topiclist li.row dt a.subforum {
    		vertical-align: bottom;
    		overflow: hidden;
    		text-overflow: ellipsis;
    		max-width: 100px;
    	}
    
    	/* Pagination
    	----------------------------------------*/
    	.pagination > ul {
    		margin: 5px 0 0;
    	}
    
    	.row .pagination .ellipsis + li {
    		display: none !important;
    	}
    
    	/* Responsive tables
    	----------------------------------------*/
    	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
    		display: block;
    	}
    
    	table.responsive thead, table.responsive th {
    		display: none;
    	}
    
    	table.responsive.show-header thead, table.responsive.show-header th:first-child {
    		display: block;
    		width: auto !important;
    		text-align: left !important;
    		border-radius: 0;
    	}
    
    	table.responsive.show-header th:first-child span.rank-img {
    		display: none;
    	}
    
    	table.responsive tr {
    		margin: 2px 0;
    	}
    
    	table.responsive td {
    		width: auto !important;
    		text-align: left !important;
    		padding: 4px;
    	}
    
    	table.responsive td.empty {
    		display: none !important;
    	}
    
    	table.responsive td > dfn {
    		display: inline-block !important;
    	}
    
    	table.responsive td > dfn:after {
    		content: ':';
    		padding-right: 5px;
    	}
    
    	table.responsive span.rank-img {
    		float: none;
    		padding-right: 5px;
    	}
    
    	table.responsive.memberlist td:first-child input[type="checkbox"] {
    		float: right;
    	}
    
    	/* Forms
    	----------------------------------------*/
    	fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
    		width: auto;
    		float: none;
    	}
    
    	fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
    		margin-left: 0px;
    	}
    
    	textarea, dd textarea, .message-box textarea {
    		width: 100%;
    		-moz-box-sizing: border-box;
    		box-sizing: border-box;
    	}
    
    	dl.pmlist dt {
    		width: auto !important;
    		margin-bottom: 5px;
    	}
    
    	dl.pmlist dd {
    		display: inline-block;
    		margin-left: 0 !important;
    	}
    
    	dl.pmlist dd:first-of-type {
    		padding-left: 20px;
    	}
    
    	.smiley-box, .message-box {
    		float: none;
    		width: auto;
    	}
    
    	.smiley-box {
    		margin-top: 5px;
    	}
    
    	.bbcode-status {
    		display: none;
    	}
    
    	.colour-palette, .colour-palette tbody, .colour-palette tr {
    		display: block;
    	}
    
    	.colour-palette td {
    		display: inline-block;
    		margin-right: 2px;
    	}
    
    	.horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
    		display: none;
    	}
    
    	fieldset.quick-login label {
    		display: block;
    		margin-bottom: 5px;
    		white-space: normal;
    	}
    
    	fieldset.quick-login label > span {
    		display: inline-block;
    		min-width: 100px;
    	}
    
    	fieldset.quick-login input.inputbox {
    		width: 85%;
    		max-width: 300px;
    		margin-left: 20px;
    	}
    
    	fieldset.quick-login label[for="autologin"] {
    		display: inline-block;
    		text-align: right;
    		min-width: 50%;
    	}
    
    	/* User profile
    	----------------------------------------*/
    	.column1, .column2, .left-box.profile-details {
    		float: none;
    		width: auto;
    	}
    
    	/* Polls
    	----------------------------------------*/
    	fieldset.polls dt {
    		width: 90%;
    	}
    
    	fieldset.polls dd.resultbar {
    		padding-left: 20px;
    	}
    
    	fieldset.polls dd.poll_option_percent {
    		width: 20%;
    	}
    
    	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
    		margin-top: 5px;
    	}
    
    	/* Post
    	----------------------------------------*/
    	.postbody {
    		position: inherit;
    	}
    	
    	.postbody {
    		.postprofile + & {
    		float: none;
    		position: inherit;
    		width: auto;
    		}
    	}
    	
    	.postprofile, .postbody, .search .postbody {
    		display: block;
    		width: auto;
    		float: none;
    		padding: 0;
    		min-height: 0;
    	}
    
    	.post .postprofile {
    		width: auto;
    		border-width: 0 0 1px 0;
    		padding-bottom: 5px;
    		margin: 0;
    		margin-bottom: 5px;
    		min-height: 40px;
    		overflow: hidden;
    		z-index: auto !important;
    	}
    
    	.postprofile dd {
    		display: none;
    	}
    
    	.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
    		display: block;
    		margin: 0;
    	}
    
    	.postprofile .has-avatar .avatar-container,
    	.postprofile .no-avatar .avatar-container {
    		margin: 0;
    		overflow: inherit;
    		float: left;
    		padding-right: 5px;
    	}
    
    	.postprofile .avatar-container:after {
    		clear: none;
    	}
    
    	.postprofile .avatar, .postprofile .no-avatar .avatar-container {
    		margin-right: 5px;
    	}
    
    	.postprofile .avatar img {
    		width: auto !important;
    		height: auto !important;
    		max-height: 32px;
    	}
    
    	.no-avatar .avatar-container {
    		width: 32px;
    		height: 32px;
    	}
    
    	.has-profile .postbody h3 {
    		margin-left: 0 !important;
    		margin-right: 0 !important;
    	}
    
    	.has-profile .post-buttons {
    		right: 10px;
    		top: 10px;
    		.rtl & {
    			right: auto;
    			left: 10px;
    		}
    	}
    
    	.online-ribbon {
    		width: 35px;
    		height: 35px;
    		top: -1px;
    		#{$profile-side}: -1px;
    
    		.rtl & {
    			#{$profile-side}: auto;
    			#{$post-side}: -1px;
    		}
    
    		span {
    			width: 50px;
    			font-size: 6px;
    			line-height: 10px;
    			height: 10px;
    			text-align: center;
    			position: absolute;
    			top: 8px;
    			white-space: nowrap;
    			#{$profile-side}: -12px;
    
    			.rtl & {
    				#{$profile-side}: auto;
    				#{$post-side}: -12px;
    			}
    		}
    	}
    
    	// Misc stuff
    	// ----------------------------------------
    	h2 {
    		margin-top: .5em;
    	}
    
    	p {
    		margin-bottom: .5em;
    		overflow: hidden;
    	}
    
    	p.rightside {
    		margin-bottom: 0;
    	}
    
    	fieldset.display-options label {
    		display: inline-block;
    		clear: both;
    		margin-bottom: 5px;
    		letter-spacing: -.3px;
    	}
    
    	dl.mini dd.pm-legend {
    		float: left;
    		min-width: 200px;
    	}
    
    	.topicreview {
    		margin: 0 -5px;
    		padding: 0 5px;
    	}
    
    	fieldset.display-actions {
    		white-space: normal;
    	}
    
    	.phpbb_alert {
    		width: auto;
    		margin: 0 5px;
    	}
    
    	.attach-comment dfn {
    		width: 100%;
    	}
    }
    
    @media (min-width: 700px) {
    	.postbody { width: 70%; }
    }
    
    @media (min-width: 850px) {
    	.postbody { width: 76%; }
    }
    
    @media (min-width: 701px) and (max-width: 950px) {
    
    	ul.topiclist dt {
        	margin-right: -410px;
    	}
    
    	ul.topiclist dt .list-inner {
        	margin-right: 410px;
    	}
    
    	ul.topiclist dd.lastpost {
      		float: right; 
      	}
    
    	dd.posts, dd.topics, dd.views {
        	width: 80px;
    	}
    }
    
    //
    // --------------------------------------------------------------
    // Colours and backgrounds for common.css
    // --------------------------------------------------------------
    
    html, body {
    	color: $text-color;
    	background: $page-background url('./images/pattern.png') repeat center center;
    	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0) 500px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0) 100%), $page-background url('./images/pattern.png') repeat center center;
    	background: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0) 500px), linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0) 100%), $page-background url('./images/pattern.png') repeat center center;
    	@if $use-wrapper {
    		&.simple {
    			background-color: $content-background;
    		}
    	}
    	@else {
    		background-color: $content-background;
    	}
    }
    
    h1, p.sitename {
    	color: $header-text;
    }
    
    h2 {
    	color: $page-title-color;
    }
    
    h3 {
    	color: $stats-title-color;
    	.post & {
    		color: $block-title-color;
    	}
    	a {
    		color: inherit;
    		&:hover {
    			color: $link-hover-color;
    		}
    	}
    }
    
    hr {
    	border-color: $content-top-border;
    	border-top-color: $content-bottom-border;
    	border-top-color: rgba(0, 0, 0, .2);
    }
    
    /* Post body links */
    .postlink {
    	border-bottom-color: $link-color;
    	color: $link-color;
    }
    
    .postlink:visited {
    	border-bottom-color: $muted-color;
    	color: $muted-color;
    }
    
    .postlink:hover {
    	background-color: darken($block-background, 10%);
    	color: $link-hover-color;
    }
    
    .signature a, .signature a:hover {
    	background-color: transparent;
    }
    
    // Search box
    // ---------------------------------------------
    
    .search-box .inputbox,
    .search-box .inputbox:hover,
    .search-box .inputbox:focus,
    .search-box .button:hover {
    	border-color: $search-box-border;
    }
    
    .search-header {
    	box-shadow: $search-box-shadow;
    	.navbar.with-search & {
    		box-shadow: none;
    	}
    	.inputbox, .button {
    		background: $block-background !important;
    		border-color: $block-background !important;
    		@if $tabbed-navigation {
    			.navbar.not-static + .navbar.with-search & {
    				background: $block-background2 !important;
    				border-color: $block-background2 !important;
    				background-color: rgba(0, 0, 0, 0.15) !important;
    				border-color: rgba(0, 0, 0, 0) !important;
    			}
    		}
    	}
    	.navbar.with-search & .button {
    		&, &:before, &:after {
    			color: $link-color;
    		}
    	}
    	.inputbox:hover, .inputbox:focus {
    		color: $bold-text-color !important;
    		&, .navbar.not-static + .navbar.with-search & {
    			background-color: $block-background3 !important;
    			border-color: $block-background !important;
    		}
    	}
    	.inputbox:hover {
    		@include placeholder {
    			color: rgba($bold-text-color, .8);
    		}
    	}
    	.inputbox:focus {
    		@include placeholder {
    			color: transparent;
    		}
    	}
    	.button:hover, .button:focus {
    		&, &:before, &:after {
    			color: #fff !important;
    			&, .navbar.not-static + .navbar.with-search & {
    				background-color: $secondary-color !important;
    				border-color: $secondary-color !important;
    			}
    		}
    	}
    }
    
    // Round cornered boxes and backgrounds
    // ----------------------------------------
    #wrap {
    	@if $use-wrapper {
    		background: $content-background url('./images/pattern.png') repeat center center;
    		border-color: $content-border-color;
    	}
    }
    
    .headerbar {
    	color: $header-text;
    }
    
    // Navigation
    .breadcrumbs .crumb:before {
    	color: $muted-color;
    }
    
    .navbar {
    	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
    	border-color: $block-top-border $block-bottom-border $block-bottom-border $block-top-border;
    	&.secondary {
    		color: $link-color;
    		> ul > li:hover,
    		> ul > li.dropdown-visible {
    			&, &:after, &:before {
    				color: $secondary-nav-hover-link;
    			}
    		}
    		.dropdown {
    			color: $text-color;
    		}
    	}
    
    	.nav-tabs {
    		background-color: $primary-nav-bg;
    		box-shadow: $primary-nav-shadow;
    
    		.tab {
    			color: $primary-nav-color;
    			&.selected {
    				color: $primary-nav-selected-color;
    				background-color: $primary-nav-selected-bg;
    			}
    			&:hover {
    				color: $primary-nav-hover-color;
    				background-color: $primary-nav-hover-bg;
    			}
    			&.dropdown-visible {
    				color: $primary-nav-selected-color;
    				background-color: $primary-nav-selected-bg;
    			}
    			& > strong {
    				color: $primary-nav-alert-color;
    				background-color: $primary-nav-alert-bg;
    				box-shadow: $primary-nav-alert-shadow;
    				.arrow {
    					border-top-color: $primary-nav-alert-bg;
    				}
    			}
    			.dropdown {
    				color: $text-color;
    			}
    		}
    	}
    
    	// Tabbed navigation
    	@if $tabbed-navigation {
    		&.tabbed.not-static {
    			.nav-tabs {
    				li.tab {
    					// Tabs layout
    					color: #fff;
    					border-color: $primary-darker-color;
    					background-color: $primary-darker-color;
    
    					&.selected {
    						color: $link-color;
    						background-color: $block-background;
    						border-top-color: rgba(67, 81, 101, .2);
    						border-right-color: rgba(0, 0, 0, .1);
    						border-bottom-color: rgba(0, 0, 0, .1);
    						border-left-color: rgba(67, 81, 101, .2);
    
    						&:after {
    							background-color: $block-background;
    						}
    					}
    
    					&:hover,
    					&.dropdown-visible {
    						color: $link-hover-color;
    						background-color: $block-background;
    						border-top-color: rgba(67, 81, 101, .2);
    						border-right-color: rgba(0, 0, 0, .1);
    						border-bottom-color: rgba(0, 0, 0, .1);
    						border-left-color: rgba(67, 81, 101, .2);
    					}
    				}
    			}
    
    			// Second row
    			+ .navbar.secondary {
    				color: $link-color;
    				background-color: $block-background;
    				border-top-color: rgba(67, 81, 101, .2);
    				border-right-color: rgba(0, 0, 0, .1);
    				border-bottom-color: rgba(0, 0, 0, .1);
    				border-left-color: rgba(67, 81, 101, .2);
    
    				> ul > li:hover,
    				> ul > li.dropdown-visible {
    					&, &:after, &:before {
    						color: $link-hover-color;
    					}
    					background: none;
    					box-shadow: none;
    				}
    			}
    		}
    	}
    }
    
    .panel {
    	background-color: $block-background;
    	color: $text-color;
    }
    
    .post:target .content {
    	color: $bold-text-color;
    }
    
    .post:target h3 a {
    	color: $bold-text-color;
    }
    
    .bg1 {
    	background-color: $block-background;
    }
    
    table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
    	background-color: $block-background;
    }
    
    .bg2 {
    	background-color: $block-background2;
    }
    
    table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
    	background-color: $block-background2;
    }
    
    .bg3 { 
    	background-color: $block-background3;
    	&.panel {
    		background: transparent none;
    		background-color: rgba($content-background, .3);
    		border-top-color: $tab-selected-background;
    		&:before, &:after {
    			background: -webkit-linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
    			background: linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
    		}
    	}
    	.section-posting &.panel {
    		background-color: $block-background;
    		&:before, &:after {
    			background: transparent;
    		}
    	}
    }
    
    // Horizontal lists
    // ----------------------------------------
    
    ul.navlinks {
    	border-top-color: $block-inner-border;
    }
    
    // Forums list layout
    // ----------------------
    .forumtitle {
    	.forum_unread &,
    	.forum_unread_subforum &,
    	.forum_unread_locked & {
    		color: $link-hover-color;
    	}
    }
    
    .topictitle {
    	.global_unread &,
    	.global_unread_mine &,
    	.global_unread_locked &,
    	.global_unread_locked_mine &,
    	.announce_unread &,
    	.announce_unread_mine &,
    	.announce_unread_locked &,
    	.announce_unread_locked_mine &,
    	.sticky_unread &,
    	.sticky_unread_mine &,
    	.sticky_unread_locked &,
    	.sticky_unread_locked_mine &,
    	.topic_unread &,
    	.topic_unread_mine &,
    	.topic_unread_locked &,
    	.topic_unread_locked_mine &,
    	.topic_unread_hot &,
    	.topic_unread_hot_mine &
    	{
    		color: $link-hover-color;
    	}
    }
    
    .forum-statistics {
    	color: $muted-color;
    }
    
    .forum-lastpost {
    	color: $muted-color;
    	span:before {
    		opacity: .5;
    	}
    }
    
    .forum-description.toggle {
    	color: $forum-description-color;
    	background-color: fade-out($forum-description-bg, .2);
    	background-image: -webkit-linear-gradient(top, $forum-description-gradient-start 0, $forum-description-gradient-end 100%);
    	background-image: linear-gradient(to bottom, $forum-description-gradient-start 0, $forum-description-gradient-end 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($forum-description-gradient-start)}', endColorstr='#{ie-hex-str($forum-description-gradient-end)}');
    	a {
    		color: inherit !important;
    	}
    	span.arrow {
    		border-right-color: fade-out(mix($forum-description-bg, #fff, 95%), .2);
    	}
    	.rtl & span.arrow {
    		border-right-color: transparent;
    		border-left-color: fade-out(mix($forum-description-bg, #fff, 95%), .2);
    	}
    }
    
    .forum-statistics {
    	.value {
    		color: $bold-text-color;
    	}
    }
    
    // Table styles
    // ----------------------------------------
    table.table1 thead th {
    	color: $heading-color;
    }
    
    table.table1 tbody tr {
    	border-color: $block-inner-border;
    }
    
    table.table1 tbody tr:hover, table.table1 tbody tr.hover {
    	background-color: $block-background3;
    	color: $bold-text-color;
    }
    
    table.table1 td {
    	color: $text-color;
    }
    
    table.table1 tbody td {
    	border-top-color: $block-inner-border;
    }
    
    table.table1 tbody th {
    	border-bottom-color: $block-bottom-border;
    	color: $bold-text-color;
    	background-color: $content-background;
    }
    
    table.info tbody th {
    	color: $bold-text-color;
    }
    
    // Misc layout styles
    // ----------------------------------------
    dl.details dt {
    	color: $bold-text-color;
    }
    
    dl.details dd {
    	color: $tab-color;
    }
    
    .sep {
    	color: $primary-color;
    }
    
    /* Icon styles
    ---------------------------------------- */
    .icon.icon-blue, a:hover .icon.icon-blue {
    	color: #196db5;
    }
    
    .icon.icon-green, a:hover .icon.icon-green{
    	color: #1b9A1B;
    }
    
    .icon.icon-red, a:hover .icon.icon-red{
    	color: #BC2A4D;
    }
    
    .icon.icon-orange, a:hover .icon.icon-orange{
    	color: #FF6600;
    }
    
    .icon.icon-bluegray, a:hover .icon.icon-bluegray{
    	color: #536482;
    }
    
    .icon.icon-gray, a:hover .icon.icon-gray{
    	color: #777777;
    }
    
    .icon.icon-lightgray, a:hover .icon.icon-lightgray{
    	color: #999999;
    }
    
    .icon.icon-black, a:hover .icon.icon-black{
    	color: #333333;
    }
    
    .alert_close .icon:before {
    	background-color: #FFFFFF;
    }
    
    /* Jumpbox */
    .jumpbox .dropdown li {
    	border-top-color: $dropdown-heading-top;
    }
    
    .jumpbox-cat-link {
    	background-color: $dropdown-heading-top;
    	color: $dropdown-heading-color;
    }
    
    .jumpbox-cat-link:hover {
    	background-color: $secondary-color;
    	border-top-color: $secondary-color;
    	color: $dropdown-heading-link-hover-color;
    }
    
    .jumpbox-forum-link {
    	background-color: $dropdown-bg;
    }
    
    .jumpbox-forum-link:hover {
    	background-color: $content-background;
    }
    
    .jumpbox .dropdown .pointer-inner {
    	border-color: $dropdown-bg transparent;
    }
    
    .jumpbox-sub-link {
    	background-color: $dropdown-bg;
    }
    
    .jumpbox-sub-link:hover {
    	background-color: $content-background;
    }
    
    
    
    // Pagination
    // ----------------------------------------
    
    .pagination li a {
    	color: #fff;
    	background-color: $primary-darker-color;
    	border-color: $primary-darker-color;
    }
    
    .pagination li.ellipsis span {
    	background-color: transparent;
    	color: $bold-text-color;
    }
    
    .pagination li.active span {
    	color: #fff;
    	background-color: $primary-color;
    	border-color: $primary-color;
    }
    
    .pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
    	border-color: $link-hover-color;
    	background-color: $link-hover-color;
    	color: #fff;
    }
    
    .pagination li.page-jump a:after {
    	color: $link-color;
    }
    
    .pagination li.page-jump a:hover:after {
    	color: $link-hover-color;
    }
    
    // Miscellaneous styles
    // ----------------------------------------
    
    .copyright {
    	color: $muted-color;
    }
    
    .error {
    	color: $secondary-color;
    }
    
    .reported {
    	background-color: $block-background-reported;
    	&.post {
    		border-color: darken($block-background-reported, 3%);
    		border-left-color: lighten($block-background-reported, 3%);
    		border-top-color: lighten($block-background-reported, 3%);
    	}
    	.postprofile, .signature {
    		border-color: darken($block-background-reported, 3%);
    	}
    }
    
    li.reported:hover {
    	background-color: $block-background-reported;
    }
    .sticky, .announce {
    	// you can add a background for stickies and announcements
    }
    
    div.rules {
    	background-color: mix($content-background, $rules-color, 90%);
    	color: $rules-color;
    }
    
    p.post-notice {
    	background-color: mix($block-background, $rules-color, 90%);
    	color: $rules-color;
    	background-image: none;
    }
    
    // Blank FontAwesome replacement
    %post-notice {
    	font-family: FontAwesome;
    }
    
    p.post-notice.deleted:before {
    	@extend %post-notice;
    	content: '\f057';	// fa-times-circle
    	color: $secondary-color;
    }
    
    p.post-notice.unapproved:before {
    	@extend %post-notice;
    	content: '\f059';	// fa-question-circle
    	color: $secondary-color;
    }
    
    p.post-notice.reported:before, p.post-notice.error:before {
    	@extend %post-notice;
    	content: '\f071';	// fa-warning
    	color: $secondary-color;
    }
    
    // Topic status
    .topic-status.sticky {
    	color: $muted-color;
    }
    
    //
    // --------------------------------------------------------------
    // Colours and backgrounds for links.css
    // --------------------------------------------------------------
    
    a { color: $link-color; }
    a:hover	{ color: $link-hover-color; }
    
    a.time { 
    	color: $faint-color; 
    	&:hover {
    		color: $link-hover-color;
    	}
    }
    
    // Links on gradient backgrounds
    .forumbg .header a, .forabg .header a, th a {
    	color: $heading-link;
    }
    
    .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
    	color: $heading-link-hover;
    }
    
    // Notification mark read link
    .dropdown-extended a.mark_read {
    	background-color: $dropdown-bg;
    }
    
    // Back to top of page
    a.top, a.top2 {
    	color: $muted-color;
    	&:hover {
    		color: $link-hover-color;
    	}
    }
    
    // Arrow links
    a.arrow-left:hover {
    }
    
    a.arrow-right:hover {
    }
    
    a.feed-icon-forum:after {
    	color: mix($muted-color, $block-background, 50%);
    }
    
    a.feed-icon-forum:hover:after {
    	color: $link-hover-color;
    }
    
    //
    // --------------------------------------------------------------
    // Colours and backgrounds for content.css
    // --------------------------------------------------------------
    
    ul.forums {
    }
    
    ul.topiclist li {
    	color: $text-color;
    	@if $split-forums == false {
    		.forabg &, .forumbg & {
    			background: transparent;
    		}
    	}
    }
    
    ul.topiclist li.row dt a.subforum.read {
    	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
    		background-size: 11px 9px;
    	}
    }
    
    ul.topiclist li.row dt a.subforum.unread {
    	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
    		background-size: 11px 9px;
    	}
    }
    
    li.row {
    	border-top-color: $block-top-border;
    	border-bottom-color: $block-bottom-border;
    	.forum-lastpost strong,
    	.subforums-list strong {
    		color: $muted-color;
    	}
    }
    
    li.row strong {
    	color: $bold-text-color;
    }
    
    li.row:hover {
    }
    
    li.row:hover dd {
    }
    
    // Unread forum/topic
    .icon-link + .list-inner > a.forumtitle,
    .pm_unread .topictitle,
    a.subforum.unread {
    	color: $secondary-color;
    }
    
    // Post body styles
    // ----------------------------------------
    .postbody {
    	color: $post-text-color;
    }
    
    // Content container styles
    // ----------------------------------------
    .content {
    	color: $post-text-color;
    }
    
    .content h2, .panel h2 {
    	color: $panel-title-color;
    	border-bottom-color:  $panel-title-border;
    }
    
    dl.faq dt {
    	color: $post-text-color;
    }
    
    .posthilit {
    	background-color: $block-background-reported;
    	color: if($light, darken($secondary-color, 10%), lighten($secondary-color, 10%));
    }
    
    .announce, .unreadpost {
    	// Highlight the announcements & unread posts box
    }
    
    // Post signature
    .signature {
    	border-top-color: $block-inner-border;
    }
    
    // Post noticies
    .notice {
    	border-top-color:  $block-inner-border;
    }
    
    // BB Code styles
    // ----------------------------------------
    // Quote block
    blockquote {
    	background-color: $bbcode-background;
    	background-color: rgba($primary-darker-color, .3);
    	border-color: $bbcode-outer-border;
    	border-left-color: lighten(desaturate($secondary-color, 20%), 10%);
    	.rtl & {
    		border-left-color: $bbcode-outer-border;
    		border-right-color: lighten(desaturate($secondary-color, 20%), 10%);
    	}
    }
    
    blockquote blockquote,
    blockquote .codebox,
    blockquote .attachbox {
    	// Nested quotes
    	background-color: $bbcode-background2;
    	background-color: rgba(0, 0, 0, .1);
    	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
    	.rtl & {
    		border-left-color: $bbcode-outer-border;
    		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
    	}
    }
    
    blockquote blockquote blockquote,
    blockquote blockquote .codebox,
    blockquote blockquote .attachbox {
    	// Nested quotes
    	background-color: mix($bbcode-background, $bbcode-background2);
    	background-color: rgba($primary-darker-color, .3);
    	border-left-color: lighten(desaturate($secondary-color, 20%), 10%);
    	.rtl & {
    		border-left-color: $bbcode-outer-border;
    		border-right-color: lighten(desaturate($secondary-color, 20%), 10%);
    	}
    }
    
    blockquote:before {
    	color: $muted-color;
    }
    
    // Code block
    .codebox {
    	background-color: $bbcode-background;
    	background-color: rgba($primary-darker-color, .3);
    	border-color: $bbcode-outer-border;
    	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
    	.rtl & {
    		border-left-color: $bbcode-outer-border;
    		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
    	}
    }
    
    .codebox p {
    	border-bottom-color: $bbcode-inner-border;
    	border-bottom-color: rgba(0, 0, 0, .2);
    }
    
    .codebox code {
    	color: $bbcode-code-color;
    }
    
    // Attachments
    // ----------------------------------------
    .attachbox {
    	background-color: $bbcode-background;
    	background-color: rgba($primary-darker-color, .3);
    	border-color:  $bbcode-outer-border;
    	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
    	.rtl & {
    		border-left-color: $bbcode-outer-border;
    		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
    	}
    }
    
    .attachbox dd {
    	border-top-color: $bbcode-inner-border;
    	border-top-color: rgba(0, 0, 0, .2);
    }
    
    .attachbox p {
    	color: $bbcode-heading-text;
    }
    
    .attachbox p.stats {
    	color: $bbcode-heading-text;
    }
    
    // Inline image thumbnails
    
    dl.file dd {
    	color: $bbcode-heading-text;
    }
    
    dl.thumbnail img {
    	border-color: $bbcode-inner-border;
    	border-color: rgba(0, 0, 0, .2);
    	background-color: $block-background;
    }
    
    dl.thumbnail dd {
    	color: $bbcode-heading-text;
    }
    
    // Post poll styles
    // ----------------------------------------
    
    fieldset.polls dl {
    	border-top-color: $block-top-border;
    	border-bottom-color: $block-bottom-border;
    	color: $text-color;
    }
    
    fieldset.polls dl.voted {
    	color: $bold-text-color;
    }
    
    fieldset.polls dd div {
    	color: #fff;
    }
    
    %pollbar {
    	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
    }
    
    .pollbar1 {
    	@extend %pollbar;
    	background-color: desaturate(darken($secondary-color, 10%), 30%);
    }
    
    .pollbar2 {
    	@extend %pollbar;
    	background-color: desaturate(darken($secondary-color, 10%), 25%);
    }
    
    .pollbar3 {
    	@extend %pollbar;
    	background-color: desaturate(darken($secondary-color, 10%), 20%);
    }
    
    .pollbar4 {
    	@extend %pollbar;
    	background-color: desaturate(darken($secondary-color, 10%), 10%);
    }
    
    .pollbar5 {
    	@extend %pollbar;
    	background-color: darken($secondary-color, 10%);
    }
    
    // Poster profile block
    // ----------------------------------------
    .postprofile {
    	color: $text-color;
    	border-color: $block-inner-border;
    }
    
    .postprofile strong {
    	color: $bold-text-color;
    }
    
    .online-ribbon span {
    	background-color: $secondary-color;
    	color: #fff;
    }
    
    dd.profile-warnings {
    	color: #BC2A4D;
    }
    
    .no-avatar .avatar-container {
    	background-image: url("./images/no_avatar.png");
    	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
    		background-image: url("./images/no_avatar_hd.png");
    	}
    }
    
    .postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
    	background: rgba(0, 0, 0, .1);
    }
    
    .postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
    	background: rgba(0, 0, 0, .3);
    }
    
    //
    // --------------------------------------------------------------
    // Colours and backgrounds for buttons.css
    // --------------------------------------------------------------
    .button {
    	&, .buttons > &.locked-icon {
    		border-color: $primary-color;
    		background-color: $primary-color;
    		box-shadow: none;
    		&, &:before, &:after {
    			color: #fff;
    		}
    	}
    
    
    	&:after, &:before {
    	}
    	.buttons > &.locked-icon {
    		color: $button-icon;
    		&:after, &:before {
    			color: $button-icon !important;
    		}
    		&:hover {
    			box-shadow: none;
    			&, &:after, &:before {
    				color: $button-icon-hover !important;
    			}
    		}
    	}
    
    	& > strong {
    	}
    
    	.buttons > &, &.report-icon, &.delete-icon {
    		border-color: $primary-color;
    		background-color: $primary-color;
    
    		&, &:after, &:before {
    			color: #fff;
    		}
    
    		& > strong {
    		}
    	}
    	&.report-icon, &.delete-icon {
    		border-color: $secondary-color;
    		background-color: $secondary-color;
    		box-shadow: none;
    
    		&, &:after, &:before {
    			color: #fff;
    		}
    	}
    }
    
    .dropdown-select {
    	.buttons > & {
    		color: $muted-color;
    	}
    }
    
    .dropdown-select:after { 
    	border-color: darken($button-border, 5%);
    }
    .dropdown-select:hover	{ 
    	border-color: darken($button-border, 5%);
    }
    
    .dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after	{ 
    	border-color: transparent; 
    }
    
    .dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
    .buttons > .button:hover,
    .button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
    	border-color: $secondary-color !important;
    	background-color: $secondary-color;
    
    	&, &:after, &:before {
    		color: #fff !important;
    	}
    }
    
    .contact-icons a		{ border-color: $block-inner-border; }
    
    // Small icons
    %icon-button {
    	color: $button-icon;
    	&:hover {
    		color: $button-icon-hover;
    	}
    }
    
    %icon-button-visible {
    	.dropdown-visible &,
    	.nojs .dropdown-container:hover & {
    		color: $button-icon-hover;
    	}
    }
    
    .jabber-icon:after {
    	color: #c90000;
    }
    
    .phpbb_icq-icon:after {
    	color: #60ff00;
    	text-shadow: 0 0 1px #000, 0 0 2px #000;
    }
    
    .phpbb_wlm-icon:after {
    	color: #75afd3;
    }
    
    .phpbb_aol-icon:after {
    	color: #ffd800;
    	text-shadow: 0 0 1px #000, 0 0 2px #000;
    }
    
    // Icon images
    // ----------------------------------------
    %icon-image {
    	&:after {
    		color: $link-color;
    	}
    	&:hover:after {
    		color: $link-hover-color;
    	}
    }
    
    %icon-search-new {
    	&:after {
    		color: $secondary-color;
    	}
    }
    
    %icon-search-misc {
    	&:after {
    		color: $faint-color;
    	}
    }
    
    .icon-home {
    	&.breadcrumbs:after {
    		color: $link-color;
    	}
    }
    
    .icon-notification, .icon-pm {
    	&.non-zero:after {
    		color: $secondary-color;
    	}
    }
    
    .icon-time {
    	&:after {
    		color: $faint-color;
    	}
    }
    
    /* Profile & navigation icons */
    .pm-icon							{ background-position: 0 0; }
    .email-icon							{ background-position: -21px 0; }
    .jabber-icon						{ background-position: -80px 0; }
    .phpbb_icq-icon						{ background-position: -61px 0 ; }
    .phpbb_wlm-icon						{ background-position: -182px 0; }
    .phpbb_aol-icon						{ background-position: -244px 0; }
    .phpbb_website-icon					{ background-position: -40px 0; }
    .phpbb_youtube-icon					{ background-position: -98px 0; }
    .phpbb_facebook-icon				{ background-position: -119px 0; }
    .phpbb_googleplus-icon				{ background-position: -140px 0; }
    .phpbb_skype-icon					{ background-position: -161px 0; }
    .phpbb_twitter-icon					{ background-position: -203px 0; }
    .phpbb_yahoo-icon					{ background-position: -224px 0; }
    
    // Forum icons & Topic icons
    .global_read													{ background-image: url("./images/announce_read.png"); }
    .global_read_mine												{ @extend .global_read; }
    .global_read_locked												{ background-image: url("./images/announce_read_locked.png"); }
    .global_read_locked_mine										{ @extend .global_read_locked; }
    .global_unread													{ background-image: url("./images/announce_unread.png"); }
    .global_unread_mine												{ @extend .global_unread; }
    .global_unread_locked											{ background-image: url("./images/announce_unread_locked.png"); }
    .global_unread_locked_mine										{ @extend .global_unread_locked; }
    
    .announce_read													{ @extend .global_read; }
    .announce_read_mine												{ @extend .global_read_mine; }
    .announce_read_locked											{ @extend .global_read_locked; }
    .announce_read_locked_mine										{ @extend .global_read_locked_mine; }
    .announce_unread												{ @extend .global_unread; }
    .announce_unread_mine											{ @extend .global_unread_mine; }
    .announce_unread_locked											{ @extend .global_unread_locked; }
    .announce_unread_locked_mine									{ @extend .global_unread_locked_mine; }
    
    .forum_link														{ background-image: url("./images/forum_link.png"); }
    .forum_read														{ background-image: url("./images/forum_read.png"); }
    .forum_read_locked												{ background-image: url("./images/forum_read_locked.png"); }
    .forum_read_subforum											{ background-image: url("./images/forum_read_subforum.png"); }
    .forum_unread													{ background-image: url("./images/forum_unread.png"); }
    .forum_unread_locked											{ background-image: url("./images/forum_unread_locked.png"); }
    .forum_unread_subforum											{ background-image: url("./images/forum_unread_subforum.png"); }
    
    .sticky_read													{ @extend .topic_read; }
    .sticky_read_mine												{ @extend .topic_read_mine; }
    .sticky_read_locked												{ @extend .topic_read_locked; }
    .sticky_read_locked_mine										{ @extend .topic_read_locked_mine; }
    .sticky_unread													{ @extend .topic_unread; }
    .sticky_unread_mine												{ @extend .topic_unread_mine; }
    .sticky_unread_locked											{ @extend .topic_unread_locked; }
    .sticky_unread_locked_mine										{ @extend .topic_unread_locked_mine; }
    
    .topic_moved													{ background-image: url("./images/topic_moved.png"); }
    .topic_read														{ background-image: url("./images/topic_read.png"); }
    .topic_read_mine												{ background-image: url("./images/topic_read_mine.png"); }
    .topic_read_hot													{ background-image: url("./images/topic_read_hot.png"); }
    .topic_read_hot_mine											{ background-image: url("./images/topic_read_hot_mine.png"); }
    .topic_read_locked												{ background-image: url("./images/topic_read_locked.png"); }
    .topic_read_locked_mine											{ background-image: url("./images/topic_read_locked_mine.png"); }
    .topic_unread,													{ background-image: url("./images/topic_unread.png"); }
    .topic_unread_mine												{ background-image: url("./images/topic_unread_mine.png"); }
    .topic_unread_hot												{ background-image: url("./images/topic_unread_hot.png"); }
    .topic_unread_hot_mine											{ background-image: url("./images/topic_unread_hot_mine.png"); }
    .topic_unread_locked											{ background-image: url("./images/topic_unread_locked.png"); }
    .topic_unread_locked_mine										{ background-image: url("./images/topic_unread_locked_mine.png"); }
    
    .pm_read														{ @extend .topic_read; }
    .pm_unread														{ @extend .topic_unread; }
    
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)
    {
    	.global_read, .global_read_locked, .global_unread, .global_unread_locked,
    	.forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
    	.topic_moved, .topic_read, .topic_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .topic_read_locked_mine,
    	.topic_unread, .topic_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .topic_unread_locked_mine
    	{
    		background-size: 36px 36px;
    	}
    
    	.global_read												{ background-image: url("./images/announce_read_hd.png"); }
    	.global_read_locked											{ background-image: url("./images/announce_read_locked_hd.png"); }
    	.global_unread												{ background-image: url("./images/announce_unread_hd.png"); }
    	.global_unread_locked										{ background-image: url("./images/announce_unread_locked_hd.png"); }
    
    	.forum_link													{ background-image: url("./images/forum_link_hd.png"); }
    	.forum_read													{ background-image: url("./images/forum_read_hd.png"); }
    	.forum_read_locked											{ background-image: url("./images/forum_read_locked_hd.png"); }
    	.forum_read_subforum										{ background-image: url("./images/forum_read_subforum_hd.png"); }
    	.forum_unread												{ background-image: url("./images/forum_unread_hd.png"); }
    	.forum_unread_locked										{ background-image: url("./images/forum_unread_locked_hd.png"); }
    	.forum_unread_subforum										{ background-image: url("./images/forum_unread_subforum_hd.png"); }
    
    	.topic_moved												{ background-image: url("./images/topic_moved_hd.png"); }
    	.topic_read													{ background-image: url("./images/topic_read_hd.png"); }
    	.topic_read_mine											{ background-image: url("./images/topic_read_mine_hd.png"); }
    	.topic_read_hot												{ background-image: url("./images/topic_read_hot_hd.png"); }
    	.topic_read_hot_mine										{ background-image: url("./images/topic_read_hot_mine_hd.png"); }
    	.topic_read_locked											{ background-image: url("./images/topic_read_locked_hd.png"); }
    	.topic_read_locked_mine										{ background-image: url("./images/topic_read_locked_mine_hd.png"); }
    	.topic_unread												{ background-image: url("./images/topic_unread_hd.png"); }
    	.topic_unread_mine											{ background-image: url("./images/topic_unread_mine_hd.png"); }
    	.topic_unread_hot											{ background-image: url("./images/topic_unread_hot_hd.png"); }
    	.topic_unread_hot_mine										{ background-image: url("./images/topic_unread_hot_mine_hd.png"); }
    	.topic_unread_locked										{ background-image: url("./images/topic_unread_locked_hd.png"); }
    	.topic_unread_locked_mine									{ background-image: url("./images/topic_unread_locked_mine_hd.png"); }
    }
    
    //
    // --------------------------------------------------------------
    // Colours and backgrounds for cp.css
    // --------------------------------------------------------------
    
    // Main CP box
    // ----------------------------------------
    
    .panel-container h3, .panel-container hr, #cp-menu hr {
    }
    
    .panel-container .panel li.row {
    }
    
    ul.cplist {
    }
    
    .panel-container .panel li.header dd, .panel-container .panel li.header dt {
    	color: $bold-text-color;
    }
    
    .panel-container table.table1 thead th {
    	color: $post-text-color;
    	border-bottom-color: $block-inner-border;
    }
    
    #cp-main .pm-message {
    	border-color: $block-border;
    	background-color: $block-background;
    }
    
    // CP tabbed menu
    // ----------------------------------------
    #tabs .tab > a {
    	background: $tab-background;
    	color: $tab-color;
    }
    
    #tabs .tab > a:hover {
    	background: $tab-hover-background;
    	color: $tab-hover-color;
    }
    
    #tabs .activetab > a,
    #tabs .activetab > a:hover {
    	background: $tab-selected-background;
    	border-color: $tab-selected-background;
    	color: $tab-selected-color;
    }
    
    #tabs .activetab > a:hover {
    }
    
    // Mini tabbed menu used in MCP
    // ----------------------------------------
    #minitabs .tab > a {
    	background-color: $block-background2;
    }
    
    #minitabs .activetab > a,
    #minitabs .activetab > a:hover {
    	background-color: $secondary-color;
    	color: #fff;
    }
    
    // Responsive tabs
    // ----------------------------------------
    .responsive-tab .responsive-tab-link:before {
    	color: $tab-color;
    }
    
    // UCP navigation menu
    // ----------------------------------------
    
    // Link styles for the sub-section links
    #navigation a {
    	color: mix(#fff, $primary-darker-color, 70%);
    	background: $primary-darker-color;
    }
    
    #navigation a:hover {
    	color: #fff;
    	background: $secondary-color;
    }
    
    #navigation #active-subsection a {
    	color: #fff;
    	background: $primary-color;
    }
    
    #navigation #active-subsection a:hover {
    	color: #fff;
    	background: $secondary-color;
    }
    
    #navigation > hr {
    	border-top-color: $block-background2;
    }
    
    // Preferences pane layout
    // ----------------------------------------
    .panel-container h2 {
    	color: $post-text-color;
    }
    
    .panel-container .panel {
    	background: mix($content-background, $block-background3, 60%);
    	box-shadow: none;
    	border-width: 0;
    	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    	& > .inner > h3:first-child {
    		@include section-heading-cp;
    	}
    	&:before, &:after {
    		background: transparent;
    	}
    }
    
    #cp-main .pm {
    	background-color: $block-background;
    }
    
    // Friends list
    .cp-mini {
    	background-color: $block-background2;
    }
    
    dl.mini dt {
    }
    
    // PM Styles
    // ----------------------------------------
    // PM Message history
    .current {
    	color: $bold-text-color !important;
    }
    
    // PM marking colours
    .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
    	border-left-color: #BC2A4D;
    	border-right-color: #BC2A4D;
    }
    
    .pmlist li.pm_marked_colour, .pm_marked_colour {
    	border-color: #FF6600;
    }
    
    .pmlist li.pm_replied_colour, .pm_replied_colour {
    	border-color: #A9B8C2;
    }
    
    .pmlist li.pm_friend_colour, .pm_friend_colour {
    	border-color: #5D8FBD;
    }
    
    .pmlist li.pm_foe_colour, .pm_foe_colour {
    	border-color: #000000;
    }
    
    // Avatar gallery
    #gallery label {
    	background: $block-background2;
    	border-color: $block-inner-border;
    }
    
    #gallery label:hover {
    	background-color: $block-background3;
    }
    
    //
    // --------------------------------------------------------------
    // Colours and backgrounds for forms.css
    // --------------------------------------------------------------
    
    // General form styles
    // ----------------------------------------
    select {
    	border-color: $input-border;
    	background-color: $input-bg;
    	color: $input-text;
    }
    
    label {
    	color: $text-color;
    }
    
    option.disabled-option {
    	color: $muted-color;
    }
    
    // Definition list layout for forms
    // ----------------------------------------
    dd label {
    	color: $post-text-color;
    }
    
    fieldset.fields1 {
    	background-color: transparent;
    }
    
    // Hover effects
    fieldset dl:hover dt label {
    	color: $bold-text-color;
    }
    
    fieldset.fields2 dl:hover dt label {
    	color: inherit;
    }
    
    // Quick-login on index page
    fieldset.quick-login input.inputbox {
    }
    
    // Posting page styles
    // ----------------------------------------
    
    #message-box textarea {
    	color: $input-text;
    }
    
    #message-box textarea.drag-n-drop {
    	outline-color: rgba($faint-color, 0.5);
    }
    
    #message-box textarea.drag-n-drop-highlight {
    	outline-color: rgba($muted-color, 0.5);
    }
    
    // Input field styles
    // ----------------------------------------
    .inputbox, select {
    	background-color: $input-bg;
    	border-color: $input-border;
    	color: $input-text;
    }
    
    .inputbox {
    	@include placeholder {
    		color: mix($input-text, $input-bg, 70%);
    	}
    }
    
    .inputbox:hover, select:hover {
    	background-color: $input-hover-bg;
    	border-color: $input-hover-border;
    	color: $input-hover-text;
    }
    
    .inputbox:focus, select:focus {
    	background-color: $input-focus-bg;
    	border-color: $input-focus-border;
    	color: $input-focus-text;
    }
    
    .inputbox:hover {
    	@include placeholder {
    		color: $input-hover-text;
    	}
    }
    
    .inputbox:focus {
    	@include placeholder {
    		color: transparent;
    	}
    }
    
    
    // Form button styles
    // ----------------------------------------
    
    a.button1, input.button1, input.button3, a.button2, input.button2 {
    	color: $button-text;
    	border-color: $button-border;
    	background-color: $button-bg;
    }
    
    a.button1, input.button1 {
    	border-color: $button-main-border;
    	background-color: $button-main-bg;
    }
    
    input.button3 {
    	background-image: none;
    	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
    
    // Hover states
    a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    	color: $button-text;
    	border-color: $secondary-color;
    	background-color: $secondary-color;
    }
    
    // Focus states
    input.button1:focus, input.button2:focus, input.button3:focus {
    	color: $button-text;
    	border-color: $primary-darker-color;
    	background-color: $primary-darker-color;
    }
    
    input.disabled {
    	color: $muted-color;
    }
    
    // jQuery popups
    // ----------------------------------------
    .phpbb_alert {
    	background-color: $content-background;
    	border-color: $block-inner-border;
    }
    .phpbb_alert .alert_close:before {
    	color: $link-color;
    }
    .phpbb_alert .alert_close:hover:before {
    	color: $link-hover-color;
    }
    .phpbb_alert .alert_close:after {
    	color: $content-background;
    }
    .darken {
    	background-color: #000;
    }
    
    .loading_indicator {
    	background-color: #000;
    	background-image: url("./images/loading.gif");
    }
    
    .dropdown-extended ul li {
    	border-top-color: $block-inner-border;
    }
    
    .dropdown-extended ul li:hover {
    	background-color: $block-background2;
    	color: $bold-text-color;
    }
    
    .dropdown-extended .header, .dropdown-extended .footer {
    	border-color: $block-inner-border;
    	color: $bold-text-color;
    }
    
    .dropdown-extended .footer {
    	border-top-style: solid;
    	border-top-width: 1px;
    }
    
    .dropdown-extended .header {
    	background: $dropdown-heading-top;
    	// background-image: -webkit-linear-gradient(top, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
    	// background-image: linear-gradient(to bottom, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
    	// filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($dropdown-heading-top)}', endColorstr='#{ie-hex-str($dropdown-heading-top)}');
    	color: #fff;
    	a {
    		color: #fff;
    		&:hover {
    			color: #fff;
    		}
    	}
    }
    
    ul.linklist li.responsive-menu a.responsive-menu-link:before {
    	color: $link-color;
    }
    
    ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
    	color: $link-hover-color;
    }
    
    .dropdown .dropdown-contents {
    	background: $dropdown-bg;
    	border-color: $dropdown-border;
    	box-shadow: $dropdown-shadow;
    }
    
    .dropdown-up .dropdown-contents {
    	box-shadow: $dropdown-shadow-up;
    }
    
    .dropdown li, .dropdown li li {
    	border-color: $dropdown-inner-border;
    }
    
    .dropdown li.separator {
    	border-color: $dropdown-inner-border;
    }
    
    // Notifications
    // ----------------------------------------
    .notification_list li {
    	&.notification-reported strong, &.notification-disapproved strong {
    		color: $secondary-color;
    	}
    
    	&.dropdown-notification {
    		background-color: $dropdown-notification-bg;
    		color: $dropdown-notification-color;
    		&, .panel-container & {
    			border-top-color: lighten($dropdown-notification-bg, 5%);
    			border-bottom-color: darken($dropdown-notification-bg, 5%);
    		}
    		strong {
    			color: $dropdown-notification-strong-color;
    		}
    		a {
    			color: inherit;
    		}
    		p.notification-time, p.notifications_time {
    			color: desaturate(mix($dropdown-notification-bg, $dropdown-notification-color, 30%), 25%);
    		}
    		a.mark_read {
    			background-color: #fff !important;
    			&, &:after {
    				color: $secondary-color !important;
    			}
    		}
    	}
    
    	&.bg3 {
    		// Unread
    		background-color: $notification-unread-bg;
    		color: $notification-unread-color;
    		&, .panel-container & {
    			border-top-color: lighten($notification-unread-bg, 5%);
    			border-bottom-color: darken($notification-unread-bg, 5%);
    		}
    		strong {
    			color: $notification-unread-strong-color;
    		}
    		a {
    			color: inherit;
    		}
    		p.notification-time, p.notifications_time {
    			color: desaturate(mix($notification-unread-bg, $notification-unread-color, 30%), 25%);
    		}
    		a.mark_read {
    			background-color: #fff !important;
    			&, &:after {
    				color: $secondary-color !important;
    			}
    		}
    	}
    
    	&.dropdown-notification:hover {
    		background-color: $dropdown-notification-hover-bg;
    		color: $dropdown-notification-color;
    		&, .panel-container & {
    			border-top-color: lighten($dropdown-notification-hover-bg, 10%);
    			border-bottom-color: darken($dropdown-notification-hover-bg, 10%);
    		}
    		strong {
    			color: $dropdown-notification-strong-color;
    		}
    		a {
    			color: inherit;
    		}
    		p.notification-time, p.notifications_time {
    			color: desaturate(mix($dropdown-notification-hover-bg, $dropdown-notification-color, 30%), 25%);
    		}
    		a.mark_read {
    			background-color: desaturate(if(lightness($dropdown-notification-hover-bg) < 50%, darken($dropdown-notification-hover-bg, 30%), lighten($dropdown-notification-hover-bg, 30%)), 100%);
    			&, &:after {
    				color: $dropdown-notification-strong-color;
    				&:hover {
    					color: $dropdown-notification-color;
    				}
    			}
    		}
    	}
    }
    
    
    //
    // --------------------------------------------------------------
    // Colours and backgrounds for imageset.css
    // --------------------------------------------------------------
    // .imageset.icon_post_target_unread {
    // 	&:after {
    // 		color: #D31141;
    // 	}
    // }
    
    .imageset.icon_post_target {
    	background-image: url("./images/icon_post_target.png");
    	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
    		background-image: url("./images/icon_post_target_hd.png");
    	}
    }
    .imageset.icon_post_target_unread {
    	background-image: url("./images/icon_post_target_unread.png");
    	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
    		background-image: url("./images/icon_post_target_unread_hd.png");
    	}
    }
    
    .imageset.icon_topic_attach {
    	&:after {
    		color: $muted-color;
    	}
    }
    
    %imageset-secondary-color {
    	&:after {
    		color: $secondary-color;
    	}
    }
    
    .imageset.icon_topic_poll {
    	&:after {
    		color: desaturate(mix($primary-color, $block-background, 80%), 30%);
    	}
    }
    
    /* --------------------------------------------------------------
    	$Icons
    -------------------------------------------------------------- */
    
    /* Global module setup
    --------------------------------*/
    
    /* Renamed version of .fa class for agnostic useage of icon fonts.
     * Just change the name of the font after the 14/1 to the name of
     * the font you wish to use.
     */
    .icon, .button .icon, blockquote cite:before, .uncited:before {
    	display: inline-block;
      	font-weight: normal;
      	font-style: normal;
      	font-variant: normal;
      	font-family: FontAwesome;
      	font-size: 14px;
      	line-height: 1;
      	text-rendering: auto; /* optimizelegibility throws things off #1094 */
      	-webkit-font-smoothing: antialiased;
      	-moz-osx-font-smoothing: grayscale;
    }
    
    .icon:before { padding-right: 2px; }
    
    .button .icon:before {
    	padding-right: 0;
    }
    
    /* Icon size classes - Default size is 14px, use these for small variations */
    
    .icon.icon-xl {
    	font-size: 20px;
    }
    
    .icon.icon-lg {
    	font-size: 16px;
    }
    
    .icon.icon-md {
    	font-size: 10px;
    }
    
    .icon.icon-sm {
    	font-size: 8px;
    }
    
    /* icon modifiers */
    .icon-tiny {
    	width: 12px;
    	transform: scale(0.65, 0.75);
    	vertical-align: text-bottom;
    	font-size: 16px;
    }
    
    .arrow-left .icon {
    	float: left;
    }
    
    .arrow-left:hover .icon {
    	margin-left: -5px;
    	margin-right: 5px;
    }
    
    .arrow-right .icon {
    	float: right;
    }
    
    .arrow-right:hover .icon {
    	margin-left: 5px;
    	margin-right: -5px;
    }
    
    .post-buttons .dropdown-contents .icon {
        float: right;
        margin-left: 5px;
    }
    
    .alert_close .icon:before {
    	padding: 0;
        border-radius: 50%;
        width: 11px;
        display: block;
        line-height: .9;
        height: 12px;
    }
    
    blockquote cite:before, .uncited:before {
    	content: '\f10d'; /* Font Awesome quote-left */
    }
    
    .rtl blockquote cite:before, .rtl .uncited:before {
    	content: '\f10e'; /* Font Awesome quote-right */
    }
    
    /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
    
    /**
     * 1. Set default font family to sans-serif.
     * 2. Prevent iOS and IE text size adjust after device orientation change,
     *    without disabling user zoom.
     */
    
    html {
    	font-family: sans-serif; /* 1 */
    	-ms-text-size-adjust: 100%; /* 2 */
    	-webkit-text-size-adjust: 100%; /* 2 */
    }
    
    /**
     * Remove default margin.
     */
    
    body {
    	margin: 0;
    }
    
    /* HTML5 display definitions
    	 ========================================================================== */
    
    /**
     * Correct `block` display not defined for any HTML5 element in IE 8/9.
     * Correct `block` display not defined for `details` or `summary` in IE 10/11
     * and Firefox.
     * Correct `block` display not defined for `main` in IE 11.
     */
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
    	display: block;
    }
    
    /**
     * 1. Correct `inline-block` display not defined in IE 8/9.
     * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
     */
    
    audio,
    canvas,
    progress,
    video {
    	display: inline-block; /* 1 */
    	vertical-align: baseline; /* 2 */
    }
    
    /**
     * Prevent modern browsers from displaying `audio` without controls.
     * Remove excess height in iOS 5 devices.
     */
    
    audio:not([controls]) {
    	display: none;
    	height: 0;
    }
    
    /**
     * Address `[hidden]` styling not present in IE 8/9/10.
     * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
     */
    
    [hidden],
    template {
    	display: none;
    }
    
    /* Links
    	 ========================================================================== */
    
    /**
     * Remove the gray background color from active links in IE 10.
     */
    
    a {
    	background-color: transparent;
    }
    
    /**
     * Improve readability of focused elements when they are also in an
     * active/hover state.
     */
    
    a:active,
    a:hover {
    	outline: 0;
    }
    
    /* Text-level semantics
    	 ========================================================================== */
    
    /**
     * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
     */
    
    abbr[title] {
    	border-bottom: 1px dotted;
    }
    
    /**
     * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
     */
    
    b,
    strong {
    	font-weight: bold;
    }
    
    /**
     * Address styling not present in Safari and Chrome.
     */
    
    dfn {
    	font-style: italic;
    }
    
    /**
     * Address variable `h1` font-size and margin within `section` and `article`
     * contexts in Firefox 4+, Safari, and Chrome.
     */
    
    h1 {
    	font-size: 2em;
    	margin: 0.67em 0;
    }
    
    /**
     * Address styling not present in IE 8/9.
     */
    
    mark {
    	background: #ff0;
    	color: #000;
    }
    
    /**
     * Address inconsistent and variable font size in all browsers.
     */
    
    small {
    	font-size: 80%;
    }
    
    /**
     * Prevent `sub` and `sup` affecting `line-height` in all browsers.
     */
    
    sub,
    sup {
    	font-size: 75%;
    	line-height: 0;
    	position: relative;
    	vertical-align: baseline;
    }
    
    sup {
    	top: -0.5em;
    }
    
    sub {
    	bottom: -0.25em;
    }
    
    /* Embedded content
    	 ========================================================================== */
    
    /**
     * Remove border when inside `a` element in IE 8/9/10.
     */
    
    img {
    	border: 0;
    }
    
    /**
     * Correct overflow not hidden in IE 9/10/11.
     */
    
    svg:not(:root) {
    	overflow: hidden;
    }
    
    /* Grouping content
    	 ========================================================================== */
    
    /**
     * Address margin not present in IE 8/9 and Safari.
     */
    
    figure {
    	margin: 1em 40px;
    }
    
    /**
     * Address differences between Firefox and other browsers.
     */
    
    hr {
    	box-sizing: content-box;
    	height: 0;
    }
    
    /**
     * Contain overflow in all browsers.
     */
    
    pre {
    	overflow: auto;
    }
    
    /**
     * Address odd `em`-unit font size rendering in all browsers.
     */
    
    code,
    kbd,
    pre,
    samp {
    	font-family: monospace, monospace;
    	font-size: 1em;
    }
    
    /* Forms
    	 ========================================================================== */
    
    /**
     * Known limitation: by default, Chrome and Safari on OS X allow very limited
     * styling of `select`, unless a `border` property is set.
     */
    
    /**
     * 1. Correct color not being inherited.
     *    Known issue: affects color of disabled elements.
     * 2. Correct font properties not being inherited.
     * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
     */
    
    button,
    input,
    optgroup,
    select,
    textarea {
    	color: inherit; /* 1 */
    	font: inherit; /* 2 */
    	margin: 0; /* 3 */
    }
    
    /**
     * Address `overflow` set to `hidden` in IE 8/9/10/11.
     */
    
    button {
    	overflow: visible;
    }
    
    /**
     * Address inconsistent `text-transform` inheritance for `button` and `select`.
     * All other form control elements do not inherit `text-transform` values.
     * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
     * Correct `select` style inheritance in Firefox.
     */
    
    button,
    select {
    	text-transform: none;
    }
    
    /**
     * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
     *    and `video` controls.
     * 2. Correct inability to style clickable `input` types in iOS.
     * 3. Improve usability and consistency of cursor style between image-type
     *    `input` and others.
     */
    
    button,
    html input[type="button"], /* 1 */
    input[type="reset"],
    input[type="submit"] {
    	-webkit-appearance: button; /* 2 */
    	cursor: pointer; /* 3 */
    }
    
    /**
     * Re-set default cursor for disabled elements.
     */
    
    button[disabled],
    html input[disabled] {
    	cursor: default;
    }
    
    /**
     * Remove inner padding and border in Firefox 4+.
     */
    
    button::-moz-focus-inner,
    input::-moz-focus-inner {
    	border: 0;
    	padding: 0;
    }
    
    /**
     * Address Firefox 4+ setting `line-height` on `input` using `!important` in
     * the UA stylesheet.
     */
    
    input {
    	line-height: normal;
    }
    
    /**
     * It's recommended that you don't attempt to style these elements.
     * Firefox's implementation doesn't respect box-sizing, padding, or width.
     *
     * 1. Address box sizing set to `content-box` in IE 8/9/10.
     * 2. Remove excess padding in IE 8/9/10.
     */
    
    input[type="checkbox"],
    input[type="radio"] {
    	box-sizing: border-box; /* 1 */
    	padding: 0; /* 2 */
    }
    
    /**
     * Fix the cursor style for Chrome's increment/decrement buttons. For certain
     * `font-size` values of the `input`, it causes the cursor style of the
     * decrement button to change from `default` to `text`.
     */
    
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
    	height: auto;
    }
    
    /**
     * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
     * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
     */
    
    input[type="search"] {
    	-webkit-appearance: textfield; /* 1 */
    	box-sizing: content-box; /* 2 */
    }
    
    /**
     * Remove inner padding and search cancel button in Safari and Chrome on OS X.
     * Safari (but not Chrome) clips the cancel button when the search input has
     * padding (and `textfield` appearance).
     */
    
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
    	-webkit-appearance: none;
    }
    
    /**
     * 1. Correct `color` not being inherited in IE 8/9/10/11.
     * 2. Remove padding so people aren't caught out if they zero out fieldsets.
     */
    
    legend {
    	border: 0; /* 1 */
    	padding: 0; /* 2 */
    }
    
    /**
     * Remove default vertical scrollbar in IE 8/9/10/11.
     */
    
    textarea {
    	overflow: auto;
    }
    
    /**
     * Don't inherit the `font-weight` (applied by a rule above).
     * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
     */
    
    optgroup {
    	font-weight: bold;
    }
    
    /* Tables
    	 ========================================================================== */
    
    /**
     * Remove most spacing between table cells.
     */
    
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    
    td,
    th {
    	padding: 0;
    }
    
    /* --------------------------------------------------------------
    	$Utilities
    -------------------------------------------------------------- */
    
    .sr-only {
    	position: absolute;
    	width: 1px;
    	height: 1px;
    	margin: -1px;
    	padding: 0;
    	overflow: hidden;
    	clip: rect(0, 0, 0, 0);
    	border: 0;
    }
    
    .sr-only-focusable:active,
    .sr-only-focusable:focus {
      position: static;
      width: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      clip: auto;
    }
    
    .clearfix:before,
    .clearfix:after,
    .container:before,
    .container:after,
    .container-fluid:before,
    .container-fluid:after,
    .row:before,
    .row:after {
    	content: " ";
    	display: table;
    }
    .clearfix:after,
    .container:after,
    .container-fluid:after,
    .row:after { clear: both }
    
    .center-block {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    .pull-right { float: right !important }
    .pull-left { float: left !important }
    .hide { display: none !important }
    .show { display: block !important }
    .invisible { visibility: hidden }
    
    .text-hide {
    	font: 0/0 a;
    	color: transparent;
    	text-shadow: none;
    	background-color: transparent;
    	border: 0;
    }
    
    .hidden {
    	display: none ;
    }
    
    .affix { position: fixed }
    
Press compile scss on http://beautifytools.com/scss-compiler.php and you will get stylesheet.css:
  • Code: Select all

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-size: 100%;
    	font: inherit;
    	vertical-align: baseline;
    }
    
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    
    body {
    	line-height: 1;
    }
    
    ol, ul {
    	list-style: none;
    }
    
    blockquote, q {
    	quotes: none;
    }
    
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    
    abbr {
    	text-decoration: none;
    }
    
    .site-description:after, .navbar.secondary:after, .navbar .nav-tabs:after, ul.topiclist dl:after, .site-description:before, .navbar.secondary:before, .navbar .nav-tabs:before, ul.topiclist dl:before {
    	content: ' ';
    	display: table;
    	clear: both;
    }
    
    html {
    	font-size: 100%;
    	height: 100%;
    }
    
    body {
    	font-family: Verdana, Helvetica, Arial, sans-serif;
    	font-size: 11px;
    	line-height: 1.4;
    	margin: 0;
    	padding: 0 0 12px;
    	word-wrap: break-word;
    	min-height: 100%;
    	box-sizing: border-box;
    	-webkit-print-color-adjust: exact;
    }
    
    h1, p.sitename {
    	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    	margin-right: 200px;
    	margin-top: 15px;
    	margin-bottom: 0;
    	font-weight: bold;
    	font-size: 21px;
    	line-height: inherit;
    }
    
    h2 {
    	font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
    	font-weight: normal;
    	font-size: 19px;
    	margin: 0.8em 0 0.2em 0;
    }
    
    h2.solo {
    	margin-bottom: 1em;
    }
    
    h3 {
    	font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
    	font-weight: 500;
    	margin-bottom: 5px;
    	font-size: 17px;
    	margin-top: 20px;
    }
    
    h4 {
    	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    	font-size: 15px;
    }
    
    p {
    	line-height: 1.3;
    	font-size: 11px;
    	margin-bottom: 1.5em;
    }
    
    img {
    	border-width: 0;
    }
    
    hr {
    	border: 0 solid transparent;
    	border-top-width: 1px;
    	height: 1px;
    	margin: 5px 0;
    	display: block;
    	clear: both;
    }
    
    hr.dashed {
    	border-top-style: dashed;
    	margin: 10px 0;
    }
    
    hr.divider {
    	display: none;
    }
    
    p.right {
    	text-align: right;
    }
    
    p.jumpbox-return {
    	margin-top: 10px;
    	margin-bottom: 0;
    	float: left;
    }
    
    b, strong {
    	font-weight: bold;
    }
    
    .text-strong {
    	font-weight: bold;
    }
    
    i, em {
    	font-style: italic;
    }
    
    .text-italics {
    	font-style: italic;
    }
    
    u {
    	text-decoration: underline;
    }
    
    ul {
    	list-style-type: disc;
    }
    
    ol {
    	list-style-type: decimal;
    }
    
    li {
    	display: list-item;
    }
    
    ul ul, ol ul {
    	list-style-type: circle;
    }
    
    ol ol ul, ol ul ul, ul ol ul, ul ul ul {
    	list-style-type: square;
    }
    
    .page-width {
    	box-sizing: border-box;
    	margin: 0 auto;
    	max-width: none;
    	min-width: 625px;
    	margin: 0 12px;
    }
    
    .page-width .page-width {
    	margin: 0;
    }
    
    .page-body {
    	margin: 4px 0;
    	clear: both;
    }
    
    #wrap > .page-body:first-of-type {
    	margin-top: 0;
    }
    
    #wrap > .page-body:last-of-type {
    	margin-bottom: 0;
    }
    
    .page-footer {
    	clear: both;
    }
    
    #wrap + .page-footer {
    	margin-top: 5px;
    }
    
    .page-footer h3 {
    	margin-top: 20px;
    }
    
    .logo {
    	display: block;
    	box-sizing: border-box;
    	max-width: 100%;
    	float: left;
    	padding: 10px 0;
    }
    
    .logo img {
    	display: block;
    	max-width: 100%;
    }
    
    .logo:hover {
    	text-decoration: none;
    }
    
    .site-description h1, .site-description p.sitename {
    	margin-left: 0;
    	margin-right: 0;
    }
    
    .site-description h1, .site-description p {
    	display: none;
    }
    
    .headerbar > .inner {
    	position: relative;
    }
    
    .navbar {
    	background: #252b33;
    	border: 1px solid transparent;
    	border-color: #2e353f #181c21 #181c21 #2e353f;
    	border-radius: 0px;
    	padding: 4px 9px;
    	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
    	padding: 0 9px;
    	clear: both;
    }
    
    .navbar.tabbed, .navbar.secondary {
    	background: transparent;
    	border-width: 0;
    	border-radius: 0;
    	box-shadow: none;
    	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    	padding: 0;
    }
    
    .page-body .navbar {
    	margin-bottom: 10px;
    }
    
    .navbar + .navbar {
    	margin-top: 5px;
    }
    
    .navbar.tabbed {
    	padding: 0;
    }
    
    .navbar.secondary {
    	margin: 0;
    	padding: 1px 0;
    	font-family: "Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif;
    }
    
    .navbar.secondary > ul {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    }
    
    .navbar.secondary > ul > li {
    	position: relative;
    	display: inline-block;
    	margin: 0;
    	padding: 0;
    }
    
    .navbar.secondary > ul > li > a {
    	display: inline-block;
    	color: inherit;
    	padding: 1px 8px;
    	text-align: center;
    	line-height: 26px;
    	font-size: 12px;
    }
    
    .navbar.secondary > ul > li:hover > a {
    	text-decoration: none;
    }
    
    .navbar.secondary > ul > li.small-icon > a {
    	padding-left: 18px;
    }
    
    .navbar.secondary > ul > li .dropdown {
    	top: 28px;
    }
    
    .navbar.secondary > ul > li.dropdown-up .dropdown {
    	top: auto;
    	bottom: 28px;
    }
    
    .navbar.secondary > ul > li.search-box {
    	display: block;
    	margin: 0;
    	float: right;
    }
    
    .rtl .navbar.secondary > ul > li.search-box {
    	float: left;
    }
    
    .navbar.secondary > ul > li.search-box, .navbar.secondary > ul > li.search-box:hover {
    	border-radius: 0;
    	border-width: 0;
    	box-shadow: none;
    	background: none;
    	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }
    
    .navbar.secondary + .nav-breadcrumbs {
    	margin-top: 0;
    }
    
    .navbar li.small-icon > a {
    	padding-left: 18px;
    }
    
    .navbar .nav-tabs {
    	border-radius: 0px;
    }
    
    .navbar .nav-tabs .leftside .tab:first-child,
        .navbar .nav-tabs .leftside .tab.first-visible {
    	border-radius: 0px;
    	border-top-right-radius: 0;
    	border-bottom-right-radius: 0;
    }
    
    .rtl .navbar .nav-tabs .rightside .tab:last-child,
        .rtl .navbar .nav-tabs .rightside .tab.last-visible {
    	border-radius: 0px;
    	border-top-right-radius: 0;
    	border-bottom-right-radius: 0;
    }
    
    .navbar .nav-tabs .rightside .tab:last-child,
        .navbar .nav-tabs .rightside .tab.last-visible {
    	border-radius: 0px;
    	border-top-left-radius: 0;
    	border-bottom-left-radius: 0;
    }
    
    .rtl .navbar .nav-tabs .leftside .tab:first-child,
        .rtl .navbar .nav-tabs .leftside .tab.first-visible {
    	border-radius: 0px;
    	border-top-left-radius: 0;
    	border-bottom-left-radius: 0;
    }
    
    .navbar .nav-tabs > ul {
    	list-style-type: none;
    	margin: 0;
    	height: 33px;
    }
    
    .navbar .nav-tabs > ul.leftside, .rtl .navbar .nav-tabs > ul.rightside {
    	float: left;
    }
    
    .navbar .nav-tabs > ul.rightside, .rtl .navbar .nav-tabs > ul.leftside {
    	float: right;
    }
    
    .navbar .nav-tabs > ul > li {
    	float: left;
    	height: 33px;
    }
    
    .rtl .navbar .nav-tabs > ul > li {
    	float: right;
    }
    
    .navbar .nav-tabs > ul .quick-links {
    	margin: 0;
    }
    
    .navbar .nav-tabs > ul .quick-links.empty {
    	display: none;
    }
    
    .navbar .nav-tabs > ul .quick-links.showing-responsive-menu {
    	display: block;
    }
    
    .navbar .nav-tabs .nav-link {
    	text-decoration: none;
    	color: inherit;
    	display: inline-block;
    	height: 33px;
    	line-height: 33px;
    	padding: 0 12px;
    	vertical-align: baseline;
    	font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
    	font-size: 13px;
    	outline-style: none;
    }
    
    .navbar .nav-tabs .nav-link.dropdown-toggle {
    	position: relative;
    }
    
    .navbar .nav-tabs .nav-link.dropdown-toggle:before {
    	content: '\f078';
    	font-family: FontAwesome;
    	position: absolute;
    	right: 12px;
    	top: 50%;
    	font-size: 9px;
    	line-height: 13px;
    	width: 9px;
    	height: 13px;
    	margin-top: -6px;
    }
    
    .rtl .navbar .nav-tabs .nav-link.dropdown-toggle:before {
    	right: auto;
    	left: 12px;
    }
    
    .navbar .nav-tabs .nav-link .username-coloured {
    	color: inherit !important;
    	font-weight: inherit;
    	font-style: inherit;
    }
    
    .navbar .nav-tabs .responsive-menu .nav-link:before,
        .navbar .nav-tabs .dropdown-visible .nav-link:before {
    	content: '\f077';
    	font-family: FontAwesome;
    	position: absolute;
    	right: 12px;
    	top: 50%;
    	font-size: 9px;
    	line-height: 13px;
    	width: 9px;
    	height: 13px;
    	margin-top: -6px;
    }
    
    .navbar .nav-tabs .dropdown {
    	top: 33px;
    }
    
    .dropdown-up .navbar .nav-tabs .dropdown {
    	top: auto;
    	bottom: 33px;
    }
    
    .navbar .nav-tabs .tab {
    	position: relative;
    }
    
    .navbar .nav-tabs .tab > strong {
    	display: none;
    	font-weight: bold;
    	font-size: 9px;
    	padding: 0 2px;
    	border-radius: 3px;
    	position: absolute;
    	right: 5px;
    	top: -10px;
    	line-height: 14px;
    	min-width: 10px;
    	_width: 10px;
    	text-align: center;
    	text-shadow: none;
    	white-space: nowrap;
    	word-wrap: normal;
    	height: 14px;
    	pointer-events: none;
    }
    
    .rtl .navbar .nav-tabs .tab > strong {
    	right: auto;
    	left: 5px;
    }
    
    .navbar .nav-tabs .tab > strong .arrow {
    	border: 3px solid transparent;
    	border-bottom: 1px none black;
    	position: absolute;
    	bottom: -3px;
    	right: 4px;
    	line-height: 0;
    	text-shadow: none;
    	_display: none;
    	width: 0;
    	height: 0;
    }
    
    .navbar .nav-tabs .tab.non-zero > strong {
    	display: block;
    }
    
    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link, .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
    	position: relative;
    	padding-left: 30px;
    }
    
    .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
    	position: absolute;
    	left: 12px;
    	top: 50%;
    	margin-top: -7.5px;
    	width: 15px;
    	font-size: 13px;
    	line-height: 15px;
    	height: 15px;
    	text-align: left;
    	font-weight: normal;
    	font-style: normal;
    	text-indent: 0;
    }
    
    .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after, .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
    	left: auto;
    	right: 12px;
    }
    
    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link {
    	text-indent: 999px;
    	width: 15px;
    	padding: 0 8px;
    	overflow: hidden;
    }
    
    .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after {
    	text-align: center;
    	font-size: 15px;
    	left: 8px;
    }
    
    .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after {
    	left: auto;
    	right: 8px;
    }
    
    .navbar .nav-tabs .responsive-menu .nav-link + strong, .navbar .nav-tabs .account .nav-link + strong, .navbar .nav-tabs .pm .nav-link + strong, .navbar .nav-tabs .notifications .nav-link + strong, .navbar .nav-tabs .mcp .nav-link + strong, .navbar .nav-tabs .acp .nav-link + strong, .navbar .nav-tabs .faq .nav-link + strong, .navbar .nav-tabs .logout .nav-link + strong, .navbar .nav-tabs .login .nav-link + strong, .navbar .nav-tabs .register .nav-link + strong, .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .navbar .nav-tabs .rightside .pages .nav-link + strong {
    	right: -2px;
    }
    
    .rtl .navbar .nav-tabs .responsive-menu .nav-link + strong, .rtl .navbar .nav-tabs .account .nav-link + strong, .rtl .navbar .nav-tabs .pm .nav-link + strong, .rtl .navbar .nav-tabs .notifications .nav-link + strong, .rtl .navbar .nav-tabs .mcp .nav-link + strong, .rtl .navbar .nav-tabs .acp .nav-link + strong, .rtl .navbar .nav-tabs .faq .nav-link + strong, .rtl .navbar .nav-tabs .logout .nav-link + strong, .rtl .navbar .nav-tabs .login .nav-link + strong, .rtl .navbar .nav-tabs .register .nav-link + strong, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .rightside .pages .nav-link + strong {
    	right: auto;
    	left: -2px;
    }
    
    @media (max-width: 550px) {
    	.navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
    		text-indent: 999px;
    		width: 15px;
    		padding: 0 8px;
    		overflow: hidden;
    	}
    
    	.navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
    		text-align: center;
    		font-size: 15px;
    		left: 8px;
    	}
    
    	.rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
    		left: auto;
    		right: 8px;
    	}
    
    	.navbar .nav-tabs .members .nav-link + strong, .navbar .nav-tabs .forums .nav-link + strong, .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .navbar .nav-tabs .leftside .pages .nav-link + strong {
    		right: -2px;
    	}
    
    	.rtl .navbar .nav-tabs .members .nav-link + strong, .rtl .navbar .nav-tabs .forums .nav-link + strong, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .leftside .pages .nav-link + strong {
    		right: auto;
    		left: -2px;
    	}
    }
    
    .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .boardrules .nav-link:after, .navbar .nav-tabs .pages .nav-link:after {
    	font-family: FontAwesome;
    }
    
    .navbar .nav-tabs .responsive-menu .nav-link:after {
    	content: '\f0c9';
    }
    
    .navbar .nav-tabs .members .nav-link {
    	padding-left: 32px;
    	padding-right: 24px;
    }
    
    .rtl .navbar .nav-tabs .members .nav-link {
    	padding-left: 24px;
    	padding-right: 32px;
    }
    
    .navbar .nav-tabs .members .nav-link:after {
    	content: '\f0c0';
    }
    
    @media (max-width: 550px) {
    	.navbar .nav-tabs .members .nav-link {
    		padding: 0 8px !important;
    	}
    }
    
    .rtl .navbar .nav-tabs .forums .nav-link {
    	padding-left: 12px;
    	padding-right: 32px;
    }
    
    .navbar .nav-tabs .forums .nav-link:after {
    	content: '\f075';
    	margin-top: -8px;
    }
    
    .navbar .nav-tabs .account .nav-link:after {
    	content: '\f007';
    }
    
    .navbar .nav-tabs .pm .nav-link:after {
    	content: '\f01c';
    }
    
    .navbar .nav-tabs .notifications .nav-link:after {
    	content: '\f0f3';
    	font-size: 14px;
    }
    
    .navbar .nav-tabs .mcp .nav-link:after {
    	content: '\f0e3';
    }
    
    .navbar .nav-tabs .acp .nav-link:after {
    	content: '\f085';
    }
    
    .navbar .nav-tabs .faq .nav-link:after {
    	content: '\f059';
    }
    
    @media (max-width: 550px) {
    	.navbar .nav-tabs .faq, .navbar .nav-tabs .faq .nav-link {
    		display: none !important;
    	}
    }
    
    .navbar .nav-tabs .logout .nav-link:after {
    	content: '\f08b';
    	margin-left: 1px;
    }
    
    .navbar .nav-tabs .login .nav-link:after {
    	content: '\f090';
    }
    
    .navbar .nav-tabs .register .nav-link:after {
    	content: '\f234';
    }
    
    .navbar .nav-tabs .boardrules .nav-link:after {
    	content: '\f071';
    }
    
    .navbar .nav-tabs .pages .nav-link:after {
    	content: '\f0f6';
    }
    
    .navbar .inner.static {
    	position: fixed;
    	top: 0;
    	z-index: 50;
    	left: 0;
    	right: 0;
    	padding-top: 0;
    	padding-bottom: 0;
    	width: auto;
    	max-width: none;
    	opacity: .9;
    	transition: opacity .2s;
    }
    
    .navbar .inner.static > .static-inner {
    	box-sizing: border-box;
    	margin: 0 auto;
    	max-width: none;
    	min-width: 625px;
    	margin: 0 12px;
    	padding-top: 0 !important;
    	padding-bottom: 0 !important;
    }
    
    .navbar .inner.static:hover {
    	opacity: 1;
    }
    
    .navbar .inner.static .nav-tabs {
    	border-radius: 0;
    }
    
    .navbar .inner.static .nav-tabs .leftside .tab:first-child,
          .navbar .inner.static .nav-tabs .leftside .tab.first-visible, .rtl .navbar .inner.static .nav-tabs .rightside .tab:first-child,
          .rtl .navbar .inner.static .nav-tabs .rightside .tab.first-visible {
    	border-radius: 0;
    }
    
    .navbar .inner.static .nav-tabs .rightside .tab:last-child,
          .navbar .inner.static .nav-tabs .rightside .tab.last-visible, .rtl .navbar .inner.static .nav-tabs .leftside .tab:last-child,
          .rtl .navbar .inner.static .nav-tabs .leftside .tab.last-visible {
    	border-radius: 0;
    }
    
    .navbar .inner.static .nav-tabs .tab > strong {
    	position: relative;
    	top: 0;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	vertical-align: top;
    	margin-top: 8px;
    	margin-left: -7px;
    	margin-right: 5px;
    	padding-bottom: 1px;
    	pointer-events: none;
    }
    
    .navbar .inner.static .nav-tabs .tab > strong .arrow {
    	display: none;
    }
    
    .navbar .inner.static .nav-tabs .tab.non-zero > strong {
    	display: inline-block;
    }
    
    .navbar .inner.static .nav-tabs .pm > .nav-link + strong {
    	margin-left: -5px;
    }
    
    .forabg {
    	background: #252b33;
    	border: 1px solid transparent;
    	border-color: #2e353f #181c21 #181c21 #2e353f;
    	border-radius: 0px;
    	padding: 4px 9px;
    	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
    	padding: 4px;
    	margin-bottom: 4px;
    	clear: both;
    }
    
    .forabg + .forabg {
    	margin-top: 10px;
    }
    
    .forumbg {
    	background: #252b33;
    	border: 1px solid transparent;
    	border-color: #2e353f #181c21 #181c21 #2e353f;
    	border-radius: 0px;
    	padding: 4px 9px;
    	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
    	padding: 4px;
    	margin-bottom: 4px;
    	clear: both;
    }
    
    .forumbg.forumbg-table {
    	background: transparent;
    	border-width: 0;
    	border-radius: 0;
    	box-shadow: none;
    	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    	padding: 0;
    	padding: 0 1px;
    }
    
    .panel {
    	background: #252b33;
    	border: 1px solid transparent;
    	border-color: #2e353f #181c21 #181c21 #2e353f;
    	border-radius: 0px;
    	padding: 4px 9px;
    	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
    	margin-bottom: 10px;
    	padding: 4px 9px;
    }
    
    .panel.bg3 {
    	border-radius: 0;
    	border-width: 0;
    	box-shadow: none;
    	border-top: 3px solid transparent;
    	position: relative;
    }
    
    .panel.bg3:before, .panel.bg3:after {
    	content: '';
    	position: absolute;
    	top: 0;
    	width: 3px;
    	height: 50px;
    }
    
    .panel.bg3:before {
    	left: 0;
    }
    
    .panel.bg3:after {
    	right: 0;
    }
    
    .postform .panel.panel {
    	border-radius: 0px;
    }
    
    .panel > .inner > h3:first-child,
    .panel > h3:first-child {
    	margin: -5px -10px 5px;
    	border-radius: 0;
    	border-bottom-left-radius: 0;
    	border-bottom-right-radius: 0;
    	background: #2c415f url("./images/heading.png") 100% 0 repeat-y;
    	border: 0 solid #2c415f;
    	padding: 5px;
    	text-transform: none;
    	font-size: 15px;
    	line-height: 1.4;
    	font-weight: normal;
    	color: #f1f6fc;
    	padding-left: 10px;
    	padding-right: 10px;
    }
    
    .rtl .panel > .inner > h3:first-child, .rtl
      .panel > h3:first-child {
    	background-image: url("./images/heading_rtl.png");
    	background-position: 0 0;
    }
    
    .panel > .inner > h3:first-child a,
      .panel > h3:first-child a {
    	color: #f1f6fc;
    }
    
    .panel > .inner > h3:first-child a:hover,
        .panel > h3:first-child a:hover {
    	color: #fff;
    }
    
    .panel-container .panel > .inner > h3:first-child, .panel-container
      .panel > h3:first-child {
    	font-size: 17px;
    	line-height: 1.4;
    }
    
    .post {
    	background: #252b33;
    	border: 1px solid transparent;
    	border-color: #2e353f #181c21 #181c21 #2e353f;
    	border-radius: 0px;
    	padding: 4px 9px;
    	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
    	padding: 0;
    	margin-bottom: 10px;
    	position: relative;
    }
    
    .post > .inner {
    	padding: 5px 10px;
    }
    
    .rowbg {
    	margin: 5px 5px 2px 5px;
    }
    
    .navbar ul.linklist {
    	padding: 2px 0;
    }
    
    ul.linklist {
    	display: block;
    	margin: 0;
    }
    
    .cp-main .panel {
    	padding: 5px 10px;
    }
    
    ul.linklist > li {
    	float: left;
    	font-size: 11px;
    	line-height: 2;
    	list-style-type: none;
    	margin-right: 7px;
    	padding-top: 1px;
    	width: auto;
    }
    
    ul.linklist > li.icon-only, ul.linklist > li.rightside.icon-only {
    	text-align: center;
    	min-width: 20px;
    }
    
    ul.linklist > li.rightside, p.rightside, a.rightside {
    	float: right;
    	margin-right: 0;
    	margin-left: 7px;
    	text-align: right;
    }
    
    ul.navlinks {
    	border-top: 1px solid transparent;
    }
    
    ul.navlinks.nav-breadcrumbs {
    	border-top-width: 0;
    }
    
    ul.leftside {
    	float: left;
    	margin-left: 0;
    	margin-right: 5px;
    	text-align: left;
    }
    
    ul.rightside {
    	float: right;
    	margin-left: 5px;
    	margin-right: -5px;
    	text-align: right;
    }
    
    ul.linklist li.responsive-menu {
    	position: relative;
    	margin: 0 5px;
    }
    
    .fa-bars:before {
    	display: none;
    }
    
    ul.linklist li.responsive-menu a.responsive-menu-link {
    	display: inline-block;
    	margin: 0 5px;
    	font-size: 17px;
    	position: relative;
    	width: 17px;
    	line-height: 21px;
    	text-decoration: none;
    }
    
    ul.linklist li.responsive-menu a.responsive-menu-link:before {
    	content: '\f0c9';
    	font-family: FontAwesome;
    	position: absolute;
    	left: 0;
    	top: 50%;
    	margin-top: -6.5px;
    	width: 15px;
    	font-size: 13px;
    	line-height: 13px;
    	height: 13px;
    	text-align: center;
    	font-weight: normal;
    	font-style: normal;
    	text-indent: 0;
    }
    
    ul.linklist li.responsive-menu a.responsive-menu-link:hover:before {
    	font-family: FontAwesome;
    	content: '\f078';
    }
    
    .hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
    	max-width: 48%;
    }
    
    .hasjs ul.linklist.fullwidth {
    	max-width: none;
    }
    
    ul.linklist .dropdown {
    	top: 22px;
    }
    
    ul.linklist .dropdown-up .dropdown {
    	bottom: 22px;
    	top: auto;
    }
    
    ul.linklist.bulletin > li:before {
    	display: inline-block;
    	content: "\2022";
    	font-size: inherit;
    	line-height: inherit;
    	padding-right: 4px;
    }
    
    ul.linklist.bulletin > li:first-child:before,
    ul.linklist.bulletin > li.rightside:last-child:before {
    	content: none;
    }
    
    ul.linklist.bulletin > li.no-bulletin:before {
    	content: none;
    }
    
    .responsive-menu:before {
    	display: none !important;
    }
    
    .header-profile {
    	display: inline-block;
    	vertical-align: top;
    }
    
    .header-avatar:hover {
    	text-decoration: none;
    }
    
    .header-avatar img {
    	margin-bottom: 2px;
    	max-height: 20px;
    	vertical-align: middle;
    	width: auto;
    }
    
    .header-avatar span:after {
    	content: '\f078';
    	font-family: FontAwesome;
    	display: inline-block;
    	font-size: 7px;
    	float: right;
    	padding-left: 2px;
    	font-weight: normal;
    	opacity: 0.7;
    }
    
    .dropdown-container {
    	position: relative;
    }
    
    .dropdown-container-right {
    	float: right;
    }
    
    .dropdown-container-left {
    	float: left;
    }
    
    .nojs .dropdown-container:hover .dropdown {
    	display: block !important;
    }
    
    .dropdown {
    	display: none;
    	position: absolute;
    	left: 0;
    	top: 1.4em;
    	z-index: 30;
    	padding: 0;
    	margin-right: -500px;
    }
    
    .dropdown.live-search {
    	top: auto;
    }
    
    .dropdown-container.topic-tools {
    	float: left;
    }
    
    .dropdown-up .dropdown {
    	top: auto;
    	bottom: 1.4em;
    }
    
    .dropdown-left .dropdown, .nojs .rightside .dropdown {
    	left: auto;
    	right: 0;
    	margin-left: -500px;
    	margin-right: 0;
    }
    
    .dropdown-button-control .dropdown {
    	top: 24px;
    }
    
    .dropdown-button-control.dropdown-up .dropdown {
    	top: auto;
    	bottom: 24px;
    }
    
    .dropdown .pointer, .dropdown .pointer-inner {
    	position: absolute;
    	width: 0;
    	height: 0;
    	border-top-width: 0;
    	border-bottom: 10px solid transparent;
    	border-left: 10px dashed transparent;
    	border-right: 10px dashed transparent;
    	-webkit-transform: rotate(360deg);
      /* better anti-aliasing in webkit */
    	display: block;
    }
    
    .dropdown-up .pointer, .dropdown-up .pointer-inner {
    	border-bottom-width: 0;
    	border-top: 10px solid transparent;
    }
    
    .dropdown .pointer {
    	right: auto;
    	left: 10px;
    	top: 0;
    	z-index: 3;
    }
    
    .dropdown-up .pointer {
    	bottom: 0;
    	top: auto;
    }
    
    .dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
    	left: auto;
    	right: 10px;
    }
    
    .dropdown .pointer-inner {
    	top: auto;
    	bottom: -11px;
    	left: -10px;
    }
    
    .dropdown-up .pointer-inner {
    	bottom: auto;
    	top: -11px;
    }
    
    .dropdown .dropdown-contents {
    	z-index: 30;
    	overflow: hidden;
    	overflow-y: auto;
    	border: 0px solid transparent;
    	border-radius: 0 0 0px 0px;
    	border-top-width: 3px;
    	padding: 5px;
    	position: relative;
    	min-width: 40px;
    	max-height: 300px;
    	font-size: 12px;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    }
    
    .notifications .dropdown .dropdown-contents {
    	min-width: 300px;
    }
    
    .dropdown-up .dropdown-contents {
    	border-bottom-width: 3px;
    	border-top-width: 0;
    	border-radius: 0px 0px 0 0;
    }
    
    .dropdown-contents > li {
    	padding-right: 15px;
    	min-width: 180px;
    }
    
    .dropdown-nonscroll > li {
    	padding-right: 0;
    }
    
    .dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
    	border-top: 0;
    }
    
    .dropdown li li:first-child {
    	margin-top: 4px;
    }
    
    .dropdown li li:last-child {
    	padding-bottom: 0;
    }
    
    .dropdown li li {
    	border-top: 1px dotted transparent;
    	padding-left: 18px;
    }
    
    #wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
    	white-space: normal;
    }
    
    .dropdown li.separator {
    	border-top: 1px solid transparent;
    	margin: 4px 0;
    	padding: 0;
    }
    
    .dropdown li.separator:first-child, .dropdown li.separator:last-child {
    	display: none !important;
    }
    
    .dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
    	display: inline;
    	line-height: inherit;
    	top: 0;
    	vertical-align: baseline;
    }
    
    .dropdown-trigger > i.glyphicons:before, .dropdown-trigger > i.fa:before {
    	font-size: 1.4em;
    	line-height: 1;
    	position: relative;
    	top: 1px;
    }
    
    .breadcrumbs .crumb {
    	float: left;
    	font-weight: bold;
    	word-wrap: normal;
    	position: relative;
    	padding-left: 13px;
    }
    
    .rtl .breadcrumbs .crumb {
    	padding-left: 0;
    	padding-right: 13px;
    }
    
    .breadcrumbs .crumb:before {
    	content: '\f054';
    	font-family: FontAwesome;
    	font-weight: normal;
    	position: absolute;
    	left: 1px;
    	width: 11px;
    	top: 50%;
    	margin-top: -5.5px;
    	font-size: 7px;
    	height: 11px;
    	line-height: 11px;
    	text-align: center;
    }
    
    .rtl .breadcrumbs .crumb:before {
    	left: auto;
    	right: 1px;
    	content: '\f053';
    }
    
    .breadcrumbs .crumb:first-child {
    	padding-left: 0;
    	padding-right: 0;
    }
    
    .breadcrumbs .crumb:first-child:before {
    	display: none;
    }
    
    .breadcrumbs .crumb a {
    	display: inline-block;
    	white-space: nowrap;
    	text-overflow: ellipsis;
    	vertical-align: bottom;
    	overflow: hidden;
    }
    
    .breadcrumbs.wrapped .crumb a {
    	letter-spacing: -.3px;
    }
    
    .breadcrumbs.wrapped .crumb.wrapped-medium a {
    	letter-spacing: -.4px;
    }
    
    .breadcrumbs.wrapped .crumb.wrapped-tiny a {
    	letter-spacing: -.5px;
    }
    
    .breadcrumbs .crumb.wrapped-max a {
    	max-width: 120px;
    }
    
    .breadcrumbs .crumb.wrapped-wide a {
    	max-width: 100px;
    }
    
    .breadcrumbs .crumb.wrapped-medium a {
    	max-width: 80px;
    }
    
    .breadcrumbs .crumb.wrapped-small a {
    	max-width: 60px;
    }
    
    .breadcrumbs .crumb.wrapped-tiny a {
    	max-width: 40px;
    }
    
    table.table1 {
    	width: 100%;
    }
    
    .ucp-main table.table1 {
    	padding: 2px;
    }
    
    table.table1 thead th {
    	background: #2c415f;
    	border: 0 solid #2c415f;
    	color: #f1f6fc;
    	text-transform: none;
    	line-height: 1.4;
    	font-weight: normal;
    	font-size: 13px;
    	padding: 4px;
    }
    
    table.table1 thead th span {
    	padding-left: 7px;
    }
    
    table.table1 tbody tr {
    	border-top: 1px solid transparent;
    }
    
    table.table1 td {
    	font-size: 12px;
    	line-height: 1.4;
    }
    
    table.table1 tbody td {
    	padding: 5px;
    	border-top: 1px solid transparent;
    }
    
    table.table1 tbody th {
    	padding: 5px;
    	border-bottom: 1px solid transparent;
    	text-align: left;
    }
    
    table.table1 .name {
    	text-align: left;
    }
    
    table.table1 .center {
    	text-align: center;
    }
    
    table.table1 .reportby {
    	width: 15%;
    }
    
    table.table1 .posts {
    	text-align: center;
    	width: 7%;
    }
    
    table.table1 .joined {
    	text-align: left;
    	width: 15%;
    }
    
    table.table1 .active {
    	text-align: left;
    	width: 15%;
    }
    
    table.table1 .mark {
    	text-align: center;
    	width: 7%;
    }
    
    table.table1 .info {
    	text-align: left;
    	width: 30%;
    	max-width: 200px;
    }
    
    @media (max-width: 550px) {
    	table.table1 .info {
    		max-width: 150px;
    	}
    }
    
    table.table1 .info div {
    	width: 100%;
    	white-space: normal;
    	overflow: hidden;
    }
    
    table.table1 .autocol {
    	line-height: 2em;
    	white-space: nowrap;
    }
    
    table.table1 thead .autocol {
    	padding-left: 1em;
    }
    
    table.table1 th.info {
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
    }
    
    table.table1 span.rank-img {
    	float: right;
    	width: auto;
    }
    
    table.info td {
    	padding: 3px;
    }
    
    table.info tbody th {
    	padding: 3px;
    	text-align: right;
    	vertical-align: top;
    	font-weight: normal;
    }
    
    .forumbg table.table1 {
    	margin: 0;
    }
    
    .forumbg-table > .inner {
    	margin: 0 -1px;
    }
    
    .color_palette_placeholder table {
    	border-collapse: separate;
    	border-spacing: 1px;
    }
    
    .column1 {
    	float: left;
    	clear: left;
    	width: 49%;
    }
    
    .column2 {
    	float: right;
    	clear: right;
    	width: 49%;
    }
    
    .left-box {
    	float: left;
    	width: auto;
    	text-align: left;
    	max-width: 100%;
    }
    
    .left-box.profile-details {
    	width: 80%;
    }
    
    .right-box {
    	float: right;
    	width: auto;
    	text-align: right;
    	max-width: 100%;
    }
    
    dl.details {
    	font-size: 11px;
    }
    
    dl.details dt {
    	float: left;
    	clear: left;
    	width: 30%;
    	text-align: right;
    	display: block;
    }
    
    dl.details dd {
    	margin-left: 0;
    	padding-left: 5px;
    	margin-bottom: 5px;
    	float: left;
    	width: 65%;
    	overflow: hidden;
    	text-overflow: ellipsis;
    }
    
    .clearfix, fieldset dl, dl.polls {
    	overflow: hidden;
    }
    
    ul.topiclist dd.lastpost {
    	float: right;
    }
    
    fieldset.fields1 ul.recipients {
    	list-style-type: none;
    	line-height: 1.8;
    	max-height: 150px;
    	overflow-y: auto;
    }
    
    fieldset.fields1 dd.recipients {
    	clear: left;
    	margin-left: 1em;
    }
    
    fieldset.fields1 ul.recipients input.button2 {
    	font-size: 9px;
    	margin-right: 0;
    	padding: 0;
    }
    
    fieldset.fields1 dl.pmlist > dt {
    	width: auto !important;
    }
    
    fieldset.fields1 dl.pmlist dd.recipients {
    	margin-left: 0 !important;
    }
    
    .action-bar {
    	font-size: 11px;
    	margin: 4px 0;
    }
    
    .forabg + .action-bar {
    	margin-top: 10px;
    }
    
    .action-bar .button {
    	margin-right: 5px;
    	float: left;
    }
    
    .action-bar .button-search {
    	margin-right: 0;
    }
    
    .pagination {
    	float: right;
    	font-size: 11px;
    	text-align: right;
    	width: auto;
    }
    
    .action-bar.bottom .pagination {
    	margin-top: 0;
    }
    
    .action-bar .pagination .button {
    	margin-right: 0;
    	float: none;
    }
    
    .pagination > ul {
    	display: inline-block;
    	list-style: none !important;
    	margin-left: 5px;
    }
    
    .pagination > ul > li {
    	display: inline-block !important;
    	padding: 0;
    	font-size: 11px;
    	line-height: normal;
    	vertical-align: middle;
    }
    
    .pagination li a, .pagination li span {
    	border-radius: 2px;
    	padding: 2px 5px;
    }
    
    .pagination li.active span {
    	display: inline-block;
    	font-size: 13px;
    	font-weight: normal;
    	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
    	line-height: 1.4;
    	text-align: center;
    	white-space: nowrap;
    	vertical-align: middle;
    	border: 1px solid transparent;
    }
    
    .pagination li.ellipsis span {
    	border: none;
    	padding: 0;
    }
    
    .pagination li.page-jump {
    	margin-right: 5px;
    }
    
    .pagination li.page-jump a {
    	background: transparent none !important;
    	border-color: transparent !important;
    	padding: 0 8px;
    }
    
    .pagination li.page-jump a i {
    	font-size: 21px;
    }
    
    .pagination .arrow a {
    	padding: 2px 0;
    }
    
    .rtl .pagination li.previous a:after {
    	content: '\f054';
    	right: 1px;
    	left: 3px;
    }
    
    .rtl .pagination li.next a:after {
    	content: '\f053';
    	left: 1px;
    	right: 3px;
    }
    
    .row .pagination {
    	display: block;
    	margin-top: 3px;
    	margin-bottom: 3px;
    }
    
    .row .pagination > ul {
    	margin: 0;
    }
    
    .row .pagination li a, .row .pagination li span {
    	border-radius: 2px;
    	padding: 1px 3px;
    	font-size: 9px;
    }
    
    .phpbb_alert {
    	border: 1px solid transparent;
    	display: none;
    	left: 0;
    	padding: 0 25px 20px 25px;
    	position: fixed;
    	right: 0;
    	top: 150px;
    	z-index: 50;
    	width: 620px;
    	margin: 0 auto;
    }
    
    @media (max-height: 500px) {
    	.phpbb_alert {
    		top: 25px;
    	}
    }
    
    .phpbb_alert .alert_close {
    	display: block;
    	float: right;
    	width: 24px;
    	height: 24px;
    	overflow: hidden;
    	text-decoration: none !important;
    	background: transparent none 0 0 no-repeat;
    	margin-top: -12px;
    	margin-right: -36px;
    	position: relative;
    }
    
    .phpbb_alert .alert_close:before,
    .phpbb_alert .alert_close:after {
    	content: '\f057';
    	font-family: FontAwesome;
    	position: absolute;
    	font-size: 18px;
    	line-height: 24px;
    	font-weight: normal;
    	font-style: normal;
    	text-indent: 0;
    	text-align: center;
    	left: 0;
    	top: 0;
    	margin: 0;
    	padding: 0;
    	width: 24px;
    	height: 24px;
    }
    
    .phpbb_alert .alert_close:before {
    	content: '\f111';
    	font-size: 20px;
    }
    
    .phpbb_alert p {
    	margin: 8px 0;
    	padding-bottom: 8px;
    }
    
    .phpbb_alert label {
    	display: block;
    	margin: 8px 0;
    	padding-bottom: 8px;
    }
    
    .phpbb_alert div.alert_text > p,
    .phpbb_alert div.alert_text > label,
    .phpbb_alert div.alert_text > select,
    .phpbb_alert div.alert_text > textarea,
    .phpbb_alert div.alert_text > input {
    	font-size: 11px;
    }
    
    .darkenwrapper {
    	display: none;
    	position: relative;
    	z-index: 44;
    }
    
    .darken {
    	position: fixed;
    	left: 0;
    	top: 0;
    	width: 100%;
    	height: 100%;
    	opacity: 0.5;
    	z-index: 45;
    }
    
    .loading_indicator {
    	background: center center no-repeat;
    	border-radius: 5px;
    	display: none;
    	opacity: 0.8;
    	margin-top: -50px;
    	margin-left: -50px;
    	height: 50px;
    	width: 50px;
    	position: fixed;
    	left: 50%;
    	top: 50%;
    	z-index: 51;
    }
    
    .forum-permissions {
    	float: right;
    	width: auto;
    	padding-left: 5px;
    	margin-left: 5px;
    	margin-top: 10px;
    	text-align: right;
    }
    
    .copyright {
    	padding: 5px;
    	text-align: center;
    }
    
    .small {
    	font-size: 0.9em !important;
    }
    
    .titlespace {
    	margin-bottom: 15px;
    }
    
    .headerspace {
    	margin-top: 20px;
    }
    
    .error {
    	font-weight: bold;
    	font-size: 11px;
    }
    
    div.rules {
    	margin: 10px 0;
    	font-size: 11px;
    	padding: 5px 10px;
    	border-radius: 0px;
    }
    
    div.rules ul, div.rules ol {
    	margin-left: 20px;
    }
    
    p.post-notice {
    	position: relative;
    	padding: 5px;
    	padding-left: 26px;
    	min-height: 14px;
    	margin-bottom: 1em;
    	font-size: 12px;
    }
    
    p.post-notice:before {
    	content: '';
    	display: block;
    	position: absolute;
    	top: 50%;
    	margin-top: -10px;
    	font-size: 16px;
    	height: 18px;
    	line-height: 18px;
    	text-align: center;
    	vertical-align: baseline;
    	left: 0;
    	width: 28px;
    	background: transparent none 50% 50% no-repeat;
    	pointer-events: none;
    	font-weight: normal;
    	font-style: normal;
    	text-transform: none;
    }
    
    form > p.post-notice strong {
    	line-height: 20px;
    }
    
    .jumpbox {
    	margin: 5px 0;
    }
    
    .jumpbox .dropdown li {
    	border-top: 1px solid transparent;
    }
    
    .jumpbox .dropdown-select {
    	margin: 0;
    }
    
    .jumpbox .dropdown-contents {
    	padding: 0;
    	text-decoration: none;
    }
    
    .jumpbox .dropdown-contents li {
    	padding: 0;
    }
    
    .jumpbox .dropdown-contents a {
    	margin-right: 20px;
    	padding: 5px 10px;
    	text-decoration: none;
    	width: 100%;
    }
    
    .jumpbox .spacer {
    	display: inline-block;
    	width: 0px;
    }
    
    .jumpbox .spacer + .spacer {
    	width: 20px;
    }
    
    .dropdown-contents a {
    	display: block;
    	padding: 5px;
    }
    
    .jumpbox .dropdown-select {
    	margin: 0;
    }
    
    .jumpbox .dropdown-contents a {
    	text-decoration: none;
    }
    
    .dropdown li {
    	display: list-item;
    	border-top: 1px dotted transparent;
    	float: none !important;
    	line-height: normal !important;
    	font-size: 1em !important;
    	list-style: none;
    	margin: 0;
    	white-space: nowrap;
    	text-align: left;
    }
    
    .stat-block {
    	clear: both;
    }
    
    .top {
    	position: absolute;
    	top: -20px;
    }
    
    .clear {
    	display: block;
    	clear: both;
    	font-size: 1px;
    	line-height: 1px;
    	background: transparent;
    }
    
    .inner:after,
    ul.linklist:after,
    .action-bar:after,
    .notification_text:after,
    .tabs-container:after,
    .tabs > ul:after,
    .minitabs > ul:after,
    .postprofile .avatar-container:after {
    	clear: both;
    	content: '';
    	display: block;
    }
    
    .emoji {
    	min-height: 18px;
    	min-width: 18px;
    	height: 1em;
    	width: 1em;
    }
    
    .hidden {
    	display: none;
    }
    
    .smilies {
    	vertical-align: text-bottom;
    }
    
    .icon-notification {
    	position: relative;
    }
    
    .member-search {
    	float: left;
    	margin: 0;
    	padding: 6px 10px;
    }
    
    .member-search strong {
    	font-size: 11px;
    }
    
    .dropdown-extended {
    	display: none;
    	z-index: 3;
    }
    
    .dropdown-extended ul {
    	max-height: 350px;
    	overflow-y: auto;
    	overflow-x: hidden;
    	clear: both;
    }
    
    .dropdown-extended ul li {
    	padding: 0;
    	margin: 0 !important;
    	float: none;
    	border-top: 1px solid;
    	list-style-type: none;
    	font-size: 11px;
    	clear: both;
    	position: relative;
    }
    
    .dropdown-extended ul li:first-child {
    	border-top: none;
    }
    
    .dropdown-extended ul li.no_notifications {
    	padding: 10px;
    }
    
    .dropdown-extended .dropdown-contents {
    	max-height: none;
    	padding: 0;
    	position: absolute;
    	width: 340px;
    }
    
    .nojs .dropdown-extended .dropdown-contents {
    	position: relative;
    }
    
    .dropdown-extended .header {
    	padding: 0 10px;
    	font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-size: 13px;
    	font-weight: bold;
    	text-align: left;
    	line-height: 30px;
    }
    
    .dropdown-down .dropdown-extended .header {
    	margin-top: -3px;
    }
    
    .dropdown-extended .header .header_settings {
    	float: right;
    	font-weight: normal;
    	text-transform: none;
    }
    
    .dropdown-extended .header .header_settings a {
    	display: inline-block;
    	padding: 0 5px;
    }
    
    .dropdown-extended .header:after {
    	content: '';
    	display: table;
    	clear: both;
    }
    
    .dropdown-extended .footer {
    	text-align: center;
    	font-size: 11px;
    }
    
    .dropdown-extended ul li a, .dropdown-extended ul li.no-url {
    	padding: 8px;
    }
    
    .dropdown-extended .footer > a {
    	padding: 5px 0;
    }
    
    .dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
    	display: block;
    	text-decoration: none;
    }
    
    .notification_list ul li img {
    	float: left;
    	max-height: 50px;
    	max-width: 50px;
    	width: auto !important;
    	height: auto !important;
    	margin-right: 5px;
    }
    
    .notification_list ul li p {
    	margin-bottom: 4px;
    	font-size: 11px;
    }
    
    .notification_list p.notification-reference,
    .notification_list p.notification-location,
    .notification_list li a p.notification-reason {
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    }
    
    .notification_list p.notification-time {
    	font-size: 10px;
    	margin: 0;
    	text-align: right;
    }
    
    .notification_list div.notifications {
    	margin-left: 50px;
    	padding: 5px;
    }
    
    .notification_list div.notifications a {
    	display: block;
    }
    
    .notification_list p.notifications_title {
    	font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
    	font-size: 15px !important;
    }
    
    .notification_list p.notifications_title strong {
    	font-weight: 600;
    }
    
    .notification_list p.notifications_time {
    	font-size: 11px !important;
    }
    
    .notification_text {
    	margin-left: 58px;
    	white-space: normal;
    }
    
    .badge {
    	border-radius: 10px;
    	opacity: 0.8;
    	text-align: center;
    	white-space: nowrap;
    	font-size: 10px;
    	line-height: 1;
    	float: right;
    	display: inline-block;
    	margin-left: 3px;
    	vertical-align: baseline;
    	position: relative;
    	top: 3px;
    	padding: 4px 6px;
    }
    
    .badge.hidden {
    	display: none;
    }
    
    .linklist .quick-links {
    	margin: 0 7px 0 0;
    }
    
    .linklist.compact .rightside > a > span span {
    	display: none;
    }
    
    .dropdown-page-jump .dropdown {
    	top: 20px;
    }
    
    .dropdown-page-jump.dropdown-up .dropdown {
    	bottom: 20px;
    }
    
    .dropdown-page-jump input.tiny {
    	width: 50px;
    }
    
    .dropdown .clone.hidden + li.separator {
    	display: none;
    }
    
    .dropdown .clone.hidden + li {
    	border-top: none;
    }
    
    a {
    	direction: ltr;
    	unicode-bidi: embed;
    	text-decoration: none;
      /* we use links inline more often then not so to address several bugs with
    	IE and some other browsers we render all links as inlineblock by default */
    	display: inline-block;
    }
    
    .username-coloured {
    	font-weight: bold;
    	display: inline !important;
    	padding: 0 !important;
    }
    
    span.username-coloured {
    	margin-left: 10px;
    }
    
    .forumbg .header a, .forabg .header a, th a {
    	text-decoration: none;
    }
    
    .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
    	text-decoration: underline;
    }
    
    .dropdown-extended a.mark_read {
    	display: block;
    	opacity: .2;
    	position: absolute;
    	z-index: 2;
    	right: 0;
    	top: 0;
    	bottom: 0;
    	width: 30px;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	transition: opacity .2s;
    }
    
    .dropdown-extended li:hover a.mark_read {
    	opacity: .85;
    }
    
    .dropdown-extended li a.mark_read:hover {
    	opacity: 1;
    }
    
    .dropdown-extended a.mark_read:after {
    	width: auto;
    	left: 4px;
    	right: 0;
    	font-size: 16px;
    }
    
    .jumpbox-cat-link,
    .jumpbox-forum-link {
    	font-weight: bold;
    }
    
    a.forumtitle, a.topictitle {
    	display: inline-block;
    	font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
    	font-size: 16px;
    	line-height: 1.2;
    	font-weight: 500;
    	padding-bottom: 2px;
    	text-decoration: none;
    }
    
    a.forumtitle:hover, a.topictitle:hover {
    	text-decoration: underline;
    }
    
    a.topictitle {
    	font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
    	font-size: 15px;
    }
    
    a.lastsubject {
    	font-weight: bold;
    	text-decoration: none;
    }
    
    a.lastsubject:hover {
    	text-decoration: underline;
    }
    
    .postprofile a, .postprofile dt.author a {
    	font-weight: bold;
    	text-decoration: none;
    }
    
    .postprofile a:hover, .postprofile dt.author a:hover {
    	text-decoration: underline;
    }
    
    .search .postprofile a {
    	text-decoration: none;
    	font-weight: normal;
    }
    
    .search .postprofile a:hover {
    	text-decoration: underline;
    }
    
    .top {
    	font-size: 12px;
    	text-decoration: none;
    	margin-top: 10px;
    }
    
    .back2top {
    	clear: both;
    }
    
    .post > .back2top {
    	position: relative;
    	right: 5px;
    	bottom: 5px;
    }
    
    .rtl .post > .back2top {
    	right: auto;
    	left: 5px;
    }
    
    .back2top .top {
    	float: right;
    	margin-top: 0;
    }
    
    a.top, a.top2 {
    	position: relative;
    }
    
    a.arrow-up, a.arrow-down {
    	position: relative;
    }
    
    a.arrow-up:after, a.arrow-down:after {
    	position: absolute;
    	top: 50%;
    	margin-top: -5px;
    	text-align: center;
    	font-family: FontAwesome;
    	font-size: 8px;
    	line-height: 10px;
    	vertical-align: baseline;
    	font-weight: normal;
    	font-style: normal;
    	text-transform: none;
    	text-indent: 0;
    	pointer-events: none;
    }
    
    a.arrow-up:after {
    	content: '\f077';
    	left: 0;
    }
    
    .rtl a.arrow-up:after {
    	left: auto;
    	right: 0;
    }
    
    a.arrow-down:after {
    	content: '\f078';
    	right: 0;
    	padding-top: 1px;
    }
    
    .rtl a.arrow-down:after {
    	right: auto;
    	left: 0;
    }
    
    a.arrow-up {
    	padding-left: 10px;
    	text-decoration: none;
    	border-bottom-width: 0;
    }
    
    a.arrow-down {
    	padding-right: 10px;
    }
    
    a.arrow-down:hover {
    	text-decoration: none;
    }
    
    a.arrow-left:hover {
    	text-decoration: none;
    }
    
    a.arrow-right:hover {
    	text-decoration: none;
    }
    
    .skiplink {
    	position: absolute;
    	left: -999px;
    	width: 990px;
    }
    
    a.feed-icon-forum {
    	float: right;
    	margin: 3px;
    	width: 16px;
    	height: 16px;
    	position: relative;
    }
    
    .topiclist.forums a.feed-icon-forum {
    	margin-top: 12px;
    }
    
    a.feed-icon-forum:after {
    	content: '\f09e';
    	position: absolute;
    	left: 0;
    	right: 0;
    	width: 16px;
    	height: 16px;
    	font-family: FontAwesome;
    	font-size: 14px;
    	font-weight: normal;
    	font-style: normal;
    	line-height: 16px;
    	text-align: center;
    }
    
    a.top-anchor {
    	display: block;
    }
    
    ul.topiclist {
    	display: block;
    	list-style-type: none;
    	margin: 0;
    }
    
    ul.topiclist li {
    	display: block;
    	list-style-type: none;
    	margin: 0;
    }
    
    .forabg ul.topiclist li.header,
      .forumbg ul.topiclist li.header {
    	margin: -5px -10px 5px;
    	border-radius: 0;
    	border-bottom-left-radius: 0;
    	border-bottom-right-radius: 0;
    	background: #2c415f url("./images/heading.png") 100% 0 repeat-y;
    	border: 0 solid #2c415f;
    	padding: 5px;
    	text-transform: none;
    	font-size: 15px;
    	line-height: 1.4;
    	font-weight: normal;
    	color: #f1f6fc;
    	margin: -5px -5px 0;
    	position: relative;
    }
    
    .rtl .forabg ul.topiclist li.header, .rtl
        .forumbg ul.topiclist li.header {
    	background-image: url("./images/heading_rtl.png");
    	background-position: 0 0;
    }
    
    .forabg ul.topiclist li.header a,
        .forumbg ul.topiclist li.header a {
    	color: #f1f6fc;
    }
    
    .forabg ul.topiclist li.header a:hover,
          .forumbg ul.topiclist li.header a:hover {
    	color: #fff;
    }
    
    .forabg ul.topiclist li.header .forum-toggle,
        .forumbg ul.topiclist li.header .forum-toggle {
    	position: absolute;
    	right: 5px;
    	top: 50%;
    	margin-top: -8px;
    	height: 16px;
    	width: 16px;
    	text-decoration: none !important;
    	outline-style: none !important;
    	color: inherit;
    	transition: opacity 0.3s ease;
    	opacity: .5;
    }
    
    .forabg ul.topiclist li.header .forum-toggle:after,
          .forumbg ul.topiclist li.header .forum-toggle:after {
    	content: '\f056';
    	font-family: FontAwesome;
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 16px;
    	height: 16px;
    	font-size: 12px;
    	line-height: 16px;
    }
    
    .forabg ul.topiclist li.header .forum-toggle.toggled:after,
          .forumbg ul.topiclist li.header .forum-toggle.toggled:after {
    	content: '\f055';
    }
    
    .forabg ul.topiclist li.header .forum-toggle:hover,
          .forumbg ul.topiclist li.header .forum-toggle:hover {
    	opacity: 1;
    }
    
    .rtl .forabg ul.topiclist li.header .forum-toggle, .rtl
          .forumbg ul.topiclist li.header .forum-toggle {
    	right: auto;
    	left: 4px;
    }
    
    ul.topiclist dl {
    	position: relative;
    }
    
    ul.topiclist li.row dl {
    	margin: 2px 0;
    }
    
    ul.topiclist dt, ul.topiclist dd {
    	display: block;
    	float: left;
    }
    
    ul.topiclist dt {
    	width: 100%;
    	margin-right: -440px;
    	font-size: 11px;
    }
    
    ul.topiclist.missing-column dt {
    	margin-right: -345px;
    }
    
    dl.elegant-row dt,
    ul.topiclist.two-long-columns dt {
    	margin-right: -250px;
    }
    
    ul.topiclist.two-columns dt {
    	margin-right: -80px;
    }
    
    ul.topiclist dt .list-inner {
    	margin-right: 440px;
    	padding-left: 5px;
    	padding-right: 5px;
    	position: relative;
    }
    
    ul.topiclist.missing-column dt .list-inner {
    	margin-right: 345px;
    }
    
    dl.elegant-row dt .list-inner,
    ul.topiclist.two-long-columns dt .list-inner {
    	margin-right: 250px;
    }
    
    ul.topiclist.two-columns dt .list-inner {
    	margin-right: 80px;
    }
    
    ul.topiclist dd {
    	border-left: 1px solid transparent;
    	padding: 4px 0;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    }
    
    ul.topiclist dfn {
    	display: none;
    	position: absolute;
    	left: -999px;
    	width: 990px;
    }
    
    .forum-image {
    	float: left;
    	padding-top: 5px;
    	margin-right: 5px;
    }
    
    li.row {
    	border-top: 1px solid transparent;
    	border-bottom: 1px solid transparent;
    }
    
    li.row:first-child {
    	border-top-width: 0;
    	padding-top: 0;
    }
    
    li.row:last-child {
    	border-bottom-width: 0;
    	padding-bottom: 0;
    }
    
    li.row .subforums-list ul {
    	list-style-type: none;
    	display: inline;
    	margin: 0;
    }
    
    li.row .subforums-list li {
    	display: inline;
    }
    
    li.row .subforums-list li > span {
    	display: inline;
    }
    
    li.row .forum-mcplink {
    	right: 4px;
    	top: 4px;
    }
    
    .rtl li.row .forum-mcplink {
    	right: auto;
    	left: 4px;
    }
    
    li.row strong {
    	font-weight: normal;
    }
    
    li.header dt, li.header dd {
    	border-left-width: 0;
    	padding-top: 0;
    	padding-bottom: 0;
    	font-size: 12px;
    	font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
    	line-height: 18px;
    }
    
    li.header dt {
    	width: 100%;
    	margin-right: -440px;
    }
    
    .forabg li.header dt {
    	font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
    	font-weight: 500;
    	font-size: 14px;
    }
    
    li.header dt .list-inner {
    	margin-right: 440px;
    	text-indent: 5px;
    	padding-left: 0;
    }
    
    li.header dd {
    	padding-left: 1px;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    }
    
    li.header dl dt, li.header dl dd {
    	min-height: 0;
    }
    
    .forabg li.header dl.row-item dt .list-inner {
    	padding-left: 0;
    	padding-right: 50px;
    }
    
    .row .list-inner {
    	padding: 4px 0;
    }
    
    dl.row-item {
    	background-position: 10px 50%;
    	background-repeat: no-repeat;
    	background-size: 36px;
    }
    
    dl.row-item dt {
    	background-repeat: no-repeat;
    	background-position: 5px 95%;
    	background-size: 17px;
    }
    
    dl.row-item dt .list-inner {
    	padding-left: 55px;
    	position: relative;
    	padding-top: 5px;
    	padding-bottom: 5px;
    }
    
    li.header dl.row-item dt .list-inner {
    	padding-top: 0;
    	padding-bottom: 0;
    }
    
    dl.row-item dt .list-inner .topic-status {
    	position: absolute;
    	right: 4px;
    	top: 3px;
    	font-size: 14px;
    	pointer-events: none;
    }
    
    .rtl dl.row-item dt .list-inner .topic-status {
    	right: auto;
    	left: 4px;
    }
    
    dl.row-item dt .list-inner .topic-status + .topic-status {
    	right: 20px;
    }
    
    dl.row-item dt, dl.row-item dd {
    	min-height: 42px;
    }
    
    dl.row-item dt a {
    	display: inline;
    }
    
    dl.row-item.with-description dt, dl.row-item.with-description dd {
    	min-height: 50px;
    }
    
    dl a.row-item-link {
    	display: block;
    	width: 36px;
    	height: 36px;
    	padding: 0;
    	position: absolute;
    	top: 50%;
    	left: 0;
    	margin-top: -15px;
    	margin-left: 9px;
    	z-index: 2;
    }
    
    dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
    	width: 80px;
    	text-align: center;
    }
    
    dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
    	line-height: 34px;
    	font-size: 12px;
    }
    
    .with-description dd.posts, .with-description dd.topics, .with-description dd.views, .with-description dd.extra, .with-description dd.mark, .with-description dd.lastpost.empty {
    	line-height: 42px;
    }
    
    dd.lastpost.empty br {
    	display: none;
    }
    
    dd.posts, dd.topics, dd.views {
    	width: 95px;
    }
    
    .elegant-row dd.posts, .elegant-row dd.topics, .elegant-row dd.views {
    	display: none;
    }
    
    dl.row-item dt ol,
    dl.row-item dt ul {
    	list-style-position: inside;
    	margin-left: 1em;
    }
    
    dl.row-item dt li {
    	display: list-item;
    	list-style-type: inherit;
    }
    
    dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
    	width: 250px;
    	font-size: 11px;
    }
    
    dd.redirect {
    	line-height: 2.5em;
    }
    
    dd.time {
    	line-height: 200%;
    }
    
    dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
    	display: block;
    	padding-left: 5px;
    }
    
    dd.extra, dd.mark {
    	line-height: 200%;
    }
    
    dd.option {
    	width: 125px;
    	line-height: 200%;
    	text-align: center;
    	font-size: 11px;
    }
    
    .forum-description {
    	font-size: 13px;
    	padding-top: 2px;
    }
    
    .forum-statistics {
    	font-size: 11px;
    	padding-top: 2px;
    }
    
    .forum-lastpost {
    	display: none;
    }
    
    @media (max-width: 550px) {
    	.forum-lastpost {
    		display: block !important;
    		padding-top: 2px;
    		line-height: 1.2;
    		overflow: hidden;
    	}
    }
    
    .forum-lastpost strong, .forum-lastpost span {
    	text-overflow: ellipsis;
    	overflow: hidden;
    	white-space: nowrap;
    }
    
    .forum-lastpost strong, .forum-lastpost span, .forum-lastpost a.lastsubject {
    	font-weight: normal;
    }
    
    .forum-lastpost strong {
    	display: block;
    	float: left;
    	max-width: 200px;
    	padding-right: 5px;
    }
    
    .rtl .forum-lastpost strong {
    	float: right;
    	padding-right: 0;
    	padding-left: 5px;
    }
    
    @media (max-width: 400px) {
    	.forum-lastpost strong {
    		max-width: 130px;
    	}
    }
    
    .forum-lastpost span {
    	display: inline-block;
    	max-width: 100%;
    }
    
    .forum-lastpost span:after {
    	content: '|';
    	display: inline-block;
    	text-align: center;
    	width: 12px;
    }
    
    .forum-lastpost span:last-of-type:after {
    	display: none;
    }
    
    .subforums-list {
    	padding-top: 2px;
    }
    
    .forum-description.toggle {
    	display: none;
    	position: absolute;
    	font-size: 11px;
    	border-radius: 4px;
    	padding: 4px 9px;
    	max-width: 500px;
    	cursor: pointer;
    }
    
    a.forumtitle + .forum-description.toggle, a.topictitle + .forum-description.toggle {
    	left: 55px;
    	top: 25px;
    	z-index: 30;
    }
    
    .rtl a.forumtitle + .forum-description.toggle, .rtl a.topictitle + .forum-description.toggle {
    	left: auto;
    	right: 55px;
    }
    
    .forum-description.toggle a {
    	background: none !important;
    	text-decoration: underline !important;
    	border-width: 0 !important;
    }
    
    .forum-description.toggle span.arrow {
    	position: absolute;
    	line-height: 0;
    	width: 0;
    	height: 0;
    	border: 6px solid transparent;
    	border-left: 1px none transparent;
    	top: 6px;
    	left: -6px;
    	bottom: auto;
    }
    
    .rtl .forum-description.toggle span.arrow {
    	border-left: 6px solid transparent;
    	border-right: 1px none transparent;
    	left: auto;
    	right: -6px;
    }
    
    .forum-description.toggle.no-arrow span.arrow {
    	display: none;
    }
    
    .postbody {
    	padding: 0;
    	font-size: 11px;
    	line-height: 1.4;
    }
    
    .postprofile + .postbody {
    	float: right;
    	margin-left: -160px;
    	width: 100%;
    	position: relative;
    }
    
    .rtl .postprofile + .postbody {
    	margin-left: 0;
    	margin-right: -160px;
    	float: left;
    }
    
    .search .postprofile + .postbody {
    	margin-left: -260px;
    }
    
    .rtl .search .postprofile + .postbody {
    	margin-left: 0;
    	margin-right: -260px;
    }
    
    .postprofile + .postbody > div {
    	margin-left: 160px;
    }
    
    .postprofile + .postbody > div:only-child:after {
    	content: ' ';
    	display: table;
    	clear: both;
    }
    
    .rtl .postprofile + .postbody > div {
    	margin-left: 0;
    	margin-right: 160px;
    }
    
    .search .postprofile + .postbody > div {
    	margin-left: 260px;
    }
    
    .rtl .search .postprofile + .postbody > div {
    	margin-left: 0;
    	margin-right: 260px;
    }
    
    .postbody .ignore {
    	font-size: 13px;
    	line-height: 1.4;
    }
    
    .postbody h3 {
    	float: left;
    	font-size: 16px;
    	padding: 2px 0 0 0;
    	margin-top: 0 !important;
    	margin-bottom: 0.3em !important;
    	text-transform: none;
    	border: none;
    	font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
    	line-height: 1.25;
    }
    
    .rtl .postbody h3 {
    	float: right;
    }
    
    .postbody h3 img {
    	vertical-align: bottom;
    }
    
    .has-profile .postbody h3 {
    	float: none !important;
    	margin-right: 180px;
    }
    
    .rtl .has-profile .postbody h3 {
    	margin-right: 0;
    	margin-left: 180px;
    }
    
    .postbody .content {
    	font-size: 13px;
    	line-height: 1.4;
    	overflow-x: auto;
    }
    
    .postbody img.postimage {
    	max-width: 100%;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    }
    
    .panel .review {
    	margin-top: 2em;
    }
    
    .topicreview {
    	padding-right: 5px;
    	overflow: auto;
    	height: 300px;
    }
    
    .topicreview .postbody {
    	width: auto;
    	float: none;
    	margin: 0;
    	height: auto;
    }
    
    .topicreview .post {
    	height: auto;
    }
    
    .topicreview h2 {
    	border-bottom-width: 0;
    }
    
    .post-ignore .postbody {
    	display: none;
    }
    
    .post_details {
    	overflow: auto;
    	max-height: 300px;
    }
    
    .content {
    	clear: both;
    	min-height: 3em;
    	overflow: hidden;
    	line-height: 1.4;
    	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	font-size: 13px;
    	padding-bottom: 1px;
    }
    
    .content h2, .panel h2 {
    	font-weight: normal;
    	border-bottom: 1px solid transparent;
    	font-size: 17px;
    	margin-top: 0.5em;
    	margin-bottom: 0.5em;
    	padding-bottom: 0.5em;
    }
    
    .content h2.faq-title, .panel h2.faq-title {
    	margin-top: 5px;
    }
    
    .panel h3 {
    	margin: 0.5em 0;
    }
    
    .panel p {
    	font-size: 13px;
    	margin-bottom: 1em;
    	line-height: 1.4;
    }
    
    .content p {
    	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	font-size: 13px;
    	margin-bottom: 1em;
    	line-height: 1.4;
    }
    
    dl.faq, .content dl.faq {
    	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	font-size: 13px;
    	margin-top: 1em;
    	margin-bottom: 2em;
    	line-height: 1.4;
    }
    
    dl.faq dt, .content dl.faq dt {
    	font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
    	font-size: 16px;
    	line-height: 1.25;
    	font-weight: normal;
    	margin-bottom: 5px;
    }
    
    .content dl.faq {
    	margin-bottom: 0.5em;
    }
    
    .content li {
    	list-style-type: inherit;
    }
    
    .content ul, .content ol {
    	margin: 0.8em 0 0.9em 3em;
    }
    
    .posthilit {
    	padding: 0 2px 1px 2px;
    }
    
    p.author {
    	margin-bottom: 0.3em;
    	padding: 0 0 5px 0;
    	font-family: Verdana, Helvetica, Arial, sans-serif;
    	font-size: 11px;
    	line-height: 1.4;
    	clear: both;
    }
    
    .signature {
    	margin-top: 1.5em;
    	padding-top: 0.2em;
    	font-size: 12px;
    	border-top: 1px solid transparent;
    	clear: left;
    	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	line-height: 1.4;
    	overflow: hidden;
    	width: 100%;
    }
    
    .signature.standalone {
    	border-top-width: 0;
    	margin-top: 0;
    }
    
    dd .signature {
    	margin: 0;
    	padding: 0;
    	clear: none;
    	border: none;
    }
    
    .signature li {
    	list-style-type: inherit;
    }
    
    .signature ul, .signature ol {
    	margin: 0.8em 0 0.9em 3em;
    }
    
    .notice {
    	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	width: auto;
    	margin-top: 1.5em;
    	padding-top: 0.2em;
    	font-size: 13px;
    	border-top: 1px dashed transparent;
    	clear: left;
    	line-height: 1.4;
    }
    
    ul.searchresults {
    	list-style: none;
    	text-align: right;
    	clear: both;
    }
    
    .rtl ul.searchresults {
    	text-align: left;
    }
    
    blockquote {
    	border: 0px solid transparent;
    	border-left-width: 3px;
    	border-radius: 0px;
    	font-size: 12px;
    	margin: 8px 12px;
    	overflow: hidden;
    	padding: 5px;
    	position: relative;
    }
    
    .rtl blockquote {
    	border-left-width: 0;
    	border-right-width: 3px;
    }
    
    /*blockquote:before {
    	position: absolute;
    	font-family: 'Trebuchet MS';
    	top: 5px;
    	left: 4px;
    	height: 16px;
    	font-size: 30px;
    	line-height: 30px;
    	pointer-events: none;
    }*/
    blockquote blockquote {
    	margin: 5px;
    }
    
    blockquote cite {
    	font-style: normal;
    	font-weight: bold;
    	display: block;
    	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	font-size: 12px;
    	line-height: 1.6;
    }
    
    blockquote cite:before, .uncited:before {
    	padding-right: 5px;
    }
    
    blockquote cite > div {
    	float: right;
    	font-weight: normal;
    }
    
    .postbody .content li blockquote {
    	overflow: inherit;
    	margin-left: 0;
    }
    
    .codebox {
    	border: 0px solid transparent;
    	border-left-width: 3px;
    	border-radius: 0px;
    	margin: 8px 12px;
    	font-size: 12px;
    	word-wrap: normal;
    }
    
    .codebox p {
    	text-transform: uppercase;
    	border-bottom: 1px solid transparent;
    	margin-bottom: 3px;
    	padding: 3px;
    	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	font-size: 12px !important;
    	line-height: 1.6;
    	font-weight: bold;
    	display: block;
    }
    
    blockquote .codebox {
    	margin-left: 0;
    }
    
    .codebox code {
    	overflow: auto;
    	display: block;
    	height: auto;
    	max-height: 200px;
    	padding: 5px 3px;
    	font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
    	font-size: 12px;
    	line-height: 1.3;
    }
    
    .attachbox {
    	float: left;
    	width: auto;
    	max-width: 100%;
    	margin: 5px 5px 5px 0;
    	padding: 6px;
    	border: 0px solid transparent;
    	border-left-width: 3px;
    	border-radius: 0px;
    	clear: left;
    	box-sizing: border-box;
    }
    
    .attachbox dt {
    	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	font-size: 12px;
    	line-height: 1.6;
    	font-weight: 500;
    }
    
    .attachbox dd {
    	margin-top: 4px;
    	padding-top: 4px;
    	clear: left;
    	border-top: 1px solid transparent;
    	overflow-x: auto;
    }
    
    .attachbox dd dd {
    	border: none;
    }
    
    .attachbox p, .attachbox p.stats {
    	line-height: 1.4;
    	font-weight: normal;
    	clear: left;
    }
    
    .attach-image {
    	margin: 3px 0;
    	max-width: 100%;
    }
    
    .attach-image img {
    	cursor: default;
    }
    
    div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
    	display: block;
    	margin-bottom: 4px;
    }
    
    div.inline-attachment p {
    	font-size: 12px;
    }
    
    dl.file {
    	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	display: block;
    }
    
    dl.file dt {
    	text-transform: none;
    	margin: 0;
    	padding: 0;
    	font-weight: bold;
    	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	font-size: 12px;
    	line-height: 1.6;
    }
    
    dl.file dd {
    	margin: 0;
    	padding: 0;
    }
    
    dl.thumbnail img {
    	padding: 3px;
    	border: 1px solid transparent;
    	box-sizing: border-box;
    }
    
    dl.thumbnail dd {
    	font-style: italic;
    	font-family: Verdana, Helvetica, Arial, sans-serif;
    }
    
    .attachbox dl.thumbnail dd {
    	font-size: 100%;
    }
    
    dl.thumbnail dt a:hover img {
    	border: 1px solid transparent;
    }
    
    fieldset.polls {
    	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	font-size: 13px;
    }
    
    fieldset.polls dl {
    	margin: 0;
    	border: 1px solid transparent;
    	border-width: 1px 0;
    	padding: 5px 0;
    	line-height: 1.4;
    }
    
    fieldset.polls dl:first-child {
    	border-top-width: 0;
    }
    
    fieldset.polls dl:last-child {
    	border-bottom-width: 0;
    }
    
    fieldset.polls dl.voted {
    	font-weight: bold;
    }
    
    fieldset.polls dt {
    	text-align: left;
    	float: left;
    	display: block;
    	width: 30%;
    	border-right: none;
    	padding: 0;
    	margin: 0;
    	font-size: 13px;
    }
    
    fieldset.polls dd {
    	float: left;
    	width: 10%;
    	border-left: none;
    	padding: 0 5px;
    	margin-left: 0;
    	font-size: 13px;
    }
    
    fieldset.polls dd.resultbar {
    	width: 50%;
    }
    
    fieldset.polls dd input {
    	margin: 2px 0;
    }
    
    fieldset.polls dd div {
    	text-align: right;
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	font-size: .9em;
    	padding: 0 3px;
    	overflow: visible;
    	min-width: 8px;
    	border-radius: 0;
    }
    
    .vote-submitted {
    	font-size: 15px;
    	font-weight: bold;
    	text-align: center;
    }
    
    .postprofile {
    	margin: 0;
    	padding: 5px 0;
    	min-height: 80px;
    	border: 0px solid transparent;
    	border-right-width: 1px;
    	width: 150px;
    	float: left;
    	position: relative;
    	box-sizing: border-box;
    	z-index: 2;
    }
    
    .rtl .postprofile {
    	float: right;
    	border-width: 0;
    	border-left-width: 1px;
    }
    
    .search .postprofile {
    	width: 250px;
    }
    
    .postprofile dd, .postprofile dt {
    	font-size: 11px;
    	line-height: 1.4;
    	margin-right: 8px;
    }
    
    .rtl .postprofile dd, .rtl .postprofile dt {
    	margin-left: 8px;
    	margin-right: 0;
    }
    
    .postprofile dd {
    	overflow: hidden;
    	text-overflow: ellipsis;
    }
    
    .postprofile strong {
    	font-weight: normal;
    }
    
    .postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
    	margin-bottom: 10px;
    }
    
    .postprofile .has-avatar .avatar-container {
    	margin-bottom: 3px;
    	overflow: hidden;
    }
    
    .postprofile .avatar {
    	display: block;
    	float: left;
    	max-width: 100%;
    }
    
    .rtl .postprofile .avatar {
    	float: right;
    }
    
    .postprofile .avatar img {
    	display: block;
    	height: auto !important;
    	max-width: 100%;
    }
    
    .postprofile .profile-posts a {
    	font-weight: normal;
    }
    
    dd.profile-warnings {
    	font-weight: bold;
    }
    
    dd.profile-contact {
    	overflow: visible;
    }
    
    .profile-contact .dropdown-container {
    	display: inline-block;
    }
    
    .profile-contact .icon_contact {
    	vertical-align: middle;
    }
    
    .profile-contact .dropdown {
    	margin-right: -14px;
    }
    
    .online-ribbon {
    	display: block;
    	width: 70px;
    	height: 70px;
    	position: absolute;
    	overflow: hidden;
    	top: -1px;
    	left: -1px;
    	pointer-events: none;
    }
    
    .rtl .online-ribbon {
    	left: auto;
    	right: -1px;
    }
    
    .online-ribbon span {
    	display: block;
    	font-weight: 500;
    	font-style: normal;
    	width: 100px;
    	font-size: 11px;
    	line-height: 18px;
    	height: 18px;
    	text-align: center;
    	position: absolute;
    	top: 17px;
    	white-space: nowrap;
    	left: -25px;
    	-webkit-transform: rotate(-45deg);
    	-ms-transform: rotate(-45deg);
    	transform: rotate(-45deg);
    }
    
    .online-ribbon span + span {
    	opacity: .75;
    	z-index: 29;
    }
    
    .rtl .online-ribbon span {
    	left: auto;
    	right: -25px;
    	-webkit-transform: rotate(45deg);
    	-ms-transform: rotate(45deg);
    	transform: rotate(45deg);
    }
    
    .panel.online > .inner {
    	position: relative;
    	z-index: 2;
    }
    
    .no-avatar .avatar-container {
    	display: block;
    	width: 92px;
    	height: 92px;
    	background: transparent none 50% 50% no-repeat;
    	background-size: cover;
    }
    
    .profile-avatar img {
    	max-width: 100%;
    }
    
    dl.pmlist dt {
    	width: 60% !important;
    }
    
    dl.pmlist dt textarea {
    	width: 95%;
    }
    
    dl.pmlist dd {
    	margin-left: 61% !important;
    	margin-bottom: 2px;
    }
    
    .action-bar div.dl_links {
    	padding: 10px 0 0 10px;
    }
    
    div.dl_links {
    	display: inline-block;
    	text-transform: none;
    }
    
    .dl_links strong {
    	font-weight: bold;
    }
    
    .dl_links ul {
    	list-style-type: none;
    	margin: 0;
    	display: inline-block;
    }
    
    .dl_links li {
    	display: inline-block;
    }
    
    .attachment-filename {
    	width: 100%;
    }
    
    .ellipsis-text {
    	display: inline-block;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    }
    
    table.fixed-width-table {
    	table-layout: fixed;
    }
    
    .postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
    	width: 8px;
    	height: 8px;
    	-webkit-appearance: none;
    	border-radius: 3px;
    }
    
    .postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
    	border-radius: 3px;
    }
    
    #memberlist tr.inactive, #team tr.inactive {
    	font-style: italic;
    }
    
    a.post {
    	display: inline !important;
    	background: none !important;
    	box-shadow: none !important;
    	border: none !important;
    }
    
    .button {
    	display: inline-block;
    	padding: 2px 8px;
    	font-size: 14px;
    	font-weight: 600;
    	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
    	line-height: 18px;
    	text-align: center;
    	white-space: nowrap;
    	vertical-align: middle;
    	-ms-touch-action: manipulation;
    	touch-action: manipulation;
    	cursor: pointer;
    	-webkit-user-select: none;
    	-moz-user-select: none;
    	-ms-user-select: none;
    	user-select: none;
    	border: 1px solid transparent;
    	border-radius: 2px;
    }
    
    .button > strong {
    	font-weight: 600;
    }
    
    .button:focus,
    .button:hover {
    	text-decoration: none;
    	outline: none;
    }
    
    .caret {
    	border-left: 1px solid;
    	position: relative;
    	right: -6px;
    }
    
    .caret i {
    	vertical-align: top;
    }
    
    /* Posting page styles
    ----------------------------------------*/
    .button-search,
    .button-search-end {
    	float: left;
    	border-radius: 0;
    	margin: 0;
    	padding: 2px 5px;
    }
    
    .button-search-end {
    	border-left-width: 0;
    	border-radius: 0 4px 4px 0;
    }
    
    .search-header .button-search,
    .search-header .button-search-end {
    	border-top-width: 0;
    	border-bottom-width: 0;
    	padding: 3px 5px;
    }
    
    .search-header .button-search-end {
    	border-right-width: 0;
    }
    
    .button-icon-only {
    	padding-left: 3px;
    	padding-right: 3px;
    }
    
    .contact-icons.dropdown-contents {
    	min-width: 0;
    	padding: 0;
    	font-size: 0;
    }
    
    .contact-icon {
    	position: relative;
    	display: block;
    	height: 16px;
    	width: 16px;
    }
    
    .contact-icon:after {
    	content: '';
    	position: absolute;
    	top: 0;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	text-align: center;
    	font-family: FontAwesome;
    	font-size: 14px;
    	line-height: 16px;
    	vertical-align: baseline;
    	font-weight: normal;
    	font-style: normal;
    	text-transform: none;
    	text-indent: 0;
    	pointer-events: none;
    }
    
    .contact-icons a {
    	border-bottom: 1px dotted;
    	border-right: 1px dotted;
    	display: block;
    	float: left;
    	padding: 8px;
    }
    
    .contact-icons .last-cell {
    	border-right: none;
    }
    
    .contact-icons div:last-child a {
    	border-bottom: none;
    }
    
    .contact-icons div {
    	clear: left;
    }
    
    .pm-icon:after {
    	content: '\f086';
    }
    
    .email-icon:after {
    	content: '\f0e0';
    }
    
    .jabber-icon:after {
    	content: '\f0eb';
    	font-size: 16px;
    }
    
    .phpbb_icq-icon:after {
    	content: '\f013';
    }
    
    .phpbb_wlm-icon:after {
    	content: '\f007';
    }
    
    .phpbb_aol-icon:after {
    	content: '\f2bb';
    }
    
    .phpbb_website-icon:after {
    	content: '\f08e';
    }
    
    .phpbb_youtube-icon:after {
    	content: '\f16a';
    }
    
    .phpbb_facebook-icon:after {
    	content: '\f230';
    }
    
    .phpbb_googleplus-icon:after {
    	content: '\f0d5';
    }
    
    .phpbb_skype-icon:after {
    	content: '\f17e';
    }
    
    .phpbb_twitter-icon:after {
    	content: '\f099';
    }
    
    .phpbb_yahoo-icon:after {
    	content: '\f19e';
    }
    
    .post-buttons {
    	float: right;
    	list-style: none;
    	margin-top: 2px;
    }
    
    .rtl .post-buttons {
    	float: left;
    }
    
    .has-profile .post-buttons {
    	float: none;
    	position: absolute;
    	margin: 0;
    	top: 5px;
    	right: 0;
    }
    
    .rtl .has-profile .post-buttons {
    	left: 0;
    }
    
    .rtl .has-profile .post-buttons {
    	right: auto;
    }
    
    .post-buttons > li {
    	float: left;
    	margin-right: 3px;
    }
    
    .post-buttons .button, .format-buttons .button {
    	padding-left: 3px;
    	padding-right: 3px;
    }
    
    .hastouch .post-buttons {
    	margin-right: 10px;
    }
    
    .post-buttons .button span {
    	font-size: 0;
    }
    
    .post-buttons .dropdown {
    	top: 20px;
    }
    
    .post-buttons .dropdown a {
    	display: block;
    	font-size: 12px;
    	line-height: 1.4;
    	text-align: left;
    	margin-left: 18px;
    	position: relative;
    }
    
    .post-buttons .dropdown a:before {
    	position: absolute;
    	left: -16px;
    	top: 50%;
    	height: 12px;
    	line-height: 14px;
    	margin: -6px 0 0;
    	pointer-events: none;
    	color: inherit;
    }
    
    .rtl .post-buttons .dropdown a {
    	text-align: right;
    }
    
    .hasjs .postbody .post-buttons {
    	max-width: 40%;
    }
    
    button::-moz-focus-inner {
    	padding: 0;
    	border: 0;
    }
    
    /* Deprecated as of version 3.2
    -------------------------------------------------*/
    .small-icon {
    	background-position: 0 50%;
    	background-repeat: no-repeat;
    	background-image: none;
    }
    
    .dropdown .small-icon {
    	background-position: 5px 50%;
    	padding: 5px;
    }
    
    .small-icon > a {
    	padding: 0 0 0 18px;
    }
    
    ul.linklist.bulletin > li.small-icon:before {
    	display: none;
    }
    
    .dropdown .small-icon > a {
    	display: block;
    }
    
    .rtl .small-icon {
    	background-position: 100% 50%;
    }
    
    .rtl .small-icon > a {
    	padding-left: 0;
    	padding-right: 19px;
    }
    
    .cp-menu {
    	float: left;
    	width: 19%;
    	margin: 0 -2px;
    	padding-right: 7px;
    	box-sizing: border-box;
    }
    
    .rtl .cp-menu {
    	float: right;
    	padding-left: 7px;
    	padding-right: 0;
    }
    
    .cp-main {
    	float: left;
    	width: 81%;
    }
    
    .rtl .cp-main {
    	float: right;
    }
    
    .cp-main .content {
    	padding: 0;
    }
    
    .panel-container .panel {
    	margin-bottom: 10px;
    }
    
    .panel-container .panel p {
    	font-size: 13px;
    	line-height: 1.4;
    }
    
    .panel-container .panel ol {
    	margin-left: 2em;
    	font-size: 13px;
    }
    
    .panel-container .panel li.row {
    	border-bottom: 1px solid transparent;
    	border-top: 1px solid transparent;
    }
    
    ul.cplist {
    	margin-bottom: 5px;
    	border-top: 1px solid transparent;
    }
    
    .panel-container .panel li.header dd, .panel-container .panel li.header dt {
    	margin-bottom: 2px;
    }
    
    .panel-container table.table1 {
    	margin-bottom: 1em;
    }
    
    .panel-container table.table1 thead th {
    	background: transparent;
    	color: inherit;
    	padding: 5px;
    	font-weight: bold;
    	font-size: inherit;
    	line-height: inherit;
    }
    
    .panel-container table.table1 tbody th {
    	font-style: italic;
    	background-color: transparent !important;
    	border-bottom: none;
    }
    
    .cp-main .pm-message {
    	border: 1px solid transparent;
    	margin: 10px 0;
    	width: auto;
    	float: none;
    }
    
    .pm-message h2 {
    	padding-bottom: 5px;
    }
    
    .cp-main .postbody h3, .cp-main .box2 h3 {
    	margin-top: 0;
    }
    
    .panel-container .postbody p.author {
    	font-size: 11px;
    }
    
    .cp-main .buttons {
    	margin-left: 0;
    }
    
    .cp-main ul.linklist {
    	margin: 0;
    }
    
    .mcp-main .postbody {
    	width: 100%;
    }
    
    .tabs-container h2 {
    	float: left;
    	margin-bottom: 0px;
    }
    
    .tabs, .minitabs {
    	line-height: normal;
    }
    
    .tabs > ul, .minitabs > ul {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    	position: relative;
    }
    
    .tabs .tab, .minitabs .tab {
    	display: block;
    	float: left;
    	font-size: 11px;
    	font-weight: bold;
    	line-height: 26px;
    }
    
    .tabs .tab > a, .minitabs .tab > a {
    	display: block;
    	padding: 0 9px;
    	position: relative;
    	text-decoration: none;
    	white-space: nowrap;
    	cursor: pointer;
    	font-size: inherit;
    	line-height: inherit;
    }
    
    .tabs {
    	margin: 20px 0 0 7px;
    }
    
    .tabs .tab > a {
    	border: 1px solid transparent;
    	border-radius: 4px 4px 0 0;
    	margin: 1px 1px 0 0;
    }
    
    .tabs .activetab > a {
    	margin-top: 0;
    	padding-bottom: 2px;
    }
    
    .minitabs {
    	float: right;
    	margin: 15px 7px 0 0;
    	max-width: 50%;
    }
    
    .minitabs .tab {
    	float: right;
    }
    
    .minitabs .tab > a {
    	border-radius: 5px 5px 0 0;
    	margin-left: 2px;
    }
    
    .minitabs .tab > a:hover {
    	text-decoration: none;
    }
    
    .responsive-tab {
    	position: relative;
    }
    
    .responsive-tab > a.responsive-tab-link {
    	display: block;
    	font-size: 16px;
    	position: relative;
    	width: 16px;
    	line-height: 14px;
    	text-decoration: none;
    }
    
    .responsive-tab > a.responsive-tab-link:before {
    	content: '\f0c9';
    	font-family: FontAwesome;
    	position: absolute;
    	left: 10px;
    	top: 50%;
    	margin-top: -7px;
    	width: 14px;
    	font-size: 13px;
    	line-height: 15px;
    	height: 15px;
    	text-align: center;
    	font-weight: normal;
    	font-style: normal;
    	text-indent: 0;
    }
    
    .dropdown-visible.responsive-tab > a.responsive-tab-link:before,
    .responsive-tab > a.responsive-tab-link:hover:before {
    	font-family: FontAwesome;
    	content: '\f078';
    }
    
    .tabs .dropdown, .minitabs .dropdown {
    	top: 28px;
    	margin-right: -2px;
    	font-size: 12px;
    	line-height: 1.4;
    	font-weight: normal;
    }
    
    .minitabs .dropdown {
    	margin-right: -4px;
    }
    
    .tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
    	bottom: 28px;
    	top: auto;
    }
    
    .tabs .dropdown li {
    	text-align: right;
    }
    
    .minitabs .dropdown li {
    	text-align: left;
    }
    
    .navigation {
    	width: 100%;
    }
    
    .navigation hr {
    	display: none;
    }
    
    .navigation hr + ul {
    	margin-top: 10px;
    }
    
    .navigation ul {
    	list-style: none;
    }
    
    .navigation li {
    	display: inline;
    	font-weight: bold;
    	margin: 1px 0;
    	padding: 0;
    }
    
    .navigation a {
    	display: block;
    	padding: 5px;
    	margin: 2px 0;
    	border-radius: 0px;
    	text-decoration: none;
    	font-size: 11px;
    	line-height: 1.4;
    }
    
    .navigation a:hover {
    	text-decoration: none;
    }
    
    .cp-main h2 {
    	border-bottom: none;
    	padding: 0;
    	margin-left: 10px;
    }
    
    .cp-mini {
    	margin: 10px 15px 10px 5px;
    	max-height: 200px;
    	overflow-y: auto;
    	padding: 5px 10px;
    	border-radius: 0px;
    }
    
    dl.mini dt {
    	font-weight: bold;
    }
    
    dl.mini dd {
    	padding-top: 4px;
    }
    
    .friend-online {
    	font-weight: bold;
    }
    
    .friend-offline {
    	font-style: italic;
    }
    
    ol.def-rules {
    	padding-left: 0;
    }
    
    ol.def-rules li {
    	line-height: 180%;
    	padding: 1px;
    }
    
    .pmlist li.bg1 {
    	padding: 0 3px;
    }
    
    .pmlist li.bg2 {
    	padding: 0 3px;
    }
    
    .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
    	border-left-color: transparent;
    	border-right-color: transparent;
    }
    
    .pmlist li.pm_marked_colour, .pm_marked_colour,
    .pmlist li.pm_replied_colour, .pm_replied_colour,
    .pmlist li.pm_friend_colour, .pm_friend_colour,
    .pmlist li.pm_foe_colour, .pm_foe_colour {
    	padding: 0;
    	border: solid 3px transparent;
    	border-width: 0 3px;
    }
    
    .pm-legend {
    	border-left-width: 10px;
    	border-left-style: solid;
    	border-right-width: 0;
    	margin-bottom: 3px;
    	padding-left: 3px;
    }
    
    .gallery label {
    	position: relative;
    	float: left;
    	margin: 10px;
    	padding: 5px;
    	width: auto;
    	border: 1px solid transparent;
    	text-align: center;
    }
    
    @media (max-width: 900px) {
    	.nojs .tabs a span, .nojs .minitabs a span {
    		max-width: 40px;
    		overflow: hidden;
    		text-overflow: ellipsis;
    		letter-spacing: -.5px;
    	}
    
    	.cp-menu, .navigation, .cp-main {
    		float: none;
    		width: auto;
    		margin: 0;
    	}
    
    	.cp-menu:after {
    		content: ' ';
    		display: table;
    		clear: both;
    	}
    
    	.navigation {
    		padding: 0;
    		max-width: 320px;
    	}
    
    	.cp-menu .navigation {
    		margin: 0 10px;
    		float: left;
    	}
    }
    
    @media (max-width: 900px) and (max-width: 450px) {
    	.cp-menu .navigation {
    		float: none;
    		margin: 0 auto;
    	}
    }
    
    @media (max-width: 900px) {
    	.navigation, .cp-menu .navigation:only-child {
    		float: none;
    		margin: 0 auto;
    	}
    
    	.cp-menu .navigation + .cp-mini {
    		float: left;
    		margin: 0 10px;
    		max-width: 220px;
    	}
    }
    
    @media (max-width: 900px) and (max-width: 450px) {
    	.cp-menu .navigation + .cp-mini {
    		float: none;
    		margin: 10px auto 0;
    	}
    }
    
    @media (max-width: 900px) {
    	.navigation a {
    		background-image: none;
    	}
    
    	.navigation li:first-child a {
    		border-top-left-radius: 5px;
    		border-top-right-radius: 5px;
    	}
    
    	.navigation li:last-child a {
    		border-bottom-left-radius: 5px;
    		border-bottom-right-radius: 5px;
    	}
    }
    
    fieldset {
    	border-width: 0;
    	font-family: Verdana, Helvetica, Arial, sans-serif;
    	font-size: 11px;
    }
    
    input {
    	font-weight: normal;
    	vertical-align: middle;
    	padding: 0 3px;
    	font-size: 12px;
    	font-family: Verdana, Helvetica, Arial, sans-serif;
    }
    
    select {
    	font-family: Verdana, Helvetica, Arial, sans-serif;
    	font-weight: normal;
    	cursor: pointer;
    	vertical-align: middle;
    	border: 1px solid transparent;
    	border-radius: 0px;
    	padding: 1px;
    	font-size: 12px;
    }
    
    select:focus {
    	outline-style: none;
    }
    
    option {
    	padding-right: 1em;
    }
    
    select optgroup option {
    	padding-right: 1em;
    	font-family: Verdana, Helvetica, Arial, sans-serif;
    }
    
    textarea {
    	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	width: 60%;
    	padding: 2px;
    	font-size: 13px;
    	line-height: 1.4;
    	border-radius: 0px;
    	-webkit-appearance: none;
    }
    
    label {
    	cursor: default;
    	padding-right: 5px;
    }
    
    label input {
    	vertical-align: middle;
    }
    
    label img {
    	vertical-align: middle;
    }
    
    fieldset dl {
    	padding: 4px 0;
    }
    
    fieldset dt {
    	float: left;
    	width: 40%;
    	text-align: left;
    	display: block;
    }
    
    fieldset dd {
    	margin-left: 41%;
    	vertical-align: top;
    	margin-bottom: 3px;
    }
    
    fieldset.fields1 dt {
    	width: 15em;
    	border-right-width: 0;
    }
    
    fieldset.fields1 dd {
    	margin-left: 15em;
    	border-left-width: 0;
    }
    
    fieldset.fields1 div {
    	margin-bottom: 3px;
    }
    
    fieldset.fields1 .live-search div {
    	margin-bottom: 0;
    }
    
    fieldset.fields2 dt {
    	width: 15em;
    	border-right-width: 0;
    }
    
    fieldset.fields2 dd {
    	margin-left: 16em;
    	border-left-width: 0;
    }
    
    dt label {
    	font-weight: bold;
    	text-align: left;
    }
    
    dd label {
    	white-space: nowrap;
    }
    
    dd input, dd textarea {
    	margin-right: 3px;
    }
    
    dd select {
    	width: auto;
    }
    
    dd select[multiple] {
    	width: 100%;
    }
    
    dd textarea {
    	width: 85%;
    }
    
    .timezone {
    	width: 95%;
    }
    
    /* Browser-specific tweaks */
    button::-moz-focus-inner {
    	padding: 0;
    	border: 0;
    }
    
    fieldset.quick-login {
    	margin-top: 5px;
    }
    
    fieldset.quick-login input {
    	width: auto;
    }
    
    fieldset.quick-login input.inputbox {
    	width: 15%;
    	vertical-align: middle;
    	margin-right: 5px;
    }
    
    fieldset.quick-login label {
    	white-space: nowrap;
    	padding-right: 2px;
    }
    
    fieldset.display-options {
    	text-align: center;
    	margin: 3px 0 5px 0;
    }
    
    fieldset.display-options label {
    	white-space: nowrap;
    	padding-right: 2px;
    }
    
    fieldset.display-options a {
    	margin-top: 3px;
    }
    
    .dropdown fieldset.display-options {
    	font-size: 1em;
    	margin: 0;
    	padding: 0;
    }
    
    .dropdown fieldset.display-options label {
    	display: block;
    	margin: 4px;
    	padding: 0;
    	text-align: right;
    	white-space: nowrap;
    }
    
    .dropdown fieldset.display-options select {
    	min-width: 120px;
    }
    
    fieldset.display-actions {
    	text-align: right;
    	line-height: 2em;
    	white-space: nowrap;
    	padding-right: 1em;
    }
    
    fieldset.display-actions label {
    	white-space: nowrap;
    	padding-right: 2px;
    }
    
    fieldset.sort-options {
    	line-height: 2em;
    }
    
    fieldset.forum-selection {
    	margin: 5px 0 3px 0;
    	float: right;
    }
    
    fieldset.forum-selection2 {
    	margin: 13px 0 3px 0;
    	float: right;
    }
    
    fieldset.submit-buttons {
    	text-align: center;
    	vertical-align: middle;
    	margin: 5px 0;
    }
    
    fieldset.submit-buttons input {
    	vertical-align: middle;
    }
    
    .format-buttons {
    	margin: 15px 0 2px 0;
    }
    
    .format-buttons input, .format-buttons select {
    	vertical-align: middle;
    }
    
    .message-box {
    	width: 80%;
    }
    
    .message-box textarea {
    	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	width: 450px;
    	height: 270px;
    	min-width: 100%;
    	max-width: 100%;
    	font-size: 13px;
    	line-height: 1.4;
    	resize: vertical;
    	outline: 3px dashed transparent;
    	outline-offset: -4px;
    	-webkit-transition: all .5s ease, height 1ms linear;
    	-moz-transition: all .5s ease, height 1ms linear;
    	-ms-transition: all .5s ease, height 1ms linear;
    	-o-transition: all .5s ease, height 1ms linear;
    	transition: all .5s ease, height 1ms linear;
    }
    
    .smiley-box {
    	width: 18%;
    	float: right;
    }
    
    .smiley-box img {
    	margin: 3px;
    }
    
    .inputbox {
    	border: 1px solid transparent;
    	padding: 2px;
    	border-radius: 0px;
    	-webkit-appearance: none;
    }
    
    .inputbox:hover, .inputbox:focus {
    	border: 1px solid transparent;
    	outline-style: none;
    }
    
    input.inputbox {
    	width: 85%;
    }
    
    input.medium {
    	width: 50%;
    }
    
    input.narrow {
    	width: 25%;
    }
    
    input.tiny {
    	width: 150px;
    }
    
    textarea.inputbox {
    	width: 85%;
    }
    
    .autowidth {
    	width: auto !important;
    }
    
    input[type="number"] {
    	-moz-padding-end: 0;
    }
    
    input[type="search"] {
    	-webkit-appearance: none;
    	-webkit-box-sizing: content-box;
    }
    
    input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
    	display: none;
    }
    
    input[type="search"]::-webkit-search-cancel-button {
    	cursor: pointer;
    }
    
    input.button1, input.button2 {
    	font-size: 13px;
    }
    
    a.button1, input.button1, input.button3, a.button2, input.button2 {
    	width: auto !important;
    	padding-top: 1px;
    	padding-bottom: 1px;
    	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    	background: transparent none repeat-x top left;
    	line-height: 1.5;
    	border-radius: 3px;
    	font-size: 13px;
    }
    
    .format-buttons a.button1, .format-buttons input.button1, .format-buttons input.button3, .format-buttons a.button2, .format-buttons input.button2 {
    	font-size: 12px;
    }
    
    a.button1, input.button1 {
    	font-weight: bold;
    	border: 1px solid transparent;
    }
    
    input.button3 {
    	padding: 0;
    	margin: 0;
    	line-height: 5px;
    	height: 12px;
    	background-image: none;
    	font-variant: small-caps;
    }
    
    input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"] {
    	cursor: pointer;
    }
    
    a.button2, input.button2, input.button3 {
    	border: 1px solid transparent;
    }
    
    a.button1, a.button2 {
    	text-decoration: none;
    	padding: 0 3px;
    	vertical-align: text-bottom;
    }
    
    a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    	border: 1px solid transparent;
    }
    
    input.disabled {
    	font-weight: normal;
    }
    
    input.button1:focus, input.button2:focus, input.button3:focus {
    	outline-style: none;
    }
    
    .search-box {
    	float: left;
    }
    
    .search-box .inputbox {
    	background-image: none;
    	border-right-width: 0;
    	border-radius: 2px 0 0 2px;
    	float: left;
    	height: 24px;
    	padding: 3px;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    }
    
    .rtl .search-box .inputbox {
    	border-radius: 0 2px 2px 0;
    }
    
    .navbar.with-search .search-box .inputbox {
    	border-radius: 0;
    }
    
    .search-header {
    	border-radius: 2px;
    	display: block;
    	border: 1px solid transparent;
    }
    
    .navbar.with-search .search-header {
    	border-radius: 0;
    	margin-top: 1px;
    }
    
    .headerbar .search-header {
    	position: absolute;
    	top: 50%;
    	right: 5px;
    	margin-top: -13px;
    }
    
    .search-header .inputbox {
    	border: 0;
    }
    
    .navbar .linklist > li.responsive-search {
    	display: none;
    }
    
    .full {
    	width: 95%;
    }
    
    .medium {
    	width: 50%;
    }
    
    .narrow {
    	width: 25%;
    }
    
    .tiny {
    	width: 10%;
    }
    
    .icon-search-new, .icon-search-unanswered, .icon-search-unread, .icon-search-self, .icon-search, .icon-search-active, .icon-search-advanced, .icon-acp, .icon-bookmark, .icon-bump, .icon-contact, .icon-delete-cookies, .icon-download, .icon-faq, .icon-home, .icon-logout, .icon-login, .icon-mark, .icon-mcp, .icon-members, .icon-notification, .icon-pages, .icon-pm, .icon-print, .icon-profile, .icon-register, .icon-sendemail, .icon-subscribe, .icon-team, .icon-ucp, .icon-unsubscribe, .icon-new-posts, .icon-forums, .icon-chat, .icon-time, .icon-thanks, .icon-thanks_toplist {
    	position: relative;
    	background-image: none;
    }
    
    .icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
    	content: '';
    	position: absolute;
    	top: 50%;
    	left: 0;
    	height: 14px;
    	margin-top: -7px;
    	text-align: center;
    	font-size: 12px;
    	line-height: 14px;
    	vertical-align: baseline;
    	font-weight: normal;
    	font-style: normal;
    	text-transform: none;
    	text-indent: 0;
    	pointer-events: none;
    }
    
    .small-icon.icon-search-new:after, .small-icon.icon-search-unanswered:after, .small-icon.icon-search-unread:after, .small-icon.icon-search-self:after, .small-icon.icon-search:after, .small-icon.icon-search-active:after, .small-icon.icon-search-advanced:after, .small-icon.icon-acp:after, .small-icon.icon-bookmark:after, .small-icon.icon-bump:after, .small-icon.icon-contact:after, .small-icon.icon-delete-cookies:after, .small-icon.icon-download:after, .small-icon.icon-faq:after, .small-icon.icon-home:after, .small-icon.icon-logout:after, .small-icon.icon-login:after, .small-icon.icon-mark:after, .small-icon.icon-mcp:after, .small-icon.icon-members:after, .small-icon.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .small-icon.icon-notification:after, .small-icon.icon-pages:after, .small-icon.icon-pm:after, .small-icon.icon-print:after, .small-icon.icon-profile:after, .small-icon.icon-register:after, .small-icon.icon-sendemail:after, .small-icon.icon-subscribe:after, .small-icon.icon-team:after, .small-icon.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .small-icon.icon-ucp:after, .small-icon.icon-unsubscribe:after, .small-icon.icon-new-posts:after, .small-icon.icon-forums:after, .small-icon.icon-chat:after, .small-icon.icon-time:after, .small-icon.icon-thanks:after, .small-icon.icon-thanks_toplist:after {
    	width: 18px;
    	text-align: center;
    }
    
    .icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
    	font-family: FontAwesome;
    }
    
    .icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after {
    	content: '\f002';
    }
    
    .icon-acp:after {
    	content: '\f085';
    }
    
    .icon-bookmark:after {
    	content: '\f02e';
    	margin-left: -1px;
    	margin-right: -1px;
    }
    
    .icon-bump:after {
    	content: '\f079';
    }
    
    .icon-contact:after {
    	content: '\f0e0';
    }
    
    .icon-delete-cookies:after {
    	content: '\f014';
    }
    
    .icon-download:after {
    	content: '\f019';
    }
    
    .icon-faq:after {
    	content: '\f059';
    }
    
    .icon-home:after {
    	content: '\f015';
    }
    
    .icon-home.breadcrumbs:after {
    	text-align: left;
    }
    
    .icon-logout:after {
    	content: '\f08b';
    }
    
    .icon-login:after {
    	content: '\f090';
    }
    
    .icon-mark:after {
    	content: '\f046';
    }
    
    .icon-mcp:after {
    	content: '\f0e3';
    }
    
    .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
    	content: '\f007';
    }
    
    .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
    	display: block;
    	font-size: 10px;
    	padding: 0;
    	padding-left: 4px;
    	padding-top: 1px;
    	opacity: .7;
    }
    
    .icon-notification:after {
    	content: '\f0a2';
    }
    
    .icon-notification.non-zero:after {
    	content: '\f0f3';
    }
    
    .icon-pages:after {
    	content: '\f0c5';
    }
    
    .icon-pm:after {
    	content: '\f003';
    }
    
    .icon-pm.non-zero:after {
    	content: '\f0e0';
    }
    
    .icon-print:after {
    	content: '\f02f';
    }
    
    .icon-profile:after {
    	content: '\f007';
    }
    
    .icon-register:after {
    	content: '\f234';
    }
    
    .icon-sendemail:after {
    	content: '\f003';
    }
    
    .icon-subscribe:after {
    	content: '\f05d';
    }
    
    .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
    	content: '\f007';
    }
    
    .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
    	display: block;
    	font-size: 10px;
    	padding: 0;
    	white-space: nowrap;
    	padding-top: 1px;
    	opacity: .7;
    	content: '\f007\f007';
    }
    
    .icon-ucp:after {
    	content: '\f0ad';
    }
    
    .icon-unsubscribe:after {
    	content: '\f05c';
    }
    
    .icon-new-posts:after {
    	content: '\f086';
    }
    
    .icon-forums:after {
    	content: '\f075';
    }
    
    .icon-chat:after {
    	content: '\f086';
    }
    
    .icon-time:after {
    	content: '\f017';
    }
    
    .icon-thanks {
    	background-image: none !important;
    }
    
    .icon-thanks:after {
    	content: '\f087';
    }
    
    .icon-thanks_toplist {
    	background-image: none !important;
    }
    
    .icon-thanks_toplist:after {
    	content: '\f005';
    }
    
    @media (max-width: 320px) {
    	select, .inputbox {
    		max-width: 240px;
    	}
    }
    
    /* Notifications list
    ----------------------------------------*/
    @media (max-width: 350px) {
    	.dropdown-extended .dropdown-contents {
    		width: auto;
    	}
    }
    
    @media (max-width: 430px) {
    	.action-bar .search-box .inputbox {
    		width: 120px;
    	}
    
    	.section-viewtopic .search-box .inputbox {
    		width: 57px;
    	}
    
    	.action-bar .search-box .inputbox ::-moz-placeholder {
    		content: "Search...";
    	}
    
    	.action-bar .search-box .inputbox :-ms-input-placeholder {
    		content: "Search...";
    	}
    
    	.action-bar .search-box .inputbox ::-webkit-input-placeholder {
    		content: "Search...";
    	}
    }
    
    @media (max-width: 500px) {
    	dd label {
    		white-space: normal;
    	}
    
    	select, .inputbox {
    		max-width: 260px;
    	}
    
    	.captcha-panel dd.captcha {
    		margin-left: 0;
    	}
    
    	.captcha-panel dd.captcha-image img {
    		width: 100%;
    	}
    
    	dl.details dt, dl.details dd {
    		width: auto;
    		float: none;
    		text-align: left;
    	}
    
    	dl.details dd {
    		margin-left: 20px;
    	}
    
    	p.responsive-center {
    		float: none;
    		text-align: center;
    		margin-bottom: 5px;
    	}
    
    	.action-bar > div {
    		margin-bottom: 5px;
    	}
    
    	.action-bar > .pagination {
    		float: none;
    		clear: both;
    		padding-bottom: 1px;
    		text-align: center;
    	}
    
    	.action-bar > .pagination li.page-jump {
    		margin: 0 2px;
    	}
    
    	p.jumpbox-return {
    		display: none;
    	}
    
    	.display-options > label:nth-child(1) {
    		display: block;
    		margin-bottom: 5px;
    	}
    
    	.attach-controls {
    		margin-top: 5px;
    		width: 100%;
    	}
    
    	.quick-links .dropdown-trigger span {
    		display: none;
    	}
    }
    
    @media (max-width: 550px) {
    	ul.topiclist.forums dt {
    		margin-right: 0;
    	}
    
    	ul.topiclist.forums dt .list-inner {
    		margin-right: 0;
    	}
    
    	ul.topiclist.forums dd.lastpost {
    		display: none;
    	}
    }
    
    @media (max-width: 700px) {
    	.responsive-hide {
    		display: none !important;
    	}
    
    	.responsive-show {
    		display: block !important;
    	}
    
    	.responsive-show-inline {
    		display: inline !important;
    	}
    
    	.responsive-show-inline-block {
    		display: inline-block !important;
    	}
      /* Content wrappers
    	----------------------------------------*/
    	html {
    		height: auto;
    	}
    
    	body {
    		padding: 0;
    	}
    
    	#wrap {
    		border: none;
    		border-radius: 0;
    		margin: 0;
    		padding: 0 5px;
    	}
    
    	.page-width, .navbar .inner.static > .static-inner {
    		min-width: 290px;
    		margin: 0;
    	}
    
    	.navbar .inner.static > .static-inner,
      #wrap .navbar .inner.static > .static-inner {
    		padding: 0;
    	}
    
    	.forabg, .forumbg, .post, .panel {
    		border-radius: 0;
    		margin-left: -5px;
    		margin-right: -5px;
    	}
    
    	.headerbar, .navbar {
    		border-radius: 0;
    	}
    
    	#wrap .headerbar, #wrap .navbar {
    		margin-left: -5px;
    		margin-right: -5px;
    	}
    
    	.cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
    		border-radius: 0;
    	}
    
    	.navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
    		border-radius: 0 !important;
    	}
    
    	.site-description {
    		float: none;
    		width: auto;
    		text-align: center;
    	}
    
    	.logo {
    		float: none;
    		margin: 0 auto;
    		padding: 10px;
    	}
    
    	.logo img {
    		margin: 0 auto;
    	}
    
    	.site-description h1, .site-description p, .site-description p.sitename {
    		text-align: inherit;
    		float: none;
    		margin: 5px;
    		line-height: 1.2em;
    		overflow: hidden;
    		text-overflow: ellipsis;
    	}
    
    	.site-description p, .headerbar .search-header {
    		display: none;
    	}
    
    	.responsive-search {
    		display: block !important;
    	}
    
    	ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
    		margin-right: 0 !important;
    		padding-right: 0;
    	}
    
    	ul.topiclist li.header dd {
    		display: none !important;
    	}
    
    	ul.topiclist dt, ul.topiclist dt .list-inner,
      ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
      ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
      ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
    		margin-right: 0;
    	}
    
    	ul.topiclist dt .list-inner.with-mark {
    		padding-right: 34px;
    	}
    
    	ul.topiclist dt .list-inner {
    		min-height: 28px;
    	}
    
    	ul.topiclist li.header dt .list-inner {
    		min-height: 0;
    	}
    
    	ul.topiclist dd {
    		display: none;
    	}
    
    	ul.topiclist dd.mark {
    		display: block;
    	}
      /* Forums and topics lists
    	----------------------------------------*/
    	ul.topiclist.forums dt {
    		margin-right: -250px;
    	}
    
    	ul.topiclist dd.mark {
    		display: block;
    		position: absolute;
    		right: 5px;
    		top: 0;
    		margin: 0;
    		width: auto;
    		min-width: 0;
    		text-align: left;
    	}
    
    	ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
    		position: relative;
    		left: 0;
    		width: auto;
    		display: inline;
    		font-weight: normal;
    	}
    
    	li.row .responsive-show strong {
    		font-weight: bold;
    		color: inherit;
    	}
    
    	ul.topiclist li.row dt a.subforum {
    		vertical-align: bottom;
    		overflow: hidden;
    		text-overflow: ellipsis;
    		max-width: 100px;
    	}
      /* Pagination
    	----------------------------------------*/
    	.pagination > ul {
    		margin: 5px 0 0;
    	}
    
    	.row .pagination .ellipsis + li {
    		display: none !important;
    	}
      /* Responsive tables
    	----------------------------------------*/
    	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
    		display: block;
    	}
    
    	table.responsive thead, table.responsive th {
    		display: none;
    	}
    
    	table.responsive.show-header thead, table.responsive.show-header th:first-child {
    		display: block;
    		width: auto !important;
    		text-align: left !important;
    		border-radius: 0;
    	}
    
    	table.responsive.show-header th:first-child span.rank-img {
    		display: none;
    	}
    
    	table.responsive tr {
    		margin: 2px 0;
    	}
    
    	table.responsive td {
    		width: auto !important;
    		text-align: left !important;
    		padding: 4px;
    	}
    
    	table.responsive td.empty {
    		display: none !important;
    	}
    
    	table.responsive td > dfn {
    		display: inline-block !important;
    	}
    
    	table.responsive td > dfn:after {
    		content: ':';
    		padding-right: 5px;
    	}
    
    	table.responsive span.rank-img {
    		float: none;
    		padding-right: 5px;
    	}
    
    	table.responsive.memberlist td:first-child input[type="checkbox"] {
    		float: right;
    	}
      /* Forms
    	----------------------------------------*/
    	fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
    		width: auto;
    		float: none;
    	}
    
    	fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
    		margin-left: 0px;
    	}
    
    	textarea, dd textarea, .message-box textarea {
    		width: 100%;
    		-moz-box-sizing: border-box;
    		box-sizing: border-box;
    	}
    
    	dl.pmlist dt {
    		width: auto !important;
    		margin-bottom: 5px;
    	}
    
    	dl.pmlist dd {
    		display: inline-block;
    		margin-left: 0 !important;
    	}
    
    	dl.pmlist dd:first-of-type {
    		padding-left: 20px;
    	}
    
    	.smiley-box, .message-box {
    		float: none;
    		width: auto;
    	}
    
    	.smiley-box {
    		margin-top: 5px;
    	}
    
    	.bbcode-status {
    		display: none;
    	}
    
    	.colour-palette, .colour-palette tbody, .colour-palette tr {
    		display: block;
    	}
    
    	.colour-palette td {
    		display: inline-block;
    		margin-right: 2px;
    	}
    
    	.horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
    		display: none;
    	}
    
    	fieldset.quick-login label {
    		display: block;
    		margin-bottom: 5px;
    		white-space: normal;
    	}
    
    	fieldset.quick-login label > span {
    		display: inline-block;
    		min-width: 100px;
    	}
    
    	fieldset.quick-login input.inputbox {
    		width: 85%;
    		max-width: 300px;
    		margin-left: 20px;
    	}
    
    	fieldset.quick-login label[for="autologin"] {
    		display: inline-block;
    		text-align: right;
    		min-width: 50%;
    	}
      /* User profile
    	----------------------------------------*/
    	.column1, .column2, .left-box.profile-details {
    		float: none;
    		width: auto;
    	}
      /* Polls
    	----------------------------------------*/
    	fieldset.polls dt {
    		width: 90%;
    	}
    
    	fieldset.polls dd.resultbar {
    		padding-left: 20px;
    	}
    
    	fieldset.polls dd.poll_option_percent {
    		width: 20%;
    	}
    
    	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
    		margin-top: 5px;
    	}
      /* Post
    	----------------------------------------*/
    	.postbody {
    		position: inherit;
    	}
    
    	.postprofile + .postbody {
    		float: none;
    		position: inherit;
    		width: auto;
    	}
    
    	.postprofile, .postbody, .search .postbody {
    		display: block;
    		width: auto;
    		float: none;
    		padding: 0;
    		min-height: 0;
    	}
    
    	.post .postprofile {
    		width: auto;
    		border-width: 0 0 1px 0;
    		padding-bottom: 5px;
    		margin: 0;
    		margin-bottom: 5px;
    		min-height: 40px;
    		overflow: hidden;
    		z-index: auto !important;
    	}
    
    	.postprofile dd {
    		display: none;
    	}
    
    	.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
    		display: block;
    		margin: 0;
    	}
    
    	.postprofile .has-avatar .avatar-container,
      .postprofile .no-avatar .avatar-container {
    		margin: 0;
    		overflow: inherit;
    		float: left;
    		padding-right: 5px;
    	}
    
    	.postprofile .avatar-container:after {
    		clear: none;
    	}
    
    	.postprofile .avatar, .postprofile .no-avatar .avatar-container {
    		margin-right: 5px;
    	}
    
    	.postprofile .avatar img {
    		width: auto !important;
    		height: auto !important;
    		max-height: 32px;
    	}
    
    	.no-avatar .avatar-container {
    		width: 32px;
    		height: 32px;
    	}
    
    	.has-profile .postbody h3 {
    		margin-left: 0 !important;
    		margin-right: 0 !important;
    	}
    
    	.has-profile .post-buttons {
    		right: 10px;
    		top: 10px;
    	}
    
    	.rtl .has-profile .post-buttons {
    		right: auto;
    		left: 10px;
    	}
    
    	.online-ribbon {
    		width: 35px;
    		height: 35px;
    		top: -1px;
    		left: -1px;
    	}
    
    	.rtl .online-ribbon {
    		left: auto;
    		right: -1px;
    	}
    
    	.online-ribbon span {
    		width: 50px;
    		font-size: 6px;
    		line-height: 10px;
    		height: 10px;
    		text-align: center;
    		position: absolute;
    		top: 8px;
    		white-space: nowrap;
    		left: -12px;
    	}
    
    	.rtl .online-ribbon span {
    		left: auto;
    		right: -12px;
    	}
    
    	h2 {
    		margin-top: .5em;
    	}
    
    	p {
    		margin-bottom: .5em;
    		overflow: hidden;
    	}
    
    	p.rightside {
    		margin-bottom: 0;
    	}
    
    	fieldset.display-options label {
    		display: inline-block;
    		clear: both;
    		margin-bottom: 5px;
    		letter-spacing: -.3px;
    	}
    
    	dl.mini dd.pm-legend {
    		float: left;
    		min-width: 200px;
    	}
    
    	.topicreview {
    		margin: 0 -5px;
    		padding: 0 5px;
    	}
    
    	fieldset.display-actions {
    		white-space: normal;
    	}
    
    	.phpbb_alert {
    		width: auto;
    		margin: 0 5px;
    	}
    
    	.attach-comment dfn {
    		width: 100%;
    	}
    }
    
    @media (min-width: 700px) {
    	.postbody {
    		width: 70%;
    	}
    }
    
    @media (min-width: 850px) {
    	.postbody {
    		width: 76%;
    	}
    }
    
    @media (min-width: 701px) and (max-width: 950px) {
    	ul.topiclist dt {
    		margin-right: -410px;
    	}
    
    	ul.topiclist dt .list-inner {
    		margin-right: 410px;
    	}
    
    	ul.topiclist dd.lastpost {
    		float: right;
    	}
    
    	dd.posts, dd.topics, dd.views {
    		width: 80px;
    	}
    }
    
    html, body {
    	color: #aaa;
    	background: #1a1f26 url("./images/pattern.png") repeat center center;
    	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 500px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0) 100%), #1a1f26 url("./images/pattern.png") repeat center center;
    	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 500px), linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0) 100%), #1a1f26 url("./images/pattern.png") repeat center center;
    	background-color: #1c232e;
    }
    
    h1, p.sitename {
    	color: #aaa;
    }
    
    h2 {
    	color: #6593d6;
    }
    
    h3 {
    	color: #3a67a7;
    }
    
    .post h3 {
    	color: #6a94d1;
    }
    
    h3 a {
    	color: inherit;
    }
    
    h3 a:hover {
    	color: #c35824;
    }
    
    hr {
    	border-color: #2f3b4e;
    	border-top-color: #090b0e;
    	border-top-color: rgba(0, 0, 0, 0.2);
    }
    
    /* Post body links */
    .postlink {
    	border-bottom-color: #6593d6;
    	color: #6593d6;
    }
    
    .postlink:visited {
    	border-bottom-color: #a4a7ab;
    	color: #a4a7ab;
    }
    
    .postlink:hover {
    	background-color: #101215;
    	color: #c35824;
    }
    
    .signature a, .signature a:hover {
    	background-color: transparent;
    }
    
    .search-box .inputbox,
    .search-box .inputbox:hover,
    .search-box .inputbox:focus,
    .search-box .button:hover {
    	border-color: #2e353f #181c21 #181c21 #2e353f;
    }
    
    .search-header {
    	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15), 1px 1px 0 #181c21;
    }
    
    .navbar.with-search .search-header {
    	box-shadow: none;
    }
    
    .search-header .inputbox, .search-header .button {
    	background: #252b33 !important;
    	border-color: #252b33 !important;
    }
    
    .navbar.with-search .search-header .button, .navbar.with-search .search-header .button:before, .navbar.with-search .search-header .button:after {
    	color: #6593d6;
    }
    
    .search-header .inputbox:hover, .search-header .inputbox:focus {
    	color: #fff !important;
    }
    
    .search-header .inputbox:hover, .navbar.not-static + .navbar.with-search .search-header .inputbox:hover, .search-header .inputbox:focus, .navbar.not-static + .navbar.with-search .search-header .inputbox:focus {
    	background-color: #2a3449 !important;
    	border-color: #252b33 !important;
    }
    
    .search-header .inputbox:hover::-moz-placeholder {
    	color: rgba(255, 255, 255, 0.8);
    }
    
    .search-header .inputbox:hover::-webkit-input-placeholder {
    	color: rgba(255, 255, 255, 0.8);
    }
    
    .search-header .inputbox:hover:-ms-input-placeholder {
    	color: rgba(255, 255, 255, 0.8);
    }
    
    .search-header .inputbox:focus::-moz-placeholder {
    	color: transparent;
    }
    
    .search-header .inputbox:focus::-webkit-input-placeholder {
    	color: transparent;
    }
    
    .search-header .inputbox:focus:-ms-input-placeholder {
    	color: transparent;
    }
    
    .search-header .button:hover, .search-header .button:hover:before, .search-header .button:hover:after, .search-header .button:focus, .search-header .button:focus:before, .search-header .button:focus:after {
    	color: #fff !important;
    }
    
    .search-header .button:hover, .navbar.not-static + .navbar.with-search .search-header .button:hover, .search-header .button:hover:before, .navbar.not-static + .navbar.with-search .search-header .button:hover:before, .search-header .button:hover:after, .navbar.not-static + .navbar.with-search .search-header .button:hover:after, .search-header .button:focus, .navbar.not-static + .navbar.with-search .search-header .button:focus, .search-header .button:focus:before, .navbar.not-static + .navbar.with-search .search-header .button:focus:before, .search-header .button:focus:after, .navbar.not-static + .navbar.with-search .search-header .button:focus:after {
    	background-color: #c35824 !important;
    	border-color: #c35824 !important;
    }
    
    .headerbar {
    	color: #aaa;
    }
    
    .breadcrumbs .crumb:before {
    	color: #a4a7ab;
    }
    
    .navbar {
    	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
    	border-color: #2e353f #181c21 #181c21 #2e353f;
    }
    
    .navbar.secondary {
    	color: #6593d6;
    }
    
    .navbar.secondary > ul > li:hover, .navbar.secondary > ul > li:hover:after, .navbar.secondary > ul > li:hover:before,
        .navbar.secondary > ul > li.dropdown-visible,
        .navbar.secondary > ul > li.dropdown-visible:after,
        .navbar.secondary > ul > li.dropdown-visible:before {
    	color: #c35824;
    }
    
    .navbar.secondary .dropdown {
    	color: #aaa;
    }
    
    .navbar .nav-tabs {
    	background-color: #252b33;
    	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2), 1px 1px 0 #2e353f inset, -1px -1px 0 #181c21 inset;
    }
    
    .navbar .nav-tabs .tab {
    	color: #6593d6;
    }
    
    .navbar .nav-tabs .tab.selected {
    	color: #fff;
    	background-color: #2c415f;
    }
    
    .navbar .nav-tabs .tab:hover {
    	color: #fff;
    	background-color: #c35824;
    }
    
    .navbar .nav-tabs .tab.dropdown-visible {
    	color: #fff;
    	background-color: #2c415f;
    }
    
    .navbar .nav-tabs .tab > strong {
    	color: #fff;
    	background-color: #c32424;
    	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    }
    
    .navbar .nav-tabs .tab > strong .arrow {
    	border-top-color: #c32424;
    }
    
    .navbar .nav-tabs .tab .dropdown {
    	color: #aaa;
    }
    
    .panel {
    	background-color: #252b33;
    	color: #aaa;
    }
    
    .post:target .content {
    	color: #fff;
    }
    
    .post:target h3 a {
    	color: #fff;
    }
    
    .bg1 {
    	background-color: #252b33;
    }
    
    table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
    	background-color: #252b33;
    }
    
    .bg2 {
    	background-color: #272f3e;
    }
    
    table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
    	background-color: #272f3e;
    }
    
    .bg3 {
    	background-color: #2a3449;
    }
    
    .bg3.panel {
    	background: transparent none;
    	background-color: rgba(28, 35, 46, 0.3);
    	border-top-color: #2c415f;
    }
    
    .bg3.panel:before, .bg3.panel:after {
    	background: -webkit-linear-gradient(to bottom, #2c415f 0%, rgba(44, 65, 95, 0) 100%);
    	background: linear-gradient(to bottom, #2c415f 0%, rgba(44, 65, 95, 0) 100%);
    }
    
    .section-posting .bg3.panel {
    	background-color: #252b33;
    }
    
    .section-posting .bg3.panel:before, .section-posting .bg3.panel:after {
    	background: transparent;
    }
    
    ul.navlinks {
    	border-top-color: #1f242a;
    }
    
    .forum_unread .forumtitle,
    .forum_unread_subforum .forumtitle,
    .forum_unread_locked .forumtitle {
    	color: #c35824;
    }
    
    .global_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .announce_unread .topictitle,
    .global_unread_mine .topictitle, .announce_unread_mine .topictitle,
    .global_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread_locked .topictitle,
    .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle,
    .announce_unread .topictitle,
    .announce_unread_mine .topictitle,
    .announce_unread_locked .topictitle,
    .announce_unread_locked_mine .topictitle,
    .sticky_unread .topictitle,
    .sticky_unread_mine .topictitle,
    .sticky_unread_locked .topictitle,
    .sticky_unread_locked_mine .topictitle,
    .topic_unread .topictitle, .sticky_unread .topictitle, .pm_unread .topictitle,
    .topic_unread_mine .topictitle, .sticky_unread_mine .topictitle,
    .topic_unread_locked .topictitle, .sticky_unread_locked .topictitle,
    .topic_unread_locked_mine .topictitle, .sticky_unread_locked_mine .topictitle,
    .topic_unread_hot .topictitle,
    .topic_unread_hot_mine .topictitle {
    	color: #c35824;
    }
    
    .forum-statistics {
    	color: #a4a7ab;
    }
    
    .forum-lastpost {
    	color: #a4a7ab;
    }
    
    .forum-lastpost span:before {
    	opacity: .5;
    }
    
    .forum-description.toggle {
    	color: #fff;
    	background-color: rgba(34, 67, 114, 0.8);
    	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0) 100%);
    	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0) 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1AFFFFFF', endColorstr='#00FFFFFF');
    }
    
    .forum-description.toggle a {
    	color: inherit !important;
    }
    
    .forum-description.toggle span.arrow {
    	border-right-color: rgba(46, 77, 121, 0.8);
    }
    
    .rtl .forum-description.toggle span.arrow {
    	border-right-color: transparent;
    	border-left-color: rgba(46, 77, 121, 0.8);
    }
    
    .forum-statistics .value {
    	color: #fff;
    }
    
    table.table1 thead th {
    	color: #f1f6fc;
    }
    
    table.table1 tbody tr {
    	border-color: #1f242a;
    }
    
    table.table1 tbody tr:hover, table.table1 tbody tr.hover {
    	background-color: #2a3449;
    	color: #fff;
    }
    
    table.table1 td {
    	color: #aaa;
    }
    
    table.table1 tbody td {
    	border-top-color: #1f242a;
    }
    
    table.table1 tbody th {
    	border-bottom-color: #181c21;
    	color: #fff;
    	background-color: #1c232e;
    }
    
    table.info tbody th {
    	color: #fff;
    }
    
    dl.details dt {
    	color: #fff;
    }
    
    dl.details dd {
    	color: #fff;
    }
    
    .sep {
    	color: #174c97;
    }
    
    /* Icon styles
    ---------------------------------------- */
    .icon.icon-blue, a:hover .icon.icon-blue {
    	color: #196db5;
    }
    
    .icon.icon-green, a:hover .icon.icon-green {
    	color: #1b9A1B;
    }
    
    .icon.icon-red, a:hover .icon.icon-red {
    	color: #BC2A4D;
    }
    
    .icon.icon-orange, a:hover .icon.icon-orange {
    	color: #FF6600;
    }
    
    .icon.icon-bluegray, a:hover .icon.icon-bluegray {
    	color: #536482;
    }
    
    .icon.icon-gray, a:hover .icon.icon-gray {
    	color: #777777;
    }
    
    .icon.icon-lightgray, a:hover .icon.icon-lightgray {
    	color: #999999;
    }
    
    .icon.icon-black, a:hover .icon.icon-black {
    	color: #333333;
    }
    
    .alert_close .icon:before {
    	background-color: #FFFFFF;
    }
    
    /* Jumpbox */
    .jumpbox .dropdown li {
    	border-top-color: #2c415f;
    }
    
    .jumpbox-cat-link {
    	background-color: #2c415f;
    	color: #000;
    }
    
    .jumpbox-cat-link:hover {
    	background-color: #c35824;
    	border-top-color: #c35824;
    	color: #000;
    }
    
    .jumpbox-forum-link {
    	background-color: #252b33;
    }
    
    .jumpbox-forum-link:hover {
    	background-color: #1c232e;
    }
    
    .jumpbox .dropdown .pointer-inner {
    	border-color: #252b33 transparent;
    }
    
    .jumpbox-sub-link {
    	background-color: #252b33;
    }
    
    .jumpbox-sub-link:hover {
    	background-color: #1c232e;
    }
    
    .pagination li a {
    	color: #fff;
    	background-color: #2c415f;
    	border-color: #2c415f;
    }
    
    .pagination li.ellipsis span {
    	background-color: transparent;
    	color: #fff;
    }
    
    .pagination li.active span {
    	color: #fff;
    	background-color: #174c97;
    	border-color: #174c97;
    }
    
    .pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
    	border-color: #c35824;
    	background-color: #c35824;
    	color: #fff;
    }
    
    .pagination li.page-jump a:after {
    	color: #6593d6;
    }
    
    .pagination li.page-jump a:hover:after {
    	color: #c35824;
    }
    
    .copyright {
    	color: #a4a7ab;
    }
    
    .error {
    	color: #c35824;
    }
    
    .reported {
    	background-color: #362a25;
    }
    
    .reported.post {
    	border-color: #2d231f;
    	border-left-color: #3f312b;
    	border-top-color: #3f312b;
    }
    
    .reported .postprofile, .reported .signature {
    	border-color: #2d231f;
    }
    
    li.reported:hover {
    	background-color: #362a25;
    }
    
    div.rules {
    	background-color: #312a2d;
    	color: #f26a28;
    }
    
    p.post-notice {
    	background-color: #3a3132;
    	color: #f26a28;
    	background-image: none;
    }
    
    p.post-notice.deleted:before, p.post-notice.unapproved:before, p.post-notice.reported:before, p.post-notice.error:before {
    	font-family: FontAwesome;
    }
    
    p.post-notice.deleted:before {
    	content: '\f057';
    	color: #c35824;
    }
    
    p.post-notice.unapproved:before {
    	content: '\f059';
    	color: #c35824;
    }
    
    p.post-notice.reported:before, p.post-notice.error:before {
    	content: '\f071';
    	color: #c35824;
    }
    
    .topic-status.sticky {
    	color: #a4a7ab;
    }
    
    a {
    	color: #6593d6;
    }
    
    a:hover {
    	color: #c35824;
    }
    
    a.time {
    	color: #60656d;
    }
    
    a.time:hover {
    	color: #c35824;
    }
    
    .forumbg .header a, .forabg .header a, th a {
    	color: #f1f6fc;
    }
    
    .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
    	color: #fff;
    }
    
    .dropdown-extended a.mark_read {
    	background-color: #252b33;
    }
    
    a.top, a.top2 {
    	color: #a4a7ab;
    }
    
    a.top:hover, a.top2:hover {
    	color: #c35824;
    }
    
    a.feed-icon-forum:after {
    	color: #65696f;
    }
    
    a.feed-icon-forum:hover:after {
    	color: #c35824;
    }
    
    ul.topiclist li {
    	color: #aaa;
    }
    
    .forabg ul.topiclist li, .forumbg ul.topiclist li {
    	background: transparent;
    }
    
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
    	ul.topiclist li.row dt a.subforum.read {
    		background-size: 11px 9px;
    	}
    }
    
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
    	ul.topiclist li.row dt a.subforum.unread {
    		background-size: 11px 9px;
    	}
    }
    
    li.row {
    	border-top-color: #2e353f;
    	border-bottom-color: #181c21;
    }
    
    li.row .forum-lastpost strong,
      li.row .subforums-list strong {
    	color: #a4a7ab;
    }
    
    li.row strong {
    	color: #fff;
    }
    
    .icon-link + .list-inner > a.forumtitle, .icon-link + .list-inner > a.topictitle,
    .pm_unread .topictitle,
    a.subforum.unread {
    	color: #c35824;
    }
    
    .postbody {
    	color: #aaa;
    }
    
    .content {
    	color: #aaa;
    }
    
    .content h2, .panel h2 {
    	color: #3a67a7;
    	border-bottom-color: #1f242a;
    }
    
    dl.faq dt, .content dl.faq dt {
    	color: #aaa;
    }
    
    .posthilit {
    	background-color: #362a25;
    	color: #db723f;
    }
    
    .signature {
    	border-top-color: #1f242a;
    }
    
    .notice {
    	border-top-color: #1f242a;
    }
    
    blockquote {
    	background-color: #2e353f;
    	background-color: rgba(44, 65, 95, 0.3);
    	border-color: transparent;
    	border-left-color: #c57a55;
    }
    
    .rtl blockquote {
    	border-left-color: transparent;
    	border-right-color: #c57a55;
    }
    
    blockquote blockquote,
    blockquote .codebox,
    blockquote .attachbox {
    	background-color: #293039;
    	background-color: rgba(0, 0, 0, 0.1);
    	border-left-color: #4b7fc9;
    }
    
    .rtl blockquote blockquote, .rtl
      blockquote .codebox, .rtl
      blockquote .attachbox {
    	border-left-color: transparent;
    	border-right-color: #4b7fc9;
    }
    
    blockquote blockquote blockquote,
    blockquote blockquote .codebox,
    blockquote blockquote .attachbox {
    	background-color: #2b323c;
    	background-color: rgba(44, 65, 95, 0.3);
    	border-left-color: #c57a55;
    }
    
    .rtl blockquote blockquote blockquote, .rtl
      blockquote blockquote .codebox, .rtl
      blockquote blockquote .attachbox {
    	border-left-color: transparent;
    	border-right-color: #c57a55;
    }
    
    blockquote:before {
    	color: #a4a7ab;
    }
    
    .codebox {
    	background-color: #2e353f;
    	background-color: rgba(44, 65, 95, 0.3);
    	border-color: transparent;
    	border-left-color: #4b7fc9;
    }
    
    .rtl .codebox {
    	border-left-color: transparent;
    	border-right-color: #4b7fc9;
    }
    
    .codebox p {
    	border-bottom-color: #252b33;
    	border-bottom-color: rgba(0, 0, 0, 0.2);
    }
    
    .codebox code {
    	color: #65d674;
    }
    
    .attachbox {
    	background-color: #2e353f;
    	background-color: rgba(44, 65, 95, 0.3);
    	border-color: transparent;
    	border-left-color: #4b7fc9;
    }
    
    .rtl .attachbox {
    	border-left-color: transparent;
    	border-right-color: #4b7fc9;
    }
    
    .attachbox dd {
    	border-top-color: #252b33;
    	border-top-color: rgba(0, 0, 0, 0.2);
    }
    
    .attachbox p {
    	color: #6593d6;
    }
    
    .attachbox p.stats {
    	color: #6593d6;
    }
    
    dl.file dd {
    	color: #6593d6;
    }
    
    dl.thumbnail img {
    	border-color: #252b33;
    	border-color: rgba(0, 0, 0, 0.2);
    	background-color: #252b33;
    }
    
    dl.thumbnail dd {
    	color: #6593d6;
    }
    
    fieldset.polls dl {
    	border-top-color: #2e353f;
    	border-bottom-color: #181c21;
    	color: #aaa;
    }
    
    fieldset.polls dl.voted {
    	color: #fff;
    }
    
    fieldset.polls dd div {
    	color: #fff;
    }
    
    .pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
    	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
    }
    
    .pollbar1 {
    	background-color: #7d4e37;
    }
    
    .pollbar2 {
    	background-color: #814c33;
    }
    
    .pollbar3 {
    	background-color: #864b2e;
    }
    
    .pollbar4 {
    	background-color: #8f4825;
    }
    
    .pollbar5 {
    	background-color: #98451c;
    }
    
    .postprofile {
    	color: #aaa;
    	border-color: #1f242a;
    }
    
    .postprofile strong {
    	color: #fff;
    }
    
    .online-ribbon span {
    	background-color: #c35824;
    	color: #fff;
    }
    
    dd.profile-warnings {
    	color: #BC2A4D;
    }
    
    .no-avatar .avatar-container {
    	background-image: url("./images/no_avatar.png");
    }
    
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
    	.no-avatar .avatar-container {
    		background-image: url("./images/no_avatar_hd.png");
    	}
    }
    
    .postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
    	background: rgba(0, 0, 0, 0.1);
    }
    
    .postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
    	background: rgba(0, 0, 0, 0.3);
    }
    
    .button, .buttons > .button.locked-icon {
    	border-color: #174c97;
    	background-color: #174c97;
    	box-shadow: none;
    }
    
    .button, .button:before, .button:after, .buttons > .button.locked-icon, .buttons > .button.locked-icon:before, .buttons > .button.locked-icon:after {
    	color: #fff;
    }
    
    .buttons > .button.locked-icon {
    	color: #fff;
    }
    
    .buttons > .button.locked-icon:after, .buttons > .button.locked-icon:before {
    	color: #fff !important;
    }
    
    .buttons > .button.locked-icon:hover {
    	box-shadow: none;
    }
    
    .buttons > .button.locked-icon:hover, .buttons > .button.locked-icon:hover:after, .buttons > .button.locked-icon:hover:before {
    	color: #fff !important;
    }
    
    .buttons > .button, .button.report-icon, .button.delete-icon {
    	border-color: #174c97;
    	background-color: #174c97;
    }
    
    .buttons > .button, .buttons > .button:after, .buttons > .button:before, .button.report-icon, .button.report-icon:after, .button.report-icon:before, .button.delete-icon, .button.delete-icon:after, .button.delete-icon:before {
    	color: #fff;
    }
    
    .button.report-icon, .button.delete-icon {
    	border-color: #c35824;
    	background-color: #c35824;
    	box-shadow: none;
    }
    
    .button.report-icon, .button.report-icon:after, .button.report-icon:before, .button.delete-icon, .button.delete-icon:after, .button.delete-icon:before {
    	color: #fff;
    }
    
    .buttons > .dropdown-select {
    	color: #a4a7ab;
    }
    
    .dropdown-select:after {
    	border-color: #144181;
    }
    
    .dropdown-select:hover {
    	border-color: #144181;
    }
    
    .dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after {
    	border-color: transparent;
    }
    
    .dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
    .buttons > .button:hover,
    .button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
    	border-color: #c35824 !important;
    	background-color: #c35824;
    }
    
    .dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .dropdown-visible .dropdown-select:hover, .dropdown-visible .dropdown-select:hover:after, .dropdown-visible .dropdown-select:hover:before, .nojs .dropdown-container:hover .dropdown-select, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before,
      .buttons > .button:hover,
      .buttons > .button:hover:after,
      .buttons > .button:hover:before,
      .button:hover,
      .button:hover:after,
      .button:hover:before, .dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .nojs .dropdown-container:hover .dropdown-select, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before {
    	color: #fff !important;
    }
    
    .contact-icons a {
    	border-color: #1f242a;
    }
    
    .jabber-icon:after {
    	color: #c90000;
    }
    
    .phpbb_icq-icon:after {
    	color: #60ff00;
    	text-shadow: 0 0 1px #000, 0 0 2px #000;
    }
    
    .phpbb_wlm-icon:after {
    	color: #75afd3;
    }
    
    .phpbb_aol-icon:after {
    	color: #ffd800;
    	text-shadow: 0 0 1px #000, 0 0 2px #000;
    }
    
    .icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
    	color: #6593d6;
    }
    
    .icon-search-new:hover:after, .icon-search-unanswered:hover:after, .icon-search-unread:hover:after, .icon-search-self:hover:after, .icon-search:hover:after, .icon-search-active:hover:after, .icon-search-advanced:hover:after, .icon-acp:hover:after, .icon-bookmark:hover:after, .icon-bump:hover:after, .icon-contact:hover:after, .icon-delete-cookies:hover:after, .icon-download:hover:after, .icon-faq:hover:after, .icon-home:hover:after, .icon-logout:hover:after, .icon-login:hover:after, .icon-mark:hover:after, .icon-mcp:hover:after, .icon-members:hover:after, .icon-members:hover:before, ul.linklist.bulletin > li.small-icon.icon-members:hover:before, .icon-notification:hover:after, .icon-pages:hover:after, .icon-pm:hover:after, .icon-print:hover:after, .icon-profile:hover:after, .icon-register:hover:after, .icon-sendemail:hover:after, .icon-subscribe:hover:after, .icon-team:hover:after, .icon-team:hover:before, ul.linklist.bulletin > li.small-icon.icon-team:hover:before, .icon-ucp:hover:after, .icon-unsubscribe:hover:after, .icon-new-posts:hover:after, .icon-forums:hover:after, .icon-chat:hover:after, .icon-time:hover:after, .icon-thanks:hover:after, .icon-thanks_toplist:hover:after {
    	color: #c35824;
    }
    
    .icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after {
    	color: #c35824;
    }
    
    .icon-search-self:after {
    	color: #60656d;
    }
    
    .icon-home.breadcrumbs:after {
    	color: #6593d6;
    }
    
    .icon-notification.non-zero:after, .icon-pm.non-zero:after {
    	color: #c35824;
    }
    
    .icon-time:after {
    	color: #60656d;
    }
    
    /* Profile & navigation icons */
    .pm-icon {
    	background-position: 0 0;
    }
    
    .email-icon {
    	background-position: -21px 0;
    }
    
    .jabber-icon {
    	background-position: -80px 0;
    }
    
    .phpbb_icq-icon {
    	background-position: -61px 0;
    }
    
    .phpbb_wlm-icon {
    	background-position: -182px 0;
    }
    
    .phpbb_aol-icon {
    	background-position: -244px 0;
    }
    
    .phpbb_website-icon {
    	background-position: -40px 0;
    }
    
    .phpbb_youtube-icon {
    	background-position: -98px 0;
    }
    
    .phpbb_facebook-icon {
    	background-position: -119px 0;
    }
    
    .phpbb_googleplus-icon {
    	background-position: -140px 0;
    }
    
    .phpbb_skype-icon {
    	background-position: -161px 0;
    }
    
    .phpbb_twitter-icon {
    	background-position: -203px 0;
    }
    
    .phpbb_yahoo-icon {
    	background-position: -224px 0;
    }
    
    .global_read, .global_read_mine, .announce_read_mine, .announce_read {
    	background-image: url("./images/announce_read.png");
    }
    
    .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
    	background-image: url("./images/announce_read_locked.png");
    }
    
    .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
    	background-image: url("./images/announce_unread.png");
    }
    
    .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
    	background-image: url("./images/announce_unread_locked.png");
    }
    
    .forum_link {
    	background-image: url("./images/forum_link.png");
    }
    
    .forum_read {
    	background-image: url("./images/forum_read.png");
    }
    
    .forum_read_locked {
    	background-image: url("./images/forum_read_locked.png");
    }
    
    .forum_read_subforum {
    	background-image: url("./images/forum_read_subforum.png");
    }
    
    .forum_unread {
    	background-image: url("./images/forum_unread.png");
    }
    
    .forum_unread_locked {
    	background-image: url("./images/forum_unread_locked.png");
    }
    
    .forum_unread_subforum {
    	background-image: url("./images/forum_unread_subforum.png");
    }
    
    .topic_moved {
    	background-image: url("./images/topic_moved.png");
    }
    
    .topic_read, .sticky_read, .pm_read {
    	background-image: url("./images/topic_read.png");
    }
    
    .topic_read_mine, .sticky_read_mine {
    	background-image: url("./images/topic_read_mine.png");
    }
    
    .topic_read_hot {
    	background-image: url("./images/topic_read_hot.png");
    }
    
    .topic_read_hot_mine {
    	background-image: url("./images/topic_read_hot_mine.png");
    }
    
    .topic_read_locked, .sticky_read_locked {
    	background-image: url("./images/topic_read_locked.png");
    }
    
    .topic_read_locked_mine, .sticky_read_locked_mine {
    	background-image: url("./images/topic_read_locked_mine.png");
    }
    
    .topic_unread, .sticky_unread, .pm_unread {
    	background-image: url("./images/topic_unread.png");
    }
    
    .topic_unread_mine, .sticky_unread_mine {
    	background-image: url("./images/topic_unread_mine.png");
    }
    
    .topic_unread_hot {
    	background-image: url("./images/topic_unread_hot.png");
    }
    
    .topic_unread_hot_mine {
    	background-image: url("./images/topic_unread_hot_mine.png");
    }
    
    .topic_unread_locked, .sticky_unread_locked {
    	background-image: url("./images/topic_unread_locked.png");
    }
    
    .topic_unread_locked_mine, .sticky_unread_locked_mine {
    	background-image: url("./images/topic_unread_locked_mine.png");
    }
    
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
    	.global_read, .global_read_mine, .announce_read_mine, .announce_read, .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked, .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread, .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked,
      .forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
      .topic_moved, .topic_read, .sticky_read, .pm_read, .topic_read_mine, .sticky_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .sticky_read_locked, .topic_read_locked_mine, .sticky_read_locked_mine,
      .topic_unread,
      .sticky_unread,
      .pm_unread, .topic_unread_mine, .sticky_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .sticky_unread_locked, .topic_unread_locked_mine, .sticky_unread_locked_mine {
    		background-size: 36px 36px;
    	}
    
    	.global_read, .global_read_mine, .announce_read_mine, .announce_read {
    		background-image: url("./images/announce_read_hd.png");
    	}
    
    	.global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
    		background-image: url("./images/announce_read_locked_hd.png");
    	}
    
    	.global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
    		background-image: url("./images/announce_unread_hd.png");
    	}
    
    	.global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
    		background-image: url("./images/announce_unread_locked_hd.png");
    	}
    
    	.forum_link {
    		background-image: url("./images/forum_link_hd.png");
    	}
    
    	.forum_read {
    		background-image: url("./images/forum_read_hd.png");
    	}
    
    	.forum_read_locked {
    		background-image: url("./images/forum_read_locked_hd.png");
    	}
    
    	.forum_read_subforum {
    		background-image: url("./images/forum_read_subforum_hd.png");
    	}
    
    	.forum_unread {
    		background-image: url("./images/forum_unread_hd.png");
    	}
    
    	.forum_unread_locked {
    		background-image: url("./images/forum_unread_locked_hd.png");
    	}
    
    	.forum_unread_subforum {
    		background-image: url("./images/forum_unread_subforum_hd.png");
    	}
    
    	.topic_moved {
    		background-image: url("./images/topic_moved_hd.png");
    	}
    
    	.topic_read, .sticky_read, .pm_read {
    		background-image: url("./images/topic_read_hd.png");
    	}
    
    	.topic_read_mine, .sticky_read_mine {
    		background-image: url("./images/topic_read_mine_hd.png");
    	}
    
    	.topic_read_hot {
    		background-image: url("./images/topic_read_hot_hd.png");
    	}
    
    	.topic_read_hot_mine {
    		background-image: url("./images/topic_read_hot_mine_hd.png");
    	}
    
    	.topic_read_locked, .sticky_read_locked {
    		background-image: url("./images/topic_read_locked_hd.png");
    	}
    
    	.topic_read_locked_mine, .sticky_read_locked_mine {
    		background-image: url("./images/topic_read_locked_mine_hd.png");
    	}
    
    	.topic_unread, .sticky_unread, .pm_unread {
    		background-image: url("./images/topic_unread_hd.png");
    	}
    
    	.topic_unread_mine, .sticky_unread_mine {
    		background-image: url("./images/topic_unread_mine_hd.png");
    	}
    
    	.topic_unread_hot {
    		background-image: url("./images/topic_unread_hot_hd.png");
    	}
    
    	.topic_unread_hot_mine {
    		background-image: url("./images/topic_unread_hot_mine_hd.png");
    	}
    
    	.topic_unread_locked, .sticky_unread_locked {
    		background-image: url("./images/topic_unread_locked_hd.png");
    	}
    
    	.topic_unread_locked_mine, .sticky_unread_locked_mine {
    		background-image: url("./images/topic_unread_locked_mine_hd.png");
    	}
    }
    
    .panel-container .panel li.header dd, .panel-container .panel li.header dt {
    	color: #fff;
    }
    
    .panel-container table.table1 thead th {
    	color: #aaa;
    	border-bottom-color: #1f242a;
    }
    
    #cp-main .pm-message {
    	border-color: #2d3745;
    	background-color: #252b33;
    }
    
    #tabs .tab > a {
    	background: #24354e;
    	color: #fff;
    }
    
    #tabs .tab > a:hover {
    	background: #c35824;
    	color: #fff;
    }
    
    #tabs .activetab > a,
    #tabs .activetab > a:hover {
    	background: #2c415f;
    	border-color: #2c415f;
    	color: #fff;
    }
    
    #minitabs .tab > a {
    	background-color: #272f3e;
    }
    
    #minitabs .activetab > a,
    #minitabs .activetab > a:hover {
    	background-color: #c35824;
    	color: #fff;
    }
    
    .responsive-tab .responsive-tab-link:before {
    	color: #fff;
    }
    
    #navigation a {
    	color: #c0c6cf;
    	background: #2c415f;
    }
    
    #navigation a:hover {
    	color: #fff;
    	background: #c35824;
    }
    
    #navigation #active-subsection a {
    	color: #fff;
    	background: #174c97;
    }
    
    #navigation #active-subsection a:hover {
    	color: #fff;
    	background: #c35824;
    }
    
    #navigation > hr {
    	border-top-color: #272f3e;
    }
    
    .panel-container h2 {
    	color: #aaa;
    }
    
    .panel-container .panel {
    	background: #222a39;
    	box-shadow: none;
    	border-width: 0;
    	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
    
    .panel-container .panel > .inner > h3:first-child {
    	background-color: transparent;
    	color: #3a67a7;
    	box-shadow: none;
    	background-image: none;
    	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
    
    .panel-container .panel > .inner > h3:first-child a {
    	color: #6593d6;
    }
    
    .panel-container .panel > .inner > h3:first-child a:hover {
    	color: #c35824;
    }
    
    .panel-container .panel:before, .panel-container .panel:after {
    	background: transparent;
    }
    
    #cp-main .pm {
    	background-color: #252b33;
    }
    
    .cp-mini {
    	background-color: #272f3e;
    }
    
    .current {
    	color: #fff !important;
    }
    
    .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
    	border-left-color: #BC2A4D;
    	border-right-color: #BC2A4D;
    }
    
    .pmlist li.pm_marked_colour, .pm_marked_colour {
    	border-color: #FF6600;
    }
    
    .pmlist li.pm_replied_colour, .pm_replied_colour {
    	border-color: #A9B8C2;
    }
    
    .pmlist li.pm_friend_colour, .pm_friend_colour {
    	border-color: #5D8FBD;
    }
    
    .pmlist li.pm_foe_colour, .pm_foe_colour {
    	border-color: #000000;
    }
    
    #gallery label {
    	background: #272f3e;
    	border-color: #1f242a;
    }
    
    #gallery label:hover {
    	background-color: #2a3449;
    }
    
    select {
    	border-color: #30343a;
    	background-color: #222427;
    	color: #999;
    }
    
    label {
    	color: #aaa;
    }
    
    option.disabled-option {
    	color: #a4a7ab;
    }
    
    dd label {
    	color: #aaa;
    }
    
    fieldset.fields1 {
    	background-color: transparent;
    }
    
    fieldset dl:hover dt label {
    	color: #fff;
    }
    
    fieldset.fields2 dl:hover dt label {
    	color: inherit;
    }
    
    #message-box textarea {
    	color: #999;
    }
    
    #message-box textarea.drag-n-drop {
    	outline-color: rgba(96, 101, 109, 0.5);
    }
    
    #message-box textarea.drag-n-drop-highlight {
    	outline-color: rgba(164, 167, 171, 0.5);
    }
    
    .inputbox, select {
    	background-color: #222427;
    	border-color: #30343a;
    	color: #999;
    }
    
    .inputbox::-moz-placeholder {
    	color: #757677;
    }
    
    .inputbox::-webkit-input-placeholder {
    	color: #757677;
    }
    
    .inputbox:-ms-input-placeholder {
    	color: #757677;
    }
    
    .inputbox:hover, select:hover {
    	background-color: #1c1e20;
    	border-color: #3c4149;
    	color: #aaa;
    }
    
    .inputbox:focus, select:focus {
    	background-color: #1c1e20;
    	border-color: #3c4149;
    	color: #fff;
    }
    
    .inputbox:hover::-moz-placeholder {
    	color: #aaa;
    }
    
    .inputbox:hover::-webkit-input-placeholder {
    	color: #aaa;
    }
    
    .inputbox:hover:-ms-input-placeholder {
    	color: #aaa;
    }
    
    .inputbox:focus::-moz-placeholder {
    	color: transparent;
    }
    
    .inputbox:focus::-webkit-input-placeholder {
    	color: transparent;
    }
    
    .inputbox:focus:-ms-input-placeholder {
    	color: transparent;
    }
    
    a.button1, input.button1, input.button3, a.button2, input.button2 {
    	color: #fff;
    	border-color: #174c97;
    	background-color: #174c97;
    }
    
    a.button1, input.button1 {
    	border-color: #8f4825;
    	background-color: #8f4825;
    }
    
    input.button3 {
    	background-image: none;
    	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
    
    a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    	color: #fff;
    	border-color: #c35824;
    	background-color: #c35824;
    }
    
    input.button1:focus, input.button2:focus, input.button3:focus {
    	color: #fff;
    	border-color: #2c415f;
    	background-color: #2c415f;
    }
    
    input.disabled {
    	color: #a4a7ab;
    }
    
    .phpbb_alert {
    	background-color: #1c232e;
    	border-color: #1f242a;
    }
    
    .phpbb_alert .alert_close:before {
    	color: #6593d6;
    }
    
    .phpbb_alert .alert_close:hover:before {
    	color: #c35824;
    }
    
    .phpbb_alert .alert_close:after {
    	color: #1c232e;
    }
    
    .darken {
    	background-color: #000;
    }
    
    .loading_indicator {
    	background-color: #000;
    	background-image: url("./images/loading.gif");
    }
    
    .dropdown-extended ul li {
    	border-top-color: #1f242a;
    }
    
    .dropdown-extended ul li:hover {
    	background-color: #272f3e;
    	color: #fff;
    }
    
    .dropdown-extended .header, .dropdown-extended .footer {
    	border-color: #1f242a;
    	color: #fff;
    }
    
    .dropdown-extended .footer {
    	border-top-style: solid;
    	border-top-width: 1px;
    }
    
    .dropdown-extended .header {
    	background: #2c415f;
    	color: #fff;
    }
    
    .dropdown-extended .header a {
    	color: #fff;
    }
    
    .dropdown-extended .header a:hover {
    	color: #fff;
    }
    
    ul.linklist li.responsive-menu a.responsive-menu-link:before {
    	color: #6593d6;
    }
    
    ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
    	color: #c35824;
    }
    
    .dropdown .dropdown-contents {
    	background: #252b33;
    	border-color: #2c415f;
    	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);
    }
    
    .dropdown-up .dropdown-contents {
    	box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
    }
    
    .dropdown li, .dropdown li li {
    	border-color: #3a4451;
    }
    
    .dropdown li.separator {
    	border-color: #3a4451;
    }
    
    .notification_list li.notification-reported strong, .notification_list li.notification-disapproved strong {
    	color: #c35824;
    }
    
    .notification_list li.dropdown-notification {
    	background-color: #252b33;
    	color: #6593d6;
    }
    
    .notification_list li.dropdown-notification, .panel-container .notification_list li.dropdown-notification {
    	border-top-color: #303742;
    	border-bottom-color: #1a1f24;
    }
    
    .notification_list li.dropdown-notification strong {
    	color: #fff;
    }
    
    .notification_list li.dropdown-notification a {
    	color: inherit;
    }
    
    .notification_list li.dropdown-notification p.notification-time, .notification_list li.dropdown-notification p.notifications_time {
    	color: #717a86;
    }
    
    .notification_list li.dropdown-notification a.mark_read {
    	background-color: #fff !important;
    }
    
    .notification_list li.dropdown-notification a.mark_read, .notification_list li.dropdown-notification a.mark_read:after {
    	color: #c35824 !important;
    }
    
    .notification_list li.bg3 {
    	background-color: #2a2320;
    	color: #c35824;
    }
    
    .notification_list li.bg3, .panel-container .notification_list li.bg3 {
    	border-top-color: #392f2b;
    	border-bottom-color: #1c1715;
    }
    
    .notification_list li.bg3 strong {
    	color: #fff;
    }
    
    .notification_list li.bg3 a {
    	color: inherit;
    }
    
    .notification_list li.bg3 p.notification-time, .notification_list li.bg3 p.notifications_time {
    	color: #7e503a;
    }
    
    .notification_list li.bg3 a.mark_read {
    	background-color: #fff !important;
    }
    
    .notification_list li.bg3 a.mark_read, .notification_list li.bg3 a.mark_read:after {
    	color: #c35824 !important;
    }
    
    .notification_list li.dropdown-notification:hover {
    	background-color: #272f3e;
    	color: #6593d6;
    }
    
    .notification_list li.dropdown-notification:hover, .panel-container .notification_list li.dropdown-notification:hover {
    	border-top-color: #3b475d;
    	border-bottom-color: #13171f;
    }
    
    .notification_list li.dropdown-notification:hover strong {
    	color: #fff;
    }
    
    .notification_list li.dropdown-notification:hover a {
    	color: inherit;
    }
    
    .notification_list li.dropdown-notification:hover p.notification-time, .notification_list li.dropdown-notification:hover p.notifications_time {
    	color: #717b89;
    }
    
    .notification_list li.dropdown-notification:hover a.mark_read {
    	background-color: black;
    }
    
    .notification_list li.dropdown-notification:hover a.mark_read, .notification_list li.dropdown-notification:hover a.mark_read:after {
    	color: #fff;
    }
    
    .notification_list li.dropdown-notification:hover a.mark_read:hover, .notification_list li.dropdown-notification:hover a.mark_read:after:hover {
    	color: #6593d6;
    }
    
    .imageset.icon_post_target {
    	background-image: url("./images/icon_post_target.png");
    }
    
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
    	.imageset.icon_post_target {
    		background-image: url("./images/icon_post_target_hd.png");
    	}
    }
    
    .imageset.icon_post_target_unread {
    	background-image: url("./images/icon_post_target_unread.png");
    }
    
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
    	.imageset.icon_post_target_unread {
    		background-image: url("./images/icon_post_target_unread_hd.png");
    	}
    }
    
    .imageset.icon_topic_attach:after {
    	color: #a4a7ab;
    }
    
    .imageset.icon_topic_poll:after {
    	color: #32496b;
    }
    
    /* --------------------------------------------------------------
    	$Icons
    -------------------------------------------------------------- */
    /* Global module setup
    --------------------------------*/
    /* Renamed version of .fa class for agnostic useage of icon fonts.
     * Just change the name of the font after the 14/1 to the name of
     * the font you wish to use.
     */
    .icon, .button .icon, blockquote cite:before, .uncited:before {
    	display: inline-block;
    	font-weight: normal;
    	font-style: normal;
    	font-variant: normal;
    	font-family: FontAwesome;
    	font-size: 14px;
    	line-height: 1;
    	text-rendering: auto;
      /* optimizelegibility throws things off #1094 */
    	-webkit-font-smoothing: antialiased;
    	-moz-osx-font-smoothing: grayscale;
    }
    
    .icon:before {
    	padding-right: 2px;
    }
    
    .button .icon:before {
    	padding-right: 0;
    }
    
    /* Icon size classes - Default size is 14px, use these for small variations */
    .icon.icon-xl {
    	font-size: 20px;
    }
    
    .icon.icon-lg {
    	font-size: 16px;
    }
    
    .icon.icon-md {
    	font-size: 10px;
    }
    
    .icon.icon-sm {
    	font-size: 8px;
    }
    
    /* icon modifiers */
    .icon-tiny {
    	width: 12px;
    	transform: scale(0.65, 0.75);
    	vertical-align: text-bottom;
    	font-size: 16px;
    }
    
    .arrow-left .icon {
    	float: left;
    }
    
    .arrow-left:hover .icon {
    	margin-left: -5px;
    	margin-right: 5px;
    }
    
    .arrow-right .icon {
    	float: right;
    }
    
    .arrow-right:hover .icon {
    	margin-left: 5px;
    	margin-right: -5px;
    }
    
    .post-buttons .dropdown-contents .icon {
    	float: right;
    	margin-left: 5px;
    }
    
    .alert_close .icon:before {
    	padding: 0;
    	border-radius: 50%;
    	width: 11px;
    	display: block;
    	line-height: .9;
    	height: 12px;
    }
    
    blockquote cite:before, .uncited:before {
    	content: '\f10d';
      /* Font Awesome quote-left */;
    }
    
    .rtl blockquote cite:before, .rtl .uncited:before {
    	content: '\f10e';
      /* Font Awesome quote-right */;
    }
    
    /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
    /**
     * 1. Set default font family to sans-serif.
     * 2. Prevent iOS and IE text size adjust after device orientation change,
     *    without disabling user zoom.
     */
    html {
    	font-family: sans-serif;
      /* 1 */
    	-ms-text-size-adjust: 100%;
      /* 2 */
    	-webkit-text-size-adjust: 100%;
      /* 2 */;
    }
    
    /**
     * Remove default margin.
     */
    body {
    	margin: 0;
    }
    
    /* HTML5 display definitions
    	 ========================================================================== */
    /**
     * Correct `block` display not defined for any HTML5 element in IE 8/9.
     * Correct `block` display not defined for `details` or `summary` in IE 10/11
     * and Firefox.
     * Correct `block` display not defined for `main` in IE 11.
     */
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
    	display: block;
    }
    
    /**
     * 1. Correct `inline-block` display not defined in IE 8/9.
     * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
     */
    audio,
    canvas,
    progress,
    video {
    	display: inline-block;
      /* 1 */
    	vertical-align: baseline;
      /* 2 */;
    }
    
    /**
     * Prevent modern browsers from displaying `audio` without controls.
     * Remove excess height in iOS 5 devices.
     */
    audio:not([controls]) {
    	display: none;
    	height: 0;
    }
    
    /**
     * Address `[hidden]` styling not present in IE 8/9/10.
     * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
     */
    [hidden],
    template {
    	display: none;
    }
    
    /* Links
    	 ========================================================================== */
    /**
     * Remove the gray background color from active links in IE 10.
     */
    a {
    	background-color: transparent;
    }
    
    /**
     * Improve readability of focused elements when they are also in an
     * active/hover state.
     */
    a:active,
    a:hover {
    	outline: 0;
    }
    
    /* Text-level semantics
    	 ========================================================================== */
    /**
     * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
     */
    abbr[title] {
    	border-bottom: 1px dotted;
    }
    
    /**
     * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
     */
    b,
    strong {
    	font-weight: bold;
    }
    
    /**
     * Address styling not present in Safari and Chrome.
     */
    dfn {
    	font-style: italic;
    }
    
    /**
     * Address variable `h1` font-size and margin within `section` and `article`
     * contexts in Firefox 4+, Safari, and Chrome.
     */
    h1 {
    	font-size: 2em;
    	margin: 0.67em 0;
    }
    
    /**
     * Address styling not present in IE 8/9.
     */
    mark {
    	background: #ff0;
    	color: #000;
    }
    
    /**
     * Address inconsistent and variable font size in all browsers.
     */
    small {
    	font-size: 80%;
    }
    
    /**
     * Prevent `sub` and `sup` affecting `line-height` in all browsers.
     */
    sub,
    sup {
    	font-size: 75%;
    	line-height: 0;
    	position: relative;
    	vertical-align: baseline;
    }
    
    sup {
    	top: -0.5em;
    }
    
    sub {
    	bottom: -0.25em;
    }
    
    /* Embedded content
    	 ========================================================================== */
    /**
     * Remove border when inside `a` element in IE 8/9/10.
     */
    img {
    	border: 0;
    }
    
    /**
     * Correct overflow not hidden in IE 9/10/11.
     */
    svg:not(:root) {
    	overflow: hidden;
    }
    
    /* Grouping content
    	 ========================================================================== */
    /**
     * Address margin not present in IE 8/9 and Safari.
     */
    figure {
    	margin: 1em 40px;
    }
    
    /**
     * Address differences between Firefox and other browsers.
     */
    hr {
    	box-sizing: content-box;
    	height: 0;
    }
    
    /**
     * Contain overflow in all browsers.
     */
    pre {
    	overflow: auto;
    }
    
    /**
     * Address odd `em`-unit font size rendering in all browsers.
     */
    code,
    kbd,
    pre,
    samp {
    	font-family: monospace, monospace;
    	font-size: 1em;
    }
    
    /* Forms
    	 ========================================================================== */
    /**
     * Known limitation: by default, Chrome and Safari on OS X allow very limited
     * styling of `select`, unless a `border` property is set.
     */
    /**
     * 1. Correct color not being inherited.
     *    Known issue: affects color of disabled elements.
     * 2. Correct font properties not being inherited.
     * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
     */
    button,
    input,
    optgroup,
    select,
    textarea {
    	color: inherit;
      /* 1 */
    	font: inherit;
      /* 2 */
    	margin: 0;
      /* 3 */;
    }
    
    /**
     * Address `overflow` set to `hidden` in IE 8/9/10/11.
     */
    button {
    	overflow: visible;
    }
    
    /**
     * Address inconsistent `text-transform` inheritance for `button` and `select`.
     * All other form control elements do not inherit `text-transform` values.
     * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
     * Correct `select` style inheritance in Firefox.
     */
    button,
    select {
    	text-transform: none;
    }
    
    /**
     * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
     *    and `video` controls.
     * 2. Correct inability to style clickable `input` types in iOS.
     * 3. Improve usability and consistency of cursor style between image-type
     *    `input` and others.
     */
    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
    	-webkit-appearance: button;
      /* 2 */
    	cursor: pointer;
      /* 3 */;
    }
    
    /**
     * Re-set default cursor for disabled elements.
     */
    button[disabled],
    html input[disabled] {
    	cursor: default;
    }
    
    /**
     * Remove inner padding and border in Firefox 4+.
     */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
    	border: 0;
    	padding: 0;
    }
    
    /**
     * Address Firefox 4+ setting `line-height` on `input` using `!important` in
     * the UA stylesheet.
     */
    input {
    	line-height: normal;
    }
    
    /**
     * It's recommended that you don't attempt to style these elements.
     * Firefox's implementation doesn't respect box-sizing, padding, or width.
     *
     * 1. Address box sizing set to `content-box` in IE 8/9/10.
     * 2. Remove excess padding in IE 8/9/10.
     */
    input[type="checkbox"],
    input[type="radio"] {
    	box-sizing: border-box;
      /* 1 */
    	padding: 0;
      /* 2 */;
    }
    
    /**
     * Fix the cursor style for Chrome's increment/decrement buttons. For certain
     * `font-size` values of the `input`, it causes the cursor style of the
     * decrement button to change from `default` to `text`.
     */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
      height: auto; }
    
    /**
     * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
     * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
     */
    input[type="search"] {
      -webkit-appearance: textfield;
      /* 1 */
      box-sizing: content-box;
      /* 2 */ }
    
    /**
     * Remove inner padding and search cancel button in Safari and Chrome on OS X.
     * Safari (but not Chrome) clips the cancel button when the search input has
     * padding (and `textfield` appearance).
     */
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none; }
    
    /**
     * 1. Correct `color` not being inherited in IE 8/9/10/11.
     * 2. Remove padding so people aren't caught out if they zero out fieldsets.
     */
    legend {
    	border: 0;
      /* 1 */
    	padding: 0;
      /* 2 */;
    }
    
    /**
     * Remove default vertical scrollbar in IE 8/9/10/11.
     */
    textarea {
    	overflow: auto;
    }
    
    /**
     * Don't inherit the `font-weight` (applied by a rule above).
     * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
     */
    optgroup {
      font-weight: bold; }
    
    /* Tables
    	 ========================================================================== */
    /**
     * Remove most spacing between table cells.
     */
    table {
      border-collapse: collapse;
      border-spacing: 0; }
    
    td,
    th {
      padding: 0; }
    
    /* --------------------------------------------------------------
    	$Utilities
    -------------------------------------------------------------- */
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0; }
    
    .sr-only-focusable:active,
    .sr-only-focusable:focus {
      position: static;
      width: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      clip: auto; }
    
    .clearfix:before,
    .clearfix:after,
    .container:before,
    .container:after,
    .container-fluid:before,
    .container-fluid:after,
    .row:before,
    .row:after {
      content: " ";
      display: table; }
    
    .clearfix:after,
    .container:after,
    .container-fluid:after,
    .row:after {
      clear: both; }
    
    .center-block {
      display: block;
      margin-left: auto;
      margin-right: auto; }
    
    .pull-right {
      float: right !important; }
    
    .pull-left {
      float: left !important; }
    
    .hide {
      display: none !important; }
    
    .show {
      display: block !important; }
    
    .invisible {
      visibility: hidden; }
    
    .text-hide {
      font: 0/0 a;
      color: transparent;
      text-shadow: none;
      background-color: transparent;
      border: 0; }
    
    .hidden {
      display: none; }
    
    .affix {
      position: fixed; }
Just save it in stylesheet.css and upload stylesheet.css to your hosting. That's ALL.

Hope this helps you :)
Raheem
Registered User
Posts: 82
Joined: Thu Feb 09, 2017 7:02 pm
Location: Egypt
Contact:

Re: Compile stylesheet.scss online [Very Easy]

by MrGaby » Tue Oct 23, 2018 4:35 pm

If you like my work, you can support me with a donation. Thanks!
Donate via Paypal
MrGaby
Registered User
Posts: 158
Joined: Sun Apr 02, 2017 8:04 pm
Contact: