/* MegaBBS Original Template CSS File */

/* Major Components */

/*body
{
  margin: 0px;
  color: #43647E;
  padding: 0px;
  font-family: Verdana, Arial, sans-serif;
}*/

table
{
  empty-cells: show;
}

.verification-images
{
  background: #FFFFEE;
  border: 1px solid #000000;
}

.bbstable {
	/*background-color: #f4f4f4;*/
	background-color: #dddddd;
	border: 2px solid #000000;
/*	border-collapse: separate;*/
	}

.bbstable * td {
	padding: 3px !important;
}

.bbstable * .messagecellheader, .bbstable * .messagesubheader {
	/*padding: 0px !important;*/
}

@media (max-width: 1023px) {
	/* These Styles are definitions for devices up to 767 pixels wide i.e. Mobile Devices */
	#thread-view_body_panel {
		width:100%;
	}

	.messageMainBody a, .messageMainBody * a  {
		word-wrap: break-word;
		max-width:300px;
	}
}

@media (min-width: 1024px) {
	/* These Styles are definitions for devices over 767 pixels wide i.e. Desktop Devices */
	#thread-view_body_panel {
		width:95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
}



.userAvatar_Container_Full {
	/*border: #fff inset 1px;*/
	width: 90px;
	height: 90px;
	margin: auto;
	max-width: 90px;
	max-height: 90px;
	position: relative;
}

.userAvatar_Container_Half {
	/*border: #fff inset 1px;*/
	width: 45px;
	height: 45px;
	margin: auto;
	max-width: 45px;
	max-height: 45px;
	position: relative;
}

.userAvatar {
    max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}

/* td
{
  font-size: 11px;
  color: #43647E;
} */

