/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* Normal, standard links. */
a:link, a:visited
{
	color: #3283cf;
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
	cursor: pointer;
	text-shadow: 0 0 4px;
	transition:text-shadow 0.1s;
}

/* Links that open in a new window. */
a.new_win:link, a.new_win:visited
{
	color: #3e78a4;
	text-decoration: none;
}
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
{
	background: rgb(14,14,14) url(https://cdn.re4pers.com/img/re4_v2/bg_planetside2.jpg) fixed top no-repeat;
	background-position:center 30px;
	font: 14px "Open Sans","Arial", sans-serif;
	margin:0;
	padding:0;
	height:100%;
}

/* 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: #ccc;
}

ul.noliststyle {
	list-style:none;
	margin:0;
	padding:0;
}
/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
	margin: 34px auto;
	max-width: 1200px; 
	min-width: 1200px;
}
.content_forum
{

}
/* 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
{
	font-family: Arial;
	font-size: 12px;
	color: #979797;
	background: #242424;
	border: 1px solid #1A1F22;
	padding: 2px;
	border-radius:3px;
}




/* Select elements look horrible with the extra padding, so leave them unpadded. */
select
{
	padding: 0;
}

/* Add some padding to the options instead. */
select option
{
	padding: 1px;
}

select#cookielength option
{
	background:#ccc;
}

/* The font size of textareas should be just a little bit larger. */
textarea
{
	font: 100%/130% verdana, Helvetica, sans-serif;
}

.overflow-scroll-y
{
	overflow-y:scroll !important;
}

.overflow-hidden
{
	overflow:hidden;
}

/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
.button_submit, .button_reset
{
	font-size: 0.85em;
	color: #fff;
	background: rgb(65,125,204);
	background: -moz-linear-gradient(top, rgba(65,125,204,1) 0%, rgba(40,114,204,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,125,204,1)), color-stop(100%,rgba(40,114,204,1))); 
	background: -webkit-linear-gradient(top, rgba(65,125,204,1) 0%,rgba(40,114,204,1) 100%); 
	background: -o-linear-gradient(top, rgba(65,125,204,1) 0%,rgba(40,114,204,1) 100%); 
	background: -ms-linear-gradient(top, rgba(65,125,204,1) 0%,rgba(40,114,204,1) 100%); 
	background: linear-gradient(to bottom, rgba(65,125,204,1) 0%,rgba(40,114,204,1) 100%); 
	border-radius:3px;
	padding:0 0.6em;
	height: 24px;
	margin-left: 5px;
	text-transform: uppercase;
	cursor: pointer;
	border: 1px solid #1366b2;
}
.button_submit:hover, .button_reset:hover
{
	background: rgb(65,125,204);
}
/* 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
{
	color:#787878;
}

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

/* By default set the color on these tags as #000. */
h1, h2, h3, h4, h5, h6
{
	color: #cecece;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

/* Fieldsets are used to group elements. */
fieldset
{
	border: 1px solid #333;
	padding: 1em;
	margin: 0 0 0.5em 0;
}
fieldset legend
{
	font-weight: bold;
	color: #979797;
}
/* 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: arial, verdana, sans-serif;
}
.middletext
{
	font-size: 0.9em;
	line-height: 16px;
	font-family: arial, verdana, sans-serif;
}
.normaltext
{
	font-size: 1em;
	line-height: 1em;
}
.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-weight:300;
	font-size:13px;
	color: #979797;
	line-height: 1.4em;
	background:rgb(34,34,34) url(https://cdn.re4pers.com/img/re4_v2/quote.png) 0.1em 0.1em no-repeat;
	padding: 1.1em 1.4em;
	margin: 0.1em 0 0.3em 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: auto;
}

/* Alterate blockquote stylings */
blockquote.bbc_alternate_quote
{
	background-color: rgb(29,29,29);
}

/* A code block - maybe PHP ;). */
code.bbc_code
{
	display: block;
	font-size: 12px;
	background: #333D42;
	border: 1px inset #1F2427;
	line-height: 1.5em;
	padding: 3px 1em;
	overflow: scroll;
	white-space: pre;
	/* Show a scrollbar after about 24 lines. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader a
{
	color: #666;
	font-size: 0.8em;
	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: none;
}
.bbc_link:hover
{
	text-decoration: none;
}
.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
{
	font-style:italic;
}

/* Highlighted text - such as search results. */
.highlight
{
	font-weight: bold;
	color: #404951 !important;
	font-size: 1em;
}

/* A more discreet highlight color, for selected membergroups etc. */
.highlight2
{
	background-color: #404951;
	color: #000 !important;
}

/* Generic, mostly color-related, classes.
------------------------------------------------------- */

.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td
{
	font-size: 1em;
	font-weight:600;
	text-transform:uppercase;
	background: url('https://cdn.re4pers.com/img/re4_v2/hgradient_30px_282828_232323.png') repeat-x transparent;
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
{
	color: #F7F7F7;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	background: url(https://cdn.re4pers.com/img/re4_v2/hgradient_30px_282828_232323.png) repeat-x; 
	border-top-right-radius:5px;
	/* background: #2F363C; */
}

/* 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: #222;
}
tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited
{
	color: #F7F7F7;
}
.catbg select
{
	height: 1.5em;
	font-size: 0.85em;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
	background: #1d1d1d;
	border-bottom:2px solid rgb(18,18,18);
}

.topiclistbg
{
	border:solid 1px #0f0f0f;
	height:50px;
	box-shadow:0 0 0 1px inset #151515;
}

.topiclistbg:hover
{
	background: rgb(26,26,26);
}

.navPages, .navPages:link, .navPages:visited
{
	background:#282828;
	padding:2px 6px;
	color:rgb(120,120,120);
	border-radius:2px;
}

.navPages:hover, .currentpage
{
	background:#1366b2;
	text-decoration:none;
	 color:#fff;
	 font-weight:bold;
}

.windowbg2
{
	background: #181818;
	background-size:100% 100%;
	border-bottom:2px solid rgb(18,18,18);
}

.windowbg3
{
	background: #242424;
}
tr.windowbg td, tr.windowbg2 td
{
	background: none;
}
/* 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
{
	padding: 0.6em 0 0.4em 0;
}

/* Colors for background of posts requiring approval */
.approvebg
{
	color: #000;
	background-color: #ffeaea;
}
.approvebg2
{
	color: #000;
	background-color: #ffeaea;
}

/* Color for background of *topics* requiring approval */
.approvetbg
{
	color: #000;
	background-color: #ffeaea;
}
.approvetbg2
{
	color: #000;
	background-color: #ffeaea;
}

/* Sticky topics get a different background */
.stickybg
{

	color:#fff;
}
.stickybg2
{
	background:none;
}

/* Locked posts get a different shade, too! */
.lockedbg
{
	background:none;
	font-style: italic;
}
.lockedbg2
{
	background:none;
	font-style: italic;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	overflow: auto;
	line-height: 1.4em;
	position:relative;
	overflow:visible;
	font-size:16px;
	word-wrap:break-word;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments
{
	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: #cc3d3d;
}

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

/* 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;
	background: #191919;
	margin: 0.2em 1px 1em 1px;
	color:#fff;
}
.description_board
{
	margin: 1em 1px 0 1px;
}

/* an informative style */
.information
{
	padding: 0.5em 1em;
	font-size: 0.9em;
	line-height: 1.3em;
	background: #181818;
	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(https://cdn.re4pers.com/img/re4_v2/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: 48%;
	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: 48%;
	float: right;
	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;
}

/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg, h3.catbg2, h4.catbg
{
	white-space:nowrap;
	height: 38px;
	line-height: 30px;
	font-size: 0.9em;
	font-weight:600;
	font-family:'Open Sans', sans-serif;
	text-transform:uppercase;
}
h3.titlebg, h4.titlebg
{
	height: 33px;
	line-height: 33px;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .boardindex_table tbody.header td, .boardindex_table tbody.header td a
{
	color: #bcbcbc;
}


h3.catbg2 a, h3.catbg2
{
	color: #feb;
}
h3.catbg a:hover, h4.catbg a:hover, .boardindex_table tbody.header td a:hover
{
	color: #3384d0;
	text-decoration: none;
}
h3.catbg2 a:hover
{
	color: #F7F7F7;
	text-decoration: none;
}
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
{
	color: #0088fc;
}
h3.titlebg a:hover, h4.titlebg a:hover
{
	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 , .boardindex_table tbody.header td.catbg
{
	padding-right: 9px;
}
h4.titlebg, h3.titlebg
{
	background: url('https://cdn.re4pers.com/img/re4_v2/hgradient_30px_282828_232323.png') repeat-x scroll transparent;
	padding-right: 9px;
}
h4.titlebg img.icon
{
	float: left;
	margin: 5px 8px 0 0;
}
div.cat_bar
{
	background: url(https://cdn.re4pers.com/img/re4_v2/hgradient_30px_282828_232323.png) repeat-x; 
	padding:0 14px 0 12px;
	height: 30px;
	margin-bottom: 1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom:1px solid #0f599d;
}

div.recruitment_banner {
	background:#111 url(https://cdn.re4pers.com/img/re4_v2/re4_recruitment_banner.jpg);
	height:134px;
	position:relative;
}

div.recruitment_banner a.default-button {
	border-radius: 5px 0 0 5px;
	padding: 0.8em 1.5em;
	margin-left: 5px;
	text-transform: uppercase;
	cursor: pointer;
	color:#fff;
	text-shadow:none;
}

div.recruitment_banner a#join-button {
	position:absolute;
	right:0px;
	top:15px;
	box-shadow: 0 0 10px #80bbf3 inset;
	background: #579fe2; 
	background: -moz-linear-gradient(top, #579fe2 0%, #2a72b8 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#579fe2), color-stop(100%,#2a72b8));
	background: -webkit-linear-gradient(top, #579fe2 0%,#2a72b8 100%);
	background: -o-linear-gradient(top, #579fe2 0%,#2a72b8 100%);
	background: -ms-linear-gradient(top, #579fe2 0%,#2a72b8 100%); 
	background: linear-gradient(to bottom, #579fe2 0%,#2a72b8 100%);
	
	transition:padding 0.2s;
}

div.recruitment_banner a#join-button:hover {

	box-shadow: 0 0 10px #a7cff5 inset;
	padding: 0.8em 1.8em;
	transition:padding 0.2s;
	text-shadow:none;
}

div.recruitment_banner a#rules-button {
	background: #efb141;
	background: -moz-linear-gradient(top, #efb141 0%, #d49422 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efb141), color-stop(100%,#d49422)); 
	background: -webkit-linear-gradient(top, #efb141 0%,#d49422 100%); 
	background: -o-linear-gradient(top, #efb141 0%,#d49422 100%);
	background: -ms-linear-gradient(top, #efb141 0%,#d49422 100%); 
	background: linear-gradient(to bottom, #efb141 0%,#d49422 100%); 
	position:absolute;
	right:0px;
	top:70px;
	box-shadow: 0 0 10px #ffe383 inset;
	color:#222;
	transition:padding 0.2s;
	text-shadow:none;
}

div.recruitment_banner a#rules-button:hover {
	padding: 0.8em 1.8em;
	box-shadow: 0 0 10px #ffffff inset;
	color:#222;
	transition:padding 0.2s;
}



div.newsheader
{
	height:55px;
	padding:8px 8px;
	background:url(https://cdn.re4pers.com/img/re4_v2/newshead_gradient.png) repeat-x;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position:relative;
	border-bottom:1px solid #0f599d;
}

.newsheader span.newsprefix_main
{
	display:inline-block;
	height:20px;
	line-height:20px;
	color:#2872CC;
	font-size:1em;
	border-radius:2px;
	margin:3px 5px 0 0;
	text-transform:uppercase;
	font-weight:bold;

}

.newsheader span.newsprefix_second
{
}

.newsheader span.newslogo
{
	display:none;
	background:#1c1c1c;
	border-radius:4px 4px 0 0;
	padding: 15px 5px 0 5px;
	text-align:center;
	font-size:1em;
	float:right;
	height:46px;
	position:absolute;
	right:8px;
	bottom:0px;
}

.newsheader span.newsdetails
{
	display:block;
	float:right;
	font-size:1em;
	color:#888;
}

/*
.newsheader span.newsdetails
{
	display:block;
	background:#1c1c1c;
	border-radius:4px;
	padding:5px;
	text-align:right;
	color:#5b5b5b;
	font-size:1em;
	margin:3px 3px;
	float:right;
}
*/
.newsheader h3.newstitle
{
	overflow:hidden;
	padding:0;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.newsheader h3.newstitle a
{
	color:#dedede;
	font-weight:400;
	font-size: 1.7em;
	text-transform:uppercase;
}

.newsheader h3.newstitle a:hover
{
	text-shadow:0 0 5px #2872CC;
}



div.cat_bar a {
	font-size:1em;
	
}
div.title_bar

{
	background: url('https://cdn.re4pers.com/img/re4_v2/hgradient_30px_282828_232323.png') repeat-x scroll transparent;
	padding-left: 9px;
	height: 30px;
	overflow: hidden;
}

/* rounded bars needs a different background here */

div.roundframe div.cat_bar
{
	background: #1c1c1c url(https://cdn.re4pers.com/img/re4_v2/main_block.png) no-repeat 0 -0px;
	margin-bottom: 0;
}
div.roundframe div.cat_bar h3.catbg
{
	/* background: #1c1c1c url(https://cdn.re4pers.com/img/re4_v2/main_block.png) no-repeat 100% -0px; */
}
div.title_barIC
{
	background: url('https://cdn.re4pers.com/img/re4_v2/hgradient_30px_282828_232323.png') repeat-x transparent;
	padding-left: 9px;
	overflow: hidden;
	margin-bottom: 1px;
}
div.title_barIC h4.titlebg
{
	background: url('https://cdn.re4pers.com/img/re4_v2/hgradient_30px_282828_232323.png') repeat-x transparent;
	color: #0078de;
	height: 33px;
	line-height: 33px;
}
#upshrinkHeaderIC p.pminfo
{
	margin: 0;
	padding: 0.5em;
}
img#upshrink_ic, img#newsupshrink
{
	float: right;
	margin: 10px 5px 0 0;
}
table.boardindex_table a.unreadlink, table.boardindex_table a.collapse
{
	float: right;
}

table.boardindex_table a.collapse
{
	margin: 2px 5px 0 1em;
}


/* The half-round header bars for some tables. */
.table_grid tr.catbg, .table_grid tr.titlebg
{
	font-size: 0.95em;
	border-bottom:1px solid #0f599d;
}
.table_grid tr.catbg th
{
	height: 30px;
	line-height: 30px;
}
.table_grid tr.titlebg th
{
	height: 33px;
	line-height: 33px;
}
tr.catbg th.first_th
{
	background: url(https://cdn.re4pers.com/img/re4_v2/hgradient_30px_282828_232323.png) repeat-x; 
}
tr.catbg th.last_th
{
	background: url(https://cdn.re4pers.com/img/re4_v2/hgradient_30px_282828_232323.png) repeat-x; 
}
tr.titlebg th.first_th
{
	background: #1c1c1c;
}
tr.titlebg th.last_th
{
	background: #1c1c1c;
}
.table_grid th.last_th input
{
	margin: 0 2px;
}
.table_grid th.lefttext
{

}

/* a general table class */
table.table_grid
{
	border-collapse:collapse;
	margin-top: 0.1em;
	border-radius: 4px 4px;
}
table.table_grid td
{
	padding: 6px;
}

/* GenericList */
.additional_row
{
	padding: 0.5em 0 0.5em 0;
}
table.table_grid thead tr.catbg th
{
	white-space: nowrap;
}

table.table_grid tbody tr
{
	background: rgb(31,31,31);
}

table.table_grid tbody tr:hover
{
	background: rgba(54,54,58,0.6);
}

/* 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:none;
}
.windowbg span.topslice span
{
	display: block;
	background: #2F363C;
	height: 11px;
}
.windowbg span.botslice
{
	display:none;
	height:20px;
	padding: 0 5px;
	background:#161616;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 0.2em;
	text-align:right;
}
.windowbg span.botslice span
{
	display:none;
	background: #2F363C;
	height: 11px;
}

.windowbg2 span.topslice
{
	display:none;
	padding-left: 20px;
	background: #2F363C;
}
.windowbg2 span.topslice span
{
	display: block;
	background: #2F363C;
	height: 11px;
}
.windowbg2 span.botslice
{
	display:none;
	padding-left: 20px;
	background: #2F363C;
	font-size: 5px;
	line-height: 5px;
	margin-bottom: 0.2em;
}
.windowbg2 span.botslice span
{
	display: block;
	background: #2F363C;
	height: 11px;
}
.approvebg span.topslice
{
	display:none;
	padding-left: 20px;
	background-color: #ffeaea;
}
.approvebg span.topslice span
{
	display: block;
	background-color: #ffeaea;
	height: 11px;
}
.approvebg span.botslice
{
	display:none;
	padding-left: 20px;
	background-color: #ffeaea;
	margin-bottom: 0.2em;
}
.approvebg span.botslice span
{
	display: block;
	background-color: #ffeaea;
	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: #1c1c1c;
}
.roundframe dl, .roundframe dt, .roundframe p
{
	margin: 0;
}
.roundframe p
{
	padding: 0.5em;
}
span.upperframe
{
	padding: 0;
	display:none;
	background: #2F363C;
	padding-left: 20px;
}
span.upperframe span
{
	padding: 0;
	height: 12px;
	display: block;
	background: #2F363C;
}
span.lowerframe
{
	padding: 0;
	display:none;
	background: #2F363C;
	padding-left: 20px;
}
span.lowerframe span
{
	padding: 0;
	height: 12px;
	display: block;
	background: #2F363C;
}

/* 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
{
	position: absolute;
	visibility: hidden;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius:5px;
}

.auto_suggest_div > div
{
	padding: 4px 8px;
}

.auto_suggest_item
{
	background-color: #3a3a3a;
}
.auto_suggest_item_hover
{
	background-color: #3f3f3f;
	cursor: pointer;
	color: #eee;
}

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
.navbar
{
	padding: 0;
	margin: 0;
	height: 38px;
	background:rgb(20,20,20);
	background: rgb(30,30,30); 
	background: -moz-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(21,21,21,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,1)), color-stop(100%,rgba(21,21,21,1))); 
	background: -webkit-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(21,21,21,1) 100%); 
	background: -o-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(21,21,21,1) 100%); 
	background: -ms-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(21,21,21,1) 100%); 
	background: linear-gradient(to bottom, rgba(30,30,30,1) 0%,rgba(21,21,21,1) 100%); 
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.nav-item-list, .nav-item-list ul
{
	list-style: none;
	padding: 0;
	margin: auto 0;
	text-align:center;
	
}
.nav-item-list
{
	padding:0;
}

#nav-top-left, #nav-top-right, #nav-center-logo
{
	display:inline-block;
}

.nav-item-list a
{
	display: block;
	color: #BABEBE;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow:0 0 2px #111;
	font-weight:600;
	transition:text-shadow 0.3s;
}

.nav-item-list li a.firstlevel
{
	margin: 0;
}

.nav-item-list li:last-child a.firstlevel
{
	border-right:1px solid #000;
}

.nav-item-list li:first-child a.firstlevel
{
	border-left:1px solid #000;
}

div#fixed-topbar .nav-item-list li a {
	font-size:1em;
}
.nav-item-list li a.firstlevel span.firstlevel
{
	padding: 0 11px;
	left: 0;
	line-height:38px;
}

#content_section .nav-item-list li:first-child a, #content_section .nav-item-list li:first-child
{
	border-left:none;
}

#content_section .nav-item-list li:last-child a, #content_section .nav-item-list li:last-child
{
	border-right:none;
}


#content_section .nav-item-list li a.firstlevel span.firstlevel
{
	background: rgb(40,40,40);
	background: -moz-linear-gradient(top, rgba(40,40,40,1) 0%, rgba(30,30,30,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,40,40,1)), color-stop(100%,rgba(30,30,30,1))); 
	background: -webkit-linear-gradient(top, rgba(40,40,40,1) 0%,rgba(30,30,30,1) 100%); 
	background: -o-linear-gradient(top, rgba(40,40,40,1) 0%,rgba(30,30,30,1) 100%); 
	background: -ms-linear-gradient(top, rgba(40,40,40,1) 0%,rgba(30,30,30,1) 100%); 
	background: linear-gradient(to bottom, rgba(40,40,40,1) 0%,rgba(30,30,30,1) 100%); 
	display: block;
	position: relative;
	white-space: pre;
	padding:0 10px;
	font-size:10px;
	font-weight:normal;
}


.nav-item-list li
{
	list-style:none;
	display:inline-block;
	padding: 0;
	margin: 0;
	position: relative;
	border-right:1px solid #333;
	border-left:1px solid #000;
}

.nav-item-list li:hover ul
{
  visibility:visible;
  opacity:1;
  transition:opacity 0.3s;
}

.nav-item-list li:first-child
{
	border-left:1px solid #333;
}

.nav-item-list li ul
{
	opacity:0;
	z-index: 90;
	visibility:hidden;
	position: absolute;
	font-weight: normal;
	background: rgba(23,23,23,.95);
	padding: 0;
	transition:opacity 0.3s;
}


.nav-item-list li li, .nav-item-list li li:first-child, .nav-item-list li li:last-child
{
	border:none;
	width: 15em;
	margin: 0;
}

.nav-item-list li li a span
{
	display: block;
	padding: 7px;
}
.nav-item-list li ul ul
{
	margin: -1.8em 0 0 13em;
}

/* the hover effects */
.nav-item-list li a.firstlevel:hover, .nav-item-list li:hover a.firstlevel
{
	background: #000;
	color: #F7F7F7;
	cursor: pointer;
	text-decoration: none;
}

.notification_dz {
	position: absolute;
	top: 0px;
	right: 0px;
	color: red;
	width: 10px;
	height: 50px;
	font-weight: bold;
}

.nav-item-list > li
{
	/* background: url(https://cdn.re4pers.com/img/re4_v2/split.png) no-repeat right center; */
}
.nav-item-list li a.active, .nav-item-list li a.firstlevel:hover, .nav-item-list li:hover a.firstlevel
{
	background: rgb(35,35,35);
	background: -moz-linear-gradient(top, rgba(35,35,35,1) 0%, rgba(19,19,19,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,35,35,1)), color-stop(100%,rgba(19,19,19,1))); 
	background: -webkit-linear-gradient(top, rgba(35,35,35,1) 0%,rgba(19,19,19,1) 100%); 
	background: -o-linear-gradient(top, rgba(35,35,35,1) 0%,rgba(19,19,19,1) 100%); 
	background: -ms-linear-gradient(top, rgba(35,35,35,1) 0%,rgba(19,19,19,1) 100%); 
	background: linear-gradient(to bottom, rgba(35,35,35,1) 0%,rgba(19,19,19,1) 100%); 
	color:#4b8fda;
	text-shadow:0 0 10px rgb(50, 130, 210);
	transition:text-shadow 0.3s;
}
/* the hover effects on level2 and 3 */
.nav-item-list li li a:hover, .nav-item-list li li:hover>a
{
	background:rgba(20,103,179,.5);
	text-decoration: none;
	transition:background 0.3s;
}
.nav-item-list li:hover ul ul, .nav-item-list li:hover ul ul ul
{
	top: -999em;
}
.nav-item-list li li:hover ul
{
	top: auto;
}
.nav-item-list li:hover ul
{
	visibility:visible;
}

/* 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 ul
{
	z-index: 100;
	padding:5px 0 5px 5px;
	margin: 0 0 5px 0;
}
.buttonlist ul li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
.buttonlist ul li a
{
	color:rgb(190,190,190);
	display: block;
	font-size:0.9em;
	background:#222;
	padding: 8px 15px;
	margin-right: 5px;
	text-transform: uppercase;
	cursor: pointer;
	border:1px solid #333;
}

.buttonlist ul li a:hover
{
	color: rgb(230,230,230);
	text-decoration: none;
	background:#333;
	text-shadow:none;
}

.buttonlist ul li a span
{
	background: #2F363C;
	display: block;
	height: 19px;
	line-height: 19px;
	padding: 0 8px 0 0;
}
.buttonlist ul li a:hover span
{
	background: #2F363C;
}
/* the active one */
.buttonlist ul li a.active
{
	background: rgb(65,125,204);
	background: -moz-linear-gradient(top, rgba(65,125,204,1) 0%, rgba(40,114,204,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,125,204,1)), color-stop(100%,rgba(40,114,204,1))); 
	background: -webkit-linear-gradient(top, rgba(65,125,204,1) 0%,rgba(40,114,204,1) 100%); 
	background: -o-linear-gradient(top, rgba(65,125,204,1) 0%,rgba(40,114,204,1) 100%); 
	background: -ms-linear-gradient(top, rgba(65,125,204,1) 0%,rgba(40,114,204,1) 100%); 
	background: linear-gradient(to bottom, rgba(65,125,204,1) 0%,rgba(40,114,204,1) 100%); 
	color: #fff;
	font-weight:600;
	border: 1px solid #1366b2;
	text-shadow: 0 0 2px #222;
	transition:none;
}
.buttonlist ul li a.active span
{
	background: #2F363C;
}

.buttonlist ul li a.active:hover
{
	background:rgb(65,125,204);
	
}
.align_top ul li a, .align_bottom ul li a
{
	margin: 0 12px 0 0;
}

/* 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 framing graphics */
#header div.topframe-member
{
	border-top: 1px solid #181B1E;
	display: block;
	height: 150px;
	padding: 0px 2px;
	background: #1c1c1c;
}

#header div.topframe-guest
{
	border-top: 1px solid #181B1E;
	display: block;
	margin: 2px 0;
	padding: 8px;
	background-color: rgb(50, 130, 210);
	background-color: rgba(50, 130, 210, 0.7);
	text-align:center;
	color:#fff;
	font-size:0.85em;
	text-transform:uppercase;
	text-shadow:0px 0px 3px #111;
	border-radius:2px;
}

#header div.topframe-guest a
{
	color:#fff;
	text-decoration:underline;
}


#header div.topframe-member h1
{
	padding-left:5px;
	color:rgb(210,210,210);
	font-size:11px;
	line-height:20px;
	float:left;
	font-weight:600;
}

#header div#current-version
{
	position:absolute;
	right:0px;
	bottom:0px;
	opacity:0.5;
}

#header div#current-version a
{
	color:#999;
	font-size:0.8em;
}

/* the content section */
#content_section
{
	 background:rgb(20,20,20);
}
#content_section div.frame
{
	display: block;
}
#main_content_section
{
	width:100%;
	min-height: 200px;
}

#fixed-topbar
{
	width:100%;
	min-width:450px;
	position:fixed;
	top:0;
	left:0;
	height: 38px;
	font-size: 11px;
	background:rgb(20,20,20);
	background: rgb(30,30,30); 
	background: -moz-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(21,21,21,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,1)), color-stop(100%,rgba(21,21,21,1))); 
	background: -webkit-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(21,21,21,1) 100%); 
	background: -o-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(21,21,21,1) 100%); 
	background: -ms-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(21,21,21,1) 100%); 
	background: linear-gradient(to bottom, rgba(30,30,30,1) 0%,rgba(21,21,21,1) 100%); 
	z-index:1000;
	box-shadow:0 2px 3px #111;
	border-bottom:2px solid rgb(15, 89, 157);
	overflow:visible;
}

#fixed-topbar .innerdiv
{
	max-width:1200px;
	margin:0 auto;
}

#fixed-topbar #info-bar
{
	
}

#fixed-topbar #navbar-top-wrapper {
	display:none;
	
}
#fixed-topbar #navbar-top-wrapper div#re4logo
{
	position: relative;
	top:5px;
	float: left;
	background:transparent url(https://cdn.re4pers.com/img/re4_v2/re4_typo_small.png);
	width:107px;
	height:26px;
}

#fixed-topbar div#ps2StatusContainer
{
	float:right;
	margin-right:20px;
	position:relative;
}

.service-status
{
	float:right;
	min-width: 180px;
	position:relative;
	margin-left:5px;
}

div#memberOnlineBox h4
{
	color:#ccc;
}


.twstreams-wrapper {
	display:inline-block;
	height:38px;
	
}

.twstreams-dropdown {
	display:none;
	position:absolute;
	top:38px;
	left:0;
	width:100%;
	background:rgba(33,33,33,0.95);
	padding:20px;
	box-sizing:border-box;
	border-bottom: 2px solid #000;
	z-index:99;
}

.twstreams-container {
	max-width: 1200px;
	margin: 0 auto;
}

.twstreams-list {
	display: flex;
	justify-content:center;
	margin-top:10px;
}

.twstreams-live-indicator {
	font-size: 11px;
	background:#ff0000; 
	border-radius: 3px; 
	color: #fff; 
	padding: 2px 3px;
	animation: pulse-red 1.5s infinite;
}


.streamers-online {
	font-size: 12px;
	font-weight:bold;
	padding-left:5px;
	text-transform:uppercase;
}

.twstream-item {
	position:relative;
	display:inline-block;
	padding: 10px;
	margin:0 5px;
	box-sizing:border-box;
	flex: 1 0 0px;
	overflow:hidden;
	background:rgb(20,20,20);
    cursor:pointer;
	border-top:4px solid rgb(55, 55, 55);
	border-bottom:3px solid rgb(55, 55, 55);
	border-top-color: rgb(55, 55, 55);
	transition: transform 0.3s !important;
	opacity:0.8;
	color:#fff;
}

.twstream-item.live {
	border-top-color: #704fad;
	opacity:1;
}

.twstream-item:hover {
	box-shadow:0 0 5px #000;
	transform: scale(1.05);
	text-shadow:none;

}




.twstream-meta__title {
	font-size: 12px;
	line-height: 12px;
	padding: 5px 0;
	border-top: 2px solid rgb(61, 121, 200);
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.twstream-meta__viewers {
	position:relative;
	font-size: 14px;
	text-align:right;
	font-weight:bold;
	color:#cecece;
}


.twstream-meta__channel {
	font-size: 15px;
	padding-bottom:5px;
}

.twstream-thumbnail {
	max-width:300px;
}
.twstream-thumbnail img {
	width:100%;
	height:auto;
}

.twstream-play-overlay {
	position:absolute;
	display:none;
	font-size:30px;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	text-align:center;
	background: rgba(20,20,20, 0.75);
	line-height: 1;
}


div.ps2StatsBox
{
	position:relative;
	padding:15px 5px 5px 5px;
	margin-top:15px;
	border:1px solid #333;
	cursor:default;
}

div.ps2StatsBox h4
{	
	position:absolute;
	width:85%;
	display:block;
	background:#212121;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	top:-8px;
	left:50%;
	color: #ccc;
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	overflow:hidden;
	white-space:nowrap;
}

div#worldEventBox h4 {
	color: #D4111E;
}
div.worldEventItem
{
	margin:2px auto;
	border:1px solid #333;
	padding:2px;
}

div.worldEventTitle
{
	padding: 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #323232; 
	background: -moz-linear-gradient(top, #323232 0%, #282828 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#282828)); 
	background: -webkit-linear-gradient(top, #323232 0%,#282828 100%); 
	background: -o-linear-gradient(top, #323232 0%,#282828 100%); 
	background: -ms-linear-gradient(top, #323232 0%,#282828 100%);
	background: linear-gradient(to bottom, #323232 0%,#282828 100%); 
	font-size:11px;
	color:#ccc;
	text-transform:uppercase;
	height:20px;
	line-height:20px;
}

div.worldEventTitle:hover
{
	overflow: visible;
}

div.worldEventCountdown
{
	background:#1b1b1b;
	font-size:18px;
	color:#D4111E;
}

div.worldEventTerritoryControl
{
	background:#222;
	white-space:nowrap;
}

div.territory-bar
{
	display:inline-block;
	color:#333;
	border:1px solid #000;
	box-sizing:border-box;
	color:#fff;
	text-shadow:0 0 3px #000;
	text-align:center;
	font-size:10px;
	overflow:hidden;
}

div.territory-bar.nc
{
	background:#007DE7;
	border-color:#4CAAF9;
}

div.territory-bar.vs
{
	background:#6F00A8;
	border-color:#A322E6;
	margin:0 1.5% 0 1.5%;
}

div.territory-bar.tr
{
	background:#A40000;
	border-color:#DE3E3E;
}



div#ps2StatusContainer div.service-status div.service-status-detail
{
	background:url(https://re4pers.com/Themes/re4_v2/images/ps2_serverstatus.png) no-repeat;
	background-color:rgb(30,30,30);
	background-position:10px 5px;
	height:38px;
	padding-right: 5px;
	line-height:38px;
	font-size:1em;
	text-transform:uppercase;
	position:relative;
	cursor:default;
}



div#ps2StatusContainer div.service-status div.online-list
{
	width:100%;
	position:absolute;
	background:rgb(33,33,33);
	top:100%;
	max-height:3px;
	transition:max-height 0.3s;
	font-size:1em;
	text-align:center;
	box-shadow:0 2px 1px #111;
	z-index:999;
	opacity:0.98;
}


div#ps2Stats #platoonButton {
	position: relative;
	margin-top: 5px;
}

div#ps2Stats #platoonButton:before {
	content: "\f0c0";
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
}

span.world-status
{
	display:block;
	padding:2px 10px;
	color:#222;
	font-weight:bold;
	font-size:0.95em;
	text-transform:uppercase;
	transition: background 1s;
}

div.platoon-status
{
	display: none;
	margin-top: 5px;
	padding:2px 10px;
	font-weight:bold;
	font-size:0.95em;
	color:#222;
	text-transform:uppercase;
	background-color: #edb216;
}

div.platoon-status span 
{
	animation-name: blink4;
	animation-duration: 2.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

span#currentPlatoonLeader
{
	font-weight: bold;
	font-size: 1.1em;
}

div.service-status.online span.world-status, div.service-status.alert-active span.world-status, div.service-status.pumpkin-alert span.world-status
{
	background: #4eae28;
}

div.service-status.locked span.world-status
{
	background: #ffd200;
}

div.service-status.unknown span.world-status
{
	background: #797979;
}

div.service-status.malfunction span.world-status
{
	background: #ffd43e;
}

div.service-status.offline span.world-status, div.service-status.maint span.world-status
{
	background: #D4111E;
	color:#dadada;
}

div#ps2StatusContainer div.service-status div.online-list table
{
	width:100%;
	border-spacing:1px;
	margin-bottom:5px;
}

div#ps2StatusContainer div.service-status div.online-list table tr:nth-child(odd)
{
	background: rgb(27,27,27);
}

div#ps2StatusContainer div.service-status div.online-list table tr:nth-child(even)
{
	background: rgb(25,25,25);
}

div#ps2StatusContainer div.service-status div.online-list table th
{
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgba(50,50,50,1) 0%, rgba(40,40,40,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,50,50,1)), color-stop(100%,rgba(40,40,40,1)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,1) 0%,rgba(40,40,40,1) 100%);
	background: -o-linear-gradient(top, rgba(50,50,50,1) 0%,rgba(40,40,40,1) 100%); 
	background: -ms-linear-gradient(top, rgba(50,50,50,1) 0%,rgba(40,40,40,1) 100%); 
	background: linear-gradient(to bottom, rgba(50,50,50,1) 0%,rgba(40,40,40,1) 100%); 
	color:#ccc;
	font-size:11px;
	text-transform:uppercase;
	font-weight:400;
}

div#ps2StatusContainer div.service-status div.online-list table td
{
	background:none;
}


div.service-status span.status-indicator
{
	background:#1B1B1B;
	border: 1px solid #313131;
	color: #4eae28;
	margin-left: 135px;
	border-radius: 8px;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
}

span.status-indicator span.platoon-active {
	display: none;
	color: #f2f2f2;
	margin-right: 4px;
	animation-name: blink4;
	animation-duration: 2.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}


span.status-indicator:before {
	font-family: "Font Awesome 5 Free"; 
	margin-right: 4px;
}

div.service-status.online span.status-indicator:before
{
	content: "\f139";
	font-size: 15px;
}



div.service-status.locked span.status-indicator
{
	color: #ffd200;
}

div.service-status.locked span.status-indicator:before
{
	content: "\f023";
	font-size: 15px;
}

div.service-status.malfunction span.status-indicator
{
	color: #ffd43e;
}

div.service-status.malfunction span.status-indicator:before
{
	content: "\f071";
	font-size: 15px;
}

div.service-status.unknown span.status-indicator
{
	color: #797979;
}

div.service-status.unknown span.status-indicator:before
{
	content: "\f071";
	font-size: 15px;
}


div.service-status.offline span.status-indicator, div.service-status.maint span.status-indicator
{
	color: #dd0000;
}

div.service-status.offline span.status-indicator:before, div.service-status.maint span.status-indicator:before
{
	content: "\f13a";
	font-size: 15px;
}

div.service-status.alert-active span.status-indicator:before
{
	content:"\f519";
	font-weight: 900; 
	color: #dc1300;
	text-shadow:0 0 3px #cc0000;
	animation-name: blink4;
	animation-duration: 2.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes blink4 {
	0% { opacity: 1; }
	50% { opacity: 0.6; }
	100% { opacity: 1; }
}

.fab {
	vertical-align: middle;
}
div.service-status.platoon-active span.platoon-active
{
	display:inline;
}

div.service-status.pumpkin-alert span.status-indicator
{
	background:#1B1B1B url(../images/icons/icon_pumpkinalert.png) no-repeat left;
	background-position:2px 50%;
	color:#3a9a14;
}

div#ps2StatusContainer:hover div.service-status div.service-status-detail
{
	background-color:rgb(33,33,33);
}

div#ps2StatusContainer div.service-status:hover > div.online-list
{
	max-height:500px;
	max-height:80vh;
}

#fixed-topbar h2
{
	line-height:38px;
	margin-right:10px;
	float:left;
}

#fixed-topbar ul.sociallinks
{
	float:left;
	opacity:0.6;
	transition:opacity 0.4s;
}

#fixed-topbar ul.sociallinks:hover
{
	opacity:1;
}


#fixed-topbar ul.sociallinks li
{
	margin:0 0 0 8px;
	height:38px;
	display:inline-block;
	border-right:1px solid #444;
	padding-right:13px;
	
}

#fixed-topbar ul.sociallinks li > a
{ 
	display:inline-block;
}

#fixed-topbar ul.sociallinks li > a span.social-url
{
	display:inline-block;
	max-width:0px;
	transition:max-width 0.4s;
	overflow:hidden;
	font-size:11px;
	text-transform:uppercase;
	vertical-align:middle;
}

#fixed-topbar ul.sociallinks li:hover > a span.social-url
{
	max-width:200px;
	transition:max-width 0.4s;
}


#fixed-topbar ul.sociallinks li:last-child
{
	border:0;
}

#social-links
{
	float:left;
	font-size:22px;
}

#social-links li > a
{
	color:#aaa;
}

#social-links li > a:hover
{
	text-shadow:none;
}

.sociallinks li a#social_twitter .fab
{
	color:#55ACEE;
}

.sociallinks li a#social_youtube .fab
{
	color:#cd2f35;
}

#social_twitch {
   
}

#social_twitch:hover > div > div {
	display:block;
}

.sociallinks li #social_twitch .fab
{
	color: #704fad;
}

.sociallinks li a#social_steam .fab
{
	color: #727272;
}

.sociallinks li a#social_discord .fab
{
	color: #7289d9;
}

.sociallinks li a#social_teamspeak .fab
{
	color: #1c82cc;
}

.account-info-abs {
	float: right;
	z-index:1000;
}

.account-info {
	position:relative;
	float:right;
}

#account-info div.button-wrapper {
	position: relative;
	padding-top: 5px;
}


#account-info .arrow-up {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgb(65,125,204);
	margin-left:120px;
	 margin-top:-10px;
}

#account-info div#myacc-popup-wrapper {
	position:absolute;
	width:186px;
	top:41px;
	right:50px;
	border-radius:3px;
	box-shadow:0 0 10px #000;
	display:none;
	background:rgba(25,25,25,1);
	z-index:1000;
}

#account-info div#myacc-popup-inner {
	width:100%
}

.unreadmessages-count {
	background: #ff0000; 
	background: -moz-linear-gradient(top, #ff0000 0%, #d20000 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#d20000)); 
	background: -webkit-linear-gradient(top, #ff0000 0%,#d20000 100%); 
	background: -o-linear-gradient(top, #ff0000 0%,#d20000 100%); 
	background: -ms-linear-gradient(top, #ff0000 0%,#d20000 100%); 
	background: linear-gradient(to bottom, #ff0000 0%,#d20000 100%); 
	position: absolute;
	z-index: 1200;
	font-size: 9px;
	border-radius: 3px;
	right: -7px;
	top: -4px;
	text-shadow: 0px 0px 2px #000;
	font-weight: bold;
	padding: 0px 4px;
	line-height:16px;
}

div#myacc-profile {
	height:60px;
	background: rgb(65,125,204);
}

div#myacc-avatar {
	width:auto;
	height:40px;
	padding:7px;
	overflow:hidden;
	float:left;
}

div#myacc-avatar img {
	height:40px;
	width:40px;
	border:3px solid #303030;
	border-radius:3px;
}

div#myacc-username  {
	height:60px;
	line-height:1.6em;
	padding-top:12px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color:#252525;
}


div#myacc-username p {
	margin:0;
	padding:0;
}

div#myacc-username a.username {
	font-size:1.5em;
	color:#252525;
}

div#myacc-username p.status, div#myacc-username a {
	font-size:12px;
	color:#95c2eb;
}

div#myacc-links {
}

div#myacc-links a {
	display:block;
	height:28px;
	width:186px;
	margin-top:2px;
	font-size: 0.95em;
	font-weight:600;
	color: #ccc;
	background: rgb(45,45,45);
	border-radius:3px;
	text-transform: uppercase;
	text-align:center;
	line-height:28px;
	cursor:pointer;
	transition: background 0.3s;
}

div#myacc-links a i.fa, div#myacc-links a i.fas {
	color: rgb(98, 176, 242);
}

div#myacc-links a i.fa, div#myacc-links a i.fas {
	margin-right:4px;
}



div#myacc-links a:hover {
	color: #fff;
	background: rgb(60,60,60);
	text-decoration:none;
	text-shadow:none;
}

div#platoonSettings {
	display: none;
}
label#platoonDurationLabel {
	font-size: 12px;
	font-weight: bold;
}

