/* INTRODUCTION
 *
 * This is a very basic version of the Elkarte default theme.
 * It is intended primarily as a "clean slate" for custom theming.
 * This is eye candy only. All the layout code is in index.css.
 *
 * All theme variants depend on the layout code for stability.
 * It is better to copy code to a variant CSS file for testing.
 *
 * -------------------------------------------------------
 * $CONTENTS - still a bit WIP. @todo
 *
 *		$GENERAL.............Global resets, clearfixes, etc.
 *		$COMMON..............Common classes to drive you bonkers.
 *		$BBC.................Quotes, code blocks, BBC styles.
 *		$AJAX................The "loading" bar (quick edit, etc).
 *
 *		$MAIN................Forum header, wrapper, and footer.
 *		$MENUS...............Main and secondary menus.
 *		$LINKTREE............The breadcrumbs.
 *		$BUTTONS.............Most button strips.
 *		$PAGELINKS...........Page navigation links.
 *
 *		$TABLES..............Generic tables (memberlist, error log, etc).
 *		$SETTINGS............Generic lists for settings pages.
 *		$BOARDS..............Board index, sub-boards, and message index.
 *
 *		$TOPICS..............The display template (topic view), including send.
 *		$EDITOR..............Main editor (posts, events, polls) and topic summary.
 *		$MODERATE............Move topic, split topic, merge topic.
 *
 *		$PROFILE.............The profile areas.
 *		$PERSONAL............The personal messages (PM) areas.
 *		$CALENDAR............The calendar
 *		$STATISTICS..........The statistics centre.
 *
 *		$HELP................Help pages, help icons and pop-ups, tooltips.
 *		$SEARCH..............Search pages, including memberlist search.
 *		$MEMBERLIST..........The memberlist table.
 *		$LOGIN...............Login and registration, maintenance mode.
 *
 *		$BOXES...............Message boxes (error, warning, info, etc).
 *		$PROGRESS............Nifty progress bars.
 *		$MEDIA...............Experimental media queries.
 */

/* -------------------------------------------------------
 * $GENERAL
 * -------------------------------------------------------
 */

/* Normal, standard links. */
a, a:link, a:visited,
/* Links that open in a new window. */
a.new_win:link, a.new_win:visited {
	color: #008299;
	text-decoration: none;
}

/* Cursor declared here.Should not be required anywhere else. */
a:hover, a.new_win:hover {
	text-decoration: underline;
}

/* Stop white band under footer on short pages.
 * This color should match $FOOTER background.
 */
html {
	background: #4D4F54;
}

body {
	padding-top: 35px;
	background: #EEEEEE;
	color: #4D4F53;
	font: 90%/130% Helvetica, Arial, "Nimbus Sans L", sans-serif;
}

fieldset {
	border: 1px solid #CCCCCC;
	background: transparent;
	box-shadow: none;
}

legend {
	margin-left: 15px;
	padding: 0 0 2px 20px;
	background: url(../../images/selected_open.png) 0 50% no-repeat;
	color: #333333;
	font-size: 1.071em;
	cursor: pointer;
}

.collapsed legend {
	background: url(../../images/selected.png) 0 50% no-repeat;
}

input, button, select, textarea, .editor {
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	background: #FFFFFF;
	color: #666666;
}

.linkbutton:link, .linkbutton_right:link, .linkbutton_left:link,
.linkbutton:visited, .linkbutton_right:visited, .linkbutton_left:visited {
	line-height: 1.929em;
}

.hdicon:before {
	margin: 2px 0;
}

input:hover, textarea:hover, button:hover, select:hover {
	border: 1px solid #999999;
}

input:focus, textarea:focus, button:focus, select:focus, .editor:focus {
	border: 1px solid #999999;
}

textarea:hover, .editor:hover {
	color: #444444;
}

/* Give disabled text input elements a different background color. */
input[disabled].input_text {
	background: #EEEEEE;
}

/* The OpenID login form */
.openid_login {
	background: white url(../../images/openid.png) no-repeat 2% 50%;
}

/* Common button styling. */
input[type="submit"], .drop_area_fileselect_text, button[type="submit"], input[type="button"],
/* Anchors styled to look like buttons. */
/* These have standard body text size. Can be chained with smalltext class. */
.linkbutton:link, .linkbutton_right:link, .linkbutton_left:link,
.linkbutton:visited, .linkbutton_right:visited, .linkbutton_left:visited {
	border: 1px solid #AFAFAF;
	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #BFBFBF;
	border-radius: 2px;
	background: #F4F4F4;
	background-image: linear-gradient(to bottom, #FFFFFF, #E4E4E4);
	box-shadow: 1px 1px 2px #E5E5E5;
	color: #555555;
}

/* Hover effects. */
input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:hover,
.linkbutton:hover, .linkbutton_right:hover, .linkbutton_left:hover {
	border: 1px solid #CCCCCC;
	border-top: 1px solid #AFAFAF;
	border-left: 1px solid #AFAFAF;
	background: #F0F0F0;
	box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.07) inset;
	color: #555555;
	text-decoration: none;
}

/* the new "button" */
.new_posts, .new_posts:visited, .new_posts:link {
	border-radius: 4px;
	background: #7BB128;
	color: #FFFFFF;
}

/* approval indicator */
.require_approval {
	border-radius: 4px;
	background: #F3B200;
	color: #FFFFFF;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr {
	border-top-color: #BBBBBB;
	background: #EEEEEE;
}


/* @todo - Test this everywhere. */
.content {
	border-color: #ddd;
	background: #fff;
}
.standard_category {
	border-radius: 4px 4px 0 0;
	background: #e4e4e4;
}

/* Styles for main headers. */
.category_header, .forum_category .category_header {
	margin-bottom: 5px;
	border-radius: 5px;
	border-color: transparent;
	background: #14396b;
	color: #666666;
	text-shadow: 1px 1px 0 #EBEBEB;
	font-weight: bolder;
	font-size: 1.5em;
}

/* Single ones a bit darker than board index ones. */
#forumposts .category_header, .content_category .category_header {
	border: 1px solid #CCCCCC;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #B7B7B7;
	background: #14396b;
}

/* Styles for subsection headers. @todo */
.secondary_header {
	border: 1px solid #CCCCCC;
	border-top: 1px solid #DFDFDF;
	background: #FAFAFA;
	text-shadow: 1px 1px 0 #FFFFFF;
}

.category_header a:link, .category_header a:visited {
	color: #ffffff;
	font-weight: bold;
}

/* Upshrink image in the general category headers */
#category_toggle, #category_toggle_more, #upshrink_header {
	border-radius: 2px;
}

/* Upshrink image in the page top for the header collapse */
#collapse_button .linklevel1 {
	border-radius: 2px;
}

/* Custom highlighted text style for modern browsers. */
/* Nicer than default. Needs two separate rules. */
::-moz-selection {
	background: #7BB128;
	color: white;
}

::selection {
	background: #7BB128;
	color: white;
}

/* Other highlighted text, such as search results. */
.highlight {
	color: #FF7200;
}

/* Sometimes there will be an error when you post */
.error {
	color: #FF0000 !important;
}

.border_error {
	border-color: #FF0000 !important;
}

/* Messages that somehow need to attract the attention. */
.alert {
	color: #FF0000;
}

/* Colors for warnings. */
.warn_mute {
	color: #FF0000;
}

.warn_moderate, .softalert {
	color: #FFA500;
}

.warn_watch, .success {
	color: #008000;
}

.moderation_link, .moderation_link:visited {
	color: #FF0000;
	font-weight: bold;
}

/* Legacy highlight color, for selected membergroups etc.
 * Used by JS to show a selected item. Still used in manage languages
 */
.table_grid .standard_row.highlight2 {
	background: #D1E1EF;
	color: #555555;
}

.table_grid .standard_row {
	background: #FFFFFF;
}

/* Used for sections that need somewhat larger corners */
.roundframe, .well {
	border-color: #C5C5C5;
	background: #F5F5F5;
}

/* The generic wrapper thingy. */
.generic_list_wrapper {
	margin-top: 4px;
	border-color:#CCCCCC;
}

.generic_list_wrapper .additional_row {
	border-radius: 0;
}

.generic_list_wrapper .title_bar {
	border-bottom-color: #FFFFFF;
	border-radius: 0;
	background: none;
}

.generic_list_wrapper .information {
	border-bottom-color: #FFFFFF;
	background: none;
}

/* Styles used by the auto suggest control. */
.auto_suggest_div {
	border-color: #BBBBBB;
}

.auto_suggest_div:focus {
	border-color: #BBBBBB;
}

.auto_suggest_item {
	background: #DDDDDD;
}

.auto_suggest_item_hover {
	background: #888888;
	color: #EEEEEE;
}

/* -------------------------------------------------------
 * $BBC
 * -------------------------------------------------------
 */

/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader {
	border-color:#CCCCCC;
	border-bottom: none;
	background: #FFFFFF;
	color: #555555;
}

.codeheader {
	border-top-color: #AAAAAA;
}

/* [Select] link to copy code. */
.codeoperation {
	font-weight: normal;
}

/* A quote, perhaps from another post. */
.bbc_quote,
/* A code block - maybe PHP ;) - shared styles. */
.bbc_code {
	border-color: #CCCCCC;
	border-top: none;
	background: #FFFFFF;
}

/* Extra quote styling */
.bbc_quote, .quoteheader {
	box-shadow: 2px 2px 2px #DDDDDD;
}

/* Extra code block styling. */
.bbc_code {
	border-top-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	background: #F8F8F8;
}

/* Styling for BBC tags */
.bbc_link:link, .bbc_link:visited {
	box-shadow: 0 -1px 0 #CEDCCB inset;
	color: #377828;
}

.bbc_link:hover {
	box-shadow: 0 -1px 0 #66AA55 inset;
	color: #377828;
	text-decoration: none;
}
/* Styling for tables inside posts */
.inner > .bbc_table_container > .bbc_table td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.inner > .bbc_table_container > .bbc_table th {
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #ccc;
}
.inner > .bbc_table_container > .bbc_table td:last-child,
.inner > .bbc_table_container > .bbc_table th:last-child  {
	border-right: none;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction {
	color: #50AA3A;
}

.meaction:before {

}

.spoilerheader {

}

.spoiler {
	border-color: #CCCCCC;
	background-color: #EEEEEE;
}

div.bbc_footnotes {
	border-top-color: #BFBFBF;
}

.bbc_footnotes .target:target {
	background-color: #D8FFDF;
}

sup.bbc_footnotes, sup.bbc_footnotes a {
	color: #50AA3A;
}

div.bbc_footnotes .meaction {

}

/* Prevent the footnote named anchor from hiding under the menu */
.bbc_footnotes div:before {
	display: block;
	visibility: hidden;
	margin-top: -75px;
	height: 75px;
	content: " ";
}

/* -------------------------------------------------------
 *	$AJAX
 * -------------------------------------------------------
 */

/* The "Loading" bar for quick edit, etc. */
#ajax_in_progress, .ajax_infobar {
	border-bottom-color: #3D6E32;
	background: #FFFFFF;
	color: #306430;
}

#ajax_in_progress a {
	color: #FFA500;
	text-decoration: underline;
}

/* -------------------------------------------------------
 *	$MAIN.
 * -------------------------------------------------------
 */

/* The top bar. */
#top_section {
	border-bottom: none;
	border-top: none;
}

#top_section .wrapper {
	padding: 0 15px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background-color: white;
}

#search_form input[type="submit"] {
	color: #333333;
}

#search_form select {
	border-color: #999;
	border-right: none;
	opacity: 0.8;
}

#search_form select:focus {
	border-right: none;
	opacity: 1;
}

#search_form button {
	border-color: #CCCCCC;
}

#mlsearch_options {
	background-color: white;
}

/* debug forum area. */
#debug_logging a, #debug_logging strong {
	color: yellow;
}

#debug_logging {
	background: #222222;
	color: #BBBBBB;
}

#debug_logging_wrapper {
	background: #222222;
}

#footer_section {
	border-top: 2px solid #444444;
	background-color: #4D4F54;
	color: #CCCCCC;
	text-align: center;
}

#footer_section a {
	color: #FFFFFF;
}

#footer_section .rssfeeds {
	background-color: white;
	color: orange;
	text-shadow: 1px 1px 0 #000000;
}

/* -------------------------------------------------------
 *	$MENUS
 * -------------------------------------------------------
 */

/* Level 1 Menu bar: link or button. General styling. */
.linklevel1, .linklevel1:link, .linklevel1:visited {
	border: 1px solid #AFAFAF;
	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #BFBFBF;
	border-radius: 2px;
	background: #F4F4F4;
	box-shadow: 1px 1px 2px #E5E5E5;
	color: #666666;
	font-size: 0.929em;
}

.quickbuttons .listlevel1 {
	font-size: 0.929em;
}

.quickbuttons .inline_mod_check {
	margin-left: 0;
}

/* Level 1 button hover and focus effects. */
.linklevel1:hover, .listlevel1:hover .linklevel1,
.linklevel2:hover, .listlevel2:hover .linklevel2,
.linklevel3:hover, .listlevel3:hover .linklevel3,
#menu_sidebar .linklevel1:hover, #menu_sidebar .listlevel1:hover .linklevel1,
#menu_current_area > strong > .linklevel1 {
	border-color:#CCCCCC;
	border-top-color: #AFAFAF;
	border-left-color: #AFAFAF;
	background: #F0F0F0;
	box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.07) inset;
	color: #555555;
	text-decoration: none;
}

