/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */
img {
	max-width : 100%;
	height    : auto;
}

/* Normal, standard links. */
a:link, a:visited, a.new_win:link, a.new_win:visited {
	color           : #2A2A2A;
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
	cursor          : pointer;
}

/* Links that open in a new window. */
a.new_win:hover {
	text-decoration : underline;
}

/* Tables should show empty cells. */
table {
	empty-cells : show;
}

/* Set a fontsize that will look the same in all browsers. */
body {
	margin    : 0 auto;
	padding   : 0;
	min-width : 320px;
}

/* Help popups require a different styling of the body element. */
body#help_popup {
	padding : 1em;
}

/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr {
	color : #444;
}

/* This division wraps the entire forum when a forum width is set. */
div#wrapper {
	margin : 0 auto;
	width  : 100%;
}

/* lets give all forms zero padding/margins */
form {
	padding : 0;
	margin  : 0;
}

/* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
	.button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
	.button_reset  - covers input[type=reset] and button[type=reset] throughout all browsers
	.input_check   - covers input[type=checkbox] throughout all browsers
	.input_radio   - covers input[type=radio] throughout all browsers
	.input_text    - covers input[type=text] throughout all browsers
	.input_file    - covers input[type=file] throughout all browsers
*/

input, button, select, textarea {
	color              : #000;
	background         : #FFF;
	border             : 1px solid #7F9DB9;
	padding            : 2px;
	min-height         : 30px;
	max-width          : 100%;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
}

/* Select elements look horrible with the extra padding, so leave them unpadded. */
select {
	padding    : 0;
	min-height : 30px;
}

/* Add some padding to the options instead. */
select option {
	padding : 1px;
}

/* The font size of textareas should be just a little bit larger. */
textarea {
	font : 100%/130% verdana, Helvetica, sans-serif;
}

/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
.button_submit, .button_reset {
	background  : #CDE7FF url(../images/theme/submit_bg.png) no-repeat;
	border      : 1px solid #AAA;
	cursor      : pointer;
	font-weight : normal;
}

input:hover, textarea:hover, button:hover, select:hover {
	border : 1px solid #454545;
}

.button_submit:hover, .button_reset:hover {
	border     : 1px solid #AAA;
	background : url(../images/theme/submit_bg.png) no-repeat 0 -140px #CDE7FF;
}

input:focus, textarea:focus, button:focus, select:focus {
	border : 1px solid #454545;
}

/* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
input.input_check, input.input_radio {
	border     : none;
	background : none;
}

h3.catbg input.input_check {
	margin : 9px 7px 0 7px;
}

/* Give disabled text input elements a different background color. */
input[disabled].input_text {
	background-color : #EEE;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor {
	height           : 1px;
	border           : 0;
	color            : #CCC;
	background-color : #CCC;
}

/* By default set the color on these tags as #000. */
h1, h2, h3, h4, h5, h6 {
	margin  : 0;
	padding : 0;
}

/* Fieldsets are used to group elements. */
fieldset {
	border  : 1px solid #C4C4C4;
	padding : 1em;
	margin  : 0 0 0.5em 0;
}

fieldset legend {
	font-weight : bold;
	color       : #444;
}

/* No image should have a border when linked. */
a img {
	border : 0;
}

/* Define strong as bold, and em as italics */
strong {
	font-weight : bold;
}

em {
	font-style : italic;
}

/* Alternative for u tag */
.underline {
	text-decoration : underline;
}

/* Common classes to easy styling.
------------------------------------------------------- */

.floatright {
	float : right;
}

.floatleft {
	float : left;
}

.flow_auto {
	overflow : auto;
}

.flow_hidden {
	overflow : hidden;
}

.flow_hidden .windowbg, .flow_hidden .windowbg2 {
	margin-top : 2px;
}

.clear {
	clear : both;
}

.clear_left {
	clear : left;
}

.clear_right {
	clear : right;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext, tr.smalltext th {
	font-size   : 0.85em;
	font-family : verdana, sans-serif;
	
}

.middletext {
	font-size   : 0.9em;
	line-height : 1em;
	font-family : verdana, sans-serif;
}

.normaltext {
	font-size   : 1em;
	line-height : 1.2em;
}

.largetext {
	font-size : 1.4em;
}

.centertext {
	margin     : 0 auto;
	text-align : center;
}

.righttext {
	margin-left  : auto;
	margin-right : 0;
	text-align   : right;
}

.lefttext {
	margin-left  : 0;
	margin-right : auto;
	text-align   : left;
}

.double_height {
	line-height : 2em;
}

/* some common padding styles */
.padding {
	padding : 0.7em;
}

.main_section, .lower_padding {
	padding-bottom : 0.5em;
}

/* a quick reset list class. */
ul.reset, ul.reset li {
	padding    : 0;
	margin     : 0;
	list-style : none;
}

/* Some BBC related styles.
------------------------------------------------------- */

/* A quote, perhaps from another post. */
blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote {
	font-size   : x-small;
	color       : #000;
	line-height : 1.4em;
	background  : url(../images/theme/quote.png) 0.1em 0.1em no-repeat;
	border-left : 4px solid #99A;
	padding     : 1.1em 1.4em;
	margin      : 0.1em 0 0.3em 0;
	overflow    : auto;
}

/* Alterate blockquote stylings */
blockquote.bbc_standard_quote {
	background-color : #D7DAEC;
}

blockquote.bbc_alternate_quote {
	background-color : #E7EAFC;
}

/* A code block - maybe PHP ;). */
code.bbc_code {
	display     : block;
	font-family : "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
	font-size   : x-small;
	background  : #EEF;
	border-left : 4px solid #999;
	line-height : 1.5em;
	padding     : 3px 1em;
	overflow    : auto;
	white-space : nowrap;
	/* Show a scrollbar after about 24 lines. */
	max-height  : 24em;
}

/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader {
	color       : #666;
	font-size   : x-small;
	font-weight : bold;
	padding     : 0 0.3em;
}

/* For links to change the code stuff... */
.codeoperation {
	font-weight : normal;
}

/* Styling for BBC tags */
.bbc_link:link, .bbc_link:visited {
	border-bottom : 1px solid #A8B6CF;
}

.bbc_link:hover {
	text-decoration : none;
	border-bottom   : 1px solid #346;
}

.bbc_size {
	line-height : 1.4em;
}

.bbc_color a {
	color : inherit;
}

.bbc_img {
	border : 0;
}

.bbc_table {
	font  : inherit;
	color : inherit;
}

.bbc_table td {
	font           : inherit;
	color          : inherit;
	vertical-align : top;
}

.bbc_u {
	text-decoration : underline;
}

.bbc_list {
	text-align : left;
}

.bbc_tt {
	font-family : "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
}

/* 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;
}

/* Highlighted text - such as search results. */
.highlight {
	font-weight : bold;
	color       : #FF7200 !important;
	font-size   : 1.1em;
}

/* A more discreet highlight color, for selected membergroups etc. */
.highlight2 {
	background-color : #D1E1EF;
	color            : #000 !important;
}

/* Generic, mostly color-related, classes.
------------------------------------------------------- */
.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td,
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th {
	color       : #FFF;
	font-size   : 1em;
	font-weight : normal;
	background  : #E25D5D;
}

/* adjust the table versions of headers */
tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2 {
	padding : 0 6px;
}

tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited {
	color : #FFF;
}

tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited {
	color : #FFF;
}

.catbg select {
	height    : 1.5em;
	font-size : 0.85em;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body, .windowbg2, .windowbg3 {
	color            : #000;
	background-color : #FFF;
	border-radius    : 4px;
	margin           : 0.2em 0;
}

.windowbg4 {
	color            : #000;
	background-color : #FFF;
}

/* the page navigation area */
.pagesection {
	font-size     : 0.9em;
	padding       : 0.2em;
	overflow      : hidden;
	margin-bottom : 1px;
}

div.pagesection div.floatright input {
	margin-top : 3px;
}

.pagelinks {
	line-height: 38px;
}

.pagelinks a.navPages,.pagesection a.navPages
{
	padding: 8px 16px;
	border: 1px solid #0D6FAC;
	border-radius: 3px;
}
.pagelinks strong,.pagesection strong
{
	background:#5B6A8C;
	padding: 8px 16px;
	border: 1px solid #0D6FAC;
	color: #fff;
	border-radius: 3px;
}
.pagelinks a.navPages:hover, .pagelinks a:hover,.pagesection a.navPages:hover
{
	background: #5b6a8c;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
/* Colors for background of posts requiring approval */
.approvebg {
	color            : #000;
	background-color : #FFEAEA;
}

.approvebg2 {
	color            : #000;
	background-color : #FFF2F2;
}

/* Color for background of *topics* requiring approval */
.approvetbg {
	color            : #000;
	background-color : #E4A17C;
}

.approvetbg2 {
	color            : #000;
	background-color : #F3BD9F;
}

/* Sticky topics get a different background */
.stickybg {
	background : #E8D8CF;
}

.stickybg2 {
	background : #F2E3D9;
}

/* Locked posts get a different shade, too! */
.lockedbg {
	background : #D4DCE2;
	font-style : italic;
}

.lockedbg2 {
	background : #D8E1E7;
	font-style : italic;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage {
	overflow    : auto;
	line-height : 1.4em;
	padding     : 0.1em 0;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments {
	width       : 98%;
	overflow    : auto;
	clear       : right;
	padding     : 1em 0 3px 0;
	border-top  : 1px solid #AAA;
	line-height : 1.4em;
	font-size   : 0.85em;
}

.custom_fields_above_signature {
	width       : 98%;
	clear       : right;
	padding     : 1em 0 3px 0;
	border-top  : 1px solid #AAA;
	line-height : 1.4em;
	font-size   : 0.85em;
}

/* Sometimes there will be an error when you post */
.error {
	color : red;
}

/* Messages that somehow need to attract the attention. */
.alert {
	color : red;
}

/* Calendar colors for birthdays, events and holidays */
.birthday {
	color : #920AC4;
}

.event {
	color : #078907;
}

.holiday {
	color : #000080;
}

/* Colors for warnings */
.warn_mute {
	color : red;
}

.warn_moderate {
	color : #FFA500;
}

.warn_watch, .success {
	color : green;
}

a.moderation_link, a.moderation_link:visited {
	color       : red;
	font-weight : bold;
}

.openid_login {
	background   : white url(../images/openid.gif) no-repeat;
	padding-left : 18px;
}

/* a descriptive style */
.description, .description_board, .plainbox {
	padding     : 0.5em 1em;
	font-size   : 0.9em;
	line-height : 1.4em;
	border      : 1px solid #BBB;
	background  : #F5F5F0;
	margin      : 0.2em 1px 1em 1px;
}

.description_board {
	margin : 1em 1px 0 1px;
}

/* an informative style */
.information {
	padding     : 0.5em 1em;
	font-size   : 0.9em;
	line-height : 1.3em;
	border      : 1px solid #BBB;
	background  : #F0F6F0;
	margin      : 0.2em 1px 1em 1px;
}

.information p {
	padding : 1em;
	margin  : 0;
}

p.para2 {
	padding : 1em 0 3.5em 0;
	margin  : 0;
}

/* AJAX notification bar
------------------------------------------------------- */
#ajax_in_progress {
	background  : url(../images/theme/loadingbar.png) repeat-x;
	color       : #F96F00;
	text-align  : center;
	font-size   : 16pt;
	padding     : 8px;
	width       : 100%;
	height      : 66px;
	line-height : 25px;
	position    : fixed;
	top         : 0;
	left        : 0;
}

#ajax_in_progress a {
	color           : orange;
	text-decoration : underline;
	font-size       : smaller;
	float           : right;
	margin-right    : 20px;
}

/* Lists with settings use these a lot.
------------------------------------------------------- */
dl.settings {
	clear    : right;
	overflow : auto;
	margin   : 0 0 10px 0;
	padding  : 0;
}

dl.settings dt {
	width   : 40%;
	float   : left;
	margin  : 0 0 10px 0;
	padding : 0;
	clear   : both;
}

dl.settings dt.settings_title {
	width       : 100%;
	float       : none;
	margin      : 0 0 10px 0;
	padding     : 5px 0 0 0;
	font-weight : bold;
	clear       : both;
}

dl.settings dt.windowbg {
	width   : 98%;
	float   : left;
	margin  : 0 0 3px 0;
	padding : 0 0 5px 0;
	clear   : both;
}

dl.settings dd {
	width    : 56%;
	float    : right;
	overflow : auto;
	margin   : 0 0 3px 0;
	padding  : 0;
}

dl.settings img {
	margin : 0 10px 0 0;
}

/* help icons */
dl.settings dt a img {
	position : relative;
	top      : 2px;
}

@media (max-width : 767px) {
	dl.settings dt, dl.settings dd {
		width : 100%;
	}
}

/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
	overflow    : hidden;
	height      : 38px;
	line-height : 38px;
	font-size   : 1em;
}

h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
	color : #FFF;
}

h3.catbg2 a, h3.catbg2 {
	color : #FEB;
}

h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover {
	color           : #FD9;
	text-decoration : none;
}

h3.catbg2 a:hover {
	color           : #FFF;
	text-decoration : none;
}

h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a {
	color : #FFF;
}

h3.titlebg a:hover, h4.titlebg a:hover {
	color           : #FFF;
	text-decoration : none;
}

h3.catbg img.icon, h4.titlebg img.icon {
	vertical-align : middle;
	margin         : -2px 5px 0 0;
}

h4.catbg a.toggle img {
	vertical-align : middle;
	margin         : -2px 5px 0 5px;
}

h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
	background    : #1D212A;
	padding-right : 9px;
}