a#platoonConfirmButton {
	background-color: #2a9e2c;
}

a#platoonAbortButton {
	margin-left: 5px;
	background-color: #555;
}

a#platoonDeleteButton {
	display: none;
	margin-left: 5px;
	background-color: #ad2623;
}


a.small-button {
	position:relative;
	display: inline-block;
	font-size: 0.95em;
	font-weight: 600;
	color: #fff;
	border-radius: 2px;
	padding:3px 5px;
	text-transform: uppercase;
	cursor:pointer;
	transition: background 0.5s;
}

a.small-button:hover {
	background-color: rgb(75,133,212);
}

a.default-button {
	position:relative;
	display:block;
	height:28px;
	font-size: 0.95em;
	color: #fff;
	background: rgb(61,121,200);
	border-radius: 2px;
	padding:0 5px;
	text-transform: uppercase;
	cursor:pointer;
	transition: background 0.5s;
	line-height:28px;
}

a.default-button:hover {
	background: rgb(75,133,212);
	text-decoration: none;
	text-shadow: none;
}

#account-info a.default-button {
	margin-left: 5px;
}

#account-info #joinus-button {
	float: left;
	font-weight:600;
	color: #111;
	background: #ffc600; 
	 background: -moz-linear-gradient(top, #ffc600 0%, #ffaa00 100%); 
	 background: -webkit-linear-gradient(top, #ffc600 0%,#ffaa00 100%); 
	 background: linear-gradient(to bottom, #ffc600 0%,#ffaa00 100%); 
	 animation-name: blink2;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-delay:0s;
}

div#account-create-login div#account-login-form {
	display:none;
	width:500px;
	height:80px;
}


#topnav ul
{
	 padding: 0;
	 margin: 0;
}

#topnav li
{
	float:left;
	height: 34px;
	font-family: Arial;
	font-size: 0.95em;
	list-style-type: none;
	cursor: pointer;
	line-height: 34px;
	position:relative;
}

#topnav li span 
{
	background: transparent url(https://cdn.re4pers.com/img/re4_v2/navicons.png) no-repeat;
	color: rgb(136, 136, 136);
	height: 34px;
	position: absolute;
	-webkit-transition: opacity 0.8s;
	-moz-transition:	 opacity 0.8s;
	
}

#topnav li#yt
{ 
  width: 179px;
}

#topnav li#yt span#colored
{ 
	background-position: 5px -34px;
	color: red;
	opacity: 0;
	padding: 0 5px 0 56px;
	width: 118px;
}

#topnav li#yt:hover span#colored
{
	opacity: 1;
	background-color: #232323;
}

#topnav li#yt span#blackwhite
{ 
	background-position: 5px 0;
	height: 34px;
	opacity: 1;
	padding: 0 5px 0 56px;
	width: 118px;
}


#topnav li#yt:hover span#blackwhite
{
	opacity: 0;
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
}


#topnav li#ts
{ 
  width: 164px;
}

#topnav li#ts span#colored
{ 
	background-position: 5px -102px;
	color: #7c88a9;
	opacity: 0;
	padding: 0 5px 0 77px;

}

#topnav li#ts:hover span#colored
{
	opacity: 1;
	background-color: #232323;
}

#topnav li#ts span#blackwhite
{ 
	background-position: 5px -68px;
	height: 34px;
	opacity: 1;
	padding: 0 5px 0 77px;

}


#topnav li#ts:hover span#blackwhite
{
	opacity: 0;
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
}


#topnav li#psu
{ 
  width: 130px;
}

#topnav li#psu span#colored
{ 
	background-position: 5px -170px;
	color: #429bb0;
	opacity: 0;
	padding: 0 5px 0 36px;

}

#topnav li#psu:hover span#colored
{
	opacity: 1;
	background-color: #232323;
}

#topnav li#psu span#blackwhite
{ 
	background-position: 5px -136px;
	height: 34px;
	left: 0;
	top: 0;
	opacity: 1;
	padding: 0 5px 0 36px;

}


#topnav li#psu:hover span#blackwhite
{
	opacity: 0;
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
}


#topnav li#ps2
{ 
  width: 128px;
}

#topnav li#ps2 span#colored
{ 
	background-position: 5px -239px;
	color: #e67f00;
	opacity: 0;
	padding: 0 5px 0 35px;

}

#topnav li#ps2:hover span#colored
{
	opacity: 1;
	background-color: #232323;
}

#topnav li#ps2 span#blackwhite
{ 
	background-position: 5px -205px;
	height: 34px;
	left: 0;
	top: 0;
	opacity: 1;
	padding: 0 5px 0 35px;

}


#topnav li#ps2:hover span#blackwhite
{
	opacity: 0;
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
}

#topnav li#bf
{ 
  width: 135px;
}

#topnav li#bf span#colored
{ 
	background-position: 5px -306px;
	color: #fff;
	opacity: 0;
	padding: 0 5px 0 32px;

}

#topnav li#bf:hover span#colored
{
	opacity: 1;
	background-color: #232323;
}

#topnav li#bf span#blackwhite
{ 
	background-position: 5px -272px;
	height: 34px;
	left: 0;
	top: 0;
	opacity: 1;
	padding: 0 5px 0 32px;

}


#topnav li#bf:hover span#blackwhite
{
	opacity: 0;
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
}

/* 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: 20px 0 0 40px;
	padding: 0;
	float: left;
}
h3, h4
{
	padding-bottom: 3px;
}
/* the upshrink image needs some tweaking */
img#upshrink
{
	float: right;
	margin: 1em;
}
/* ..so does the SMF logo */
img#smflogo
{
	margin-left: 1em;
}
/* the upper_section, float the two each way */
#user-greeting
{
	margin:auto 0;
	width:230px;
	height:100%;
	float:left;
	text-align:center;
}

#user-greeting a
{
	color: #3893d7;
	border-bottom: 1px dotted #8C9292;
	text-decoration: none;
	line-height: 12px;
}
#user-greeting a:hover
{
	 color: #4ab0fe;
}

#user-greeting ul li.greeting
{
	font-size: 18px;
	line-height: 1em;
}

#user-greeting ul li.greeting span
{
	font-weight: bold;
	line-height: 1.5em;
}
div.newsbar
{
	background-color: rgb(50, 130, 210);
	background-color: rgba(50, 130, 210, 0.6);
	margin:2px 0 2px 0;
	padding:10px 20px;
	font-family:'Open Sans', sans-serif;
	font-size:0.85em;
	font-weight:600;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	text-shadow:0 0 2px #222;
}

div.newsbar a
{
	color:#fff;
}

#user-greeting div.news h2
{
	 color: rgb(0, 120, 222);
	font-size: 12px;
}

#login-form_wrapper
{
	display:none;
	margin-left:8px;
	float:right;
}

#login-form
{
	display:none;
	margin-left:8px;
	float:right;
}
#login-form .info
{
	padding: 4px 0 ;
}

div#user-greeting p.avatar
{
	margin:8px 0 0 0;
	padding:0;
}

div#user-greeting p.avatar img
{
	width: 80px;
	height: 80px;
	margin:0;
	padding:0;
	border:4px solid #303030;
	border-radius:4px;
}

div#characterStatsWrapper
{
	background:#202020;
	margin: 4px 0 0 5px;
	position:relative;
	width: 311px;
	float:left;
	cursor:default;
}

table#characterStatsTable
{
	width:311px;
	padding:0px;
	color: #fff;
	font-size:9px;
	border:0;
	border-spacing:2px;
}

div#characterStatsWrapper .characterStatsError {
	display:block;
	font-size:11px;
	padding:5px;
	color:#888;
	text-align:center;
}

table#characterStatsTable tr
{
	border:0px;
	margin:0px;
}

table#characterStatsTable td
{
	/* background:url(https://cdn.re4pers.com/img/re4_v2/icon-collection.png);
	background-position:-5px -250px; */
	background: #212121;
	box-shadow: 0 0 10px 2px rgb(60,60,60) inset;
	border-radius:6px;
	height:27px;
	border:0px;
	margin:0px;
	white-space:nowrap;
	width:130px;
	text-align:right;
}

table#characterStatsTable tbody tr td:first-child, table#characterStatsTable tbody tr td:last-child
{
	width:80px;
}

#progressbarWrapper
{
	margin:3px 0 2px 0;
	height:23px;
}


.BRContainer
{
	float:left;
	background:url(https://cdn.re4pers.com/img/re4_v2/icon-collection.png);
	width:21px;
	height:21px;
	font-size:12px;
	font-weight:600;
	text-shadow:0 0 3px #111;
	text-align:center;
	color:#fff;
	line-height:21px;
}

#currentBR
{
	background-position: -5px -282px;
	margin:2px 4px 0 6px;
}

#nextBR
{
	background-position: -5px -308px;
	color:#ccc;
	margin:2px 0 0 3px;
}

#BRProgressbarRuler 
{
	background:url(https://cdn.re4pers.com/img/re4_v2/icon-collection.png);
	background-position: -3px 0px;
	float:left;
	width:251px;
	height:23px;
}

#BRProgressbarProgress
{
	background:url(https://cdn.re4pers.com/img/re4_v2/icon-collection.png);
	background-position: -3px -23px;
	width:143px;
	height:23px;
	color: #e1f1ff;
	font-size:10px;
	font-weight:600;
	text-shadow:0 0 3px #000;
	text-align:center;
	line-height:22px;
}

table#characterStatsTable .statlogo
{
	background:url(https://cdn.re4pers.com/img/re4_v2/icon-collection.png);
	width:30px;
	height:27px;
	display:block;
	float:left;
}

table#characterStatsTable .statvalue
{
	font-size:14px;
	color:#d0dce8;
	text-shadow:0 0 3px #255d97;
	height:27px;
	padding-right:5px;
	font-weight:600;
	overflow:hidden;
	line-height:26px;
}

table#characterStatsTable #stat_scoremin .statlogo
{
	background-position:0 -47px;
}

table#characterStatsTable #stat_score .statlogo
{
	background-position:0 -72px;
}

table#characterStatsTable #stat_nanites .statlogo
{
	background-position:0 -97px;
}

table#characterStatsTable #stat_kd .statlogo
{
	background-position:3px -121px;
}

table#characterStatsTable #stat_killsmin .statlogo
{
	background-position:0 -197px;
}

table#characterStatsTable #stat_certs .statlogo
{
	background-position:0 -146px;
}

table#characterStatsTable #stat_directivepoints .statlogo
{
	background-position:0 -171px;
}

table#characterStatsTable #stat_timeplayed .statlogo
{
	background-position:0 -222px;
}



div#shoutbox-wrapper
{
	margin: 4px 0 0 5px;
	width:639px;
	height:134px;
	color: rgb(200,200,200);
	background: #1c1c1c;
	font-size: 1em;
	float:left;
}

div#shoutbox-top
{
	background: rgb(60,60,60);
	background: -moz-linear-gradient(top, rgba(60,60,60,1) 0%, rgba(45,45,45,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,60,60,1)), color-stop(100%,rgba(45,45,45,1))); 
	background: -webkit-linear-gradient(top, rgba(60,60,60,1) 0%,rgba(45,45,45,1) 100%); 
	background: -o-linear-gradient(top, rgba(60,60,60,1) 0%,rgba(45,45,45,1) 100%); 
	background: -ms-linear-gradient(top, rgba(60,60,60,1) 0%,rgba(45,45,45,1) 100%); 
	background: linear-gradient(to bottom, rgba(60,60,60,1) 0%,rgba(45,45,45,1) 100%); 
	height:20px;
	color: #fff;
	font-size: 13px;
	border-radius: 3px 3px 0 0;
}

div#characterStatsHead
{
	background: rgb(60,60,60);
	background: -moz-linear-gradient(top, rgba(60,60,60,1) 0%, rgba(45,45,45,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,60,60,1)), color-stop(100%,rgba(45,45,45,1))); 
	background: -webkit-linear-gradient(top, rgba(60,60,60,1) 0%,rgba(45,45,45,1) 100%); 
	background: -o-linear-gradient(top, rgba(60,60,60,1) 0%,rgba(45,45,45,1) 100%); 
	background: -ms-linear-gradient(top, rgba(60,60,60,1) 0%,rgba(45,45,45,1) 100%); 
	background: linear-gradient(to bottom, rgba(60,60,60,1) 0%,rgba(45,45,45,1) 100%); 
	width:100%;
	height:20px;
	color: #fff;
	font-size: 11px;
	border-radius: 3px 3px 0 0;
	text-transform:uppercase;
}

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;
}

#login-form input.input_text, #login-form input.input_password, #login-form select
{
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top, rgba(200,200,200,1) 0%, rgba(240,240,240,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,1)), color-stop(100%,rgba(240,240,240,1))); 
	background: -webkit-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(240,240,240,1) 100%); 
	background: -o-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(240,240,240,1) 100%); 
	background: -ms-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(240,240,240,1) 100%); 
	background: linear-gradient(to bottom, rgba(200,200,200,1) 0%,rgba(240,240,240,1) 100%); 
	border-radius:4px;
	border:0;
	margin-left:2px;
	height: 26px;
	padding:0 2px;
	width: 100px;
	color: #000;
	font-size: 12px;
	float:left;
}