#main_menu .listlevel1.subsections {
	top: -1px;
}

.poster .listlevel1 a.linklevel1 {
	font-size: 1.1em;
}

.poster li.poster_online:hover .linklevel1 {
	border-color: #CCCCCC;
	border-top-color: #AFAFAF;
	border-left-color: #AFAFAF;
	background: #F0F0F0;
	box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.07) inset;
	color: #555555;
}

.poster li.poster_online .nolink {
	border-color: #AFAFAF;
	border-top-color: #CFCFCF;
	border-left-color: #BFBFBF;
	background: #F4F4F4;
	background-image: linear-gradient(to bottom, #FFFFFF, #E4E4E4);
	box-shadow: 1px 1px 2px #E5E5E5;
	color: #7BB128;
}

.poster li.poster_online .nolink img {

}

.poster li.subsections.listlevel1:hover .linklevel1 {
	border: 1px solid transparent;
	background: transparent;
	box-shadow: none;
}

.poster .poster_avatar .linklevel1 {
	display: inline-block;
}

.poster .listlevel1:hover .linklevel1 {
	border: 1px solid transparent;
	background-color: transparent;
	box-shadow: none;
}

.poster .listlevel2:hover .linklevel2 {
	box-shadow: none;
	color: #008299;
}

.poster .listlevel1.subsections:hover:after {
	left: 40%;
}

.poster .subsections > a:after, .poster .subsections:hover > .name.linklevel1:after {
	margin: 0 0 0 10px;
	color: #CCCCCC;
	content: "\25BC";
	font-size: 1.2em;
}

.report_seperator {
	border-bottom-color: #CCCCCC;
}

.subsections:hover .linklevel1:after {
	position: inherit;
}

.quickbuttons .subsections:hover .linklevel1:after,
#main_menu .subsections:hover .linklevel1:after {
	display: none;
}

.poster .linklevel2, .poster .linklevel2:hover {
	border: 1px solid transparent !important;
}

#main_menu .linklevel1, #main_menu .linklevel1:link, #main_menu .linklevel1:visited,
.poster li.listlevel1, .poster li.listlevel1 a,
.poster li.listlevel1 a:hover, .poster li.listlevel1:hover {
	border: 1px solid transparent;
	border-radius: 0;
	background-color: transparent;
	background-image: none;
	box-shadow: none;
}

/* Level 1 Menu bar: link or button.
 * If there will be a border on hover, have a border here.
 * A default transparent border stops links jumping on hover.
 */
#main_menu .linklevel1, .admin_menu .linklevel1, #adm_submenus .linklevel1 {
	border: 1px solid transparent;
	color: #EEEEEE;
}

#menu_nav {
	position: fixed;
	top: 0;
	z-index: 99;
	padding: 0;
	min-height: 35px;
	width: 100%;
	background: #333333;
	background-image: linear-gradient(to bottom, #4D4F53 0%, #333333 49%, #333333 51%, #4D4F53 100%);
	color: #EEEEEE;
	line-height: 30px;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

#main_menu {
	margin: 0 auto;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

/* Override link colour for admin/profile/etc menus. */
.admin_menu .linklevel1, #adm_submenus .linklevel1 {
	color: black;
}

/* For primary admin/profile/etc drop menus. */
.admin_menu .linklevel1:hover, .admin_menu .linklevel1:focus,
/* For secondary admin/profile/etc menus. */
#adm_submenus .linklevel1:hover, #adm_submenus .linklevel1:focus {
	color: #333333;
	text-decoration: none;
}

/* Main menu Level 1 active button and hover need a different border. */
#main_menu .active, #main_menu .linklevel1:hover, #main_menu .listlevel1:hover .linklevel1, #main_menu .linklevel1:focus {

}

/* Level 1 active buttons for primary admin/profile/etc drop menus... */
.admin_menu .active,
/* ......and for secondary admin/profile/etc menu strip. */
#adm_submenus .active {
	border: 1px solid #AAAAAA;
	background: #7BB128;
	background-image: linear-gradient(to bottom, #9DD53A 0%, #A1D54F 21%, #80C217 63%, #7CBC0A 100%);
	color: white;
}

/* Hover effects for those buttons. */
.admin_menu .active:hover, .admin_menu .listlevel1:hover .active, #adm_submenus .active:hover {
	border: 1px solid #AAAAAA;
	background: #43A8DA;
	background-image: linear-gradient(to bottom, #6DB3F2 0%, #54A3EE 30%, #3690F0 68%, #1E69DE 100%);
	color: white;
}

/* Level 1 active buttons get a bit more weight. */
a.active {
	color: orange;
}

/* Top level subsection indicators. */
/* Level 1 active buttons. */
.pm_indicator {
	position: relative;
	top: -5px;
	left: -1px;
	padding: 0 5px;
	border-radius: 4px;
	background: #F3B200;
	box-shadow: 1px 1px 2px #444444;
	color: #FFFFFF;
	font-weight: bold;
	float: none;
	border-color: transparent;
}

.likes_indicator {
	position: absolute;
	top: -1em;
	right: -0.5em;
	padding: 0 0.6em;
	border-radius: 4px;
	background: #F3B200;
	box-shadow: 1px 1px 1px #444444;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.786em;
	line-height: 1.4em;
}

.poster .pm_indicator:hover, .linklevel1:hover .pm_indicator {
	border-color: transparent;
}

/* Levels 2 and 3: drop menu wrapper. */
.menulevel2, .menulevel3 {
	border: 1px solid grey;
	border-radius: 5px;
	background: white;
	box-shadow: 1px 2px 4px #CCCCCC;
}

/* Levels 2 and 3 drop menus: link or button. */
.linklevel2, .linklevel3 {
	border: 1px solid transparent;
	color: black;
	/* Applying a default transparent border stops links jumping on hover. */
}

/* Admin menu icons. */
.linklevel2 > img {

}

/* Levels 2 and 3: hover effects. */
.listlevel2:hover .linklevel2, /* < highlighted with cursor over level 3. */
.linklevel2:hover, .linklevel2:focus, .linklevel2.sfhover:focus,
.linklevel3:hover, .linklevel3:focus, .linklevel3.sfhover:focus {
	background: #7BB128;
	color: #FFFFFF;
	text-decoration: none;
}

/* Level 2: subsection indicators. */
.listlevel2.subsections .linklevel2:after {
	color: #CCCCCC;
	content: "\25BA";
	font-size: 1em;
}

/* Levels 2 and 3: highlighting of current section */
.linklevel2.chosen, .linklevel3.chosen {
	font-weight: bold;
}

.linklevel2:link, .linklevel2:visited, .linklevel3:link, .linklevel3:visited {
	border: 1px solid #FFFFFF;
}

/* Styles for sidebar menus. */
/* Same styling for Level 1 and Level 2. */
#menu_sidebar .linklevel1, #menu_sidebar .linklevel2 {
	border-color: transparent;
	color: black;
}

#menu_sidebar .linklevel1:hover, #menu_sidebar .linklevel1:focus, #menu_current_area .linklevel1,
#menu_sidebar .linklevel2:hover, #menu_sidebar .linklevel2:focus {
	border-color: darkgray;
	background: gainsboro;
	color: black;
	text-decoration: none;
}

#menu_current_area .linklevel1 {
	font-weight: bold;
}

/* Level 1: subsection indicators. */
#menu_sidebar .listlevel1.subsections .linklevel1:after {
	position: absolute;
	right: 6px;
	content: "\25BA";
	font-size: 1em;
}

/* -------------------------------------------------------
 *	$PAGELINKS
 * -------------------------------------------------------
 */

.selectbox, .pagelinks {
	color: #555555;
}

.pagelinks .navPages {
	margin: 0 2px;
	color: #555555;
}

.pagelinks .navPages:hover, .pagelinks .current_page {
	background: #7BB128;
	color: white;
	text-decoration: none;
}

.pagelinks .navPages, .pagelinks .current_page {
	border-radius: 8px;
	border-color: transparent;
}

/* our buddies &laquo; &raquo; */
.small_pagelinks:before {
	float: left;
	color: #999999;
	content: '\00AB';
	font-size: 1.286em;
	line-height: 1.3em;
}

.small_pagelinks:after {
	color: #999999;
	line-height: 1.3em;
}

/* Globally accessible top/bottom links. */
#gotop, #gobottom {
	border-color: #222222;
	background: #111111;
	color: #EEEEEE;
	opacity: 0.2;
}

#gobottom {

}

#gotop:hover, #gobottom:hover {
	color: #444444;
	opacity: 1;
}

/* Skip navigation link. */
#top {
	border-color: #1E69DE;
	background: #FEFEFE;
}

#top:focus {
	top: 0;
}

/* -------------------------------------------------------
 *	$TABLES
 * -------------------------------------------------------
 */

.table_grid {
	border-color: transparent;
}

.table_head > th {
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.table_grid td, .letterspacing{
	border-color: #ccc;
}

/* -------------------------------------------------------
 * $BOARDS
 * -------------------------------------------------------
 */
.board_latest {
	border-left-color: transparent;
}

/* -------------------------------------------------------
 *	$MAIN.
 * -------------------------------------------------------
 */
#wrapper {
	border: 1px solid #CCCCCC;
	border-top: none;
	background: white;
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#forumtitle {
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 2px #FFFFFF;
	font-weight: bolder;
	font-size: 2.5em;
}

#forumtitle > a {
	color: #43A8DA;
}

/* News section. */
#news {
	padding: 8px;
	background-color: #F9F9F9;
	font-size: 0.929em;
	border-color: #FFFFFF;
}

#news > h2 {
	color: #7BB128;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.2em;
}

#news_line, #elkFadeScroller {
	overflow: auto;
	padding: 3px;
	min-height: 60px;
	height: 60px;
	color: #666666;
}

#news_line .bbc_link, #elkFadeScroller .bbc_link {
	resize: none;
}

/* -------------------------------------------------------
 *	$LINKTREE
 * -------------------------------------------------------
 */

.navigate_section {
	margin: 4px 0 0 0;
	border: 1px solid #EEEEEE;
}

.linktree {
	border-color: transparent;
}

.linktree:not(:last-child):after {
	top: 0.25em;
	width: 1.5em;
	height: 1.5em;
	background-image: linear-gradient(45deg, #FFFFFF 0%, #FFFFFF 50%, #EEEEEE 50%, #EEEEEE 100%);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* -------------------------------------------------------
 *	$BUTTONS
 * -------------------------------------------------------
 */
.buttonlist li a.linklevel1 {
	text-transform: none;
}

/* -------------------------------------------------------
 * $BOARDS
 * -------------------------------------------------------
 */
.board_name > a {
	color: #43A8DA;
	font-weight: bold;
	font-size: 1.214em;
}

.board_row,
.childboard_row,
.forumposts > li,
.content_category > div,
.content_category > li {
	border-color: transparent;
}

.board_row, .childboard_row {
	border-bottom: 1px solid #EEEEEE;
}

.childboards {
	border-top: none;
	display: none;
}

.topic_name h4 a {
	color: #43A8DA;
}

.topic_listing .warningbox {
	margin-bottom: 6px;
}

.qaction_row {
	background: #FFFFFF;
}

.approvetopic_row, .approve_row {
	background: #FFF5CD;
}

.sticky_row, .locked_row.sticky_row {
	background: #F0F0FF;
}

.locked_row {
	background: #F0F0FF;
}

#topic_icons {
	border: 1px solid #DDDDDD;
}

.modified {
	color: #888888;
	font-size: 0.714em;
}

.views_text {
	display: none;
}

.ic_section_header {
	border-bottom: none;
}

#ic_recentposts td, #ps_recentposts td, #ps_recenttopics td {
	border-top-color: transparent;
}

#posting_icons {
	margin: 0 0 2em 0.25em;
}

#description_board .generalinfo, #forumposts .generalinfo {
	border-color: transparent;
}

.topic_listing > li {
	border-color: transparent;
}

.topic_listing li {
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}

.topic_listing li.sticky_row {
	border-bottom: 1px solid #FFFFFF;
}

.post_wrapper {
	border: 1px solid #EAEAEA;
	border-radius: 10px;
}

/* We need an offset for some of our anchors due to the fixed top navigation */
.post_anchor, .pm_anchor, #new {
	display: block;
	visibility: hidden;
	margin-top: -45px;
	padding-top: 45px;
}


/* On to the posts */
#searchform {
	background: #e4e4e4;
}

#quickreplybox, #forumposts, #recentposts, #pmFolder, #topic_summary, #preview_section {
}

.inner {
	border: none;
}

/* Poor Mans lightbox support */
#elk_lightbox {
	background: rgba(0, 0, 0, .5);
}

#elk_lb_content.expand {
	border-color: #fff;
}

#elk_lb_expand {
	border-color: #CCCCCC;
}

#elk_lb_expand:before {
	color: #BBBBBB;
}

#forumposts > div.forumposts, #recentposts > div.forumposts {
	border-color: transparent;
}

.forumposts, .profile_content {
	background: #F6F6F6;
}

.forumposts:nth-of-type(even) {
	margin-top: 2px;
	background: #FCFCFC;
}

.forumposts:nth-of-type(odd) {
	margin-top: 2px;
	background: #F6F6F6;
}

.content_noframe {
	box-shadow: none;
}

.approvebg {
	background-color: #FFF5CD;
}

.board_stats {
	float: left;
	padding: 1px 6px 1px 0;
	text-align: left;
}