h4.titlebg, h3.titlebg {
	background    : #E25D5D;
	padding-right : 9px;
}

h4.titlebg img.icon {
	float  : left;
	margin : 10px 8px 0 0;
}

div.cat_bar {
	background    : #1D212A;
	padding-left  : 9px;
	height        : 38px;
	overflow      : hidden;
	margin-bottom : 1px;
	border-radius : 4px 4px 0 0;
}

div.title_bar {
	background    : #E25D5D;
	padding-left  : 9px;
	height        : 38px;
	overflow      : hidden;
	margin-bottom : 1px;
	border-radius : 4px;
}

/* rounded bars needs a different background here */
div#IC div.cat_bar {
	background    : #E25D5D;
	margin-bottom : 0;
}

div#IC div.cat_bar h3.catbg {
	background : #E25D5D;
}

div.title_barIC {
	background    : #F5F5F5;
	padding-left  : 9px;
	height        : 38px;
	overflow      : hidden;
	margin-bottom : 1px;
	border        : 1px solid #CCC;
	border-top    : none;
}

div.title_barIC h4.titlebg {
	background : #F5F5F5;
	color      : #333;
}

.icbg {
	background : #FFF;
	padding    : 5px;
	border     : 1px solid #CCC;
	border-top : none;
}

#upshrinkHeaderIC p.pminfo {
	margin  : 0;
	padding : 0.5em;
}

img#upshrink_ic, img#newsupshrink {
	float  : right;
	margin : 12px 5px 0 0;
}

table.table_list a.unreadlink, table.table_list a.collapse {
	float : right;
}

table.table_list a.collapse {
	margin      : 0 5px 0 1em;
	height      : 38px;
	line-height : 38px;
	display     : block;
	visibility  : visible;
}

/* The half-round header bars for some tables. */
tr.catbg th.first_th, tr.titlebg th.first_th {
	background    : #E25D5D;
	border-radius : 4px 0 0 0;
}

tr.catbg th.last_th, tr.titlebg th.last_th {
	background    : #E25D5D;
	border-radius : 0 4px 0 0;
}

.table_grid th.last_th input {
	margin : 0 2px;
}

/* GenericList */
.additional_row {
	padding : 0.5em 0 0.5em 0;
}

/* table_grid styles for Profile > Show Permissions. */
#permissions table.table_grid td {
	padding : 0.4em 0.8em;
	cursor  : default;
}

/* Common styles used to add corners to divisions.
------------------------------------------------------- */
.windowbg span.topslice {
	display       : block;
	padding-left  : 20px;
	background    : #FFF;
	border-radius : 4px 4px 0 0;
}

.windowbg span.topslice span {
	display       : block;
	background    : #FFF;
	height        : 11px;
	border-radius : 4px 4px 0 0;
}

.windowbg span.botslice {
	display       : block;
	padding-left  : 20px;
	background    : #FFF;
	font-size     : 5px;
	line-height   : 5px;
	margin-bottom : 0.2em;
	border-radius : 0 0 4px 4px;
}

.windowbg span.botslice span {
	display       : block;
	background    : #FFF;
	height        : 11px;
	border-radius : 0 0 4px 4px;
}

.windowbg2 span.topslice {
	display       : block;
	padding-left  : 20px;
	background    : #FFF;
	border-radius : 4px 4px 0 0;
}

.windowbg2 span.topslice span {
	display       : block;
	background    : #FFF;
	height        : 11px;
	border-radius : 4px 4px 0 0;
}

.windowbg2 span.botslice {
	display       : block;
	padding-left  : 20px;
	background    : #FFF;
	font-size     : 5px;
	line-height   : 5px;
	margin-bottom : 0.2em;
	border-radius : 0 0 4px 4px;
}

.windowbg2 span.botslice span {
	display       : block;
	background    : #FFF;
	height        : 11px;
	border-radius : 0 0 4px 4px;
}

.approvebg span.topslice {
	display      : block;
	padding-left : 20px;
	background   : url(../images/theme/main_block.png) 0 0 no-repeat;
}

.approvebg span.topslice span {
	display    : block;
	background : url(../images/theme/main_block.png) 100% 0 no-repeat;
	height     : 11px;
}

.approvebg span.botslice {
	display       : block;
	padding-left  : 20px;
	background    : url(../images/theme/main_block.png) 0 -11px no-repeat;
	margin-bottom : 0.2em;
}

.approvebg span.botslice span {
	display    : block;
	background : url(../images/theme/main_block.png) 100% -11px no-repeat;
	height     : 11px;
}

.postbg {
	border-left  : 1px solid #7F7F7F;
	border-right : 1px solid #7F7F7F;
}

/* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe {
	padding      : 0 10px;
	background   : #F5F5F5;
	border-left  : 1px solid #C5C5C5;
	border-right : 1px solid #C5C5C5;
}

.roundframe dl, .roundframe dt, .roundframe p {
	margin : 0;
}

.roundframe p {
	padding : 0.5em;
}

span.upperframe {
	padding       : 0;
	display       : block;
	background    : #F5F5F5;
	border        : 1px solid #C5C5C5;
	border-bottom : none;
	padding-left  : 20px;
	border-radius : 4px 4px 0 0;
	margin-top    : 0.1em;
}

span.upperframe span {
	padding       : 0;
	height        : 12px;
	display       : block;
	background    : #F5F5F5;
	border-radius : 4px 4px 0 0;
}

span.lowerframe {
	padding       : 0;
	display       : block;
	background    : #F5F5F5;
	border        : 1px solid #C5C5C5;
	border-top    : none;
	padding-left  : 20px;
	border-radius : 0 0 4px 4px;
	margin-bottom : 0.2em;
}

span.lowerframe span {
	padding       : 0;
	height        : 12px;
	display       : block;
	background    : #F5F5F5;
	border-radius : 0 0 4px 4px;
}

/* The main content area.
------------------------------------------------------- */
.content {
	padding : 0.5em 1.2em;
	margin  : 0;
	border  : none;
}

.content p {
	margin : 0 0 0.5em 0;
}

/* Styles used by the auto suggest control.
------------------------------------------------------- */
.auto_suggest_div {
	border     : 1px solid #000;
	position   : absolute;
	visibility : hidden;
}

.auto_suggest_item {
	background-color : #DDD;
}

.auto_suggest_item_hover {
	background-color : #888;
	cursor           : pointer;
	color            : #EEE;
}

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu {
	padding : 0 0.5em;
	float   : left;
	margin  : 0;
	width   : auto;
}

.dropmenu, .dropmenu ul {
	list-style  : none;
	line-height : 1em;
	padding     : 0;
	margin      : 0;
}

.dropmenu {
	padding : 0;
}

.dropmenu a {
	display         : block;
	color           : #252525;
	padding         : 4px;
	text-decoration : none;
}

.dropmenu a span {
	display            : block;
	padding            : 0;
	font-size          : 9pt;
	font-weight        : 600;
	font-family        : "Segoe UI";
	transition         : color .35s ease-in-out;
	-moz-transition    : color .35s ease-in-out;
	-webkit-transition : color .35s ease-in-out;
}

/* the background's first level only */
.dropmenu li a.firstlevel {
	margin-right : 8px;
}

.dropmenu li a.firstlevel span.firstlevel {
	display     : block;
	position    : relative;
	height      : 22px;
	line-height : 19px;
	white-space : pre;
}

.dropmenu li {
	float    : left;
	padding  : 0;
	margin   : 0;
	position : relative;
}

.dropmenu li ul {
	z-index            : 90;
	display            : none;
	position           : absolute;
	width              : 19.2em;
	font-weight        : normal;
	padding            : 5px 0;
	-webkit-transition : display .25s ease .1s;
	-moz-transition    : display .25s ease .1s;
	transition         : display .25s ease .1s;
}

.dropmenu li li {
	width      : 19em;
	padding    : 3px;
	margin     : 0;
	background : #171717;
}

.dropmenu li li:first-child:last-child {
	border-radius : 5px;
}

.dropmenu li li:first-child {
	border-radius : 5px 5px 0 0;
}

.dropmenu li li:last-child {
	border-radius : 0 0 5px 5px;
}

.dropmenu li li a {
	color         : #FFF;
	padding       : 4px 2px;
	border-radius : 3px;
}

.dropmenu li li a span {
	display            : block;
	padding            : 3px;
	font-weight        : 400;
	transition         : none;
	-moz-transition    : none;
	-webkit-transition : none;
}

.dropmenu li ul ul {
	margin : -1.8em 0 0 13em;
}

.dropmenu li li a span img {
	margin-bottom : -2px;
}

/* the active button */
.dropmenu li a.active {
	color         : #FFF;
	background    : #E25D5D;
	border-radius : 3px;
}

.dropmenu li a.active:hover, .dropmenu li:hover a.active {
	color : #FFF !important;
}

/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel {
	color           : #E25D5D;
	cursor          : pointer;
	text-decoration : none;
}

/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover > a {
	background      : #E25D5D;
	text-decoration : none;
}

.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul {
	top : -999em;
}

.dropmenu li li:hover ul {
	top : auto;
}

.dropmenu li:hover ul {
	display : block;
}

