/* The Basics */

body {
    background: rgb(255, 255, 255);
    background-image: none;
    background-image: linear-gradient(rgb(226, 233, 243) 0%, rgb(255, 255, 255) 70%);
}

a:link,a:visited {
	color: rgb(85, 126, 160);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1.forumtitle a {
    color: rgb(85, 126, 160);
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
}

strong, .strong {
    font-weight: bold;
    color: rgb(85, 126, 160);
}

hr {
    border: none;
    margin: 12px 0;
    height: 2px;
    background: rgb(255, 255, 255);
    box-shadow: 0 1px 0 rgb(226, 233, 243) inset;
}

#wrapper {
    clear: both;
    background: #fff;
    border: 1px solid rgb(74, 107, 140);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	border-radius: 6px 6px 0px 0px;
}

/*The Breadcrumb*/
.breadcrumb {
  font: 1em sans-serif;
  list-style: none;
  border: 1px solid rgba(221,211,211,1);
}

.breadcrumb ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.breadcrumb.bc2x {
  font-size: 1em;
}

.breadcrumb p {
  margin: 0;
}

.breadcrumb li {
  display: inline-flex;
}

.breadcrumb li {
  background-color: rgb(85, 126, 160);
  box-sizing: border-box;
  color: rgb(226, 233, 243);
  max-height: 2em;
  padding: .5em 1em .5em 1.5em;
  position: relative;
  text-decoration: none;
  transition-timing-function: ease-in;
  transition: 0.5s;
  font-weight: 700;
}

.breadcrumb li:before {
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  border-left: 1em solid #fff;
  content: "";
  position: absolute;
  top: 0;
  right: -1.25em;
  z-index: 1;
}

.breadcrumb li:after {
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  border-left: 1em solid rgb(85, 126, 160);
  content: "";
  position: absolute;
  top: 0;
  right: -0.9em;
  transition-timing-function: ease-in;
  transition: 0.5s;
  z-index: 1;
}

/* Colors */

.breadcrumb strong {
    color: rgb(85, 126, 160);
}

.breadcrumb li a {
    color: rgb(226, 233, 243);
}

.breadcrumb li a:hover {
    color: rgb(85, 126, 160);
}

.breadcrumb li:hover a {
    color: rgb(85, 126, 160);
}

.breadcrumb li:hover {
  background-color: rgb(226, 233, 243);
  color: rgb(85, 126, 160);
}

.breadcrumb li:hover:after {
  border-left-color: rgb(226, 233, 243);
  color: rgb(85, 126, 160);
}

.breadcrumb li:last-child  {
    background-color: rgb(226, 233, 243);
    color: rgb(85, 126, 160);
}

.breadcrumb li:last-child a  {
    color: rgb(85, 126, 160);
}

.breadcrumb li:last-child::after {
    border-left-color: rgb(226, 233, 243);
}

@media screen and (max-width: 767px) {
.breadcrumb {
  font: 1em sans-serif;
  list-style: none;
  border: none;
}

.breadcrumb ul {
  display: block;
}

.breadcrumb li {
  display: block;
  width: max-content;
  margin: 5px 0px 5px 0px;
}
}

#upper_section {
    padding: 0px;
}


/* Sidebar Flex Grid Thingy thing thing*/

.column {
  flex-basis: 100%;
}

@media screen and (min-width: 800px) {
  .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .column {
    flex: 0;
  }
  ._25 {
    flex: 2.5;
  }
  ._5 {
    flex: 5;
  }
  ._75 {
    flex: 7.5;
  }
}

.column {
    padding: 0px;
    border: none;
    margin: 0px;
    background: transparent;
}

.sidebar {
    margin-left: 0px;
	margin-top: 5px;
	padding: 0px 10px;
}

.sidebar ul li {
    border: 1px solid rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.1);
    padding: 0px;
    background: rgb(255, 255, 255);
    background-image: none;
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 243, 245) 95%);
	color: rgb(85, 126, 160);
	text-align: center;
}

.sidebar ul li:hover{
    background: rgb(85, 126, 160);
	color: rgb(226, 233, 243);
	transition: 0.5s;
    transition-timing-function: ease-in;
}

.sidebar ul li:hover a{
	color: rgb(226, 233, 243);
}

.sidebar ul li:hover a:hover{
	color: rgb(226, 233, 243);
}

.sidebar_menu:hover, i:hover{
	color: rgb(226, 233, 243);
}

.sidebar-menu > li > a > span.amt {
	background: rgb(85, 126, 160);
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 100%;
    text-align: center;
    font-size: 14px;
    margin: 0px 0px 0px 1px;
}

.sidebar-menu > li > a > span.amt:hover {
	background: rgb(226, 233, 243);
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 100%;
    text-align: center;
    font-size: 14px;
    margin: 0px 0px 0px 1px;
}

.sidebar-menu > li:hover > a > span.amt {
	background: rgb(226, 233, 243);
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 100%;
    text-align: center;
    font-size: 14px;
    margin: 0px 0px 0px 1px;
}
.sidebar_menu, a.sidebar-menu-link {
	color: rgb(85, 126, 160);
    font-size: 30px;
	padding: 10px 10px;
	display: block;
}

.sidebar_menu, a.sidebar-menu-link:hover {
	color: rgb(226, 233, 243);
    font-size: 30px;
}