.small_pagelinks li {
	border: none;
}

#expanded_pages_container {
	border: 1px solid #EEEEEE;
	border-radius: 2px;
	background: #FFFFFF;
}

#pages_scroll_left, #pages_scroll_right {
	background-color: #FFFFFF;
}

#sort_by {
	border: 1px solid #EEEEEE;
	border-bottom: none;
}

#sort_by.topic_sorting_recent {
	border-color: #D1D1D1;
}

/* -------------------------------------------------------
 *	$TOPICS
 * -------------------------------------------------------
 */

/* Poll results */
#poll_options .options .statsbar .bar {
	border-radius: 4px;
}

#poll_options .options .percentage {
	border-radius: 4px;
	background: #FFFFFF;
}
.topic_details {
	border-bottom-color: #ccc;
}

/* -------------------------------------------------------
 *	$EDITOR
 * -------------------------------------------------------
 */

.drop_area {
	border-color: #CCCCCC;
	border-radius: 5px;
	background-color: #EEEEEE;
	color: #43A8DA;
}

.statusbar {
	border-top-color: #A9CCD1;
	border-bottom-color: #A9CCD1;
	background: #EEEEEE;
}

.progressBar {
	border-color: #DDDDDD;
}

.progressBar div {
	background-color: #43A8DA;
	color: #FFFFFF;
}

.remove {
	background-color: #A8352F;
}

.abort {
	border: 2px solid #A8352F;
}

.share {
	background-color: #008000;
}

.drop_attachments_error {
	color: #FF0000;
}

#preview_body {
	border-color: transparent;
}

#postAdditionalOptions, #postDraftOptions {
	border-color: transparent;
}

#postAdditionalOptionsNC {
	border-color: transparent;
}

#postDraftOptions .settings dd, #postDraftOptions .settings dt {
	border-color: transparent;
}


/* -------------------------------------------------------
 *	$BOXES
 * -------------------------------------------------------
 */

/* Lotsa boxes. */
.description, .information, .warningbox, .successbox, .infobox, .errorbox {
	border-color: #CCCCCC;
	background: #FFFFFF;
}

/* Information boxes. */
.information {
	background: #F0F6F0;
}

/* More little boxes on a hillside. */
.warningbox, .successbox, .infobox, .errorbox {
	padding: 6px 12px;
	border-left-width: 5px;
}

.warningbox {
	border: 1px solid #FFD324;
	background: #FFF6CA;
}

.successbox {
	border: 1px solid #9ECE9E;
	background: #E8F5DF;
}

.infobox {
	border: 1px solid #3A87AD;
	background: #D9EDF7;
}

.errorbox {
	border: 1px solid #CE9E9E;
	background: #F5DFDF;
}

/* -------------------------------------------------------
 *	$PROGRESS
 * -------------------------------------------------------
 */
.progress_bar {
	border-color: #999999;
	background: white;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.progress_bar .full_bar {
	color: black;
}

.progress_bar .green_percent {
	background-color: #7BB128;
}

.progress_bar .blue_percent {
	background-color: #43A8DA;
}

/* -------------------------------------------------------
 *	$TOPICS
 * -------------------------------------------------------
 */

/* All the signatures used in the forum. */
.signature, .attachments, .custom_fields_above_signature {
	border-top-color: #E1E1E1;
}

.signature {
	opacity: 0.9;
}

/* -------------------------------------------------------
 *	$PROFILE
 * -------------------------------------------------------
 */

.generic_border {
	border-color: #CCCCCC;
}

#warndiv .ui-widget-header {
	background: transparent;
}

#warndiv .watched .ui-widget-header {
	background: green;
}

#warndiv .moderated .ui-widget-header {
	background: orange;
}

#warndiv .muted .ui-widget-header {
	background: red;
}

/* Profile colors */
.activity_stats li span {
	border-color: #555555;
	border-right-style: none;
	border-left-style: none;
	background: #EEEEEE;
}

.activity_stats li .bar {
	border-color: #CCCCCC;
	border-bottom: none;
	background: #FFFFFF;
}

.activity_stats li .bar div {
	background: #43A8DA;
}

/* -------------------------------------------------------
 *	$CALENDAR
 * -------------------------------------------------------
 */
.calendar_table {
	border-top-color: transparent;
}

#calendar_navigation {
	border-color: transparent;
}

/* -------------------------------------------------------
 *	$HELP
 * -------------------------------------------------------
 */

#helpmain {
	border-color: #CCCCCC;
	box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
}

a.help .icon {
	padding: 0 4px 2px 0;
	vertical-align: middle;
}

/* Styles for the tooltips. */
.tooltip {
	border-color: #AAAAAA;
	background: #FFFFFF;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

/* The darkened background for help pop-ups. */
.popup_container {
	background: rgba(0, 0, 0, 0.4);
}

/* The actual pop-up wrapper. */
.popup_window {
	border-color: #777777;
	border-radius: 7px 7px 3px 3px;
	background-color: #FAFAFA;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.6);
}

/* The text content, hopefully helpful. */
.popup_content {
	border-color: #BBBBBB;
	border-bottom: 1px solid #CCCCCC;
	border-radius: 6px 6px 2px 2px;
	background: #F5F5F5;
	box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15);
}

/* -------------------------------------------------------
 *	$SEARCH
 * -------------------------------------------------------
 */

.search_results_posts > li {
	border-bottom: 4px solid #DDDDDD;
}

.ignoreboards a {
	border-bottom-color: transparent;
}

/* -------------------------------------------------------
 *	$STATISTICS
 * -------------------------------------------------------
 */

.statistics .category_header {
	border-color: #CCCCCC;
	background: none;
	text-shadow: none;
}

.statistics .flow_hidden, #forum_history .flow_hidden {
	border-color: #DDDDDD;
	background: #FEFEFE;
}

.stats.floatleft {
	border-right-color: #CCCCCC;
}

#top_row .stats dd, .statsbar {
	border-color: #EEEEEE;
	background: #FFFFFF;
}

/* Methinks topic links, etc need a little more oomph next to the orange bars. */
#top_row .stats dd {
	border: 1px solid transparent;
	background: none;
}

.statsbar {
	border-radius: 4px;
}

.statsbar .bar {
	border-radius: 4px 0 0 4px;
	background: #43A8DA;
}

/* Absolute positioning stops these breaking the bars on narrow screens. */
.statsbar .righttext {
	background: #FFFFFF;
}

/* -------------------------------------------------------
 * $TABS
 * -------------------------------------------------------
 */

.ui-tabs .ui-tabs-panel {
	padding-top: 0;
	border-color: transparent;
	border-top: 8px solid #F6F6F6;
}

.ui-tabs .ui-tabs-nav li {
	margin-left: 2px;
	border: 2px solid #F0F0F0;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	box-shadow: 2px 0 0 rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
}

.ui-tabs .ui-tabs-nav .ui-state-active a,
.ui-tabs .ui-tabs-nav .ui-state-active {
	font-weight: normal;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	outline: none;
	border-bottom-color: #CCCCCC;
	border-radius: 5px 5px 0 0;
	background: #F0F0F0;
}

.ui-tabs .ui-tabs-nav .ui-state-default .ui-tabs-anchor {
	background: #FFFFFF;
	color: #333333;
}

.ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav .ui-state-active {
	border-radius: 5px 5px 0 0;
	background: #F6F6F6;
	color: #333333;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover .ui-tabs-anchor {
	background: #F0F0F0;
	color: #555555;
	text-decoration: none;
}

.admin_menu .subsections:hover .linklevel1:after {
	display: none;
}

#ourAnnouncements dt, #ourAnnouncements dd {
	border-top-color: #ccc !important;
}

/* floating error box currently used by like functionality */
.floating_error {
	border-color: #E4E4E4;
	background: #FFFFFF;
	background: rgba(255, 255, 255, 1);
	color: #404040;
}

.floating_error .error_heading {

}

.floating_error .error_msg {
	color: #3D3C3C;
}

.floating_error .error_btn {
	border-top-color: #D6D6D6;
	color: #157DFB;
}

.floating_error .error_btn:hover {
	cursor: pointer;
}

/* -------------------------------------------------------
 *	$MEMBERLIST
 * -------------------------------------------------------
 */

.mlist .mlist_header div {
	border-top: 1px solid #CCCCCC;
}

.mlist li div, .whos_online dt div, .whos_online dd:nth-child(odd) div {
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
}

.mlist li.alternate_row div, .whos_online dd:nth-child(even) div {
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #FAFAFA;
}

.mlist li div:first-child {
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
}

.mlist li div:last-child {
	border-right-color: #CCCCCC;
	border-top-color: #CCCCCC;
}

.letter_row > h3 {
	border-color: #CCCCCC;
	border-bottom: none;
}

#error_log, .error_where {
    border-top-color: #CCCCCC !important;
}

.iconline {
	background: #B4E391;
	background-image: linear-gradient(to bottom, #B4E391 0%,#61c419 50%,#B4E391 100%);
	border-color: #27A348;
}

.icoffline {
	background: #BBBBBB;
	background-image: linear-gradient(to bottom, #BBBBBB 0%,#6f6f6f 50%,#BBBBBB 100%);
	border-color: #828282;
}

/***************************************************************************
 * These icons, unless otherwise indicated are from IcoMoon Free (CC BY 4.0)
 * the remaining, as indicated, are from Font Awesome (SIL OFL 1.1)
 *
 * Where an icon was renamed, I list the original name in a comment.
 **************************************************************************/

/* Direction icons */
.i-chevron-up::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='0.1em' fill='white' viewBox='0 0 60 60'%3E%3Cpath d='M46.452 37.356c-1.308 1.338-3.13 1.443-4.728 0L30 26.116l-11.724 11.24c-1.6 1.443-3.423 1.338-4.722 0-1.308-1.335-1.224-3.59 0-4.845 1.218-1.25 14.086-13.503 14.086-13.503C28.29 18.337 29.143 18 30 18s1.71.336 2.367 1.005c0 0 12.86 12.252 14.085 13.506 1.227 1.257 1.308 3.51 0 4.848z'/%3E%3C/svg%3E");
}

.i-chevron-down::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='0.1em' fill='white' viewBox='0 0 60 60'%3E%3Cpath d='M13.548 22.644c1.308-1.338 3.13-1.443 4.728 0L30 33.884l11.724-11.24c1.6-1.443 3.423-1.338 4.722 0 1.308 1.335 1.224 3.59 0 4.845-1.218 1.25-14.086 13.503-14.086 13.503C31.71 41.663 30.857 42 30 42s-1.71-.336-2.367-1.005c0 0-12.86-12.252-14.085-13.506-1.227-1.257-1.308-3.51 0-4.848z'/%3E%3C/svg%3E");
}

.i-chevron-circle-right::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#000' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0zm0 29C8.82 29 3 23.18 3 16S8.82 3 16 3s13 5.82 13 13-5.82 13-13 13z'/%3E%3Cpath d='M11.086 22.086l2.83 2.83L22.828 16l-8.915-8.913-2.828 2.828L17.173 16z'/%3E%3C/svg%3E");
}

.i-chevron-circle-left::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#000' viewBox='0 0 32 32'%3E%3Cpath d='M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16zm0-29c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 23.18 3 16 8.82 3 16 3z'/%3E%3Cpath d='M20.914 9.914l-2.83-2.83L9.172 16l8.915 8.913 2.828-2.828L14.827 16z'/%3E%3C/svg%3E");
}

/* Dots, these are simple SVG geometry icons and are not from any font set */
.i-green-dot::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='grey' stroke-width='0.07em' fill='%234CAF50' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15'/%3E%3C/svg%3E");
}

.i-red-dot::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='grey' stroke-width='0.07em' fill='%23F44336' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15'/%3E%3C/svg%3E");
}

/* Communication icons */
.i-envelope-o::before, .i-envelope::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='orange' viewBox='0 0 32 32'%3E%3Cpath d='M32 12.68v14.178q0 1.18-.84 2.018t-2.017.84H2.857q-1.18 0-2.018-.84T0 26.858v-14.18q.786.876 1.804 1.555 6.464 4.393 8.875 6.16 1.013.75 1.65 1.17t1.69.858 1.96.44h.035q.91 0 1.963-.44t1.69-.852 1.65-1.17q3.037-2.196 8.894-6.16 1.02-.697 1.786-1.557zm0-5.25q0 1.41-.875 2.695t-2.18 2.196l-8.355 5.81q-.18.125-.76.545t-.967.68-.93.58-1.026.48-.894.163h-.036q-.41 0-.892-.16t-1.027-.483-.928-.58-.964-.68-.76-.545q-1.625-1.143-4.68-3.26T3.07 12.32q-1.11-.75-2.09-2.06t-.982-2.44q0-1.393.74-2.32t2.117-.93H29.14q1.162 0 2.01.84t.848 2.017z'/%3E%3C/svg%3E");
}

.i-envelope-blank::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2343a8da' viewBox='0 0 3584 3584'%3E%3Cpath d='M3584 1420v1588q0 132-94 226t-226 94h-2944q-132 0-226-94t-94-226v-1588q88 98 202 174 724 492 994 690 114 84 185 131t189 96 220 49h2 2q102 0 220-49t189-96 185-131q340-246 996-690 114-78 200-174z m0-588q0 158-98 302t-244 246q-752 522-936 650-20 14-85 61t-108 76-104 65-115 54-100 18h-2-2q-46 0-100-18t-115-54-104-65-108-76-85-61q-182-128-524-365t-410-285q-124-84-234-231t-110-273q0-156 83-260t237-104h2944q130 0 225 94t95 226z'/%3E%3C/svg%3E");
}