/* The dropdown menu toggle image */
#menu_toggle {
	float        : right;
	margin-right : 10px;
	padding-top  : 3px;
}

#menu_toggle span {
	position : relative;
	right    : 5000px;
}

/* Styles for the standard button lists.
------------------------------------------------------- */
.buttonlist .nav, #admin_menu .nav {
	padding : 0;
	margin  : 0;
}

.buttonlist li a, #admin_menu li a.dropdown-toggle {
	background    : #5B6A8C;
	color         : #FFF;
	border-radius : 0 0 0 0;
}

.buttonlist li:first-child a,
#admin_menu li:first-child a.dropdown-toggle {
	border-bottom-left-radius : 4px;
	border-top-left-radius    : 4px;
}

.buttonlist li:last-child a,
#admin_menu li:last-child a.dropdown-toggle {
	border-bottom-right-radius : 4px;
	border-top-right-radius    : 4px;
}

.buttonlist li a.active, .buttonlist li a:hover, .buttonlist li a:focus,
#admin_menu li a.dropdown-toggle:hover, #admin_menu li a.dropdown-toggle:focus,
#admin_menu li a.active, #admin_menu li a.active:hover, #admin_menu li a.active:focus {
	background : #E25D5D;
}

.buttonlist .nav-pills li + li,
#admin_menu .nav-pills li + li {
	margin-left : 0;
}

.align_top ul li a, .align_bottom ul li a {
	margin : 0 12px 0 0;
}

@media (max-width : 991px) {
	#admin_menu li, #adm_submenus li {
		float         : none;
		margin-bottom : 5px;
	}

	#admin_menu li a, #adm_submenus li a {
		width         : 100%;
		border-radius : 4px !important;
	}

	#admin_menu .dropdown-menu {
		width : 100%;
	}
}

/* the navigation list */
ul#navigation {
	margin    : 0;
	font-size : 0.9em;
	padding   : 1em 0.4em;
}

ul#navigation li {
	float     : none;
	font-size : 0.95em;
	display   : inline;
}

#adm_submenus {
	overflow : hidden;
}

/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* the content section */
#content_section {
	padding : 20px 0;
}

#main_content_section {
	width      : 100%;
	min-height : 200px;
}

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle {
	line-height : 45px;
	font-size   : 1.8em;
	font-family : Geneva, verdana, sans-serif;
	margin      : 0;
	padding     : 0;
	float       : left;
}

/* float these items to the right */
#siteslogan, img#smflogo {
	margin      : 0;
	padding     : 0;
	float       : right;
	line-height : 3em;
}

h3, h4 {
	padding-bottom : 3px;
}

/* the upshrink image needs some tweaking */
img#upshrink {
	float   : right;
	margin  : 1em;
	display : block;
}

/* ..so does the SMF logo */
img#smflogo {
	margin-left : 1em;
}

/* the upper_section, float the two each way */
#upper_section {
	padding       : 5px;
	margin-bottom : 1.5em;
}

#upper_section ul li.greeting {
	font-size   : 1.3em;
	font-weight : bold;
	line-height : 1.5em;
}

#upper_section div.news {
	width      : 50%;
	float      : right;
	text-align : right;
}

#guest_form {
	overflow : hidden;
}

#guest_form .info {
	padding     : 4px 0;
	line-height : 1.3em;
}

div#upper_section div.user {
	width    : 50%;
	float    : left;
	overflow : auto;
}

div#upper_section div.user p {
	float   : left;
	margin  : 0 1em 1em 0;
	padding : 0;
}

div#upper_section div.user ul {
	margin       : 0;
	padding-left : 10px;
}

div#upper_section div.user ul li {
	margin-bottom : 2px;
}

div#upper_section div.news p {
	display : inline;
}

div#upper_section div.news form {
	padding-bottom : 10px;
}

/* clearing the floats */
#top_section {
	min-height    : 65px;
	overflow      : hidden;
	margin-bottom : 3px;
}

#upper_section {
	overflow : hidden;
}

/* The navigation list (i.e. linktree) */
.navigate_section {
	padding : 0.5em;
	margin  : 0 0 0 0;
}

.navigate_section ul {
	display    : block;
	margin     : 0;
	font-size  : 0.9em;
	padding    : 1em 0 0.5em 0;
	border-top : 1px solid #CCC;
	overflow   : hidden;
	list-style : none;
	clear      : both;
	width      : 100%;
}

.navigate_section ul li {
	float     : left;
	padding   : 0 0.5em 0 0;
	font-size : 0.95em;
}

.navigate_section ul li a {
	white-space : pre;
}

select.qaction, input.qaction {
	font-size : 0.85em;
	padding   : 0;
}

#mlist table tbody td.windowbg2 {
	text-align : center;
}

/* Styles for a typical table.
------------------------------------------------------- */
table.table_list {
	width : 100%;
}

table.table_list p {
	padding : 0;
	margin  : 0;
}

table.table_list td, table.table_list th {
	padding : 5px;
}

table.table_list tbody.header td {
	padding : 0;
}

table.table_list tbody.content td.stats {
	font-size  : 90%;
	width      : 15%;
	text-align : center;
}

table.table_list tbody.content td.lastpost {
	line-height : 1.3em;
	font-size   : 85%;
	width       : 24%;
}

table.table_list tbody.content td.icon {
	text-align : center;
	width      : 8%;
}

/* Styles for the board index.
------------------------------------------------- */

/* the board title! */
.table_list tbody.content td.info a.subject {
	font-weight : 700;
	font-size   : 110%;
	color       : #333;
}

.table_list tbody.content td.children {
	color     : #555;
	font-size : 85%;
}

p.moderators {
	font-size   : 0.8em;
	font-family : verdana, sans-serif;
}

/* hide the table header/footer parts - but its here for those needing to style it */
#boardindex_table .table_list thead, #boardindex_table .table_list tfoot {
	display : none;
}

/* the posting icons */
#posting_icons {
	padding     : 0 1em 0.5em 1em;
	margin      : 0 0 1em 0;
	line-height : 1em;
}

#posting_icons ul {
	font-size : 0.8em;
}

#posting_icons img {
	vertical-align : middle;
	margin         : 0 0 0 4ex;
}

#postbuttons_upper ul li a span {
	line-height : 19px;
	padding     : 0 0 0 6px;
}

.nextlinks {
	text-align : right;
	margin-top : -1px;
}

.nextlinks_bottom {
	clear      : right;
	text-align : right;
}

/* the newsfader */
#newsfader {
	margin : 0 2px;
}

#smfFadeScroller {
	text-align : center;
	padding    : 0 2em;
	overflow   : auto;
	margin     : 1em 0;
	color      : #575757; /* shouldn't be shorthand style due to a JS bug in IE! */
}

/* Styles for the info center on the board index.
---------------------------------------------------- */
dl#ic_recentposts {
	margin      : 0;
	padding     : 0.5em;
	line-height : 1.3em;
}

dl#ic_recentposts dt {
	float : left;
}

dl#ic_recentposts dd {
	text-align : right;
}

#upshrinkHeaderIC p {
	margin  : 0;
	padding : 0.5em;
}

#upshrinkHeaderIC p.last {
	margin     : 0;
	padding    : 0.5em;
	border-top : 2px dotted #BBB;
}

#upshrinkHeaderIC p.inline {
	border  : none;
	margin  : 0;
	padding : 0.2em 0.5em 0.2em 0.5em;
}

#upshrinkHeaderIC p.stats {
	font-size   : 1.1em;
	padding-top : 8px;
}

form#ic_login {
	padding : 0.5em;
	height  : 2em;
}

form#ic_login ul li {
	margin     : 0;
	padding    : 0;
	float      : left;
	width      : 20%;
	text-align : center;
}

form#ic_login ul li label {
	display : block;
}

/* the small stats */
#index_common_stats {
	display     : block;
	margin      : 0 0 0.5em 0;
	text-align  : right;
	font-size   : 0.9em;
	position    : relative;
	top         : -20px;
	line-height : 1px;
}

img.new_posts {
	padding : 0 0.1em;
}

/* Styles for the message (topic) index.
---------------------------------------------------- */
div.table_frame .table_list {
	border-collapse : collapse;
	margin          : 0;
}

#messageindex {
	clear : both;
}

/* the page navigation area */
.childboards {
	margin-bottom : 0.2em;
}

#childboards h3 {
	padding-bottom : 0;
}

#childboards .table_list thead {
	display : none;
}

#childboards .table_list {
	margin-bottom : 1em;
}

.lastpost img {
	float   : right;
	padding : 4px;
}

/* Styles for the display template (topic view).
---------------------------------------------------- */

#postbuttons div.buttons {
	padding : 0.5em;
	width   : 40%;
	float   : right;
}

#postbuttons div.middletext {
	width : 60%;
}

#postbuttons span {
	display    : block;
	text-align : right;
}

#postbuttons span.lower {
	clear : right;
}

#postbuttons .buttonlist {
	float : right;
}

#postbuttons #pagelinks {
	padding-top : 1em;
}

#moderationbuttons {
	overflow : hidden;
}

/* Events */
.linked_events {
	padding : 1em 0;
}

.edit_event {
	margin         : 0 1em;
	vertical-align : middle;
}

/* Poll question */
#poll {
	overflow : hidden;
}

#poll .content {
	padding : 0 1em;
}

h4#pollquestion {
	padding : 0 0 0.5em 2em;
}

/* Poll vote options */
#poll_options ul.options {
	border-top : 1px solid #99A;
	padding    : 1em 2.5em 0 2em;
	margin     : 0 0 1em 0;
}

#poll_options div.submitbutton {
	border-bottom : 1px solid #99A;
	clear         : both;
	padding       : 0 0 1em 2em;
	margin        : 0 0 1em 0;
}

/* Poll results */
#poll_options dl.options {
	border       : solid #99A;
	border-width : 1px 0;
	padding      : 1em 2.5em 1em 2em;
	margin       : 0 1em 1em 0;
	line-height  : 1.1em !important;
}

#poll_options dl.options dt {
	padding : 0.3em 0;
	width   : 30%;
	float   : left;
	margin  : 0;
	clear   : left;
}

#poll_options dl.options .voted {
	font-weight : bold;
}

#poll_options dl.options dd {
	margin    : 0 0 0 2em;
	padding   : 0.1em 0 0 0;
	width     : 60%;
	max-width : 450px;
	float     : left;
}

#poll_options dl.options .percentage {
	display : block;
	float   : right;
	padding : 0.2em 0 0.3em 0;
}

/* Poll notices */
#poll_options p {
	margin  : 0 1.5em 0.2em 1.5em;
	padding : 0 0.5em 0.5em 0.5em;
}

div#pollmoderation {
	margin   : 0;
	padding  : 0;
	overflow : auto;
}

/* onto the posts */
#forumposts {
	clear : both;
}

#forumposts .cat_bar {
	margin : 0 0 2px 0;
}

/* author and topic information */
#forumposts h3 span#author {
	margin : 0 7.7em 0 0;
}

#forumposts h3 img {
	float  : left;
	margin : 4px 0.5em 0 0;
}

#forumposts h3.catbg {
	margin-bottom : 3px;
}

p#whoisviewing {
	margin  : 0;
	padding : 0.5em;
}

/* poster and postarea + moderation area underneath */
.moderatorbar {
	clear : right;
}

.body_message {
	padding : 20px 0;
}

.body_content {
	background    : #FFF;
	border-radius : 4px;
	padding       : 20px;
}