/* Changes from vertical to horizontal for certain screen sizes*/
@media screen and (max-width:800px) {

.sidebar ul li {
    border: 1px solid rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.1);
    padding: 0px;
    background: rgb(255, 255, 255);
    background-image: none;
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 243, 245) 95%);
    color: rgb(85, 126, 160);
    text-align: center;
    vertical-align: middle;
}

.sidebar-menu li {
	display: inline-block;
    margin: 0px -5px 0 0;
    line-height: 16px;
    font-size: 0;
}

.sidebar_menu, a.sidebar-menu-link {
	color: rgb(85, 126, 160);
    font-size: 16px;
	padding: 4px 6px 4px 6px;
}

.sidebar_menu, a.sidebar-menu-link:hover {
	color: rgb(226, 233, 243);
    font-size: 16px;
}

.sidebar-menu > li > a > span.amt {
    background: rgb(85, 126, 160);
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 100%;
    text-align: center;
    font-size: 12px;
    margin: 0px 0px 0px 1px;
}

.profile_user_links li {
    font-size: .8rem;
    line-height: 2em;
    padding-left: 24px;
    text-indent: -24px;
    hyphens: auto;
	padding: 2px;
	display: block;
	margin: 0px 0px;
}

.profile_user_info, .profile_user_avatar {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    float: none;
}

#side_menu .s_menu {
	width: 150px;
	overflow: hidden;
	margin: 0px!important;
}
}

/* Sidebar Profile Button Menu */

#side_menu .s_menu {
    z-index: 90;
    position: absolute;
    display: none;
    min-width: 18.2em;
    padding: 0.5em;
    font-weight: normal;
    border: solid 1px rgb(153, 153, 153);
    border-left: solid 1px rgb(187, 187, 187);
    border-top: solid 1px rgb(204, 204, 204);
    border-radius: 4px;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
    background: rgb(226, 233, 243);
	min-width: 19em;
    margin-left: 55px;
    margin-top: -51px;
}

#side_menu .s_menu.visible {
	display: block;
}

#profile_menu_top::after {
    content: "";
}

.profile_user_links ol {
    margin: 0px;
    clear: both;
    column-count: 1;
}

.profile_user_links li {
    font-size: .8rem;
    line-height: 2em;
    padding-left: 24px;
    text-indent: 0px;
    hyphens: auto;
	padding: 0px;
}

.profile_user_links li a{
    font-size: .8rem;
    line-height: 2em;
	display: block;
}

.profile_user_links ol li {
	padding: 0px;
}
.profile_user_links ol li:hover {
	padding: 0px;
	background: transparent;
	transition: 0.25s;
}
.profile_user_links ol li span.main_icons{
	content: "";
	display: none;
}

.profile_username {
    font-size: 100%;
    display: block;
}

.profile_user_info, .profile_user_avatar {
  display: inline-block;
  margin: 0px 9px 0px 18px;
  vertical-align: middle;
  font-size: 18px;
}

#profile_menu a {
    color: rgb(85, 126, 160);
}

.profile_group {
	color: rgb(85, 126, 160);
}


/* Board Index & BoardStats & BoardIndex Flex Grid*/
.border-wrap {
    border-left: 3px solid rgb(67, 99, 125)!important;
    border-radius: 0px 0px 3px 3px;
    border-right: 3px solid rgb(67, 99, 125)!important;
    border-bottom: 3px solid rgb(67, 99, 125)!important;
}

.up_contain {
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: -1px 0 0px 0;
    display: flex;
    flex-wrap: wrap;
}

.children {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
    width: 100%;
}

.lpicon {
    margin-right: 2px;
    color: rgb(85, 126, 160);
}
.new_posts {
	background: rgb(89, 123, 159);
    background-image: none;
    background: linear-gradient(180deg, rgb(89, 123, 159) 0%, rgb(67, 98, 124) 100%);
    display: inline-block;
    position: relative;
    top: -2px;
    padding: 0 4px;
    color: rgb(252,252,252)!important;
    font: 10px/15px verdana, sans-serif;
    border-radius: 2px;
    opacity: 1;
	box-shadow: none;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.1);
}

.info .subject {
    font-weight: 600;
    font-size: 1.1em;
    color: rgb(85, 126, 160);
}

.info .subject:hover {
    font-weight: 600;
    font-size: 1.1em;
    color: rgb(226, 233, 243);
}

.board_statspinfo {
  background: transparent;
  border: none;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 700;
  padding: 0px;
  margin: 0px;
  color: rgb(85, 126, 160);
}

.board_statspinfo i{
	color: rgb(85, 126, 160);
	padding: 0px;
}

.board_statspinfo i:hover{
	color: rgb(226, 233, 243);
}
.boardindex_table .board_stats {
    padding: 0px;
}

.board_stats {
    font-size: 0.9em;
    text-align: center;
	vertical-align: middle;
}

.board_stats {
    width: 10%;
    font-size: 0.9em;
    margin: 0 0 0 auto;
    text-align: center;
}

.board_icon, .info, .board_stats, .lastpost {
    display: inline-block;
    align-self: center;
}

#topic_header a{
	color: rgb(226, 233, 243);
}

.lastpost {
    width: 20%;
    font-size: 0.9em;
    padding: 4px;
}

#content_section {
    margin: 0 auto;
    clear: both;
}
#main_content_section {
    padding: 5px 12px 16px 0px;
}