.messagecellbody {
	/*font-size: 12px;
	color: #000000;*/
	/*background-color: #DDDDDD; #E7EFE8;*/
}
	.messagecellbody > td > div:first-child {
		padding: 8px;
	}

	/*
	 * Alternate Customisation */
	.messagecellbody.mcb_alternate:nth-child(even) {
		background-color: #f4f4f4;
	}
	.messagecellbody.mcb_alternate:nth-child(odd) {
		background-color: #e4e4e4;
	}
	.messagecellbody.mcb_alternate:hover {
		background-color: #c7d9e7 !important;
		color: #000;
	}
	.messagecellbody.mcb_highlight:hover {
		background-color: #c7d9e7 !important;
		color: #000;
	}
	.messagecellbody.mcb_highlight.mcb_subscribers {
	background-image: linear-gradient(teal, #066);
	color: #fefefe;
	}
		.messagecellbody.mcb_highlight.mcb_subscribers a, .messagecellbody.mcb_highlight.mcb_subscribers .notebene {
			color: #fff !important;
		}
		.messagecellbody.mcb_highlight.mcb_subscribers .greyText {
			color: #ccc;
		}

.messagecellbody2
{
  /*font-size: 12px;*/
  padding: 12px;
  color: #000000; /*#43647E;*/
  background-color: #F6F8FA;/*#DCE7DE;*/
}

.messagecellbody3
{
  font-size: 1.0em;
  color: #43647E;
  background-color: #D2DDDD;
  padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px;
}

.messageheader
{
  font-size: 1.0em;
  color: #43647E;
  background-color: #c7c7c7;
  padding: 1px;
}

.messagemiddle
{
  /*font-size: 12px;*/
  font-size: 1.0em;
  color: #000000;
  background-color: #F3F3F3;
  padding: 2px;
}

.messageUserStats {
	padding-top: 10px;
	padding-bottom: 10px;
}

.messageUserStats .statsItemRow {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
}

.messageMainBody {
	padding: 10px;
}

.messagefooter {
    font-size: 1.0em;
    color: #43647E;
    background-color: #f3f3f3;
	background: linear-gradient(180deg, rgba(225,225,225,1) 10%, rgba(244,244,244,1) 80%);
    padding:2px
}

.messagecellheader {
	height: 22px;
	overflow: hidden;
	/*line-height: 24px;*/
	vertical-align:	middle;
	font-size: 0.8em;
	font-weight: bold;
	color: #F5F5F5;
	background-color: #27702A;
	padding: 0 2px 0 2px;
	/*padding-top: 4px;
	padding-bottom: 4px;
	font-family: Tahoma, sans-serif;*/
	/*background-image: url(/interface/elements/vs-v25-green/header-bg-matrix.jpg);
	background-repeat: repeat-x;
	background-position: 0px -29px;*/
	background: linear-gradient(180deg, rgba(48,109,42,1) 0%, rgba(6,67,0,1) 70%);
}

.messagesubheader
{
	font-size: 1.0em;
	font-weight: bold;
	color: #F5F5F5;
	/*font-family: Tahoma, sans-serif;*/
}

.messagecellheader2 {
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  font-size: 0.9em;
  font-weight: bold;
  color: #f4f4f4;
  background-color: #242424;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.messagecellheader3 {
  font-size: 0.8em;
  font-weight: bold;
  color: #000000;
  background-color: #0D110E;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.messagecellspacer {
  background-color: #949494;
  color: #D0D7DD;
  height: 5px;
  font-size: 1px;
}

.messagecellfooter {
  background-color: #DFE9DA;
  padding: 4px;
  background: linear-gradient(180deg, rgba(232,232,232,1) 0%, rgba(246,246,246,1) 50%) !important;
  height: 5px;
}

.threadPagination_container {
	font-size: 0.7em;
	margin-left: 16px;
}

	.threadPagination_container a {
		background-color: #e4e4e4;
		padding: 4px;
		min-width: 20px;
		width: 20px;
		overflow: hidden;
		display: table-cell;
		text-align: center;
	}

.newsbox
{
  background-color: #E7EFE8;
  border: 1px solid #99C297;
  background-image: url(/forums/templates/vs-v2-green/images/v2-custom/newsbox-bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

.newsbox a
{
  font-size: 1.0em;
  text-decoration: none;
  color: #070707;
}

.rssimage
{
  background-color: #FFFFFF;
  border: 1px solid #000000;
}

.quotation
{
	font-size: 1.0em;
	color: #43647E;
	margin-left: 20px;
	margin-right: 10px;
	padding: 2px;
	border-left: 1px solid;
	background-color: #ddd;
}

.quotetop {
	font-size: 1.0em;
	font-style: italic;
	font-weight: bold;
	background-color: #cecece;
	padding: 4px;
}

.randomquote
{
  color: #43647E;
  font-size: 1.0em;
  font-style: italic;
}

.smalltext
{
  font-size: 0.8em;
}

/* Main Hyperlinks */

a
{
  color: #111111;
}

a:hover
{
  color: #1B640F;
}

a:visited.threadlink
{
  color: #027700;
}

a:hover.threadlink
{
  color: #111111;
}

.headerlink2
{
  color: #808080;
  text-decoration: none;
}

.headerlink
{
  color: #FFFFFF;
  text-decoration: none;
}

A:Link.headerlink, A:visited.headerlink, A:active.headerlink, A:Hover.headerlink
{
  color: #FFFFFF;
  text-decoration: none;
}

.homelink
{
  color: #000000;
  text-decoration: none;
}

a:hover.headerlink
{
  color: #EEEEEE;
}

/* Headers (not used too often) */

.header6
{
  font-weight: bold;
}

.header5
{
  font-weight: bold;
  font-size: 1.4em;
}

.header4
{
  font-weight: bold;
  font-size: 1.2em;
  color: black !important;
}

.spoiler-container {
	margin: 8px 0 8px 0;
}

.spoiler-header {
	background-color: darkGrey;
	cursor: pointer;
	padding: 4px;
	color: white;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.spoiler-body-hidden {
	padding: 8px;
	display: none;
}

.spoiler-body-visible {
	padding: 8px;
	border-bottom: grey dashed 1px;
	border-right: grey dashed 1px;
	border-left: grey dashed 1px;
}

/*.error
{
	font-size:1.0em !important; 
	padding-left: 10px; 
	font-weight: bold;
	color: #990000; 
	border: 1px #000000 dashed; 
	background-color: #FEF5F5; 
	margin-top: 20px; 
	margin-right: 20px; 
	margin-bottom: 20px; 
	margin-left: 20px; 
	padding-top: 20px; 
	padding-right: 10px; 
	padding-bottom: 20px;

}*/
.error
{
  font-weight: bold;
  color: #FF0000;
}

/* Next Thread / Previous Thread */

.threadbox
{
  background-color: #8094B0;
  font-size: 0.8em;
  font-weight: normal;
  color: #FFFFFF;
  padding: 3px;
  border: 1px solid #000000;
}

.threadboxlink
{
  color: #FFFFFF;
  text-decoration: none;
}

:hover.threadboxlink
{
  color: #FF0000;
  text-decoration: none;
}

/* Header Items */

.headerbar
{
  font-size: 1.0em;
  color: #111111;
  background-color: #6699CC;
}

#headercontrolbox {
	background: #98C98B url(/forums/templates/vs-v2-green/images/v2-custom/header-bg-matrix.jpg) repeat-x 0 -27px;
	margin: 0 0 0px 0;
	color: #98C98B;
}

#headercontrolbox-l {
	background: url(/forums/templates/vs-v2-green/images/v2-custom/header-bg-matrix.jpg) no-repeat left 0px;
	padding: 0px 1px 0px 1px;
	height:27px;
}

#headercontrolbox-l td {
	height: 27px;
	vertical-align: middle;
}

#headercontrolbox-r {
	background: url(/forums/templates/vs-v2-green/images/v2-custom/header-bg-matrix.jpg) no-repeat right -54px;
	padding-right: 5px;
}