@media (min-width : 992px) {
	.body_content {
		margin-left : 35px;
	}

	/*	.body_content span.arrow-left {
            width        : 0;
            height       : 0;
            border-style : solid;
            border-width : 25px 35px 25px 0;
            border-color : transparent #FFF transparent transparent;
            position     : absolute;
            left         : 16px;
        }*/
}

/* poster details and list of items */
.poster {
	margin-bottom : 10px;
	text-align    : center;
}

.poster h4, .poster ul {
	padding : 0;
	margin  : 0;
}

.poster h4 {
	margin        : 0;
	font-size     : 12px;
	width         : auto;
	padding       : 4px;
	border-radius : 4px 4px 0 0;
	background    : #E25D5D;
	text-align    : center;
}

.poster h4, .poster h4 a {
	color : #ССС;
}

.poster ul {
	border-radius : 0 0 4px 4px;
}

.poster ul li {
	background : #FFF;
	padding    : 5px 0;
	text-align : center;
}

.poster ul li:last-child {
	border-radius : 0 0 4px 4px;
	padding       : 0;
}

.poster ul li:last-child, .poster ul li:last-child ul {
	border-radius : 0 0 4px 4px;
}

.poster ul ul {
	margin        : 0;
	padding       : 5px 0;
	border        : none;
	border-radius : 0 0 0 0;
	background    : #3A3A3A;
}

.poster ul ul li {
	display    : inline;
	background : none;
}

.poster li.membergroup {
	padding : 15px 10px;
}

.poster li.membergroup > span {
	border         : 1px solid rgba(0, 0, 0, 0.1);
	border-radius  : 3px;
	color          : rgba(255, 255, 255, 0.8);
	font-size      : 11px;
	font-weight    : bold;
	opacity        : 0.8;
	padding        : 8px 15px;
	text-align     : center;
	text-shadow    : 0 1px 0 rgba(0, 0, 0, 0.3);
	text-transform : uppercase;
}

.poster li.postcount {
	font-size     : 1.6em;
	border-top    : 1px solid rgba(51, 51, 51, 0.1);
	border-bottom : 1px solid rgba(51, 51, 51, 0.1);
}

.poster li.karma {
	font-size     : 1.6em;
	border-bottom : 1px solid rgba(51, 51, 51, 0.1);
}

.poster li.title {
	border-bottom : 1px solid rgba(51, 51, 51, 0.1);
}

.poster img.img-circle {
	margin-bottom : 10px;
	min-width     : 64px;
}

@media (max-width : 991px) {
	.poster img.img-circle {
		
	}
}

.poster li.warning {
	line-height : 1.2em;
	padding-top : 1em;
}

.poster li.warning a img {
	vertical-align : bottom;
	padding        : 0 0.2em;
}

.messageicon {
	float  : left;
	margin : 0 0.5em 0 0;
}

.messageicon img {
	padding : 6px 3px;
}

div.postarea .btn-group, div.postarea .btn-group-vertical {
	margin : 0;
}

.modifybutton {
	clear      : right;
	float      : right;
	margin     : 6px 20px 10px 0;
	text-align : right;
	font       : bold 0.85em arial, sans-serif;
	color      : #346;
}

@media (max-width : 991px) {
	.poster h4 {
		border-radius : 4px;
	}

	.poster .postcount, .poster .blurb, .poster .im_icons {
		display : none;
	}

	.buttonlist li span {
		display : none;
	}
}

/* The quick buttons */
div.quickbuttons_wrap {
	padding : 0.2em 0;
	width   : 100%;
	float   : left;
}

ul.quickbuttons {
	margin     : 0.9em 11px 0 0;
	clear      : right;
	float      : right;
	text-align : right;
	font       : bold 0.85em arial, sans-serif;
}

ul.quickbuttons li {
	float   : left;
	display : inline;
	margin  : 0 0 0 11px;
}

ul.quickbuttons li a {
	padding     : 0 0 0 20px;
	display     : block;
	height      : 20px;
	line-height : 18px;
	float       : left;
}

ul.quickbuttons a:hover {
	color : #A70;
}

ul.quickbuttons li.quote_button {
	background : url(../images/theme/quickbuttons.png) no-repeat 0 0;
}

ul.quickbuttons li.remove_button {
	background : url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
}

ul.quickbuttons li.modify_button {
	background : url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
}

ul.quickbuttons li.approve_button {
	background : url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
}

ul.quickbuttons li.restore_button {
	background : url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
}

ul.quickbuttons li.split_button {
	background : url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
}

ul.quickbuttons li.reply_button {
	background : url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
}

ul.quickbuttons li.reply_all_button {
	background : url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
}

ul.quickbuttons li.notify_button {
	background : url(../images/theme/quickbuttons.png) no-repeat 0 -210px;
}

ul.quickbuttons li.inline_mod_check {
	margin : 0 0 0 5px;
}

.post {
	margin-top : 0.5em;
	clear      : right;
}

.inner {
    padding: 1em 0 2px 0;
    border-top: 1px solid #99A;
}

img.smiley {
	vertical-align : bottom;
}

#forumposts .modified {
	float : left;
}

#forumposts .reportlinks {
	margin-right : 1.5em;
	text-align   : right;
	clear        : right;
}

#forumposts .signature, .post .signature {
	margin : 1em 0 0 0;
}

#forumposts span.botslice {
	clear : both;
}

.attachments hr {
	clear  : both;
	margin : 1em 0 1em 0;
}

.attachments {
	padding : 1em 0 2em 0;
}

.attachments div {
	padding : 0 0.5em;
}

/* Styles for the quick reply area.
---------------------------------------------------- */

#quickreplybox {
	padding-bottom : 1px;
}

#quickReplyOptions .roundframe {
	padding : 0 10%;
}

#quickReplyOptions form textarea {
	height    : 100px;
	width     : 635px;
	max-width : 100%;
	min-width : 100%;
	margin    : 0.25em 0 1em 0;
}

/* The jump to box */
#display_jump_to {
	clear         : both;
	padding       : 4px;
	margin-top    : 6px;
	text-align    : right;
	border-radius : 3px
}

/* Separator of posts. More useful in the print stylesheet. */
#forumposts .post_separator {
	display : none;
}

/* Styles for edit post section
---------------------------------------------------- */
form#postmodify .roundframe {
	padding : 0 12%;
}

#post_header, .postbox {
	padding  : 0.5em;
	overflow : hidden;
}

#post_header dt, .postbox dt {
	float       : left;
	padding     : 0;
	width       : 15%;
	margin      : .5em 0 0 0;
	font-weight : bold;
}

#post_header dd, .postbox dd {
	float   : left;
	padding : 0;
	width   : 83%;
	margin  : .3em 0;
}

#post_header img {
	vertical-align : middle;
}

ul.post_options {
	margin     : 0 0 0 1em;
	padding    : 0;
	list-style : none;
	overflow   : hidden;
}

ul.post_options li {
	margin : 0.2em 0;
	width  : 49%;
	float  : left;
}

#postAdditionalOptionsHeader {
	margin-top : 1em;
}

#postMoreOptions {
	border-bottom : 1px solid #CACDD3;
	padding       : 0.5em;
}

#postAttachment, #postAttachment2 {
	overflow      : hidden;
	margin        : .5em 0;
	padding       : 0;
	border-bottom : 1px solid #CACDD3;
	padding       : 0.5em;
}

#postAttachment dd, #postAttachment2 dd {
	margin : .3em 0 .3em 1em;
}

#postAttachment dt, #postAttachment2 dt {
	font-weight : bold;
}

#postAttachment3 {
	margin-left : 1em;
}

#post_confirm_strip, #shortcuts {
	padding : 1em 0 0 0;
}

.post_verification {
	margin-top : .5em;
}

.post_verification #verification_control {
	margin : .3em 0 .3em 1em;
}

/* The BBC buttons */
#bbcBox_message {
	margin : 0.75em 0.5em;
}

#bbcBox_message div {
	margin         : 0.2em 0;
	vertical-align : top;
}

#bbcBox_message div img {
	margin         : 0 1px 0 0;
	vertical-align : top;
}

#bbcBox_message select {
	margin : 0 2px;
}

/* The smiley strip */
#smileyBox_message {
	margin : 0.5em;
}

/* Styles for edit event section
---------------------------------------------------- */
#post_event .roundframe {
	padding : 0 12%;
}

#post_event fieldset {
	padding : 0.5em;
	clear   : both;
}

#post_event #event_main input {
	margin : 0 0 1em 0;
	float  : left;
}

#post_event #event_main div.smalltext {
	width : 33em;
	float : right;
}

#post_event div.event_options {
	float : right;
}

#post_event ul.event_main, ul.event_options {
	padding  : 0;
	overflow : hidden;
}

#post_event ul.event_main li {
	list-style-type : none;
	margin          : 0.2em 0;
	width           : 49%;
	float           : left;
}

#post_event ul.event_options {
	margin  : 0;
	padding : 0 0 .7em .7em;
}

#post_event ul.event_options li {
	list-style-type : none;
	margin          : 0;
	float           : left;
}

#post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check {
	margin : 0 1em 0 0;
}

/* Styles for edit poll section.
---------------------------------------------------- */

#edit_poll {
	overflow : hidden;
}

#edit_poll fieldset {
	padding  : 0.5em;
	clear    : both;
	overflow : hidden;
}

#edit_poll fieldset input {
	margin-left : 8.1em;
}

#edit_poll ul.poll_main li {
	padding-left : 1em;
}

#edit_poll ul.poll_main input {
	margin-left : 1em;
}

#edit_poll ul.poll_main, dl.poll_options {
	overflow   : hidden;
	padding    : 0 0 .7em .7em;
	list-style : none;
}

#edit_poll ul.poll_main li {
	margin : 0.2em 0;
}

#edit_poll dl.poll_options dt {
	width   : 33%;
	padding : 0 0 0 1em;
}

#edit_poll dl.poll_options dd {
	width : 65%;
}

#edit_poll dl.poll_options dd input {
	margin-left : 0;
}

/* Styles for the recent messages section.
---------------------------------------------------- */

#readbuttons_top .pagelinks, #readbuttons .pagelinks {
	padding-bottom : 1em;
	width          : 60%;
}

#readbuttons .pagelinks {
	padding-top : 1em;
}

#recent {
	clear : both;
}

/* Styles for the move topic section.
---------------------------------------------------- */

#move_topic dl {
	margin-bottom : 0;
}

#move_topic dl.settings dt {
	width : 40%;
}

#move_topic dl.settings dd {
	width : 59%;
}

.move_topic {
	width      : 710px;
	margin     : auto;
	text-align : left;
}

div.move_topic fieldset {
	padding : 0.5em;
}

/* Styles for the send topic section.
---------------------------------------------------- */

fieldset.send_topic {
	border  : none;
	padding : 0.5em;
}

dl.send_topic {
	margin-bottom : 0;
}

dl.send_mail dt {
	width : 35%;
}

dl.send_mail dd {
	width : 64%;
}

/* Styles for the report topic section.
---------------------------------------------------- */

#report_topic dl {
	margin-bottom : 0;
}

#report_topic dl.settings dt {
	width : 20%;
}

#report_topic dl.settings dd {
	width : 79%;
}

/* Styles for the split topic section.
---------------------------------------------------- */

div#selected, div#not_selected {
	width : 49%;
}