#pm_menu, #alerts_menu, #profile_menu {
	left: unset;
	right: unset;
	padding-right: 10px;
}

@media screen and (max-width:800px) {
#main_content_section {
    padding: 5px 12px 16px 12px;
}
}

@media screen and (max-width: 720px) {
#inner_wrap {
    display: block !important;
	}
}

/*Buttons buttons whos got the buttons?*/

.button {
    background: rgb(241,243,245);
    background-image: none;
    background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(241,243,245) 100%);
	color: rgb(85, 126, 160);
	box-shadow: none;
}

.button:hover {
    background: rgb(85, 126, 160);
	background-image: none;
    background: linear-gradient(180deg, rgba(85, 126, 160,1) 0%, rgba(67,98,124,1) 100%);
	color: rgb(226, 233, 243);
	box-shadow: none;
	transition-timing-function: ease-in;
    transition: 0.5s;
}

.button:focus {
	background: rgb(85, 126, 160);
	background-image: none;
    background: linear-gradient(180deg, rgba(85, 126, 160,1) 0%, rgba(67,98,124,1) 100%);
	color: rgb(226, 233, 243);
	box-shadow: none;
	transition-timing-function: ease-in;
    transition: 0.5s;
}

.button.active:hover, .button.active:focus {
    color: rgb(226, 233, 243);
    background: rgb(85, 126, 160);
	background-image: none;
    background: linear-gradient(180deg, rgba(85, 126, 160,1) 0%, rgba(67,98,124,1) 100%);
    box-shadow: none;
	transition-timing-function: ease-in;
    transition: 0.5s;
}

.button:focus .quickbuttons > li:hover > a, .quickbuttons > li > a:focus {
    color: rgb(85, 126, 160);
    border-color: rgb(170, 170, 170) rgb(221, 221, 221) rgb(221, 221, 221) rgb(187, 187, 187);
    box-shadow: none;
    text-decoration: none;
    transition-timing-function: ease-in;
    transition: 0.5s;
}

.quickbuttons > li > a, .inline_mod_check {
    display: block;
    height: auto;
    padding: 0 4px;
    color: rgb(85, 126, 160);
    line-height: 1.375rem;
    border-radius: 0;
}

.page_number {
    font-weight: bold;
    opacity: 0.9;
    padding: 2px 0 0 4px;
    color: rgb(85, 126, 160);
}

#display_head {
    clear: both;
    margin: -7px -2px 15px 0px;
}
/* BoardStats Flex Grid Thingy thing thing */
.boardstats_grid_row {
    background: rgb(255, 255, 255);
    background-image: none;
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 243, 245) 95%);
    border-bottom: 1px solid rgb(221, 221, 221);
    flex-basis: 100%;
    color: rgb(22, 79, 89);
    padding: 4px 10px;
    margin: 0px;
    text-align: left;
    font-size: 1em;
}

.boardstats_grid_row i {
    color: rgb(85, 126, 160);
    font-size: 1.2em;
}

.boardstats_grid_row i:hover {
	color: rgb(226, 233, 243);
    font-size: 1.2em;
}

@media screen and (min-width:800px) {
 .boardstats_grid_column {
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap
 }
 .boardstats_flex {
    flex:1
 }
}

#ic_recentposts {
    line-height: 1.6em;
    width: 100%;
    margin: -1px 0px -2px -2px;
    font-size: 0.9em;
    text-align: left;
}

#ic_recentposts .windowbg {
    background: rgb(255, 255, 255);
    background-image: none;
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 243, 245) 95%);
    border-bottom: none;
    text-align: left;
}

#ic_recentposts th {
    text-align: left;
    padding: 0px 8px;
}

#ic_recentposts td {
    border-top: none;
    padding: 0 4px 0 8px;
    vertical-align: top;
}

.xx {
    background: none;
    padding: 0px;
    color: rgb(85, 126, 160);
    padding-right: 6px;
    margin-left: -2px;
}

.xx i{
    padding: 0px;
}


/*Category Stuff N Things */
div.cat_bar {
    background: rgb(85, 126, 160);
	background-image: none;
    background: linear-gradient(180deg, rgba(85, 126, 160,1) 0%, rgba(67,98,124,1) 100%);
    border-bottom: 1px solid rgb(119, 119, 119);
    padding: 0;
    border-radius: 6px 6px 0 0;
    box-shadow: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
}

.cat_bar .desc {
    color: rgb(226, 233, 243);
    text-shadow: 0px 1px 1px rgb(0, 0, 0);
    font-size: 13px;
    line-height: 1.5em;
    font-weight: bold;
    margin: -8px 0 4px 8px;
}

h3.catbg, h3.catbg a, h3.catbg a:hover {
    color: rgb(226, 233, 243);
    text-shadow: 0px 1px 1px rgb(0, 0, 0);
}

/*Info Center*/

.title_bar {
    background: rgb(89, 123, 159);
	background-image: none;
    background: linear-gradient(180deg, rgba(89, 123, 159, 1) 0%, rgba(67,98,124,1) 100%);
    border: none;
    color: rgb(226, 233, 243);
	text-shadow: 0px 1px 1px rgb(0, 0, 0);
    border-radius: 7px 7px 0 0;
    margin: 0;
}