#login-form input.input_text:focus, #login-form input.input_password:focus {
	box-shadow:0 0 3px #fff;
}

#login-form select
{
	height:26px;
	width:70px;
	padding-top:3px;
}
/* clearing the floats */
.content_top_section
{
	position: relative;
}

#head
{
	position:relative;
	width:1200px;
	height: 230px;
	overflow:hidden;
}

#head #logo
{
	position:absolute;
	width: 202px;
	height: 207px;
	top: 50%;
	left: 50%;
	margin: -101px 0 0 -107px;
	background: url(https://cdn.re4pers.com/img/re4_v2/re4logo_v5.png) no-repeat top left;
	background-size: 100%;
	opacity:0.9;
}


#head .info-sections .titlebar {
	position:relative;
	width: 260px;
	margin-bottom:2px;
	padding:0 5px;
	line-height:19px;
	font-size:12px;
	border-radius:2px 2px 0 0;
	text-transform:uppercase;
}

#head #event-section
{
	position:absolute;
	top: 38px;
}

#news-section .titlebar
{
	background: -moz-linear-gradient(left, rgba(50,130,210,1) 0%, rgba(50,130,210,0.5) 56%, rgba(50,130,210,0) 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(50,130,210,1)), color-stop(56%,rgba(50,130,210,0.5)), color-stop(100%,rgba(50,130,210,0))); 
	background: -webkit-linear-gradient(left, rgba(50,130,210,1) 0%,rgba(50,130,210,0.5) 56%,rgba(50,130,210,0) 100%); 
	background: -o-linear-gradient(left, rgba(50,130,210,1) 0%,rgba(50,130,210,0.5) 56%,rgba(50,130,210,0) 100%); 
	background: -ms-linear-gradient(left, rgba(50,130,210,1) 0%,rgba(50,130,210,0.5) 56%,rgba(50,130,210,0) 100%); 
	background: linear-gradient(to right, rgba(50,130,210,1) 0%,rgba(50,130,210,0.5) 56%,rgba(50,130,210,0) 100%); 
	color: #000;
	text-align:left;
}