ul.split_messages li.windowbg, ul.split_messages li.windowbg2 {
	margin : 1px;
}

ul.split_messages li a.split_icon {
	padding : 0 0.5em;
}

ul.split_messages div.post {
	padding    : 1em 0 0 0;
	border-top : 1px solid #FFF;
}

/* Styles for the merge topic section.
---------------------------------------------------- */
ul.merge_topics li {
	list-style-type : none;
}

dl.merge_topic dt {
	width : 25%;
}

dl.merge_topic dd {
	width : 74%;
}

fieldset.merge_options {
	clear : both;
}

.custom_subject {
	margin : 0.5em 0;
}

/* Styles for the login areas.
------------------------------------------------------- */
.login {
	width  : 50%;
	margin : 0 auto;
}

@media (max-width : 768px) {
	.login {
		width : 100%;
	}
}

.login dl {
	overflow : auto;
	clear    : right;
}

.login dt, .login dd {
	margin  : 0 0 0.4em 0;
	width   : 44%;
	padding : 0.1em;
}

.login dt {
	float       : left;
	clear       : both;
	text-align  : right;
	font-weight : bold;
}

.login dd {
	width      : 54%;
	float      : right;
	text-align : left;
}

.login p {
	text-align : center;
}

/* Styles for the registration section.
------------------------------------------------------- */
.register_error {
	border  : 1px dashed red;
	padding : 5px;
	margin  : 0 1ex 1ex 1ex;
}

.register_error span {
	text-decoration : underline;
}

/* Additional profile fields */
dl.register_form {
	margin : 0;
	clear  : right;
}

dl.register_form dt {
	font-weight : normal;
	float       : left;
	clear       : both;
	width       : 50%;
	margin      : 0;
}

dl.register_form dt strong {
	font-weight : bold;
}

dl.register_form dt span {
	display : block;
}

dl.register_form dd {
	float  : left;
	width  : 49%;
	margin: 5px 0;
}

#confirm_buttons {
	text-align : center;
	padding    : 1em 0;
}

.coppa_contact {
	padding          : 4px;
	width            : 32ex;
	background-color : #FFF;
	color            : #000;
	margin-left      : 5ex;
	border           : 1px solid #000;
}

.valid_input {
	background-color : #F5FFF0;
}

.invalid_input {
	background-color : #FFF0F0;
}

/* Styles for maintenance mode.
------------------------------------------------------- */
#maintenance_mode {
	width      : 75%;
	min-width  : 520px;
	text-align : left;
}

#maintenance_mode img.floatleft {
	margin-right : 1em;
}

/* common for all admin sections */
h3.titlebg img {
	vertical-align : middle;
	margin-right   : 0.5em;
	margin-top     : -1px;
}

tr.titlebg td {
	padding-left : 0.7em;
}

#admin_menu {
	min-height   : 2em;
	padding-left : 0;
}

#admin_content {
	clear       : left;
	padding-top : 0.5em;
}

/* Custom profile fields like to play with us some times. */
#admin_content .custom_field {
	margin-bottom : 15px;
}

#admin_login .centertext {
	padding : 1em;
}

#admin_login .centertext .error {
	padding : 0 0 1em 0;
}

/* Styles for sidebar menus.
------------------------------------------------------- */
.left_admmenu, .left_admmenu ul, .left_admmenu li {
	padding    : 0;
	margin     : 0;
	list-style : none;
}

#left_admsection {
	width         : 160px;
	float         : left;
	padding-right : 10px;
}

.adm_section h4.titlebg {
	font-size     : 95%;
	margin-bottom : 5px;
}

#main_container {
	position : relative;
}

.left_admmenu li {
	padding : 0 0 0 0.5em;
}

.left_admmenu {
	margin-bottom : 0.5em;
}

#main_admsection {
	position : relative;
	left     : 0;
	right    : 0;
	overflow : hidden;
}

tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td {
	padding : 0.3em 0.7em;
}

#credits p {
	padding    : 0;
	font-style : italic;
	margin     : 0;
}

/* Styles for generic tables.
------------------------------------------------------- */
.topic_table table {
	width : 100%;
}

.topic_table .icon1, .topic_table .icon2, .topic_table .stats {
	text-align : center;
}

#topic_icons {
	margin : 1em 0 0 0;
}

#topic_icons .description {
	margin : 0;
}

.topic_table table thead {
	border-bottom : 1px solid #FFF;
}

/* the subject column */
.topic_table td {
	font-size : 1em;
}

.topic_table td.subject p, .topic_table td.stats {
	font-size : 0.85em;
	padding   : 0;
	margin    : 0;
}

.topic_table td.lastpost {
	font-size   : 0.85em;
	line-height : 1.3em;
	padding     : 4px;
}

.topic_table td.stickybg2 {
	background-image    : url(../images/icons/quick_sticky.gif);
	background-repeat   : no-repeat;
	background-position : 98% 4px;
}

.topic_table td.lockedbg2 {
	background-image    : url(../images/icons/quick_lock.gif);
	background-repeat   : no-repeat;
	background-position : 98% 4px;
}

.topic_table td.locked_sticky2 {
	background-image    : url(../images/icons/quick_sticky_lock.gif);
	background-repeat   : no-repeat;
	background-position : 98% 4px;
}

.topic_table td.lastpost {
	background-image : none;
}

.subject small>a{
	padding: 4px 8px;
	border: 1px solid #0D6FAC;
}
/* Styles for (fatal) errors.
------------------------------------------------- */

#fatal_error {
	width  : 80%;
	margin : auto;
}

.errorbox {
	padding          : 1em;
	border           : 1px solid #C34;
	color            : #000;
	background-color : #FFE4E9;
	margin-bottom    : 1em;
}

.errorbox h3 {
	padding         : 0;
	margin          : 0;
	font-size       : 1.1em;
	text-decoration : underline;
}

.errorbox p {
	margin : 1em 0 0 0;
}

.errorbox p.alert {
	padding   : 0;
	margin    : 0;
	float     : left;
	width     : 1em;
	font-size : 1.5em;
}

/* Styles for the profile section.
------------------------------------------------- */

dl {
	overflow : auto;
	margin   : 0;
	padding  : 0;
}

/* The basic user info on the left */
#basicinfo {
	width : 20%;
	float : left;
}

#basicinfo .windowbg .content {
	padding-left : 20px;
}

#detailedinfo {
	width : 79.5%;
	float : right;
}

#basicinfo h4 {
	font-size   : 135%;
	font-weight : 100;
	line-height : 105%;
	white-space : pre-wrap;
	overflow    : hidden;
}

#basicinfo h4 span.position {
	font-size   : 80%;
	font-weight : 100;
	display     : block;
}

#basicinfo img.avatar {
	display : block;
	margin  : 10px 0 0 0;
}

#basicinfo ul {
	list-style-type : none;
	margin          : 10px 0 0 0;
}

#basicinfo ul li {
	display      : inline-block;
	margin-right : 5px;
	height       : 20px;
}

#basicinfo span#userstatus {
	display : block;
	clear   : both;
}

#basicinfo span#userstatus img {
	vertical-align : middle;
}

#detailedinfo div.content dl, #tracking div.content dl {
	clear         : right;
	overflow      : auto;
	margin        : 0 0 18px 0;
	padding       : 0 0 15px 0;
	border-bottom : 1px #CCC solid;
}

#detailedinfo div.content dt, #tracking div.content dt {
	width       : 40%;
	float       : left;
	margin      : 0 0 3px 0;
	padding     : 0;
	font-weight : bold;
	clear       : both;
}

#detailedinfo div.content dd, #tracking div.content dd {
	width   : 60%;
	float   : left;
	margin  : 0 0 3px 0;
	padding : 0;
}

#detailedinfo div.content dl.noborder {
	border-bottom : 0;
}

#detailedinfo div.content dt.clear {
	width : 100%;
}

@media (max-width : 970px) {
	#detailedinfo, #basicinfo {
		width : 100%;
	}

	#detailedinfo {
		padding-left : 0;
	}

	#basicinfo {
		text-align : center;
	}

	#basicinfo ul li {
		text-align: center;
	}
}

.signature, .custom_fields_above_signature {
	border-top : 1px #CCC solid;
}

.signature h5 {
	font-size     : 0.85em;
	margin-bottom : 10px;
}

#personal_picture {
	display       : block;
	margin-bottom : 0.3em;
}

#avatar_server_stored div {
	float : left;
}

#avatar_upload {
	overflow : auto;
}

#main_admsection #basicinfo, #main_admsection #detailedinfo {
	width : 100%;
}

#main_admsection #basicinfo h4 {
	float : left;
	width : 35%;
}

#main_admsection #basicinfo img.avatar {
	float          : right;
	vertical-align : top;
}

#main_admsection #basicinfo ul {
	clear : left;
}

#main_admsection #basicinfo span#userstatus {
	clear : left;
}

#main_admsection #basicinfo p#infolinks {
	display : none;
	clear   : both;
}

#main_admsection #basicinfo .botslice {
	clear : both;
}

/* Simple feedback messages */
div#profile_error, div#profile_success {
	margin  : 0 0 1em 0;
	padding : 1em 2em;
	border  : 1px solid;
}

div#profile_error {
	border-color : red;
	color        : red;
	background   : #FEE;
}

div#profile_error span {
	text-decoration : underline;
}

div#profile_success {
	border-color : green;
	color        : green;
	background   : #EFE;
}

/* Profile statistics */
#generalstats div.content dt {
	width       : 50%;
	float       : left;
	margin      : 0 0 3px 0;
	padding     : 0;
	font-weight : bold;
	clear       : both;
}

#generalstats div.content dd {
	width   : 50%;
	float   : left;
	margin  : 0 0 3px 0;
	padding : 0;
}

/* Activity by time */
#activitytime {
	margin : 6px 0;
}

.activity_stats {
	margin     : 0;
	padding    : 0;
	list-style : none;
}

.activity_stats li {
	margin  : 0;
	padding : 0;
	width   : 4.16%;
	float   : left;
}

.activity_stats li span {
	display      : block;
	border       : solid #000;
	border-width : 1px 1px 0 0;
	text-align   : center;
}

.activity_stats li.last span {
	border-right : none;
}

.activity_stats li div.bar {
	margin : 0 auto;
	width  : 15px;
}

.activity_stats li div.bar div {
	background : #6294CE;
}

.activity_stats li div.bar span {
	position : absolute;
	top      : -1000em;
	left     : -1000em;
}

/* Most popular boards by posts and activity */
#popularposts {
	width : 49.5%;
	float : left;
}

#popularactivity {
	width : 49.5%;
	float : right;
}

#popularposts div.content dt, #popularactivity div.content dt {
	width       : 65%;
	float       : left;
	margin      : 0 0 3px 0;
	padding     : 0;
	font-weight : bold;
	clear       : both;
}

#popularposts div.content dd, #popularactivity div.content dd {
	width   : 35%;
	float   : left;
	margin  : 0 0 3px 0;
	padding : 0;
}

.profile_pie {
	background-image : url(../images/stats_pie.png);
	float            : left;
	height           : 20px;
	width            : 20px;
	margin           : 0 1em 0 0;
	padding          : 0;
	text-indent      : -1000em;
}

/* View posts */
.topic .time {
	float : right;
}

.counter {
	margin      : 0 0 0 0;
	padding     : 0.2em 0.5em 0.1em 0.2em;
	font-size   : 2.2em;
	font-weight : bold;
	color       : #3F3F3F;
	float       : left;
}