h3.titlebg, h4.titlebg, .titlebg, h3.subbg, h4.subbg, .subbg {
    background: none;
    color: rgb(85, 126, 160);
	text-shadow: 0px 1px 1px rgb(0, 0, 0);
    font-family: "Tahoma", sans-serif;
    font-weight: bold;
    overflow: hidden;
    padding: 6px 12px 5px 12px;
    text-shadow: none;
}

#info_center .sub_bar {
	border-top: 1px solid rgba(0,0,0,0.1);
}
.sub_bar {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-shadow: none;
    background: none;
    box-shadow: none;
    clear: both;
}

.titlebg a {
    background: none;
    color: rgb(226, 233, 243);
    text-shadow: 0px 1px 1px rgb(0, 0, 0);
    text-decoration: none;
}
.subbg a {
    background: none;
    color: rgb(85, 126, 160);
    text-decoration: none;
}

.roundframe {
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: auto;
}

#upshrink_stats {
    margin-top: 0px;
}

#genericmenu {
	margin: 0px 0px -5px 4px;
}
/* Main Menu - That thing that has those things that get you to other things */

#main_menu {
    max-width: 1200px;
    margin: 0 auto;
    width: 90%;
    padding-left: 10px;
}

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
.dropmenu, #top_info {
	position: relative;
}
/* Level 1 button background. */
.dropmenu > li, #top_info > li {
	display: inline-block;
	margin: 0 2px 0 2px;
	font-size: 0.9em;
	line-height: 1.9em;
}
/* Disable default focus outlines */
.dropmenu a {
	outline: 0;
}
/* For cases where we want to spotlight something specific to an item, e.g. an amount */
.amt {
	margin-left: 3px;
	padding: 0 5px;
	color: #fff;
	background: #6d90ad;
	border-radius: 8px;
}
.dropmenu li .active .amt, #top_info li .active .amt {
	background: rgba(0, 0, 0, 0.2);
	color: inherit;
}
#top_info .top_menu.visible {
	display: block;
}
/* Needed for new PM notifications. */
.dropmenu li strong {
	color: #333;
}

.dropmenu li a, #top_info > li > a {
	padding: 4px 4px 4px 4px;
	display: block;
	border: 1px solid transparent;
	font-weight: bold;
	background: rgb(226, 233, 243);
	border: 1px solid #4a6b8c;
	border-bottom: none;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.1);
	border-radius: 4px 4px 0px 0px;
}
/* Level 1 active button. */
.dropmenu a.active, #top_info a.active {
	color: rgb(226, 233, 243);
	font-weight: bold;
	border-color: #4a6b8c;
	border-bottom: none;
    background: rgb(89, 123, 159);
	background-image: none;
    background: linear-gradient(180deg, rgba(89, 123, 159, 1) 0%, rgba(67,98,124,1) 100%);
	text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
/* Level 1 hover effects. */
.dropmenu > li:hover > a, .dropmenu > li > a:focus,
#top_info > li:hover > a, #top_info > li > a:focus, #top_info > li > a.open {
	border-color: #4a6b8c;
	background: rgb(89, 123, 159);
	font-weight: bold;
	color: rgb(226, 233, 243);
	cursor: pointer;
	text-decoration: none;
	box-shadow: none;
	text-shadow: none;
	border-bottom: none;
}
/* Level 1 active button. */
.dropmenu li a.active:hover, .dropmenu li:hover a.active {
	background: rgb(226, 233, 243);
	border: 1px solid #4a6b8c;
	color: #444;
	box-shadow: none;
	text-shadow: none;
	border-bottom: none;
}

/* Levels 2 and 3 submenu wrapper. */
.dropmenu li ul, .top_menu {
	z-index: 90;
	position: absolute;
	display: none;
	min-width: 18.2em;
	padding: 0.5em;
	font-weight: normal;
	border: solid 1px #999;
	border-left: solid 1px #bbb;
	border-top: solid 1px #ccc;
	border-radius: 4px;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
	background: rgb(226, 233, 243)
}
/* Level 2 link background. */
.dropmenu li li {
	margin: 0;
	padding: 0;
	width: 17em;
	font-size: 1em;
	border-radius: 3px;
	border: none;
}
/* Necessary to allow highlighting of 1st level while hovering over submenu. */
.dropmenu li:hover li a, .dropmenu li li a {
	background: none;
	padding: 0 9px;
	color: #346;
	border: none;
	line-height: 2.2em;
}

.dropmenu li li a > img {
	vertical-align: middle;
}
/* The profile/pm menus are declared off .dropmenu li ul for consistency but have other characteristics. */
.top_menu {
	min-width: 25em;
}
.top_menu .login {
	width: 100%;
}
.top_menu .login dt {
	text-align: left;
	width: 55%;
}
.top_menu .login dd {
	width: 43%;
}
.top_menu .login input {
	width: 90%;
}
/* Note: The next declarations are for keyboard access with js disabled. */
.dropmenu ul a:focus, .dropmenu ul ul a:focus {
	margin-left: 9990px;
	border: none;
	width: 17em;
}
.dropmenu ul ul a:focus {
	margin-left: 19950px;
}
/* Cancel those for hover and/or js access. */
.dropmenu ul li:hover a:focus, .dropmenu ul li a:focus {
	margin-left: 0;
	width: auto;
}
/* Level 3 submenu wrapper positioning. */
.dropmenu li ul ul {
	margin: -2em 0 0 15.3em;
}
/* Level 3 maintains font-size the same as Level 2. */
.dropmenu li li li a {
	font-size: 1em;
}
/* Levels 2 and 3 hover effects. */
.dropmenu li li:hover {
	border: none;
}

