ul { list-style: none; }

/* ************************************* */
/* Common styles for the theme           */
/* ************************************* */

/* Tables should show empty cells. */
table { empty-cells: show; }


/* lets give all forms zero padding/margins */
form { padding: 0px; margin: 0px; }

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button { color: #000000; }
input, button { font-size: 0.9em; }
input[type="text"] { border: solid 1px #DDDDDD; }

textarea { font-size: 100%; color: #000000; }

/* All input elements that are checkboxes or radio buttons. */
input.check { /* background: #FAFAFA; border: solid 1px black; */ }

input:focus, select:focus { background: #FCFCFC; border: solid 1px #666666; }

/* Selects are a bit smaller, because it makes them look even better 8). */
select { font-size: 0.9em; font-weight: normal; color: #000000; }

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor { height: 1px; border: 0; color: #666666; background-color: #666666; }

/* ************************************* */
/* Some handy custom classes             */
/* ************************************* */


/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext { font-size: 0.8em; /* x-small; */ }
.middletext { font-size: 0.9em; }
.normaltext { font-size: 0.8em; /* x-small; */ }
.largetext { font-size: 1.1em; /* large; */ }

/* This style will make sure all headers use the same padding throughout. */
.headerpadding { padding: 0.5em; }
/* smaller padding used in paragraphs, sections etc */
.smallpadding { padding: 0.2em; }
/* larger padding used in paragraphs, sections etc */
.largepadding { padding: 0.7em; }

/* A small space to the next section. */
.marginbottom { margin-bottom: 1em; }
/* On the top too. */
.margintop { margin-top: 1em; }
/* remove bold/italic styles */
span.plainstyle { font-weight: normal; font-style: normal; }
/* float a list horisontally */
ul.horizlist { width: 100%; }
ul.horizlist li { float: left; padding: 0.2em 0.4em 0.2em 0.4em; vertical-align: top; }
/* make a inline-list */
ul.nolist li { display: inline; }
/* Helping style to clear floated items. */
.clearfix:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac. \*/
* html .clearfix { height: 1%; }
.clearfix  { display: block; }
/* End hide from IE-mac. */

/* ************************************* */
/* Some specific SMF elements            */
/* ************************************* */

/* A quote, perhaps from another post. */
blockquote
{
	color: #000000;
	background-color: #f2f1fc;
	border: 1px solid #cccccc;
	margin: 1px;
	padding: 1px;
	font-size: 0.8em; /* x-small; */
	line-height: 1.4em;
}

code
{
	color: #000000;
	background-color: #dddddd;
	display: block;
	font-family: "courier new", "times new roman", monospace;
	font-size: 0.8em; /* x-small; */
	line-height: 1.3em;
	/* Put a nice border around it. */
	border: 1px solid #000000;
	margin: 1px auto 1px auto;
	padding: 1px;
	width: 99%;
	overflow: auto;
	white-space: nowrap;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em; 
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader { color: #000000; text-decoration: none; font-style: normal; font-weight: bold; font-size: 0.8em;
	line-height: 1.2em; width: 100%; }

/* For links to change the code stuff... */
.codeoperation { font-weight: normal; }

/* Styling for BBC tags */
.bbc_color a { color: inherit; }
.bbc_img { border: 0; }
.bbc_list { margin-top: 0; margin-bottom: 0; }
.bbc_size { line-height: 1.3em; }
.bbc_table { font: inherit; color: inherit; }
.bbc_table td { font: inherit; color: inherit; vertical-align: top; }
.bbc_u { text-decoration: underline; }

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help { cursor: help; }

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

/* The main post box - this makes it as wide as possible. */
.editor { width: 96%; }

.highlight { background-color: yellow; font-weight: bold; color: black; }
.highlight2 { background-color: #B3F4B0; color: black; }

/* ************************************* */
/* Real common classes                   */
/* ************************************* */

/* Color for background of posts requiring approval */
.approvebg { color: #000000; background-color: #F6E0D4; }
/* Color for background of *topics* requiring approval */
.approvetbg { color: #000000; background-color: #E4A17C; }

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers. */
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td { background-color: #FCFCFC; color: #000; padding-left: 10px; padding-right: 10px; }
.catbg2 , tr.catbg2 td { background-color: #FCFCFC; color: #000; padding-left: 10px; padding-right: 10px; }
.catbg, .catbg2, .catbg3 { border-bottom: solid 1px #FCFCFC; }
.catbg, .catbg2 { font-weight: bold; }
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited { font-size: 0.9em; color: #000; }
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited { color: #000; }
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover { color: #960000; }

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em; }
/* add a visual divider between subject and post */ 
.post { margin-top: 0.7em; padding-top: 0.7em; border-top: solid 1px #888; }

a.moderation_link, a.moderation_link:visited { color: red; font-weight: bold; }

.advice { color: green; }

/* definitions for the main tab */
.maintab_first,   .maintab_last,   .maintab_active_first,   .maintab_active_last { visibility: hidden; }