.list_posts {
	border-top  : 2px solid #B3B3BF;
	padding-top : 12px;
	margin-top  : 6px;
	overflow    : auto;
}

.core_posts {
	margin-bottom : 3px;
}

.topic h4 {
	margin : 3px 0;
}

.topic .post {
	margin     : 0 1em;
	min-height : 80px;
	height     : auto !important;
	height     : 80px;
}

.topic .mod_icons {
	text-align   : right;
	margin-right : 1em;
}

#tracking div.content dl {
	border-bottom : 0;
	margin        : 0;
	padding       : 0;
}

#creator dl {
	margin : 0;
}

#creator dt {
	width  : 40%;
	float  : left;
	clear  : both;
	margin : 0 0 10px 0;
}

#creator dd {
	float    : right;
	width    : 55%;
	margin   : 0 0 10px 2px;
	overflow : auto;
}

@media (max-width : 767px) {
	#creator dd, #creator dt {
		width : 100%;
	}
}

.ignoreboards {
	margin  : 0 2%;
	padding : 0;
	width   : 45%;
}

.ignoreboards a {
	font-weight   : bold;
	border-bottom : 1px solid #C4C4C4;
	padding       : 0.1em 0;
}

.ignoreboards a:hover {
	text-decoration : none;
	border-bottom   : 1px solid #346;
}

.ignoreboards ul {
	margin  : 0;
	padding : 0;
}

.ignoreboards li {
	list-style : none;
	float      : left;
	clear      : both;
}

.ignoreboards li.category {
	margin : 0.7em 0 0 0;
	width  : 100%;
}

.ignoreboards li ul {
	margin : 0.2em 0 0 0;
}

.ignoreboards li.category ul li.board {
	width : 93%;
}

#theme_settings {
	overflow : auto;
	margin   : 0;
	padding  : 0;
}

#theme_settings li {
	list-style : none;
	margin     : 10px 0;
	padding    : 0;
}

/* Paid Subscriptions */
#paid_subscription {
	width : 100%;
}

#paid_subscription dl.settings {
	margin-bottom : 0;
}

#paid_subscription dl.settings dd, #paid_subscription dl.settings dt {
	margin-bottom : 4px;
}

/* Pick theme */
#pick_theme {
	width : 100%;
	float : left;
}

/*Issue a warning*/
#warn_body {
	width     : 80%;
	font-size : 0.9em;
}

/* Styles for the statistics center.
------------------------------------------------- */
#statistics {
	padding : 0.5em 0;
}

#statistics div.title_bar {
	margin : 4px 0 -2px 0;
}

#statistics h3.catbg {
	text-align : center;
}

#statistics div.content {
	min-height : 210px;
}

#statistics div.top_row {
	min-height : 150px;
}

#stats_left, #top_posters, #top_topics_replies, #top_topics_starter {
	float : left;
	width : 49.5%;
}

#stats_right, #top_boards, #top_topics_views, #most_online {
	float : right;
	width : 49.5%;
}

@media (max-width : 970px) {
	#stats_right, #top_boards, #top_topics_views, #most_online, #stats_left, #top_posters, #top_topics_replies, #top_topics_starter {
		width : 100%;
	}
}

dl.stats {
	clear    : both;
	overflow : hidden;
	margin   : 0;
	padding  : 0;
}

dl.stats dt {
	width       : 49%;
	float       : left;
	margin      : 0 0 4px 0;
	line-height : 16px;
	padding     : 0;
	clear       : both;
	font-size   : 1em;
}

dl.stats dd {
	text-align  : right;
	width       : 50%;
	font-size   : 1em;
	float       : right;
	margin      : 0 0 4px 0;
	line-height : 16px;
	padding     : 0;
}

.statsbar div.bar {
	float         : left;
	background    : #1D212A;
	display       : block;
	margin        : 0 4px;
	height        : 16px;
	border-radius : 4px;
}

.statsbar div.bar div {
	position      : relative;
	right         : -4px;
	padding       : 0 4px 0 0;
	background    : #1D212A;
	height        : 16px;
	border-radius : 0 4px 4px 0;
}

tr.windowbg2 th.stats_month {
	width      : 25%;
	padding    : 0 2em;
	text-align : left;
}

tr.windowbg2 td.stats_day {
	padding    : 0 3.5em;
	text-align : left;
}

/* Styles for the personal messages section.
------------------------------------------------- */

#personal_messages h3 span#author, #personal_messages h3 span#topic_title {
	float : left;
}

#personal_messages h3 span#author {
	margin : 0 0 0 0.5em;
}

#personal_messages h3 span#topic_title {
	margin : 0 0 0 9em;
}

#personal_messages div.labels {
	padding : 0 1em 0 0;
}

#personal_messages .capacity_bar {
	background : #F0F4F7;
	display    : block;
	margin     : 0.5em 0 0 1em;
	height     : 1em;
	border     : 1px solid #ADADAD;
	width      : 10em;
}

#personal_messages .capacity_bar span {
	border-right : 1px solid #ADADAD;
	display      : block;
	height       : 1em;
}

#personal_messages .capacity_bar span.empty {
	background : #A6D69D;
}

#personal_messages .capacity_bar span.filled {
	background : #EEA800;
}

#personal_messages .capacity_bar span.full {
	background : #F10909;
}

#personal_messages .reportlinks {
	padding : 0.5em 1.3em;
}

#searchLabelsExpand li {
	padding : 0.3em 0.5em;
}

#manrules div.righttext {
	padding : 0.3em 0.1em;
}

dl.addrules dt.floatleft {
	width   : 15em;
	color   : #333;
	padding : 0 1.25em 0.5em 1.25em;
}

#addrule fieldset {
	clear : both;
}

/* Styles for the calendar section.
------------------------------------------------- */
.calendar_table {
	margin-bottom : 0.7em;
}

/* Used to indicate the current day in the grid. */
.calendar_today {
	background-color : #FFF;
}

#month_grid {
	width      : 200px;
	text-align : center;
	float      : left;
}

#month_grid div.cat_bar {
	height : 25px;
}

#month_grid h3.catbg {
	height      : 25px;
	line-height : 27px;
}

#month_grid table {
	width : 200px;
}

#main_grid table {
	width          : 100%;
	padding-bottom : 4px;
}

#main_grid table h3.catbg {
	text-align    : center;
	height        : 29px;
	border-top    : 2px solid #FFF;
	border-bottom : none;
}

#main_grid table.weeklist td.windowbg {
	text-align    : center;
	height        : 49px;
	width         : 25px;
	font-size     : large;
	padding       : 0 7px;
	border-bottom : 2px solid #FFF;
}

#main_grid table.weeklist td.weekdays {
	height         : 49px;
	width          : 100%;
	padding        : 4px;
	text-align     : left;
	vertical-align : middle;
	border-bottom  : 2px solid #FFF;
}

#main_grid h3.weekly {
	text-align   : center;
	padding-left : 0;
	font-size    : large;
	height       : 29px;
}

#main_grid h3 span.floatleft, #main_grid h3 span.floatright {
	display     : block;
	font-weight : bold;
}

#main_grid table th.days {
	width   : 14%;
	padding : 4px 0;
}

#main_grid table.weeklist h4.titlebg {
	margin      : 0 0 0 0;
	height      : 23px;
	line-height : 27px;
}

#main_grid table td.weeks {
	vertical-align : middle;
	text-align     : center;
	font-weight    : bold;
	font-size      : large;
}

#main_grid table td.days {
	vertical-align : top;
	text-align     : center;
}

@media (max-width : 767px) {
	#month_grid, #main_grid {
		width : 100%;
	}

	#main_grid {
		display : none;
	}
}

a.modify_event {
	color : red;
}

span.hidelink {
	font-style : italic;
}

#calendar_navigation {
	text-align : center;
}

/* Styles for the memberlist section.
------------------------------------------------- */
#mlist_search {
	margin : auto;
	width  : auto;
}

/* Styles for the basic search section.
------------------------------------------------- */
#searchform, #simple_search p {
	padding : 0.5em;
	margin  : 0;
}

#simple_search, #simple_search p, #advanced_search {
	text-align : center !important;
	margin     : 0;
}

#search_error {
	font-style : italic;
	padding    : 0.3em 1em;
}

#search_term_input {
	font-size : 115%;
	margin    : 0 0 1em;
}

/* Styles for the advanced search section.
------------------------------------------------- */
#searchform fieldset {
	text-align : left;
	padding    : 0;
	border     : none;
}

#searchform fieldset .btn {
	float : right;
}

#advanced_search dl#search_options {
	margin      : 0 auto;
	width       : 100%;
	padding-top : 1em;
	overflow    : hidden;
}

#advanced_search dt {
	clear      : both;
	float      : left;
	padding    : 0.2em;
	text-align : right;
	width      : 20%;
}

#advanced_search dd {
	width      : 75%;
	float      : left;
	padding    : 0.2em;
	margin     : 0 0 0 0.5em;
	text-align : left;
}

#searchform p.clear {
	clear : both;
}

@media (max-width : 991px) {
	#advanced_search dd, #advanced_search dt {
		width : 100%;
	}

	#advanced_search dt {
		text-align : left;
	}
}

/* Styles for the search results page.
------------------------------------------------- */
.topic_table td blockquote, .topic_table td .quoteheader {
	margin : 0.5em;
}

.search_results_posts {
	overflow : hidden;
}

.search_results_posts .buttons {
	padding : 5px 1em 0 0;
}

/* Styles for the help section.
------------------------------------------------- */

#help_container {
	margin  : 4px 0 0 0;
	padding : 0 0 8px 0;
}

#helpmain {
	padding : 0 1em;
}

#helpmain p {
	margin      : 0 0 1.5em 0;
	line-height : 1.5em;
}

#helpmain ul {
	line-height : 1.5em;
}

/* Styles for print media.
------------------------------------------------------- */
@media print {
	#headerarea {
		display : none;
	}

	.tborder {
		border : none;
	}
}

/* Nav */
.navbar-default .navbar-nav li .avatar {
	width  : 32px;
	height : 32px;
	float  : left;
	margin : -5px 5px 0 0;
}

.collapsemenu {
	display     : block;
	margin-left : 25px;
}

header {
	background    : #F5F5F5;
	border-bottom : 1px solid #CCC;
}

header h2 {
	font-weight : 500;
	margin      : 10px 0 0;
}

footer {
	padding    : 20px 0;
	font-size  : 12px;
	background : #1D212A;
	color      : #FFF;
}

footer .smalltext {
	font-size : 12px;
}

footer a {
	color : #FFF !important;
}

@media (max-width : 991px) {
	footer ul {
		float : left !important;
		width : 100%;
	}

	footer ul.reset {
		margin: 8px;
	}
	
.block_links .block_links_icnt {
    width: 100%!important;
    display: inline-block;
	margin: 5px 10px!important
}
}

.table_list td.icon {
	border-bottom : 1px solid #CCC;
	border-left   : 1px solid #CCC;
}

.table_list td.info, .table_list td.stats {
	border-bottom : 1px solid #CCC;
}

.table_list td.lastpost {
	border-bottom : 1px solid #CCC;
	border-right  : 1px solid #CCC;
}

.table_grid td {
	border-bottom : 1px solid #CCC;
}

.table_grid td.icon1 {
	border-left : 1px solid #CCC;
}

.table_grid td.lastpost, .table_grid td.moderation {
	border-right : 1px solid #CCC;
}