.dropmenu li li:hover > a, .dropmenu li li a:focus, .dropmenu li li a:hover {
    color: rgb(226, 233, 243);
    text-decoration: none;
    border: none;
}

.dropmenu li li:hover {
	background: rgb(89, 123, 159);
    background-image: none;
    background: linear-gradient(180deg, rgb(89, 123, 159) 0%, rgb(67, 98, 124) 100%);
}
/* Reposition Level 2 submenu as visible on hover. */
.dropmenu li:hover ul {
	display: block;
}
/* Hiding Level 3 submenu off hover. */
.dropmenu li:hover ul ul, .dropmenu li ul ul, .dropmenu li:hover ul ul ul, .dropmenu li ul ul ul {
	left: -9999px;
}
/* Reposition as visible on hover. */
.dropmenu li li:hover ul, .dropmenu li li ul {
	left: -14px;
}
.dropmenu li li.subsections > a::after {
	position: absolute;
	padding: 5px 0;
	right: 10px;
	font: 83.33%/150% Arial, sans-serif;
	content: "\25ba";
}
/* Highlighting of current section */
.dropmenu li li a.chosen {
	font-weight: bold;
}

/* The extra menu rows for admin sections, etc. */
#adm_submenus {
	margin: 0px 0px -5px 4px;
	overflow: hidden;
}

/* Message Index Stuff N Things */

.windowbg:nth-of-type(even), .bg.even {
	background: rgb(255, 255, 255);
    background-image: none;
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 243, 245) 100%);
}
.windowbg:nth-of-type(odd), .bg.odd {
	background: rgb(255, 255, 255);
    background-image: none;
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 243, 245) 100%);
}
	
.windowbg.locked {
    background: rgb(231,234,239);
	background-image: none;
    background: linear-gradient(180deg, rgba(231,234,239,1) 0%, rgba(214,219,227,1) 100%);
}

.windowbg.sticky.locked {
    background: rgb(216, 178, 175);
	background-image: none;
    background: linear-gradient(180deg, rgb(216, 178, 175) 0%, rgb(181, 156, 154) 100%);
	color: #31485b;
}

.windowbg.sticky.locked a {
    color: #31485b;
}

.windowbg:hover {
    background: rgb(226,238,248);
	background-image: none;
    background: linear-gradient(180deg, rgba(226,238,248,1) 0%, rgba(226,233,243,1) 100%);
}
tr.windowbg:hover {
    background: rgb(226,238,248);
	background-image: none;
    background: linear-gradient(180deg, rgba(226,238,248,1) 0%, rgba(226,233,243,1) 100%);
}

.windowbg:target {
	background: rgb(226,238,248);
	background-image: none;
	background: linear-gradient(180deg, rgb(226, 238, 248) 0%, rgb(226, 233, 243) 100%);
}


.title_bar a {
    color: rgb(226, 233, 243);
}

.current_page {
    padding: 0 4px 0 2px;
    color: rgb(85, 126, 160);
    font-family: verdana, sans-serif;
    font-weight: bold;
}

#description_board, .filter_row {
    padding: 8px 10px;
    border-radius: 6px 6px 0 0;
    border-bottom: none;
    box-shadow: none;
    border: 3px solid rgb(67, 99, 125);
	border-bottom: none;
    border-radius: 3px 3px 0px 0px;
}

/*Bars */
.generic_bar .bar, .progress_bar .bar {
	background: rgb(89, 123, 159);
    background-image: none;
    background: linear-gradient(180deg, rgb(89, 123, 159) 0%, rgb(67, 98, 124) 100%);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    transition: width .3s;
    border-radius: 1px;
    box-shadow: 4px -4px 8px rgba(0, 0, 0, 0.1) inset, 4px 4px 8px rgba(255,255,255,0.3) inset;
    display: block;
}

.generic_bar span, .progress_bar span {
    position: relative;
    z-index: 2;
    text-shadow: 0 1px 1px rgb(0, 0, 0);
    display: inline-block;
    padding: 0 5px;
    color: rgba(252,252,252);
}

/*Sceditor Colors */
.sceditor-container {
	border: 5px solid rgb(85, 126, 160);
}

div.sceditor-group {
	background-clip: padding-box;
    background: linear-gradient(180deg, rgb(85, 126, 160) 0%, rgb(67, 98, 124) 100%);
    background: rgb(226, 233, 243);
    display: inline-block;
    margin: 1px 5px 1px 0;
    padding: 1px;
    border-bottom: 1px solid rgb(170, 170, 170);
    border-radius: 3px;
}

.sceditor-button:hover, .sceditor-button:active, .sceditor-button.active {
    background: rgb(255, 255, 255);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.sceditor-button{
    background: rgb(226, 233, 243);
}

.sceditor-container iframe, .sceditor-container textarea {
	background: rgb(255, 255, 255);
	background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 243, 245) 100%);
}

/* PostBit */
/* Credit to Antechinus for this tutorial - https://www.simplemachines.org/community/index.php?topic=578882.0 */