.i-envelope-o-blank::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='orange' viewBox='0 0 3584 3584'%3E%3Cpath d='M3328 3008v-1536q-64 72-138 132-536 412-852 676-102 86-166 134t-173 97-205 49h-2-2q-96 0-205-49t-173-97-166-134q-316-264-852-676-74-60-138-132v1536q0 26 19 45t45 19h2944q26 0 45-19t19-45z m0-2102v-22-27t-1-26-6-25-11-18-18-15-28-5h-2944q-26 0-45 19t-19 45q0 336 294 568 386 304 802 634 12 10 70 59t92 75 89 63 101 55 86 18h2 2q40 0 86-18t101-55 89-63 92-75 70-59q416-330 802-634 108-86 201-231t93-263z m256-74v2176q0 132-94 226t-226 94h-2944q-132 0-226-94t-94-226v-2176q0-132 94-226t226-94h2944q132 0 226 94t94 226z'/%3E%3C/svg%3E");
}


/* Help, info, warning (circular icons) */

.i-help::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231966b3' viewBox='0 0 32 32'%3E%3Cpath d='M14 22h4v4h-4zm8-14c1.105 0 2 .895 2 2v6l-6 4h-4v-2l6-4v-2H10V8h12zm-6-5c-3.472 0-6.737 1.352-9.192 3.808S3 12.528 3 16c0 3.472 1.352 6.737 3.808 9.192S12.528 29 16 29c3.472 0 6.737-1.352 9.192-3.808S29 19.472 29 16c0-3.472-1.352-6.737-3.808-9.192S19.472 3 16 3zm0-3c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0z'/%3E%3C/svg%3E");
}

.i-warning::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e86100' viewBox='0 0 32 32'%3E%3Cpath d='M16 3c-3.472 0-6.737 1.352-9.192 3.808S3 12.528 3 16c0 3.472 1.352 6.737 3.808 9.192S12.528 29 16 29c3.472 0 6.737-1.352 9.192-3.808S29 19.472 29 16c0-3.472-1.352-6.737-3.808-9.192S19.472 3 16 3zm0-3c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0zm-2 22h4v4h-4zm0-16h4v12h-4z'/%3E%3C/svg%3E");
}

.i-warning-watch::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231ab31a' viewBox='0 0 32 32'%3E%3Cpath d='M16 3c-3.472 0-6.737 1.352-9.192 3.808S3 12.528 3 16c0 3.472 1.352 6.737 3.808 9.192S12.528 29 16 29c3.472 0 6.737-1.352 9.192-3.808S29 19.472 29 16c0-3.472-1.352-6.737-3.808-9.192S19.472 3 16 3zm0-3c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0zm-2 22h4v4h-4zm0-16h4v12h-4z'/%3E%3C/svg%3E");
}

.i-warning-moderate::before, .i-post_moderation_moderate::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF9800' viewBox='0 0 32 32'%3E%3Cpath d='M16 3c-3.472 0-6.737 1.352-9.192 3.808S3 12.528 3 16c0 3.472 1.352 6.737 3.808 9.192S12.528 29 16 29c3.472 0 6.737-1.352 9.192-3.808S29 19.472 29 16c0-3.472-1.352-6.737-3.808-9.192S19.472 3 16 3zm0-3c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0zm-2 22h4v4h-4zm0-16h4v12h-4z'/%3E%3C/svg%3E");
}

.i-warning-mute::before, .i-post_moderation_deny::before, .i-fail::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F44336' viewBox='0 0 32 32'%3E%3Cpath d='M16 3c-3.472 0-6.737 1.352-9.192 3.808S3 12.528 3 16c0 3.472 1.352 6.737 3.808 9.192S12.528 29 16 29c3.472 0 6.737-1.352 9.192-3.808S29 19.472 29 16c0-3.472-1.352-6.737-3.808-9.192S19.472 3 16 3zm0-3c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0zm-2 22h4v4h-4zm0-16h4v12h-4z'/%3E%3C/svg%3E");
}

/* General icons */
.i-close::before, .i-remove::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23af0101' viewBox='-4 -4 40 40'%3E%3Cpath d='M31.708 25.708L22 16l9.708-9.708c.105-.105.18-.227.23-.357.132-.356.056-.77-.23-1.057L27.122.292c-.286-.286-.702-.36-1.057-.23-.13.05-.252.125-.357.23L16 9.998 6.292.29C6.187.188 6.065.11 5.935.064c-.356-.133-.77-.057-1.057.23L.292 4.877c-.286.286-.36.702-.23 1.057.05.13.125.252.23.357L10 16 .292 25.708c-.104.105-.18.227-.23.357-.132.355-.056.77.23 1.057l4.586 4.586c.286.286.702.36 1.057.23.13-.05.252-.125.357-.23L16 22l9.708 9.708c.105.105.227.18.357.23.356.132.77.056 1.057-.23l4.586-4.586c.286-.286.362-.702.23-1.057-.05-.13-.125-.252-.23-.357z'/%3E%3C/svg%3E");
}

/* red triangle */
.i-alert::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F44336' viewBox='0 0 32 32'%3E%3Cpath d='M18.286 24.554V21.16q0-.25-.17-.42t-.402-.17h-3.43q-.23 0-.4.17t-.17.42v3.394q0 .25.17.42t.4.17h3.43q.232 0 .402-.17t.17-.42zm-.036-6.68l.32-8.195q0-.216-.178-.34-.232-.197-.43-.197h-3.928q-.196 0-.43.196-.178.124-.178.374l.304 8.16q0 .18.18.296t.428.117h3.304q.25 0 .42-.116t.188-.293zM18 1.197L31.714 26.34q.625 1.124-.036 2.25-.304.517-.83.82t-1.134.304H2.284q-.606 0-1.133-.304t-.83-.82q-.66-1.126-.034-2.25L14 1.195q.303-.554.838-.875t1.16-.32 1.162.32.84.876z'/%3E%3C/svg%3E");
}

.i-warn::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF9800' viewBox='0 0 32 32'%3E%3Cpath d='M18.286 24.554V21.16q0-.25-.17-.42t-.402-.17h-3.43q-.23 0-.4.17t-.17.42v3.394q0 .25.17.42t.4.17h3.43q.232 0 .402-.17t.17-.42zm-.036-6.68l.32-8.195q0-.216-.178-.34-.232-.197-.43-.197h-3.928q-.196 0-.43.196-.178.124-.178.374l.304 8.16q0 .18.18.296t.428.117h3.304q.25 0 .42-.116t.188-.293zM18 1.197L31.714 26.34q.625 1.124-.036 2.25-.304.517-.83.82t-1.134.304H2.284q-.606 0-1.133-.304t-.83-.82q-.66-1.126-.034-2.25L14 1.195q.303-.554.838-.875t1.16-.32 1.162.32.84.876z'/%3E%3C/svg%3E");
}

.i-check::before, .i-post_moderation_allow::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234CAF50' viewBox='0 0 32 32'%3E%3Cpath d='M27 4L12 19l-7-7-5 5 12 12L32 9z'/%3E%3C/svg%3E");
}

/* Was globe */
.i-website::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23006994' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0zm0 30c-1.967 0-3.84-.407-5.538-1.14l7.286-8.196c.163-.183.253-.42.253-.664v-3c0-.552-.44-1-1-1-3.53 0-7.25-3.67-7.29-3.707C9.52 12.105 9.27 12 9 12H5c-.55 0-1 .448-1 1v6c0 .38.215.725.554.894L8 21.618v5.87C4.375 24.96 2 20.76 2 16c0-2.147.485-4.18 1.35-6H7c.266 0 .52-.105.708-.293l4-4C11.896 5.52 12 5.265 12 5V2.58c1.27-.376 2.61-.58 4-.58 2.2 0 4.282.508 6.135 1.412-.13.11-.256.224-.376.345C20.62 4.89 20 6.397 20 8s.624 3.11 1.757 4.243c1.14 1.14 2.663 1.757 4.24 1.757.1 0 .198 0 .297-.006.432 1.62 1.21 5.833-.263 11.635-.01.05-.02.1-.02.16-2.54 2.6-6.08 4.21-10 4.21z'/%3E%3C/svg%3E");
}

.i-external-link::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 2v24h24V2H6zm22 22H8V4h20v20zM4 28V7L2 5v25h25l-2-2H4z'/%3E%3Cpath d='M11 8l5 5-6 6 3 3 6-6 5 5V8z'/%3E%3C/svg%3E");
}

/* Was pencil */
.i-modify::before, .i-pencil::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238B7500' viewBox='0 0 32 32'%3E%3Cpath d='M27 0c2.76 0 5 2.24 5 5 0 1.126-.372 2.164-1 3l-2 2-7-7 2-2c.836-.628 1.874-1 3-1zM2 23l-2 9 9-2 18.5-18.5-7-7L2 23zm20.362-11.638l-14 14-1.724-1.724 14-14 1.724 1.724z'/%3E%3C/svg%3E");
}

/* Was bar-chart */
.i-poll::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231966b3' viewBox='0 0 32 32'%3E%3Cpath d='M0 26h32v4H0zm4-8h4v6H4zm6-8h4v14h-4zm6 6h4v8h-4zm6-12h4v20h-4z'/%3E%3C/svg%3E");
}



.i-comment::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2343a8da' viewBox='0 0 32 32'%3E%3Cpath d='M16 2c8.837 0 16 5.82 16 13s-7.163 13-16 13c-.85 0-1.682-.054-2.495-.158C10.068 31.28 5.965 31.895 2 31.986v-.84c2.142-1.05 4-2.962 4-5.146 0-.305-.024-.604-.068-.897C2.312 22.72 0 19.08 0 15 0 7.82 7.163 2 16 2z'/%3E%3C/svg%3E");
}

.i-comment-blank::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2343a8da' viewBox='0 0 32 32'%3E%3Cpath d='M16 6c-1.717 0-3.375.27-4.928.804-1.46.502-2.76 1.21-3.863 2.108C5.14 10.592 4 12.755 4 15c0 1.26.35 2.48 1.04 3.63.71 1.185 1.78 2.268 3.092 3.133.95.625 1.587 1.623 1.755 2.747.056.375.09.753.105 1.13.233-.195.46-.402.684-.625.755-.755 1.774-1.172 2.828-1.172.168 0 .336.01.505.032.653.083 1.323.126 1.99.126 1.715 0 3.373-.27 4.926-.802 1.46-.502 2.76-1.21 3.863-2.108C26.86 19.407 28 17.245 28 15s-1.14-4.406-3.21-6.087c-1.104-.897-2.404-1.606-3.863-2.108C19.374 6.27 17.717 6 16 6zm0-4c8.837 0 16 5.82 16 13s-7.163 13-16 13c-.85 0-1.682-.054-2.495-.158C10.068 31.28 5.965 31.895 2 31.986v-.84c2.142-1.05 4-2.962 4-5.146 0-.305-.024-.604-.068-.897C2.312 22.72 0 19.08 0 15 0 7.82 7.163 2 16 2z'/%3E%3C/svg%3E");
}

.i-bell::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='orange' viewBox='0 0 32 32'%3E%3Cpath d='M32.047 25c0-9-8-7-8-14 0-.58-.056-1.076-.158-1.498-.53-3.532-2.88-6.366-5.93-7.23.023-.123.04-.25.04-.382C18 .85 17.1 0 16 0s-2 .85-2 1.89c0 .13.014.258.04.382-3.42.97-5.965 4.416-6.038 8.545L8 11c0 7-8 5-8 14 0 2.382 5.33 4.375 12.468 4.878C13.14 31.14 14.47 32 16 32s2.86-.86 3.532-2.122C26.67 29.375 32 27.383 32 25v-.02l.047.02zm-6.227 1.69c-1.695.453-3.692.778-5.837.96C19.805 25.604 18.09 24 16 24s-3.806 1.605-3.985 3.65c-2.144-.18-4.142-.507-5.837-.96-2.332-.62-3.447-1.317-3.855-1.69.408-.372 1.523-1.068 3.855-1.69 2.712-.725 6.2-1.123 9.82-1.123s7.11.398 9.82 1.122c2.332.62 3.447 1.314 3.855 1.69-.408.37-1.523 1.065-3.855 1.69z'/%3E%3C/svg%3E");
}

.i-bell-blank::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2343a8da' viewBox='0 0 32 32'%3E%3Cpath d='M32.047 25c0-9-8-7-8-14 0-.58-.056-1.076-.158-1.498-.53-3.532-2.88-6.366-5.93-7.23.023-.123.04-.25.04-.382C18 .85 17.1 0 16 0s-2 .85-2 1.89c0 .13.014.258.04.382-3.42.97-5.965 4.416-6.038 8.545L8 11c0 7-8 5-8 14 0 2.382 5.33 4.375 12.468 4.878C13.14 31.14 14.47 32 16 32s2.86-.86 3.532-2.122C26.67 29.375 32 27.383 32 25v-.02l.047.02zm-6.227 1.69c-1.695.453-3.692.778-5.837.96C19.805 25.604 18.09 24 16 24s-3.806 1.605-3.985 3.65c-2.144-.18-4.142-.507-5.837-.96-2.332-.62-3.447-1.317-3.855-1.69.408-.372 1.523-1.068 3.855-1.69 2.712-.725 6.2-1.123 9.82-1.123s7.11.398 9.82 1.122c2.332.62 3.447 1.314 3.855 1.69-.408.37-1.523 1.065-3.855 1.69z'/%3E%3C/svg%3E");
}