@media (max-width : 992px) {
	.table_list td.info, .table_grid td.subject {
		border-right : 1px solid #CCC;
	}
}

#menu, #user-menu {
	background : #1D212A;
}

@media (min-width : 768px) {
	#user-menu {
		display    : none !important;
		visibility : hidden !important;
	}	

}

nav .nav-notification {
	list-style    : none;
	padding       : 0;
	margin-top    : 0;
	margin-bottom : 0;
	margin-right  : 5px !important;
}

nav .nav-notification > li {
	position : relative;
	float    : left;
}

nav .nav-notification > li > a {
	display   : block;
	font-size : 13px;
	padding   : 17px;
	color     : #FFF;
	outline   : 0;
}

nav .nav-notification > li .search-input-wrapper {
	padding : 10px 0 0;
}

.search-input {
	position : relative;
	display  : inline-block;
}

.search-input a {
	color : #FFF !important;
}

.search-input input {
	width                 : 30px;
	border-radius         : 50em !important;
	-moz-border-radius    : 50em !important;
	-webkit-border-radius : 50em !important;
	transition            : all .5s ease;
	-webkit-transition    : all .5s ease;
	-moz-transition       : all .5s ease;
	-ms-transition        : all .5s ease;
	-o-transition         : all .5s ease;
}

.search-input input, .search-input input:focus {
	background : transparent;
	border     : 1px solid white;
	box-shadow : none;
	color      : #FFF;
}

.search-input input:focus, .search-input input:hover {
	width              : 150px;
	transition         : all .5s ease;
	-webkit-transition : all .5s ease;
	-moz-transition    : all .5s ease;
	-ms-transition     : all .5s ease;
	-o-transition      : all .5s ease;
}
/*
.search-input input:focus + .input-icon, .search-input input:hover + .input-icon {
	right : 15px;
}*/

.search-input:focus input, .search-input:hover input {
	width              : 150px;
	transition         : all .5s ease;
	-webkit-transition : all .5s ease;
	-moz-transition    : all .5s ease;
	-ms-transition     : all .5s ease;
	-o-transition      : all .5s ease;
}

.search-input:focus input + .input-icon, .search-input:hover input + .input-icon {
	right : 8px;
}

.search-input .input-icon {
	display   : inline-block;
	position  : absolute;
	top       : 4px;
	right     : 8px;
	font-size : 16px;
}

ul.social {
	float      : right;
	list-style : none;
	margin     : 0;
	padding    : 0;
}

ul.social li {
	float       : left;
	margin-left : 5px;
}

ul.social li .fa {
	border             : 1px solid white;
	padding            : 7px;
	border-radius      : 100%;
	transition         : all .5s ease;
	-webkit-transition : all .5s ease;
	-moz-transition    : all .5s ease;
	-ms-transition     : all .5s ease;
	-o-transition      : all .5s ease;
	width              : 40px;
	text-align         : center;
}

ul.social li .fa-twitter:hover {
	border     : 1px solid #2FC2EF;
	background : #2FC2EF;
}

ul.social li .fa-facebook:hover {
	border     : 1px solid #3A5795;
	background : #3A5795;
}

ul.social li .fa-youtube:hover {
	border     : 1px solid #CC181E;
	background : #CC181E;
}

ul.social li .fa-rss:hover {
	border     : 1px solid #F60;
	background : #F60;
}

.navbar-brand .logo {
	min-height : 50px;
	margin-top : -15px;
}

.fa-fw {
	margin-right : 5px;
}

.scroll-to-top {
	position              : fixed;
	display               : block;
	right                 : -100px;
	bottom                : 10px;
	width                 : 45px;
	height                : 45px;
	line-height           : 45px;
	background-color      : #E25D5D;
	color                 : #FFF !important;
	text-align            : center;
	z-index               : 10;
	border-radius         : 100%;
	-moz-border-radius    : 100%;
	-webkit-border-radius : 100%;
	box-shadow            : 0 0 1px rgba(0, 0, 0, .05);
	-moz-box-shadow       : 0 0 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow    : 0 0 1px rgba(0, 0, 0, .05);
	transition            : all .5s ease;
	-webkit-transition    : all .5s ease;
	-moz-transition       : all .5s ease;
	-ms-transition        : all .5s ease;
	-o-transition         : all .5s ease;
}

.scroll-to-top.active {
	right : 10px;
}

@media (max-width : 767px) {


	.show-menu {
		display    : block !important;
		visibility : visible !important;
	}
}

#button_logout, #button_profile {
	display : none;
}

@media (max-width : 970px) {
	#live_news, #supportVersionsTable, #quick_tasks li, .modblock_right, .modblock_left {
		width : 100% !important;
	}

	#quick_tasks li {
		height : auto !important;
	}

	td.icon a img {
		max-width : none;
	}
}

@media (max-width : 991px) {
	#admin_content .table > thead > tr > th:nth-child(2), #admin_content .table > tbody > tr > td:nth-child(2),
	#admin_content .table > thead > tr > th:nth-child(4), #admin_content .table > tbody > tr > td:nth-child(4),
	#admin_content .table > thead > tr > th:nth-child(5), #admin_content .table > tbody > tr > td:nth-child(5),
	#mlist .table > thead > tr > th, #mlist .table > tbody > tr > td {
		display : none;
	}

	#admin_content .table > thead > tr > th:last-child, #admin_content .table > tbody > tr > td:last-child {
		display    : table-cell !important;
		text-align : right !important;
	}

	#mlist .table > thead > tr > th:first-child, #mlist .table > tbody > tr > td:first-child,
	#mlist .table > thead > tr > th:nth-child(2), #mlist .table > tbody > tr > td:nth-child(2) {
		display : table-cell !important;
	}

}

#IC .nav {
	margin : 0;
}

#IC ul.nav.nav-tabs {
	background : #E5E5E5;
	border     : 1px solid #CCC;
	border-top : none;
}

#IC .nav-tabs > li:first-child > a {
	margin-left : 4px;
}

#IC .nav-tabs > li > a:hover {
	background   : transparent;
	border-color : transparent;
}

#IC .nav-tabs > li.active > a:hover {
	background : #FFF;
}

#IC .nav-tabs > li > a {
	border-radius : 0 0 0 0;
	border-top    : none
}

#IC .nav-tabs > li.active > a, #IC .nav-tabs > li.active > a:hover {
	border-left-color  : #CCC;
	border-right-color : #CCC;
}

#IC .tab-content {
	background    : #FFF;
	border-radius : 0 0 4px 4px;
	padding       : 10px;
	border        : 1px solid #CCC;
	border-top    : none;
}

@media (max-width : 767px) {
	#IC .nav-tabs li span {
		display : none;
	}
}

@media (max-width : 991px) {
	

	ol.breadcrumb li:first-child, .breadcrumb li:last-child {
		display : none;
	}
}

.dropdown-submenu {
	position : relative;
}

.dropdown-submenu > .dropdown-menu {
	top                   : 0;
	left                  : 100%;
	margin-top            : -6px;
	margin-left           : -1px;
	-webkit-border-radius : 0 6px 6px 6px;
	-moz-border-radius    : 0 6px 6px;
	border-radius         : 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
	display : block;
}

.dropdown-submenu.pull-left {
	float : none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
	left                  : -100%;
	margin-left           : 10px;
	-webkit-border-radius : 6px 0 6px 6px;
	-moz-border-radius    : 6px 0 6px 6px;
	border-radius         : 6px 0 6px 6px;
}

@media (max-width : 991px) {
	.dropdown-submenu > .dropdown-menu {
		left : 0;
		top  : 100%;
	}
}

.alert-redsy {
	border-color : #E25D5D;
	background   : #E25D5D;
	color        : #FFF;
}

.display-info {
	margin   : 10px 0;
	overflow : hidden;
}

.display-info li {
	float        : left;
	margin-right : 10px !important;
}

/*new style*/
.navbar-default {
	background-color : #48536F;
}

#menu, #user-menu {
	background : #5B6A8C;
}

h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg, div.cat_bar {
	background : #5B6A8C;
}

div#IC div.cat_bar {
	background-color : #5B6A8C;
}

div#IC div.cat_bar h3.catbg {
	background-color : #5B6A8C;
}

.buttonlist li a.active, #admin_menu li a.active {
	background : #3A4359;
}

.righttext > input:nth-child(1) {
	background : #3A4359;
}

.righttext > input:nth-child(1):hover {
	background : #13161C;
}

.buttonlist li a:hover, .buttonlist li a.active:hover, .buttonlist li a:focus, #admin_menu li a.dropdown-toggle:hover, #admin_menu li a.dropdown-toggle:focus, #admin_menu li a.active:hover, #admin_menu li a.active:focus {
	background : #13161C;
}

.scroll-to-top {
	background-color : #5B6A8C;
}

.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td, .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th, th.days {
	background : #5B6A8C;
	color      : #FFF
}

tr.catbg th.first_th, tr.titlebg th.first_th {
	background : #5B6A8C;
}

tr.catbg th.last_th, tr.titlebg th.last_th {
	background : #5B6A8C;
}

.alert-redsy {
	border-color : #5B6A8C;
	background   : #5B6A8C;
}

.poster h4 {
	background : #FFF;
}

.btn-primary {
	color            : #FFF;
	background-color : #5B6A8C;
	border-color     : #5B6A8C;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color            : #FFF;
	background-color : #13161C;
	border-color     : #13161C;
}

.btn-danger {
	color            : #FFF;
	background-color : #5B6A8C;
	border-color     : #5B6A8C;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
	background-color : #13161C;
	border-color     : #13161C;
}

div.title_bar, h4.titlebg, h3.titlebg {
	background : #5B6A8C
}

#header h1 {
	font-size  : 1.5em;
	margin-top : 0.5em;
}

li#button_help {
	display : none;
}

.poster img.img-thumbnail.img-circle {
	width  : 100px;
	height : 100px;
}

.poster h4 a {
	font-size : 16px;
}

.poster li.karma {
	font-size : 1em;
}

li.gender {
	display : none;
}

ul#smfFadeScroller {
	height : 120px;
}

td.icon {
	opacity : 0.6;
}

.stickybg {
	background : #f0f3fa;
}

.poster .im_icons ul {
	display    : inline-block;
	background : #FFF;
}

.poster ul ul {
	background : #FFF;
}

select#display_jump_to_select, select#message_index_jump_to_select {
	min-height    : 30px;
	line-height   : 1.5;
	margin-top    : 1px;
	border        : 1px solid #CCC;
	border-radius : 3px;
}

.body_message {
	padding : 10px 0;
}

blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote {
	font-size : 14px;
}

.post {
	font-size : 1em;
}

hr {
	margin : 2px -20px;
}

.poster li.postcount {
	font-size : 1em;
}

.poster ul li.stars {
	border-bottom : 1px solid rgba(51, 51, 51, 0.1);
}



#forumposts .reportlinks {
	font-size : 10px;
}

.pagesection {
	padding : 1em 0;
}

.nextlinks_bottom {
	padding-top : 0.5em;
}

.poster {
	margin-bottom : 0;
}

.poster img.img-circle {
	margin-bottom : 0;
}

blockquote.bbc_standard_quote {
	background-color : #F5F5F5;
}

.modifybutton {
	margin : 2px;
}

table.table_list tbody.content td.icon {
	width          : 4.5%;
	vertical-align : top;
	padding-top    : 15px;
}