/* ---------------------------------------------------- */
/* Adjust parent .windowbg for better looks of content. */
#forumposts .windowbg,
#forumposts .approvebg,
#personal_messages .windowbg {
    padding: 0;
}
/* -------------------- */
/* Grid parent element. */
/* -------------------- */
.post_wrapper {
    display: grid;
    grid-template-columns: 175px minmax(0,calc(100% - 32px));
    grid-auto-rows: 1fr min-content;
	border: 5px solid rgb(85, 126, 160);
    border-radius: 6px;
}
/* ---------------------- */
/* You need to kill this! */
.post_wrapper::after {
    display: none;
}
/* ----------------- */
/* First grid child. */
.poster {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    width: 175px;
    padding: 10px 0 10px 15px;
}
/* ------------------ */
/* Second grid child. */
.postarea {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    /* Set to flex parent. */
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 10px 15px 0 10px;
}
/* ----------------- */
/* Third grid child. */
.moderatorbar {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin: 0;
    padding: 0 15px 10px 10px;
}
/* --------------------- */
/* End of grid children. */
/* --------------------- */
/* Start flex children. */
/* -------------------- */
/* General reset. */
.postarea > div {
    flex: none;
}
/* ------------------ */
/* Second flex child. */
.postarea > .post {
    flex: 1 0 auto;
}
/* ----------------- */
/* Third flex child. */
.postarea > .attachments {
    /* Changed position to #4. */
    /* Attachments are now beneath buttons. */
    order: 4;
    margin: 0;
}
/* ------------------ */
/* Fourth flex child. */
.postarea > .under_message {
    /* Changed position to #3. */
    /* Buttons are now above attachments. */
    order: 3;
}
/* ------------------ */
/* End flex children. */
/* ------------------ */

/* ----------------------------------- */
/* Responsive code for mobile. */
/* Post & PM templates, media queries. */
@media screen and (max-width: 720px) {
    .pagesection.top {
        display: block !important;
    }
    #forumposts #new::after {
        margin-left: calc(50% - 16px);
    }
    .post_wrapper {
        display: block;
    }
    .poster {
        width: auto;
        min-height: 65px;
        padding: 10px 10px 5px;
    }
    .poster::after {
        display: block;
        clear: both;
        content: '';
    }
    .poster h4, .poster .user_info {
        margin-left: 0px;
    }
    .poster li.avatar {
        display: block!important;
        float: left;
        width: 50px;
        margin: 0px;
        text-align: center;
    }
    .poster img.avatar {
        max-height: 50px !important;
        max-width: 50px !important;
    }
    .poster li {
        padding-right: 4px;
        vertical-align: bottom;
    }
	.user_info li::before {
        content: none!important;
        padding: 0 1ch 0 0.5ch;
    }
    .poster .icons {
        padding: 0 4px 0 0;
    }
    .poster .blurb {
        display: none;
    }
}

.poster h4, .poster h4 a, .poster li:hover h4 a, .poster h4 a:hover .poster li h4 a, .poster h4 a:focus {
    color: rgb(85, 126, 160);
}
.keyinfo .postinfo a, .keyinfo .postinfo a strong {
    color: rgb(85, 126, 160);
}
.keyinfo h5 a, .keyinfo h5 a strong {
    color: rgb(85, 126, 160);
}

.generic_list_wrapper, .windowbg, .approvebg, .approvebg2 {
    background: rgb(240, 244, 247);
    margin: 12px 0 0 0;
    padding: 12px 16px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 6px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    overflow: auto;
}
.generic_list_wrapper {
    background: rgb(226, 233, 243);
    margin: 12px 0 0 0;
    padding: 12px 16px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 6px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    overflow: auto;
}

/* Footer */
#footer {
    background: rgb(89,123,159);
	background-image: none;
    background: linear-gradient(180deg, rgba(89,123,159,1) 0%, rgba(20,38,52,1) 100%); 
    margin: 4em 0 0 0;
    padding: 10px 0;
    border: none;
    flex: none;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

.footer_links {
	text-align: center;
	font-size: 1em;
}

