/***************************************************************************
* General stuff
***************************************************************************/

.static_link {
    color: #000099;
    text-decoration: none;
    cursor: pointer;
}

/* Spent an 45 minutes on this only to decide not to use, so maybe find a use down the road */
.better_button {
	background-color: rgb(248, 248, 248);
	border-style: solid;
	border-width: 1px;
	border-color: rgb(70, 130, 180);
	color: black;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 3px;
	box-shadow: 0 0.1px 0.1px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.19);
}

.better_button:hover {
	background-color: rgb(238, 238, 238)
}

.better_button:hover:active {
	background-color: rgb(238, 238, 238);
	box-shadow: none;
	top: 1px;
	transform: translateY(1px);
}

.better_button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Light grey divider */
/* orig:  style="border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);" */
.light_divider {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/*
	Alert boxes
*/

.embed_error_box {
	padding: 1ex;
	width: 400px;
	border: 1px solid rgb(70, 130, 180);
	background-color: rgb(246, 246, 246);
}

.postbox_success_box {
	padding: 6px;
	border: 1px solid rgb(70, 130, 180);
	background-color: rgb(235, 252, 235); /* error=rgb(255, 230, 230) */
}

/* Spoiler */
.spoiler {
	padding: 3ex;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(70, 130, 180);
	background-color: rgb(246, 246, 246);
	font-size: x-small;
}

.spoiler_contents {
	font-size: small;
}

/* Styles for popup windows */
.popup_container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(40,64,80,0.5);
	z-index: 5;
    font-family: verdana;
	color: black;
}

.popup_window {
	position: relative;
	width: 480px;
	z-index: 99;
	padding: 0 6px 6px 6px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.5);

	overflow: visible !important;
	background: #FFFFFF;
	top: 15%;
	margin: 0 auto;
}

.popup_heading {
	margin: 0;
	padding: 10px 8px;
	color: #bf6900;
	background: none;
}

.popup_content {
	color: #222;
	line-height: 1.6em;
	max-height: 35em;
	overflow: auto;
	margin: 0;
	padding: 10px 8px;
	border: 1px solid #bbb;
}

.generic_icons.hide_popup {
	float: right;
}

.popup_heading .icon {
	vertical-align: middle;
	margin: -4px 4px 0 0;
}

.select_tborder {
	border-width: 1px;
	padding: 2px;
}

/***************************************************************************
* SCEditor-related
***************************************************************************/




/***************************************************************************
* Button dropdown menu (admin / emojis / etc)
***************************************************************************/

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 260px;
	font-family: Verdana;
	font-size: 11px;
	text-align: left;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(70, 130, 180);
}

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	padding: 6px 10px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #f1f1f1
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
	display: block;
}


/***************************************************************************
* Signature max height / fade styles
***************************************************************************/

/*
	fadeoutSig  = windowbg:  #f8f8f8
	fadeoutSig2 = windowbg2: #F0F0F0
*/

.fadeoutSig {
	position: relative; 
	bottom: 3em;
	height: 3em;
	background: -webkit-linear-gradient(
		rgba(248, 248, 248, 0) 0%,
		rgba(248, 248, 248, 1) 100%
	); 
	background-image: -moz-linear-gradient(
		rgba(248, 248, 248, 0) 0%,
		rgba(248, 248, 248, 1) 100%
	);
	background-image: -o-linear-gradient(
		rgba(248, 248, 248, 0) 0%,
		rgba(248, 248, 248, 1) 100%
	);
	background-image: linear-gradient(
		rgba(248, 248, 248, 0) 0%,
		rgba(248, 248, 248, 1) 100%
	);
	background-image: -ms-linear-gradient(
		rgba(248, 248, 248, 0) 0%,
		rgba(248, 248, 248, 1) 100%
	);
}

.fadeoutSig2 {
	position: relative; 
	bottom: 3em;
	height: 3em;
	background: -webkit-linear-gradient(
		rgba(240, 240, 240, 0) 0%,
		rgba(240, 240, 240, 1) 100%
	); 
	background-image: -moz-linear-gradient(
		rgba(240, 240, 240, 0) 0%,
		rgba(240, 240, 240, 1) 100%
	);
	background-image: -o-linear-gradient(
		rgba(240, 240, 240, 0) 0%,
		rgba(240, 240, 240, 1) 100%
	);
	background-image: linear-gradient(
		rgba(240, 240, 240, 0) 0%,
		rgba(240, 240, 240, 1) 100%
	);
	background-image: -ms-linear-gradient(
		rgba(240, 240, 240, 0) 0%,
		rgba(240, 240, 240, 1) 100%
	);
}