/* From Font Awesome */
.i-user::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231966b3' viewBox='0 0 3584 3584'%3E%3Cpath d='M3200 2810q0 240-146 379t-388 139h-1748q-242 0-388-139t-146-379q0-106 7-207t28-218 53-217 86-195 124-162 171-107 223-40q18 0 84 43t149 96 216 96 267 43 267-43 216-96 149-96 84-43q122 0 223 40t171 107 124 162 86 195 53 217 28 218 7 207z m-640-1786q0 318-225 543t-543 225-543-225-225-543 225-543 543-225 543 225 225 543z'/%3E%3C/svg%3E");
}

.i-user-plus::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23aeaeae' d='M12 23c0-4.726 2.996-8.765 7.19-10.32.508-1.14.81-2.41.81-3.68 0-4.97 0-9-6-9S8 4.03 8 9c0 3.096 1.797 6.19 4 7.432v1.65C5.216 18.636 0 21.97 0 26h12.416c-.27-.956-.416-1.96-.416-3z'/%3E%3Cpath fill='2327A348' d='M23 14c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zm5 10h-4v4h-2v-4h-4v-2h4v-4h2v4h4v2z'/%3E%3C/svg%3E");
}

.i-user-minus::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23aeaeae' d='M12 23c0-4.726 2.996-8.765 7.19-10.32.508-1.14.81-2.41.81-3.68 0-4.97 0-9-6-9S8 4.03 8 9c0 3.096 1.797 6.19 4 7.432v1.65C5.216 18.636 0 21.97 0 26h12.416c-.27-.956-.416-1.96-.416-3z'/%3E%3Cpath fill='red' d='M23 14c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zm5 10H18v-2h10v2z'/%3E%3C/svg%3E");
}

/* From Font Awesome */
.i-users::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777777' viewBox='0 0 34 32'%3E%3Cpath d='M10.59 16q-2.894.09-4.733 2.286H3.464Q2 18.286 1 17.563t-1-2.116q0-6.304 2.214-6.304.107 0 .777.375t1.744.76 2.125.383q1.195 0 2.374-.41-.09.66-.09 1.18 0 2.48 1.447 4.57zm19.124 11.375q0 2.143-1.304 3.384T24.946 32H9.34q-2.162 0-3.465-1.24T4.57 27.374q0-.946.064-1.848t.25-1.946.473-1.937.768-1.74 1.107-1.447T8.76 17.5t1.99-.356q.18 0 .768.384t1.304.857 1.91.857 2.412.384 2.41-.384 1.912-.857 1.304-.857.768-.384q1.09 0 1.99.357t1.528.958 1.107 1.446.768 1.74.476 1.94.25 1.945.063 1.847zM11.43 4.57q0 1.894-1.34 3.233t-3.232 1.34-3.232-1.34-1.34-3.232 1.34-3.23T6.858 0t3.232 1.34 1.34 3.23zM24 11.43q0 2.838-2.01 4.847t-4.847 2.01-4.848-2.01-2.01-4.848 2.01-4.85 4.848-2.01 4.848 2.01T24 11.43zm10.286 4.016q0 1.393-1 2.116t-2.464.723H28.43Q26.59 16.09 23.696 16q1.446-2.09 1.446-4.572 0-.518-.09-1.18 1.18.412 2.376.412 1.053 0 2.124-.384t1.74-.76.778-.374q2.214 0 2.214 6.304zM32 4.57q0 1.894-1.34 3.233t-3.23 1.34-3.233-1.34-1.34-3.232 1.34-3.23T27.43 0t3.23 1.34T32 4.57z'/%3E%3C/svg%3E");
}

.i-paperclip::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23828282' viewBox='0 0 32 32'%3E%3Cpath d='M20.807 10.22l-2.03-2.03-10.15 10.15c-1.682 1.68-1.682 4.407 0 6.088s4.408 1.68 6.09 0l12.18-12.178c2.804-2.802 2.804-7.346 0-10.148-2.802-2.803-7.347-2.803-10.15 0L3.96 14.89c-.01.008-.02.017-.027.025-3.91 3.91-3.91 10.245 0 14.153 3.908 3.908 10.246 3.908 14.156 0 .006-.01.013-.018.023-.027v.004l8.73-8.728-2.03-2.03-8.73 8.728c-.01.008-.018.018-.026.026-2.785 2.782-7.313 2.782-10.097 0-2.782-2.784-2.782-7.31 0-10.094l.03-.026v-.003L18.78 4.13c1.678-1.678 4.41-1.678 6.09 0s1.678 4.412 0 6.09L12.69 22.398c-.56.56-1.47.56-2.03 0-.56-.56-.56-1.47 0-2.03L20.81 10.22z'/%3E%3C/svg%3E");
}

.i-shuffle::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23828282' viewBox='0 0 32 32'%3E%3Cpath d='M24 22h-3.172l-5-5 5-5H24v5l7-7-7-7v5h-4c-.53 0-1.04.21-1.414.586L13 14.172 7.414 8.586C7.04 8.21 6.53 8 6 8H0v4h5.172l5 5-5 5H0v4h6c.53 0 1.04-.21 1.414-.586L13 19.828l5.586 5.586c.375.375.884.586 1.414.586h4v5l7-7-7-7v5z'/%3E%3C/svg%3E");
}

.i-share::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23EEEEEE' stroke-width='.07em' fill='white' viewBox='0 0 32 32'%3E%3Cpath d='M27 22c-1.4 0-2.7.6-3.6 1.53L9.95 16.8c.04-.27.06-.53.06-.8s0-.53-.02-.8L23.4 8.5c.92.94 2.2 1.52 3.6 1.52 2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5c0 .27.02.54.06.8L8.6 12.52C7.67 11.6 6.4 11 5 11c-2.76 0-5 2.24-5 5s2.24 5 5 5c1.4 0 2.7-.58 3.6-1.52l13.46 6.73c-.04.3-.06.57-.06.8 0 2.8 2.24 5 5 5s5-2.2 5-5-2.24-5-5-5z'/%3E%3C/svg%3E");
}

.i-search::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555' viewBox='0 0 32 32'%3E%3Cpath d='M31.008 27.23l-7.58-6.446c-.784-.705-1.622-1.03-2.3-.998C22.92 17.69 24 14.97 24 12c0-6.63-5.373-12-12-12S0 5.37 0 12s5.374 12 12 12c2.973 0 5.692-1.082 7.788-2.87-.03.676.293 1.514.998 2.298l6.447 7.58c1.105 1.226 2.908 1.33 4.008.23s.998-2.903-.23-4.007zM12 20c-4.418 0-8-3.582-8-8s3.582-8 8-8 8 3.582 8 8-3.582 8-8 8z'/%3E%3C/svg%3E");
}

.i-eye-plus::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555555' viewBox='0 0 32 32'%3E%3Cpath d='M32 4h-4V0h-4v4h-4v4h4v4h4V8h4z'/%3E%3Cpath d='M26.996 13.938c.576.64 1.1 1.33 1.563 2.062-1.2 1.89-2.79 3.498-4.67 4.697C21.524 22.204 18.8 23 16 23s-5.527-.796-7.89-2.303c-1.88-1.2-3.47-2.805-4.67-4.697 1.198-1.89 2.79-3.498 4.67-4.697.123-.078.247-.154.372-.228C8.172 11.93 8 12.85 8 13.812c0 4.418 3.582 8 8 8s8-3.582 8-8v-.065c-3.416-.88-5.948-3.957-6-7.635C17.345 6.038 16.677 6 16 6 9.02 6 2.972 10.062 0 16c2.972 5.935 9.02 10 16 10s13.027-4.065 16-10c-.55-1.102-1.21-2.138-1.958-3.096-.915.537-1.946.897-3.046 1.034zM13 10c1.657 0 3 1.343 3 3s-1.343 3-3 3-3-1.343-3-3 1.343-3 3-3z'/%3E%3C/svg%3E");
}

.i-view::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555555' viewBox='0 0 32 32'%3E%3Cpath d='M32 4h-4V0h-4v4h-4v4h4v4h4V8h4z'/%3E%3Cpath d='M16 6C9.02 6 2.97 10.06 0 16c2.97 5.94 9.02 10 16 10s13.03-4.06 16-10c-2.97-5.94-9.02-10-16-10zm7.9 5.3c1.87 1.2 3.46 2.8 4.66 4.7-1.2 1.9-2.8 3.5-4.67 4.7-2.4 1.5-5.1 2.3-7.9 2.3s-5.57-.8-7.9-2.3c-1.9-1.2-3.5-2.8-4.7-4.7 1.2-1.9 2.8-3.5 4.66-4.7l.37-.22c-.3.85-.48 1.77-.48 2.73 0 4.48 3.57 8 8 8s8-3.52 8-8c0-.9-.18-1.82-.5-2.7l.38.2zM16 13c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3z'/%3E%3C/svg%3E");
}

.i-account::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23555555' stroke-width='.07em' fill='%2343a8da' viewBox='0 0 32 32'%3E%3Cpath d='M25.143 25.09q0 2.142-1.304 3.383t-3.466 1.24H4.768q-2.16 0-3.464-1.24T0 25.09q0-.947.063-1.85t.25-1.945.473-1.938.768-1.74T2.66 16.17t1.528-.955 1.99-.357q.162 0 .75.384t1.33.857 1.93.855 2.384.384 2.384-.385 1.93-.857 1.33-.858.75-.384q1.088 0 1.99.357t1.527.955 1.107 1.446.768 1.74.473 1.94.25 1.945.065 1.85zM19.43 9.142q0 2.84-2.01 4.848T12.572 16t-4.848-2.01-2.01-4.847 2.01-4.848 4.848-2.01 4.848 2.01 2.01 4.848z'/%3E%3C/svg%3E");
}

.i-register::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23555555' stroke-width='.07em' fill='%2343a8da' viewBox='0 0 37 32'%3E%3Cpath d='M12.57 16q-2.838 0-4.847-2.01t-2.01-4.847 2.01-4.848 4.848-2.01 4.85 2.01 2.01 4.848-2.01 4.848T12.57 16zm17.144 2.286H36q.232 0 .402.17t.17.402v3.43q0 .23-.17.4t-.402.17h-6.286v6.287q0 .232-.17.402t-.402.17h-3.43q-.23 0-.4-.17t-.17-.402V22.86h-6.287q-.232 0-.402-.17t-.17-.403v-3.43q0-.23.17-.4t.402-.17h6.286V12q0-.232.17-.402t.406-.17h3.43q.23 0 .4.17t.17.402v6.286zm-13.143 4q0 .93.68 1.607t1.61.68h4.57v4.25q-1.213.892-3.053.892H4.767q-2.16 0-3.464-1.232T0 25.09q0-.946.062-1.848t.25-1.946.473-1.938.768-1.74T2.66 16.17t1.527-.954 1.99-.357q.34 0 .697.3 1.41 1.09 2.76 1.634t2.937.545 2.94-.545 2.76-1.634q.358-.303.697-.303 2.357 0 3.875 1.713H18.86q-.93 0-1.607.68t-.68 1.608v3.428z'/%3E%3C/svg%3E");
}

.i-home::before, .i-forum::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2343a8da' viewBox='0 0 32 32'%3E%3Cpath d='M32 18.45L16 6.03 0 18.45v-5.063L16 .967l16 12.42zM28 18v12h-8v-8h-8v8H4V18l12-9z'/%3E%3C/svg%3E");
}

.i-delete::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23FFFFFF' stroke-width='1px' fill='%23ff1310' viewBox='0 0 32 32'%3E%3Cpath d='M4 10v20c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V10H4zm6 18H8V14h2v14zm4 0h-2V14h2v14zm4 0h-2V14h2v14zm4 0h-2V14h2v14zm4.5-24H20V1.5c0-.82-.68-1.5-1.5-1.5h-7c-.82 0-1.5.68-1.5 1.5V4H3.5C2.68 4 2 4.68 2 5.5V8h26V5.5c0-.82-.68-1.5-1.5-1.5zM18 4h-6V2.02h6V4z'/%3E%3C/svg%3E");
}

.i-cog::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23555555' stroke-width='.07em' fill='%2343a8da' viewBox='0 0 32 32'%3E%3Cpath d='M29.18 19.07c-1.678-2.908-.668-6.634 2.256-8.328L28.29 5.295c-.897.527-1.942.83-3.057.83-3.36 0-6.085-2.743-6.085-6.126h-6.29c.01 1.04-.25 2.1-.81 3.07-1.68 2.903-5.41 3.892-8.34 2.21L.566 10.723c.905.515 1.69 1.268 2.246 2.234 1.677 2.904.673 6.624-2.24 8.32l3.145 5.447c.895-.522 1.935-.82 3.044-.82 3.35 0 6.07 2.725 6.087 6.092h6.29c-.004-1.036.258-2.08.81-3.04 1.676-2.903 5.4-3.894 8.325-2.22l3.145-5.446c-.9-.514-1.678-1.265-2.232-2.225zM16 22.48c-3.578 0-6.48-2.902-6.48-6.48S12.423 9.52 16 9.52c3.578 0 6.48 2.902 6.48 6.48s-2.902 6.48-6.48 6.48z'/%3E%3C/svg%3E");
}