li#button_calendar {
	display : none;
}

.nextlinks {
	text-align : left;
}

.body_content {
	margin-left : 0;
}

#advanced_search dt {
	line-height : 30px;
}

input[type="radio"], input[type="checkbox"] {
	margin         : 0;
	margin-top     : 0;
	line-height    : 30px;
	vertical-align : middle;
}

label {
	line-height   : 30px;
	margin-bottom : 0px;
}

input[name=search], input[name=q], input[name=text] {
	min-width : 150px;
}

.label-warning {
	background-color : #C2C2C2;
	margin-right     : 3px;
}

.alert.alert-success {
	background-color: #fff;
}

td.moderation.stickybg {
	min-width: 60px;
}

#bbcBox_message div img {
	vertical-align: middle;
}

#quickReplyOptions #html_message {
	width: 100% !important;
}

#bbcBox_message select {
	padding: 5px;
}

#quickReplyOptions div#message_resizer {
	display: none;
}

.body_message .poster .fa {
	font-size: 18px;
	margin: 0 1px;
	opacity: 0.6;
}

.body_message .poster .im_icons a .fa:hover, div#basicinfo a .fa:hover {
	opacity: 0.9;
}

.body_message .poster .fa-user-circle-o:before {
	color: #00bc16;
}

div#basicinfo .fa {
	font-size: 18px;
	opacity: 0.6;
}

.body_content a:link, .body_content a:visited, .body_content a.new_win:link, .body_content a.new_win:visited, .table_list tbody.content td.info a.subject {
    color: #38579F;
}
.body_message .row, #personal_messages .body_message.row { 
	background: #fff; 
	padding: 10px 0; 
	margin-left: 0px;
    margin-right: 0px;
	border-radius: 4px;
} 

#forumposts .post_separator { 
	display: block; margin: 0; background-color: #ddd; 
} 
.poster { 
	padding: 10px 0; 
}


.poster .avatar {
	display: inline-block;
	position: relative;
}
.poster .online {
	display: block;
	position: absolute;
	bottom: 4px;
	right: 4px;
	width: 24px;
	height: 24px;
	border: 2px solid #fff;
	border-radius: 100%;
	background: #00a413;
}

.poster li.karma {
	font-size: 1.5em;
}

.poster li.karma i {
	text-decoration: none;
	font-size: 12px;
}
.poster li.karma i.fa-plus {
	color: green;
	margin-right: 5px;
}
.poster li.karma i.fa-minus {
	color: red;
	margin-left: 5px;
}

body .block_links {
    margin-top: 10px;
    background-color: #f5f5f0!important;
    font-family: 'Open Sans'!important;
}

body .block_links_header, body .block_links_header a {
    color: #2A2A2A!important;
    font-size: 14px!important;
    font-weight: bold!important;
    text-decoration: none!important;
}

body .block_links_header:hover, body .block_links_header a:hover {
    color: #2A2A2A!important;
    font-size: 14px!important;
    font-weight: bold!important;
    text-decoration: underline!important;
}

body .block_links_url {
    color: #2A2A2A!important;
    font-size: 11px!important;
    text-decoration: none!important;
}

.ya-share2 {
    float: right;
    background-color: #b5bfd6;
    padding: 5px 0px 5px 10px;
    border-radius: 4px;
}

#forumposts .post_separator {
    display: none;
}

.poster ul li.stars {
	margin: 0px 10%;
}

.poster li.postcount {
    border-top: none;
    border-bottom: none;
}

.poster li.karma {
    border-bottom: none;
}

.post .sp-wrap {
    border-width: 1px;
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 2px;
}

#display_jump_to {
    display: none;
}

.reportlinks {
    text-align: right;
}

#moderationbuttons {
    margin-bottom: 15px;
}

.navbar-nav > li > span {
	padding-top: 15px;
    padding-bottom: 15px;
	color: #FFF;
	line-height: 20px;
   	padding-left: 15px;
    padding-right: 15px;
	display: block;
}

.navbar-nav > li > span:hover {
    cursor: pointer;
	background-color: #13161c;
}

.statpost {
    display: inline-block;
    float: right;
    margin-right: 10px;
}

.statpost li.h4 {
    display: inline-block;
	margin-left: 4px;
}

div#whoisviewing {
    display: inline-block;
}

a.linklastPost {
    display: none;
}

pre .hljs {    
    overflow-x: initial;
}

.post {
    word-wrap: break-word;
}

.guest-reg-form {
    text-align: center;
    color: #444;
}

.stickybg2 {
    background: #f0f3fa;
}

.table_list tbody.content td.info a.subject + p:not([class]):not(:empty) {
    font-size: .9em;
    color: #777;
    letter-spacing: .3px;
}

body .block_code pre code {
    white-space: nowrap;
}


li#button_mlist {
    display: none;
}

.forumblock {
    text-align: center;
    margin-bottom: 15px;
}

#related_block {
    margin-top: 15px;
}

.social-ico {
    margin-right: 15px;
}

.social-ico a {
  color: #70726F;
  font-size: 20px;
  padding: 10px;
  transition: all .5s ease;
  display: inline-block!important;
}

.social-ico a:hover {
    background-color: rgba(255,255,255,.2);
}

.social-ico a:first-child {
}

.social-ico a:hover {
	color: white;
}

.navbar-brand img {
    display: inline-block;
    height: 25px;
    margin-right: 5px;
    margin-bottom: 3px;
}

#newsfader {
	margin: 0 0 10px 0;
	background: #fff;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-radius: 4px 4px 0 0;
}

#personal_messages .body_message.row .post_wrapper{ 
	width:100%; 
}

li#button_pm {
    display: none;
}

li#button_moderate {
    display: none;
}

.lockedbg {
    background: #f7f7f7;
    opacity: 0.7;
}

footer .reset li {
    max-width: 50%;
}

/*new mobile*/

@media screen and (min-width: 800px) {
	.body_message .col-md-10 {
		display: flex;
		flex-direction: column;
	}

	.body_message .body_content {
		display: flex;
		flex-direction: column;
		min-height: 100%;
	}

	.body_message .postarea {
		flex: 1;
	}

	.body_message .row, #personal_messages .body_message.row {
		display: flex;
	}
	
	
}
@media screen and (max-width : 1024px) {
	li.social-ico {
		display: none;
	}
	footer .reset li {
    max-width: 100%;
}
}

@media screen and (max-width : 800px) {
	hr {
		margin : 2px -15px;
	}
	
	.ya-share2 {
		display:none;
	}
	.first_mobile {
		 border-radius: 4px 0 0 0;
	}

	input[name=search] {
			min-width : 40%;
	}
	.social-ico {
		display:none;
	}
	
	.navbar-brand img {
		display: none; 
	}
	   
}

@media (max-width : 700px) {
	div#display_jump_to {
		display : none;
	}

	a.navbar-brand {
		font-size : 15px;
	}

	h1 {
		font-size : 1.5em;
	}

	.login dd {
		width      : 100%;
		float      : none;
		text-align : left;
	}

	.login dt {
		float      : none;
		text-align : left;
	}

	.login dt, .login dd {
		width : 100%;
	}

	dl.register_form dt {
		float : none;
		width : 100%;
	}

	dl.register_form dd {
		width : 100%;
	}

	.display-info h2 {
		display : none;
	}



	div#topic_icons {
		display : none;
	}

	.nextlinks_bottom, .nextlinks {
		display: none;
	}

	.description_board {
		margin : 1em 1px 1em 1px;
	}

	td.icon {
		display : none;
	}

	.topic_table .icon1 img, .topic_table .icon2 img {
		min-width : 20px;
	}

	form#postmodify .roundframe,
	#quickReplyOptions .roundframe {
		padding : 0 15px;
	}

	#quickreplybox {
		margin-top : 15px;
	}

	#basicinfo img.avatar {
		display: inline-block;
		text-align: center;
	}

	#basicinfo ul li {
		display: inline-block;
		float: none;
		text-align: center;
	}
	
	.statpost {
		display: none;
	}
	
	.display-info.alert.alert-redsy {
		display: none;
	}
	
	a.linklastPost {
		display: inline-block;
	}
	#header ol.breadcrumb li {
		display: none;
	}
}

@media screen and (max-width : 540px) {
	#post_header dt, .postbox dt {
		width              : 20%;
		padding            : 0 5px 0 0;
		-webkit-box-sizing : border-box;
		-moz-box-sizing    : border-box;
		box-sizing         : border-box;
	}

	#post_header dd, .postbox dd {
		width : 80%;
	}
	
	.body_content {
		padding: 10px 5px;
	}
	

	
	.newsblock:first-child {
		display: block;
	}
		.newsblock {
		display: none;
	}
	
	
}

@media screen and (max-width : 420px) {
	.quickReplyContent__button .btn,
	#post_confirm_buttons .btn {
		display : block;
		width   : 100%;
	}

	.quickReplyContent__button .btn + .btn,
	#post_confirm_buttons .btn + .btn {
		margin-top : 5px;
	}


}
}

@media (max-width : 400px) {
	a.navbar-brand {
		padding-right : 0;
	}

	#post_header dt, .postbox dt {
		width : 30%;
	}

	#post_header dd, .postbox dd {
		width : 70%;
	}

	#post_header dd #icon + img,
	.postbox dd #icon + img {
		margin : 0 0 0 3px;
	}
}

@media screen and (max-width : 355px) {
	a.navbar-brand {
		font-size : 14px;
	}
}
/* Styles for TopFirstPost mod.
------------------------------------------------- */

ul.quickbuttons li.sticky_button {
	background: url(../images/buttons/sticky.gif) no-repeat;
}

#forumposts .stiky_post_separator
{
	display: block;
	background-color: transparent;
}

dl#ic_recentposts dt {
    float: left;
    display: inline-block;
    width: 78%;
}

dl#ic_recentposts dd {
    text-align: right;
    display: inline-block;
    float: right;
    max-width: 20%;
    -webkit-margin-start: 0px;
}

.profile-img img.avatar {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    min-width: 64px;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.count-unread-messages {
    position: absolute;
    top: 30px;
    left: 40px;
    border-radius: 50%;
    background-color: #5B6A8C;
    font-size: 10px;
    width: 15px;
    height: 15px;
    vertical-align: super;
    text-align: center;
    line-height: 12px;
}

.guest-reg-form a {
    color: #38579F;
    text-decoration: underline;
}

input.button_submit {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #FFF;
    background-color: #5B6A8C!important;
    background: #5B6A8C!important;
    border-color: #5B6A8C;
}

input.button_submit:hover {
	background-color: #13161C!important;
    border-color: #13161C!important;
}

.keyinfo h5 input {
    margin-top: 20px;
}
.nav a.partner {
	background-color: #48536F;
	color: #fff;
	text-decoration: underline;
}


.newsblock {
	align-self: stretch;
	display: flex;
    align-items: stretch;
	cursor: pointer;
}

.newsblock-body {
    border: 1px solid #d0d0d0;
    padding: 8px;
	margin: 4px 0;
	width: 100%;
}

.newsblock-body p {
    margin: 0.4em 0;
    font-size: 13px;
}

.newsblock a {
    display: flex;
	width: 100%;
}

.newsblock a:hover {
    text-decoration: none;
	
}

.newsblock-body:hover {
    background: #e6e6e6;
}


@media screen and (max-width : 540px) {	
	.newsblock:first-child {
		display: block;
	}
		.newsblock {
		display: none;
	}
	
	
}