/***************************************************************************
* Ignore user quotes (redaction) styles
***************************************************************************/

.redactText2 {
	/* soft red */
	/* background-color: rgb(255, 64, 0);
	color: rgb(255, 64, 0); */
	
	/* blue - easier on the eyes */
	background-color: rgb(47, 137, 204);
	color: rgb(47, 137, 204);
	
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

span.redactText {
	/* blue - easier on the eyes */
	background-color: rgb(47, 137, 204);
	color: rgb(47, 137, 204);
	
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

span.redactText > div {
	-webkit-user-select: text; /* Safari */
	-moz-user-select: text; /* Firefox */
	-ms-user-select: text; /* Internet Explorer/Edge */
	user-select: text; /* Non-prefixed version, currently supported by Chrome and Opera */
}

span.redactText > a {
	background-color: rgb(47, 137, 204);
	color: rgb(47, 137, 204);
}

span.redactText::selection {
	background: rgb(47, 137, 204);
	color: rgb(47, 137, 204);
}

span.redactText::-moz-selection {
	background: rgb(47, 137, 204);
	color: rgb(47, 137, 204);
}

.redactText2::selection {
	background: rgb(47, 137, 204);
	color: rgb(47, 137, 204);
}

.redactText2::-moz-selection {
	background: rgb(47, 137, 204);
	color: rgb(47, 137, 204);
}

.noRedact {
	background-color: revert;
	color: revert;
}

/***************************************************************************
* YT/IG BBCode styles
***************************************************************************/

.youtube-wrap
{
	height: 0;
	padding-top: 0px;
	padding-bottom: 56.25%; /* 16:9 */
	position: relative;
	overflow: hidden;
}

.youtube-wrap iframe
{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.instagram-wrap
{
	height: 0;
	padding-top: 0px;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
}

.instagram-wrap div, .instagram-wrap iframe
{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}


/***************************************************************************
* Poll styles
***************************************************************************/

div.progress-container-parent {
	
}

div.progress-container-votes {
	/* So vote count is displayed on the same line as progress bar */
	/* display: inline-block; */
	display: inline;
	
	/* 130px is good for <999,999 votes to display on same line */
	/* width: 130px; */
	
	/* Align text a little better with progress bar */
	position :relative;
	top: -1px;
}

div.progress-container {
	border: 1px solid #ccc;
	width: 135px;
	margin: 2px 5px 2px 0;
	
	float: left;
	background: white;
	
	/* These never seem to align perfect with the text */
	position: relative;
	top: -1px;

	/* So vote count to the right is displayed properly, on the same line */
	display: inline-block;
	
	text-align: center;
}

div.progress-container > div {
	height: 12px
}

div.progress-container-text > div {
	background-color: #ACE97C;
	height: 23px;
}

div.progress-container-blue > div {
	/*background-color: rgb(76, 118, 186);*/
	background-color: rgb(69, 113, 186); /* blue */
}

div.progress-container-light-blue > div {
	/*background-color: rgb(76, 118, 186);*/
	background-color: rgb(122, 153, 205); /* lighter blue */
}

div.progress-container-red > div {
	background-color: rgb(235, 19, 7); /* red */
}

div.progress-container-orange > div {
	background-color: rgb(248, 125, 67); /* orangey-red */
}

.poll-result-number-container {
	position: relative;
	/*vertical-align: top;*/
	width: 0;
	height: 0;
}

.poll-result-number {
	float: left;
	position: absolute;
	color: lightgrey;
	left: -66px;
	top: 5px;
	font-weight: normal;
	font-size: 10px;
}

/***************************************************************************
* Index images sprite info
***************************************************************************/


.bg-admin, .bg-alerts, .bg-calc, .bg-gallery, .bg-googlemap, .bg-help, .bg-home, .bg-info, .bg-links, .bg-logout, .bg-register, .bg-login_button, .bg-markread, .bg-members, .bg-mock, .bg-off, .bg-on, .bg-on2, .bg-online, .bg-pm, .bg-polls, .bg-predictions, .bg-profile, .bg-search, .bg-wiki, .bg-folder_open, .bg-login, .bg-linktree_main, .bg-linktree_side, .bg-collapse, .bg-expand, .bg-new_none, .bg-new_some {
	background: url('../../IMG/index_sprites.png?1') no-repeat;
}

.bg-button-pref {
	display: inline-block;
	content: 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==';
}

.bg-admin {
    width: 57px; height: 22px;
    background-position: -166px -195px;
}

.bg-alerts {
    width: 50px; height: 22px;
    background-position: -276px -52px;
}

.bg-calc {
    width: 42px; height: 21px;
    background-position: -10px -237px;
}

.bg-collapse {
    width: 12px; height: 12px;
    background-position: -347px -223px;
}

.bg-expand {
    width: 12px; height: 12px;
    background-position: -347px -255px;
}

.bg-folder_open {
    width: 16px; height: 13px;
    background-position: -347px -91px;
}

.bg-gallery {
    width: 58px; height: 22px;
    background-position: -10px -195px;
}

.bg-googlemap {
    width: 45px; height: 22px;
    background-position: -276px -177px;
}

.bg-help {
    width: 43px; height: 22px;
    background-position: -126px -93px;
}

.bg-home {
    width: 61px; height: 21px;
    background-position: -10px -154px;
}

.bg-info {
    width: 16px; height: 16px;
    background-position: -347px -55px;
}

.bg-links {
    width: 47px; height: 22px;
    background-position: -276px -94px;
}

.bg-linktree_main {
    width: 13px; height: 13px;
    background-position: -347px -124px;
}

.bg-linktree_side {
    width: 13px; height: 13px;
    background-position: -347px -157px;
}

.bg-login {
    width: 19px; height: 22px;
    background-position: -54px -278px;
}

.bg-login_button {
    width: 51px; height: 22px;
    background-position: -276px -10px;
}

.bg-logout {
    width: 58px; height: 22px;
    background-position: -88px -195px;
}

.bg-markread {
    width: 103px; height: 21px;
    background-position: -10px -10px;
}

.bg-members {
    width: 24px; height: 22px;
    background-position: -10px -278px;
}

.bg-mock {
    width: 52px; height: 21px;
    background-position: -91px -154px;
}

.bg-new_none {
    width: 19px; height: 20px;
    background-position: -235px -154px;
}

.bg-new_some {
    width: 19px; height: 20px;
    background-position: -134px -237px;
}

.bg-off {
    width: 38px; height: 41px;
    background-position: -10px -93px;
}

.bg-on {
    width: 38px; height: 41px;
    background-position: -68px -93px;
}

.bg-on2 {
    width: 38px; height: 42px;
    background-position: -133px -10px;
}

.bg-online {
    width: 18px; height: 25px;
    background-position: -347px -10px;
}

.bg-openid {
    width: 13px; height: 13px;
    background-position: -347px -190px;
}

.bg-pm {
    width: 42px; height: 21px;
    background-position: -72px -237px;
}

.bg-polls {
    width: 52px; height: 21px;
    background-position: -163px -154px;
}

.bg-predictions {
    width: 65px; height: 21px;
    background-position: -191px -10px;
}

.bg-profile {
    width: 60px; height: 22px;
    background-position: -191px -51px;
}

.bg-register {
    width: 66px; height: 22px;
    background-position: -10px -51px;
}

.bg-search {
    width: 60px; height: 22px;
    background-position: -191px -93px;
}

.bg-wiki {
    width: 48px; height: 21px;
    background-position: -276px -136px;
}

/* button sprites */

.bg-button-addpoll, .bg-button-admin_lock, .bg-button-admin_move, .bg-button-admin_note, .bg-button-admin_rem, .bg-button-admin_remove_poll, .bg-button-admin_sticky, .bg-button-admin2, .bg-button-delete, .bg-button-ignhide, .bg-button-ignore, .bg-button-ignshow, .bg-button-merge, .bg-button-modify, .bg-button-new_poll, .bg-button-new_topic, .bg-button-notify, .bg-button-print, .bg-button-quote, .bg-button-reply, .bg-button-sendtopic, .bg-button-split, .bg-button-unignore, .bg-button-markread {
	background: url('../../IMG/button_sprites.png') no-repeat;
}

.bg-button-addpoll {
    width: 81px; height: 21px;
    background-position: -2px -46px;
}

.bg-button-admin_lock {
    width: 85px; height: 22px;
    background-position: -2px -296px;
}

.bg-button-admin_move {
    width: 82px; height: 22px;
    background-position: -2px -322px;
}

.bg-button-admin_note {
    width: 73px; height: 22px;
    background-position: -2px -348px;
}

.bg-button-admin_rem {
    width: 91px; height: 22px;
    background-position: -2px -374px;
}

.bg-button-admin_remove_poll {
    width: 92px; height: 21px;
    background-position: -2px -71px;
}

.bg-button-admin_sticky {
    width: 52px; height: 22px;
    background-position: -2px -400px;
}

.bg-button-admin2 {
    width: 57px; height: 22px;
    background-position: -2px -426px;
}

.bg-button-delete {
    width: 58px; height: 22px;
    background-position: -2px -452px;
}

.bg-button-ignhide {
    width: 36px; height: 18px;
    background-position: -2px -2px;
}

.bg-button-ignore {
    width: 58px; height: 21px;
    background-position: -2px -96px;
}

.bg-button-ignshow {
    width: 36px; height: 18px;
    background-position: -2px -24px;
}

.bg-button-merge {
    width: 55px; height: 22px;
    background-position: -2px -478px;
}

.bg-button-modify {
    width: 62px; height: 22px;
    background-position: -2px -504px;
}

.bg-button-new_poll {
    width: 81px; height: 21px;
    background-position: -2px -121px;
}

.bg-button-new_topic {
    width: 90px; height: 21px;
    background-position: -2px -146px;
}

.bg-button-notify {
    width: 58px; height: 21px;
    background-position: -2px -171px;
}

.bg-button-print {
    width: 60px; height: 24px;
    background-position: -2px -556px;
}

.bg-button-quote {
    width: 54px; height: 22px;
    background-position: -2px -530px;
}

.bg-button-reply {
    width: 66px; height: 21px;
    background-position: -2px -196px;
}

.bg-button-sendtopic {
    width: 93px; height: 21px;
    background-position: -2px -221px;
}

.bg-button-unignore {
    width: 71px; height: 21px;
    background-position: -2px -246px;
}

.bg-button-markread {
    width: 103px; height: 21px;
    background-position: -2px -271px;
}

/*
	PowerTip dark theme - jquery.powertip-dark.min.css
*/

#powerTip{cursor:default;background-color:#424242;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15),0 2px 1px rgba(255,255,255,.2) inset,0 -2px 2px #323232 inset;-moz-box-shadow:0 1px 1px rgba(0,0,0,.15),0 2px 1px rgba(255,255,255,.2) inset,0 -2px 2px #323232 inset;box-shadow:0 1px 1px rgba(0,0,0,.15),0 2px 1px rgba(255,255,255,.2) inset,0 -2px 2px #323232 inset;border:1px solid #000;border-radius:6px;color:#fff;display:none;padding:10px;position:absolute;white-space:nowrap;z-index:2147483647}#powerTip:before{content:attr(class) " ";position:absolute;height:0;width:0;text-indent:100%;overflow:hidden}#powerTip.n:before,#powerTip.s:before{border-right:5px solid transparent;border-left:5px solid transparent;left:50%;margin-left:-5px}#powerTip.e:before,#powerTip.w:before{border-bottom:5px solid transparent;border-top:5px solid transparent;margin-top:-5px;top:50%}#powerTip.n:before,#powerTip.ne:before,#powerTip.nw:before{bottom:-10px}#powerTip.n:before,#powerTip.ne-alt:before,#powerTip.ne:before,#powerTip.nw-alt:before,#powerTip.nw:before{border-top-color:inherit;border-top-style:solid;border-top-width:10px}#powerTip.e:before{border-right-color:inherit;border-right-style:solid;border-right-width:10px;left:-10px}#powerTip.s:before,#powerTip.se:before,#powerTip.sw:before{top:-10px}#powerTip.s:before,#powerTip.se-alt:before,#powerTip.se:before,#powerTip.sw-alt:before,#powerTip.sw:before{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:10px}#powerTip.w:before{border-left-color:inherit;border-left-style:solid;border-left-width:10px;right:-10px}#powerTip.ne:before,#powerTip.se:before{border-right:10px solid transparent;border-left:0;left:10px}#powerTip.nw:before,#powerTip.sw:before{border-left:10px solid transparent;border-right:0;right:10px}#powerTip.ne-alt:before,#powerTip.nw-alt:before,#powerTip.se-alt:before,#powerTip.sw-alt:before{bottom:-10px;border-left:5px solid transparent;border-right:5px solid transparent;left:10px}#powerTip.ne-alt:before{left:auto;right:10px}#powerTip.se-alt:before,#powerTip.sw-alt:before{border-top:none;bottom:auto;top:-10px}#powerTip.se-alt:before{left:auto;right:10px}