#headercontrolbox-text {
	font-size: 1.0em;
	text-align: center;
}

/*.headercontrolbox
{
  font-size: 12px;
  color: #000000;
  /////background-color: #E7E9EF;
  padding-left: 3px;
  padding-right: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.headercontrolboxborder
{
	border: #99C297;
	border-style: solid;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
}*/



.headercontrolbox a
{
  color: #111111;
}

.headercontrolbox a:hover
{
  color: #444444;
}

.headerbarlink
{
  color: #000000;
  font-size: 0.6em;
  text-decoration: none;
  font-weight: bold;
}

.adminlink
{
  color: #005CB9;
  font-size: 0.8em;
  text-decoration: none;
  font-weight: bold;
}

/* Footer Items */

.footerbar
{
  font-size: 1.0em;
  color: #0D110E;
}

/* Forms */

form
{
  margin: 0px;
}

.bbsbutton
{
  color : #000000;
  /*font-size: 0.7em;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #E9EDF3;
  /*font-weight : bold;*/
  border: 1px solid #000000;
}

.bbstextbox
{
  /*font-size: 0.8em;*/
}

.bbseditbox
{
  /*font-size: 0.8em;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bbscheckbox
{
  /*font-size: 0.8em;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bbsradiobox
{
  /*font-size: 0.8em;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bbsdropdownbox
{
  /*font-size: 0.8em;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Leftovers */

span.highlight
{
  background: #FFFF33;
}

.adminname
{
  color: #FF0000;
}

.moderatorname
{
  color: #FF9966;
}

.registeredname
{
  color: #668399;
}

.notregisteredname
{
  color: #660000;
}

@media (min-width: 1024px) {
	/* These Styles are definitions for devices over 767 pixels wide i.e. Desktop Devices */
	.forum-markup-codesample  { 
		font-size:0.8em!important; 
		font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
		color: #0033CC; 
		border: 1px #000066 dashed; 
		background-color: #F5FBFE; 
		margin-top: 16px; 
		margin-right: 16px; 
		margin-bottom: 16px; 
		margin-left: 16px; 
		padding: 8px;
		white-space: pre;
		line-height: 1.5em;
		overflow-x: auto;
		word-wrap: break-word;
		box-sizing: border-box;
		max-width: 90%;
		min-width: 600px;
		-moz-tab-size:: 4;
		tab-size: 4;
	}
}

@media (max-width: 1023px) {
	/* These Styles are definitions for devices up to 767 pixels wide i.e. Mobile Devices */
	.forum-markup-codesample  { 
		font-size:0.8em!important; 
		font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
		color: #0033CC; 
		border: 1px #000066 dashed; 
		background-color: #F5FBFE; 
		margin-top: 16px; 
		margin-right: 16px; 
		margin-bottom: 16px; 
		margin-left: 16px; 
		padding: 8px;
		white-space: pre-wrap;
		line-height: 1.5em;
		overflow-x: auto;
		word-wrap: break-word;
		box-sizing: border-box;
		max-width: 100%;
		width: 100%;
		-moz-tab-size:: 4;
		tab-size: 4;
	}
}

#ico-footer-search {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000000; background-image: url(/forums/templates/vs-v2-green/images/v2-custom/ico-search.gif); background-repeat: no-repeat; background-position: left center; padding-left: 14px}
#ico-footer-printer-friendly {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000000; background-image: url(/forums/templates/vs-v2-green/images/v2-custom/ico-printer-friendly.gif); background-repeat: no-repeat; background-position: left center; padding-left: 14px}
#ico-footer-email-friend {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000000; background-image: url(/forums/templates/vs-v2-green/images/v2-custom/ico-email-friend.gif); background-repeat: no-repeat; background-position: left center; padding-left: 14px}

/* Chris Code - clean up poll graphics 2021-01-02 */
.megabbs-poll-left, .megabbs-poll-center, .megabbs-poll-right {
	max-height: 16px !important;
	height: 16px !important;
}

.forceLongLineBreaks {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*
 * Private Messages : Chris Code
 */
.private_messages_container {
	height: 52vh;
}

.private_messages_conversation_controls_container {
	height: 30px;
}

@media (min-width: 1024px) {
	/* These Styles are definitions for devices over 767 pixels wide i.e. Desktop Devices */
	.private_messages_conversation_selection_box {
		min-width: 325px; max-width: 325px; height: 100%; overflow-y: auto;
	}
	
	.hideDesktop {
		display: none;
	}
}

@media (max-width: 1023px) {
	/* These Styles are definitions for devices up to 767 pixels wide i.e. Mobile Devices */
	.private_messages_conversation_selection_box {
		min-width: 325px; max-width: 100%; height: 100%; overflow-y: auto;
	}

	.hideMobile {
		display: none;
	}

}

.private_messages_conversation_selection_box_inner {
	background-color: #ececec; padding: 8px 2px 8px 2px; cursor: pointer;
}

.private_messages_conversation_selection_box .selected { /* this is the selected override for private_messages_conversation_selection_box_inner */
	background-color: #ccc !important;
}

.private_messages_conversation_left_container {
	align-self: center;
}

.private_messages_conversation_middle_container {
}

.private_messages_conversation_right_container {
	max-width: 50px; min-width: 50px; text-align: right; overflow: hidden; margin-right: 2px;
}

.private_messages_conversation_unread_count {
	height: 16px;
	width: 16px;
	background-color: #C00;
	border-radius: 6px;
	color: #fff;
	font-size: 11px;
	align-self: flex-end;
	text-align: center;
}

.private_messages_no_message_selected_container {
	height: 100%; display: flex; justify-content: center; align-items: center; user-select: none;
}

.private_messages_messages_container {
	padding: 16px; overflow-y: auto;
}

.private_messages_date_separator {
}

.private_messages_date_separator .upper {
	position: relative; z-index: 20; text-align: center;
}

.private_messages_date_separator .upper .text_container {
	color: #aaa; background-color: #fefefe; padding: 0 16px 0 16px;
}

.private_messages_date_separator .lower {
	position: relative; z-index: 1; border-top: #ddd solid 1px; top: -50%;
}

.private_messages_inbound_message_container {
	max-width: 56rem; border-radius: 14px; color: #111; background-color: rgb(236,236,236); padding: 8px 16px 8px 16px;
}

.private_messages_inbound_message_control_container {
	margin-top: 4px; text-align: left; color: #aaa;
}

.private_messages_outbound_message_container {
	max-width: 56rem; border-radius: 14px; color: #fff; background-image: linear-gradient(to right top, rgb(19, 16, 51), rgb(147, 51, 234)); padding: 8px 16px 8px 16px; /*67, 56, 202*/
}

.private_messages_outbound_message_control_container {
	margin-top: 4px; text-align: right; color: #aaa;
}

.private_messages_textarea {
	width: 100%; height: 35px; overflow-x: hidden; overflow: hidden;
}

.private_messages_send_container {
	width: 70px; flex-grow: 0; align-self: flex-end;
}

.private_messages_send_button {
	width: 70px; height: 35px;
}