#event-section .titlebar
{
	background: -moz-linear-gradient(left, rgba(242,182,0,0) 0%, rgba(242,182,0,0.5) 44%, rgba(242,182,0,1) 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(242,182,0,0)), color-stop(44%,rgba(242,182,0,0.5)), color-stop(100%,rgba(242,182,0,1))); 
	background: -webkit-linear-gradient(left, rgba(242,182,0,0) 0%,rgba(242,182,0,0.5) 44%,rgba(242,182,0,1) 100%); 
	background: -o-linear-gradient(left, rgba(242,182,0,0) 0%,rgba(242,182,0,0.5) 44%,rgba(242,182,0,1) 100%); 
	background: -ms-linear-gradient(left, rgba(242,182,0,0) 0%,rgba(242,182,0,0.5) 44%,rgba(242,182,0,1) 100%); 
	background: linear-gradient(to right, rgba(242,182,0,0) 0%,rgba(242,182,0,0.5) 44%,rgba(242,182,0,1) 100%); 
	color: #000;
	text-align:right;
}

#head #news-section
{
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-427px;
}

#head #event-section
{
	position:absolute;
	top:40px;
	left:50%;
	margin-left:112px;
}

#head #event-section a:first-of-type
{
	margin-left:15px;
}

#head #event-section a:last-of-type
{
	margin-left:45px;
}