/* The Admin Icons */ 
/* The icons. */
.large_admin_menu_icon_file {
	margin: 0 auto;
	display: block;
	width: 32px;
	height: 32px;
}
.large_admin_menu_icon::before {
	background: url(../images/icons/admin_sprite.png) no-repeat -5px -47px;
	margin: 0 auto;
	display: block;
	content: '';
	width: 32px;
	height: 32px;
}
.large_admin_menu_icon.attachment::before {
	background-position: -5px -5px;
}
.large_admin_menu_icon.ban::before {
	background-position: -47px -5px;
}
.large_admin_menu_icon.boards::before {
	background-position: -89px -5px;
}
.large_admin_menu_icon.calendar::before {
	background-position: -131px -5px;
}
.large_admin_menu_icon.current_theme::before {
	background-position: -173px -5px;
}
.large_admin_menu_icon.default::before {
	background-position: -5px -47px;
}
.large_admin_menu_icon.engines::before {
	background-position: -47px -47px;
}
.large_admin_menu_icon.exit::before {
	background-position: -89px -47px;
}
.large_admin_menu_icon.features::before {
	background-position: -131px -47px;
}
.large_admin_menu_icon.languages::before {
	background-position: -173px -47px;
}
.large_admin_menu_icon.logs::before {
	background-position: -5px -89px;
}
.large_admin_menu_icon.mail::before {
	background-position: -47px -89px;
}
.large_admin_menu_icon.maintain::before {
	background-position: -89px -89px;
}
.large_admin_menu_icon.membergroups::before {
	background-position: -131px -89px;
}
.large_admin_menu_icon.members::before {
	background-position: -173px -89px;
}
.large_admin_menu_icon.modifications::before {
	background-position: -5px -131px;
}
.large_admin_menu_icon.news::before {
	background-position: -47px -131px;
}
.large_admin_menu_icon.packages::before {
	background-position: -89px -131px;
}
.large_admin_menu_icon.paid::before {
	background-position: -131px -131px;
}
.large_admin_menu_icon.permissions::before {
	background-position: -173px -131px;
}
.large_admin_menu_icon.posts::before {
	background-position: -5px -173px;
}
.large_admin_menu_icon.regcenter::before {
	background-position: -47px -173px;
}
.large_admin_menu_icon.reports::before {
	background-position: -89px -173px;
}
.large_admin_menu_icon.scheduled::before {
	background-position: -131px -173px;
}
.large_admin_menu_icon.search::before {
	background-position: -173px -173px;
}
.large_admin_menu_icon.security::before {
	background-position: -215px -5px;
}
.large_admin_menu_icon.server::before {
	background-position: -215px -47px;
}
.large_admin_menu_icon.smiley::before {
	background-position: -215px -89px;
}
.large_admin_menu_icon.support::before {
	background-position: -215px -131px;
}
.large_admin_menu_icon.themes::before {
	background-position: -215px -173px;
}
.large_admin_menu_icon.warning::before {
	background-position: -5px -215px;
}

#admin_form_wrapper {
    margin: 0px 0 5px 0;
}

/*Font Awesome Icons Stuff*/