.i-lock::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23555555' stroke-width='.07em' fill='%2343a8da' viewBox='0 0 32 32'%3E%3Cpath d='M18.5 14h-0.5v-6c0-3.308-2.692-6-6-6h-4c-3.308 0-6 2.692-6 6v6h-0.5c-0.825 0-1.5 0.675-1.5 1.5v15c0 0.825 0.675 1.5 1.5 1.5h17c0.825 0 1.5-0.675 1.5-1.5v-15c0-0.825-0.675-1.5-1.5-1.5zM6 8c0-1.103 0.897-2 2-2h4c1.103 0 2 0.897 2 2v6h-8v-6z'/%3E%3C/svg%3E");

}



.i-comments-blank::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555555' viewBox='0 0 36 32'%3E%3Cpath d='M15 4c-1.583 0-3.112.248-4.543.738-1.34.46-2.535 1.107-3.547 1.926C5.034 8.182 4 10.127 4 12.138c0 1.125.315 2.217.935 3.247.646 1.073 1.622 2.056 2.82 2.842.952.624 1.593 1.623 1.762 2.748.028.187.05.375.068.564.085-.08.17-.16.254-.25.75-.75 1.77-1.17 2.82-1.17.16 0 .33.01.5.03.6.08 1.22.112 1.83.112 1.58 0 3.11-.248 4.54-.738 1.34-.46 2.535-1.11 3.547-1.928 1.88-1.516 2.91-3.46 2.91-5.47s-1.03-3.958-2.91-5.476c-1.01-.82-2.205-1.464-3.546-1.923C18.115 4.25 16.585 4 15 4zm0-4c8.284 0 15 5.435 15 12.14s-6.716 12.138-15 12.138c-.796 0-1.576-.05-2.34-.147C9.44 27.34 5.72 27.92 2 28v-.785c2.008-.98 3.625-2.765 3.625-4.804 0-.28-.022-.56-.063-.83C2.17 19.35 0 15.95 0 12.14 0 5.436 6.716 0 15 0zm16.125 27.21c0 1.747 1.135 3.277 2.875 4.117V32c-3.223-.072-6.18-.566-8.973-3.316-.66.083-1.337.126-2.027.126-2.983 0-5.732-.805-7.925-2.157 4.52-.016 8.79-1.464 12.026-4.084 1.64-1.32 2.92-2.87 3.83-4.61.96-1.84 1.45-3.8 1.45-5.83 0-.33-.01-.65-.04-.98 2.27 1.88 3.66 4.43 3.66 7.246 0 3.265-1.88 6.18-4.82 8.086-.03.24-.05.48-.05.72z'/%3E%3C/svg%3E");
}

.i-comments::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555555' viewBox='0 0 36 32'%3E%3Cpath d='M15 0c8.284 0 15 5.435 15 12.14s-6.716 12.138-15 12.138c-.796 0-1.576-.05-2.34-.147C9.44 27.34 5.72 27.918 2 28v-.785c2.008-.98 3.625-2.765 3.625-4.804 0-.283-.022-.562-.063-.835C2.17 19.35 0 15.95 0 12.14 0 5.436 6.716 0 15 0zm16.125 27.21c0 1.747 1.135 3.277 2.875 4.117V32c-3.223-.072-6.18-.566-8.973-3.316-.66.083-1.337.126-2.027.126-2.983 0-5.732-.805-7.925-2.157 4.52-.016 8.79-1.464 12.026-4.084 1.633-1.32 2.92-2.87 3.827-4.607.96-1.84 1.45-3.8 1.45-5.825 0-.327-.015-.652-.04-.975C34.604 13.038 36 15.59 36 18.405c0 3.265-1.88 6.18-4.82 8.086-.036.236-.055.476-.055.72z'/%3E%3C/svg%3E");
}

.i-sign-in::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23555555' stroke-width='1px' fill='%2343a8da' viewBox='0 0 32 32'%3E%3Cpath d='M12 16H2v-4h10V8l6 6-6 6zM32 0v26l-12 6v-6H8v-8h2v6h10V6l8-4H10v8H8V0z'/%3E%3C/svg%3E");
}

.i-sign-out::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23555555' stroke-width='1px' fill='%2343a8da' viewBox='0 0 32 32'%3E%3Cpath d='M24 20v-4H14v-4h10V8l6 6zm-2-2v8H12v6L0 26V0h22v10h-2V2H4l8 4v18h8v-6z'/%3E%3C/svg%3E");
}

.i-phone::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.07em' fill='%2343a8da' viewBox='0 0 32 32'%3E%3Cpath d='M22 20c-2 2-2 4-4 4s-4-2-6-4-4-4-4-6 2-2 4-4-4-8-6-8-6 6-6 6c0 4 4.11 12.11 8 16s12 8 16 8c0 0 6-4 6-6s-6-8-8-6z'/%3E%3C/svg%3E");
}

.i-post-text::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777777' viewBox='0 0 32 32'%3E%3Cpath d='M28.68 7.16c-.693-.948-1.66-2.054-2.723-3.117s-2.17-2.03-3.116-2.724C21.23.134 20.45 0 20 0H4.5C3.122 0 2 1.12 2 2.5v27C2 30.878 3.122 32 4.5 32h23c1.378 0 2.5-1.122 2.5-2.5V10c0-.448-.137-1.23-1.32-2.84zm-4.137-1.703c.96.96 1.712 1.825 2.268 2.543H22V3.19c.718.555 1.584 1.308 2.543 2.267zM28 29.5c0 .27-.23.5-.5.5h-23c-.27 0-.5-.23-.5-.5v-27c0-.27.23-.5.5-.5H20v7c0 .552.448 1 1 1h7v19.5z'/%3E%3Cpath d='M23 26H9c-.552 0-1-.448-1-1s.448-1 1-1h14c.552 0 1 .448 1 1s-.448 1-1 1zm0-4H9c-.552 0-1-.448-1-1s.448-1 1-1h14c.552 0 1 .448 1 1s-.448 1-1 1zm0-4H9c-.552 0-1-.448-1-1s.448-1 1-1h14c.552 0 1 .448 1 1s-.448 1-1 1z'/%3E%3C/svg%3E");
}

.i-calendar::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777777' viewBox='0 0 30 32'%3E%3Cpath d='M10 12h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zM4 24h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4zm-6-6h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zM4 18h4v4H4zM26 0v2h-4V0H8v2H4V0H0v32h30V0h-4zm2 30H2V8h26v22z'/%3E%3C/svg%3E");
}

.i-pie-chart::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777777' viewBox='0 0 32 32'%3E%3Cpath d='M14 18V4C6.268 4 0 10.268 0 18s6.268 14 14 14 14-6.268 14-14c0-2.25-.532-4.378-1.476-6.262L14 18zM28.524 7.738C26.224 3.15 21.48 0 16 0v14l12.524-6.262z'/%3E%3C/svg%3E");
}

.i-bug::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555555' viewBox='0 0 32 32'%3E%3Cpath d='M32 18v-2h-6.04c-.183-2.27-.993-4.345-2.24-6.008h5.06l2.19-8.758L29.03.75l-1.81 7.24h-5.46l-.084-.063c.21-.61.324-1.263.324-1.944C22 2.678 19.314 0 16 0s-6 2.678-6 5.983c0 .68.114 1.334.324 1.944-.028.02-.056.043-.084.064H4.78L2.97.75l-1.94.484 2.19 8.758h5.06C7.034 11.655 6.224 13.728 6.04 16H0v2h6.043c.12 1.427.485 2.775 1.05 3.992H3.22L1.03 30.75l1.94.484 1.81-7.243h3.512c1.834 2.44 4.606 3.994 7.708 3.994s5.874-1.554 7.708-3.992h3.51l1.812 7.244 1.94-.485-2.19-8.757h-3.874c.567-1.217.932-2.565 1.05-3.992H32z'/%3E%3C/svg%3E");
}

.i-download:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555555' viewBox='0 0 32 32'%3E%3Cpath d='M27.844 11.252C27.744 7.23 24.454 4 20.41 4c-2.368 0-4.476 1.11-5.838 2.835-.764-.987-1.96-1.624-3.303-1.624-2.31 0-4.18 1.875-4.18 4.18 0 .2.015.4.043.595-.35-.063-.71-.098-1.08-.098C2.71 9.887 0 12.597 0 15.943S2.713 22 6.057 22h2.868l7.078 7.328L23.08 22h3.484c3.004-.006 5.438-2.444 5.438-5.45 0-2.566-1.77-4.717-4.156-5.297zM16 26l-6-6h4v-6h4v6h4l-6 6z'/%3E%3C/svg%3E");
}

.i-upload:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23222222' viewBox='0 0 32 32'%3E%3Cpath d='M15 22H0v8h30v-8H15zm13 4h-4v-2h4v2zM7 10l8-8 8 8h-5v10h-6V10z'/%3E%3C/svg%3E");
}

.i-support::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF6347' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0zm-6 16c0-3.314 2.686-6 6-6s6 2.686 6 6-2.686 6-6 6-6-2.686-6-6zm18.937 5.36l-5.544-2.298c.39-.943.608-1.977.608-3.062s-.212-2.12-.604-3.062l5.544-2.297C29.62 12.296 30 14.1 30 16s-.38 3.708-1.063 5.36zM21.36 3.062l-2.3 5.545C18.12 8.217 17.085 8 16 8s-2.12.216-3.062.607L10.64 3.063C12.293 2.38 14.1 2 16 2s3.708.38 5.36 1.063zM3.062 10.64l5.544 2.298C8.216 13.88 8 14.915 8 16s.215 2.12.606 3.062L3.062 21.36C2.377 19.707 2 17.9 2 16s.378-3.708 1.062-5.36zm7.578 18.297l2.298-5.544c.943.39 1.977.608 3.062.608s2.12-.212 3.062-.604l2.297 5.544C19.704 29.62 17.9 30 16 30s-3.708-.38-5.36-1.063z'/%3E%3C/svg%3E");
}

.i-spinner::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555555' viewBox='0 0 64 64'%3E%3Cpath d='M24 8c0-4.418 3.582-8 8-8s8 3.582 8 8-3.582 8-8 8-8-3.582-8-8zm25.437 24c0-3.625 2.938-6.563 6.563-6.563s6.563 2.938 6.563 6.563c0 3.625-2.938 6.563-6.563 6.563S49.437 35.625 49.437 32zm-6.41 16.97c0-3.282 2.66-5.943 5.943-5.943s5.944 2.66 5.944 5.944-2.66 5.95-5.944 5.95-5.944-2.66-5.944-5.944zM26.617 56c0-2.973 2.41-5.384 5.382-5.384s5.38 2.41 5.38 5.384c0 2.973-2.41 5.384-5.386 5.384S26.61 58.974 26.61 56zM10.15 48.97c0-2.692 2.183-4.875 4.876-4.875S19.9 46.278 19.9 48.97c0 2.696-2.182 4.88-4.875 4.88s-4.877-2.184-4.877-4.877zM3.582 32c0-2.44 1.98-4.416 4.418-4.416S12.416 29.56 12.416 32c0 2.44-1.977 4.416-4.416 4.416S3.584 34.44 3.584 32zm7.448-16.97c0-2.21 1.79-4 4-4s4 1.79 4 4-1.79 4-4 4-4-1.79-4-4zm45.187 0c0 4-3.244 7.246-7.246 7.246s-7.24-3.244-7.24-7.246c0-4.002 3.245-7.246 7.246-7.246s7.247 3.244 7.247 7.246z'/%3E%3C/svg%3E");
}

/* beSocial Board icons are from Font Awesome */
.i-board-redirect::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ACACAC' viewBox='0 0 56 56'%3E%3Cpath d='M34 28q0 1.03-.84 1.63l-14 10q-.97.7-2.07.15Q16 39.25 16 38V18q0-1.25 1.1-1.78 1.1-.56 2.06.16l14 10q.84.6.84 1.62zm6 15V13q0-.44-.28-.72T39 12H9q-.44 0-.72.28T8 13v30q0 .44.28.72T9 44h30q.44 0 .72-.28T40 43zm8-30v30q0 3.72-2.64 6.36T39 52H9q-3.72 0-6.36-2.64T0 43V13q0-3.72 2.64-6.36T9 4h30q3.72 0 6.36 2.64T48 13z'/%3E%3C/svg%3E");
}

.i-board-new::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2390CCE9' stroke='%23AEAEAE' stroke-width='.25em' viewBox='-4 0 62 62'%3E%3Cpath d='M56 28q0 5.44-3.75 10.05t-10.2 7.28T28 48q-2.2 0-4.53-.25-6.2 5.47-14.38 7.56-1.6.5-3.6.7-.6.1-1-.2t-.57-.9v-.02q-.1-.12 0-.37t.06-.3.14-.3l.2-.3.2-.26.27-.27q.23-.27.98-1.1t1.1-1.2.95-1.23 1-1.6.84-1.85.8-2.38q-4.88-2.8-7.7-6.9T0 28q0-4.06 2.22-7.76t5.97-6.4 8.9-4.26T28 8q7.63 0 14.06 2.67t10.2 7.28T56 28z'/%3E%3C/svg%3E");
}