#head #news-section a:first-of-type
{
	margin-left:30px;
}

#head #news-section a:last-of-type
{
	margin-left:0px;
}

#event-section .titlebar
{
	background: -moz-linear-gradient(left, rgba(242,182,0,0) 0%, rgba(242,182,0,0.5) 44%, rgba(242,182,0,1) 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(242,182,0,0)), color-stop(44%,rgba(242,182,0,0.5)), color-stop(100%,rgba(242,182,0,1))); 
	background: -webkit-linear-gradient(left, rgba(242,182,0,0) 0%,rgba(242,182,0,0.5) 44%,rgba(242,182,0,1) 100%); 
	background: -o-linear-gradient(left, rgba(242,182,0,0) 0%,rgba(242,182,0,0.5) 44%,rgba(242,182,0,1) 100%); 
	background: -ms-linear-gradient(left, rgba(242,182,0,0) 0%,rgba(242,182,0,0.5) 44%,rgba(242,182,0,1) 100%); 
	background: linear-gradient(to right, rgba(242,182,0,0) 0%,rgba(242,182,0,0.5) 44%,rgba(242,182,0,1) 100%); 
	color: #000;
	margin-left:-20px;
	text-align:right;
}
#news-section .titlebar
{
	background: -moz-linear-gradient(left, rgba(50,130,210,1) 0%, rgba(50,130,210,0.5) 56%, rgba(50,130,210,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(50,130,210,1)), color-stop(56%,rgba(50,130,210,0.5)), color-stop(100%,rgba(50,130,210,0))); 
	background: -webkit-linear-gradient(left, rgba(50,130,210,1) 0%,rgba(50,130,210,0.5) 56%,rgba(50,130,210,0) 100%);
	background: -o-linear-gradient(left, rgba(50,130,210,1) 0%,rgba(50,130,210,0.5) 56%,rgba(50,130,210,0) 100%);
	background: -ms-linear-gradient(left, rgba(50,130,210,1) 0%,rgba(50,130,210,0.5) 56%,rgba(50,130,210,0) 100%);
	background: linear-gradient(to right, rgba(50,130,210,1) 0%,rgba(50,130,210,0.5) 56%,rgba(50,130,210,0) 100%);
	color: #000;
	text-align:left;
	margin-left:45px;
}


#head .infoitem
{
	background: rgba(20,20,20,.8);
	width: 240px;
	margin-bottom:2px;
	padding:5px 5px 2px 5px;
	color: #D3D3D3;
	transition:background 0.2s;
	transition:transform 0.4s;
	display:block;
	border-radius:3px;
	overflow:visible;

}

#head #event-section .eventitem {
	background: -moz-linear-gradient(left, rgba(20,20,20,0) 0%, rgba(20,20,20,0.6) 44%, rgba(20,20,20,0.7) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,20,20,0)), color-stop(44%,rgba(20,20,20,0.6)), color-stop(100%,rgba(20,20,20,0.7)));
	background: -webkit-linear-gradient(left, rgba(20,20,20,0) 0%,rgba(20,20,20,0.6) 44%,rgba(20,20,20,0.7) 100%);
	background: -o-linear-gradient(left, rgba(20,20,20,0) 0%,rgba(20,20,20,0.6) 44%,rgba(20,20,20,0.7) 100%);
	background: -ms-linear-gradient(left, rgba(20,20,20,0) 0%,rgba(20,20,20,0.6) 44%,rgba(20,20,20,0.7) 100%);
	background: linear-gradient(to right, rgba(20,20,20,0) 0%,rgba(20,20,20,0.6) 44%,rgba(20,20,20,0.7) 100%);
	text-align:right;
	margin-left:30px;
}

#head #news-section .newsitem {
	background: -moz-linear-gradient(left, rgba(20,20,20,0.7) 0%, rgba(20,20,20,0.6) 56%, rgba(20,20,20,0) 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,20,20,0.7)), color-stop(56%,rgba(20,20,20,0.6)), color-stop(100%,rgba(20,20,20,0))); 
	background: -webkit-linear-gradient(left, rgba(20,20,20,0.7) 0%,rgba(20,20,20,0.6) 56%,rgba(20,20,20,0) 100%);
	background: -o-linear-gradient(left, rgba(20,20,20,0.7) 0%,rgba(20,20,20,0.6) 56%,rgba(20,20,20,0) 100%);
	background: -ms-linear-gradient(left, rgba(20,20,20,0.7) 0%,rgba(20,20,20,0.6) 56%,rgba(20,20,20,0) 100%);
	background: linear-gradient(to right, rgba(20,20,20,0.7) 0%,rgba(20,20,20,0.6) 56%,rgba(20,20,20,0) 100%);
	  text-align:left;
	  margin-left:15px;
}

#head #event-section .eventitem:hover
{
	cursor:pointer;
	text-shadow:none;
	background: -moz-linear-gradient(left, rgba(20,20,20,0) 0%, rgba(26,26,26,0.6) 44%, rgba(33,33,33,0.7) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,20,20,0)), color-stop(44%,rgba(26,26,26,0.6)), color-stop(100%,rgba(33,33,33,0.7))); 
	background: -webkit-linear-gradient(left, rgba(20,20,20,0) 0%,rgba(26,26,26,0.6) 44%,rgba(33,33,33,0.7) 100%); 
	background: -o-linear-gradient(left, rgba(20,20,20,0) 0%,rgba(26,26,26,0.6) 44%,rgba(33,33,33,0.7) 100%);
	background: -ms-linear-gradient(left, rgba(20,20,20,0) 0%,rgba(26,26,26,0.6) 44%,rgba(33,33,33,0.7) 100%);
	background: linear-gradient(to right, rgba(20,20,20,0) 0%,rgba(26,26,26,0.6) 44%,rgba(33,33,33,0.7) 100%);
}

#head #news-section .newsitem:hover
{
	cursor:pointer;
	text-shadow:none;
	background: -moz-linear-gradient(left, rgba(33,33,33,0.7) 0%, rgba(26,26,26,0.6) 56%, rgba(20,20,20,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(33,33,33,0.7)), color-stop(56%,rgba(26,26,26,0.6)), color-stop(100%,rgba(20,20,20,0)));
	background: -webkit-linear-gradient(left, rgba(33,33,33,0.7) 0%,rgba(26,26,26,0.6) 56%,rgba(20,20,20,0) 100%);
	background: -o-linear-gradient(left, rgba(33,33,33,0.7) 0%,rgba(26,26,26,0.6) 56%,rgba(20,20,20,0) 100%);
	background: -ms-linear-gradient(left, rgba(33,33,33,0.7) 0%,rgba(26,26,26,0.6) 56%,rgba(20,20,20,0) 100%);
	background: linear-gradient(to right, rgba(33,33,33,0.7) 0%,rgba(26,26,26,0.6) 56%,rgba(20,20,20,0) 100%);
}

#head a
{
	text-decoration: none;
}

.eventitem div.important-event
{
	position:absolute;
	left:calc(100% + 12px);
	top:50%;
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	padding:5px 10px;
	background:#EFB401;
	font-weight:600;
	color:#111;
	white-space:nowrap;
	border-radius:3px;
	opacity:0.84;
	box-shadow:0 0 5px #222;
	animation-name: blink;
	animation-duration: 2.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-delay:1s;
}

.eventitem div.important-event:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-right-color: #EFB401;
	border-width: 7px;
	margin-top: -7px;
}

@keyframes blink {  
	 0% { opacity: 0.84; }
	 50% { opacity: 0.34; }
	 100% { opacity: 0.84; }
}

@keyframes blink2 {  
	 0% { opacity: 1.0; }
	 50% { opacity: 0.65; }
	 100% { opacity: 1.0; }
}

.eventitem span.eventstate, .newsitem span.newscat
{
	border-radius:1px;
	padding: 1px 4px;
	height:15px;
	font-size: 0.8em;
	font-weight:600;
}

.eventitem span.event-datetime-desc
{
	display:none;
	font-size:0.7em;
	color:rgb(120,120,120);
}

.eventitem.event-running span.event-datetime-desc, .eventitem.event-startingsoon2h span.event-datetime-desc, .eventitem.event-startingsoon15min span.event-datetime-desc
{
	display:inline;
}

.eventitem.event-startingsoon15min p, .eventitem.event-startingsoon2h p
{
	font-weight:600;
}

.eventitem.event-running p
{
	font-weight:bold;
}

.infoitem span.datetime
{
	background: rgb(52,52,52);
	background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(30,30,30,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,52,52,1)), color-stop(100%,rgba(30,30,30,1))); 
	background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(30,30,30,1) 100%); 
	background: -o-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(30,30,30,1) 100%); 
	background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(30,30,30,1) 100%); 
	background: linear-gradient(to bottom, rgba(52,52,52,1) 0%,rgba(30,30,30,1) 100%); 
	font-size:0.85em;
	color:rgb(200,200,200);
	padding:1px 3px;
	margin:0 3px;
	font-weight:600;
	text-transform:none;
}

.eventitem.event-upcoming span.eventstate, .eventitem.event-startingsoon span.eventstate, .newsitem span.newscat 
{
	background: rgb(86,155,238);
	background: -moz-linear-gradient(top, rgba(86,155,238,1) 0%, rgba(40,114,204,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,155,238,1)), color-stop(100%,rgba(40,114,204,1))); 
	background: -webkit-linear-gradient(top, rgba(86,155,238,1) 0%,rgba(40,114,204,1) 100%); 
	background: -o-linear-gradient(top, rgba(86,155,238,1) 0%,rgba(40,114,204,1) 100%); 
	background: -ms-linear-gradient(top, rgba(86,155,238,1) 0%,rgba(40,114,204,1) 100%); 
	background: linear-gradient(to bottom, rgba(86,155,238,1) 0%,rgba(40,114,204,1) 100%); 
	color: #000;
}