.social-icons{
	float: right;
	clear: both;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.social-icons i {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	display: inline-block;
	color: rgb(85, 126, 160);
	margin: 0 6px;
}

.social-icons i:hover {
	color: rgb(226, 233, 243);
	text-shadow: 0px 1px 4px rgba(0, 0, 0,0.8);
    transition-timing-function: ease-in;
    transition: 0.5s;
}

.main_icons, .icon {
    margin-inline-end: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.main_icons.error {
  color: unset;
}

.centericon {
   vertical-align: middle;
}
.main_icons::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background: transparent;
    vertical-align: middle;
}
.main_icons.home::before {
    content: "\f015";
}

.main_icons.search::before {
    content: "\f002";
}

.main_icons.admin::before {
    content: "\f7d9";
}

.main_icons.moderate::before {
    content: "\f637";
}

.main_icons.mlist::before {
    content: "\f0c0";
}

.main_icons.lock::before, .main_icons.security::before {
    content: "\f023";
}

.main_icons.sticky::before {
    content: "\f249";
}

.main_icons.poll::Before {
    content: "\f681";
}

.menu_icon::before, .toggle_down::before, .toggle_up::before, .errorbox::before, .infobox::before, .noticebox::before, .main_icons {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.main_icons.help::before {
    content: "\f059";
}

.main_icons.search::before, .main_icons.engines::before {
    content: "\f002";
}

.main_icons.quick_edit_button::before, .main_icons.modify_button::before {
    content: "\f044";
}

.main_icons.check::before {
    content: "\f059";
}

.main_icons.invalid::before {
    content: "\f071";
}

.main_icons.gender_2::before {
    content: "\f221";
}

.main_icons.select_above::before {
    content: "\f0d8";
}

.main_icons.select_here::before {
    content: "\f0d9";
}

.main_icons.select_below::before {
    content: "\f0d7";
}

.main_icons.watch::before {
    content: "\f1e5";
}

.main_icons.move::before, .main_icons.next_page::before {
    content: "\f35a";
}

.main_icons.general::before, .main_icons.boards::before, .main_icons.topics_views::before {
    content: "\f200";
}

.main_icons.gender_1::before {
    content: "\f222";
}

.main_icons.features::before {
    content: "\f1de";
}

.main_icons.posters::before {
    content: "\f091";
}

.main_icons.replies::before, .main_icons.topics_replies::before {
    content: "\f46d";
}

.main_icons.history::before, .main_icons.time_online::before, .main_icons.scheduled::before {
    content: "\f017";
}

.main_icons.views::before {
    content: "\f200";
}

.main_icons.last_post::before {
    content: "\f14d";
}

.main_icons.starters::before, .main_icons.people::before, .main_icons.membergroups::before, .main_icons.mlist::before {
    content: "\f500";
}

.main_icons.poll::before {
    content: "\f681";
}

.main_icons.previous_page::before {
    content: "\f359";
}

.main_icons.inbox::before {
    content: "\f01c";
}

.main_icons.permissions::before, .main_icons.login::before {
    content: "\f2f6";
}

.main_icons.www::before {
    content: "\f0ac";
}

.main_icons.exit::before, .main_icons.logout::before {
    content: "\f2f5";
}

.main_icons.switch::before {
    content: "\f079";
}

.main_icons.replied::before, .main_icons.send::before {
    content: "\f658";
}

.main_icons.im_on::before {
    content: "\f075";
}

.main_icons.im_off::before {
    content: "\f075";
}

.main_icons.split_desel::before {
    content: "\f0a8";
}

.main_icons.split_sel::before {
    content: "\f0a9";
}

.main_icons.mail::before {
    content: "\f0e0";
}

.main_icons.warning_mute::before {
    content: "\f4b3";
}

.main_icons.alerts::before, .main_icons.warn_button::before,
.main_icons.warning_moderate::before {
    content: "\f071";
}

.main_icons.mail_new::before {
    content: "\f0e0";
}

.main_icons.drafts::before,
.main_icons.reply_button::before,
.main_icons.reply_all_button::before {
    content: "\f573";
}

.main_icons.warning_watch::before {
    content: "\f06a";
}

.main_icons.calendar_export::before {
    content: "\f271";
}

.main_icons.calendar::before {
    content: "\f133";
}

.main_icons.calendar_modify::before {
    content: "\f304";
}

.main_icons.plus::before {
    content: "\f055";
}

.main_icons.warning::before, .main_icons.moderate::before {
    content: "\f637";
}

.main_icons.themes::before {
    content: "\f55d";
}

.main_icons.support::before {
    content: "\f590";
}

.main_icons.liked_users::before, .main_icons.liked_messages::before, .main_icons.like::before {
    content: "\f004";
}

.main_icons.unlike::before {
    content: "\f7a9";
}

.main_icons.current_theme::before {
    content: "\f482";
}

.main_icons.stats::before {
    content: "\f080";
}

.main_icons.right_arrow::before {
    content: "\f0da";
}

.main_icons.left_arrow::before {
    content: "\f0d9";
}

.main_icons.smiley::before {
    content: "\f580";
}

.main_icons.server::before {
    content: "\f233";
}

.main_icons.ban::before, .main_icons.ignore::before {
    content: "\f05e";
}

.main_icons.boards::before {
    content: "\f07b";
}

.main_icons.regcenter::before {
    content: "\f055";
}

.main_icons.posts::before {
    content: "\f15b";
}

.main_icons.sort_down::before {
    content: "\f884";
}

.main_icons.change_menu2::before, .main_icons.sent::before {
    content: "\f061";
}

.main_icons.post_moderation_moderate::before {
    content: "\f071";
}

.main_icons.sort_up::before {
    content: "\f885";
}

.main_icons.post_moderation_deny::before {
    content: "\f023";
}

.main_icons.post_moderation_attach::before {
    content: "\f0c6";
}

.main_icons.post_moderation_allow::before {
    content: "\f138";
}

.main_icons.personal_message::before {
    content: "\f0e0";
}

.main_icons.permissions::before, .main_icons.signup::before {
    content: "\f084";
}

.main_icons.paid::before {
    content: "\f53a";
}

.main_icons.packages::before {
    content: "\f466";
}

.main_icons.filter::before {
    content: "\f0b0";
}

.main_icons.change_menu::before {
    content: "\f060";
}

.main_icons.package_ops::before {
    content: "\f085";
}

.main_icons.reports::before {
    content: "\f0c5";
}

.main_icons.news::before {
    content: "\f1ea";
}

.main_icons.delete::before, .main_icons.prune::before, .main_icons.remove_button::before {
    content: "\f1f8";
}

.main_icons.modifications::before {
    content: "\f12e";
}

.main_icons.maintain::before, .main_icons.admin::before {
    content: "\f7d9";
}

.main_icons.administration::before, .main_icons.home::before {
    content: "\f015";
}

.main_icons.frenemy::before {
    content: "\f506";
}

.main_icons.attachment::before {
    content: "\f0c6";
}

.main_icons.lock::before, .main_icons.security::before {
    content: "\f023";
}

.main_icons.error::before, .main_icons.disable::before {
    content: "\f06a";
}

.main_icons.languages::before {
    content: "\f1ab";
}

.main_icons.members_request::before {
    content: "\f234";
}

.main_icons.members_delete::before {
    content: "\f503";
}

.main_icons.members::before {
    content: "\f0c0";
}

.main_icons.members_watched::before {
    content: "\f507";
}

.main_icons.sticky::before {
    content: "\f08d";
}

.main_icons.corefeatures::before, .main_icons.settings::before, .main_icons.manrules::before, .main_icons.manlabels::before {
    content: "\f085";
}

.main_icons.calendar::before {
    content: "\f073";
}

.main_icons.logs::before {
    content: "\f022";
}

.main_icons.valid::before {
    content: "\f00c";
}

.main_icons.approve::before, .main_icons.enable::before,
.main_icons.approve_button::before,
.main_icons.read_button::before {
    content: "\f00c";
}

.main_icons.close::before {
    content: "\f05e";
}

.main_icons.details::before {
	 content: "\f15c";
}

.main_icons.merge::before {
    content: "\f0c1";
}

.main_icons.folder::before {
    content: "\f078";
}

.main_icons.restore_button::before {
    content: "\f2f1";
}

.main_icons.split_button::before {
    content: "\f127";
}

.main_icons.unapprove_button::before,
.main_icons.unread_button::before,
.main_icons.hide_popup::before {
    content: "\f00d";
}

.main_icons.quote::before {
     content: "\f10e";
}

.main_icons.quote_selected::before {
    content: "\f246";
}

.main_icons.notify_button::before {
    content: "\f0f3";
}

/*OTHER*/

.popup_window, #main_menu .popup_window, #genericmenu .popup_window, #adm_submenus .popup_window {
  position: relative;
  width: auto;
  z-index: 99;
  border-radius: 0;
  margin: 0 auto;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
}