.i-board-sub::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CFCFCF' stroke='%23AEAEAE' stroke-width='.25em' viewBox='-4 0 62 62'%3E%3Cpath d='M56 28q0 5.44-3.75 10.05t-10.2 7.28T28 48q-2.2 0-4.53-.25-6.2 5.47-14.38 7.56-1.6.5-3.6.7-.6.1-1-.2t-.57-.9v-.02q-.1-.12 0-.37t.06-.3.14-.3l.2-.3.2-.26.27-.27q.23-.27.98-1.1t1.1-1.2.95-1.23 1-1.6.84-1.85.8-2.38q-4.88-2.8-7.7-6.9T0 28q0-4.06 2.22-7.76t5.97-6.4 8.9-4.26T28 8q7.63 0 14.06 2.67t10.2 7.28T56 28z'/%3E%3C/svg%3E");
}

.i-board-off::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23AEAEAE' viewBox='0 0 56 56'%3E%3Cpath d='M28 12q-6.38 0-11.92 2.17t-8.8 5.86T3.98 28q0 3.5 2.23 6.67t6.3 5.5l2.75 1.55-.85 3q-.76 2.84-2.2 5.37 4.76-2 8.6-5.38l1.34-1.2 1.8.2Q26.08 44 28 44q6.37 0 11.92-2.17t8.8-5.86T52 28t-3.27-7.97-8.8-5.86T28 12zm28 16q0 5.44-3.75 10.05t-10.2 7.28T28 48q-2.2 0-4.53-.25-6.2 5.47-14.38 7.56-1.57.48-3.6.7h-.16q-.47 0-.84-.3t-.5-.86v-.02q-.1-.1 0-.36t.07-.3.14-.3l.2-.28.2-.27.27-.3q.22-.23.97-1.06t1.08-1.2.98-1.23 1-1.6.84-1.84.8-2.37q-4.92-2.8-7.74-6.9T0 28q0-5.44 3.75-10.05t10.2-7.28T28 8t14.06 2.67 10.2 7.28T56 28z'/%3E%3C/svg%3E");
}

/* Sorting icons */
.i-sort-alpha-up::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm19 8h-8c-.37 0-.708-.203-.882-.528s-.155-.72.05-1.027L27.13 20H21c-.552 0-1-.448-1-1s.448-1 1-1h8c.37 0 .708.203.882.528s.155.72-.05 1.027L22.87 30H29c.552 0 1 .448 1 1s-.448 1-1 1zm2.894-19.447l-6-12C25.724.213 25.378 0 25 0s-.725.214-.895.553l-6 12c-.247.494-.047 1.095.447 1.342.144.072.296.106.447.106.364 0 .72-.2.892-.55L21.618 10h6.764l1.724 3.448c.247.494.848.694 1.342.447s.694-.848.447-1.342zM22.618 8L25 3.236 27.382 8h-4.764z'/%3E%3C/svg%3E");
}

.i-sort-alpha-down::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm19-10h-8c-.37 0-.708-.203-.882-.528s-.155-.72.05-1.027L27.13 2H21c-.552 0-1-.448-1-1s.448-1 1-1h8c.37 0 .708.203.882.528s.155.72-.05 1.027L22.87 12H29c.552 0 1 .448 1 1s-.448 1-1 1zm2.894 16.553l-6-12c-.17-.34-.516-.553-.894-.553s-.725.214-.895.553l-6 12c-.247.494-.047 1.095.447 1.342.144.072.296.106.447.106.364 0 .72-.2.892-.55L21.618 28h6.764l1.724 3.448c.247.494.848.694 1.342.447s.694-.848.447-1.342zM22.618 26L25 21.236 27.382 26h-4.764z'/%3E%3C/svg%3E");
}

.i-sort-amount-up::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555555' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5z'/%3E%3Cpath d='M14 18h18v4H14v-4zm0-6h14v4H14v-4zm0-6h10v4H14V6zm0-6h6v4h-6V0z'/%3E%3C/svg%3E");
}

.i-sort-amount-down::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555555' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm4-24h18v4H14V0zm0 6h14v4H14V6zm0 6h10v4H14v-4z'/%3E%3C/svg%3E");
}

.i-sort-numeric-up::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm17-10c-.552 0-1-.448-1-1V2h-1c-.552 0-1-.448-1-1s.448-1 1-1h2c.552 0 1 .448 1 1v12c0 .552-.448 1-1 1zm2 4h-6c-.552 0-1 .448-1 1v6c0 .552.448 1 1 1h5v4h-5c-.552 0-1 .448-1 1s.448 1 1 1h6c.552 0 1-.448 1-1V19c0-.552-.448-1-1-1zm-5 2h4v4h-4v-4z'/%3E%3C/svg%3E");
}

.i-sort-numeric-down::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10 24V0H6v24H1l7 7 7-7h-5zm17 8c-.552 0-1-.448-1-1V20h-1c-.552 0-1-.448-1-1s.448-1 1-1h2c.552 0 1 .448 1 1v12c0 .552-.448 1-1 1zm2-32h-6c-.552 0-1 .448-1 1v6c0 .552.448 1 1 1h5v4h-5c-.552 0-1 .448-1 1s.448 1 1 1h6c.552 0 1-.448 1-1V1c0-.552-.448-1-1-1zm-5 2h4v4h-4V2z'/%3E%3C/svg%3E");
}

/* Gender icons are all from Font Awesome */
.i-female::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='6em' fill='%23ff80c8' viewBox='0 0 3584 3584'%3E%3Cpath d='M2816 1152q0 442-295 769t-729 375v520h448q28 0 46 18t18 46v128q0 28-18 46t-46 18h-448v448q0 28-18 46t-46 18h-128q-28 0-46-18t-18-46v-448h-448q-28 0-46-18t-18-46v-128q0-28 18-46t46-18h448v-520q-300-32-543-206t-372-448-105-584q22-268 161-498t364-376 491-176q340-38 638 108t472 424 174 612z m-2048 0q0 370 263 633t633 263 633-263 263-633-263-633-633-263-633 263-263 633z'/%3E%3C/svg%3E");
}

.i-male::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='6em' fill='%2380c8ff' viewBox='0 0 3584 3584'%3E%3Cpath d='M3200 256q52 0 90 38t38 90v832q0 28-18 46t-46 18h-128q-28 0-46-18t-18-46v-524l-764 766q252 312 252 718 0 234-91 447t-246 368-368 246-447 91-447-91-368-246-246-368-91-447 91-447 246-368 368-246 447-91q406 0 718 252l764-764h-522q-28 0-46-18t-18-46v-128q0-28 18-46t46-18h832z m-1792 2816q370 0 633-263t263-633-263-633-633-263-633 263-263 633 263 633 633 263z'/%3E%3C/svg%3E");
}

/* Was mercury */
.i-nonbinary::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='6em' fill='%23ffb780' viewBox='0 0 3584 3584'%3E%3Cpath d='M2172 632q290 144 467 421t177 611q0 442-295 769t-729 375v264h192q28 0 46 18t18 46v128q0 28-18 46t-46 18h-192v192q0 28-18 46t-46 18h-128q-28 0-46-18t-18-46v-192h-192q-28 0-46-18t-18-46v-128q0-28 18-46t46-18h192v-264q-434-48-729-375t-295-769q0-334 177-611t467-421q-330-192-456-546-12-32 7-59t53-27h138q42 0 58 40 88 212 280 342t428 130 428-130 280-342q16-40 74-40h122q34 0 53 27t7 59q-126 354-456 546z m-508 1928q370 0 633-263t263-633-263-633-633-263-633 263-263 633 263 633 633 263z'/%3E%3C/svg%3E");
}

/* Was intersex */
.i-bigendered::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='6em' fill='%23b780ff' viewBox='0 0 3584 3584'%3E%3Cpath d='M2304 64q0-28 18-46t46-18h576q52 0 90 38t38 90v576q0 28-18 46t-46 18h-128q-28 0-46-18t-18-46v-268l-508 510q252 316 252 718 0 442-295 769t-729 375v264h192q28 0 46 18t18 46v128q0 28-18 46t-46 18h-192v192q0 28-18 46t-46 18h-128q-28 0-46-18t-18-46v-192h-192q-28 0-46-18t-18-46v-128q0-28 18-46t46-18h192v-264q-298-32-541-206t-373-447-106-583q32-408 320-707t694-345q236-28 456 38t396 206l510-508h-268q-28 0-46-18t-18-46v-128z m-896 2496q370 0 633-263t263-633-263-633-633-263-633 263-263 633 263 633 633 263z'/%3E%3C/svg%3E");
}

/* Was transgender-alt */
.i-transgender::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='6em' fill='%23523366' viewBox='0 0 3584 3584'%3E%3Cpath d='M2560 64q0-28 18-46t46-18h576q52 0 90 38t38 90v576q0 28-18 46t-46 18h-128q-28 0-46-18t-18-46v-268l-508 510q252 316 252 718 0 442-295 769t-729 375v264h192q28 0 46 18t18 46v128q0 28-18 46t-46 18h-192v192q0 28-18 46t-46 18h-128q-28 0-46-18t-18-46v-192h-192q-28 0-46-18t-18-46v-128q0-28 18-46t46-18h192v-264q-434-48-729-375t-295-769q0-402 252-718l-104-106-202 222q-18 20-44 21t-46-15l-96-88q-20-16-21-43t17-47l210-230-222-224v268q0 28-18 46t-46 18h-128q-28 0-46-18t-18-46v-576q0-52 38-90t90-38h576q28 0 46 18t18 46v128q0 28-18 46t-46 18h-266l212 214 172-188q18-20 44-21t46 15l96 88q20 16 21 43t-17 47l-180 198 114 112q316-252 718-252t718 252l510-508h-268q-28 0-46-18t-18-46v-128z m-896 2496q370 0 633-263t263-633-263-633-633-263-633 263-263 633 263 633 633 263z'/%3E%3C/svg%3E");
}

/* Was neuter */
.i-genderless::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='6em' fill='%23b3ff80' viewBox='0 0 3584 3584'%3E%3Cpath d='M2816 1152q0 442-295 769t-729 375v1224q0 28-18 46t-46 18h-128q-28 0-46-18t-18-46v-1224q-434-48-729-375t-295-769q0-234 91-447t246-368 368-246 447-91 447 91 368 246 246 368 91 447z m-1152 896q370 0 633-263t263-633-263-633-633-263-633 263-263 633 263 633 633 263z'/%3E%3C/svg%3E");
}

/* Was genderless */
.i-undisclosed::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='4em' stroke-dasharray='9em,9em' fill='transparent' viewBox='0 0 3584 3584'%3E%3Cpath d='M3328 1792q0 418-206 771t-559 559-771 206-771-206-559-559-206-771 206-771 559-559 771-206 771 206 559 559 206 771z'/%3E%3C/svg%3E");
}

/* Standard and brand icons */
/* From Font Awesome */
.i-openid::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f78c40' viewBox='0 0 3584 3584'%3E%3Cpath d='M2172 0v3072l-544 256q-456-40-828-204t-586-417-214-545q0-280 201-527t550-411 783-216v344q-434 76-713 300t-279 510q0 304 309 534t777 290v-2720z m1338 1164l74 780-1050-228 294-166q-238-140-560-198v-344q554 66 962 314z'/%3E%3C/svg%3E");
}

.i-rss::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6600' viewBox='0 0 32 32'%3E%3Cpath d='M4.26 23.467C1.91 23.467 0 25.384 0 27.72c0 2.348 1.91 4.243 4.26 4.243 2.357 0 4.264-1.895 4.264-4.244 0-2.338-1.907-4.254-4.265-4.254zM.004 10.873v6.133c3.993 0 7.75 1.562 10.577 4.39 2.826 2.823 4.385 6.596 4.385 10.604h6.16c0-11.65-9.478-21.127-21.12-21.127zM.012 0v6.136C14.255 6.136 25.848 17.74 25.848 32H32C32 14.36 17.648 0 .012 0z'/%3E%3C/svg%3E");
}

.i-google-plus::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dd4b39' viewBox='0 0 32 32'%3E%3Cpath d='M10.18 14.294v3.494h5.776c-.23 1.5-1.744 4.394-5.775 4.394-3.472 0-6.31-2.88-6.31-6.43S6.706 9.32 10.18 9.32c1.982 0 3.3.844 4.057 1.57L17 8.226c-1.776-1.656-4.076-2.662-6.82-2.662C4.55 5.57 0 10.12 0 15.754s4.55 10.18 10.18 10.18c5.875 0 9.775-4.13 9.775-9.95 0-.67-.075-1.18-.163-1.688H10.18zM32 14h-3v-3h-3v3h-3v3h3v3h3v-3h3z'/%3E%3C/svg%3E");
}

.i-linkedin::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23007bb5' viewBox='0 0 32 32'%3E%3Cpath d='M29 0H3C1.35 0 0 1.35 0 3v26c0 1.65 1.35 3 3 3h26c1.65 0 3-1.35 3-3V3c0-1.65-1.35-3-3-3zM12 26H8V12h4v14zm-2-16c-1.106 0-2-.894-2-2s.894-2 2-2c1.106 0 2 .894 2 2s-.894 2-2 2zm16 16h-4v-8c0-1.106-.894-2-2-2s-2 .894-2 2v8h-4V12h4v2.48c.825-1.13 2.087-2.48 3.5-2.48 2.488 0 4.5 2.238 4.5 5v9z'/%3E%3C/svg%3E");
}