.eventitem.event-running span.eventstate
{
	background: rgb(64,180,66);
	background: -moz-linear-gradient(top, rgba(64,180,66,1) 0%, rgba(47,135,13,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,180,66,1)), color-stop(100%,rgba(47,135,13,1))); 
	background: -webkit-linear-gradient(top, rgba(64,180,66,1) 0%,rgba(47,135,13,1) 100%); 
	background: -o-linear-gradient(top, rgba(64,180,66,1) 0%,rgba(47,135,13,1) 100%); 
	background: -ms-linear-gradient(top, rgba(64,180,66,1) 0%,rgba(47,135,13,1) 100%); 
	background: linear-gradient(to bottom, rgba(64,180,66,1) 0%,rgba(47,135,13,1) 100%); 
	color:#000;
	box-shadow: 0 0 0 0 rgba(65, 179, 29, 0.5);
	animation: pulse 2s infinite;
}

.eventitem.event-running span.datetime:before
{
	content: "\f2f2";
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
}

@keyframes pulse {  
  0% { box-shadow: 0 0 0 0 rgba(65, 200, 29, 0.5); }
  70% { box-shadow: 0 0 0 8px rgba(65, 179, 29, 0); }
  100% { box-shadow: 0 0 0 0 rgba(65, 200, 29, 0); }
}

@keyframes pulse-red {  
	0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.8); }
	70% { box-shadow: 0 0 0 8px rgba(255, 179, 29, 0); }
	100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }
  }


.eventitem.event-startingsoon2h span.eventstate
{
	background: rgb(243,183,0);
	background: -moz-linear-gradient(top, rgba(243,183,0,1) 0%, rgba(180,135,0,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,183,0,1)), color-stop(100%,rgba(180,135,0,1))); 
	background: -webkit-linear-gradient(top, rgba(243,183,0,1) 0%,rgba(180,135,0,1) 100%); 
	background: -o-linear-gradient(top, rgba(243,183,0,1) 0%,rgba(180,135,0,1) 100%); 
	background: -ms-linear-gradient(top, rgba(243,183,0,1) 0%,rgba(180,135,0,1) 100%); 
	background: linear-gradient(to bottom, rgba(243,183,0,1) 0%,rgba(180,135,0,1) 100%); 
	color:#000;
}

.eventitem.event-startingsoon2h span.datetime 
{
	color: rgb(243,183,0);
}

.eventitem.event-startingsoon15min span.eventstate
{
	background: rgb(222,47,47);
	background: -moz-linear-gradient(top, rgba(222,47,47,1) 0%, rgba(176,0,0,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,47,47,1)), color-stop(100%,rgba(176,0,0,1))); 
	background: -webkit-linear-gradient(top, rgba(222,47,47,1) 0%,rgba(176,0,0,1) 100%); 
	background: -o-linear-gradient(top, rgba(222,47,47,1) 0%,rgba(176,0,0,1) 100%); 
	background: -ms-linear-gradient(top, rgba(222,47,47,1) 0%,rgba(176,0,0,1) 100%); 
	background: linear-gradient(to bottom, rgba(222,47,47,1) 0%,rgba(176,0,0,1) 100%); 
	color:#000;
}

.eventitem.event-startingsoon15min span.datetime 
{
	color: rgb(228,25,25);
	text-shadow:0 0 3px #111;
}

.eventitem.event-ended span.eventstate
{
	background: rgb(140,140,140);
	background: -moz-linear-gradient(top, rgba(140,140,140,1) 0%, rgba(92,92,92,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,140,140,1)), color-stop(100%,rgba(92,92,92,1))); 
	background: -webkit-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(92,92,92,1) 100%); 
	background: -o-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(92,92,92,1) 100%); 
	background: -ms-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(92,92,92,1) 100%); 
	background: linear-gradient(to bottom, rgba(140,140,140,1) 0%,rgba(92,92,92,1) 100%); 
	color:#000;
}

.newsitem span.date
{
	background:rgb(31,31,31);
	border-radius:2px;
	padding: 1px 3px 1px 3px;
	height:15px;
	font-weight:bold;
	font-size: 0.85em;
	margin-left:2px;
}

.infoitem 
{
	font-family:'Open Sans', sans-serif;
	text-transform:uppercase;
	position:relative;
}
.infoitem p
{
	padding: 0;
	margin: 2px 0 0 0;
	font-size: 0.85em;
	text-overflow:ellipsis;
	width:100%;
	overflow:hidden;
	white-space:nowrap;
}

#head_ps2soldier
{
	display:none;
	position:absolute;
	right: 0px;
	bottom:0px;
	width: 216px;
	height:193px;
	background: url(https://cdn.re4pers.com/img/re4_v2/head_ps2soldier.png);
}

.horizontal_lines
{
	width:100%;
	height:100%;
}

#upper_section
{
	overflow: hidden;
}

/* The navigation list (i.e. linktree) */
.navigate_section
{
	padding: 3px 0 0 0;
	margin-left:3px;
	width:99.5%;
}
.navigate_section ul
{
	
	display: block;
	margin: 0;
	font-size: 12px;
	padding:0;
	overflow: hidden;
	list-style:none;
	clear: both;
	text-transform:uppercase;
}
.navigate_section ul li
{
	border-radius:2px;
	float: left;
	padding: 10px;
	font-size: 0.95em;
	margin-right:2px;
	background:rgb(29,29,29)
}


.navigate_section ul li:hover
{
	background:rgb(35,35,35);
}

.navigate_section ul li.last
{
	border:1px solid rgb(15, 89, 157);
}


.navigate_section ul a
{
	color:rgb(151, 151, 151);
}

.navigate_section ul a:hover
{
	text-decoration:none;
	text-shadow:none;
}

/* The footer wih copyright links etc. */
#footer_section
{
	text-align: left;
	background: #111;
}
#footer_section span.smalltext
{
	font-size: 100%;
}
#footer_section div.frame
{
	display: block;
	padding: 20px;
}
#footer_section ul li, #footer_section p
{
	font-size: 11px;
}
#footer_section ul li
{
	display: inline;
	padding-right: 5px;
}
#footer_section ul li.copyright
{
	display: block;
}
select.qaction, input.qaction
{
	font-size: 0.85em;
	padding: 0;
}
#mlist table tbody td.windowbg2
{
	text-align: center;
}

/* Styles for a typical table.
------------------------------------------------------- */
table.boardindex_table
{
	border-collapse:collapse;
	width: 100%;
}
table.boardindex_table p
{
	padding: 0;
	margin: 0;
}
table.boardindex_table td, table.boardindex_table th
{
	padding: 5px;
	background:none;
}
table.boardindex_table tbody.header td
{
	padding: 0;
}

tr.boardrow
{
	position:relative;
	background-color: rgb(31,31,31);
	font-size:1em;
	text-align:left;
	box-shadow:0 0 0 1px inset #151515;
}

tr.boardrow:hover
{
	background: rgba(54,54,58,0.6);
}


tr.boardrow td.icon
{
	 border-width: 0 0 1px 1px;
}

tr.childboardsrow 
{
	background:232323;
}

tr.boardrow td.boardstats
{
	font-size:0.85em;
	text-align:center;
	padding: 2em 0.7em;
	width:10%;
}

tr.boardrow td.boardstats ul.boardstats_list
{
	list-style-type:none;
	margin:0;
	padding:0;
}

tbody.content td.lastpost
{
	line-height: 1.35em;
	font-size: 85%;
	width: 26%;
}

.lastpost img
{
	float: left;
	width:40px;
	height:40px;
	border:3px solid #303030;
	border-radius:3px;
	margin-right:5px;
}

.lastpost strong
{
	color: rgb(0, 120, 222);
	font-size: 12px;
	display: block;
}
table.boardindex_table tbody.content td.icon
{
	text-align: center;
	width: 6%;
}
table.boardindex_table tbody.content td
{
	vertical-align: middle;
	padding: 5px 0;
}

/* Styles for the board index.
------------------------------------------------- */

/* the board title! */
.boardindex_table tbody.content td.info a.subject
{
	font-size: 1rem;
	color: #e3ac32;
	font-weight: 400;
}
.boardindex_table tbody.content td.children
{
	color: #fff;
	font-size: 85%;
	border-right: 1px solid #252B2E;
}
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_wrapper .boardindex_table thead, #boardindex_wrapper .boardindex_table tfoot
{
	display: none;
}

/* the posting icons */
#posting_icons
{	
	width:100%;
	position:relative;
	display:inline-block;
	margin-bottom:5px;
}
#posting_icons ul.reset
{
	font-size: 12px;
}
#posting_icons img
{
	vertical-align: middle;
	margin: 0 0 0 15px;
}
#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;
}
.mark_read
{
	padding: 0 0.5em;
}

/* the newsfader */
#newsfader
{
	margin: 0 0 10px 0;
}
#smfFadeScroller
{
	background: #1c1c1c url(https://cdn.re4pers.com/img/re4_v2/windowbg.png) repeat-x bottom left;
	text-align: center;
	padding: 10px;
	overflow: auto;
	color: #979797; /* shouldn't be shorthand style due to a JS bug in IE! */
}

/* Styles for the info center on the board index.
---------------------------------------------------- */

#upshrinkHeaderIC
{
	margin-top: 4px;
}
dl#ic_recentposts
{
	margin: 0 0 0.5em 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 0 0.5em 0;
	padding: 0.5em;
	background:#1c1c1c;
}
#upshrinkHeaderIC p.last
{
	margin: 0;
	padding: 0.5em;
}
#upshrinkHeaderIC p.inline
{
	border: none;
	margin: 0;
	padding: 0.2em 0.5em 0.2em 0.5em;
}
#upshrinkHeaderIC p.stats
{
	font-size: 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 .boardindex_table
{
	border-collapse: collapse;
	margin: 2px 0;
}
#messageindex
{
	clear: both;
}
/* the page navigation area */
.childboards
{
	margin-bottom: 0.2em;
}
#childboards h3
{
	padding-bottom: 0;
}
#childboards .boardindex_table thead
{
	display: none;
}
#childboards .boardindex_table
{
	margin-bottom: 1em;
}

#manage_boards li
{
	border: 1px solid #373D41 !important;
}
/* 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.5em 0;
}

/* Poll vote options */
#poll_options ul.options
{
	border-top: 1px solid #9999aa;
	padding: 1em 2.5em 0 2em;
	margin: 0 0 1em 0;
}
#poll_options div.submitbutton
{
	border-bottom: 1px solid #9999aa;
	clear: both;
	padding: 0 0 1em 2em;
	margin: 0 0 1em 0;
}

/* Poll results */
#poll_options dl.options
{
	border: solid #9999aa;
	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;
	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;
	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:1em 0;
}

div#pollmoderation
{
	margin: 0;
	padding: 0;
	overflow: auto;
}

/* onto the posts */
#forumposts
{
	clear: both;
}
/* author and topic information */
#forumposts h3 span#author
{
	margin: 0 135px 0 0;
}
#forumposts h3 img
{
	float: left;
	margin: 4px 0.5em 0 0;
}
#forumposts h3.catbg
{
	height:30px;
	text-overflow: ellipsis;
	white-space:nowrap;
}

#forumposts span.permalink
{
	margin-left:20px;
	line-height:30px;
	font-weight:bold;
	font-size: 0.9em;
	font-weight: 600;
	font-family: "Open Sans",sans-serif;
	text-transform: uppercase;
	float:right;
}

#forumposts span.permalink input
{
	width:120px;
	font-family: "Open Sans",sans-serif;
	text-align:center;
}

p#whoisviewing
{
	margin: 0;
	padding: 0.5em;
}
.date_post
{
	background: url(https://cdn.re4pers.com/img/re4_v2/hgradient_30px_282828_232323.png) repeat-x;
	clear: both;
	color: #979797;
	height: 28px;
	line-height:28px;
	padding: 0 15px;
}
.date_post span
{
	float: right;
}

span.onlinestatusbar
{
	display:block;
	background:#252525;
	width:100%;
	height:5px;
	margin-bottom:5px;
	font-size:10px;
	text-align:center;
	color:#4c823d;
	border-radius:2px;
}

/* poster and postarea + moderation area underneath */
.post_wrapper
{
	float:left;
	width:100%;
}
#forumposts .post_wrapper
{
	background:rgb(22,22,22);
	margin-bottom:3px;
}

#forumposts .post_wrapper:hover ul.quickbuttons {
	 opacity: 1.0;
}

#personal_messages ul.quickbuttons {
	 opacity: 1.0;
}

.poster
{
	position:relative;
	float: left;
	width:162px;
	text-align: center;
	background:#1d1d1d;
	padding:10px;
	margin:15px 0 15px 15px;
	z-index:2;
}

.poster .user-stats
{
	 width:48px;
	border:1px solid rgb(40,40,40);
	background:rgb(29,29,29);
	float:left;
	margin:0 2px;
	cursor:default;
	border-radius:5px;
	box-shadow:0 0 3px rgb(25,25,25);
	position:relative;
}

.poster .user-stats:hover
{ 
	border:1px solid rgb(50,50,50);
} 

.poster .user-stats span.tooltip { 
	display:none;
	background:rgb(23,23,23);
	position:absolute; 
	z-index:1000;
	padding: 10px 15px;
	top:-100%;
	left:-14px;
	line-height:16px; 
	border-radius:10px;
	white-space:nowrap;
	transition:opacity 0.2s;
	font-size:12px;
	opacity:0.95;
	text-transform:uppercase;
} 

.poster .user-stats span.tooltip:after { 
	top:100%;
	left:23px;
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
	border-color: rgba(33, 33, 33, 0); 
	border-top-color: rgb(23,23,23);
	border-width: 15px; 
	margin-right: -15px;
} 