.i-twitter::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2355acee' viewBox='0 0 32 32'%3E%3Cpath d='M32 7.075c-1.175.525-2.444.875-3.77 1.03 1.357-.812 2.395-2.1 2.888-3.63-1.27.75-2.675 1.3-4.17 1.594C25.75 4.79 24.044 4 22.156 4c-3.625 0-6.563 2.938-6.563 6.563 0 .512.056 1.012.17 1.494-5.46-.275-10.297-2.887-13.533-6.862-.563.97-.887 2.1-.887 3.3 0 2.275 1.156 4.287 2.92 5.463-1.076-.03-2.088-.33-2.976-.82v.082c0 3.18 2.263 5.838 5.27 6.437-.55.15-1.132.23-1.732.23-.425 0-.83-.043-1.237-.118.838 2.6 3.263 4.5 6.13 4.56-2.25 1.76-5.074 2.81-8.155 2.81-.53 0-1.05-.03-1.57-.094C2.908 28.92 6.357 30 10.063 30c12.076 0 18.68-10.005 18.68-18.68 0-.287-.004-.57-.017-.85 1.28-.92 2.394-2.075 3.275-3.394z'/%3E%3C/svg%3E");
}

.i-facebook::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233b5998' viewBox='0 0 32 32'%3E%3Cpath d='M29 0H3C1.35 0 0 1.35 0 3v26c0 1.65 1.35 3 3 3h13V18h-4v-4h4v-2c0-3.306 2.694-6 6-6h4v4h-4c-1.1 0-2 .9-2 2v2h6l-1 4h-5v14h9c1.65 0 3-1.35 3-3V3c0-1.65-1.35-3-3-3z'/%3E%3C/svg%3E");
}

.i-skype::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2312a5f4' viewBox='0 0 32 32'%3E%3Cpath d='M13.3 1.17l-.16-.08h-.16.32zm-12.15 12l-.03.15c.04.05.05.1.1.15l-.07-.3zm29.7 5.66l.02-.17-.08-.15v.4zM18.5 30.73l.16.07.16-.03-.32-.05z'/%3E%3Cpath d='M30.87 18.66c0 .06-.02.12-.03.17l-.06-.32.1.2c.15-.9.24-1.8.24-2.7 0-2-.4-4-1.2-5.9-.75-1.8-1.84-3.4-3.23-4.8s-3-2.42-4.8-3.2C20 1.2 18 .8 16 .8c-.95 0-1.9.1-2.85.28l.15.08-.32-.05h.16c-1.28-.7-2.74-1-4.2-1C6.56.1 4.3 1 2.62 2.7S0 6.6 0 9c0 1.5.4 3 1.13 4.3l.02-.15.06.32v-.15c-.2.86-.3 1.73-.3 2.6 0 2.04.4 4.03 1.2 5.9.8 1.8 1.9 3.4 3.3 4.8s3 2.46 4.8 3.23c1.87.78 3.85 1.18 5.9 1.18.87 0 1.76-.08 2.63-.23l-.16-.1.4.07c-.07 0-.1.02-.18.03 1.33.75 2.85 1.16 4.4 1.16 2.4 0 4.63-.93 6.32-2.62S32 25.4 32 23c0-1.5-.4-3-1.13-4.33zm-14.8 6.52c-5.37 0-7.77-2.64-7.77-4.62 0-1 .75-1.72 1.78-1.72 2.3 0 1.7 3.3 6 3.3 2.18 0 3.4-1.2 3.4-2.42 0-.73-.37-1.54-1.8-1.9l-4.8-1.2c-3.83-.95-4.53-3.03-4.53-5 0-4.05 3.82-5.57 7.4-5.57 3.3 0 7.2 1.82 7.2 4.26 0 1.1-.9 1.7-1.93 1.7-1.96 0-1.6-2.7-5.55-2.7-1.97 0-3.05.9-3.05 2.2s1.55 1.7 2.9 2l3.54.8c3.86.87 4.85 3.13 4.85 5.25 0 3.3-2.5 5.76-7.6 5.76z'/%3E%3C/svg%3E");
}

.i-instagram::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 32 32'%3E%3Cpath d='M16 2.881c4.275 0 4.781 0.019 6.462 0.094 1.563 0.069 2.406 0.331 2.969 0.55 0.744 0.288 1.281 0.638 1.837 1.194 0.563 0.563 0.906 1.094 1.2 1.838 0.219 0.563 0.481 1.412 0.55 2.969 0.075 1.688 0.094 2.194 0.094 6.463s-0.019 4.781-0.094 6.463c-0.069 1.563-0.331 2.406-0.55 2.969-0.288 0.744-0.637 1.281-1.194 1.837-0.563 0.563-1.094 0.906-1.837 1.2-0.563 0.219-1.413 0.481-2.969 0.55-1.688 0.075-2.194 0.094-6.463 0.094s-4.781-0.019-6.463-0.094c-1.563-0.069-2.406-0.331-2.969-0.55-0.744-0.288-1.281-0.637-1.838-1.194-0.563-0.563-0.906-1.094-1.2-1.837-0.219-0.563-0.481-1.413-0.55-2.969-0.075-1.688-0.094-2.194-0.094-6.463s0.019-4.781 0.094-6.463c0.069-1.563 0.331-2.406 0.55-2.969 0.288-0.744 0.638-1.281 1.194-1.838 0.563-0.563 1.094-0.906 1.838-1.2 0.563-0.219 1.412-0.481 2.969-0.55 1.681-0.075 2.188-0.094 6.463-0.094zM16 0c-4.344 0-4.887 0.019-6.594 0.094-1.7 0.075-2.869 0.35-3.881 0.744-1.056 0.412-1.95 0.956-2.837 1.85-0.894 0.888-1.438 1.781-1.85 2.831-0.394 1.019-0.669 2.181-0.744 3.881-0.075 1.713-0.094 2.256-0.094 6.6s0.019 4.887 0.094 6.594c0.075 1.7 0.35 2.869 0.744 3.881 0.413 1.056 0.956 1.95 1.85 2.837 0.887 0.887 1.781 1.438 2.831 1.844 1.019 0.394 2.181 0.669 3.881 0.744 1.706 0.075 2.25 0.094 6.594 0.094s4.888-0.019 6.594-0.094c1.7-0.075 2.869-0.35 3.881-0.744 1.050-0.406 1.944-0.956 2.831-1.844s1.438-1.781 1.844-2.831c0.394-1.019 0.669-2.181 0.744-3.881 0.075-1.706 0.094-2.25 0.094-6.594s-0.019-4.887-0.094-6.594c-0.075-1.7-0.35-2.869-0.744-3.881-0.394-1.063-0.938-1.956-1.831-2.844-0.887-0.887-1.781-1.438-2.831-1.844-1.019-0.394-2.181-0.669-3.881-0.744-1.712-0.081-2.256-0.1-6.6-0.1v0z' /%3E%3Cpath d='M16 7.781c-4.537 0-8.219 3.681-8.219 8.219s3.681 8.219 8.219 8.219 8.219-3.681 8.219-8.219c0-4.537-3.681-8.219-8.219-8.219zM16 21.331c-2.944 0-5.331-2.387-5.331-5.331s2.387-5.331 5.331-5.331c2.944 0 5.331 2.387 5.331 5.331s-2.387 5.331-5.331 5.331z' /%3E%3Cpath d='M26.462 7.456c0 1.060-0.859 1.919-1.919 1.919s-1.919-0.859-1.919-1.919c0-1.060 0.859-1.919 1.919-1.919s1.919 0.859 1.919 1.919z'/%3E%3C/svg%3E");
}

/* -------------------------------------------------------
 *	$MEDIA
 * -------------------------------------------------------
 *  @TODO: This should be nearly empty for the colorized sheets.
 *
 * Experimental media queries.
 * NOTE:
 * When setting break points for media queries, don't set them in pixels.
 * Use em instead.
 * Why? Because the point of re-stacking/dropping content is to fit it all
 * in the available space. This is dependent not just on width in pixels,
 * but also on the user-selected text size that is set in the browser.
 *
 * If, for whatever reason (eyesight, pixel pitch, workstation arrangement, etc)
 * a user requires text 50% larger than theme default, then their screen is
 * effectively a lot smaller than its nominal resolution would indicate.
 * If the break points are set in em, suddenly the media queries become equally
 * responsive for all users, without any extra code being required.
 *
 * Testing em break points is just as easy as testing pixels,
 * and it will make more people happier. This is cool. :)
 *
 * Of course, having comments to map em to px for each query is a good idea too.
 */

/* This one does 1024 screens at default font size. */
@media screen and (max-width: 64em) {
	.board_lastpost {
		float: none;
	}
}

/* This one seems best to switch between text and icons for this variant  */
@media screen and (max-width: 55em) and (min-width: 55em) {
	.icon-menu {
		display: inline-block;
		margin: .05em;
		padding: .35em;
		border: .25em solid;
		border-radius: .25em;
		vertical-align: middle;
		width: 2em;
		height: 2em;
	}

	.button_title {
		display: none;
	}
}

/* This one does 800 screens at default font size. */
@media screen and (max-width: 50em) {
	body {
		margin-top: 20px;
	}

	#menu_sidebar {
		border-color: #AAAAAA;
		border-radius: 4px;
		background: #FFFFFF;
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	}

	#main_menu .linklevel1.active, #main_menu .linklevel1.active:hover {
		border-color: transparent;
	}
	.statistics .flow_hidden, .statistics .floatleft {
		border: none;
	}

	.statistics .category_header {
		margin-bottom: 5px !important;
		border: none;
		border-bottom: 1px solid #CCCCCC;
		border-radius: 0;
		background-color: #F6F6F6;
	}

	.mlist li div.posts {
		border-right: 1px solid #CCCCCC;
	}
}

/* This one does up to 540 screens. */
@media screen and (max-width: 33.750em) {
	#gotop, #gobottom {
		border-top: 0;
		border-radius: 0 0 0;
	}

	#gotop {
		border-radius: 0 8px 0 0;
	}

	.board_latest {
		border-left: 0;
	}

	.board_row, .childboard_row {
		border: 1px solid #CCCCCC;
		background-color: #F9F9F9;
		box-shadow: 1px 1px 3px #CCCCCC;
	}

	.board_row {
		margin-top: 6px;
	}

	.childboard_row {
		border-top: none;
	}

	.board_icon {
		position: relative;
		top: -4px;
	}

	.board_lastpost {
		border-top: 1px solid #EEEEEE;
	}

	#top_section .wrapper {
		padding: 0;
	}

	dd.statsbar {
		padding: 0 !important;
	}

	.frame {
		border-radius: 0;
	}

	#forumtitle {
		margin-left: 10px;
	}

	.topic_listing > li {
		margin-bottom: 8px;
		border: 1px solid #BFBFBF;
		border-radius: 3px;
		box-shadow: 3px 3px 6px #E4E4E4;
	}

	.new_posts {
		position: relative;
		top: -3px;
		font-size: 0.714em;
	}

	.topic_name {
		border-bottom: 1px solid #DDDDDD;
	}

	.topic_listing h4 {
		overflow: hidden;
		margin-bottom: 3px;
		max-width: 20em;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.topic_listing li.sticky_row {
		border-bottom: 1px solid #CCCCCC;
	}

	.basic_row {
		background-color: #FAFAFA;
	}

	.topic_starter {
		color: #777777;
	}

	.topic_sorting_row {
		border: none !important;
	}

	.topic_name h4 {
		padding-bottom: 2px;
		font-size: 1.429em;
	}

	.topic_latest:after {
		content: ' ';
		white-space: pre;
	}

	.topic_latest.relative {
		min-width: 15em;
	}

	.poster:after, .posterarea:before {
		border-bottom: 1px solid #BFBFBF;
	}

	.poster .subsections > a:after {
		content: "";
	}

	.board_icon {
		width: 20px;
		height: 20px;
	}

	.on_board, .on2_board {
		background-position: -300px -14px;
	}

	.off_board {
		background-position: -372px -14px;
	}

	.redirect_board {
		background-position: -444px -14px;
	}

	.forumposts:nth-child(odd) {
		background-color: #FAFAFA;
	}

	.forumposts .content {
		margin-top: 8px;
		border: 1px solid #BFBFBF;
		border-radius: 3px;
		box-shadow: 3px 3px 6px #E4E4E4;
	}

	.forum_category, .forumposts, .content_category {
		border: none;
		background: #FFFFFF;
	}

	.listlevel2.subsections .linklevel2::after {
		content: '';
	}

	.stats.floatleft {
		border: none;
	}

	.subsections:hover .linklevel1:after {
		content: "";
	}

	#top_section {
		margin: 0;
		width: 100%;
	}

	#top_section .wrapper {
		width: 100%;
	}

	#main_menu .linklevel1 {
		border-bottom: 1px solid #888888;
	}

	.admin_menu li {
		display: block;
		float: left;
		box-sizing: border-box;
		width: 48%;
	}

	.listlevel1#button_profile .linklevel1 {
		min-width: 0.5em;
	}

	#search_form {
		padding: 4px 0;
		width: 100%;
		border-bottom: 1px solid #CCCCCC;
	}

	#search_form .input_text {
		width: 14em;
		float: none;
	}
	#search_form button, #search_form input, #search_form label {
		float: none;
	}

	.whos_online dd div {
		border-top: none !important;
		border-bottom: none !important;
	}

	.whos_online dd:nth-child(even), .whos_online dd:nth-child(odd) {
		margin-top: 1px;
		border-top: 1px solid #CCCCCC;
	}

	.whos_online dd:last-child {
		border-bottom: 1px solid #CCCCCC;
	}
}

@media screen and (max-width: 30em) {
	.mlist li .group {
		border-right-color: #CCCCCC;
	}
}