.poster .user-stats:hover span.tooltip
{ 
	display:block;
} 

.poster .stat-image
{
	 display:block;
	font-size:20px;
	line-height:30px;
	color:rgb(120,120,120);
}

.poster .stat-value
{
	 display:block;
	font-size:15px;
	color:rgb(120,120,120);
	background:rgb(26,26,26);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius:5px;
}


.poster span.group-banner
{
	display:block;
	font-size:12px;
	color:#000;
	padding:5px 10px;
	margin-left:-15px;
	margin-right:-15px;
	opacity:0.75;
	text-transform:uppercase;
	font-weight:600;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow:0 0 5px #141414;
	position:relative;
	background: rgb(196,196,196);
	background: linear-gradient(to bottom, rgb(60,60,60) 0%,rgb(45,45,45) 100%); /* W3C */
	white-space:nowrap;
}

.poster span.group-banner.outfit
{
	opacity:1;
	color:#bbb;
	text-shadow:0 0 3px #111;
}

.poster span.group-banner span
{
	background: rgb(55,55,55);
	position:absolute;
	top:-5px;
	height:5px;
	width:5px;
}

.poster span.group-banner span.left
{
	opacity:0.75;
	left:0px;
	border-top-left-radius:5px;
}

.poster span.group-banner span.right
{
	opacity:0.75;
	right:0px;
	border-top-right-radius:5px;
}

.moderatorbar
{
	margin: 0 0 0 16em;
}
#forumposts .moderatorbar
{
	margin: 0;
}
.postarea
{
	margin: 15px 15px 15px 217px;
	padding: 0px 15px 10px 15px;
/*	border:1px solid #333;*/
	background:#1d1d1d; 
	overflow:visible;
	position:relative;
	box-shadow:0 0 5px #141414;
}

/* .postarea:after
{
	top:50px;
	right:100%;
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
	border-color: rgba(32, 32, 32, 0); 
	border-right-color: rgb(32,32,32);
	border-width: 15px; 
	margin-top: -15px;
	clear:both;
}
*/ 

.postarea div.flow_hidden
{
	width: 100%;
	border-bottom:1px solid #333;
}

#personal_messages .postarea div.flow_hidden
{
	padding:5px 0;
}

/* poster details and list of items */
.poster h4, .poster ul
{
	padding: 0;
	margin: 0 auto;
}

.username:
{
	display:block;
}

.member_popupmenu 
{
	display:none;
	position:absolute;
	width:250px;
	border-radius:5px;
	top:40px;
	left:50%;
	box-shadow:3px 3px 10px #111;
	list-style:none;
	z-index:1000;
}


.member_popupmenu a
{
	opacity:0.98;
	background:rgb(29,29,29) url(https://cdn.re4pers.com/img/re4_v2/socialicons_121113.png) no-repeat;
	background-position:7px 0;
	width:93px;
	height:26px;
	line-height:26px;
	text-align:left;
	padding-left:30px;
	border: 1px solid rgb(34,34,34);
	font-size:1em;
	border-radius:5px;
	text-decoration:none;
	color:#979797;
}

.member_popupmenu a:hover
{
	background-color:#212121;
	color:#CCC;
	cursor:pointer;
	text-shadow:none;
}

.member_popupmenu a img
{
	margin-top:4px;
}

.member_popupmenu a.right
{
	float:right;
}

.member_popupmenu a.leftmenu
{
	float:left;
}

.member_popupmenu a.rightmenu
{
	float:right;
}

.poster h4
{
	font-size: 120%;
	text-shadow:0 0 3px rgb(25,25,25);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.poster h4:hover
{
	text-overflow:inherit;
	overflow:visible;
}

.poster ul ul
{
	margin: 0.3em 1em 0 0;
	padding: 0;
}
.poster ul ul li
{
	display: inline;
}
.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
	margin-top: 0.5em;
}
.poster li.stars img
{
	margin: 0 1px;
}

.poster li.avatar img
{
	width:120px;
	height:120px;
	border:4px solid #303030;
	border-radius:4px;
	box-shadow:0 0 3px rgb(25,25,25);
}

.poster li.membergroup
{
	margin:5px 0 10px 0;
}

.poster li.warning
{
	line-height: 1em;
	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;
}

#forumposts .keyinfo
{
	line-height:40px;
	overflow:hidden;
}

.keyinfo h5
{
	font-size:1.5em;
	font-weight:300;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	color:#3283CF;
}

.keyinfo h5 a
{
	color:#3283CF;
}

#personal_messages .keyinfo
{
	overflow:hidden;
}

.modifybutton
{
	clear: right;
	float: right;
	margin: 6px 20px 10px 0;
	text-align: right;
	font: bold 0.85em arial, sans-serif;
	color: #334466;	
}

/* The quick buttons */
div.quickbuttons_wrap
{
	padding: 0.2em 0;
	width: 100%;
	float: left;
}

ul.quickbuttons
{
	opacity:0.3;
	display:block;
	margin-top:5px;
	clear: right;
	float: right;
	text-align: right;
	font-weight:600;
	transition: opacity 0.2s;
}

ul.quickbuttons li
{
	display:inline-block;
	margin-left:5px;
}

ul.quickbuttons li a
{
	background:rgb(27,27,27);
	border:1px solid #333;
	text-transform: uppercase;
	padding:0 8px;
	height:30px;
	line-height:30px;
	display: block;
	color:rgb(80, 80, 80);
	border-radius:2px;
}

ul.quickbuttons li:hover a
{	
	color:#AAA;
	text-decoration:none;
	background:rgb(26,26,26);
	text-shadow:none;
}

ul.quickbuttons li a i
{
	margin-right:5px;
	font-size:1.1em;
}

/*
ul.quickbuttons li.quote_button
{
	background: #fff;
}
*/
ul.quickbuttons li.remove_button:hover a
{
	background:#940000;
	color: #fff;
}

ul.quickbuttons li.remove_button a
{
	color:#940000;
}
/* 
ul.quickbuttons li.modify_button
{
	background: url(https://cdn.re4pers.com/img/re4_v2/quickbuttons.png) no-repeat 0 -60px;
}
ul.quickbuttons li.approve_button
{
	background: url(https://cdn.re4pers.com/img/re4_v2/quickbuttons.png) no-repeat 0 -90px;
}
ul.quickbuttons li.restore_button
{
	background: url(https://cdn.re4pers.com/img/re4_v2/quickbuttons.png) no-repeat 0 -120px;
}
ul.quickbuttons li.split_button
{
	background: url(https://cdn.re4pers.com/img/re4_v2/quickbuttons.png) no-repeat 0 -150px;
}

ul.quickbuttons li.reply_button
{
	background: url(https://cdn.re4pers.com/img/re4_v2/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.reply_all_button
{
	background: url(https://cdn.re4pers.com/img/re4_v2/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.notify_button
{
	background: url(https://cdn.re4pers.com/img/re4_v2/quickbuttons.png) no-repeat 0 -210px;
}
*/
ul.quickbuttons li.inline_mod_check
{
	margin: 0 0 0 5px;
}

span.newpost_icon
{
	display:inline;
	border-radius:1px;
	background: #f0ad0b;
	padding: 0 2px 0 2px;
	font-family: Arial;
	font-size: 0.8em;
	color: #1c1c1c;
	text-transform: uppercase;
}

.post
{
	clear: right;
}

.post img
{
	max-width:100%;
	height:auto;
}

.inner
{
	padding: 1em 1em 2px 0;
	margin: 0 1em 0 0;
}

.inner img
{
	max-width:100%;
}

.inner img.smiley
{
	vertical-align: bottom;
}
#forumposts .modified
{
	float: left;
}
#forumposts .reportlinks
{
	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.
---------------------------------------------------- */

/* The quick-reply area. Horizontal alignments go a bit wonky in IE6 and IE7 but is it really worth worrying about? */

#quickreplybox
{
	padding-bottom: 1px;
}
#quickReplyOptions .roundframe
{
	padding: 0 10%;
}
#quickReplyOptions form textarea
{
	height: 100px;
	margin: 0.25em 0 1em 0;
}
/* The jump to box */
#display_jump_to
{
	clear: both;
	padding: 5px;
	margin-top: 6px;
	text-align: right;
}

/* 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;
}
#post_event #event_starttime div.smalltext, #event_endtime div.smalltext
{
	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: 540px;
	margin: 0 auto;
}
.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
{
	background:#7E2222;
	color:#fff;
	padding: 5px;
	margin: 0 1ex 1ex 1ex;
	text-align:center;
	opacity:0.75;
}

.register_error ul, .register_error ul li
{
	list-style:decimal inside !important;
}

.register_error ul li
{

}


.register-form-wrapper
{
	position:relative;
	background:url("https://cdn.re4pers.com/img/re4_v2/grid.png"), url(https://cdn.re4pers.com/img/re4_v2/signupform_bg2.jpg);
	background-color:#141414;
	background-position: top left, center center;
	background-repeat:repeat, no-repeat;
	background-size:auto, cover;
	padding:10px 0;
	color:#ccc;
}


.register-form-wrapper h1
{
	text-align:center;
	font-size:28px;
	color:#2f72aa;
	margin-bottom:10px;
	text-shadow:0 0 3px #111;
	text-decoration:underline;
}


.register-form-wrapper .button_submit
{
	padding:10px 22px;
	border-radius:5px;
	font-size:14px;
	text-shadow:0 0 3px #111;
	height:auto;
}


/* Additional profile fields */
dl.register_form
{
	margin: 0;
	clear: right;
	/* overflow: auto; */
}

.register-form-wrapper input.input_text, dl.register_form input.input_password, dl.register_form select
{
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top, rgba(200,200,200,1) 0%, rgba(240,240,240,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,1)), color-stop(100%,rgba(240,240,240,1))); 
	background: -webkit-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(240,240,240,1) 100%); 
	background: -o-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(240,240,240,1) 100%); 
	background: -ms-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(240,240,240,1) 100%); 
	background: linear-gradient(to bottom, rgba(160,160,160,1) 0%,rgba(240,240,240,1) 100%); 
	border-radius:4px;
	border:0;
	height: 30px;
	width:200px;
	padding:0 2px;
	color: #000;
	font-size: 15px;
	margin-right:3px;
}

dl.register_form dt
{
	font-weight: normal;
	float: left;
	text-align:right;
	clear: both;
	width:48%;
	margin: 5px 0 0 0;
	font-size:17px;
	height:34px;
}

dl.register_form dt strong
{
	font-weight:normal;
}

@keyframes rotate{
  0% {
	 transform:  rotate(0deg) ;
  }
  100% {
	 transform:  rotate(360deg) ;
  }
}

@-moz-keyframes rotate{
  0% {
	 -moz-transform:  rotate(0deg) ;
  }
  100% {
	 -moz-transform:  rotate(360deg) ;
  }
}

@-webkit-keyframes rotate {
  0% {
	 -webkit-transform:  rotate(0deg) ;
  }
  100% {
	 -webkit-transform:  rotate(360deg) ;
  }
}

@-o-keyframes rotate {
  0% {
	 -o-transform:  rotate(0deg) ;
  }
  100% {
	 -o-transform:  rotate(360deg) ;
  }
}

@-ms-keyframes rotate {
  0% {
	 -ms-transform:  rotate(0deg) ;
  }
  100% {
	 -ms-transform:  rotate(360deg) ;
  }
}

.rotate 
{
	-moz-animation: rotate 3s linear infinite;
	-webkit-animation: rotate 3s linear infinite;
	-ms-animation: rotate 3s linear infinite;
	-o-animation: rotate 3s linear infinite;
}



dl.register_form dt span
{
	display: block;
}

dl.register_form dd
{
	float: left;
	margin: 0 0 0 0;
	height:32px;
	margin-left:10px;
	padding-top:2px;
  line-height: 32px;

}

dl.register_form dd img
{
	vertical-align:middle;

}

#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: linear-gradient(to bottom, rgba(160,160,160,1) 0%,rgba(111,177,91,1) 100%) !important; 
}
.invalid_input
{
	background: linear-gradient(to bottom, rgba(160,160,160,1) 0%,rgba(177,81,81,1) 100%) !important; 
}

.invalid-input-box
{
	position:relative;
	background-color:rgb(126,34,34);
	padding:8px 15px;
	margin-left:7px;
	border-radius:3px;
	color:#111;
}

.invalid-input-box:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0,0,0,0);
	border-right-color: rgb(126,34,34);
	border-width: 8px;
	margin-top: -8px;
}


/* 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;
}
#adm_container
{
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}
.left_admmenu li
{
	padding: 0 0 0 0.5em;
}
.left_admmenu
{
	margin-bottom: 0.5em;
}
#main_admsection
{
	margin-left: 172px;
	 overflow: hidden;
}

tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td
{
	border: 0px;
	padding: 0.3em 0.7em;
}
tr.windowbg2 td.icon
{
	 border-width: 0 0 1px 1px;
}
tr.windowbg2 td.info, tr.windowbg2 td.stats
{
	 border-width: 0 0 1px 0;
}
tr.windowbg2 td.lastpost
{
	 border-width: 0 1px 1px 0;
}
tbody.divider td
{
	 padding: 0;
	height: 10px;
}
#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;
}
/* the subject column */
.topic_table td
{
	font-size: 16px;
}

.topic_table td.subject p, .topic_table td.stats
{
	font-size: 0.85em;
	padding: 0;
	margin: 0;
}
.topic_table td.lastpost
{
	font-size: 13px;
	padding: 4px;
	line-height:1.55em;
}

.topic_table .lastpost img
{
	float: left;
	width:35px;
	height:35px;
	border:3px solid #303030;
	border-radius:3px;
	margin-right:5px;
	
}

.topic_table span.sticky
{
	background:#1669b5;
	font-size:0.85em;
	padding:2px 4px 2px 4px;
	color:#fff;
	border-radius:2px;
	margin-right:0.3em;
}

.topic_table span.locked
{
	background:#555;
	font-size:0.85em;
	padding:2px 4px 2px 4px;
	color:#fff;
	border-radius:2px;
	margin-right:0.3em;
}

.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;
}

/* Styles for (fatal) errors.
------------------------------------------------- */

#fatal_error
{
	width: 80%;
	margin: auto;
}

.errorbox
{
	border:1px dotted #c00000;
	padding: 5px;
	color: #cc3d3d;
	margin: 5px 0;
}
.errorbox h3
{
	padding: 0;
	margin: 0;
	font-size: 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: block;
	float: left;
	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: 35%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	clear: both;
}
#detailedinfo div.content dd, #tracking div.content dd
{
	width: 65%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
}
#detailedinfo div.content dl.noborder
{
	border-bottom: 0;
}
#detailedinfo div.content dt.clear
{
	width: 100%;
}
.signature, .custom_fields_above_signature
{
	border-top: 1px #373D41 solid;
}
.signature h5
{
	font-size: 0.85em;
	margin-bottom: 10px;
}
#personal_picture
{
	display: block;
	margin-bottom: 0.3em;
}
#avatar_server_stored div
{
	float: left;
}

#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;
}

div#profile_error span
{
	text-decoration: underline;
}

div#profile_success
{
	border-color: green;
	color: green;
}

/* 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: rgb(200,200,200);
	float: left;
}
.list_posts
{
	border-top: 2px solid #373D41;
	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: left;
	width: 55%;
	margin: 0 0 10px 2px;
}

.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 #334466;
}
.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;
}
#statistics tr.titlebg > th
{
	line-height: 11px;
}
#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%;
}
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: #3477cc;
	background: linear-gradient(to bottom, #5188cc 0%,#3477cc 100%);
	border: 1px solid #4f8cdc;
	display: block;
	margin: 0 4px;
	height: 16px;
	text-align: center;
	font-weight: bold;
	text-shadow: 0 0 3px #222;
	color: #eee;
	line-height: 16px;
}

/*.statsbar div.bar div
{
	position: relative;
	right: -4px;
	padding: 0 4px 0 0;
	background: url(../images/bar_stats.png) no-repeat 100%;
	height: 16px;
}*/
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: #2E2E2E;
}

#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;
	font-size:1.2em;
	font-weight:bold;
}

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: 500px;
}

/* Styles for the basic search section.
------------------------------------------------- */
#search_form
{
	position: absolute;
	top: 30px;
}
.form_nortl
{
	right: 40px;
}
.form_rtl
{
	left: 40px;
}
#search_form input.input_text
{
	border: 1px solid #252C30;
	background: #23292E url(https://cdn.re4pers.com/img/re4_v2/bg_search.png) no-repeat top left;
	height: 22px;
	width: 140px;
	padding: 0;
	color: #979797;
	font-size: 11px;
}
#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;
}
#advanced_search dl#search_options
{
	margin: 0 auto;
	width: 600px;
	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;
}

/* 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 portals.*/
.roundframe .windowbg, .roundframe .windowbg2
{
	background: none;
}

/* Styles for print media.
------------------------------------------------------- */
@media print
{
	#headerarea
	{
display: none;
	}

	.tborder
	{
border: none;
	}
}
.repbars img
{
	padding: 0 1px 0 0;
}

#reputation_menu{
	position: absolute;
	border: 1px solid black;
	z-index: 100;
}

#yshout {
	font-size: 0.85em;
	overflow: hidden;
}

#yshout #shouts { /* main shouts area */
	width:100%;
	max-height:115px;
	overflow-y:auto;
	background:#1d1d1d;
}
#yshout #shouts img { /* main shouts area */
	vertical-align:text-top;
}

#yshout .shout-separator { /* main shouts area */
	margin:3px 0;
	padding:0;
}

#yshout #shouts .shout { /* one shout */
	float: none;
	margin: 0 0 0; /* Top Bottom Linespacing */
	line-height: 1;
	padding:0 5px;
}
#yshout .shout-timestamp {
	font-size:0.8em;
	color:rgb(150,150,150);
}
#yshout .shout-adminlinks { /* del and ban buttons */
	font-size: 6pt;
	color: #141414;
}

#yshout #shout-form {
	right:0px;
	padding: 0;
	height:18px;
	float:right;
}
#yshout #shout-form fieldset {
	border: none;
}
#yshout #forum-name {
	color: #666666;
	width: 70px;
	margin-right: 5px;
}
#yshout #shout-text {
	background: #fff;
	background: rgba(200, 200, 200, .1);
	color:#fff;
	padding:0;
	margin:0;
	width:425px;
	height:20px;
	border:0px;	
}

#yshout .toollinks
{
	float:left;
	margin-left:5px;
	line-height:20px;
}

#yshout .toollinks a:link, #yshout .toollinks a:visited 
{
	color:#aaa;
}

#yshout #shout-text:focus {
	background: #fff;
	background: rgba(32, 32, 32, .5);
	
}

#yshout #shout-button {
	font-size:100%;
	font-weight:bold;
	width: 55px;
	margin-top: -1px;
	padding:0;
	height:20px;
	border:0;
}
#yshout .shout-invalid { /* invalid shout (shout textbox) */
	background: #FFFDD1;
}table.ncode_imageresizer_warning, table.ncode_imageresizer_warning td
	{
		background-color: #fefee1; /* the bgcolor behind the text and image */
	}
	table.ncode_imageresizer_warning {
		color: #000000; /* the font color */
		border: 1px solid #CCCDCD; /* the border around the whole thing */
		cursor: pointer;
	}
	table.ncode_imageresizer_warning td {
		font-size: 10px;
		vertical-align: middle;
		text-decoration: none;
	}

	table.ncode_imageresizer_warning td.td1 {
		padding: 5px;
	}

div#page_container {
	padding:20px;
}

div#page_container h1, #page_container h2, #page_container h3 {
	font-family: 'Teko', sans-serif;
	padding:0;
	text-transform:uppercase;
}

.roster-header h1 {
	display:inline-block;
	padding:0 20px;
	border-bottom: 3px solid #427ec6;
	font-size:40px;
	color:#f0f0f0;
	text-shadow: 0 0 5px #000;
	text-transform:uppercase;
	line-height:0.8em;
	font-weight:600;
}

.roster-header h2 {
	margin-top:20px;
	color:#f0f0f0;
	text-shadow: 0 0 5px #000;
	font-size:30px;
	line-height:30px;
	font-weight:500;
}

div#page_container h2.outfit-rank-title {
	position:relative;
	border-radius: 15px 15px 0 0;
	text-shadow:none;
	background:#101010;
	width:900px;
	line-height:40px;
	margin-top:20px;
	padding-top:2px;
	overflow:visible;
	
}

div#page_container h2.outfit-rank-title span {
	position:absolute;
	background:#0E0E0E;
	bottom:-15px;
	width:15px;
	height:15px;
}

div#page_container h2.outfit-rank-title span.left {
	left:0px;
	border-bottom-left-radius:40px;
}

div#page_container h2.outfit-rank-title span.right {
	right:0px;
	border-bottom-right-radius:40px;
}

div#page_container  .rank-owners {
	width:870px;
	background: #151515;
	margin:0 auto;
	padding-bottom:10px;
	text-align:center;
	box-shadow:0 0px 10px #070707;
	border-radius:0 0 10px 10px;
}


div#page_container  .rank-owners .user-info {
	display:inline-block;
	width:170px;
	margin:20px 0 20px 0;
}


div#page_container .rank-owners .user-info p {
	margin:0;
	padding:0;
}

div#page_container .rank-owners .user-info p.username {
	font-size:24px;
}

div#page_container .rank-owners .user-info p.stats {
	font-size:16px;
	margin-top:-13px;
	color:#777;
}


div#page_container .rank-owners .user-info img.avatar {
	width:50px;
	height:50px;
	border:3px solid #282828;
	border-radius:3px;
	vertical-align: middle;
}



.roster-header h3 {
	color:#efcb15;
	text-shadow: 0 0 5px #000;
	font-size:36px;
	line-height:40px;
	font-weight:500;
	margin:0 auto;
}


div#ps2roster {
	font-family: 'Teko', sans-serif;
	text-align:center;
	color:#d3d3d3;
	text-shadow: none;
	position:relative;
}

.roster-header {
	position: relative;
	height: 180px;
	background: url(https://cdn.re4pers.com/img/re4_v2/roster_header.jpg) no-repeat;
	background-size: contain;
	background-position: center;
	padding-top: 30px;
	box-sizing: border-box;
	text-align: center;
}

#ps2roster table {
	width:100%;
	border:0px;
	border-spacing:0px;
	margin-top:10px;
}

#ps2roster table th {
	height:34px;
	text-shadow:0 0 3px #222;
	color:#fff;
	font-size:17px;
	font-weight:400;
	text-transform:uppercase;
}

#ps2roster table th a {
	text-shadow:0 0 3px #111;
	color:#fff;
}

#ps2roster table th a:hover {
	text-decoration:underline;
}


#ps2roster table td {
	height:40px;
	color:#D3D3D3;
	text-shadow:0 0 3px #000;
	font-size:20px;
	text-align:center;
	padding-top:4px;
}

#ps2roster table td.roster_rank {
	font-size:28px;
	text-shadow:0 0 3px #000;
	color:#c2c2c2;
	font-weight:600;
	text-align:center;
}

#ps2roster table td.roster_membername {
	font-size:24px;
	text-shadow:0 0 3px #000;
	color:#c2c2c2;
	text-align:left;
}

#ps2roster table td.roster_highlight {
	color:#408be5;
}

#ps2roster table td.roster_br {
	text-align:left;
}

#ps2roster table td.roster_brimg  {
	width:40px;
}

#ps2roster table td.roster_brimg img {
	vertical-align:middle;
	width:40px;
	height:40px;
}
	
#ps2roster table td.roster_avatar img {
	width:30px;
	height:30px;
	border:3px solid #303030;
	border-radius:3px;
	vertical-align:middle;
}

#ps2roster table td.roster_onlinestatus {
	text-transform:uppercase;
}

#ps2roster table td.roster_onlinestatus.playing {
	color: #3a9a14;
}

#ps2roster table td.roster_onlinestatus.offline {
	color: #D4111E;
}

#ps2roster table th:first-child {
	border-top-left-radius:5px;
}

#ps2roster table th:last-child {
	width:50px;
	border-top-right-radius:5px;
}

#ps2roster table th {
	background: rgb(68,128,200); 
	background: -moz-linear-gradient(top, rgba(68,128,200,1) 0%, rgba(43,106,181,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,128,200,1)), color-stop(100%,rgba(43,106,181,1))); 
	background: -webkit-linear-gradient(top, rgba(68,128,200,1) 0%,rgba(43,106,181,1) 100%); 
	background: -o-linear-gradient(top, rgba(68,128,200,1) 0%,rgba(43,106,181,1) 100%); 
	background: -ms-linear-gradient(top, rgba(68,128,200,1) 0%,rgba(43,106,181,1) 100%); 
	background: linear-gradient(to bottom, rgba(68,128,200,1) 0%,rgba(43,106,181,1) 100%); 
}

#ps2roster table tbody tr {
	background:rgb(40,42,44);
}

#ps2roster table tbody:nth-child(2n+2) tr {
	background:rgb(34,35,37);
}

#ps2roster table tbody tr:hover {
	transform: scale(1.02);
	background:rgb(50,52,58);
	box-shadow: 0 0 10px #111;
	transition: all 0.1s;
}

#ps2roster div#search-member-wrapper {
	position:absolute;
	right:0;
	bottom:0;
	font-size:22px;
	margin-top:13px;
	text-transform:uppercase;
}

#ps2roster div#search-member-wrapper input {
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top, rgba(200,200,200,1) 0%, rgba(240,240,240,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,1)), color-stop(100%,rgba(240,240,240,1))); 
	background: -webkit-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(240,240,240,1) 100%); 
	background: -o-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(240,240,240,1) 100%); 
	background: -ms-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(240,240,240,1) 100%); 
	background: linear-gradient(to bottom, rgba(200,200,200,1) 0%,rgba(240,240,240,1) 100%); 
	border-radius:4px;
	border:0;
	height: 30px;
	width:100px;
	padding:0 2px;
	color: #000;
	font-size: 12px;
	vertical-align:middle;
}

#ps2roster div#search-member-wrapper input:focus {
	box-shadow:0 0 5px #3281d0;
}

.bunkster-alert-banner {
	position: fixed;
	top: -50px;
	left: 0;
	height:50px;
	width:100%;
	background: rgba(255,0,0,.8);
	z-index: 9999;
	transition: top 0.5s;
}

.bunkster-alert-banner.active {
	top: 0px;
}

.bunkster-alert-banner-inner {
	position: relative;
	width:1200px;
	height: inherit;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
}

span.bunkster-playing {
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;
}

span.bunkster-playing:before {
	font-family: "Font Awesome 5 Free";
	content: "\f071";
	margin-right:10px;
}

span.bunkster-playing:after {
	font-family: "Font Awesome 5 Free";
	content: "\f071";
	margin-left:10px;
}

.bunkster-alert-banner.active span.bunkster-playing {
	animation: blink3 1s linear infinite;
}

@keyframes blink3 {  
  50% { opacity: 0; }
}

.bunksteralert-stop {
	line-height: 30px;
	position: absolute;
	right: 100px;
	top: 8px;
	font-weight: bold;
	border: 2px solid #fff;
	border-radius: 3px;	
	padding: 0 10px;
	color: #fff;
	text-transform: uppercase;
	vertical-align: top;
}

.bunksteralert-stop:hover {
	text-shadow: none;
	background-color: #fff;
	color: #f00;
}


.snow-overlay {
    position: absolute;
    top:0;
    left:0
    width: 100%;
    height: 100%;
);