/* style.css */
:root
{
	/*--tr-bg-color:  #f2f3ef;	!* like Linkedin *!*/
	/*--tr-bg-color:  #3078cd;	!* like Microsoft Outlook *!*/
	/*--tr-bg-color:  #64a9b5;	!* from color picker *!*/
	--tr-bg-color:  #ddd;
	--color-green: #35595a;
	--color-lite-green: #d7e5c9;
	--color-maroon: #800000;
	--color-blue: #6b82a7;
	--color-bronze: #dba76d; /* bronze: #dba76d; #e8ac6d; #8C7853;*/
	--color-silver: #c6d1e3; /* silver: #c6d1e3; #a8a3a0; #eaeaea; #E6E8FA;*/
	--color-gold: #f9db2c;	 /* gold: (original smiley ref: https://en.wikipedia.org/wiki/Smiley) #fae441; #fae128; #f9da34; #f7f67e; #edd690; #fafeae; #fbeecb; #f9da34; */
	--color-platinum: #add8e6;	/* platinum: #f7f7f7; blue variation */
	--color-purple: #5a3554;
	--color-lite-purple: #c7bac5;
	--color-rep: #001689;
	--color-main-controls: #033f7c;	/* from tsl */
	/*--color-vp-bkgd: #f7d5de;*/
	/*--color-vp-bkgd: #ffc9d2;*/
	/*--color-vp-bkgd: lightpink;*/
	/*--color-vp-bkgd: lightblue;*/
	/*--color-vp-bkgd: lightyellow;*/
	/*--color-vp-bkgd: lightgray;*/
	/*--color-vp-bkgd: #fff;*/
	--color-vp-bkgd: #deeeff;
	--color-vp-hdr: #c2e0ff;

	/*--color-main-controls: #2096f3;	!* iPhone 13 mini top bar; dodger blue *!*/
	/*--color-sr-dark-bkgd: #000;	!* white *!*/
	--color-sr-dark-bkgd: #fff;	/* white */
	/*--color-sr-dark-bkgd: #ffc700;	!* vivid yellow *!*/
	/*--color-sr-dark-bkgd: #ffb800;	!* bright yellow orange *!*/
	/*--color-sr-dark-bkgd: #B8860B;	!* dark goldenrod *!*/
	/*--color-sr-dark-bkgd: #FFD700;	!* gold *!*/
	/*--color-sr-dark-bkgd: #fbe659;	!* PHPStorm search text yellow highlight; maize *!*/
	/*--color-sr-dark-bkgd: beige;*/
	/*--color-rep: #00008b;*/
}
/* debugging section */
/*
.debug div
{
	border: 1px solid red;
}
*/
/*
div, ul, span
{
	border: 1px solid red;	!* for debugging -- may affect the box model *!
}
*/
/*
.bord
{
	border: 1px solid red;	!* for debugging -- to add to specific DOM element *!
}
 */
/**
	2017-08-12: minify with YUIcompressor 2.4.7
 */

/**
	organization of this stylesheet:
		normalize.css
		overrides to normalize
		Snook
		base selectors
			user widget dropdown
			reports
			base responsive
			base from navigation
		tabs
		accordion
		testimonial
		page blocks
			optional
			header
			main
			footer
			nav
		buttons
		page-specific (in alphabetic order)


	notes:
	 	font shortcut is font: font-style | font-variant | font-weight |  font-size | line-height | font-family
	 	z-index usage (should rationalize)
	 		-1 call us
	 		-1 background image
	 		0 baseline
	 		0 scorebar
	 		1 score
	 		1 question mark
	 		1 special notice image
	 		1 noscript
	 		2 header	NOTE: was 1 but bumped to 2 to resolve issue in track-relationships having fixed main-controls section with z-index:1
	 		1030 (was 3) bottom nav, DEBUG display
	 		1040 (was 4) Comodo Trust Logo (corner of trust) via $cot_tl_fixed

	 		100 site status notice
	 		1001 special notice text

	 	use BEGIN and END section separators
	 	with begin and end for subsections (lower case)
 */

/* responsive -- this section is obsolete and should be upgraded */
/* major breakpoints:
 	columns: 768
 	nav: 600 (or 500)
 */
/* possible minor breakpoints: 480, 768, 900, 992, 1024, 1200 */
/*
   breakpoint goal (ref: https://medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862)
		goal: 600, 900, 1200, 1800 (plus custom breakpoints)
		custom at 450 for buttons
		custom at 769 for bottom nav
 */
/* attempt to achieve with linear regression in sizing gives the following
	which does not work because the fonts get to large at the higher widths:
	font-size: calc(.92vw - - 1.1rem) !* workaround: double neg *!
	really need non-linear regression, which is not supported by the available
	expression provide by calc() at the present time
 */

/* BEGIN IE10 hacks */
/*
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.ie10
	{
		!* IE10 styles here *!
		!* support for IE10 has been deprecated--keep this selector for documentation only *!
	}
}
 */
/* END IE10 hacks */

/* BEGIN normalize.css reset */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
	/*noinspection CssOverwrittenProperties*/
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/* END normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section
{
	display: block;
}
/* END HTML5 display-role reset for older browsers */

/* BEGIN overrides to normalize.css */
body
{
	font: 100% Verdana, sans-serif;
	/* better 12pt per Daniel but that has ramifications now, which is better on screens as 16px */
	/* font-size: 100% *//* better for mobile per Head-First p 35 */
	color: #000;
	background: #FFF;
	padding: 0;	/* override */
}
a, a:link
{
	color: #000;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
p
{
	padding: 2px 0 5px;
	margin: 0;
}
fieldset
{
	margin: 3px 2px;
	border-radius: 1rem;
}
h1
{
	margin: 0;
	padding: 0;
	background-color: inherit;
	font-weight: bold;
}
h1 a
{
	text-decoration: none;
}
h2
{
	text-decoration: none;
	font-size: 110%;
}
h3
{
	text-decoration: none;
	font-style: italic;
	font-size: 100%;
}
img
{
	border: 0;
}
ul
{
	list-style: disc;
	padding-left: 2.3rem;
}
ol
{
	list-style: decimal;
	padding-left: 2.3rem;
}
select
{
	font-family: Verdana, sans-serif;
	/* to prevent border disappearing in mobile emulator, and to simulate as in Firefox */
	border: 2px solid gray;
	border-right: 1px lightgray;
	border-bottom: 1px lightgray;
}
textarea
{
	border: 1px solid gray;	/* override for dev tools mobile emulator */
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
/* END overrides to normalize.css */

/* BEGIN Snook rem 62.5 rule */
html { font-size: 62.5%; }  /* =10px */
body { font-size: 1.4rem; } /* =14px */
/*h1   { font-size: 2.4rem; } !* =24px *!*/
h1   { font-size: 1.7rem; } /* =17px */
/* END Snook rem 62.5 rule */

/* BEGIN base selectors */
/*
html
{
	scroll-padding-top: 6rem;
}
*/
@media print
{
	.debug-messages { display: none; }
}
body
{
	/* override on landing-page.php */
	max-width: 144rem;
}
body.dialog-open
{
	overflow: hidden;
}
.noscript
{
	background-color: #f56d02;
	border: 1px solid #800000;
	border-radius: 1rem;
	padding: 10px;
	position: absolute;
	font-size: 1.6rem;
	text-align: center;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 1;	/* need for search-results-new.php */
}
.template1 .noscript
{
	top: 12rem;
	width: 98%;
}
.template2 .noscript
{
	top: 5rem;
	width: 70%;
}
#p-parallax .noscript
{
	top: 13rem;
}
.a-left
{
	text-align: left;
}
.a-center
{
	text-align: center !important;
}
.a-right
{
	text-align: right;
}
.v-top
{
	vertical-align: top !important;
}
.v-middle
{
	vertical-align: middle !important;
}
.underlink
{
	text-decoration: underline !important;
}
.f-left
{
	float: left;
}
.f-right
{
	float: right;
}
.f-clear
{
	clear: both;
}
.f-normal
{
	font-weight: normal;
}
.disp
{
	display: block !important;
}
.no-disp
{
	display: none;
}
.flex
{
	display: flex;
}
.no-disp-imp
{
	display: none !important;
}
.list-tight
{
	margin: 0;
}
.chrome-fake
{
	/* per https://stackoverflow.com/questions/15738259/disabling-chrome-autofill cannot use display:none to hide the field; instead use the following */
	width: 0;
	height: 0;
	visibility: hidden;
	position:  absolute;
	left: 0;
	top: 0;
}
.list-padding
{
	padding-left: 23px;
}
/*
.role-padding
{
	padding-left: 23px;
	text-align: left;
	margin: 5px -10px;
}
.role-padding li
{
	margin-bottom: 3px;
}
*/
.inbound-status
{
	padding-left: 2px;
	text-align: left;
}
.inbound-reason
{
	padding-left: 20px;
}
.bold
{
	font-weight: bold !important;
}
.normal
{
	font-weight: normal;
}
.blue
{
	color: blue;
}
.char-count-overflow
{
	font-weight: bold;
	color: #ac0000;
}
.input-overflow
{
	background-color: pink;
	color: #ac0000;
}
.bkgd-green
{
	background-color: var(--color-green);
}
.bkgd-lite-green
{
	background-color: var(--color-lite-green);
}
.bkgd-purple
{
	background-color: var(--color-purple);
}
.bkgd-lite-purple
{
	background-color: var(--color-lite-purple);
}
/* convenience style--may not be used at any particular time */
.yel-hilite
{
	background-color: yellow;
	padding: 0 .1rem;
}
.yel-tooltip
{
	background-color: #fefecb;	/* color of browser tooltip */
	/*background-color: #fffee0;*/ /* color of PHPStorm highlighting */
}
.keyword-hilite
{
	/*background-color: #ffc700;*/
	/*background-color: #f5d4c8;*/
	/*background-color: #ff4a3c;*/
	/*background-color: #ffea72;*/
	background-color: pink;
	color: #000;
	font-weight: bold;
}
.no-border
{
	border: 0;
}
.pink-button
{
	/* recent experiments
	#ffd3d3 - original "pepto-bismol pink"
	#ffedf7
	#ffbfca
	#f49cbb
	#d88373
	#f5e3c8
	#ba7f9b
	 */
	background-color: #f49cbb;
	border-radius: .6rem;
}
.red
{
	color: #ac0000;
	font-weight: bold;
}
.obvious-link
{
	color: blue !important;
	text-decoration: underline !important;
	font-weight: bold;
}
.not-obv-link
{
	text-decoration: none !important;
}
.pos-rel
{
	/* mandatory for IE in some cases */
	position: relative;
}
.pos-rel-imp
{
	/* added when needed rather than retroactively checking all previous uses of pos-rel not harmed by adding !important */
	position: relative !important;
}
.text-balance
{
	/* centers the text; then applies balanced; if browser does not support at least is centered */
	text-align: center;
	text-wrap: balance;
}
.nonlogged-page
{
	/* similar to .sec, but adapted to pages better */
	max-width: 136.6rem;
	overflow: hidden;
	margin: 0 auto;
}
.screamer
{
	color: maroon;
	font-weight: bold;
}
.alt-screamer
{
	color: #0000cf;
	font-weight: bold;
}
.alt-screamer2
{
	color: #ac0000;
	font-weight: bold;
}
.bkgd-img::before
{
	content: "";
	background-size: cover !important;	/* !important needed when separate id an class used */
	opacity: 0.25;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}
.bkgd-login::before
{
	opacity: 1;
}
#fa-test i
{
	position: static !important;
}
.fa-question-circle-o, .fa-regular fa-circle-question
{
	/* font-awesome font styling */
	font-size: 170% !important;
	color: #0057aa;
	position: absolute;
	/*z-index: 1;*/	/* TODO comment to prevent QM from overriding bottom nav; was previously needed because QM where allowed over other images */
}
/*copy of the above fa-question-circle-o styling without the absolute positioning -- used on dashboard for now*/
.fa-question-circle, .fa-circle-question
{
	font-size: 170% !important;	/* TODO added when convert to Subsetter--could be size effects */
	/*font-size: 145% !important;*/
	color: #0057aa;
	position: absolute;	/* TODO added when convert to Subsetter */
}
.fa-jq-tt
{
	font-size: 170% !important;
	color: #0057aa;
}
.fa-caret-down
{
	font-size: 1.7rem !important;
	position: relative;
	top: -3px;
	color: #777;
}
.fa-question-audio
{
	position: inherit !important;	/* !important seems unneeded; keeping it for pananoia */
}
.fa-fw
{
  display: inline-block;
  line-height: 1;
  width: 1.25em;
}
.vp-arrow
{
	position: relative;
	top: -3px;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
}
.fa-angle-right, .fa-angle-left, .fa-angles-right, .fa-angles-left,
.fa-angle-double-right, .fa-angle-double-left
{
	font-size: 24px !important;
	font-weight: bold !important;
}
.fa-angle-right, .fa-angle-left, .fa-angles-right, .fa-angles-left
{
	display: block !important;
}
.vp-nav-arrow-color
{
	color: #000;
}
.vp-nav-arrow-dim
{
	color: #ccc;
}
.clear
{ /* clear spacer between floats */
	clear: both;
	height: 0;
	line-height: 0;
}
.ie10-warning
{
	font-size: .8em;
}
.rounded
{
	border-collapse: separate !important;
	border: solid maroon 1px !important;
	border-radius: 10px;
	border-spacing: 0; /* needed to overcome border-collapse: separate problem - see http://stackoverflow.com/questions/628301/css3s-border-radius-property-and-border-collapsecollapse-dont-mix-how-can-i */
}
.shadowed
{
	box-shadow: 4px 4px 12px #888;
}
input
{
	border-style: groove;	/* experiment: prevent Chrome mobile emulator from hiding borders with border-style: inset; could also set to solid */
}
.black
{
	color: #000;
}
.intl-link-label
{
	margin-right: 1rem;
}
.template1 .intl-link-label
{
	color: #808080;
}
.template2 .intl-link-label
{
	color: #fff;
}
.jconfirm-list
{
	padding-left: 23px;
}
#jConfirm p
{
	margin-top: 5px;
}
.top-margin-10
{
	margin-top: 10px !important;
}
.criteria-chrome
{
	margin-top: 3.3rem !important;
}
.player-panel
{
	width: 18rem;
	height: 3rem;
	background-color: #606060;
	position: relative;
	border-radius: .6rem;
	overflow: hidden;	/* need to prevent border collapse with trackSlider */
}
.play-pause-btn
{
	position: absolute;
	top: .8rem;
	left: 2rem;
}
#trackSlider
{
	width: 7rem;
	height: 9px;
	margin: 1.1rem auto;
	background-color: #afafaf;
}
#trackProgress
{
    width: 0;
    height: 9px;
    background-color: #f7f7f7;
}
#trackTime
{
	color: #fff;
	font: bold 11px Helvetia, Arial, sans-serif;
	margin: -2.1rem 0 0 14.3rem;

}
.audio-icon
{
	width: 19rem;
	height: 3.3rem;
}
.explain-it
{
	font-weight: bold;
	color: maroon;
}
.explain-it.ei-top
{
	font-style: italic;
	position: relative;
	left: 3px;
	top: -5px;
}
.explain-it.ei-bottom
{
	font-size: 9px;
	position: relative;
	left: 35px;
	top: -15px;
}
.explain-it.ei-results
{
	position: relative;
	left: 35px;
	top: 0;
}
.search-tips-caption
{
	text-wrap: none;
	font-weight: bold;
}
#search-tips-more
{
	display: none;
	/*z-index: 10;*/
}
#search-tips-dialog div, #search-tips-dialog li, #search-tips-more div
{
	margin-top: 7px;
}
.review-highlight
{
	/* mainly used to highlight terms-of-service.php for legal review */
	/* may not always be in use */
	-webkit-print-color-adjust: exact;
	background-color: yellow !important;
}
.try-before-buy
{
	margin: 5px 5px 5px 10px;
	padding: 5px 5px 5px 15px;
}
.display_msg
{
	display: none;
}
.display_msg_no_js
{
	left: 15%;
	width: 67%;
	position: absolute;
	top: 12rem;
	font: bold 1.6rem 'Arial Black', sans-serif;
	border: 2px solid #800;
	color: #800;
	max-width: 40rem;
	padding: .5rem 1rem;
	background-color: #fff;
	border-radius: 1rem;
	box-shadow: 4px 4px 12px #888;
}
#wrapper-msg
{
	position: absolute;
	top: 0;
	max-width: 76.8rem;
}
.fineprint
{
	font-size: 83%;
	color: #555 !important;
	margin: .5rem 0;
}
.mobile-form input:not([type="radio"]), .mobile-form button
{
	border-radius: .6rem;
	height: 3.2rem;
}
.mobile-form input[type="checkbox"]
{
	height: 2.6rem;
	/*margin-right: .8rem;*/
}
.mobile-form select
{
	height: 3.2rem;
	/*border: 1px solid gray;	!* to prevent border disappearing in mobile emulator, but interferes elsewhere *!*/
}
.mobile-form
{
	overflow: hidden;
	max-width: 37.6rem;	/* restrict mobile to max-width on desktop */
	background-color: #fff;
}
.mobile-form input, .mobile-form select, .mobile-form button
{
	margin-bottom: .9rem;
	display: block;
}
.mobile-form label
{
	display: block;
}
.legend3
{
	width: 70%;
	margin-left: 2rem;
	float: left;
}
.title
{
	font-weight: bold;
}
/*
.spinner
{
	height: 32px;
	width: 32px;
	background: transparent url('/images/spinner1.gif') no-repeat center center;
	display: none;
	!*padding-left: 5px;*!
	position: relative;
	left: -20rem;
	top: .6rem;
}
*/
.spinner
{
	/* fontawesome spinner; requires fa-spin to spin */
	z-index: 2;
	position: absolute;
	font-size: 4.8rem;
	color: #ac0000;
	/*display: none !important; !* to override fa default setting var(--fa-display) *!*/
}
#spinner-top
{
	display: none;	/* in id for specificity */
	position: absolute;
}
#spinner-bottom
{
	display: none;	/* in id for specificity */
	position: absolute;
	left: 2rem;
}
#spinner-nl
{
	display: none;
	position: absolute;
}
#spinner-cc
{
	display: none;
	color: #fff;
	position: absolute;	/* seems redundant but has to be here */
	left: 16rem;
}
.toll-free
{
	font-size: 11px;
	color: #ac0000 !important; /* to override <li> styling on pricing-inc.php */
	font-weight: bold;
}
.tel::before
{
	content: "\260E";
 	margin-right: 0.5em;
}
/* ref: https://www.w3schools.com/css/css_dropdowns.asp */
/* Style The Dropdown Button */
.user-btn {
	/*
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	*/
    /*color: #800000;*/
    /*font-size: 16px;*/
    /*border: none;*/
    /*background-color: beige;*/
	/*
	background-color: lightgray;
    background-color: var(--tr-bg-color);
	*/
    cursor: pointer;
	border-radius: .5rem;
}
/* The container <div> - needed to position the dropdown content */
.dropdown
{
    position: relative;
	z-index: 2;	/* to show over accordion */
    /*display: inline.6block;*/
}

/* Dropdown Content (Hidden by Default) */
.drp-content
{
    display: none;  /* TODO disable while working in Dev Tools to facilitate access */
    position: absolute;
	right: 0;
    background-color: #ededed;
    min-width: 17rem;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	border-radius: 1rem;
    z-index: 1;
	/*padding: 0 .5rem;*/
	padding: 1rem .5rem;
}

/* Links inside the dropdown */
.drp-content a
{
    /*color: black;*/
    color: blue;
    /*padding: 12px 16px;*/
    padding: 1.2rem 1rem;
    text-decoration: none;
    display: block;
}
.drp-content div
{
	text-align: left;
	margin: 0 .6rem;
}
.drp-content span
{
	float: right;
}
.drp-content button
{
	height: 2.1rem;
	margin-top: .5rem;
	border: 1px solid gray;
	border-radius: .6rem;
}
.drp-content input
{
	border-radius: .6rem;
	height: 2.2rem;
	font-size: 118%;
}
.drp-content button a
{
	padding: .3rem;
	font-size: 118%;
}
.drp-userid
{
	margin-right: .7rem;
}
.drp-spacer
{
	margin-top: 1rem !important;
	font-weight: bold;
}
.drp-detail div
{
	margin: 0 0 0 .9rem;
}
.drp-subhd
{
	margin: .6rem 0 .2rem !important;
}
/* Change color of dropdown links on hover */
/*.drp-content a:hover {background-color: #f1f1f1}*/
.drp-content a:hover
{
	background-color: #d0d0d0;
	border-radius: .8rem;
}
.drp-admin
{
	margin-top: 0;	/* 3rem is perfect, but cannot move mouse over it! */
}
.admin-btn
{
	width: 90px;
}
.admin-logout
{
	width: 8.6rem;
	height: 1.8rem;
	margin: 1rem auto;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-radius: .6rem;
	font-size: 1.4rem;
	background-color: #fff;
}

/* Show the dropdown menu on hover */
.dropdown:hover .drp-content
{
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .user-btn
{
    background-color: #f6d4c8;
}
.drp-more
{
	text-align: left;
	font-weight: bold;
	padding-bottom: .5rem;
}
.burst
{
	border: 0;
	width: 97px;
	height: 86px;
	position: absolute;
	/*z-index: 1;*/	/* TODO comment due to conflict with user control dropdown on view-profile.php */
}
.burst-register
{
	width: 97px;
	height: 86px;
	float: left;
	margin-right: 20px;
}
/* report styles */
.subcontent_info
{
	min-width: 100%;
}
.subcontent_info p
{
	position: relative;
	left: 6%;
	right: 10%;
	text-align: left;
	width: 65%;
	max-width: 65%;
	margin-top: 1em;
}
.subcontent_info ul
{
	position: relative;
	left: 6%;
	text-align: left;
	width: 50%;
	max-width: 50%;
	margin-top: 1em;
}
.subcontent_info ul li
{
	list-style-type: square;
	text-align: left;
}
.subcontent_info a
{
	text-decoration: underline;
}
/*
.subcontent option
{
	font-size: 11px;
}
 */
.nav-control
{
	color: #FFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 13px;	/* TODO override check out */
	font-family: Verdana, sans-serif;
	padding: 3px 6px;
	white-space: nowrap;
	text-align: center;
}
.nav-control a
{
	color: #22229C;
	text-decoration: none;
}
#view-profile .nav-control
{
	/*height: 3.1rem; !* to replace obsolete height attribute used when button is absent; might have side-effects -- can no longer find a case where this is needed; in Safari only it actually messes up the layout; and removing it elsewhere is better too (less crunched) *!*/
	float: left;
	padding: 1px 0;
	position: relative;
}
.sec-title#userid
{
	font-size: 14px;
}
.panel
{
	color: #000000;
	padding: 10px;
	border: 2px outset;
}
.panel-recess
{
	color: #000000;
}
.panelset
{
	position: relative;
	margin-bottom: 6px;
	word-wrap: break-word;
}
.panelset, .panelset td, .panelset p, .panelset li
{
	font-size: 14px;
}
.videoWrapper iframe
{
	height: 315px;
	border: 0;
}
.label
{
	font-weight: bold;
	width: 15rem;
	text-align: right;
}
.show-for-printing
{
	display: none;
}
/* sim_popup generic (could factor out other common styles here too) */
.sim_popup
{
	z-index: 1;
	color: #cf0000;
}
.smallfont
{
	font-size: 11px;
}
.greyfont
{
	color: #606060;
}
.spaced-list li
{
	margin-bottom: 10px;
}
/*jds -- adding tooltip styling based on: https://www.w3schools.com/css/css_tooltip.asp*/
.tooltip
{
	position: relative;
	display: inline-block;
}
.tooltip .tooltiptext
{
	visibility: hidden;
	width: 20rem;
	border-radius: 6px;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;

	/* TODO experimental */
	font: bold 1.2rem Arial, sans-serif;
	background-color: #E2E7FF;
	color: #006;
	padding: .8rem;

	/* TODO expt */
	left: 2rem;
}
.to-do-item .tooltiptext
{
	width: 30rem;
}
/*
.tooltip .tooltipimg
{
	visibility: hidden;
	position: absolute;
	z-index: 1;
	left: 5rem;
	top: -2rem;
}
*/
.tooltip:hover .tooltiptext /*, .tooltip:hover .tooltipimg */
{
	visibility: visible;
}
.vp-nav.tooltip .tooltiptext
{
	/* very weird settings to get a good compromise */
	color: #006;
	margin-left: -.5rem;
	top: -1rem;
	left: -2rem;
	width: 4rem;
	padding: .5rem;
	border: 1px solid gray;
}
/* begin base responsive */
@media only screen and (max-width: 515px)
{
	#spinner-bottom
	{
		left: 1rem;
		margin-top: 3rem;	/* tweaks for mobile */
	}
}
@media only screen and (max-width: 768px)
{
	#wrapper-msg
	{
		margin-left: 0;
		width: 100%;
	}
	.debug-messages
	{
		position: absolute;	/* needed to float on top of bottom nav */
		z-index: 1030;
		/*bottom: 0;*/
	}
}
@media only screen and (min-width: 769px)
{
	.content
	{
		margin: 0 auto;
		/*border: 1px solid #35595a;*/	/* TODO suppress */
		/*overflow: hidden; !* needed to show border *!*/
	}
	#wrapper-msg
	{
		margin-left: 17%;
		width: 76.8rem;
	}
}
/* end base responsive */
/* END base selectors */

/* BEGIN base - formerly from navigation-inc.php */
#burst-link
{
	position: absolute;
	left: 83px;
}
#sharethis
{
	position: relative;
	z-index: 0;	/* TODO override ShareThis z-index */
}
#google_translate_element_container img
{
	/* apply override styles to google translater elements */
	width: auto;
}
.debug-message
{
	font-family: monospace;
	white-space: pre;
	border-top: 1px solid #000;
	border-bottom: 1px solid #888;
}
.body-nav
{
	position: relative;
	width: 18rem;
	margin: 1.5rem auto;
}
/* END base - formerly from navigation-inc.php */

/* BEGIN tabs styles */
#tabs
{
	/*font-size: 93%;*/
	font-size: 1.3rem;	/* switch to rem */
	padding: 0;
	margin: 1px 0 0;
	overflow: auto;
}
#tabs ul
{
	padding: 10px 10px 0 0;
	margin: 0;
	list-style-type: none;
}
#tabs li
{
	float: left;
	margin: 0 3px 0 0;
	display: inline;
	padding: 0 0 0 7px;
	/*padding: 0 0 0 9px;*/
}
#tabs a
{
	display: block;
	font-weight: bold;
	float: none;
	text-decoration: none;
	padding: 5px 6px 5px 0;
	/*padding: 5px 7px 5px 0;*/
	/*padding: 5px 15px 5px 6px;*/
}
#tabs #current a
{
	padding-bottom: 5px;
	color: #333;
}
#tabs a:hover
{
	color: #333;
}
.link-hi, .link-highlight /* spellout out version for backwards compatibility with display ads */
{
	color: blue ! important;
	text-decoration: underline !important;
}
#subscribe #link-no-hi	/* for screen shots where no highlighting is wanted */
{
	color: #000 !important;
}
.link-space
{
	/* extra spacing where there is a link */
	margin-top: .2rem !important;
}
@media only screen and (max-width: 768px)
{
	#tabs
	{
		display: none;
	}
}
@media only screen and (min-width: 769px)
{
	#tabs
	{
		display: block;
	}
}
/* END tabs styles */

/* BEGIN tooltips */
.tt, .tt-x
{
	display: none;
}
a[data-tooltip] i
{
	text-decoration: none !important;
	cursor: pointer;	/* make sure there is a pointer, even when no href attribute */
}
.tt-qm-unpaidpri-noresp
{
	top: 3.8rem !important;
}
.sr-tt-qm-unpaidpri-noresp
{
	top: 1.2rem;
	right: .3rem;
}
.tt-class
{
	color: #000085 !important;
	font-size: 1.3rem;
	font-family: Verdana, sans-serif;
	/*font-family: Arial, sans-serif;*/
}
.tt-bullets
{
	margin: 5px 5px 5px 10px;
	padding: 5px 5px 5px 15px;
}
.list-tight-tt
{
	margin-left: 1rem;
	padding-left: 1rem;
}
/* END tooltips */

/* BEGIN jquery */
.dialog-image
{
	display: inline-block;
	margin-right: 1rem; /* Space between the image and the buttons */
	vertical-align: middle;
	width: 10rem;
}
.ui-dialog-buttonpane .dialog-image
{
	/*
	position: absolute;
	right: 4rem; !* Position it to the right of the close button *!
	top: 50%;
	transform: translateY(-50%);
	*/
	float: left; /* Position it to the left side in the button pane */
	margin-left: 1rem;
}
/*
.dialog-image-large
{
	width: 20rem;
}
*/
/* END jquery */

/* BEGIN accordion help */
#help
{
	width: 22rem;
	font: normal 12px Verdana;
	overflow: hidden; /* fixes IE flash with jquery-ui-1.9m4 */
	background-color: #fff; /* otherwise other stuff shows through */
	z-index: 1;
	display: none;
	border-radius: 1rem;
	border: 4px solid maroon;
	transition: transform 0.3s ease-in-out; /* TODO expt */
	box-sizing: border-box;
	touch-action: pan-y pinch-zoom;	/* prevent horizontal scrolling */
}
#help a.helpItem
{
	cursor: pointer;
	display: block;
	text-decoration: none !important;
	outline: 0;
	color: #800000;
	/*color: white;*/
	border-bottom: 1px solid white;
	margin: 0; /* to override styles from subheader; per Novice-Ninja also stops IE flash */
	font-size: 12px;
	font-weight: bold;
	/*font-weight: normal;*/
	background: none;	/* needed to fix for mobile */
	/*
	background-color: #66c3ea;
	background-color: #8acde8;
	background-color: #829ecb;	!* original *!
	*/
	background-color: #f3f1f3;
}
.ui-accordion .ui-accordion-header
{
	padding: 1rem !important;	/* TODO expt */
}
.ui-accordion .ui-accordion-content
{
	padding: 1rem !important; 	/* TODO expt */
}
#help p
{
	padding-left: 3px;
	padding-right: 3px;
	line-height: 16px;
	font-size: 11px;
}
#help div ol
{
	margin: 5px 0 5px 20px;
	padding: 0;
}
#help div ul
{
	margin: 5px 0 5px 20px;
	padding: 0;
}
#help li
{
	line-height: 16px;
	font-size: 10px;
	margin: 0 0 0 3px;
	padding: .5rem;	/* TODO expt */
	/*padding: 0;*/
}
.help-title-sel
/*.pri .help-title-sel, .rep .help-title-sel*/
{
	background-color: #6b82a7 !important;
	background-color: #f4b0c6 !important;
	font-weight: bold !important;
}
/*
.rep .help-title-sel
{
	background-color: #800000 !important;
	font-weight: bold !important;
}
*/
.help-foot
{
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#help-hide, #nonlogged-help-hide
{
	right: 3px;
	/*width: 300px;*/
	width: 22rem;
	color: #fff;
	/*background-color: #800000;*/
	font-weight: bold;
	text-align: center;
	border-radius: 1rem;
	padding: 3px;
	font-size: 1.2rem;
	transition: transform 0.3s ease-in-out; /* TODO expt */
	box-sizing: border-box;
}
#nonlogged-help-hide
{
	/* overrides, but somewhat duplicative */
	position: fixed;
	/*overflow: auto;*//* TODO causes scroll bar on button in Safari */
	/*right: 7px;*/
	/*top: 20rem;*/
	bottom: 5.8rem;
	background-color: #800000;
	/*
	width: calc(20.392vw - .682rem) !important;
	width: calc(19.6vw - .578rem) !important;
	max-width: 20.2rem !important;
	min-width: 15rem;
	*/
	width: 17.2rem;
	box-sizing: border-box;
}
#help-hide.sr-nl2
{
	display: none;
}
#help-hide img
{
	width: 16px;
	height: 16px;
	position: relative;
	top: 2px;
	left: -3px;
}
#sr-page #help, #sr-page #help-hide
{
	box-sizing: border-box;
	width: calc(20.392vw - .682rem) !important;
	/*width: calc(19.608vw - 1.078rem) !important;*/
	/*width: calc(19.6vw - .578rem) !important;*/
	max-width: 20.2rem !important;
	min-width: 15rem;
	/*min-width: 17.2rem;*/
}
.ui-accordion .ui-accordion-content
{
	/* override jqueryui */
	padding: 2px !important;
	/*background: inherit !important;	!* helps a bit--flashes right color, then gets overridden *!*/
}
.help-cta
{
	text-align: center;
	color: blue;
	font-weight: bold;
}
.hasHelp	/* make extra space for show/hide help control */
{
	display: inline-block;
}
.control-item
{
	width: 100%;	/* to provide for margin: 0 auto; */
	padding: .5rem .5rem 1rem .5rem;
}
.accord-hdr
{
	font-weight: bold;
	text-align: center;
	padding: .3rem;
	background-color: #800000;
	color: #fff;
	border-radius: .5rem;
}
#searchBox
{
	width: 80%;
	margin: 0 auto !important;
	display: block;
	float: unset;	/* must add !important to margin and unset the float to properly position the logged in version */
}
@media only screen and (max-width: 620px)
{
	.pri .hasHelp
	{
		margin-top: 3rem;
	}
}
@media only screen and (max-width: 750px)
{
	.rep .hasHelp
	{
		margin-top: 3rem;
	}
}
@media only screen and (max-width: 768px)
{
	#help
	{
		bottom: 10rem;
		/*!* add 3rem for hide control *!*/
		/*bottom: 8rem;*/
		/*bottom: 8.4rem;*/
		right: 3px;
		position: fixed;
	}
	.sr-logged
	{
		/*bottom: initial !important;*/	/* TODO take out to move to bottom */
		/*right: calc(-15.18vw - -13.957rem) !important;*/
		/*position: static;	!* override fixed positioning for use with non-logged, mobile (via page-level rather than sr-folder-pane location for widget *!*/
	}
	#advanced-faq #help
	{
		bottom: inherit;	/* TODO experimental */
		position: inherit;	/* TODO experimental */
		margin: 2rem 0 !important;
	}
	#help-hide
	{
		position: fixed;
		z-index: 1;	/* TODO at bottom, add adjust for accordion help is = 1; plus see media query for >= 769px */
		height: 4rem;
		line-height: 3.7rem;	/* center vertically */
		font-size: 1.5rem;
	}
	#help-hide.accordion-top
	{
		bottom: 7rem;
	}
	#help-hide.accordion-bottom
	{
		bottom: 5.8rem;
	}
}
@media only screen and (min-width: 769px)
{
	#help
	{
		/* add 3rem for hide control */
		top:12.7rem;	/* TODO is getting overridden at ~14644 */
		/*top:12.4rem;	!* TODO is getting overridden at ~14644 *!*/
		/*top: 13.2rem;	!* TODO is getting overridden at ~14644 *!*/
		/*right: 0;*/
		/*right: 3px;*/
		position: fixed;
		/*position: absolute;*/
		z-index: 1;
		/*z-index: 0;	!* TODO experimental *!*/
	}
	#help-hide
	{
		position: fixed;
		/*position: absolute;*/
		top: 10.5rem;	/* TODO is getting overridden at ~14644 */
		/*top: 10.2rem;	!* TODO is getting overridden at ~14644 *!*/
		/*top: 11rem;	!* TODO is getting overridden at ~14644 *!*/
	}
}
/* END accordion help */

/* BEGIN testimonials */
.testimonial
{
	width: 90%;
	max-width: 60rem;
	margin: .5rem;
}
.testimonial-mult
{
	background-color: #fff;
	border-radius: .8rem;
	margin: 1rem 2rem;
	padding: 1rem;
	overflow: auto;	/* need for images that would otherwise overflow */
}
/*
.testimonial-mult
{
	background-color: #e7e7e7;
	border-radius: 4px;
	margin: 0 1.8rem 1.8rem 0;
	padding: 8px;
	overflow: auto;
}
*/
.testimonial-user-image
{
	float: left;
	margin: 0 10px 0 0;
}
/*
.image_min_height
{
	min-height: 80px;
}
*/
.testimonial-body
{
	background-color: #e7e7e7;
	border-radius: 10px;
	box-shadow: 4px 4px 12px #888;
	font-size: 0.9em !important;
	padding: 10px;
	position: relative;
}
.testimonial-body .id
{
	padding-bottom: 5px;
}
.author
{
	font-weight: bold;
	display: block;	/* to replace the nested div inside the span */
}
.testimonial-body a
{
	text-decoration: underline;
}
.thumb
{
	position: absolute;
	top: -50px;
	right: 25px;
}
.reg-testi
{
	margin: 5rem 3rem 3rem 3rem;
}
@media only screen and (min-width: 481px) and (max-width: 640px)
{
	.testimonial
	{
		max-width: 390px;
	}
}
@media only screen and (max-width: 640px)
{
	.testimonial
	{
		width: 75%;
	}
}
/* END testimonial styles */

/* BEGIN optional block */
#optional	/* for promo */
{
	width: 100%;
	height: 7rem;
	background-color: #87d8de;
	margin: -2rem auto 0;
}
.template1 #optional
{
	max-width: 76.8rem;
	margin: -1rem auto 0;
}
#p-parallax #optional
{
	margin-top: 5rem;
	display: none; /* TODO perhaps was added because the feature breaks the nonlogged page */
}
.promo-block
{
	font-weight: bold;
	color: #b00000;
	display: flex;
	max-width: 144rem;
	margin: 0 auto;
}
.template1 .promo-block
{
	max-width: 76.8rem;
}
.promo-child
{
	margin: 0 auto;
	text-align: center;
	padding: 3px;
}
.promo-edge
{
	margin-top: 2vh;
}
.promo-sub
{
	font-size: 1rem;
	text-align: center;
}
.site-status-notice
{
	color: #ac0000;
	font-weight: bold;
	text-align: center;
	padding: .5rem 0;
	background-color: #87d8de;
	margin: 0 auto;
	max-width: 76.8rem;
	/*height: 4.2rem;*/
	height: 3.4rem;	/* TODO might have to revert to 4.2rem after COVID-19 */
	display: table;
	width: 100%;
}
.ssn-outer
{
	display: table-cell;
	vertical-align: middle;
}
.ssn-inner
{
	margin: 0 auto;
	display: inline-block;	/* to make inner div just big enough for text, to control tooltip hotspot */
	padding: 3px;
}
.site-status-spacer
{
	top: 4.4rem;
}
.site-status-notice-non-logged
{
	color: #ac0000;
	font-weight: bold;
	font-size: 1.5rem;
	text-align: center;
	padding: .1rem 0;
	border: 1px solid white;
	overflow: auto;
	margin: 4px auto 0;
	background-color: #fff;
	position: absolute;
	min-height: 4.1rem;
	display: table;
	/*max-width: 33rem;*//* TODO exper */
	min-width: 5.4rem;
}
.promo-salute
{
}
.promo-flag
{
	vertical-align: text-top;
}
.promo-call
{
	position: absolute;
	top: 2.3rem;
	left: 26.6rem;
	font-size: 1.2rem;
}
.special-price
{
	position: absolute;
	color: #ac0000;
}
.special-price-pricing
{
	top: 9rem;
	left: 7rem;
}
.special-price-LP
{
	top: .5rem;
	left: 10rem;
}
.special-price-cc
{
	width: 10rem;
	color: #000;
	font-weight: bold;
	left: 8rem;
}
.price-strike
{
	position: relative;
	color: #000;
}
.price-strike:before
{
	position: absolute;
	content: "";
	left: 25%;
	width: 50%;
	top: 50%;
	right: 0;
	border-top: 2px solid;
	border-color: inherit;
	/*-webkit-transform:rotate(7deg);*/
	/*-moz-transform:rotate(7deg);*/
	/*-ms-transform:rotate(7deg);*/
	/*-o-transform:rotate(7deg);*/
	transform:rotate(7deg);
}
.ssn-inner .price-strike:before
{
	width: 125%;
	left: -20%;
}
.price-premium:before
{
	left: -8%;
	width: 125%;
}
.special-offer-hdr
{
	margin: 7px 0;
}
.special-notice-text
{
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	float: left;
}
.special-notice-text p
{
	padding: 2px 0 2px;
}
.special-notice-image
{
	z-index: 1;
	position: absolute;
}
/* begin optional responsive */
@media only screen and (max-width: 768px)
{
	#optional
	{
		top: 6rem;
	}
	.promo-block
	{
		/*font-size: calc(.5rem  + 2.2vmin);	!* extra space -- doesn't work *!*/
		/*font-size: calc((.5rem)  + 2.2vmin);	!* parens -- doesn't work *!*/
		/*font-size: 2.8vmin;	!* workaround to avoid space stripping by YUICompressor, breaking the CSS *!*/
		font-size: calc(.5rem - -2.2vmin); 	/* yet another workaround; ref #4753 */
	}
	.site-status-notice-non-logged
	{
		left: 53%;
		width: 46%;
	}
}
@media only screen and (min-width: 769px)
{
	.promo-block
	{
		font-size: 1.8rem;
	}
	.site-status-notice-non-logged
	{
		left: 37%;
		width: 33%;
	}
}
@media only screen and (max-width: 375px)
{
	.site-status-notice-non-logged
	{
		font-size: 1.4rem;
		width: 40%;
		left: 59%;
	}
}
/* end optional responsive */
/* END optional block */

/* BEGIN header block */
.content
{
	/* was parent of #header but now integrated to allow for header to span viewport width but keep rest of page limited */
	position: relative;
	max-width: 76.8rem;	/* override on id="p-..." for specific pages */
	/*overflow: hidden;	!* TODO only to fix DEBUG messages on pObjective; might fubar elsewhere; 2020-11-11 commented out as (1) it blocks the accordion below the main page sections; (2) cannot tell why it is needed; *!*/
}
#header-container
{
	position: relative;
	max-width: 76.8rem;	/* override on id="p-..." for specific pages */
	margin: 0 auto;
}
#header
{
	/*background-color: beige; !* need to prevent body from showing through *!*/
	/*background-color: lightgray;*/
	/*background-color: var(--tr-bg-color); !* need to prevent body from showing through *!*/
	/*background-color: #f49cbb;; !* marker color for 3-page profile branch *!*/
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 76.8rem;	/* override on id="p-..." for specific pages */
	z-index: 1;
	padding-left: .2rem;
}
#header a
{
	text-decoration: none;
}
#header hr
{
	height: 5px;
	margin: 0 0 0 -3px;	/* to extend to left edge */
}
/* for some reason, if !important is not present, then incognito mode changes the color to black */
.theme-neutral
{
	color: #35595a !important;
}
.theme-principal
{
	color: #800000 !important;
}
.theme-rep
{
	color: var(--color-rep) !important;
}
.bkgd-theme-neutral
{
	background-color: #35595a;
}
/*noinspection CssUnusedSymbol*/
.bkgd-theme-principal
{
	background-color: #800000;
}
.bkgd-theme-rep
{
	background-color: var(--color-rep);
}
.bkgd-theme-rep-preview
{
	background-color: #001589;
}
.logo-section
{
	float: left;
	clear: none;
}
#user-section
{
	position: absolute;
	top: 0;
	right: 0;
	height: 6rem;
	font-size: 1.1rem;
}
.user-control
{
	float: right;
	margin: .2rem 2rem 0 0;
	text-align:	center;
	/*width: 5.2rem;	!* to make sure all controls have same width *!*/
	width: 4.5rem;	/* to make sure all controls have same width */ /* TODO experimental, to make room for register */
}
.user-image
{
	background-color: #999;
	border-radius: 50% !important; /* !important needed to override parents on dashboard */
	margin: 0 auto;
	color: #fff;
}
.user-image-thumb-default
{
	height:32px;
	width:32px;
	font-size: 2.4rem;
}
.user-image-default
{
	height:198px;
	width:198px;
	font-size: 17rem;
}
#profile-pic-body .user-image-default
{
	margin-top: 4rem;
}
.vp-upload-advice
{
	width: 20rem;
}
.user-image-default-inner
{
	font-size: 17rem;
	text-align: center;
	position: relative;
	top: -1.3rem;
}
#my-inline-button
{
	margin-bottom: 1px;	/* need to compensate for reduction of button height from 33px to 32px; not sure why, as it makes more sense to eliminate the compensation for the previously taller button */
}
.member-id
{
	text-align: center !important;
	font-weight: bold;
	padding: .3rem .5rem;
	background-color: #ddd;
	border: 1px solid;
	border-radius: 3px;
}
.label-login
{
	font-weight: bold;
	font-size: 1.2rem;
	color: #ac0000;
}
.label-login div
{
	color: #ac0000;
}
.logo a
{
	color: #000000;
}
.logo a:hover
{
	text-decoration: none;
}
.logo-part-1
{
	/*font-family: "Eras Medium UTC", verdana, sans-serif;*/
	font-weight: bold;
	line-height: 1.4;
}
.logo-part-2
{
	/*font-family: "Eras Medium UTC", verdana, sans-serif;*/
}
.reg
{
	vertical-align: super;
	font: 2.5em "Eras Medium UTC", verdana, sans-serif;
	font-size: 50%;
}
#tagline
{
	font-size: 1.3rem;
	font-weight: bold;
	margin: 3px 0 0 9px;
	text-decoration: none;
}
.holly-berries
{
	top: 1px;
	/* for 50px x 48px image, ratio 50 / 48 = 1.04 */
	max-width: 50px;
	width: 10vmin;
	max-height: 48px;
	height: 9.62vmin;
}
.promo-phone
{
	margin-top: 1vw;
	font-size: 1.3rem;
	width: 60%;
}
.template2 .promo-phone
{
	font-size: 1.6rem;	/* not sure why this is needed */
}
.template2 #optional
{
	position: relative;
	top: 7rem;
	height: 5rem;
	margin-bottom: 8rem;
}
#p-track-relationships #optional
{
	display: none;
}
.login-chinese, .register-chinese
{
	width: 5.7rem;
}
.hide-btn3
{
	/* offset wider label */
	position: relative;
	left: -4px;
}
.contact-options
{
	margin: .3rem .4rem;
}
.c-o-blurb
{
	margin-bottom: 1rem;
}
.c-o-blurb ul
{
	margin: 0 0 .5rem 0;
	padding: 0 0 0 1.5rem !important;
}
.call-now
{
	margin-bottom: .4rem;
}
.call-btn
{
	position: relative;
	top: .6rem;
	left: .5rem;
}
.cookie-warn
{
	margin: 1rem 2rem 4rem;
}
.cookie-inst
{
	margin-left: 3rem;
}
/* begin header responsive */
@media only screen and (max-width: 370px)
{
	/* removes "Since 2001 */
	.tag-since
	{
		display: none;
	}
}
@media only screen and (max-width: 400px)
{
	/* makes tagline fit in available space */
	#tagline
	{
		font-size: 1.2rem;
		margin-left: .2rem;
	}
}
@media only screen and (min-width: 401px) and (max-width: 490px)
{
	/* reduces margin at smallest sizes */
	#tagline
	{
		margin-left: .5rem;
	}
}
@media only screen and (max-width: 612px)
{
	/* removes "Independent" and "globally" from tagline */
	.tag-ind
	{
		display: none;
	}
}
@media only screen and (max-width: 435px)	/* was 415, then 405 */
{
	/* removes a user control label to prevent collision with tagline */
	/* experimental with moving it instead of hiding it */
	/*
	.hide-btn2
	{
		position: absolute;
		top: .9rem;
		right: 2.3rem;
		font-size: 1.4rem;
	}
	*/
	/*
	.user-btn
	{
		!*
		font-size: 1.8rem;
		margin-top: .7rem;
		*!
		display: none;
	}
	*/
	/*
	#user-section
	{
		right: -13px;
	}
	*/
}
/*
@media only screen and (max-width: 680px)
!*@media only screen and (max-width: 477px)	!* was 490 *!*!
{
	!* removes a user control label to prevent collision with tagline *!
	.hide-btn3
	{
		!*right: 3.3rem;*!!* TODO tweak to accommodate Snap disabled *!
		position: absolute;
		top: .9rem;
		left: 4.5rem;
		font-size: 1.4rem;
		margin-left: .5rem;
	}
	.hide-btn2
	{
		position: absolute;
		top: .9rem;
		right: .3rem;
		font-size: 1.4rem;
	}
	.top-menu-removable
	{
		display: none;
	}
	.register-chinese
	{
		margin-left: 6rem;
	}
	#user-section
	{
		width: 20rem;	!* TODO tweak to accommodate Snap disabled; abs positioning needs wider containing element *!
		transform: scale(.8);
		top: -.7rem;
		right: -1rem;
	}
	.user-control
	{
		width: 5.3rem;
	}
}
@media only screen and (max-width: 505px)	!* was 490, then 543 *!
{
	!* removes a user control label to prevent collision with tagline *!
	.hide-btn1
	{
		display: none;
	}
}
*/
@media only screen and (max-width: 768px)
{
	.logo
	{
		font-size: 2.4rem;
	}
	#header
	{
		height: 5.6rem; /* compromise between different browsers */
	}
	.login-french
	{
		font-size: 8px;
		margin-top: -.3rem;
	}
	.holly-berries
	{
		left: 70%;
	}
	.user-name
	{
		display: none !important;
	}
	.contact-options
	{
		display: flex;
		flex-wrap: wrap;
	}
	.c-o-clm
	{
		width: 50%;
	}
	/* === moved from narrower section =============================== */
	/* removes a user control label to prevent collision with tagline */
	.hide-btn3
	{
		/*right: 3.3rem;*//* TODO tweak to accommodate Snap disabled */
		/*
		position: absolute;
		top: .9rem;
		left: 4.5rem;
		*/
		/*font-size: 1.4rem;*/
		margin-left: .5rem;
	}
	.hide-btn2
	{
		/*
		position: absolute;
		top: .9rem;
		right: .3rem;
		*/
		/*font-size: 1.4rem;*/
	}
	/*
	.top-menu-removable
	{
		display: none;
	}
	*/
	.register-chinese
	{
		margin-left: 6rem;
	}
	#user-section
	{
		/*width: 20rem;	!* TODO tweak to accommodate Snap disabled; abs positioning needs wider containing element *!*/
		transform: scale(.8);
		top: -.7rem;
		right: -2rem;
	}
	/*
	.user-control
	{
		width: 6rem;
	}
	*/
	#is_not_logged #tagline
	{
		position: relative;
		top: .2rem;
		/*top: .4rem;*/
	}
	/* ============================================================== */
}
@media only screen and (min-width: 769px)
{
	.logo
	{
		font-size: 3rem;
	}
	#header
	{
		height: 10rem;	/* compromise between different browsers */
	}
	#p-login #header
	{
		height: 72px;
	}
	.holly-berries
	{
		left: 48%;
	}
	.c-o-br
	{
		display: none;
	}
}
/* end header responsive */
/* END header block */

/* BEGIN main block */
#main
{
	float: left;
	/*width: 100%;*/
	width: 98%;	/* TODO experimental - reduced from 100 to prevent overflow on right; does not work well on all pages */
	background-color: white;
}
.static-body
{
	margin: 3rem auto;
	/*max-width: 60rem;*/
	max-width: 70rem;	/* todo exp with larger font */
	font-size: 1.6rem;
}
.TP-fake
{
	float: left;
	margin: 5rem -2rem 4rem 5rem;	/* bottom margin only comes into effect when screen width shrinks, and logo appears on its own line */
}
.trustpilot-widget
{
	margin-bottom: 2rem;
}
@media only screen and (max-width: 768px)
{
	#main
	{
		margin-top: 60px;
		padding: .4rem;
	}
	#p-track-relationships #main
	{
		padding: 0;
		width: 100%;
	}
}
@media only screen and (min-width: 769px)
{
	#main
	{
		margin-top: 105px;
		padding: .8rem;
	}
}
/* END main block */

/* BEGIN footer block */
.testimonial-index
{
	/*margin: 5% auto 4%;*/
	margin: 2rem auto;
	max-width: 500px;
	width: 100%;
}
.testimonial-index-hdr
{
	width: 80%;
}
#about
{
	width: 80%;
	max-width: 60rem;
	font-size: 1.1rem;
	margin: 1rem auto 0;
}
#footer
{
	position: relative;
	font-size: 1.4rem;
	border-top: 1px solid #e6e6e6;
	clear: both;	/* need for border-top to show, and to prevent footer color from covering #main when width less than 640px */
}
.template1 #footer
{
	padding: 1rem 0;
}
#footer a
{
	text-decoration: none;
	color: #606060;	/* better contract ratio at AA level suggested by Dev Tools */
	/*color: #808080;*/
}
.utility-nav
{
	width: 90%;
	padding: 0; /* override */
	text-align: center;
	margin: 0 auto;
}
.template1 .utility-nav
{
	line-height: 2.8rem;
}
.utility-nav a
{
	padding: 0 .7rem;
}
.utility-nav div
{
	width: 107%;
	max-height: 3rem;
}
.link-chinese
{
	white-space: nowrap;
}
#copyright
{
	font-size: 1rem;
	color: #606060;	/* better contrast ratio at AA level suggested by Dev Tools */
	/*color: gray;*/
	text-align: center;
	margin: 5px 0;
}
#domain-tag
{
	font: normal 1rem Arial;
	position: relative;
	bottom: 6px;
	left: 1vmin;
	color: gray;
	height: 1rem;	/* needed to prevent extra space at bottom of page */
}
@media only screen and (max-width: 640px)
{
	/*.util-large {display: none;}*/	/* not used */
	/*#about {display: none;}*/
	#footer {background-color: var(--tr-bg-color);}
	/*#footer {background-color: beige;}*/
}
/* END footer block */

/* BEGIN nav block */
#nav
{
	position: fixed;
	bottom: 0;
	height: 56px;	/* must equal margin-bottom of #footer */
	width: 100%;
	background-color: lightgrey;
	/*background-color: #35595a;	!* seagreen *!*/
	/*background-color: #800000;	!* maroon *!*/
	/*background-color: var(--color-rep);	!* blue *!*/
	/*background-color: #6b82a7;	!* steelblue *!*/
	z-index: 1030;
	-webkit-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}
@supports (padding-bottom: env(safe-area-inset-bottom))
{
	@media only screen and (max-width: 1024px)
	{ /* Limit to mobile devices */
    	#nav
		{
      		padding-bottom: env(safe-area-inset-bottom);
    	}
  	}
}
#nav a:hover
{
	text-decoration: none;
}
#nav input
{
	border-style: none;
}
.nav-index
{
	height: 75px;	/* must equal margin-bottom of #footer */
}
.nav-primary
{
	display: flex;
	justify-content: space-around;
	padding: 1rem 2rem;	/* leaves some space at far ends */
}
.menu
{
	text-align: center;
}
.menu-no-img
{
	/*padding-top: 11px;*/
	padding-top: 5px;	/* TODO increase size of hot zone */
}
.hot-zone
{
	/* enlarge hot zone; ref: https://stackoverflow.com/questions/11078509/how-to-increase-the-clickable-area-of-a-a-tag-button */
	display: inline-block;
 	position: relative;
 	z-index: 1;
}
/*
.template1 .hot-zone-wide-override
{
 	padding: 0 !important;
	margin: 0 !important;
}
*/
.template2 .hot-zone
{
	padding: 0 2rem;
	margin: 0 -2rem;
}
/* nbr-buttons evenly divide 100%, with additional reduction for borders */
/* Caution: if value to too large even by .1rem, the final mobile tab will not show */
/*
.two-buttons .menu
{
	width: 49.5%;
}
.three-buttons .menu
{
	width: 33%;
}
.four-buttons .menu
{
	width: 24.6%;
}
.five-buttons .menu
{
	width: 19.7%;
}
.six-buttons .menu
{
	width: 16.4%;
}
.seven-buttons .menu
{
	width: 14%;
}
.eight-buttons .menu
{
	width: 12.2%;
}
.nine-buttons .menu
{
	width: 10.9%;
}
*/
/*
.fa-img
{
	font-size: 1.8rem;
	color: #474747 !important;
}
*/
.menu-color
{
	color: #474747 !important;
}
.menu-size
{
	font-size: 1.8rem;
}
.m-star-size
{
	font-size: .76rem;
	margin: calc(.7634vw - .056rem) 0;	/* to compensate for smaller font-size of stars; had media queries but now they can all be the same */
	/*margin: .23rem 0;	!* to compensate for smaller font-size of stars; had media queries but now they can all be the same *!*/
}
#vertical-menu
{
	display: none;	/* toggles to flex onclick */
	background-color: lightgray;
	position: absolute;
	/*right: 2%;*/	/* to be overridden in the javascript */
	bottom: 5.6rem;
	z-index: 2;	/* must be above help-hide */
	flex-direction: column-reverse;
	justify-content: space-around;
	padding: .5rem
}
#vertical-menu.active
{
    display: flex;
}
#vertical-menu .menu
{
	margin: .8rem;
}
#hamburger-menu {
    cursor: pointer;
}
/* trust logo -- selectors not in code base; added dynamically by third-party javascript */
#cot_tl_fixed
{
	z-index: 1040;
}
@media only screen and (max-width: 480px)
{
	/* on small screens also use same override as wide labels */
	.template1 .hot-zone
	{
		padding: 0;
		margin: 0;
	}
}
@media only screen and (min-width: 481px)
{
	.template1 .hot-zone
	{
	 	padding: .3rem 1rem;
	 	/*padding: 0 1rem;*/
		margin: 0 -1rem;
	}
}
/*
@media only screen and (max-width: 320px)
{
	.m-star-size
	{
		margin: .2rem 0;	!* to compensate for smaller font-size of stars *!
	}
}
*/
/*
@media only screen and (max-width: 353px)
!*@media only screen and (min-width: 321px) and (max-width: 353px)*!
{
	.m-star-size
	{
		margin: .5rem 0;	!* to compensate for smaller font-size of stars *!
		!*margin: .2rem .1rem;	!* to compensate for smaller font-size of stars *!*!
	}
}
@media only screen and (min-width: 354px) and (max-width: 386px)
{
	.m-star-size
	{
		margin: .5rem 0;	!* to compensate for smaller font-size of stars *!
		!*margin: .2rem .3rem;	!* to compensate for smaller font-size of stars *!*!
	}
}
@media only screen and (min-width: 387px) and (max-width: 418px)
{
	.m-star-size
	{
		margin: .5rem 0;	!* to compensate for smaller font-size of stars *!
		!*margin: .2rem .5rem;	!* to compensate for smaller font-size of stars *!*!
	}
}
@media only screen and (min-width: 419px) and (max-width: 507px)
{
	.m-star-size
	{
		margin: .5rem 0rem;	!* to compensate for smaller font-size of stars *!
		!*margin: .2rem .7rem;	!* to compensate for smaller font-size of stars *!*!
	}
}
@media only screen and (min-width: 508px)
{
	.m-star-size
	{
		margin: .5rem 0;	!* to compensate for smaller font-size of stars *!
		!*margin: .9rem 0;	!* to compensate for smaller font-size of stars *!*!
	}
}
*/
@media only screen and (max-width: 520px)
{
	.m-prefix
	{
		display: none;
	}
}
@media only screen and (min-width: 521px)
{
	.m-prefix
	{
		display: inline;
	}
}
@media only screen and (max-width: 768px)
{
	#nav
	{
		display: block;
		/*font-size: calc(.82vw - -.77rem);	!* workaround: double neg *!*/
		/*font-size: calc(1.12vw - -.54rem);	!* workaround: double neg *!*/
		font-size: calc(1.32vw - -.64rem);	/* workaround: double neg *//* increase by 18% to match size used by Linkedin at 375px width) */
	}
}
@media only screen and (min-width: 769px)
{
	#nav
	{
		display: none;
	}
}
/* END nav block */

/* BEGIN Button styles */
.pmtbutton, .contactbutton
{
	font: bold 8pt 'Microsoft Sans Serif', sans-serif, Arial;
	color: #fff;
	height: 25px;
	text-align: center;
}
.pmtbutton
{
	font-size: 7pt;
	width: 32px;	/* allow for 3 digits */
	/*width: 22px;*/
	height: 18px;
}
.button
/* generic button - must set width and margins for each instance */
{
	color: #333;
	padding: 2px 6px 2px 6px;
	border: 1px solid #999;
	text-align: center;
	border-radius: 4px;
	background: #eee url(/images/buttons/button-gradient-1x19x16.png) repeat-x;
	text-decoration: none !important;
}
.button-popup, .button-admin
{
	font: bold 8pt 'Microsoft Sans Serif', sans-serif, Arial;
	width: 90px;
	height: 25px;
	text-align: center;
	color: #FFF;
}
.button-admin
{
	color: #000;
}
.link-div a
{
	font: bold 13px Verdana, Arial, sans-serif !important;
	padding: 10px 5px;
	text-decoration: none;
	display: block;
	text-align: center;
	color: #333333;
}
.link-div a:hover
{
	text-decoration: none;
}
.wide-button a
{
	padding-right: 5px !important;
	padding-left: 5px !important;
}

/* PAGE-SPECIFIC */

/* BEGIN about.php */
.about-column
{
	width: 90%;
}
.about-spacer
{
	margin-top: 3rem;
}
#p-about p
{
	margin-top: 1rem;
}
#p-about h2
{
	margin-top: 2rem;	/* add a scosh more */
}
#about-mfg
{
	color: #800000;
	font-size: 14px;
	text-decoration: underline;
}
#about-rep
{
	color: #6b82a7;
	font-size: 14px;
	text-decoration: underline;
}
.about-pri
{
	font-weight: bold;
	color: #800000;
}
.about-reps
{
	font-weight: bold;
	color: #6b82a7;
}
.char-1-2-3
{
	font-size: 18px;
	font-weight: bold;
}
#about-1-2-3
{
	padding-left: 15px;
}
#about-1-2-3 li
{
	list-style-type: none;
	padding: 0 0 1.6rem 3.8rem;
	background: no-repeat top left;
}
#about-1-2-3 > li:first-child
{
	background-image: url('/images/bullet-circle-1-30x30x16.png');
}
#about-1-2-3 > li:first-child + li
{
	background-image: url('/images/bullet-circle-2-30x30x16.png');
}
#about-1-2-3 > li:first-child + li + li
{
	background-image: url('/images/bullet-circle-3-30x30x16.png');
}
.about-testimonial
{
	/*margin: 2.5rem 0 0 2rem;*/
	margin: 3rem 0
}
.about-CTA
{
	font-size: 1.6rem;
	font-style: italic;
}
/* END about.php */

/* BEGIN additional.php */
#p-additional button
{
	color: #fff;
	background-color: #800000;
}
#p-additional label
{
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: .5rem;
}
/* END additional.php */

/* BEGIN admin-comment.php */
.admin-btn-default
{
	/*background-color: #f49cbb;*/	/* remove color--just make same as other buttons */
	margin: 1.5rem 0 0 .5rem;
	/*margin: .5rem 0 0 1rem;*/
}
#ac-userid
{
	color: #ac0000;
}
#ac-popup
{
	display: none;
	padding: 8px;
	max-width: 415px;
	width: 95%;
}
#ac-log
{
	max-width: 400px;
	width: 96%;
	height: 200px;
	border: 2px solid #ccc;
	overflow-y: auto;
	padding: 6px;
	border-bottom-style: dotted; /* to hint on resizability */
}
.ac-log-label
{
	font-size: 11px;
}
.ac-log-field
{
	font-size: 11px;
	font-weight: bold;
}
/* there is no such class used; however, wondering if the q was a typo, as there is ac-ajax-msg,
	but only used by jquery and cannot see the html it might pertain to
.ac-ajax-msgq
{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 3px;
}
 */
#ac-entry
{
	border: 2px solid #ccc;
	max-width: 456px;
	width: 85%;
	float: left;
	height: 16px; /* override to match jquery.js */
}
#ac-add
{
	float: left;
	/*margin-left: 5px;*/
}
#ac-email, #ac-no-email
{
	float: right;
}
.ac-edit-hi
{
	background-color: #ffc;
}
/* END admin-comment.php */

/* BEGIN being-rep-ready.php */
#being-rep-ready
{
	font-size: 14px;
	padding: 0 3rem;
}
#being-rep-ready > ol > li
{
	font-weight: bold;
	/*text-decoration: underline;*//* due to some anomaly, applying this also appplies to lower-level list and even using !important does not work to override. Do not apply this style for now */
}
#being-rep-ready ul li
{
	font-weight: normal; /* use of child selectors above should make this unneeded; but it is */
	/*text-decoration: none !important;*/
}
#being-rep-ready .cite
{
	font-size: 11px;
	margin-top: 40px;
}
.training-body
{
	padding: 3rem 0 2rem;
}
/* END being-rep-ready.php */

/* BEGIN cancel-options.php */
#p-cancel-options h1
{
	margin: 1rem 0;
}
#cancel-inst
{
	font-style: italic;
	margin: 12px 0 10px 0;
}
#cancel-pitch
{
	font-size: 1.6rem;
}
.cancel-reasons input[type="radio"]
{
	margin-right: .5rem;
}
.cancel-signify
{
	font-style: italic;
}
/*
#cancel-note
{
	margin: 2px 0 10px 0;
}
 */
/*
#rh-dialog-button-1
{
	float: left;
	margin: 5px 20px 5px 10px;
	font-size: 11px;	!* make 20px in dev tools works, but does not work here *!
}
#rh-dialog-button-2
{
	float: left;
	margin-top: 5px;
	font-size: 11px;	!* make 20px in dev tools works, but does not work here *!
}
 */
.rh-cancel-button
{
	float: left;
	margin: 5px 20px 5px 10px;
	/*font-size: 11px;	!* make 20px in dev tools works, but does not work here *!*/
	font-size: 1.4rem;
}
/*
.rh-dialog-button a
{
	-webkit-appearance: button;
	border-style: groove;
	background-color: gray;
	padding: 2px 6px 3px;
}
 */
/* END cancel-options.php */


/* BEGIN cancel-subscription */
#cancel-subscription
{
	padding: 15px;
}
#cancel-subscription h3
{
	text-decoration: underline;
	text-indent: 10px;
}
#cancel-subscription .body-nav
{
	margin: 30px 0 0 15px;
	width: 300px;
}
.cancel-terms
{
	margin: 5px 0;
}
.cancel-terms-ack
{
	margin: 10px 35px;
	width: 65%;
}
.cancel-agreement
{
	margin-left: 3%;
	width: 62%;
}
#cancel-advice
{
	color: #ac0000;
	font-weight: bold;
}
#cancel-steps
{
	margin-left: 25px;
	width: 65%;
}
.cancel-info
{
	font-weight: bold;
	color: maroon;
}
ul.cancel-info
{
	margin-bottom: 0;
}
.cancel-reasons
{
	margin-left: 20px;
}
/* no class, only id
.cancellationForm
{
	padding-top: 10px;
}
 */
#agree-form
{
	margin-left: 25px;
}
#pitch #i-agree
{
	font-size: 12px !important;
}
#cancel-progress
{
	margin: 50px 0 0 250px;
}
#no-cancel
{
	margin: 30px;
	width: 600px;
}
#pitch-sub-head
{
	font-size: 18px;
	font-style: italic;
	margin: 20px 0;
	text-indent: 1.5em;
}
#pitch-title
{
	font-size: 14px;
	font-weight: bold;
}
.cancel-buttons
{
	margin: 2rem auto;
	/*width: 90%;*/
}
#cancel-button
{
	position: relative;
}
.cancel button
{
	margin: 0 2rem 1rem 1rem;
	border-radius: 1rem;
	-webkit-appearance: button;
	background-color: #f49cbb;
	padding: 6px;
	float: left;
	font-size: 1.4rem;
	height: 4.8rem;
}
.cancel-cta
{
	margin: 1rem 3rem;
}
.cancel-width
{
	max-width: 140%;
}
@media only screen and (max-width: 350px)
{
	#cancel-subscription p
	{
		left: 0;
	}
}
@media only screen and (max-width: 680px)
{
	#cancel-subscription ol
	{
		left: 3%;
		width: 80%;
		max-width: 80%;
	}
	#cancel-subscription ul
	{
		left: 3%;
		width: 80%;
		max-width: 80%;
	}
}
/* END cancel-subscription */

/* BEGIN contact-us.php */
#contact-us
{
	font: normal 16px Verdana, sans-serif;
}
#contact-us .static-body
/*.static-over*/
{
	/* TODO this setting improves this page; not sure why not more consistent */
	overflow: hidden;
	margin-top: 0 !important;
}
.contact-tagline
{
	margin-bottom: 2rem;
}
.contact-note
{
	/*font-size: 1.4rem;*/
	margin: 2rem 0 0 2.5rem;
}
.contact-scheduler
{
	margin: 3rem;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2.4rem;
	/*text-align: center;*/
	/*width: 25rem;*/
}
.contact-scheduler-line1
{
	color: #800000;
	font-weight: bold;
	font-size: 2rem;
}
.contact-scheduler-line2
{
	color: #666;
	font-size: 1.6rem;
	margin-left: 2rem;
}
.scheduler-dialog-btn
{
	box-sizing: border-box;
	border-radius: .6rem;
	color: #fff;
	background-color: maroon;
	margin: .5rem 0;
	padding: 1rem;
	width: 13.3rem;
	font-size: 1.8rem;
	text-align: center;
}
/*
.contact-scheduler-btn-outer-container
{
	width: 90%;	!* to allow margin auto to look centered even though image has clear region at left *!
	margin: 0 auto 3rem;
	text-align: center;
}
*/
.contact-scheduler-btn
{
	margin: 0 auto;
	display: block;	/* for centering image */
}
/*
.contact-scheduler-btn-inner-container a:focus
!*#scheduler-screener a:focus*!
{
	outline: none;
	box-shadow: 0 0 0 2px #0066cc;
	border-radius: .6rem;
	display: block;
}
*/
#contact-us h3
{
	margin: 3.5rem 0 1.5rem;
}
#contact-us p
{
	margin-top: 15px;
	width: 90%;
	max-width: 600px;
}
#contact-us .testimonial
{
	float: left;
}
#contact-us-desc
{
	font-size: small;
	margin: 8px 0;
}
/* END contact-us.php */

/* BEGIN display-ads.php */
/* TODO probably don't need */
#p-display-ads, #p-display-ads .content
{
	max-width: none;
}
#p-display-ads #header-container
{
	/*max-width: 136.6rem;*/
	max-width: 100%;
}
#p-display-ads #header
{
	max-width: 136.6rem;
}
.disp-head
{
	text-align: center;
}
.pagination
{
	margin: 1rem auto;
	font-weight: bold;
	width: 98%;
	text-align: left;
}
.disp-pag
{
	margin: .5rem 1rem;
	display: inline-block;
}
.disp-prev
{
	margin: 0 2rem 0 0!important;
}
.disp-next
{
	margin: 0 0 0 2rem !important;
}
.no-ads
{
	font-weight: bold;
	font-size: 1.8rem;
	margin: 2rem;
}
.disp-ad-img
{
	display: block;
	margin: 0 auto;
}
.disp-cell
{
	display: table-cell;
}
.display-box
{
	width: 475px;
	position: relative;
	float: left;
	overflow: hidden;
	border: 1px solid #000;
}
.left-col
{
	/*margin: 0 1rem 1rem -.8rem;*/
	/*border-left: none;*/
	margin: 0 1rem 1rem 0;
}
.featuredad
{
	border: 3px solid #000000;
	text-align: left;
	position: relative;
	vertical-align: top;
}
.reverseindicator
{
	color: white;
	background-color: black;
	padding: 2px;
}
.profile-link
{
	font-weight: bold;
	font-size: 1rem;
	margin: .5rem 0;
	text-align: center;
}
.hide-cell
{
	visibility: hidden;
}
#adblock-tester
{
	display: none;
}
#display-ad-subhead
{
	margin-bottom: 5px;
}
.d-a-spacer
{
	line-height: 2.5rem;
}
#display-ads .static-body
{
	width: initial;
	max-width: none;
	/*width: 962px;*/
}
#display-ads h1
{
	text-align: center;
}
@media only screen and (max-width: 1140px)
{
	.disp-cell
	{
		display: block;
	}
	#all-rows
	{
		margin: 0 auto;
		overflow: auto;
		/*width: 477px;	!* add 2px for borders *!*/
		width: 481px;	/* add 2px for borders, and 4px more for featured borders */
	}
	#display-ads .pagination
	{
		max-width: 481px;
	}
}
@media only screen and (min-width: 1141px)
{
	#display-ads .pagination
	{
		width: initial;
		max-width: 962px;
	}
	#all-rows
	{
		margin: 0 auto;
		width: 962px;
	}
}
/* END display-ads.php */

/* BEGIN display-ads-admin.php */
#display-ad-store
{
	display: none;
}
/* END display-ads-admin.php */


/* BEGIN daily-update-driver.php */
/* END daily-update-driver.php */

/* BEGIN elite-rep.php */
/*
.elite-rep-band
{
	display: block;	!* to override flex on LP-diff-band *!
}
*/
/* END elite-rep.php */

/* BEGIN error404.php */
.line
{
	clear: both;
	height: 2px;
	margin: 1rem 0;
	background-color: #cf0000;
}
.link_404
{
	font-weight: bold;
	text-decoration: underline !important;
}
/* END error404.php */

/* BEGIN faq.php */
#faq
{
	/*max-width: 60rem;*/
}
#collapse
{
	display: none;	/* initially don't need this version */
}
#faq h1
{
	float: left;
}
#faq input
{
	background-color: #ffeeee;
	border-radius: .6rem;
	border-style: groove;
	float: right;
	margin-left: 2rem;
	font-size: 1.4rem;
}
#faq ul, #faq ol
{
	padding-left: 2.7rem;
}
.phone-sec
{
	font-size: 1.6rem;
	overflow: hidden;
	margin: 2rem auto;
	max-width: 48rem;
	width: 90%;
}
.phone-img
{
	float: left;
}
.phone-text
{
	float: left;
	max-width: 40rem;
}
.international-phone
{
	text-align: center;
	position: inherit;
	font-size: 1.2rem;
}
#faq .note
{
	margin-left: 2em;
}
#faq .testimonial
{
	margin: 1rem auto 2rem;
}
.alpha
{
	list-style-type: lower-alpha;
}
#faq p
{
	margin-top: 5px;
}
#faq ol a, #faq ul a
{
	font-weight: bold;
	text-decoration: underline;
}
#faq ol li p /* answer */
{
	font-weight: normal;
}
#faq ol ul li /* sub-bullet 1 */
{
	font-weight: normal;	/* this one is needed */
}
.faq-list-outer > ol
{
	padding-left: .5rem !important;
}
.faq-list-outer >  ol > li
{
	list-style-type: none;
}
.faq-list-bordered
{
	border: 1px solid #cccccc;
	/*margin: 10px 0 10px 40px;*/
	margin: 10px 0 10px 0;
	padding-left: 10px;
}
.faq-list-item-bordered
{
	font-weight: bold;
	padding: 4px 4px 8px 4px;
}
.faq-list-item-bordered ol
{
	font-weight: normal;
}
.faq-list-item-bordered:not(:last-child)
{
	border-bottom: 1px solid #cccccc;
}
.sub-info /* for supplemental information; put inside block it pertains to */
{
	margin-left: 30px;
	font-size: 90%;
}
.simple-content
{
	max-width: 70rem;
	width: 95%;
	margin: 10px;
}
.simple-content p
{
	padding: 5px 10px;
}
.simple-content textarea
{
	max-width: 93%;
}
.help-hint
{
	border: 1px solid #000;
	padding: .5rem;
}
@media only screen and (max-width: 768px)
{
	#faq .testimonial
	{
		width: 75% !important;	/* to override the override */
	}
}
/* END faq.php */

/* BEGIN feedback.php */
.feedback > div:first-child
{
	width: 600px;
}
.feedback .body-nav
{
	margin: 30px 0 0 15px;
	width: 300px;
}
#testimonial-permission
{
	font-weight: normal;
	margin-left: 4em;
	width: 275px;
	font-size: 11px;
}
.hid_q
{
	margin: 10px;
	border: 0;
	padding: 4px;
	font-weight: bold;
	display: none;
}
.svy_q
{
	margin: 10px;
	border-top: 1px solid #808080;
	padding: 4px;
	font-weight: bold;
}
.svy_a
{
	margin: 0;
	border: 0;
	padding: 0 16px 6px;
	font-weight: normal;
	white-space: nowrap;
}
.svy_sub
{
	font-weight: normal;
	font-size: 87%;
	color: #888;
}
.svy_lim
{
	padding-left: 60px;
}
.svy_a input
{
	vertical-align: middle;
}
.svy_a textarea
{
	/* styles for responsive */
	/*box-sizing: border-box;*/
	width: 125%;
}
@media only screen and (max-width: 600px)
{
	.feedback > div:first-child
	{
		width: 100%;
	}
}
/* END feedback.php */

/* BEGIN feedback-receipt.php */
.feedback-receipt p
{
	width: 100%;
	max-width: 100%;
}
/* END feedback-receipt.php */

/* BEGIN find-by-ID.php */
.by-ID
{
	width: 155px; /* same as 167px button width, less 8px for padding and 4px for borders */
	padding: 4px;
	background: #eee;
	border: 2px solid;
	color: #126d34;		/* Starbucks */
	font-size: .9em;
	font-weight: bold;
	margin: 2rem 0;
	border-radius: 1rem;
}
.by-ID input
{
	width: 93px;
	height: 20px;
	font-size: 15px;
	border-radius: .6rem;
}
.by-ID button
{
	font-size: 13px;
	padding: 4px;
	color: #126d34;		/* Starbucks */
	border-radius: .6rem;
}
/* END find-by-ID.php */

/* BEGIN find-sales-oppportunities-fast.php */
#p-find-sales-opportunities-fast #form-register1
{
	margin-top: 3rem;
}
.find-opps-fast li
{
	margin-top: .5rem;
}
.find-opps-fast-pitch
{
	font-weight: bold;
	font-style: italic;
	margin: 0 0 1rem 2rem;
}
.find-opps-fast-eguide
{
	font-weight: bold;
	max-width: 40rem;
	width: 90%;
	margin: 2rem 0 0 2rem;
}


/* BEGIN form-register1-inc.php */
.form-container
{
	position: relative;
	margin-top: 2rem;	/* only affects landing-page.php and register.php */
}
.register-contact-form
{
	float: left;	/* allow making form a float on this page only */
}
#formAddress fieldset
{
	margin: 2rem 0;
	/*border: none;*/
	background-color: #eee;
}
#contact-form td:first-child
{
	width: 145px; /*prevent email/pw buttons from blowing up*/
}
#contact-form
{
	float: left;
}
#form-title
{
	font-size: 1.8rem !important;
	font-weight: bold !important;
	margin: 0 auto 1rem !important;
	text-align: center !important;
	position: relative;	/* for red arrow abs pos, when needed */
}
.triggered-link
{
	text-decoration: underline !important;
	color: #2222BB !important;
	outline: none;
}
.question-pw
{
	position: absolute;
	top: -.6rem;
}
#pw-hr-1
{
	margin-top: 3rem;
}
#pw-hr-2
{
	margin: 2.5rem 0 2rem;
	clear: both;
}
label[for="password1"]
{
	float: left;
	/*width: 50%;*/
	/*height: 3.2rem;	!* make room for pw-note *!*/
}
.pw-note
{
	font-size: 1.1rem;
	float: right;
	width: 38%;
	height: 1.7rem;
	/*position: relative;*/
	/*top: -.5rem;*/
}
#pw-set
{
	height: 6.1rem;
	margin-top: 1rem;
	position: relative;
}
#form-register2 .pw-widgets
{
	/* group the widgets together, esp. for landscape gyrations */
	/* no styles for form-register1 needed */
	margin: 0 0 0 16rem;
	position: relative;
}
.lock-fixed-width
{
	/* to prevent question mark from jumping right when lock is opened */
	display: inline;
	float: left;
	width: 3.5rem;
}
#form-register2 .lock-fixed-width
{
	width: 4.5rem;
}
#pw-lock
{
	margin: 0 .8rem 0 1.2rem;
	position: relative;
	top: -.4rem;
}
#pw_strength
{
	margin-top: 0;
}
#pw-set #pw_strength
{
	width: 125px;
	display: none;
	position: absolute;
	top: 3rem;
	left: 62%;
}
.label-hack
{
	/* mystery why this is needed */
	/*display: block;*//* TODO probably in fact not needed */
	margin-top: .7rem;
}
.uk-label
{
	margin-top: 2.5rem;
}
.email-block, .password-block
{
	height: 5.3rem;
	position: relative;
}
#email1, #email1_dup, #password1, #password_dup
{
	float: left;
}
#phone1-block
{
	width: 300px;
	overflow: auto;
}
#phone1-container
{
	/*width: 155px;*/
	float: left;
	/*overflow: auto;	!* needed to prevent asterisk on email1 from jumping in from of Extension label; but not a problem anymore *!*/
}
#ext-container
{
	width: 138px;
	float: right;
}
.email-status, .password-status
{
	float: left;
	height: 1.8rem;
	width: 1.8rem;
	/*margin: .9rem 0 0 1rem;*/
	margin: 0 0 0 1rem;	/* perfect for small screens; moves symbol up a bit for desktop, but it's ok */
}
#email1-yes, #email1-no, #email2-yes, #email2-no, #password2-yes, #password2-no
{
	display: none;
}
#email-message, #login-prompt
{
	display: none;
	position: absolute;
	width: 100%;
	font-weight: bold;
	color: #ac0000;
	font-size: 1rem;
}
#login-prompt
{
	top: 4.2rem;
}
#email-message
{
	top: 6rem;
}
#p-settings #email-message, #p-settings #login-prompt
{
	top: 4.6rem;
	left: 0;
}
#source_description, #source_description_field
{
	margin-left: 4rem;
}
.platinum-checklist input[type=checkbox][disabled][checked]
{
	outline:1px solid #000;
	/*filter: invert(10%);*//* only looks good on safari*/
}
/* END form-register1-inc.php */

/* BEGIN form-register2-inc.php */
#form-register2
{
	font-size: 1.4rem;
}
#objective
{
	width: 24rem;
}
#form-register2 input
{
	width: 24rem;
}
#phone1
{
	width: inherit !important;	/* size smaller */
	max-width: 24rem;
}
#phone1_ext
{
	max-width: 24rem;
}
#form-register2 #phone1_ext
{
	width: inherit !important;
}
.form-fields
{
	display: table;
	overflow: auto;
}
.form-row
{
	display: table-row;
}
.form-cell
{
	display: table-cell;
	/*width: 50%;*/	/* TODO thought this was needed--apparently not as seems to have no effect! */
}
/*
.form-row hr
{
	margin: 1.2rem 0 1rem;
}
 */
.fields-required
{
	font-size: 1rem;
}
.asterisk
{
	color: #a00;
}
.objective
{
	color: #800000;
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: .3rem;
}
.objective-spacer
{
	/*height: 7rem;*/
	padding: .3rem 0 .7rem;
}
#objective-sec
{
	display: block;
	margin: 0 auto;
	width: 55rem;
}
.obj-label
{
	display: inline !important;
	margin-left: -.7rem;
}
.obj-input
{
	display: inline !important;
	width: 2rem !important;
	height: 2rem !important;
	margin-bottom: 1.5rem !important;
	position: relative;
	top: 4px;
}
#no-jobs-outer
{
	display: none;
	padding-right: 10%;
	margin-bottom: 1rem;
}
.no-jobs-inner
{
	display: flex;
	margin-left: .4rem;
}
#no-jobs
{
	margin-right: 1.6rem;
	transform: scale(1.5);
}
/* .ui-widget override; outside main page elements, so have to quality with body tag class */
.LP-body-header .ui-widget
{
	font-size: initial !important;
}
#LP-body #pw-set
{
	margin-top: 0;
	height: inherit;
}
#LP-body .password-block
{
	height: inherit;
	overflow: hidden;	/* to prevent text from sliding up on mobile */
}
#LP-body #pw_strength
{
	top: 3.8rem;
	left: 2rem;
	overflow: visible;
}
#LP-body #login-prompt
{
	top: 3rem;
}
#LP-body #email-message
{
	top: 3.5rem;
}
#LP-body
{
	color: red;
}
.LP-pricing-details
{
	position: relative;
	max-width: 60rem;
	margin: 1rem auto 0;
}
.LP-pricing-details-rep
{
	padding-bottom: 3rem;
}
.LP-pricing-details .LP-arrow
{
	top: -4.4rem !important;
}
.pri .LP-pricing-details .LP-arrow
{
	left: 8rem !important;
}
.rep .LP-pricing-details .LP-arrow
{
	left: 0 !important;
}
/*#LP-body .see-pricing-button*/
.see-pricing-button
{
	margin: 4rem auto 1rem !important;
	font-size: 2.4rem;
	width: 24rem !important;
}
.rep #LP-body .rh-button
{
	/* override */
	margin: 1.5rem auto;
}
.view-terms
{
	width: 27rem;
	font-size: 1.2rem;
	margin: .5rem auto;
	text-align: center;
	position: relative;
	font-family: sans-serif;	/* TODO temporary override template1 fonts so that font fits width without downloading font */
}
#opt-in
{
	position: absolute;
	top: -.4rem;
	left: .5rem;
	display: inline !important;
	width: 1.5rem !important;
	height: 1.4rem;
	transform: scale(1.3);
}
.terms-link
{
	color: #0066c0 !important;
}
#LP-body #submit1
{
	/* overrides generic .submit-button */
	margin: 0 auto;
	float: none;
	width: 15rem;
}
.LP-submit-msg
{
	max-width: 16rem;
	font-size: 1.3rem !important;
	font-weight: bold;
	position: absolute;
	color: #ac0000;
	display: none;
}
.link-desc6
{
	/* note: "6" in this style and next is important */
	float: left;
	/*margin-left: .5rem;*/	/* needed in cases when otherURL is not the last in the list */
}
.link-desc6-label
{
	float: left;
	position: relative;
	color: var(--color-maroon);
}
.link-desc6-label-js
{
	margin: -2.8rem 0 0 .5rem;
	/*margin-left: .5rem;*/
}
/* TODO could combine into generic classes if styles are identical, which they are at this time */
.address-alt-contact
{
	padding-right: 0;	/* to allow for phone block width */
}
.address-phone, .address-link
{
	float: left;
	margin: 1rem .5rem 0 0;
	/*overflow: auto;	!* need to keep Add + from floating up the page--except this is no longer true, and it breaks the otherURLDesc qm *!*/
}
.phone-sel, .link-sel
{
	width: 100%;
}
.address-phone-select, .address-link-select
{
	width: 9rem;
	display: inline-block;
	font-size: 1.1rem;
}
.address-phone-label, .address-link-label
{
	width: 9rem;
	display: inline-block;
	font-size: 1.4rem;
}
.address-phone-input, .address-link-input
{
	display: inline !important;
	/*margin: .1rem;	!* to prevent missing blue outline around input box in Safari; unfortunately ruins layout in Chrome; will not use *!*/
}
#address-add-phone, #address-add-link
{
	color: #800000;
	margin-left: 1rem;
}
.tt-qm-other-desc-change-select	/* used when field is added by SELECTing it */
{
	position: relative;
}
#captcha-fail-dialog
{
	display: none;
}
@media only screen and (max-width: 378px)
{
	.tt-qm-other-desc
	{
		margin-top: -.7rem;
	}
	.link-desc6-label
	{
		top: 0;
	}
	.tt-qm-other-desc-change-select
	{
		/*top: -10rem;*/
		/*left: 39rem;*/
		top: -6.5rem;
		left: 9rem;
	}
}
@media only screen and (min-width: 379px)
{
	.tt-qm-other-desc
	{
		margin: 2.8rem 0 0 -30rem;
	}
	.link-desc6-label
	{
		top: 1rem;
	}
	.tt-qm-other-desc-change-select
	{
		top: -4rem;
		left: 33rem;
		/*top: -4.7rem;*/
		/*left: 31rem;*/
	}
}
@media only screen and (max-width: 383px)
{
	.tt-qm-other-desc-added
	{
		position: relative;
		top: -4.8rem;
		/*top: -3.7rem;*/
		left: 16rem;
		margin: 2.8rem 0 0 -30rem !important;
	}
}
@media only screen and (min-width: 384px)
{
	.tt-qm-other-desc-added	/* used when field is added by + Adding it */
	{
		position: relative;
		top: 0;
		left: 0;
		margin: .7rem;
	}
}

@media only screen and (max-width: 440px)
{
	.hide-TBYB
	{
		display: none;
	}
}
/*@media only screen and (max-width: 500px)*/
@media only screen and (max-width: 525px)
{
	.form-fields, .form-row, .form-cell
	{
		display: block;
		width: 100%;
	}
	#LP-body .form-fields
	{
		width: 25rem;	/* to allow room for .password-status */
	}
	.hr-opt
	{
		display: none;
	}
	#LP-body #pw_strength
	{
		left: 23rem;
		position: static;
		height: 12rem;	/* TODO: hack */
	}
	.objective-spacer
	{
		position: relative;
		left: -1.4rem;
		width: 30rem;
	}
	.job-label
	{
		margin-left: -.4rem;
	}
	#p-UK-sales-agents .obj-label
	{
		margin-left: -1rem;
		font-size: 1.4rem;
	}
	#p-UK-sales-agents .objective-spacer
	{
		left: 0;
	}
}
@media only screen and (max-width: 582px)
{
	#email-message, #login-prompt
	{
		left: 3rem;
	}
	.LP-submit-msg
	{
		bottom: 1rem;
		right: 1vw;
		width: 23%;
	}
}
@media only screen and (min-width: 583px)
{
	#email-message, #login-prompt
	{
		left: 1rem;
	}
	.LP-submit-msg
	{
		bottom: 3rem;
		right: 3rem;
		width: 16rem;
	}
}
/* END form-register2-inc.php */

/* BEGIN global-inc.php */
#resend-conf
{
	font-size: 11px;
}
#unconfirmed
{
	display: none;
}
#unconfirmed #resend-conf
{
	margin: 1% 0 1% 23%;
}
.registration-incentive
{
	font-weight: bold;
	padding: 5px;
	text-align: center;
}
.registration-incentive a
{
	text-decoration: underline;
}
.list-no-style
{
	list-style-type: none;
}
#contact-request-comment
{
	max-width: 100%;
}
/* END global-inc.php */

/* BEGIN sales-rep-recruiting.php, UK-sales-reps.php */
#guaranteed-placement
{
	color: #35595a;
}
#guaranteed-placement h2
{
	margin-top: 2.5rem;
	font-size: 2.5rem;
}
#guaranteed-placement #contact-form
{
	margin: 30px 4%;
	width: 74%;
	table-layout: fixed;
}
#guaranteed-placement .LP-arrow
{
	left: -1rem;
}
#guaranteed-placement .diff-img img
{
	margin: 30% auto;
}
#guaranteed-placement .placement-pitch
{
	margin: 2rem auto;
}
#guaranteed-placement .quote-platinum
{
	text-align: center;
}
#guaranteed-placement .diff-text-inner
{
	margin: 2rem 0;
	padding: 0 1rem;
}
#guaranteed-placement .diff-text-inner p
{
	margin-bottom: 1rem;
}
.placement-title.screamer
{
	color: #ac0000;
	text-align: center;
	font-size: 3rem;
}
.f-s-testimonial
{
	margin: 3rem auto 4rem;
	/*margin: 3rem 5% 4rem;*/
	padding: 2rem;
	background-color: #e7e7e7;
	max-width: 80rem;
}
.subhead2
{
	font-weight: bold;
	text-align: center;
	margin-top: 2rem;
}
.services
{
	margin-bottom: 6rem;
}
.services-container
{
	display: flex;
	flex-wrap: wrap;
}
.services-box
{
	flex: 1;
	min-width: 15rem;
	padding: 2rem;
	text-align: center;
	/*border: 1px solid #35595a;*/
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.services-box h3
{
	font-size: 110%;
}
.services-hdr
{
	min-height: 3rem;
	line-height: 1.5;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: bold;
}
.services-content
{
	margin-top: 1rem;
}
/* END sales-rep-recruiting.php */

/* BEGIN hub.php, hub-LP.php */
.hub-search
{
	margin: 1rem 0 1.5rem;
	padding: 1rem;
	font-weight: bold;
}
#cta-button
{
	margin: 20px auto 5px !important;
}
#industry-landing
{
	max-width: 1085px;
	position: relative;
	/*font-size: 12pt;*/
}
#industry-member
{
	position: absolute;
	left: 285px;
	top: -229px;
}
#industry-title
{
	max-width: 725px;
}
#industry-landing h1
{
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
	color: #6b82a7;
	margin-top: 1rem;
}
#industry-landing h2
{
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	color: #6b82a7;
}
.industry-body
{
	border-spacing: 5rem;
	margin: -25px;
}
.hub-LP
{
	border-spacing: 3rem;
}
.industry-panel
{
	background: #efefef;
	display: table-cell;
	width: 332px;
}
.industry-sub-category
{
	width: 727px;
}
.industry-bar-left-default
{
	/* mystery why this is needed */
	position: relative;
	top: -1px;
}
.industry-bar-adj-left
{
	/* mystery why this is needed */
	position: relative;
	top: -3px;
}
.industry-panel h2
{
	text-align: left !important;
}
.industry-panel ul
{
	padding-left: 23px;
}
.industry-panel li
{
	margin-bottom: 10px;
}
.industry-panel-inner
{
	overflow: auto;
	padding: 10px;
}
.industry-panel-head
{
	font-size: 17px;
	font-style: italic;
}
.industry-bar
{
	background-color: #6b83a7;
	padding: 10px 0;
}
#industry-links-right
{
	margin: 185px 0 0 0;
	float: left;
}
#industry-links-bottom
{
	margin: 20px auto;
	/*margin: 20px 0 0 242px;*/
}
.industry-links
{
	width: 295px;
	position: relative;
}
.industry-links img
{
	margin-bottom: 15px;
}
.industry-links span
{
	color: #fff;
	font-size: 14px;
	position: absolute;
	top: 12px;
	left: 17px;
}
.industry-links .link1
{
	top: 12px;
}
.industry-links .link2
{
	top: 72px;
}
#industry-topics div
{
	width: 25%;
	float: left;
	position: relative;
}
#industry-topics img
{
	margin: 0 auto;
	display: block;
}
.submit-button
{
	margin-top: 1rem;
	float: left;
	position: relative;
}
.hub-submit-msg
{
	float: left;
	font-size: 1.1rem !important;
	margin: 2rem 0 0 3.5rem;
	width: 15.2rem;
	display: none;
}
.industry-cta
{
	font-size: 18px;
	padding-bottom: 15px;
}
.industry-value-prop
{
	margin: 2.5rem 0 0 4vmin;
	min-width: 20rem; /* helps for mobile */
	overflow: hidden; /* stops badge overlap for mobile */
}
.industry-value-prop div
{
	font-weight: bold;
}
.industry-value-prop ul
{
	margin: 5px 0 0 0;
	font-size: 14px;
	padding-left: 25px;
}
.register-link
{
	margin: 40px 0 20px 242px;
	width: 295px;
}
.register-link span
{
	color: #fff;
	font-size: 16px;
	position: relative;
	top: -33px;
	left: 59px;
}
.hub-testimonial
{
	margin: 0 4rem 2rem 4vmin;
	font-size: 14px;
}
.hub-testimonial-hdr
{
	overflow: auto;
	/*padding-top: 10px;*/
	padding-top: 32px;
}
.hub-testimonial-hdr h2
{
	float: left;
}
.hub-testimonial-hdr img
{
	margin: -32px 0 0 10px;
	/*
	margin-left: 10px;
	position: relative;
	top: -10px;
	*/
}
.hub-member
{
	color: #800000;
	font-weight: bold;
}
.hub-author
{
	color: #35595a;
	font-weight: bold;
}
.hub-header
{
	color: #000000 !important;
	font-weight: bold !important;
	font-size: 16px !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}
.predefined-search
{
	/*
	position: absolute;
	left: 2.5rem;
	top: 3.8rem;
	width: 163px;
	font-size: 10px;
	*/
	text-align: center;
}
.predefined-search .pink-button
{
	font-size: 15px;
}
/*
#p-hub-LP .eguide-burst
{
	position: absolute;
}
#p-hub-LP #form-register1
{
	margin-top: 3rem;
}
*/
.question-hub-guarantee
{
	margin: -3px 0 0 6px;
}
/* .hub-LP outer containers */
@media only screen and (max-width: 600px)
{
	#industry-topics div
	{
		width: 50%;
	}
	.industry-body-last
	{
		border-spacing: 50px 0;
	}
	.hub-LP-badge
	{
		margin: 0 auto 3rem;
		display: block;
	}
}
@media only screen and (min-width: 601px)
{
	.hub-LP-badge
	{
		float: right;
		margin: 0 4rem;
	}
}
@media only screen and (max-width: 380px)
{
	#industry-topics .topic-left
	{
		margin: 0 16% 5rem 16%;
	}
	#industry-topics .topic-right
	{
		margin: 0 16% 5rem 16%;
	}
}
@media only screen and (min-width: 381px) and (max-width: 600px)
{
	#industry-topics .topic-left
	{
		margin: 0 16% 5rem 34%;
	}
	#industry-topics .topic-right
	{
		margin: 0 34% 5rem 16%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 600px)
{
	.industry-panel
	{
		/* stack vertically here */
		display: block; /* ie, remove table-cell here */
		width: 80%;
		margin: 40px auto;
	}
}
@media only screen and (min-width: 601px) and (max-width: 812px)
{
	.industry-panel
	{
		width: 30%;
	}
}
@media only screen and (max-width: 570px)
{
	.hub-submit-msg
	{
		width: 70%;
		margin-top: 5px;
	}
}
@media only screen and (min-width: 571px) and (max-width: 730px)
{
	.hub-submit-msg
	{
		width: 70%;
		margin-top: 5px;
	}
}
@media only screen and (min-width: 731px) and (max-width: 803px)
{
	.hub-submit-msg
	{
		width: 32%;
	}
}
@media only screen and (max-width: 400px)
{
	/* next two selectors fix bottom of screen, but mess up top of screen; comment out for now */
	.hub .industry-panel
	{
		display: block;
		width: 80%;
		margin: 40px auto;
	}
	#contact-form
	{
		margin-bottom: -2px !important; /* get rid of funny space between borders */
	}
}
/*
@media only screen and (max-width: 470px)
{
	#p-hub-LP .eguide-burst
	{
		position: absolute;
		left: 17rem;
		bottom: 2rem;
	}
}
@media only screen and (min-width: 471px)
{
	#p-hub-LP .eguide-burst
	{
		position: absolute;
		left: 22rem;
		bottom: 6rem;
	}
}
*/
/* END hub.php */

/* BEGIN explainer.php */
.explainerWrapper iframe
{
	width: 56rem;
	height: 31.5rem;
	margin: 2rem;
	/*
	width: 70rem;
	height: 44rem;
	*/
}
/* END explainer.php */

/* BEGIN index.php */
.HP-search-objective
{
	margin: 2rem 4rem;
}
.last-p
{
	margin-bottom: 1rem;
}
.testimonial-id
{
	font-weight: bold;
}
#placement-list
{
	position: relative;
	margin: 1rem 0 0 2rem;
}
#placement-list .link1
{
	position: absolute;
	top: 1rem;
	/*left: 21.1rem;*/
	left: 1rem;
	color: #fff;
	font-size: 1.6rem;
}
#tt-head-pri
{
	padding: 0 5px;
}
.para-head
{
	font-weight: bold;
	margin: 15px 0 0 0;
}
#pitch-head
{
	font-weight: bold;
	width: 80%;
	margin-bottom: 5px;
}
#pitch-head a
{
	color: maroon;
	text-decoration: none;
}
#second-h1
{
	display: inline-block;
	margin: 15px 0 5px 0;
}
#pitch-body
{
	font-size: 14px;
}
#pitch-body li
{
	color: #800000;
	font-weight: bold;
}
#pitch-body a
{
	color: #800000;
	font-weight: bold;
}
#pitch-more
{
	font-size: 10px;
}
#RH-TV-comm-thumb
{
	border: 1px solid black;
}
/* index page background images */
.bkgd-index::before
{
	top: 14rem;
	background-size: contain !important;
	/*
	background-repeat: no-repeat;
	background-position: center;
	*/
	background: no-repeat center;
	box-shadow:	0 0 68px 32px white inset; /* to blur the bottom of the image per http://stackoverflow.com/questions/24709915/blur-the-edges-of-an-image-or-background-image-with-css Leonardo */
}
.banner-w-bkgd::before
{
	top: 17rem;
}
.badge-anniv
{
	width: 200px;
	height: 165px;
	display: inherit;
	margin: 0 auto 10px;
}
#customer-lobby-index
{
	border: 1px solid;
	float: right;
}
#customer-lobby-index img
{
	vertical-align: top;
	margin: 0;
}
.commercial-header
{
	width: 26rem;
	margin: 0 auto;
	text-align: center;
}
#commercial-link
{
	color: maroon;
	font-weight: bold;
	font-size: .9em;
}
#RH-TV-comm-thumb
{
	border: 1px solid black;
}
.blog-post-list
{
	margin: 0;
	padding: 0;
}
.blog-post-header
{
	color: maroon;
	font-weight: bold;
	/*font-size: .9em;*/
}
.blog-post-line
{
	color: #6b82a7;
	margin: 5px 0 0 23px;
	padding: 0;
}
.blog-post-line a
{
	color: #6b82a7;
}
.blog-post-footer
{
	/*font-size: .9em;*/
	font-weight: bold;
	/*margin: 5px 0 0 25px;*/
	text-decoration: underline;
	/*width: 25%;*/
}
.blog-post-footer a
{
	color: maroon;
}
.blog-training li
{
	font-weight: bold;
	margin-bottom: 1rem;
}
.widgets
{
	/*
	float: left;
	margin: 0 calc(48% - 15rem);	!* yet another case where margin: auto; does not work to center *!
	width: 50%;
	min-width: 28rem;
	*/
	margin: 0 auto;
	width: 80%;
}
#p-parallax #main
{
	padding: 0;
}
.parallax
{
	/*
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	!*background-size: cover;	 !* TODO exp *!*!
	background-size: contain;  !* TODO exp *!
	*/
	background: no-repeat center fixed;
	background-size: contain;
	position: relative;	/* to allow positioned text over the image */
	/*max-height: 96rem;*/
}
.HP-search-objective .obj-input
{
	margin-right: 1rem;
}
.template-override
{
	width: inherit !important;
}
.webp .image1
{
	background-image: url("/images/134252127-1254x836x30x20.webp");
}
.no-webp .image1, .no-js .image1
{
	background-image: url("/images/134252127-1254x836x30.jpg");
}
.image9
{
	background-size: cover;	/* override */
	color: #000;	/* override #333 */
}
/* General styling for tight-space adjustments */
body.tight-space .image9
{
	/* Adjust the parent container's height when necessary */
	height: 58vh;
}
body.tight-space .sec-role
{
	/* Smoothly animate the scaling of the search box */
	/*transition: transform 0.3s ease;*/
}
/* On desktop and larger screens, revert to default behavior */
@media (min-width: 768px)
{
	body.tight-space .image9
	{
		height: auto; /* Use normal height on larger screens */
	}

	body.tight-space .sec-role
	{
		transform: none; /* No scaling on desktop */
	}
}
@media only screen and (max-width: 412px)
{
	.webp .image9
	{
		background-image: url("/images/pietro-jeng-266016-unsplash-412x275x50-opacity-layer-40.webp");
	}
	.no-webp .image9, .no-js .image9
	{
		background-image: url("/images/pietro-jeng-266016-unsplash-412x275x50-opacity-layer-40.jpg");
	}
}
@media only screen and (min-width: 413px) and (max-width: 480px)
{
	.webp .image9
	{
		background-image: url("/images/pietro-jeng-266016-unsplash-480x320x50-opacity-layer-40.webp");
	}
	.no-webp .image9, .no-js .image9
	{
		background-image: url("/images/pietro-jeng-266016-unsplash-480x320x50-opacity-layer-40.jpg");
	}
}
@media only screen and (min-width: 481px) and (max-width: 768px)
{
	.webp .image9
	{
		background-image: url("/images/pietro-jeng-266016-unsplash-768x512x50-opacity-layer-40.webp");
	}
	.no-webp .image9, .no-js .image9
	{
		background-image: url("/images/pietro-jeng-266016-unsplash-768x512x50-opacity-layer-40.jpg");
	}
}
@media only screen and (min-width: 769px)
{
	.webp .image9
	{
		background-image: url("/images/pietro-jeng-266016-unsplash-1400x933x50-opacity-layer-40.webp");
	}
	.no-webp .image9, .no-js .image9
	{
		background-image: url("/images/pietro-jeng-266016-unsplash-1400x933x50-opacity-layer-40.jpg");
	}
}

/* home page generic sections */
/* note: .section denotes a horizontal major page section
		 There are 5 section types:
		 	banner image
		 	text and image(s) on side
		 	image and small floating panel attached to bottom of image
			review
			bottom cta
		In "text and image(s) on side", the subsections are as follows:
			sec-text
			sec-img
		In "image and small floating panel ..." the subsctions are as follows:
			panel-body
 */
.sec
{
	max-width: 136.6rem;
	overflow: hidden;
	margin: 0 auto;
	padding: 2rem 1rem 3rem;
}
.LP-security
{
	margin-bottom: 3rem;
	/*padding-top: 3rem;*/
}
.sec-hdr
{
	font-weight: bold;
	text-align: center;
	color: #35595a;
	width: 66%;
	margin: 3rem auto 0;
	overflow: hidden;
}
.sec-text
{
	line-height: 3.2rem;	/* TODO experimental */
	margin: 2%;
	font-size: calc(1vw - -1rem);	/* workaround: double neg */
}
.sec-img
{
	margin: 4rem 0;
}
.sec-img-left
{
	float: left;
	margin-right: 5%;
}
.sec-img-right
{
	float: right;
	margin-left: 5%;
}
.section p
{
	margin-bottom: 2rem;
}
.panel-body li
{
	margin-bottom: 1rem;
}
.sec-panel
{
	color: #fff;
	background-color: #35595a;
	/*box-shadow: inset 0 3px 0 0 #800000;	!* ss color is #e03351, 3px for top *!*/
	box-shadow: inset 0 -3px 0 0 #800000;	/* ss color is #e03351, -3px for bottom */
	/*margin: 4rem;*/
	padding: 2rem;
	opacity: .8;
	/*position: absolute;*//* TODO exp */
	/*bottom: 0;*/ /* TODO exp */
	margin: 0;	/* to override inherited */
}
.sec-panel .sec-hdr
{
	color: #fff;
}
.folded-panel
{
	height: 36rem;
}
.img1
{
	margin: 0 auto;
	/* TODO with actual image, set to actual size and make it rectangular */
	width: 33vw;
	height: 33vw;	/* was 32, which is not aspect ratio 1.0 */
	max-width: 37rem;
	max-height: 37rem;
}
.hdr, .t-hdr
{
	text-align: center;
	font-weight: bold;
}
.big-hdr
{
	font-size: 3rem !important;
}
.ordering-parent
{
	/*display: table;*/	/* not needed without ordering-childX */
	max-width: 136.6rem;
	margin: 0 auto;
}
.index-hdr2
{
	font-weight: bold;
	font-size: 2.2rem;
	text-align: center;
	width: 90%;
}

/* section-specific */

/* section 1 - select role */
.tagline	/* TODO harvest #tagline */
{
	position: relative;
	text-align: center;
	/*top: calc(1rem - -10vw);*//* workaround: double neg */
	top: 5.5rem;
	font-weight: bold;
	font-size: calc(.9vw - -1.1vw); /* approx: 1.8 at 768; 2.2 at 1200 */	/* TODO experimental *//* workaround: double neg */
	color: #35595a;
}
.sec-role .sec-hdr
{
	width: 90%;
	margin-top: calc(2.73vw - -2.6rem);	/* workaround: double neg */
	color: #000;
}

/* section 2 - role */
.plan-container
{
	display: flex;
	flex-wrap: wrap;
	/*margin-top: 3rem;*/
}
.plan
{
	border-radius: 1.5rem;
	padding: 1%;
	font-weight: bold;
	background-color: inherit;
}
.t-table
{
	display: table;
	margin: 3rem 0;
	font-weight: bold;
	font-size: 2.2rem;
}
.t-tr
{
	display: table-row;
	margin: 0;
	padding: 0;
}
.t-td
{
	display: table-cell;
	width: 40%;
	padding: 0 5%;
}
/*
.plan-top
{
	!* to prevent lack of border from moving button downwards--strange *!
	overflow: visible;
}
 */
.plan-btn
{
	padding: 10px;
	/*border: 1px solid black;*/
	border-radius: 3px;
	text-align: center;
	background-color: #35595a;
	/*width: 89%;*/
	/*width: 89%;*/
	height: 6rem;
	/*position: absolute;*/
	/*bottom: 1rem;*/
	line-height: 4rem;
}
.role-rep .plan-btn
{
	background-color: #001589;
}
.role-pri .plan-btn
{
	background-color: #800000;
}
.role-pri, .role-rep
{
	padding-top: 2rem;
}
.plan-btn:hover
{
	opacity: .8;
}
.plan-btn
{
	color: #fff;
}
/*.plan-btn a:hover*/
.plan a:hover, .t-table a:hover
{
	text-decoration: none;
}
.fa-arrow-right
{
	margin-left: 1rem;	/* TODO see if causes wrapping issue; if not, keep */
}
.btn-nowrap
{
	white-space: nowrap;
}

/* inserted section from pri LP */
.sec-full-serv
{
	background-color: #fff;
	padding: 1rem 5rem;
}
.sec-full-serv .LP-button-wide
{
	width: 24rem !important;
}
.sec-full-serv .LP-plat-button
{
	margin-bottom: 3.5rem !important;
}


/* section 2 - support */
.sec-no-padding
{
	padding: 0 !important;
}
.support-or
{
	list-style-type: none;
	margin-left: -2.3rem;	/* outdent 23px */
}
/*
.sec-support
{
	background-color: var(--color-purple);
}
*/
.sec-support .sec-text li
{
	margin-bottom: 1rem;
}

/* section 3 - reviews */
.sec-reviews
{
	background-color: #5a3554;
}
.sec-reviews .sec-hdr
{
	color: #fff;
	margin: 0 auto 3rem;
	padding: 3rem 0 0 0;
}
.review-container
{
	display: flex;
	flex-wrap: wrap;
	margin-top: 3rem;
}
.review
{
	padding: 1rem;
	font-size: 2rem;
	background-color: #fff;
	border-radius: 3px;
}
.review-body
{
	/*min-height: 75%;*/
	height: 75%;	/* works better responsively to keep border in same place */
	padding-bottom: 2rem;
	border-bottom: 1px solid gray;
}
.review-attribution
{
	text-align: center;
	margin-top: 1rem;
}
/* used when Trustpilot is disabled */
.quote
{
	background: url("/images/quotes-48x48x8.png") no-repeat;
	width: 29px;
	display: inline-block;
}
.quote-open
{
	background-position: 0 9px;
	margin-right: 1rem;
	height: 34px;
}
.quote-close
{
	background-position: -19px -23px;
	margin-left: 1rem;
	height: 26px;
}


/* section 4 - blog */
#blog-posts
{
	/* overrides */
	margin: 2rem auto 0;
}

/* section 5 - stress */

/* section 6 - CTA */
.sec-cta-bullets
{
	margin: 1rem 0 1rem 3rem !important;
}
.index-after-cta
{
	margin-bottom: 5rem;
}

/* breakpoints: 360, 600 */
@media only screen and (max-width: 360px)
{
	.sec-stress
	{
		width: 90%;
	}
	/*
	.plan-btn
	{
		width: 93%;	!* overrides main setting this width to prevent "arrow wrap"*!
	}
	*/
}
@media only screen and (min-width: 361px) and (max-width: 600px)
{
	.sec-stress
	{
		width: 32rem;
	}
}
@media only screen and (min-width: 601px)
{
	.sec-stress
	{
		width: 38rem;
	}
}

/* breakpoints: 600 -- mobile simplification above the fold */
@media only screen and (max-width: 600px)
{
	.HP-search-objective
	{
		margin: calc(7.14vw - .286rem) calc(10.7vw - 4.429rem);
		font-size: calc(1.79vw - -.729rem);
	}
	.m-hide
	{
		display: none;
	}
	.m-show
	{
		display: block;
	}
	.plan-top
	{
		height: initial !important;
	}
	.hdr, .t-hdr
	{
		font-size: calc(1.5vw - -1.3rem);	/* workaround: double neg */
		margin: .5rem 0;
	}
	.t-hdr
	{
		margin: 0 0 .5rem;
	}
	.plan-btn
	{
		margin: 0 auto 1rem;
	}
	#blog-posts
	{
		font-size: 1.8rem;
	}
	.sec-cta .plan-btn
	{
		margin: 0 auto 1rem;
	}
	.index-hdr2
	{
		margin: 2rem 0 1.5rem 3rem;
	}
}
@media only screen and (min-width: 601px)
{
	.HP-search-objective
	{
		font-size: 1.8rem;
	}
	.m-hide
	{
		display: block;
	}
	.m-show
	{
		display: none;
	}
	.hdr, .t-hdr
	{
		font-size: 2.4rem;
		margin: 1.5rem 0;
	}
	.t-hdr
	{
		margin: 0 0 1.5rem;
	}
	.testimonial-index-hdr
	{
		margin: 0 0 1.5rem;
	}
	.plan-btn
	{
		margin: 0 auto 2rem;
	}
	#blog-posts
	{
		font-size: 2.2rem;
	}
	.sec-cta .plan-btn
	{
		margin: 2rem auto 1rem;
	}
	.index-hdr2
	{
		margin: 2rem 0 0 3rem;
	}
}
@media only screen and (max-height: 679px)
{
	.m-small
	{
		font-size: 1.9rem !important;	/* for very small height screens */
	}
}

/* breakpoints: 768 */
/*noinspection CssUnusedSymbol*/
@media only screen and (max-width: 768px)
{
	#designstudio-button
	{
		/* to suppress for mobile; relies on externally assigned id, so must monitor for changes */
		display: none;
	}
	#top-nav
	{
		display: none;
	}
	.question-top-nav-help
	{
		font-size: 1.8rem !important;
		position: initial;
		margin-left: 5px;
	}
	.parallax
	{
		background-attachment: scroll;
		/*height: 96vw;*/	/* TODO exp remove */
	}
	.parallax.image9
	{
		height: initial;
	}
	.snapengage
	{
		display: none;
	}
	.sec-panel .sec-hdr
	{
		font-size: 2rem;
		margin: 4% auto 0;
	}
	.sec-stress
	{
		/*left: 6%;	!* TODO adjust depending upon background image content *!*/
	}
	.sec-stress .panel-body
	{
		font-size: calc(.92vw  - -1.1rem);	/* approx 1.8 at 768; 2.2 at 1200 *//* workaround: double neg */
		line-height: 2.6rem;
		margin: 4%;
	}
	#footer
	{
		/*margin-bottom: 56px; !* must equal height of #nav *!*/
		margin-bottom: 46px; /* now must be 10px less ? */ /* TODO exp moved from line ~ 2280 */
		font-size: calc(.32vw - -1.1rem);	/* workaround: double neg */
		padding: 0 0 0 8vw;
	}
	.utility-nav
	{
		margin-bottom: 1.5rem;	/* allow for Hide This Help control *//* TODO exp moved from line ~ 2284 */
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.utility-nav ul
	{
		width: 50%;
		padding-left: 1rem;	/* prevent wrapping link text */
	}
	/*
	.m-1line
	{
		line-height: 3.6rem;
	}
	*/
	.ft-hdr
	{
		font-size: calc(.45vw - -1.5rem);	/* 1.6 at 320; 1.8 at 769 *//* workaround: double neg */
	}
	/*
	.ordering-child1
	{
		display: table-header-group;
	}
	.ordering-child2
	{
		display: table-footer-group;
	}
	*/
}
@media only screen and (min-width: 769px)
{
	#top-nav
	{
		display: block;
	}
	.question-top-nav-help
	{
		color: #fff;
		font-size: 100% !important;
		position: initial;
		margin-left: 5px;
	}
	.snapengage
	{
		display: block;
	}
	.sec-panel .sec-hdr
	{
		font-size: 2.8rem;
		margin: 3rem auto 0;
	}
	.sec-stress .panel-body
	{
		font-size: 2.2rem;
		margin: 2rem;
		line-height: 3.2rem;
	}
	.parallax.image9
	{
		height: initial;
	}
	#footer
	{
		font-size: 1.4rem;	/* override */
		padding: 0 0 0 4vw;
	}
	.utility-nav ul
	{
		width: 25%;
	}
	.utility-nav-islp ul
	{
		width: 20%;
	}
	/*
	.m-1line
	{
		line-height: normal;
	}
	*/
	.ft-hdr
	{
		font-size: 1.8rem;
	}
	/*
	.ordering-child1
	{
		display: table-footer-group;
	}
	.ordering-child2
	{
		display: table-header-group;
	}
	*/
}

/* breakpoints: 600, 1200 */
@media only screen and (max-width: 600px)
{
	.review
	{
		width: 80%;
		margin: 4% auto;
		font-size: calc(1.4vw - -1rem);	/* 1.8 at 549; 2.2 at 834 *//* workaround: double neg */
	}
	.review-body
	{
		/*line-height: calc(3.4vw - .9rem);*/
		line-height: 2.2rem;
	}
	.quote-close
	{
		height: 23px;
	}
}
@media only screen and (min-width: 601px) and (max-width: 1200px)
{
	.review
	{
		margin: 4%;
		width: 42%;
		font-size: 2rem;
	}
	.review-body
	{
		line-height: 3.4rem;
	}
}
@media only screen and (min-width: 1201px)
{
	.review
	{
		margin: 4%;
		width: 25%;
		font-size: 2rem;
	}
	.review-body
	{
		line-height: 3.4rem;
	}
}

@media only screen and (max-width: 450px)
{
	.plan
	{
		padding: 0;
	}
	.role-rep
	{
		margin-top: 2rem !important;
	}
}
@media only screen and (min-width: 451px) and (max-width: 900px)
{
	.plan
	{
		padding: 1% 10%;
	}
}
@media only screen and (min-width: 901px)
{
	.plan
	{
		padding: 1%;
	}
}


/* breakpoints: 900 */
@media only screen and (max-width: 900px)
{
	.hide-900
	{
		display: none;
	}
	.show-900
	{
		display: block;
	}
	.img1
	{
		display: block;
	}
	.sec-hdr
	{
		/*font-size: 1.8rem;*/
		font-size: calc(3.2vw - -.9rem);/* workaround: double neg */
	}
	.group-left
	{
		float: none;
	}
	/*
	.head2-hdr
	{
		width: 94vw;
		!*font-size: 3.8rem;	!* overrides .sec-hdr in this media query *!*!
		font-size: calc(3.2vw - -.9rem);	!* overrides .sec-hdr in this media query *!!* workaround: double neg *!
		margin: 2rem auto;	!* auto not working *!
		float: none;
	}
	*/
	.plan
	{
		width: 90%;
		margin: 0 auto 1rem;
		font-size: calc(1.4vw - -1rem);	/* 1.8 at 549; 2.2 at 834 */ /* workaround: double neg */
	}
	.t-table
	{
		font-size: calc(1.4vw - -1rem);	/* 1.8 at 549; 2.2 at 834 */ /* workaround: double neg */
	}
	.plan-top
	{
		height: 77%;
	}
	.sec-img
	{
		width: 100%;
	}
	.sec-text
	{
		font-size: 1.8rem;
		overflow: initial; /* must remove to prevent text from being replaced by very large white space */
	}
	.sec-text ol, .sec-text ul
	{
		margin-left: 1rem;
	}
	.static-body
	{
		width: 100%;
	}
	.folded-panel
	{
		display: block;
		background-size: cover;
	}
	.image1.main-panel
	{
		background-image: none;
	}
	.sec-stress
	{
		width: initial;
	}
	.main-panel .sec
	{
		padding: 0;
	}
	.sec-full-serv .sec-text
	{
		width: 100%;
		margin: 0 auto;
	}
	.sec-support .clear
	{
		display: block;	/* to clear "floating no" */
	}
	.sec-support .sec-text
	{
		margin: 2rem 2% 2rem;
	}
}
@media only screen and (min-width: 901px)
{
	.hide-900
	{
		display: block;
	}
	.show-900
	{
		display: none;
	}
	.img1
	{
		display: inherit;
	}
	.sec-hdr
	{
		font-size: 3.8rem;
	}
	.group-left
	{
		float: left;
	}
	/*
	.head2-hdr
	{
		width: calc(94vw - 48rem);
	}
	*/
	.plan
	{
		width: 40%;
		/*width: 31.3%;*/
		/*margin: 3rem 1%;*/
		margin: 3rem 5% 6rem;	/* TODO temporary mockup 2-up; requires comment out of 3rd box */
		/*margin: 3rem 9% 6rem;	!* TODO temporary mockup 2-up; requires comment out of 3rd box *!*/
		font-size: 2.2rem;
	}
	.plan-top
	{
		height: 82%;	/* controls where CTA button floats from bottom of column */
	}
	.sec-text
	{
		font-size: 2.2rem;
		overflow: hidden;	/* keeps text from wrapping around image */
	}
	.sec-text ol, .sec-text ul
	{
		margin-left: 4rem;
	}
	.static-body
	{
		/*width: 60%;*/
		width: 70%;	/* todo exp with larger font */
	}
	#p-reviews .static-body
	{
		width: inherit;
	}
	.folded-panel
	{
		display: none;
	}
	.sec-full-serv .sec-text
	{
		width: 44%;
		position: relative;
		top: 2rem;
		left: 8rem;
	}
	.sec-support .clear
	{
		display: none;
	}
	.sec-support .sec-text
	{
		margin: 8rem 2% 2rem;
	}
}

/* breakpoint: 600, 1366 */
@media only screen and (max-width: 600px)
{
	.plan-btn
	{
		font-size: calc(1.75vw - -1.3rem); /* workaround: double neg */
		padding: 1.4rem;
	}
}
@media only screen and (min-width: 601px) and (max-width: 1366px)
{
	.plan-btn
	{
		font-size: calc(1vw - -1.5rem);	/* 2.4 at 900; 2.7 at 1200 */ /* workaround: double neg */
	}
}
@media only screen and (min-width: 1367px)
{
	.plan-btn
	{
		font-size: 2.7rem;	/* formula would give 3rem, but that causes wrapping issues */
	}
}

/* END index.php */

/* BEGIN international - chinese.php, french.php, german.php */
.intl-body
{
	/* to achieve same width as MSEO provided */
	text-align: justify;
	padding: 0 2rem 0 1rem;
	max-width: none;
	margin: initial;
}
#p-chinese #footer,
#p-french #footer,
#p-german #footer
{
	padding: 1rem 0;	/* override */
}
#p-chinese .utility-nav a,
#p-french .utility-nav a,
#p-german .utility-nav a
{
	padding: 0 .7rem;	/* reset to normal */
}
#p-chinese .utility-nav,
#p-french .utility-nav,
#p-german .utility-nav
{
	/* cheapo overrides */
	display: inherit;
	text-align: center;
}
/* END international - chinese.php, french.php, german.php */

/* BEGIN landing-page.php */
#p-landing-page h2
{
	margin-block: .2em;
}
.fw-normal
{
	font-weight: normal;	/* to override on h2 tags */
}
.LP-bottom-text h2
{
	margin-block: inherit !important;
}
.no-js #wrongSide, #wrongSide	/* TODO added without no-js to prevent better; not sure if no-js is needed */
{
	/* prevent text of #wrongSide dialog appearing on the page below the Save & Continue button */
	display: none;
}
.expandable img
{
	margin-right: .5rem;
}
.to-dashboard
{
	margin: 2rem 0;
	text-align: center;
}
.to-dashboard a
{
	text-decoration: none;
}
.to-dashboard .rh-button
{
	padding: .7rem;
}
#LP-body
{
	color: #35595a;
}
#LP-body .mobile-form
{
	/* overrides .rounded styles */
	border-color: #35595a !important;
	border-radius: 3px;
	width: inherit;
	max-width: inherit;
	background-color: #efefef;
	margin: 0;
}
.LP-body-header
{
	max-width: none;
}
.role-name
{
	margin-top: 1rem;
}
.LP-role-select
{
	margin: 9rem 2rem;
}
.LP-h1
{
	margin: 6rem 0 5rem;
	text-align: center;
	font-weight: bold;
}
.LP-2nd-title
{
	display: inline-block;
	margin-top: 1.5rem;
}
.LP-par
{
	margin: 0 auto;
}
.LP-pitch
{
	margin: 0 auto 6rem;
}
.LP-par2
{
	/*margin-top: 3rem;*/
	margin: 5rem auto 3rem;
}
.LP-rep-tagline
{
	text-align: center;
}
.LP-screamer
{
	font-size: 2.1rem;
	font-style: italic;
	font-weight: bold;
}
.LP-arrow
{
	position: absolute;
	top: -3rem;
	left: 1rem;
}
.LP-1-col
{
	height: 4rem;
}
.landing-list
{
	margin-bottom: 1rem;
	max-width: 90%;
}
/*
.search-tips-question
{
	position: relative;
	margin-left: 30px;
}
*/
/*
.search-tips-text
{
	font-weight: bold;
}
*/
.question-search-tips
{
	margin: -.5rem 0 0 -4rem;
}
.LP-search-hdr
{
	margin: 3rem 0;
}
.LP-search-box div
{
	padding-bottom: 2px;
}
.LP-search-box button
{
	/* prefixes still needed! */
	-webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
	font-size: 1.3rem;
	padding: .5rem;
	/*padding: .4rem;*/
	font-weight: bold;
	color: #fff;
	/*color: #126d34;*/
	border: 1px solid gray;	/* for mobile emulator */
	background-color: #c93c3c;
	/*background-color: #f5f5f5;*/
	border-radius: .6rem;
	box-shadow: 1px 1px 1px #666;
	position: relative;
	top: -.2rem;
	left: .6rem;
}
.LP-search-pitch-2-body
{
	font-size: 2.2rem;
	margin-top: 1rem;
}
.display-ads-link
{
	position: relative;
}
#pricing-snippet-title
{
	margin: 3rem 0 .3rem 0;
	text-align: center;
}
#score
{
	color: #000;
	font-size: 90%;
	position: absolute;
	text-align: center;
	width: 100px;
	z-index: 1;
	font-weight: bold;
}
#scorebar
{
	background: url(/images/bg_strength_gradient-tall.jpg) no-repeat 0 0;
	position: absolute;
	width: 100px;
	z-index: 0;
	height: 16px;
}
#scorebarBorder
{
	background: #333;
	border: 1px solid #000;
	height: 16px;
	margin: 5px 0 2px 0;
	width: 100px;
	float: left;
}
#complexity
{
	float: left;
	width: 100px;
	margin: 11px 0 0 15px;
	font-size: 90%;
	font-weight: bold;
}
#pw-set #complexity
{
	margin: 0;
	text-align: center;
}
#pw_message
{
	font-weight: bold;
	float: left;
	margin: 4px 10px 0 0;
	color: #ac0000;
}
#pw-set #pw_message
{
	font-size: 10px;
	height: 25px;
	/*width: 125px;*/ /* works better without */
}
#rep-terms
{
	display: block;
	position: relative;
	top: 8rem;	/* TODO: odd; normally should be negative -6rem, but for some reason only works with positive 8rem */
	visibility: hidden;
}
.rep-terms
{
	font-size: 1.4rem;
}
.rep-terms .hilite
{
	color: var(--color-rep);
	font-weight: bold;
}
.role-def
{
	/*min-height: 281px;*/
	height: 50rem;
}
.role-detail
{
	margin:0 0 1rem 0;
}
#p-landing-page #header-container
{
	/* to allow header margins to extend to full width of browser viewport */
	width: 100%;
	background-color: #35595a;
	position: fixed;
	top: 0;
	/*top: 0;*//* TODO suppress this to see if it is needed--it interferes with site status message */
	z-index: 1;
	max-width: inherit;
}
#p-landing-page #header
{
	background-color: #35595a; /* need to prevent body from showing through */
	width: 100%;
	padding-left: .2rem;
	position: relative;
	margin: 0 auto;
	z-index: inherit;
	/*height: 7.2rem;*/
	max-width: 136.6rem;	/* override */
}
#p-landing-page #tagline
{
	font-weight: normal;
}
#p-landing-page .label-login, #p-landing-page .theme-neutral, #p-landing-page #tagline
{
	color: #fff;
}
#p-landing-page #main
{
	margin-top: 7rem;
}
#p-landing-page .user-control:nth-child(2)
{
	display: none;
}
#p-landing-page .label-login div
{
	color: #fff;
	font-weight: normal;
}
#p-landing-page .user-btn
{
	background-color: transparent !important;
	font-weight: normal;
}
/* Placeholder styling described at https://css-tricks.com/almanac/selectors/p/placeholder/. */
/* States there that FF needs an opacity override; however this does not appear to be necessary */
/* because we prefer the application of opacity to dim. */
/* Chrome/Opera/Safari, Firefox 19+, IE 10+ */
.LP-search-box input::-webkit-input-placeholder, .LP-search-box input::-moz-placeholder, .LP-search-box input:-ms-input-placeholder
{
	font-size: 1.5rem;
	padding-left: 5px;
	width: 10rem;
}
.LP-head
{
	font-size: 3rem;
	font-weight: normal;
	text-align: center;
	margin: 0 0 1rem 0;
}
.LP-subhead
{
	margin-top: 3rem;
	font-size: 2.5rem;
}
.LP-head-industry1
{
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
	margin-block: 2rem !important;
}
.LP-head-industry2
{
	text-align: center;
	font-size: 3rem;
	margin-block: 2rem !important;
}
.LP-head2
{
	width: initial;
	text-align: center;
	margin: 4rem auto .5rem;
	font-size: 2rem;
}
.LP-form-sec
{
	margin-bottom: 3rem;
}
#LP-form
{
	margin: 2rem auto;	/* note: addition margin added for on-page links to avoid showing partial line above form */
}
.LP-form-pw-dup
{
	position: relative;
	top: 3px;
}
#LP-body .LP-arrow
{
	top: -6rem;
	left: 0;
}
.LP-search-sec
{
	/*background-color: var(--color-lite-green);*/
	max-width: none;
}
.LP-search-box
{
	border: 6px solid #35595a;;
	padding: 0;
}
.LP-search
{
	width: 90%;
	max-width: 75rem;
	margin: 0 auto;
}
.LP-search-CTA
{
	margin: .5rem 0;
	text-align: center;
}
.LP-search-advice
{
	font-size: 1.6rem;
}
.LP-search-box .keyword
{
	height: 3rem;
	border-style: none;
	padding-left: .5rem;
}
.LP-advice
{
	font-size: 1.5rem;
	margin-left: 1rem;
}
.LP-difference
{
	margin: 3rem auto 1rem;
	position: relative;
	overflow: auto;
	width: initial;
	max-width: 136.6rem;
}
.LP-diff-head
{
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
}
.LP-button
{
	background-color: #35595a !important;
	color: #fff !important;
	border-radius: 6px !important;
	/*border-radius: 3px !important;*/
}
.LP-button-wide
{
	width: 22rem !important;
}
.LP-plat-button
{
	margin: 2.6rem auto !important;
}
.LP-button-sched
{
	padding: 3px;
	border: 1px solid black;
	box-shadow: 2px 2px 3px #888;
	font-weight: normal;
	text-align: center;
	background-color: #35595a !important;
	color: #fff !important;
	border-radius: 3px !important;
	width: 22rem !important;
	margin: 1rem auto 0;
}
.CTA-sched
{
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
}
.LP-testimonial-sec .testimonial
{
	margin: 2rem auto;
	width: 90%;
	max-width: 75rem;
}
.LP-testimonial-sec .testimonial-body
{
	border: 2px solid #35595a;
	border-radius: 3px;
	box-shadow: 1px 1px 4px #888;
	/*font-size: 1.3rem !important;	!* TODO can remove important when original styles harvested *!*/
	font-size: 1.8rem !important;	/* TODO can remove important when original styles harvested */
}
.TP-head
{
	color: inherit;
}
.testi-hr
{
	height: 1px;
	border: none;
	color: #35595a;
	background-color: #35595a;
	margin: 1rem 2rem;
}
.testi-head
{
	font-weight: bold;
	margin-bottom: .5rem;
}
#LP-body .author
{
	/* used on LP only when Trustpilot is disabled */
	font-weight: bold;
	text-align: center;
}
.LP-no-under
{
	text-decoration: none !important;
}
/*
.LP-dark-bkgd-rep
{
	background-color: var(--color-purple);
}
*/
.LP-industry-col1
{
	float: left;
	width: 50%;
}
.LP-industry-col2
{
	float: right;
	width: 50%;
}
.LP-industry-list
{
	list-style-type: none;
	margin: 1rem 0 2rem 27%;
}
.LP-industry-list ul
{
	/* both LP-industry-list and .LP-industry-list ul have to set list-style-type: none; to prevent flash of bullets */
	list-style-type: none;
	font-weight: normal;
}
.LP-industry-list .faq-list-item-bordered
{
	border: none;
}
/*
.rep .LP-pricing-sec
{
	!*background: none;*!
	!*padding: 0;	!* override *!*!
}
*/
.pri .LP-pricing-sec
{
	margin-bottom: 4rem;
}
.LP-pricing-sec a:link
{
	/* to prevent underlines appearing in most of pricing table when clicked */
	text-decoration: none !important;
}
#pricing-abbrev .plan-quantities
{
	padding: 1rem .5rem;
	/*background-color: #fff;*/
	border: none;
}
.p-a-col
{
	margin: 1rem 2% 1rem 0;/* TODO for pricing */
	border: 2px solid #35595a;
	border-radius: 1rem;
	/*box-shadow: 4px 4px 12px #888;*/
	/*position: relative;	!* to abs pos the bottoms at the bottom *!*/
	/*width: 26.2rem;	!* TODO exp to 31.2rem *!*/
	width: 31.2rem;
}
.p-a-top
{
	border-radius: 1rem 1rem 0 0;
	border-bottom: 2px solid #35595a;
	height: 12rem;
}
.p-a-hdr
{
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 1rem 0;
	margin-block: 0 !important;	/* to override the override */
}
.p-a-hdr2
{
	font-size: 1.8rem;
}
.p-a-row
{
	margin: 1rem .8rem 2rem;		/* odd that both margin and padding are needed */
	padding: 2.4rem .5rem;
	/*font-size: 1.6rem;	!* TODO exp at 1.8rem *!*/
	font-size: 1.8rem;
	font-weight: bold;
	position: relative;
}
.p-a-bottom
{
	margin-bottom: 4rem;
	height: 18rem;
}
.p-a-left
{
	float: left;
}
.p-a-right
{
	float: right;
}
#pricing-abbrev .up3-col
{
	/*margin: 1rem 10vw 1rem 0;*/
	margin: 4%;
}
#pricing-abbrev .up3-col1, .p-a-col1 .p-a-top
{
	background-color: var(--color-bronze);
}
#pricing-abbrev .up3-col2, .p-a-col2 .p-a-top
{
	background-color: var(--color-silver);
}
#pricing-abbrev .up3-col3, .p-a-col3 .p-a-top
{
	background-color: var(--color-gold);
}
#p-landing-page .up3-hdr2
{
	height: 4rem;
}
#pricing-abbrev .p-q-2
{
	height: 15.2rem;	/* TODO correct cut off text */
	margin-bottom: .5rem;
}
#pricing-abbrev .pricing-col
{
	height: 6.3rem;
}
#pricing-abbrev
{
	overflow: auto;
	/*width: 85%;*/
	margin: 0 auto;
}
.LP-elite-rep
{
	/*background-color: var(--color-purple);*/
	padding: 4rem 15%;
	/*margin-top: 5rem;*/
}
.LP-elite-rep-new
{
	font-size: 3rem;
	text-align: center;
}
.LP-elite-rep-p
{
	margin: 3rem 0;
}
.LP-before-CTA
{
	margin-bottom: 6rem;
}
.LP-elite-rep-list

{
	margin: 3rem 0;
}
.LP-elite-rep-list li
{
	margin: 3rem 0;
}
.LP-elite-rep-side
{
	width: 45%;
}
.LP-elite-rep-side img
{
	margin-top: 4rem;
}
.sr-recruiting-blurb
{
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	padding-top: 1rem;
}
.LP-foot
{
	margin: 4rem auto 2rem;
}
.LP-separator
{
	background: url(/images/shadowline-1366x70x64.png) no-repeat scroll 0 0 rgba(0,0,0,0);
}
.LP-shadowline-sec
{
	margin-top: 4rem;
}
.LP-extra-sec
{
	margin: -4rem auto 2rem;	/* top to compensate for margin in .LP-shadowline-sec */
	max-width: 70rem !important;
}
.LP-bottom-text
{
	margin: 4rem 0 3rem;
}
.LP-bottom-spacer
{
	margin-top: 4rem;
}
.no-footer-margin
{
	margin-bottom: 0 !important;
}
.rep-spacer
{
	margin-top: 8rem;
}
#p-landing-page
{
	font-size: 2rem;	/* new base size */
}
#top-nav
{
	font-size: 1.8rem;	/* override to allow more links */
}
#p-landing-page #main
{
	padding: 0;	/* override */
}
#LP-body #LP-form
{
	max-width: 75rem;
}
.LP-HSO
{
	background-color: var(--color-lite-green);
	padding: 1rem 0;
}
.LP-guarantee
{
	margin: 3rem auto;
	padding: 5rem 0;
}
.LP-subsec
{
	max-width: 70rem;
	width: 90%;
	margin: 0 auto;
}
.LP-guarantee-list li
{
	margin-top: 1rem;
}
.text-subhdr
{
	font-size: 2.2rem;
}
#pricing-abbrev
{
	display: flex;	/* to make even height boxes */
	flex-wrap: wrap;
	align-items: center;
	/*justify-content: center;*/
	justify-content: space-evenly;
}
.LP-difference-sec
{
	overflow: hidden;
}
.diff-container
{
	display: flex;
	flex-wrap: wrap;
}
.diff-img img
{
	margin: 10% auto;
	display: block;
	width: 100%;
	height: auto;
	max-width: 370px;
}
.diff-text1
{
	margin-top: 4rem !important;
}
.diff-text1-rep
{
	margin-top: 11rem !important;
}
.diff-img2
{
	margin: 4rem 3.6rem !important;
}
.diff-img3
{
	margin: 10rem 3.6rem !important;
}
.diff-text2-rep
{
	margin-top: 6rem !important;
}
.diff-text3
{
	margin: 6rem 3.6rem !important;
}
.diff-text li
{
	margin: 1rem 0;
}
.left-text
{
	margin-top: 6.8rem !important;
}
.right-text
{
	margin-top: 2rem !important;
}
.LP-diff-band
{
	/* color derived from purple used on home page, with 66% white layer over it */
	/*background-color: var(--color-purple);*/
	display: inline-flex;	/* keep same layout even with extra div level */
}
.LP-diff-band img
{
	border-radius: 3px;
}
.LP-industry-col1
{
	width: 46%;
}
.ind-container
{
	display: flex;
}
.LP-industry-hdr
{
	text-align: center;
	font-weight: bold;
	margin: 2rem 0 1rem !important;
}
.ind-body
{
	width: 80%;
	margin: 0 auto;
}
.ind-body li li
{
	list-style-type: circle;
}
.industry-specific-search
{
	display: block;
	margin: 2rem auto 2.5rem;
	padding: 1rem;
	font-weight: bold;
	border: none;
}
a.anchor
{
	/* css to replace js scrollAdjust */
	/* replaced: #rep-ready-consulting, #profile_pictures, #LP-industry-hub, #industry-anchor, #LP-search-box-anchor */
	display: block;
	position: relative;
	top: -6rem;
	visibility: hidden;
}
a.sr-anchor
{
	/* css to replace js scrollAdjust */
	position: relative;
	top: -31.5rem;	/* add one rem to better align */
	/*visibility: hidden;*/
}
#profile_pictures
{
	/* override position */
	top: -10rem;
}
#rep-ready-section-img
{
	margin: 30% auto;
}
.LP-search-tips
{
	/*float: none;*/
	margin: 2rem 0 1rem;
	text-align: center;
}
/* note: 562px is optimized for Chrome and FF; IE/Edge needs 574px */
@media only screen and (max-width: 574px)
{
	/* for main LPs */
	.LP-par
	{
		width: 100%;
		font-size: 1.8rem;
	}
	.LP-head
	{
		font-weight: bold;
		font-size: 2rem;
	}
	.LP-2nd-title
	{
		top: .5rem;
	}
	.LP-form-sec
	{
		padding-top: 0;	/* override */
	}
	.LP-search-advice
	{
		width: 100%;
		margin: 1rem 1rem 2rem;
	}
}
@media only screen and (min-width: 526px) and (max-width: 574px)
{

	.lp-phone1-ext
	{
		/*margin-left: -95px;*/
		margin-left: -88px;
	}
}
@media only screen and (min-width: 575px)
{
	.LP-par
	{
		width: 80%;
		font-size: 2rem;
	}
	.LP-search-advice
	{
		width: 70%;
		margin: 1rem 3rem 0;
	}
	.lp-phone1-ext
	{
		margin-left: -97px;
	}
}
@media only screen and (min-width: 501px)
{
	#p-landing-page .trustpilot-widget
	{
		width: 90%;
		margin: 3rem auto;
		/*z-index: -1*/;	/* to allow link to be effective in full image of TP-fake; unfortunately prevents slider from sliding */
		/* compromise: do not put link on image */
	}
	#p-landing-page .trustpilot-widget iframe
	{
		margin: 0 auto;
	}
}
@media only screen and (max-width: 500px)
{
	.LP-industry-list
	{
		margin-left: 5%;
	}
	.lp-phone1-ext
	{
		/*margin-left: -95px;*/
		display: table-cell;
		width: 100%;
	}
}
@media only screen and (min-width: 501px) and (max-width: 768px)
{
	.LP-industry-list
	{
		margin-left: 15%;
	}
}
@media only screen and (min-width: 769px)
{
	.LP-industry-list
	{
		margin-left: 27%;
	}
}
@media only screen and (max-width: 570px)
{
	#LP-body .LP-arrow
	{
		display: none;
	}
}
@media only screen and (max-width: 768px)
{
	.LP-mobile-cutoff
	{
		display: none;
	}
	.LP-search-CTA
	{
		font-size: calc(2.23vw - -1.3rem); /* workaround: double neg */
	}
	.LP-h1
	{
		/*font-weight: bold;*/
		font-size: calc(2.23vw - -1.3rem); /* workaround: double neg */
		/*margin-bottom: 2rem;*/
	}
	#about-1-2-3
	{
		padding-left: 0;
	}
	.mobile-form, #admin-info
	{
		/*width: 87%;*/
		/*width: 94%;*/ /* TODO */
		/*margin: 2rem auto;*/ /* TODO weirdly adds margin on the left */
		padding: .5rem;
	}
	.form-fields
	{
		margin: 0 .5rem;
		overflow: visible;
	}
	#LP-body .form-fields
	{
		margin: 0 auto;
	}
	.display-ads-link
	{
		margin: 1.5rem 0 0 3%;
	}
	.LP-difference
	{
		width: inherit;
		margin-bottom: -1rem;
	}
	.diff-text
	{
		margin: 3.6rem auto 0 !important;
		font-size: 2rem;
		width: 100% !important;
	}
	.diff-text-inner
	{
		margin: 1rem;
	}
	.ind-container
	{
		flex-wrap: wrap;
		margin-bottom: 3rem;
	}
}
@media only screen and (min-width: 769px)
{

	.LP-mobile-cutoff
	{
		display: block;
	}
	.LP-search-CTA
	{
		font-size: 3rem;
	}
	.LP-h1
	{
		/*font-weight: bold;*/
		font-size: 3rem;
		/*margin-bottom: 0;*/
	}
	.mobile-form, #admin-info
	{
		/*width: 50%;*//*TODO temp -- see if hurts settings.php, cuz helps UK-sales-agents.php */
		margin-left: 2rem;
		padding: 1rem;
	}
	#p-register .mobile-form
	{
		margin-left: 0;	/* override */
	}
	.form-fields
	{
		margin: 0 auto;
	}
	#subscribe .form-fields
	{
		margin: inherit;
	}
	.display-ads-link
	{
		margin: 2rem 0 .7rem 23%;
	}
	.diff-text
	{
		margin: 3.6rem;
		font-size: 2rem;
	}
	.diff-text-inner
	{
		margin: 2rem 4rem;
	}
}
@media only screen and (max-width: 900px)
{
	.diff-img
	{
		display: none;
		margin: 3.6rem;
		font-size: 2rem;
	}
	.diff-text, .diff-img
	{
		width: 80%;
		margin: 3.6rem auto;
	}
	.rep-ready-band
	{
		width: 100%;
	}
}
@media only screen and (min-width: 901px)
{
	.diff-img
	{
		display: block;
		margin: 3.6rem;
		font-size: 2rem;
	}
	.diff-text, .diff-img
	{
		width: 39vw;
		max-width: 56.6rem;
	}
}
@media only screen and (max-width: 364px)
{
	.LP-search-box .keyword
	{
		width: 87%;
	}
}
@media only screen and (min-width: 365px) and (max-width: 768px)
{
	.LP-search-box .keyword
	{
		width: 89%;
	}
}
@media only screen and (min-width: 769px)
/*@media only screen and (min-width: 501px)*/
{
	.LP-search-box .keyword
	{
		width: 94%;
	}
}
@media only screen and (max-width: 450px)
{
	.LP-industry-col1, .LP-industry-col2
	{
		font-size: 1.1rem;
	}
}
@media only screen and (max-width: 540px)
{
	.br-resp1
	{
		display: none;
	}
}
@media only screen and (max-width: 840px)
{
	.br-resp2
	{
		display: none;
	}
}
@media only screen and (max-width: 1000px)
{
	#pricing-abbrev .up3-col
	{
		width: 40%;
		max-width: none;
	}
}
@media only screen and (min-width: 1001px)
{
	#pricing-abbrev .up3-col
	{
		width: 27.5rem;
	}
}
@media only screen and (min-width: 840px)
{
	.LP-industry
	{
		position: relative;
		left: 3rem;
		width: 91%;
	}
}
/* END landing-page.php */

/* BEGIN link-offer.php */
.link-offer-data
{
	text-indent: 3rem;
}
.link-offer-tbl
{
	margin: 2rem 7rem 5rem;
}
.link-offer-col1
{
	width: 30%;
}
.link-offer-list
{
	margin-left: 10rem;
}
.link-offer-msg
{
	font-weight: bold;
	padding-top: 2rem;
}
/* END link-offer.php */

/* BEGIN login.php */
#login
{
	padding: 1.6rem .5rem;
	margin: 3rem;
	max-width: 30rem;
	width: 85%;
	height: 31rem;	/* override */
	text-align: center;
	background-color: #fff;	/* overlay background */
}
.login-body
{
	background-color: #eee;
	border: 1px solid maroon;
	padding: 2rem;
}
.login-body li
{
	margin-bottom: 1rem;
}
#login input
{
	margin-bottom: 20px;
	width: 100%;
	max-width: 250px;
	font-size: 1.6rem;
	padding: 3px;
}
#login-links
{
	line-height:3rem;
	font-size: 1.5rem;
	color: blue;
}
#login-links a
{
	color: blue;
	/*text-decoration: underline;*/
}
#login-links span
{
	color: #ac0000;
}
#login-button input
{
	height: 4.2rem;
	width: 9rem;
	font-weight: bold;
}
.bkgd-T45::before
{
	background: url(/images/members/T4582809-315x233x87.jpg) no-repeat center;
}
/* overrides to handle page-specific footer */
#p-login #copyright
{
	position: fixed;
	bottom: 0;
	background-color: #35595a;
	width: 100%;
	padding: 1rem 0;
	margin: 0;
}
#p-login #nav
{
	display: none;
}
#p-login .sec-footer .sec
{
	max-width: none;
	padding: 0;
}
#p-login .static-body
{
	width: initial;
}
#p-login #header
{
	height: 5rem;	/* override */
}

#p-login #main
{
	background-color: inherit;	/* override gray background */
}

@media only screen and (max-width: 768px)
{
	.login-body
	{
		margin: 6rem 3rem;
		font-size: 1.2rem;
		font-size: calc(1.34vw - -.771rem);	/* workaround: double neg */
		width: 85%;
		max-width: 30rem;
	}
}
@media only screen and (min-width: 769px)
{
	.login-body
	{
		margin: 6rem;
		font-size: 1.8rem;
		width: 45%;
	}
}
/* END login.php */

/* BEGIN dashboard.php */
.help-request /* for buttons on dashboard, invoice page, unsubscribe page */
{
	background-color: #f49cbb;
	padding: 6px;
	border-radius: .5rem;
}
.next-steps td
{
	border: none !important;
	text-align: left !important;
}
.next-steps button
{
	width: 100px;
	background-color: #f49cbb;
	padding: 3px;
	margin: 5px auto;
	display: block;
	border-radius: .6rem;
}
.button-wrapper
{
	font-size: 1.2rem;
	/*font-size: 1.4rem;*/
	position: relative;
}
.question-msg
{
	font-size: 130% !important;
	margin-left: .5rem;
}
.question-review
{
	top: 3rem;
	left: 8.2rem;
}
.question-demo
{
	top: 3rem;
	left: 6.5rem;
}
#dashboard .note
{
	font-size: 10px;
	width: 360px !important;
	margin-top: 2px !important;
}
#dashboard .key
{
	color: maroon;
	font-weight: bold;
}
#value-pri-scr1
{
	display: inline;
	margin-left: 28px;
}
#value-pri-comp
{
	display: inline;
	margin-left: 20px;
}
.fin-detail
{
	font-size: 12px;
}
.fin-machine
{
	display: inline-block;
	margin-left: 2rem;
}
.fin-as-of
{
	margin: .6rem 0 1rem 2.4rem;
}
#recalcbutton
{
	margin-left: 2rem;
	border-radius: .8rem;
}
#email-confirm
{
	position: absolute;
	left: 10%;
	max-width: 42rem;
	width: 75%;
	top: 14rem;
	border: medium solid maroon;
	/*border-radius: .8rem;	!* causes cut off top corners; accept for now *!*/
	border-radius: .5rem;	/* causes cut off top corners; accept for now */
	background-color: #FFF;
}
#email-confirm-title
{
	height: 25px;
	background: url('/images/titleBar-2x25x32.gif') repeat-x;
	font-weight: bold;
	padding: 4px 0 0 12px;
}
#email-confirm-body
{
	padding: 5px 10px;
}
#email-confirm p
{
	margin-bottom: 5px;
}
#email-confirm .incentive
{
	color: maroon;
	font-weight: bold;
}
#email-confirm #cont-button
{
	float: left;
	margin: 22px 10px 0 10px;
}
#email-confirm #cont-text
{
	float: left;
	width: 240px;
	margin: 10px 0 0 0;
}
/*
#email-confirm .nbr
{
	font-weight: bold;
	color: #000;
}
 */
#email-confirm li
{
	margin-top: 1rem;
}
.email-conf-contacts
{
	margin-left: 10%;
}
.title-bar-x
{
	position: absolute;
	top: 5px;
	right: 5px;
}
.more-link
{
	font-size: smaller;
	font-weight: bold;
	margin: 10px 0 0 30px;
}
/* place question mark inside legend, so absolute positioning not needed */
/* use question-add-info for all fields, instead of individual styles */
/* styles in selector override the inherited fa and fa-question-circle-o styles */
.question-addn-info
{
	position: static;
	display: inline !important;
	font-size: 140% !important;
}
.home-testimonial
{
	margin: 2rem auto;
}
#dashboard #blog-posts
{
	/* overrides */
	font-size: 1.8rem;
	margin: 2rem auto 2rem;
}
#dashboard .blog-post-footer
{
	margin-top: 1rem;
}
.r123
{
	float: left;
	margin: 0;
}

/* BEGIN paid-status.php */
#paid-status
{
	min-height: 37rem;
}
#psc-btn
{
	border-style: groove;
}
.question-cardholder-details
{
	position: inherit;
	margin: 0 3px;
}
/* END paid-status.php */

/* BEGIN pricing-inc.php */
/* 3-up styles */
i.fa-comment-dots
{
	color: #800000;
	font-size: 8rem;
}
.savings-bubble
{
	position: absolute;
	right: -6%;
	top: -6rem;
}
.savings-bubble .bubble-text
{
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #800000;	/* together with paddding width, covers up dots from icon */
	padding: 2px 5px;
}
.pricing-col3 .bubble-text
{
	padding: 2px 0;	/* overrides bubble-text padding for third col, as wider caption eliminates need to fill in background color */
}
.print-brochure-notice
{
	width: 80%;
	margin: 3rem auto;
}
.print-brochure-inst
{
	font-size: 1.6rem;
	padding-top: 7rem;	/* needs increased value because pricing-subhead is inline-block */
}
#p-subscribe #_xpbar0
{
	left: 3rem;
}
#subscribe div
{
	box-sizing: content-box;
}
.pricing-3up #main
{
	background-color: #efefef;	/* TODO 3-up pricing */
	position: relative;
	top: -1px;	/* relative an top needed to eliminate 1px space when gray background is used */
}
.plan-title
{
	font-size: 1.8rem !important;
}
.pricing-3up .up3-col
{
	background-color: #fff;	/* TODO 3-up pricing */
}
.pricing-col
{
	position: relative;
}
#p-subscribe .pricing-col
{
	height: 11rem;
}
.pricing-col1
{
	background-color: var(--color-bronze);
}
.pricing-col2
{
	background-color: var(--color-silver);
}
.pricing-col3
{
	background-color: var(--color-gold);
}
.plan-color
{
	color: #fff;
}
.plan-color1
{
	color: var(--color-bronze);
}
.plan-color2
{
	color: var(--color-silver);
}
.plan-color3
{
	color: var(--color-gold);
}
.up3-row1 .up3-col
{
	min-height: 77rem;	/* need most room at 741px wide */
}
.up3-row1 .up3-col1 li
{
	margin-top: .7rem;
}
.up3-row2 .up3-col
{
	min-height: 44rem;
}
.up3-row2 .next-steps
{
	font-size: 1.3rem;
}
.up3-row2 .banner-OD img
{
	height: 86px;
	margin: 0 !important;
	width: inherit !important;
}
.up3-row3 .up3-col
{
	max-width: 64rem;
	width: 100%;
	margin: 2rem auto;
	float: none;
	min-height: inherit;
}
.up3-row3 #customer-lobby-index
{
	margin: 1rem 9.5%;
}
.up3-col1 p
{
	margin: 1vmin 0;
}
#p-subscribe .up3-col3
{
	margin-right: 0 !important;	/* TODO need to get pricing to fit */
}
.up3-hdr1
{
	text-align: center;
	font-weight: bold;
}
.up3-hdr2
{
	text-align: center;
	font-weight: bold;
	font-size: 1.3rem;
	margin-top: .5rem;
	height: 3rem;
}
.up3-hdr3
{
	text-align: center;
	font-weight: bold;
	font-size: 1.1rem;
	margin-top: .5rem;
}
.up3-row5 .up3-col
{
	/*min-height: 120.2rem;*/
	/*min-height: 58rem;*/ /* TODO another one! */
	min-height: 43rem;
}
.up3-row4 .up3-col2 li, .up3-row4 .up3-col3 li
{
	margin-top: 2rem;
}
.up3-row4 .up3-col
{
	/*min-height: 87rem;*/
	min-height: 95rem; /* TODO top buttons */
	padding-bottom: 4rem;	/* to make room for absolutely positioned button, especially for mobile */
}
.pricing-no-btn
{
	padding-bottom: 0 !important;	/* override for screen shots */
}
.up3-row6 .up3-col
{
	min-height: 39rem;
	padding-bottom: 4rem;	/* to make room for absolutely positioned button, especially for mobile */
}
/*
 	up3-* styles for 3-up pages
 	up3-row - generic row styles
 	up3-rowX - styles for row X
 	up3-col - generic column styles
 	up3-colX - styles for column X
 	pages using (each page has its own rows to avoid major confusion):
 	- index.php (up3-row1, up3-row2, up3-row3)
 	- pricing-inc.php (never: up3-row4, up3-row5; paid: up3-row6, up3-row5)
 */
.up3-row
{
	overflow: hidden;
	width: 98%;	/* to get rid of overhanding border on right */
}
.up3-row img
{
	display: block;
	margin: 1rem auto;
}
.up3-col
{
	/* hack to make legacy pricing page work along with new pricing-abbrev */
	/*max-width: 23.75rem;*/	/* TODO exp flex */
	max-width: 22.25rem;	/* TODO exp flex */
	/*width: 31.8%;*/		/* TODO for pricing */
	width: 30%;		/* TODO for pricing */
	margin: 1rem 2% 1rem 0;/* TODO for pricing */
	background-color: #efefef;
	float: left;
	border: 1px solid #35595a;
	border-radius: 1rem;
	box-shadow: 4px 4px 12px #888;
	padding: .5rem;
	/*box-sizing: border-box;	!* without this, divs take "fixed" width rather than percentage *!*/
	position: relative;	/* to abs pos the bottoms at the bottom */
}
/*
.up3-col2 .plan-quantities, .up3-col3 .plan-quantities
{
	height: 8.4rem;
}
 */
.plan-plus
{
	font-weight: bold;
	font-size: 1.6rem;
	margin: 1.5rem 0 0 1.5rem;
}
.up3-row2 .p-q-1
{
	height: inherit;
}
.up3-row5 .p-q-1
{
	height: inherit;
}
.pricing-plat, .pricing-col4
{
	background-color: var(--color-platinum);
}
.plan-quantities
{
	border: 1px solid maroon;
	font-size: 1.3rem;
	margin: 1rem auto;
	max-width: 21.4rem;
	/*width: 26.5vmin;	*//* TODO after refactoring, if present, shrinks the width of the pricing box */
	overflow: hidden;
	padding: .5rem 0;
}
#p-landing-page .plan-quantities
{
	margin: 3rem auto 1rem;
}
.plan-quantities td, .plan-quantities th
{
	padding: 3px;
	text-align: center;
}
.p-q-1
{
	height: 10rem;
	position: relative;	/* TODO temp */
}
#p-landing-page .p-q-1
{
	height: 11rem;
}
.p-q-2
{
	height: 13rem;
}
.price-1st
{
	text-align: center;
	font-weight: bold;
	height: 3rem;
}
#p-landing-page .price-1st
{
	position: relative;
}
.question-pricing-abbrev
{
	position: relative;	/* override */
}
.p-q-2 .price-1st
{
	height: 4rem;
}
.price-col1, .price-col2
{
	float: left;
	width: 48%;
	text-align: center;
	margin-top: .5rem;
}
.price-row2
{
	text-align: center;
	margin: 2.7rem 0 2rem 0;
}
.price-row2p
{
	margin-top: 2rem;
}
.price-row3
{
	font-weight: bold;
}
.price-row4
{
	text-align: center;
	margin-top: .5rem;
}
.price-row5
{
	text-align: center;
	margin: 2rem 0;
	height: 4.8rem;
}
.price-row6
{
	font-weight: bold;
	text-align: center;
	margin: 1rem 0;
}
.price-row7
{
	text-align: center;
	margin: 1.5rem 0 0;
}
.price-row8
{
	font-weight: bold;
	margin: .5rem 0 0 1rem;
}
.price-hght
{
	margin: 1rem 0;
}
.price-box-hght
{
	height: 10.3rem;
}
/*
.missing-border
{
	!* should not be needed, but without it the right border disappears on col2 tables *!
	border-right: 1px solid maroon;
}
 */
.price-tall
{
	height: 13.5rem !important;
}
.plan-features li
{
	list-style-type: none;
	margin: 0 0 .8rem 1rem;
}
ul.plan-features
{
	padding-left: 0;
}
.plus-lit
{
	color: #cf0000;
}
.plus-features
{
	font-size: 1.6rem;
}
.plus-features li
{
	margin-bottom: 4.9rem;	/* used to adjust equal column height in Chrome */
}
#p-subscribe .up3-col
{
	box-shadow: none !important;
	/*margin-bottom: 3rem;*/ /* TODO maybe */
}
.caveat
{
	font-size: 1.1rem;
}
.next-steps-paid button
{
	float: left !important;
	margin: 3rem 1rem 0 0 !important;
}
.pricing-subhead
{
	margin-top: .5rem;
	font-size: 1.8rem;
	display: inline-block;
	float: left;
}
.subscribe-testimonial
{
	margin: 0 auto;
	width: 80%;
}
.subscribe-testimonial h2
{
	margin-bottom: 1rem !important;
}
.pricing-box
{
	border: 1px solid maroon;
	padding: 0 7px;
	max-width: 66.2rem;
	width: 90%;
	margin: 0 auto;
}
.pricing-next
{
	font-size: 20px;
	font-style: italic;
}
/* several !importants needed for .next-steps to override parent class .pricing-table */
/* TODO however, .pricing-table is no longer present, so these !importants can probably be eliminated */
.next-steps
{
	/*height: 270px;*/
	font-size: 16px;
	padding-right: 10px !important;
}
.pricing-box td:first-child
{
	width: 120px !important;
}
.pricing-box td:nth-child(2)
{
	width: 520px !important;
	padding: 10px;
}
.rh-button
{
	background-color: #f49cbb;
	padding: 3px;
	width: 50px;
	border: 1px solid black;
	box-shadow: 2px 2px 3px #888;
	color: #000;
	font-weight: normal;
	border-radius: 4px;
	text-align: center;
}
.vp-favorite
{
	width: 6rem;
}
.pass-reinstate
{
	/* to adjust caption */
	font-weight: normal;
	position: relative;
	left: -1rem;
}
.pricing-buttons
{
	float: right;
	width: 32rem;
}
.plans-jump
{
	width: 13rem !important;
	float: right;
	font-family: sans-serif;
	color: #000 !important;
}
.print-button
{
	margin: 2rem 2rem 0 2rem !important;
	float: right;
	width: 14rem !important;
}
#buy-now-dialog
{
	display: none;
}
.tbl
{
	border: 1px solid #000;
}
.tbl th, .tbl td
{
	border: 1px solid #000;
	padding: 3px;
}
.top-left
{
	border-top-left-radius: 10px;
	font-size: 15px;
}
.top-right
{
	border-top-right-radius: 10px;
}
.question-pricing
{
	position: relative;
	/*top: 1px;*/
	/*top: 0;	!* TODO override -- affects other pricing too *!*/
	/*left: -.5rem;*/
}
.extra-cost
{
	float: left;
	margin: 0 0 30px 20px;
}
.extra-cost-splat
{
	font-weight: bold;
	color: #ac0000;
}
.top-button
{
	position: absolute;
	bottom: 0;
	width:100%;	/* this width makes it centered using margin auto in child div */
}
.bottom-button
{
	position: absolute;
	bottom: 1rem;
	width: 94%;	/* this width makes it centered using margin auto in child div */
}
#full-serv
{
	display: block;
	visibility: hidden;
	position: relative;
}
.hybrid-pricing
{
	margin: 3rem 0;
}
.hybrid-features
{
	width: 98%;
	margin: 1.2rem auto 0;
	border: 1px solid #35595a;
	border-radius: 1rem;
	background-color: #fff;	/* override */
	padding: .5rem;
}
.hybrid-details
{
	border: 1px solid maroon;
	font-size: 1.3rem;
	margin: 1rem auto;
	padding: .5rem 0;
	width: 98%;
}
/*
.hybrid-btn
{
	margin-top: -2rem; !* to override generic style *!
}
*/
@media only screen and (max-width: 660px)
{
	/* remove to accommodate special pricing
	.p-q-1, .p-q-2
	{
		height: inherit;
	}
	*/
	.plan-quantities
	{
		min-width: 20rem;
	}
	.bottom-button
	{
		position: inherit;
		width: 100%;
	}
	.up3-row1 .up3-col, .up3-row4 .up3-col
	{
		min-height: inherit;
	}
	.up3-row4 .up3-col
	{
		padding-bottom: 0;
	}
	.next-steps-paid p
	{
		float: left;
		width: 70%;
	}
	#full-serv
	{
		top: -6rem;
	}
}
@media only screen and (min-width: 661px)
{
	.next-steps-paid p
	{
		float: right;
		width: 70%;
	}
	#full-serv
	{
		top: -10rem;
	}
}
@media only screen and (max-width: 640px)
{
	.next-steps td
	{
		border: 1px solid maroon !important;
		padding: 3px;
	}
}
/* END pricing-inc.php */

/* BEGIN referral.php */
/*
.referral-hdr-container
{
	width:100%;
	overflow: auto;
}
.referral-hdr
{
	width: 35%;
	min-width: 42rem;
	overflow: auto;
	margin:0 auto;
}
.referral-img
{
	float: left;
	!*margin-top: -2rem;*!
}
.referral-title
{
	margin: 3rem;
	text-align: center;
	font-size: 3rem;
}
.referral-title h1
{
	font-size:3rem;
}
.referral-incentive
{
	color: #ac0000;
	font-size: 2rem;
	font-style: italic;
	font-weight: bold;
}
.referral-body
{
	background-color: #ccc;
	overflow: auto;
	padding: 3rem 0 4rem;
	margin-bottom: 3rem;
}
.referral-instructions
{
	margin: 3rem auto;
}
.referral-instruction-list
{
	list-style-type: none;
}
.referral-instruction-list li
{
	margin: 3rem 0;
}
.referral-objective
{
	padding: .3rem 0 .7rem;
}
.disclaim-rep
{
	font-size: 1.1rem;
	line-height: .3rem;
	height: 1.4rem;
}
.referral-form
{
	max-width: 37.6rem;
	background-color: #fff;
	padding: 1rem;
	overflow: hidden;
	background-color: #ccc;
}
.referrer
{
	background-color: #fff;
	margin-bottom: 3rem;
}
.referee
{
	background-color: #fff;
}
.referral-instruction-list-logged
{
	margin: 1rem;
}
.referral-thank-you
{
	margin: 3rem 0 5rem;
	text-align: center;
	font-size: 2.5rem;
	color: #800000;
}
.referral-fields-required
{
	font-size: 1.2rem;
	color: #800000;
}
@media only screen and (max-width: 440px)
{
	.referral-img
	{
		width: 34vw;
		height: 22vw;
		margin: 2rem 1rem;
	}
	.referral-title h1
	{
		font-size: 2.4rem;
	}
	.referral-incentive
	{
		font-size: 1.6rem;
	}
	.referral-hdr
	{
		min-width: 30rem;
	}
}
@media only screen and (max-width: 342px)
{
	.disclaim-br
	{
		display: none;
	}
	.disclaim-rep
	{
		margin-left: .3rem;
	}
}
@media only screen and (min-width: 343px)
{
	.disclaim-rep
	{
		display: block;
		margin-left: 2.6rem;
	}
}
@media only screen and (max-width: 768px)
{
	.referral-instructions
	{
		width: 90%;
	}
	.referral-form
	{
		margin: 0 auto;
		padding: 1rem;
		overflow: hidden;
		background-color: #ccc;
	}
	.referral-instruction-list-non-logged
	{
		margin: 2rem;
	}
}
@media only screen and (min-width: 769px)
{
	.referral-instructions
	{
		width: 50%;
		float: left;
	}
	.referral-form
	{
		margin: 0 3rem;
	}
	.referral-instruction-list-non-logged
	{
		margin: 8rem;
	}
}

*/
/* END referral.php */

/* BEGIN register.php */
.register
{
	/*margin-left: 1rem;*/ /* TODO */
	width: 100%;
}
.form-margin-internal
{
	margin-top: 0;
}
.form-margin-internal #contact-form
{
	margin-top: 10px;
}
.progress-indicator
{
	margin: 1rem 0 0 4rem;
}
.prog-no-link a
{
	/* to disable links during registration */
	pointer-events: none;
	cursor: default;
}
.prog-dim a
{
	color: #555 !important;
}
.progress-bonus-text
{
	/*width: 70%;*/
	text-align: center;
	color: #800000;
	/*position: relative;*/
	/*top: 1.7rem;*/
	/* margin: 0 auto;*/
}
.progress-bonus
{
	border: 2px solid gray;
	border-radius: 6px;
	width: 50%;
	display: inline-block;
	/*padding-top: 1.4rem;*/
}
#progress-numbers
{
	font-size: 12px;
}
.progress-numbers
{
	/*color: #888;*/
	color: #800000;
}
.progress-text
{
	overflow: auto;
	margin-top: 3px;
}
.progress-text div
{
	float: left;
}
.fa-3x
{
	font-family: Arial, sans-serif;
	margin-right: -7px;
}
.fa-stack-2x
{
	color: #800000;
	left: -1px;	/* tweak for fa-5 */
}
/*
.prog-draw1
{
	position: relative;
}
.prog-draw2
{
	position: relative;
	left: -3px;
}
 */
.prog-draw3
{
	margin-left: 5px;
	position: relative;
	top: 1px;
	font-weight: bold;
}
.TBYB
{
	display: inline-block;
	position: relative;
	top: 1rem;
	margin: 0 .8rem;
	text-align: center;
}
.hide-TBYB
{
	position: relative;
}
.question-TBYB
{
	top: 3rem;
	left: 4.6rem;
}
.prog-hilite
{
	color: #fff;
}
.progressText
{
	color: #000;
	vertical-align: top;
	text-align: left;
}
.progressTextDimmed
{
	color: #999;
	vertical-align: top;
	text-align: left;
}
.profile-incomplete-msg
{
	text-indent: 2em;
}
.profile-incomplete-msg a
{
	text-decoration: none;
}
.profile-incomplete-msg label
{
	display: inline;
}
.profile-incomplete-msg input
{
	display: inline;
}
#p-register .profile-incomplete-msg input
{
	position: relative;
	top: 1rem;
	margin-left: 1rem;
}
.ui-dialog
{
	border: 2px solid maroon !important;
	box-shadow: 5px 5px 5px #aaa;
}
.ui-dialog-title
{
	text-wrap: wrap !important;
}
.ui-widget-overlay
{
	opacity: .4 !important; /* override a bit darker */
}
#rh-dialog
{
	display: none;
}
#rh-dialog p, #rh-dialog li
{
	margin-bottom: 5px;
}
#rh-dialog .nbr
{
	font-weight: bold;
	color: #000;
}
#rh-dialog #spam
{
	text-align: center;
	font-style: italic;
	margin: 5px 0;
}
/*
#rh-dialog #incentive
{
	color: maroon;
	font-weight: bold;
}
 */
.rh-ul li
{
	margin-bottom: 1em;
}
.user-info
{
	/* to overcome inexplicable gap between divs */
	/*position: relative;*/
	/*top: -100px;*/
	max-width: 41rem;
	width: 107%;
}
.reg2-submit
{
	margin: 20px 0 0 150px;
}
.current-email
{
	margin: .5rem 0 1rem 2rem;
}
.hide-email, .hide-password
{
	display: none;
	position: relative;
}
.hide-email + button
{
	margin-top: 1.5rem;
}
.btn-chg-credential
{
	float: right;
}
/*
#show-edit-email, #show-edit-password
{
	font-size: 1.2rem;
	font-weight: bold;
}
 */
#show-email, #show-password
{
	font-size: 1.2rem;
	font-weight: bold;
}
label[for="email1_dup"]
{
	margin-top: 1.7rem;
}
.social-sg
{
	float: left;
	/*margin-top: 1rem;*//* TODO makes too much space */
	width: 137px;
	font-size: 10px;
}
.tt-qm-address-both
{
	position: relative;
}
.tt-qm-alt-email
{
	position: relative;
	left: 1rem;
}
.secondary-submit
{
	margin: 1.3rem auto;
	float: none;
	/*margin: .5rem 0 .5rem 13rem;*/
	/*margin: 3rem 14rem 0 0;	*/
}
.pri .secondary-submit
{
	width: 11rem;
}
.rep .secondary-submit
{
	width: 15rem;
}
.image-upload-prompt
{
	font-size: 1rem;
	font-weight: bold;
}
/*===========================================
  responsive for register.php screen 1
 ===========================================*/
/*
@media only screen and (max-width: 367px)
{
	.yt-width-adj
	{
		width: 32%;
	}
}
@media only screen and (max-width: 377px)
{
	.yt-width-adj
	{
		padding-right: 2rem;	!* to force wrapping early; works in Chrome but not FF *!
	}
}
 */
@media only screen and (max-width: 460px)
{
	.register-note
	{
		width: 90%;
	}
	#contact-form
	{
		width: 90%;
		table-layout: fixed;
	}
	#contact-form td:first-child
	{
		width: 25%; /* prevent email/pw buttons from blowing up*/
	}
	#contact-form td + td
	{
		width: 50%;
		word-break: break-all;
	}
	#contact-form input[type="submit"]
	{
		width: inherit;
	}
	.landing-copy
	{
		width: 100%;
	}
	.testimonial
	{
		width: 90% !important; /* !important to override other responsives */
	}
}
@media only screen and (max-width: 511px)
{
	.profile-incomplete-msg
	{
		text-indent: 1em;
		margin-bottom: 2em;
	}
}
@media only screen and (max-width: 512px)
{
	#progress-numbers img
	{
		max-width: 85px;
		width: 100%;
		height: auto;
	}
	#progress-numbers
	{
		table-layout: fixed;
		font-size: .9em !important;
	}
}
@media only screen and (min-width: 461px) and (max-width: 702px)
{
	.landing-copy
	{
		width: 72%;
	}
}
@media only screen and (max-width: 1214px)
{
	.register .pitch
	{
		width: 100%;
	}
}
@media only screen and (min-width: 403px)
{
	.more-402
	{
		display: none;
	}
}
@media only screen and (max-width: 402px)
{
	/* to drop some elements due to iPhone and Android messing with the jQuery dialog content */
	/* if break at 400px, vertical bar artifacts show in simulator */
	.less-402
	{
		display: none;
	}
	#assist-whitelist
	{
		margin: 0 10px 30px;
	}
	.jq-email-unconf
	{
		font-size: 12px;
		padding: 0;
	}
}
@media only screen and (max-width: 650px)
{
	.fa-3x
	{
		font-size: calc(.59vw - -.8rem) !important;	/* workaround: double neg */
	}
	.prog-draw3, .TBYB
	{
		font-size: calc(.91vw - -1rem);
	}
	.progress-text
	{
		font-size: 1rem;
	}
	.progress-bonus-text
	{
		font-size: calc(.91vw - -.7rem);
	}
	.progress-bonus-text-pri
	{
		max-width: 43rem;
	}
	.progress-bonus-text-rep
	{
		max-width: 39rem;
	}
	.prog-bonus-spacer
	{
		margin-top: 0 !important;	/* controls spacing above progress diagram for update */
	}
}
@media only screen and (min-width: 651px)
{
	.fa-3x
	{
		font-size: 1.5rem !important;
	}
	.prog-draw3, .TBYB
	{
		font-size: 1.6rem;
	}
	.progress-text
	{
		font-size: 1.2rem;
	}
	.progress-bonus-text
	{
		font-size: 1.3rem;
	}
	.progress-bonus-text-pri
	{
		max-width: 43rem;
	}
	.progress-bonus-text-rep
	{
		max-width: 39rem;
	}
	.prog-bonus-spacer
	{
		margin-top: -1rem !important;	/* controls spacing above progress diagram for update */
	}
}
@media only screen and (max-width: 340px)
{
	.prog-spacer
	{
		margin-left: .6rem;	/* tweak for fa-5 */
		/*margin-left: 1.5rem;*/
	}
	.prog-spacer-7
	{
		margin-left: .6rem;	/* override .prog-spacer */
	}
	.fa-long-arrow-right, .fa-arrow-right-long
	{
		transform: scale(2.2, 1.0);
		left: 0;
	}
	.progress-bonus-pri
	{
		max-width: 12.2rem;
		/*max-width: 13.3rem;*/
	}
	.progress-text div
	{
		width: calc(12.7vw - -.5rem);	/* reduce .1 rem to force wbr breaks *//* workaround: double neg */
		/*width: calc(12.7vw - -.9rem);	!* reduce .1 rem to force wbr breaks *!!* workaround: double neg *!*/
	}
}
@media only screen and (min-width: 341px) and (max-width: 375px)
{
	.prog-spacer
	{
		margin-left: 1.3rem;	/* tweak for fa-5 */
		/*margin-left: 1.5rem;*/
	}
	.prog-spacer-7
	{
		margin-left: .7rem;	/* override .prog-spacer */
	}
	.fa-long-arrow-right, .fa-arrow-right-long
	{
		transform: scale(2.6, 1.1);
		left: -.4rem;
	}
	.progress-bonus-pri
	{
		/*max-width: 12.3rem;*/
		max-width: 13.3rem;
	}
	.progress-text div
	{
		width: calc(12.7vw - -.6rem);	/* reduce .1 rem to force wbr breaks *//* workaround: double neg */
		/*width: calc(12.7vw - -.9rem);	!* reduce .1 rem to force wbr breaks *!!* workaround: double neg *!*/
	}
}
@media only screen and (min-width: 376px) and (max-width: 435px)
{
	.prog-spacer
	{
		margin-left: 1.4rem;	/* tweak for fa-5 */
		/*margin-left: 2rem;*/
	}
	.prog-spacer-7
	{
		margin-left: 1.1rem;	/* override .prog-spacer */
	}
	.prog-text-disp-7
	{
		margin-left: .3rem;	/* compromise */
		/*margin-left: 1.7rem;*/
	}
	.fa-long-arrow-right, .fa-arrow-right-long
	{
		transform: scale(2.6, 1.2);
		left: -.4rem;
	}
	.progress-bonus-pri
	{
		/*max-width: 15rem;*/
		max-width: 14rem;
	}
	.progress-text div
	{
		width: calc(1.45vw - -4.9rem);	/* workaround: double neg */
		/*width: calc(1.45vw - -5.3rem);	!* workaround: double neg *!*/
	}
}
@media only screen and (min-width: 436px) and (max-width: 650px)
{
	.prog-spacer
	{
		margin-left: 1.7rem;	/* tweak for fa-5 */
		/*margin-left: 2rem;*/
	}
	.prog-text-disp-7
	{
		margin-left: 3rem;
	}
	.fa-long-arrow-right, .fa-arrow-right-long
	{
		transform: scale(3, 1.3);
		left: -.6rem;
	}
	.progress-bonus-pri
	{
		/*max-width: 15rem;*/
		max-width: 16rem;
	}
	.progress-text div
	{
		width: calc(1.45vw - -5.3rem);	/* workaround: double neg */
	}
}
@media only screen and (min-width: 651px)
{
	.prog-spacer
	{
		/* needed to fix the space between circles */
		margin-left: 3.3rem;	/* tweak for fa-5 */
	}
	.prog-text-disp-7
	{
		margin-left: 3rem;
	}
	.fa-long-arrow-right, .fa-arrow-right-long
	{
		transform: scale(4.5, 1.3);
		left: -1.4rem;
	}
	.progress-bonus-pri
	{
		max-width: 21rem;
		/*max-width: 30rem;	!* TODO must adjust responsive *!*/
	}
	.progress-text div
	{
		width: 8.9rem;
	}
}

/*===========================================
  responsive for register.php screen 2
 ===========================================*/

.question-row
{
	position: relative;
	margin-top: 2rem;
}
/*	only needed if 123-abc control is present, to make the text larger
.tox-icon svg
{
	transform: scale(1.5);
}
 */
.question-spellchecker
{
	position: initial;
	font-size: 140% !important;
}
.salesopp-legend
{
	margin-bottom:15px;
	max-width: 40rem;
	width: 90%;
	display: block;
}
.screen2example
{
	/*width: 136px;*/
	width: 15.5rem;
	/*padding: 58px 0 0 6px;*/
	padding: 12rem 0 0 6px;
	float: left;
	font-size: 90%;
}
.screen7example
{
	/* overrides */
	padding: 9.6rem 0 0 1rem;
}
.screen2example-col2
{
	width: 392px;
	font-size: 90%;
}
.fa-long-arrow-right, .fa-arrow-right-long
{
	position: relative;
	/*display: none !important;*/
}
.progress-bonus-rep
{
	max-width: 12rem;	/* keep same at different sizes because heading larger than width of bonus numbers */
}
.prog-text-disp
{
	/* special narrower to prevent wrapping */
	width: 3.8rem !important;
}
.qm-advice
{
	float: right;
	font-size: 1.1rem;
	color: #0057aa;
	max-width: 9rem;
	width: 25%;
	margin-right: .5rem;
}
/* inspired by http://stackoverflow.com/questions/12991548/how-to-make-tinymce-responsive - but change tinyMce to tinymce */
@media only screen and (max-width: 440px)
{
	.reg2-text-entry-body
	{
		width: 92%;
		margin-left: .5rem;
	}
	.screen2example-col2
	{
		width: 100%;
	}
	table.mceLayout, textarea.tinymce
	{
		width: 100% !important;
	}
	.sec-flags
	{
		width: initial;
		padding: .5rem;
	}
}
@media only screen and (min-width: 441px)
{
	.sec-flags
	{
		width: 36rem;
		padding: 2rem;
	}
}
@media only screen and (max-width: 520px)
{
	.reg2-instructions
	{
		width: 98%;
	}
}
@media only screen and (min-width: 441px) and (max-width: 599px)
{
	.reg2-text-entry-body
	{
		margin-left: 20px;
	}
}
@media only screen and (max-width: 741px)
{
	.less-741
	{
		display: none;
	}
}
@media only screen and (min-width: 742px)
{
	.more-741
	{
		display: none;
	}
}
@media only screen and (max-width: 361px)
{
	#progress-numbers
	{
		width: 102%;
	}
}
@media only screen and (min-width: 362px) and (max-width: 411px)
{
	#progress-numbers
	{
		width: 103%;
	}
}
@media only screen and (min-width: 412px) and (max-width: 461px)
{
	#progress-numbers
	{
		width: 105%;
	}
}
@media only screen and (min-width: 462px) and (max-width: 511px)
{
	#progress-numbers
	{
		width: 108%;
	}
}
@media only screen and (max-width: 768px)
{
	.progress-indicator
	{
		margin-left: 0;
	}
}


/*===========================================
  responsive for register.php screen 3
 ===========================================*/

@media only screen and (max-width: 462px)
{
	.territories-map
	{
		width: 90%;
	}
	.territories-map img
	{
		max-width: 420px;
		width: 90%;
		height: auto;
	}
}
@media only screen and (max-width: 461px)
{
	.territories-select
	{
		width: 90%;
	}
}
@media only screen and (min-width: 462px) and (max-width: 913px)
{
	.territories-select
	{
		width: 437px;
	}
}

/*===========================================
  responsive for register.php screen 3
 ===========================================*/
.admin-tbl
{
	border: 1px solid #000;
	margin-bottom: 7px;
	width: 93%; /* TODO experimental */
}
.admin-tbl td, .admin-tbl th
{
	padding: 3px;
	border: 1px solid #000;
}
.register h2
{
	clear: left;
}
.register a:link
{
	color: #2222bb;
	text-decoration: none;
}
.register a:visited
{
	color: #8822bb;
	text-decoration: none;
}
.register a:hover
{
	color: #ac0000;
}
.register a:active
{
	color: #ac0000;
	text-decoration: none;
}
.register input, .register select
{
	/* FIXME temp until more highly integrated */
	height: 32px;
	border-radius: .6rem;
}
#profile-pic-title
{
	float: left;
}
.question-profile-pic
{
	margin: 7px 0 0 13px;
}
#profile-pic-body
{
	width: 20rem;
}
#profile-pic-body img
{
	border: 1px dotted #ac0000;
}
#reg-nav-prompt
{
	/*margin: 0 0 0 60px use absolute positioning instead;*/
	font-size: .8em;
	color: #800000;
	width: 140px !important;
	position: absolute;
	top: 18px;
	left: 418px;
}
.register-note
{
	margin-left: 2rem;
	font-size: 1.2rem;
	max-width: 425px;
}
.boost-advice
{
	margin-left: 2rem;
	max-width: 425px;
}
#cta-subscribe
{
	padding: 2px 0 0 2px;
}
.credit-card-images
{
	float: left;
	margin: 10px 0 0 20px;
}
.credit-card-images img
{
	width: 25px;
	height: 16px;
}
#up-popup
{
	display: none;
	/*padding: 8px;*/
	/*width: 415px;*/
}
.required
{
	text-align: right;
	padding-right: 5px;
	font-size: 11px;
}
.legend2
{
	font-size: 1.2rem;
	font-weight: bold;
}
.prompt-limits
{
	font-size: .8em !important;
	font-weight: normal;
}
.pitch
{
	font-size: 14px;
}
#burst-placeholder
{
	width: 97px;
	float: left;
}
.status-buttons
{
	height:4rem;
	margin-bottom: -1.2rem;
}
.status-prompt
{
	float: left;
	margin-right: 30px;
}
#user-dates
{
	border: 1px solid #000;
}
#user-dates td
{
	border: 1px solid #000;
	padding: 2px;
	font-size: 1.3rem;
}
#user-dates td:first-child
{
	font-weight: bold;
	height: 2.7rem;
}
#user-dates td:nth-child(3), #user-dates td:nth-child(5)
{
	font-weight: bold;
}
/*
#reg1-right-clm
{
	float: left;
	margin: -5px 0 0 195px;
}
 */
#scr2-bullets
{
	/* add display block style to ol to try to override Chrome bug */
	display: block !important;
}
.scr7-bullets
{
	margin-bottom: 0;
}
.screen2-text-instructions
{
	margin-bottom: 15px;
	width: 400px;
}
/*
.screen7-text-instructions
{
	width: 400px;
}
*/
#rule2
{
	width: 104%;
	position: relative;
	left: -4px;
}
#contact-form td
{
	/*height: 25px;*/
	height: 32px;
}
#contact-form button
{
	font-size: 10px;	/*additionally needed to prevent buttons blowing up in FF*/
}
#wiz-assist
{
	display: none;
}
#assist-phone
{
	font-size: 12px;
	margin: 0 10px;
}
#assist-whitelist
{
	margin: 0 10px;
	font-size: 11px;
	line-height: 1em;
}
#tinymce-char-cnt
{
	font-size: 10px;
}
#confirm-rep-terms
{
	outline: outset medium #a3badf;
	font-weight: bold;
}
.reg2-all-fields
{
	float: left;	/* needed to float other blocks */
	width:100%;		/* needed for pct width of descendant - textarea */
}
.reg2-text-entry
{
	margin-top:20px;
	width:100%;	/* to pass to descendants */
}
.reg2-text-entry-body
{
	float: left;
}
.reg7-text-entry-body
{
	/* override */
	width: 75%;
}
.ind-exp-caption
{
	width: 150px;
	font-weight: bold;
	float: left;
}
.platinum-caption
{
	margin: 4rem 0 1rem 0;
	font-weight: bold;
}
.platinum-checklist-form
{
	max-width: 90%;
	/*max-width: 55rem;*/
}
.platinum-checklist
{
	/* settings needed to handle both desktop and mobile when lines wrap */
	height: 2.5rem;
	margin: 1.5rem 0 !important;
	line-height: 0;
}
.platinum-checkbox
{
	display: inline !important;
	height: 1.2rem !important;
}
.platinum-label
{
	display: inline !important;
}
.question-checklist
{
	position: static;
	float: left;
	margin: -.4rem 1rem 0 0;
}
.platinum-tt-spacer
{
	display: inline-block;
	width: 3rem;
}
.pasting-help
{
	font-size: 90%;
	margin-top: 3px;
}
/*
#USmap
{
	!* the following vmin values give the natural diminsions of 410x260 at responsive viewport width of 583px *!
	max-width: 410px;
	width: 70.33vmin;
	max-height: 260px;
	height: 44.6vmin;	!* to reach 260px *!
	margin-left: 8%;
}
 */
#territories	/* used in select-territories-inc.php */
{
	clear: both;
}
#territories h2
{
	color: var(--color-rep);
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 11px;
	float: left;
	width: 145px;
}
#territories td span
{
	font-weight: bold;
	font-size: 1.2rem;
}
#territories table
{
	width: 100%;
	border: 0;
	table-layout: fixed;
}
#territories tr
{
	height: 1.7rem;
}
#territories td
{
	padding: 0;
	width: 33%;
}
#territories input[type="checkbox"]
{
	margin: 0 .6rem;
	height: 1rem;
	transform: scale(1.5);
}
.territories	/* used in register.php screen3 */
{
	max-width: 1000px;
	width: 100%;
}
.territories-top-submit
{
	text-align: right;
	margin-right: 3rem;
}
.territories-map
{
	float: left;
	display:none;	/* show via jquery */
}
.territories-map p
{
	font-size: .9em;
	margin-top: 20px;
	text-align: center;
}
.territories-map .testimonial
{
	margin: 25px auto;
	float: none;
}
.territories-select
{
	min-width: 300px;
	width: 70%;
	float: left;
}
.register-bottom-submit
{
	margin: 20px 0 0 57px;
}
.region-btn
{
	width: 35px;
	height: 17px !important;
	font-size: 9px;
	float: left;
	margin-left: 15px;
}
.tt-list
{
	margin: 0 0 0 5px;
	padding: 0 0 0 20px;
}
.tt-list ul
{
	list-style-type: disc;
}
.sec-flags label
{
	display: inline;
}
.sec-flags input[type="radio"]
{
	display: inline;
	height: 1.4rem;
	margin: 0 .8rem 1rem 2rem !important;
}
#rep-agency-size
{
	margin-left: 5rem;
}
#rep-agency-size .question-flag
{
	margin-left: 12.5rem;
	top: 3.6rem;
}
.language-row
{
	margin-bottom: 1rem;
}
.language-row select
{
	height: inherit;
	margin-bottom: 0;
}
.lang-caption
{
	margin-left: 1rem;
}
#conf-avail-arrow
{
	position: absolute;
	top: -.5rem;
	left: 12.3rem;
}
#conf-avail-msg
{
	position: absolute;
	top: 6.5rem;
	left: 0;
	color: #6b82a7;
	width: 20rem;
	margin-bottom: 2rem;
}
@-moz-document url-prefix()
{
	/* #conf-avail-arrow { left: 140px; } */
	#conf-avail-msg
	{
		width: 355px;
	}
}
#third-party-offers
{
	display: none;
}
/* hack for chrome: needed on win, moves it over too far on mac, but accepting that */
/*
#email2-prompt:not(*:root)
{
	left: 80px
}
 */
#profile-picture
{
	margin: 1rem 0 0 10rem;
	/*margin: 1rem 0 0 2rem;*/
	float: left;
}
#up-selector
{
	float: left;
}
#up-content
{
	margin-top: 10px;
	border: 2px solid;
	padding: 5px;
	width: 338px;
	clear: left;
}
#up-add-comment
{
	margin-top: 15px;
	width: 338px;
}
#up-entry
{
	float: left;
}
#up-save
{
	margin-top: 3px;
	clear: both;
	float: left;
}
#up-close
{
	margin-top: 3px;
	margin-left: 3px;
	float: left;
}
#up-message
{
	margin-top: 3px;
}
#register-cardholder-details
{
	padding-bottom: 10px;
}
#progress-done
{
	padding: 0 0 0 2px;
	font-weight: bold;
}
.register input[type='submit'], .register #submit1, #settings-submit-button #submit1, .submit-button #submit1, .submit-button#submit1
{
	background-color: #f49cbb;
}
/*
.register input[type='submit'].secondary-button
{
	background-color: #ffeeee;
	display: none;	!* show via JS *!
}
 */
.question-forecast-tool
{
	margin: -5rem 0 0 12rem;
	/*font-size: 20.4px !important;*/
}
.reg2-instructions
{
	width: 80%;
}
/*
.reg4-testi
{
	margin: 3rem;
}
 */
.register-burst
{
	padding: 0;
	text-align:center;
}
.question-alt-email
{
	top: -4.6rem;
	left: 42rem;
}
.question-flag
{
	position: absolute;
	margin-left: 7rem;
	top: -.3rem;
}
.question-flag-2
{
	position: absolute;
	left: 7rem;
	top: 2.4rem;
}
.media-cropped
{
	float: left;
	margin: 13rem 0 0 2rem;
}
/* END register.php */

/* BEGIN report-contact-view-ratio.php */
#contact-view
{
	width: 50%;
	max-width: 600px;
}
/* END report-contact-view-ratio.php */

/* BEGIN report-current-business.php */
.cbr-date
{
	min-width: 9rem;
}
/* END report-current-business.php */

/* BEGIN report-expired-principals.php */
#report-expired-cancel-clm
{
	min-width: 400px;
}
/* END report-expired-principals.php */

/* BEGIN report-rebilling */
.report-tot
{
	text-align: right;
	font-weight: bold;
}
/* END report-rebilling */

/* BEGIN request-rep-credit.php */
.rep-credit-not-offered
{
	font-size: 1.4rem !important;
}
#request-rep-credit-dialog
{
	font-size: 1.2rem;
}
#request-rep-credit-dialog label
{
	margin-top: 1rem;
}
.req-rep-credit-head
{
	color: #800000;
	font-weight: bold;
}
.req-rep-credit-list
{
	margin-top: .3rem;
}
#CreditReason
{
	height: 2.5rem;
}
.is-not-nonresponsive option:last-child
{
	display: none;
}
#rep-credit .popupwindow ol
{
	margin-top: 0;
	margin-bottom: 0;
}
#checklist
{
	border: 1px solid #800000;
	border-radius: 1rem;
	padding: .5rem;
	margin-top: 1rem;
}
#checklist p	/* TODO cleanup */
{
	font-size: 11px;
	white-space: normal;
	margin: 0 0 .5rem 0;
}
#checklist input[type="checkbox"]
{
	margin: 1rem .5rem 0 0;
}
#Comment
{
	width: 98%;
	border: 1px solid #800000;
	border-radius: 1rem;
	padding: .5rem;
}
/* END request-rep-credit.php */

/* BEGIN reset-password.php */
/*
#reset-password
{
	max-width: 600px;
	width: 90%;
	font-weight: bold;
	font-size: 14px;
	margin-top: 15px;
}
 */
#reset-pw-notice
{
	margin: 30px 0;
	padding: 10px;
	max-width: 580px;
	width: 90%;
}
/* change-password.php and register.php password */
#pw-reset
{
	position: relative;
}
.question-pw-reset
{
	position: relative;
	top: 25px;
	left: 32px;
}
.change-password
{
	width: 32rem;
	height: 39rem;
	padding: 7px;
	margin: 2rem auto;
	border: 2px solid #800000;
	border-radius: 1rem;
}
#pw-reset #scorebarBorder
{
	margin-top: 4.3rem;
}
#pw-reset #complexity
{
	margin-left: 5.7rem;
}
#pw-reset #pw_message
{
	width: 15rem;
	font-size: 10px;
	height: 25px;
	position: absolute;
	top: 16.8em;
	left: 15rem;
}
#pw-reset #lock-state
{
	position: relative;
	top: 1rem;
	left: 7rem;
}
#pw-reset #password2-yes, #pw-reset #password2-no
{
	position: relative;
	top: 8rem;
	left: 1rem;
}
#p-change-password #pw-reset #password2-yes, #p-change-password #pw-reset #password2-no
{
	left: 9rem;
}
#pw-tips
{
	width: 20rem;
	margin-left: 1.5rem;
	font-size: 1.2rem;
}
#pw-instructions
{
	float: right;
	margin-right: 40px;
	position: relative;
	top: -8px;
}
#pw_input
{
	float: left;
	width: 150px;
	margin-top: 10px;
}
#reset-password-status
{
	position: relative;
	top: 37px;
	left: -42px;
}
#submit_msg
{
	font-size: 9px;
}
#reg-submit
{
	margin: 18px 0;
	width: 230px;
	position: relative; /* for abs pos of conf avail arrow */
	/*overflow: hidden;*//* remove 2915-12-17 messes up page 7 */
}
#reg-submit-button
{
	float: left;
	margin-right: 8px;
	height: 25px;
}
#reg-submit #submit_msg
{
	/*width: 102px;*/
	width: 12.5rem;
	float: left;
	white-space: pre-wrap;
	word-break: keep-all;
	margin-top: 1.5rem;
}
/*
#pw-reset #submit_msg
{
	margin-top: 4px;
}
 */
#pw-reset #password1, #pw-reset, #password_dup
{
	margin-bottom: 5px;
}
.lock-chg-pw
{
	/* to prevent question mark from jumping right when lock is opened */
	display: inline;
	float: right;
	width: 1rem;
}
/* END reset-password.php */

/* BEGIN upload-image.php styles */
.image-sample
{
	width: 20rem;
	text-align: center;
	font-weight: bold;
	float: left;
	margin: 1rem 3rem;
}
/*
 * Ref: // ref: https://stackoverflow.com/questions/572768/styling-an-input-type-file-button Josh Crozier/Community.
 * Use the following two selectors along with a <label> tag.
 * Does not allow for display of file name without more work.
 */
/*
input[type="file"]
{
	display: none;
}
.custom-file-upload
{
	border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
 */
/* Ref: https://stackoverflow.com/questions/572768/styling-an-input-type-file-button Anselm Urban.
 * In lieu of the above, try non-standard additions.
 * Not supported in Dev Tools.
 * Cannot put them in comma-separated selector line.
 * Works in Chrome, Safari, IE, but not in FF
 */
::-webkit-file-upload-button
{
	background-color: #e0e0e0;
	color: #000;
	padding: 3px;
}
::-ms-browse
{
	background-color: #e0e0e0;
	color: #000;
	padding: 3px;
}
#cropbox-picture
{
	float: left;
	margin: 0 0 30px 20px;
	position: relative;
}
#save-updates
{
	margin-top: 5px;
}
.imageBox
{
	height: 40rem;
	width: 40rem;
	position: relative;
	border: 1px solid #aaa;
	overflow: hidden;
	background: #fff no-repeat;
	cursor: move;
}
.imageBox .thumbBox
{
	position: relative;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	box-sizing: border-box;	/* this is critical, as it causes the thumbBox dimensions set in library-1.js to be 198px, instead of the dimensions set up as 200px */
	border: 1px solid rgb(102, 102, 102);
	box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
	background: none repeat scroll 0 0 transparent;
}
.cropbox-container
{
	margin-top: 13px;
	margin-bottom: 22px;
	float: left;
	width: 400px;
}
.chrome-win-hack
{
	font-size: 13px !important;
}
.cropbox-form
{
	margin: 10px 0 5px 0;
}
.cropbox-form input
{
	margin-left: 10px;
}
.controls-upload
{
	max-width: 40rem;
	width: 100%;
	/*height: 30px;*/
	/*margin: 10px 0;*/
}
.controls-hdr
{
	font-weight: bold;
	margin-top: 1rem;
}
.controls-buttons
{
	margin: 1.5em 0;
}
.controls-upload ol
{
	margin-top: 0;
}
.cropped > img
{
	margin-left: 20px;
}
#profile-pic-terms
{
	margin-top: 1rem;
	font-size: 1.2rem;
}
.controls-upload-next
{
	margin-right: 1rem;
	border-radius: .6rem;
}
#file
{
	float:left;
	max-width: 32.5rem;
	width: 80%;
}
.disallowedImage
{
	max-width: 523px;
	width: 100%;
	margin-left: 5px;
}
.steps-to-complete
{
	margin: 2rem;
}
.question-crop
{
	position: relative !important;
	left: 75%;
	top: 4px;
}
.question-uploaded-pic
{
	top: 26rem;
	left: 28rem;
}
.btnCrop
{
	width: 5.2rem;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.cropbox-container input[type="button"], .cropbox-container input[type="submit"]
	{
		font-size: 16px;
	}
}
@media only screen and (max-width: 390px)
{
	.controls-upload
	{
		width: 75%;
	}
	/*
	#file
	{
		width: 180px;
	}
	*/
}
@media only screen and (min-width: 391px) and (max-width: 460px)
{
	.controls-upload
	{
		width: 80%;
	}
	/*
	#file
	{
		width: 23rem;
	}
	*/
}
@media only screen and (max-width: 460px)
{
	.imageBox
	{
		height: 30rem;
		width: 30rem;
	}
	#profile-pic-terms
	{
		width: 100%;
	}
	.rh-cropbox
	{
		margin-left: 5px;
	}
}
/* END upload-image.php styles */

/* BEGIN scheduler-*.php */
.scheduler
{
	font-size: 1.5rem;
	font-weight: bold;
}
.responsive-container
{
	position: relative;
}
.calendly-container
{
	position: relative;	/* to have .RSG-logo-cover relative to this parent */
}
.RSG-logo-cover, .calendly-logo-cover
{
	/*
	to center absolutely positioned image, set left and right to 0 and left and right margins to auto
	ref: https://stackoverflow.com/questions/8508275/how-to-center-a-position-absolute-element
	 */
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 10rem;
	width: 14rem;
	background-color: #fff;
	/*text-align: center;	was in reference, but not sure needed */
}
.calendly-logo-cover
{
	width: 24rem;
}
.RH-cover
{
	display: block;
	margin: 0 auto;
}
@media only screen and (max-width: 662px)
{
	.calendly-container
	{
		margin-top: 7rem;
	}
	.RSG-logo-cover, .calendly-logo-cover
	{
		top: 1rem;
	}
}
@media only screen and (min-width: 663px)
{
	.calendly-container
	{
		margin-top: 0;
	}
	.RSG-logo-cover, .calendly-logo-cover
	{
		top: 7rem;
	}
}
/* END scheduler-*.php */

/* BEGIN search-by-keyword.php */
.search-form
{
	margin: 2rem 0;
}
#search-by-keyword ul ul
{
	list-style-type: circle;
}
#search-by-keyword-instructions
{
	width: 87%;
	/*width: 58%;*/
	margin-bottom: 3rem;
}
#search-non-logged-progress
{
	position: absolute;
	top: -40px;
	left: 82px;
	width: 200px;
	height: 15px;
}
.caption-small
{
	font-size: 9px;
	width: 260px;
}
.search-control
{
	float: left;
	margin: 0 4rem 1.5rem 0;
}
#keywords h2, #keywords h2 a, #keywords h2 a.link, #keywords h2 a.hover
{
	height: 15px;
	color: #FFF;
	background: #777 url('/images/graybar.gif');
	font: bold 11px Verdana, Arial, Helvetic, sans-serif !important;
	padding-top: 0;
	text-decoration: none;
	margin: 0;
}
#keywordsearch
{
	background-color: #ffc0cb;
}
#keyword-caption-logged
{
	padding-bottom: 0;
	float: left;
}
.searchprompt
{
	font-size: 8pt;
	font-weight: bold;
	color: #000;
}
#proxysearchid
{
	/*height: 1.7rem;	!* to match height of #keywordsearch *!*/
	font-size: 1.4rem;	/* to match height of #keywordsearch--not sure why needed */
	background-color: #ffc0cb;
}
#search-results-per-page
{
	font-size: 9px;
	font-weight: bold;
	width: 50px;
}
.search-control-more
/*#search-favorites, #search-contacted, #search-date-restriction*/
{
	font-size: 9px;
	font-weight: bold;
	width: 60px;
}
.question-favorites
{
	left: 12rem;
}
.question-prev-cont
{
	left: 22rem;
}
/*
.question-date-limit-years
{
	left: 32.3rem;
}
*/
#advanced-section
{
	width: 100%;
	position: relative;
}
.tips-header
{
	font-weight: bold;
}
.tips-hi
{
	color: maroon;
	font-weight: bold;
}
.select-intl
{
	float: left;
	font-size: 80%;
	margin: -.7rem 0 .7rem 1rem;
}
.select-notes
{
	float: none;
	font-size: 80%;
	margin-bottom: .2rem;
	/*display: none  !* TODO for testing *!*/
}
.sr-mobile
{
	user-select: none;
	-webkit-user-select: none;
}
.sr-folder-container
{
	float: left;
	margin-left: -2rem;
}
.sr-folder-list a[data-tooltip]
{
	display: none;	/* TODO for testing */
}
.sr-folder-list
{
	/*width: 120%;*/
	/*max-width: 16.5rem;*/
	padding-left: 2rem;	/* to override ul */
}
.sr-folder-list label
{
	display: block;
	font-weight: bold;
}
.sr-folder-list li
{
	list-style-type: none;
	margin-bottom: 2rem;
}
.sr-folder-list select
{
	margin: .8rem 0 .8rem 4rem;
}
.sr-folder-label
{
	font-size: 1.3rem;
	/*color: #001589;	!* Phthalo blue *!*/
	/*color: #4292e4;*/ /* United Nations Blue */
	color: #2154B7;	/* saphire */
}
.select-multiple
{
	float: left;
	font-size: 1.1rem;
	margin: 0 0 0 1rem;
	width: 90%;	/* prevent overflow to right */
}
.date-conjunction
{
	margin: 5px 5px 0 0;
}
.search-by-keyword-widgets
{
	float: left;
}
.search-clear
{
	margin: 0 30px 4px; /* 4px needed for bottom to prevent layout folding */
	/*width: 145px;*/
}
.search-go
{
	padding: 3px 8px;
	color: white;
	background: maroon;
	cursor: pointer;
	font-size: 1.6rem;
	margin-top: 1.5rem;
	border-radius: 6px;
}
.search-control .search-go
{
	margin-top: 0;
	/*margin-top: -.9rem;*/
}
.search-adv-go input
{
	float: left;
}
.search-adv-go .search-clear
{
	margin: 1.5rem 0 0 3rem;
}
#saved-search-advice
{
	font-size: 11px;
	text-align: left !important;
	padding-bottom: 10px;
}
.saved_search_head
{
	text-align: center;
	font-weight: bold;
}
#controls-table
{
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%;
	margin: 1rem 0;
}
#controls-table input[type="radio"], #controls-table input[type="checkbox"]
{
	transform: scale(2);
	margin: 0 0 0 13px !important;
}
#controls-table th
{
	font-size: 11px;
}
#controls-table td
{
	background-color: tan;
}
#controls-table td:nth-child(1)
{
	background-color: #fff;
}
#controls-table td:nth-child(1) input
{
	position: relative;
	top: 4px;
	width: 95%;
}
#controls-table td:nth-child(5)
{
	background-color: pink;
}
#controls-table td:nth-child(6)
{
	background-color: transparent;
}
#ct0
{
	width: 100%;
}
#ct1
{
	width: 36px;
}
#ct2
{
	width: 36px;
	position: relative;
	left: -4px;
}
#ct3
{
	width: 4rem;
	position: relative;
	left: -.4rem;
}
#ct4
{
	width: 4rem;
}
#ct5
{
	width: 36px;
}
#saved_search #instructions
{
	float: left;
	width: 380px;
	margin: 10px 0 0 20px;
	font-size: 11px;
}
#saved_search #instructions p
{
	padding: 4px 0;
}
/*#saved_search .rollover, #new-agent-tips*/
/*
#new-agent-tips
{
	color: #a8a8a8;
	background-color: #FFF;
	font-weight: bold;
}
 */
#saved-search-help-me
{
	font-size: 12px !important;
}
#saved-search-help-me ul
{
	margin-left: -20px;
}
/*
#new-agent-tips
{
	float: left;
	margin: 20px 40px 0 95px;
}
 */
#advanced-faq #help
{
	margin: 2rem auto;
}
#basic-faq
{
	margin-bottom: 18rem;
}
#advanced-faq a, #basic-faq a
{
	background: none;
}
#advanced-faq ul, #basic-faq ul
{
	padding-left: 14px;
	margin-top: 2px;
}
#p-search-by-keyword #help
{
	top: 8rem !important;
	right: 8rem !important;
	/*top: -2rem !important;*/
	margin-right: .8rem;
}
.logged-search-head
{
	position: relative;
}
/*
.disp-s-b-k
{
	display: block;
}
 */
#TerritoriesCovered, #language
{
	height: inherit !important;	/* override mobile sizing */
	font-size: 1.2rem;
	margin: .8rem 0 .8rem 1rem;	/* override */
}
.search-all
{
	width: 12rem;
	text-align: right;
	margin: 5rem 2rem 0 0;
}
.search-all label, .search-all input
{
	float: none;
	display: inline !important;
	margin: 0 0 0 .5rem !important; /* to override */
}
.search-all input
{
	vertical-align: middle;
}
.search-all-check
{
	display: inline-block;
}
.search-dates select
{
	display: inline !important;
}
.date-no-wrap
{
	display: inline-block;
}
.date-no-wrap select
{
	white-space: nowrap;
}
.advanced-button
{
	width:130px;
	float:left;
}
.basic-button
{
	width:102px;
	float:left;
}
#search-by-keyword input[type="checkbox"]
{
	font-size: 3rem;
}
@media only screen and (max-width: 400px)
{
	#keywordsearch
	{
		font-size: calc(6.25vw - .4rem);
	}
	.search-by-keyword-widgets
	{
		margin: 1rem 0 0 2rem;
	}
	.search-burst-pos
	{
		margin: -1rem 0 0 1rem;
	}
}
@media only screen and (min-width: 401px)
{
	#keywordsearch
	{
		font-size: 150%;
	}
	.keywordsearch-ff
	{
		font-size: 140% !important;
	}
	.search-by-keyword-widgets
	{
		margin: 1rem 0 0 5rem;
	}
	.search-burst-pos
	{
		margin: -1rem 0 0 5rem;
	}
}
@media only screen and (max-width: 630px)
{
	.adv-search
	{
		position: inherit !important;	/* allow floating */
		margin: 2rem !important;
	}
	.accordion-hint
	{
		display: block;
		font-size: 1rem;
		font-weight: bold;
		margin: .7rem 0 -1.7rem 3rem;
	}
}
@media only screen and (min-width: 631px)
{
	.accordion-hint
	{
		display: none;
	}
}
@media only screen and (min-width: 769px)
{
	#search-by-keyword
	{
		margin-left: 1.7rem;
	}
	/*
	.LP-search-tips
	{
		position: relative;
		left: -7rem;
	}
	*/
}
/* END search-by-keyword.php */

/* BEGIN search-results-new.php */
#p-search-results, #p-search-results #header-container, #p-search-results .content
{
	max-width: 144rem;	/* allow full table width, and correct for LP header width changes */
}
#search-results
{
	margin-right: 1rem;
}
.search-info
{
	border-collapse: separate;
	border-spacing: 1px;
	border-bottom-width: 0 !important;
	width: 100%;
}
.search-info td
{
	padding: 6px;
}
.return-indicator
{
	float: right;
}
.show-keywords
{
	color: #fff;
	margin: -.4rem 1rem 3px 1rem;
}
.parse-spacing
{
	margin-left: 4rem;
}
.sr-position-title
{
	font-size: 11px;
	clear: both;
	text-align: center;
}
#rh-retry-with-or
{
	display: none;
}
#search-controls
{
	width: 100%;
	position: relative;
}
#search-controls td:first-child
{
	vertical-align: bottom;
}
.search-results-tbl
{
	table-layout: fixed;
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
}
.search-results-tbl td
{
	text-align: center;
	overflow: visible;
}
.search-results-tbl .user-field
{
	text-align: left;
}
.search-results-tbl td:first-child
{
	text-align: left;
}
.search-results-tbl a
{
	text-decoration: none;
}
.sr-tt-pos
{
	background-color: #fcfecc !important;
	text-align: left;
	top: 3rem;
	left: -10rem;	/* offset to left used for all columns, because due to responsive wrapping of columns, don't know where to apply the adjustment selectively */
}
.country-font
{
	font-size: 12px;
}
.search-burst-pos
{
	position: static;	/* override std burst */
}
.review-clm
{
	font-size: 1rem;
	padding: 0 !important;
}
.review-info
{
	font-size: 1rem;
	width: 9rem;
	position: absolute;
	right: 1rem;
	top: 1rem;
}
.sr-row-mini .review-info
{
	/*top: 0;*/
}
.review-info:hover
{
	text-decoration: underline;
	color: blue;
}
#parse-tree
{
	font-weight: normal;
}
#parse-tree-sm
{
	font-weight: normal;
	font-size: 11px;
}
.no-hits-msg
{
	border: 2px solid #800000;
	font-size: 1.8rem;
	padding: 3rem;
	margin: 5rem;
}
.burst-new
{
	position: absolute; /* prevent fubar to layout */
	top: 0;
	left: 0;
}
.marked-as-of
{
	font-size: 10px;
	clear: left;
	/*float: left;*//* TODO experiment */
	margin: 2px 1px 0 5px;
	text-align: center;
}
.sr-hdr-tt
{
	/*left: 10px;*/
	/*top: 3px;*/
	position: initial;
	font-size: 20px !important;
	color: #fefecb !important;
	margin-left: 2px;
}
.update-date
{
	font-size: 10px;
	font-weight: normal;
}
#burst-link
{
	top: 83px;
}
#search-controls
{
	margin-bottom: 2px;
}
.member-advice
{
	color: #000;
	padding: 2px;
	font-size: 10px;
	width: 252px;
	border-radius: 1rem;
	z-index: 2;
}
.member-search-advice
{
	background-color: #fcfecc;
	float: left;
	margin: .5rem 8rem 0 3rem;
}
.member-search-advice ol
{
	margin: 3px;
	padding-left: 16px;
}
.favorites-advice
{
	width: 13rem;
}
.more-results-advice
{
	width: 13rem;
	margin-left: 121px !important
}
#track-contacts-msg-container
{
	float: left;
}
.orange-notice
{
	background-color: #f56d02;
	border: 1px solid #0B198C;
	border-radius: 1rem;
	box-shadow: 2px 2px 11px #666;
	float: left;
	font-size: 10px;
	font-weight: bold;
	margin: 2rem 0 0 1rem;
	padding: 3px 0 3px 0;
	text-align: center;
}
.search-msg
{
	width: 150px;
}
/*
.filter-msg
{
	width: 160px;
}
 */
.archive-msg
{
	width: 120px;
}
.results-burst-pos
{
	position: inherit;
	float: left;
	margin: 0 9rem 0 0;
}
#audio-search-results
{
	float: left;
	margin: .5rem 0 .5rem 3rem;
}
.sr-row-old
{
	height: 12rem;
}
.sr-button-grp
{
	width: 50px;
}
.sr-button
{
	/*width: 6.5rem;*/
	width: 7rem;	/* fit "Unfavorite */
	font-size: 85%;
	padding: 3px 1px;
	margin: 1rem 0;
}
.view-btn
{
	background-color: #fff;
	max-width: 8rem;
	/*max-width: 12rem;*/
	width: 90%;
	padding: 5px;
	font-weight: bold;
	font-size: 100%;
	display: block;
	margin: 0 auto;
}
.pass-toggle
{
	margin: .5rem 0;
}
.sr-ID
{
	margin: 0 0 0 1px;
}
.s-r-error
{
	padding-left: 3.3rem;	/* for list formatting */
}
.sr-elite-icon
{
	position: absolute;
	bottom: .7rem;
	right: .2rem;
	font-size: .8rem;
	text-align: center;
	color: #ac0000;
	font-weight: bold;
}
.sr-elite-color
{
	background-color: #edb867;
	/*background-color: #edc696;*/
	padding: .9rem 0;
}
/*
.elite-hilite
{
	font-weight: bold;
	!*color: #EDC696;*!
	!*color: #EDB867;*!
	color: #A00000;
}
*/
#p-search-results .fooicon
{
	font-size: 3rem;
    position: relative;
	left: 29%;
}
#p-search-results.rep .fooicon
{
	color: var(--color-rep);
}
#p-search-results.pri .fooicon
{
	color: #800000;
}
.sr-burst-pos
{
	top: 9rem;
	right: 7%;
}
.sr-burst-offset
{
	position: absolute;	/* to position tt relative to <i> */
	top: 25rem;
	left: 30rem;
}
.sr-sort-hdr
{
	font: bold 1.3rem 'Trebuchet MS', sans-serif;
}
#is_logged .sr-sort-hdr
{
	color: #3520F3;		/* analagous 2 */
}
#is_not_logged .sr-sort-hdr
{
	color: var(--color-sr-dark-bkgd);
}
.sr-sort-sel
{
	font-size: 1.2rem;
	margin: 4rem 0 -4.7rem 0;
}
#sort_dir
{
	margin-left: 1.5rem;
}
#sr-page select
{
	border: 1px solid #000;	/* override */
	border-radius: .5rem;
}
.sr-sort-sel select
{
	margin-top: 1.5rem;
}
.sr-col1
{
	float: left;
	width: 18%;
	position: relative;
}
.sr-col-container
{
	float: left;
	width: 81%;
	height: 4rem;	/* force this value to prevent some mini locations from going down 2rem */
}
.sr-col-text
{
	padding-left: 2rem;
	max-height: 10rem;
	overflow: hidden;
	hyphens: auto;
	margin-top: 4rem;	/* TODO expt */
	float: left;
}
.sr-folded
{
	/*text-align: center;*/
	position: absolute;
	bottom: .5rem;
	font-size: 1.2rem;
}
.sr-folded span
{
	margin-right: 3rem;
}
/*
.sr-col4
{
	width:21%;
	font-size: 1rem;
	padding-left: 2rem;
	overflow:hidden;
}
.sr-col4-left
{
	float: left;
	width: 40%;
	font-weight: bold;
}
.sr-col4-right
{
	float: left;
	width: 40%;
	margin-left: 1rem;
}
*/
.sr-city
{
	white-space: nowrap;	// prevent going to second line
}
.sr-even---x
{
	background-color: #fff;
}
.sr-odd---x
{
	/*background-color: lightblue;*/
	background-color: #eff4fa;
}
.sr-favorite
{
	/*
	background-color: #b3cecd;
	background-color: #14eeec;
	background-color: #65c786;
	background-color: #65c7c0;
	background-color: #75e5de;
	background-color: #a6edec;
	background-color: #0fbdba;
	background-color: #B4F9F8;
	background-color: #96D9B0;
	background-color: pink;	!* old search page *!
	*/
	background-color: #A5DFBB;	/* use for now */
}
.sr-pass
{
	background-color: #e0e0e0;	/* lightgrey */
}
.sr-user-text-label
{
	font-size: 1.2rem;
	font-weight: bold;
}
.sr-indicators
{
	position: absolute;
	top: 1rem;
	font-size: 1.8rem;
}
.sr-userid
{
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	margin: 0.7rem 0;
}
.sr-row-controls
{
	/* causes hot spot to go out horizontally
	text-align: center;
	margin: 1rem 0 0;
	display: block !important;
	*/
	margin: .4rem 33% 0;	/* settings are very precise; slight differences break page */
	/*top: 1rem;*/
}
/*
.sr-page-hack
{
	!* weirdest hack ever *!
	!* not needed if body {max-width: 144rem} is disabled *!
	!* need has gone away now -- not sure why *!
	position: relative;
	left: 5rem;
}
*/
#main-pane
{
	width: 76%;
	float: right;
}
#folder-pane, #sr-folder-pane
{
	position: fixed;
	padding: 1rem 0 0 .5rem;
	font: normal 1.4rem 'Trebuchet MS', sans-serif;
	/*float: left;*//* TODO expt remove as we have fixed pos */
}
/*
#sr-folder-pane div, #sr-folder-pane h1
{
	border: 1px solid blue;	!* TODO for testing only *!
}
*/
.sr-folder-pane-nonlogged
{
	z-index: 1;	/* TODO present kills mobile pulldown; absent kills mobile accordion */
}
#folder-pane
{
	width: 22%;
	max-width: 22rem;
}
#folder-pane li
{
	margin: 2rem 0;
	list-style-type: none;
}
#folder-pane input[type="radio"]
{
	display: none;
}
.pri #main-pane, .pri #folder-pane
{
	min-height: 117rem;	/* to accommodate expanded folder panel when no rows */
}
.rep #main-pane, .rep #folder-pane
{
	min-height: 144rem;	/* to accommodate expanded folder panel when no rows */
}
.question-sr-filter
{
	font-size: 130% !important;
	margin: 2px 0 0 14rem;	/* TODO temp */
}
.sr-terr
{
	width: 10rem;
	margin-top: 1rem;
}
.sr-terr label
{
	/*float: none;*/
	display: inline !important;
	margin: 0 0 0 .5rem !important; /* to override */
}
.sr-terr input
{
	vertical-align: middle;
	/*display: inline !important;*/
	margin: 0 0 0 1.3rem !important; /* to override */
}
.sr-terr-check
{
	display: inline-block;
	font-size: 1.2rem;
}
#sr-terr-btn
{
	margin: 1.6rem 0 0 -.4rem;
	/*margin: 1.5rem 0 0 .7rem;*/
	border-radius: .5rem;
}
#more-btn
{
	margin-right: 3rem;
	font-size: 1.4rem;
	background-color: #800000;
	color: #fff;
	padding: .3rem .5rem;
	border-radius: .6rem;
	position: relative;	/* need to support z-index */
	z-index: 1;	/* need to prevent sr-folder-pane from obscuring */
}
.mark-icon
{
	position: relative;
	font-size: 2rem;
}
@media only screen and (max-width: 669px)
{
	.sr-button-grp
	{
		/*float: right;*/
		width: 50px;
	}
}
@media only screen and (max-width: 500px)
{
	#search-button
	{
		position: absolute;
		top: -5rem;
	}
	#audio-search-results
	{
		margin: 0 0 0 44%;
	}
	.results-burst-pos
	{
		display: none;
	}
}
@media only screen and (max-width: 768px)
{
	.results-burst-pos
	{
		margin: 0 0 0 0;
	}
}
/* END search-results-new.php */

/* BEGIN search-results-new.php */
#sr-folder-pane
{
	width: 19%;	/* TODO expt to keep from getting too narrow, but prevents redisplay of folder on left side when getting larger */
	/*width: 14%;*/	/* TODO expt to get accordion position; makes too narrow but prevents redisplay issue */
	max-width: 30rem;	/* keeps popout from being too large */
	/*width: 17%;*/	/* used only during debugging to prevent folder pane from blocking DOM access */
	/*width: 35%;	!* needs to be "double wide" so contents layout properly *!*/
	pointer-events: none;
}
.pri #sr-main-pane, .pri #sr-folder-pane
{
	min-height: 117rem;	/* to accommodate expanded folder panel when no rows */
}
.rep #sr-main-pane, .rep #sr-folder-pane
{
	min-height: 144rem;	/* to accommodate expanded folder panel when no rows */
}
.rep #sr-folder-pane h1
{
	font-size: 1.6rem;
}
#sr-main-pane
{
	float: right !important;	/* critical to prevent mobile folder pane from sliding down the page; a mystery */
}
.sr-tooltip
{
	color: var(--color-sr-dark-bkgd);
}
#sr-main-body
{
	overflow-x: hidden;	/* sometimes scroll bars appear allowing horizontal scrolling of part of the page; prevent this */
	touch-action: pan-y pinch-zoom;	/* prevent horizontal scrolling */
	transition: padding-top 0.3s ease;
	/*visibility: hidden;*//* rather apply this with javascript to prevent the whole page from being hidden when javascript fails or is disabled */
	background-color: var(--color-main-controls);
}
.sr-caption
{
	/*float: left;*/
	display: inline-block;
	width: 54%;
}
.sr-lang
{
	margin-left: 2rem !important;
}
/*
.sr-dropdown-content
{
	text-align: left;	!* override sr-row-controls *!
}
*/
.sr-controls
{
	float: left;
}
.sr-controls-logged
{
	width: 100%;
}
.sr-controls-nonlogged
{
	width: 120%;
}
.sr-controls input
{
	margin-right: 2% !important;
	float: left;
	height: 2.7rem !important;	/* same as desktop view Archive Settings button */
	box-sizing: border-box;	/* needed to force search input to have the correct height */
}
.sr-filter-group
{
	float: left;
	border: 2px solid #001589;
	background-color: #fff;
	/*background-color: #fcfaf5;	!* baby powder *!*/
	/*background-color: #f7f5ec;	!* floral white *!*/
	/*background-color: #efead8;	!* eggshell *!*/
	/*background-color: #fff;	!* per DK *!*/
	/*background-color: lightblue;*/
	height: 4.6rem;
	display: flex;
	justify-content: space-between;
}
/*
.sr-filter-group-2, .sr-filter-group-3
{
	display: flex;
	justify-content: space-between;
}
*/
.sr-filter-group-2
{
	width: 62.5%;
}
.sr-filter-group-3
{
	width: 66%;
}
.sr-legend
{
	font-size: 1rem;
	font-weight: bold;
	margin: 1.9rem 0 .5rem 3rem;
	/*margin: 3.7rem 0 .5rem 3rem;	!* TODO expt *!*/
	/*color: #fff;*/
	color: var(--color-sr-dark-bkgd);
}
.rep .sr-legend
{
	/* override needed for some reason */
	margin-bottom: 2rem;
}

.sr-leg2
{
	width: 120%;
}
#sr-page .tr-legend
{
	margin-top: 0;
	color: var(--color-sr-dark-bkgd);
	/*color: #fff;*/
}
.sr-side-filters .sr-filter-group
{
	width: 7rem;
	/*width: 10rem;*/
	margin-bottom: 3rem;
}
.sr-side-filters .sr-filter-group-1
{
	height: 12rem;
	text-align: center;
}
.sr-side-filters .sr-filter-group-2
{
	height: 29rem;
}
.sr-side-filters .sr-filter-group-3
{
	height: 41rem;
}
.sr-side-filters .sr-filter
{
	height: 6rem;
}
.sr-filter
{
	display: inline-block;
	font-size: 1rem;
	text-align: center;
	flex: 1;
}
.sr-filter label
{
	font-weight: bold;
	color: black !important;
	display: block;
}
.sr-filter select
{
	margin: 3px 0;
}
.sr-show-folders-advice
{
	font-size: 1.1rem;
	font-weight: normal;
	position: absolute;
	left: 0;
	margin: 2.4rem 0 0 0;
}
/*
.sr-wizard-get-started
{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
*/
.sr-wizard-get-started
{
	display: none;
}
.sr-wizard-get-started li
{
	margin-bottom: 1rem;
}
/*
#sr-get-started-arrow
{
	position: absolute;
	top: 3rem;
	left: 16rem;
	!*
	position: relative;
	top: -21rem;
	left: -3rem;
	*!
	z-index: 1;
}
*/
#sr-saved-search-arrow
{
	position: absolute;
	display: none;
	width: 47px;
	height: 66px;
	/*top: 4rem !important;	!* default to first slot *!*/
	left: 0rem !important;
	z-index: 1;
}
.sr-tt-search
{
	top: .3rem;
	left: 0;
}
.sr-tt-search-non-logged
{
	left: 3rem !important;
}
.tr-filter-controls input
{
	display: none;	/* TODO expt disable this line and enable next selector to show checkboxes */
}
/*
#is_favorite, #is_notinterested
{
	!* TODO when checkboxes showing, displace from icons *!
	position: relative;
	top: 3rem;
}
*/
.sr-mark-filter
{
	/* override tr-filter-controls to replace icon with checkbox */
	/*display: block !important;*/
	display: none;
	margin: 1rem 0 0 2rem;
}
.sr-non-logged-hamburger
{
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	margin: 0 -1rem;
}
.sr-qm
{
	color: #fff;
}
.sr-filter-controls label
{
	margin: 0 1rem;
}
.sr-new-burst-pos
{
	position: absolute;
	z-index: 2;
}
.sr-hdr2
{
	color: #fff;
}
.sr-hdr2 li
{
	margin-bottom: 1rem;
}
.sr-search-control
{
	margin: 1rem;	/* modified for removal of search mode controls */
	/*margin: 0 1rem 1rem 0;*/
}
.sr-search-control input
{
	margin-right: 4px;	/* to adjust text location */
}
#saved-searches-btn
{
	font-size: 1.2rem;
	width: 13rem;	/* to prevent wrapping the label on iPhone */
	/* border and height styles to make look more like select controls, especially on mobile */
	border: 1px solid #000;
	border-radius: .5rem;
	height: 1.85rem;
}
#saved-searches
{
	display: none; /* don't show until dialog opens */
	overflow: hidden;
}
.sr-mobile-form
{
	/* override */
	max-width: none;
	margin-left: unset;
}
.saved-search-delete
{
	background-color: #fff !important;
	font-size: 2.4rem;
}
.saved-search-delete label
{
	margin-left: 1rem;
}
.img-placeholder
{
	background-color: #800000;
	color: #fff;
	display: inline-block;
	border-radius: .5rem;
	font-size: smaller;
	padding: .2rem;
}
.sr-help
{
	display: block !important;
	width: calc(21.1vw - .578rem) !important;
	/*width: calc(19.6vw - .578rem) !important;*/
	max-width: 20.2rem !important;
	/*max-width: 19.6rem !important;*/
	/*left: -.5rem !important;*/	/* TODO expt */
	z-index: 3 !important;/* TODO expt */
	/* these styles handle overflow of accordion for small screens */
	overflow: auto;
	max-height: 50vh !important;	/* reduce impact */
	/*max-height: calc(100vh - 32rem) !important;	!* normally need different y offset; but 16rem works for both header sizes 10rem and 5.6rem *!*/
	right: initial;
	position: absolute;
	/*visibility: hidden;*//* interferes with display: block needed to move from left desktop to right mobile position */
}
.sr-hdr
{
	font-weight: bold;
	font-size: 1.5rem;
	/*color: #3520F3;	!* analagous 2 *!*/
	/*color: #20F3C2;	!* analagous 1 *!*/
	/*color: #F37C20;	!* complementary *!*/
	/*color: #F33520;	!* split complementary *!*/
	/*color: #800000;*/
	color: var(--color-sr-dark-bkgd);
	margin: 1.4rem 0 1rem 1rem;
	/*width: 87%;	!* to prevent hdr overflowing on the right of the page *!*/
}
.sr-hdr-none
{
	margin-left: 2rem !important;
	width: 50% !important;
}
.sr-save-dialog-btn
{
	background-color: #c93c3c;
	color: #fff;
	padding: 2px 3px;
	font-size: 1.1rem;
	position: relative;
	top: -2px;
	border: 1px solid #000;
}
.sr-save-dialog-qm
{
	position: static;
	color: #fff;
	font-size: 1.2rem !important;
	margin-left: .3rem;
}
#saved-searches-instructions
{
	/*font-size: 1.4rem;*/
	display: none;
}
.saved-searches-instructions-link
{
	text-align: center;
	font-weight: bold;
	font-size: 1.3rem;
	margin-top: 2rem;
}
.sr-folder-hdr
{
	margin-top: 5rem;
}
.sr-sort-params-logged
{
	margin-top: -1rem;
}
.sr-search-tips
{
	position: relative;
	/*z-index: -1;*/	/* needed to prevent the div from "covering up" the search entry box, which prevent data entry or clicking on the search button! However, with -1, the tooltip is not accessible! Solution is to instead make it display: inline-block*/
	display: inline-block;
}
.sr-row-mini
{
	/*background-color: var(--color-vp-bkgd);*/
	background-color: var(--color-vp-hdr);
}
.sr-row-mini .profile-btn
{
	display: none;
}
.sr-row-mini .sr-folded
{
	display: none;
}
.sr-row-mini .location-mini
{
	display: block;
	position: relative;
	font-weight: bold;
	position: relative;
}
.sr-row .mini-close-advice
{
	display: none;
}
.sr-row-mini .mini-close-advice
{
	display: block;
	font-size: 1.2rem;
	font-weight: normal;
}
.mini-close
{
	margin-top: 1rem;
}
.sr-row-mini .row-open-advice
{
	display: none;
}
.row-open-advice
{
	position: absolute;
	top: 1.2rem;
	left: 45%;
}
.vp-bottom-advice
{
	font-size: 1.2rem;
}
.sr-action
{
	position: relative;
}
.disable-wiz-msg
{
	font-size: 1.2rem;
	/*font-weight: bold;*/
	margin-left: 2.5rem;
}
.custom-select-container
{
	position: relative;
	width: 50px; /* Fixed width for the visible control */
	display: inline-block;
	top: -1rem;	/* compensating adjustment to get the controls superimposed */
	left: -1rem; /* ditto */
}
.custom-display
{
	border: 1px solid #000;
	/*border: 1px solid #ccc;*/
	border-radius: .5rem;
	padding: 2px;
	/*padding: 8px;*/
	cursor: pointer;
	/*background-color: #f9f9f9;*/
	overflow: hidden;
	white-space: nowrap;
	/*text-overflow: ellipsis; !* Ensures the text does not overflow the display area *!*/
	/* override the above to get the controls superimposed */
	position: relative;
	top: 1.5rem;
	left: 1.5rem;
	background-color: #fff;
}
.custom-display:hover
{
	background-color: #e0e0e0;
}
.custom-display.is-safari
{
	top: 1rem;
	background-color: #eee;
}
.custom-display.is-firefox
{
	background-color: #e9e9ed;
}
#sort_dir
/*.hidden-select*/
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; /* Matches the container width */
	height: 100%;
	cursor: pointer;
	opacity: 0; /* Fully hidden but still functional */
	/*
	clip-path: inset(0 0 0 0); !* insure it occupies its area fully *!
	-webkit-appearance: none;	!* reset native styling *!
	appearance: none;
	*/
	z-index: 2;	/* ensure it captures clicks */
}
/* start of search-results-new.php responsive */
@media only screen and (max-width: 350px)
{
	#clear-search
	{
		margin: .2rem 0 0 1rem;
	}
}
@media only screen and (min-width: 351px)
{
	#clear-search
	{
		margin: .2rem 1rem 0 2rem;
	}
}
@media only screen and (max-width: 353px)
{
	.sr-hdr-mobile.sr-hdr-nonlogged
	{
		margin-top: 1px;
	}
}
@media only screen and (max-width: 360px)
{
	.sr-folder-list
	{
		max-width: 15rem;
	}
	.sr-filter-group
	{
		/*margin: 0;*/
		margin: 0 0 0 2rem;

	}
}
@media only screen and (min-width: 361px)
{
	.sr-folder-list
	{
		max-width: 16.5rem;
	}
	.sr-filter-group
	{
		margin: 0 0 0 2rem;
	}
}
@media only screen and (max-width: 400px)
{
	.row-open-advice
	{
		font-size: 3vw;
	}
}
@media only screen and (min-width: 401px)
{
	.row-open-advice
	{
		font-size: 1.2rem;
	}
}
@media only screen and (max-width: 450px)
{
	.sr-tt-search-logged
	{
		top: 4.3rem !important;
		left: -4.2rem !important;
	}
	.sr-search-tips
	{
		top: .3rem;
		left: 1rem;
	}
	#is_logged .tr-search-container.expanded
	{
		width: 70%;	/* expanded width */
	}
	#is_not_logged .tr-search-container.expanded
	{
		width: 55%;	/* expanded width */
	}
	#clear-search
	{
		-webkit-transition: opacity 0.3s ease; /* Smooth transition for fading out */
		transition: opacity 0.3s ease; /* Smooth transition for fading out */
	}
	#clear-search.hidden
	{
		opacity: 0; /* Fades out */
		visibility: hidden;
	}
}
@media only screen and (min-width: 451px)
{
	.sr-search-tips
	{
		top: .3rem;
		left: 1rem;
	}
}
@media only screen and (max-width: 500px)
{
	.sr-col-text
	{
		width: 92%;
		/*width: 41%;*//* for two rows */
	}
	.sr-col-hide
	{
		display: none;
	}
	.sr-hdr-mobile
	{
		width: 60%;
	}
	.sr-hdr-mobile-small
	{
		font-size: 1.2rem;
	}
	.sr-hdr-br
	{
		display: none;	/* mostly needed for non-logged */
	}
	.tr-folder-hdr
	{
		width: 25%;
	}
	.sr-hdr2
	{
		margin: 2rem 1rem;
		width: 90%;
	}
	#is_search
	{
		font-size: 1.6rem; /* tweak for iPhone to prevent zooming in */
	}
	.hide-admin-advice
	{
		display: none;	/* needed because admin may have review info that needs the space */
	}
	.sr-row-mini .review-info
	{
		top: 0;
	}
}
@media only screen and (min-width: 501px)
{
	.sr-col-text
	{
		width: 44%;	/* larger breaks page */
	}
	.sr-hdr2
	{
		margin: 8rem 5rem;
		width: 75%;
	}
}
/* TODO yet another set of media queries */
@media only screen and (max-width: 588px)
{
	#is_not_logged .sr-search-outer-container
	{
		margin-top: -5.6rem;
	}
	.sr-burst-pos-nonlogged
	{
		top: 5.6rem;	/* put back on left side */
		left: 3rem;
	}
}
@media only screen and (min-width: 589px) and (max-width: 768px)
{
	#is_not_logged .sr-search-outer-container
	{
		margin-top: -3.6rem;
	}
	.sr-burst-pos-nonlogged
	{
		top: 3.6rem;	/* put back on left side */
		left: 3rem;
	}
}
@media only screen and (max-width: 512px)
{
	.sr-folded-inner
	{
		margin-left: 10rem;
	}
}
@media only screen and (min-width: 513px) and (max-width: 630px)
{
	.sr-folded-inner
	{
		margin-left: 12rem;
	}
}
@media only screen and (min-width: 631px)
{
	.sr-folded-inner
	{
		margin-left: 20rem;
	}
}
@media only screen and (max-width: 500px)
{
	.sr-controls
	{
		margin-left: 10rem;
		transform: scale(.9);
	}
}
@media only screen and (min-width: 501px) and (max-width: 768px)
{
	.pri .sr-controls
	{
		margin-left: 12rem;
		transform: scale(.9);
	}
	.rep .sr-controls
	{
		margin-left: 16rem;
		transform: scale(.9);
	}
}
@media only screen and (min-width: 769px)
{
	.sr-controls
	{
		margin-left: 2rem;
	}
}
@media only screen and (max-width: 664px)
{
	.sr-elite-color
	{
		height: calc(11.63vw - -9.679rem);
	}
}
@media only screen and (min-width: 665px) and (max-width: 768px)
{
	.sr-elite-color
	{
		height: calc(10.68vw - -10.198rem);
	}
}
@media only screen and (min-width: 769px)
{
	.sr-elite-color
	{
		height: 17.3rem;
	}
}
@media only screen and (max-width: 971px)
{
	.sr-label
	{
		font-size: calc(1.25vw - -.675rem); /* workaround: double neg */
	}
}
@media only screen and (min-width: 972px)
{
	.sr-label
	{
		font-size: 1.8rem;
	}
}
@media only screen and (max-width: 768px)
{
	.sr-col1
	{
		padding: calc(-5.8vw - -4.757rem) 0;
	}
	.sr-modal
	{
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 2; /* Sit on top */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0, 0, 0); /* Fallback color */
		background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
	}
	#sr-hide-folders
	{
		display: block;
	}
	#sr-folder-pane
	{
		width: 0;
		background-color: #fff;
		height: 100%;
		pointer-events: none;
		/*display: none;	!* needed to access access dropdown; also need to change in jquery to make both folder pane visible and hamburger dropdown visible *!*/
	}
	.sr-folder-pane-nonlogged
	{
		z-index: 3;	/* TODO present kills mobile pulldown; absent kills mobile accordion */
	}
	.sr-opacity-logged
	{
		opacity: 0;	/* required for logged only; set style in php */
	}
	.sr-show-folders
	{
		display: block;
		pointer-events: auto;
		margin: 2rem 0 0 0;
		/*margin: 2rem 0 0 20rem;	!* TODO experimental *!*/
		/*position: relative;*/
		/*z-index: 5;*/
		font-size: 1.5rem;
		font-weight: bold;
		text-decoration: none;
		background-color: #c93c3c;
		color: #fff;
		border: none;
		padding: .4rem .6rem;
	}
	#sr-main-pane
	{
		width: 100% !important;
	}
	.sr-filter-controls
	{
		display: none;
	}
	.sr-side-filters .sr-filter-controls
	{
		display: block !important;
	}
	.sr-hdr-for-popout-folder .tr-folder-hdr
	{
		margin: 0 0 0 1rem;
		max-width: 20%;	/* TODO expt */
	}
	.sr-hdr-for-popout-folder
	{
		color: var(--color-sr-dark-bkgd);
	}
	#is_logged .sr-hdr-for-popout-folder
	{
		display: none;	/* TODO expt should not be necessary */
	}
	/*
	.sr-search-outer-container
	{
		margin-top: -5.6rem;	!* TODO expt *!
		!*margin-top: -1.6rem;*!
	}
	*/
	.sr-legend
	{
		display: none;
	}
	.sr-leg2
	{
		margin-top: 0 !important;
	}
	/*
	#sr-main-body
	{
		margin-top: 13.9rem;
		!*margin-top: 16rem;*!
	}
	*/
	.sr-folded
	{
		/*left: 25%;*/
		/*left: 19vw;*/
	}
	.sr-folder-container
	{
		width: 56%;	/* accommodate saved-searches-btn on iPhone */
	}
	/*
	.admin-filters
	{
		position: relative;
		top: -7rem;
		left: .4rem;
	}
	*/
	#sr-terr-btn
	{
		/* add styling for Go button in popout, where it is mandatory */
		background-color: #c93c3c;
		color: #fff;
		position: absolute;
		top: 4.5rem;
		/*top: 6rem;*/
		right: 3rem;
		font-size: 1.8rem;
		width: 5rem;
	}
	.sr-sort-params-nonlogged
	{
		position: absolute;
		top: 6rem;
		right: 1.5rem;
		/*right: .5rem;*/
	}
	.sr-help
	{
		right: 0;
		min-width: 17.2rem;
	}
	#main-controls.sr-main-controls-non-logged
	{
		margin-top: -1.8rem;
	}
	#main-controls.sr-main-controls-logged
	{
		margin-top: -.4rem;	/* fix overflow of main-body above main-controls */
		/*margin-top: -.2rem;*/
	}
	#main-controls.sr-main-controls
	{
		/*width: 98%; 	!* fixes accordion overflow off page to the right above 768px *!*/
		/*height: 12.9rem;	!* needed so that sr-main-body can have fixed margin-top, regardless of whether sr-hdr has one or two lines *!*/
	}
	/*	TODO take out to move to bottom
	.sr-accord-top
	{
		top: -1.3rem !important;
	}
	*/
	.accord-top
	{
		top: initial;
		/*top: 3.8rem !important;*/
		/*top: 4.3rem !important;*/
	}
	.sr-mobile-folder-hdr
	{
		position: absolute;
		top: 2.2rem;
		/*
		position: fixed;
		top: 7.5rem;
		*/
		left: 1rem;
		color: var(--color-sr-dark-bkgd);
	}
	.sr-hdr-break
	{
		display: none;
	}
	#saved-searches-btn
	{
		margin: 0 0 2.2rem 1.5rem;
		position: relative;
		top: -3rem;
		/*top: -2rem;*/
	}
	.sr-filter-group
	{
		flex-direction: column;
	}
	.sr-row-mini .sr-image, .sr-row-mini .sr-image-default
	{
		top: calc(6.25vw - 4.8rem);
		left: calc(8.93vw - -3.143rem)
	}
	.sr-row-mini .tr-row-controls
	{
		right: calc(-24.55vw - 3.143rem);
		top: calc(-1.34vw - 8.971rem);
	}
	.sr-row-mini .location-mini
	{
		/*font-size: 1.2rem;*/
		/*left: calc(51.34vw - 3.429rem);*/
		/*left: calc(24.55vw - -11.143rem);*/	/* TODO expt make room for indicators */
		/*left: calc(24.55vw - -5.143rem);*/
		/*top: calc(6.7vw - 5.143rem);	!* TODO adjust top *!*/
		/*top: calc(6.7vw - 7.143rem);*/
		font-size: calc(.446vw - -1.057rem);
		position: absolute;	/* vertical centering using top, bottom and transform */
		left: 50%;
		top: 50%;
		/*bottom: 50%;*//* messes it up */
		transform: translate(10%, -50%);
		margin-right: 3rem;	/* prevent overflow */
	}
	.sr-burst-pos-logged
	{
		top: 3rem;
		left: 5rem;
		/*
		top: 5rem;
		right: 2rem;
		*/
	}
	/*
	.mark-filter
	{
		width: 5rem !important;
	}
	*/
	.sr-filter
	{
		padding-bottom: 1rem;
	}
	.mark-icon
	{
		top: .4rem;
	}
	.sr-folder-hdr-popout
	{
		float: left;
		width: 30%;
		color: #000;
		/*color: var(--color-sr-dark-bkgd);*/
		position: absolute;
		top: .5rem;
		/*top: 1.4rem;*/
		left: 1rem;
	}
	#is_not_logged .sr-folder-hdr-popout
	{
		display: none;
	}
	.row-wrapper
	{
		padding: .2rem 0;
	}
	#spinner-top
	{
		top: .4rem;
		right: 13rem;
	}
	#nonlogged-help-hide
	{
		height: 4rem;
		line-height: 3.7rem;
		font-size: 1.4rem;
		z-index: 1;	/* needed on mobile when "no matches" screen displays */
	}
	.sr-qm
	{
		font-size: 1.5rem !important;
		left: 1rem;
		top: 1.4rem;
	}
	#nonlogged-help-hide .sr-qm
	{
		left: .4rem;
	}
	#is_logged #sr-folder-pane
	{
		padding: 0 1rem;	/* override */
	}
	.sr-sort-hdr
	{
		margin: 3rem 0 -5.3rem 0;
	}
	.rep fieldset.sr-filter-group-1
	{
		padding: 1rem;	/* override */
		position: absolute;
		top: 19rem;
		left: 0;
	}
	.sr-side-filters
	{
		position: relative;
	}
	.pri .sr-filter-group-1
	{
		margin-top: -3.5rem;
	}
	.sr-filter-group-2,
	.sr-filter-group-3
	{
		margin-top: -1.5rem;
	}
	.sr-row-mini
	{
		padding-top: 4vw;
	}
	#spinner-nl
	{
		right: calc(11.161vw - 3.571rem);
	}
}
@media only screen and (min-width: 769px)
{
	.sr-col1
	{
		padding: .9rem 0;
	}
	/*replaced with adjustScrollPosition() */
	/*
	#sr-main-body
	{
		margin-top: 21.2rem;
		!*margin-top: 23rem;*!
	}
	*/
	/*
	#sr-main-body.sr-non-logged
	{
		margin-top: 16rem;
	}
	*/
	#sr-hide-folders
	{
		display: none !important;	/* important to override for fa-question-cirle-o */
	}
	#sr-folder-pane
	{
		/*
		width: 17% !important;
		max-width: 17rem !important;
		*/
		opacity: 1 !important;	/* restore after moving back to larger size */
		/*pointer-events: none;*/
	}
	.sr-show-folders
	{
		display: none;
		pointer-events: none;
	}
	#sr-main-pane
	{
		width: 80% !important;
	}
	.sr-side-filters
	{
		display: none;
	}
	.sr-hdr-for-popout-folder
	{
		display: none;
	}
	/*
	.sr-folded
	{
		display: none;
	}
	*/
	.sr-folded
	{
		/*left: 33%;*/
		/*left: 17vw;*/
	}
	/*
	.pri .sr-filter
	{
		width: 10rem;
	}
	.rep .sr-filter
	{
		width: 8rem;
	}
	*/
	/*
	.rep .sr-filter-group
	{
		margin-left: 1rem;
	}
	*/
	.sr-sort-params-nonlogged
	{
		position: absolute;
		top: 7.8rem;
		right: 2rem;
	}
	.sr-hdr-nonlogged
	{
		margin-top: .9rem;
	}
	.sr-nonlogged-error-msgs
	{
		height: 58.2rem !important;
	}
	.sr-help
	{
		left: -.4rem;
		/*top: 15.8rem !important;*/
		/*top: 14.9rem !important;*/
	}
	/*
	.sr-accord-top
	{
		top: 2.6rem !important;
	}
	*/
	.accord-top
	{
		top: 12.4rem !important;
		/*
		top: 2.9rem !important;
		top: 3.8rem !important;
		top: 4.3rem !important;
		*/
	}
	.sr-mobile-folder-hdr
	{
		display: none;
	}
	#saved-searches-btn
	{
		margin: 1rem;
	}
	.sr-row-mini .sr-image, .sr-row-mini .sr-image-default
	{
		top: 0;
		left: 10rem;
	}
	.sr-row-mini .tr-row-controls
	{
		right: -22rem;
		top: -10rem;
	}
	.sr-row-mini .location-mini
	{
		left: 36rem;
		/*left: 24rem;*/
		top: 0;
	}
	.sr-burst-pos-logged
	{
		top: 0;
		left: -6rem;
		/*
		top: 15rem;
		right: 11rem;
		*/
	}
	.sr-burst-pos-nonlogged
	{
		top: 4rem;
		left: -12rem;
	}
	/*
	#main-controls
	{
		margin-left: -.5rem;	!* fixes overflow of profile border *!
	}
	*/
	#is_logged #main-controls.sr-main-controls
	{
		width: 87%; 	/* fixed sr-filter-group-3 wrapping */
	}
	#is_not_logged #main-controls.sr-main-controls
	{
		width: 77.2%; 	/* fixes sort controls and accordion overflow off page to the right above 768px; however results in overflow of #main-controls on right side of page; living with this for now, as the contents of the section require the 90% width */
	}
	#is_not_logged #main-controls
	{
		height: 13.6rem;
	}
	.mark-filter
	{
		width: 5rem !important;
	}
	.mark-icon
	{
		top: 1.2rem;
	}
	.sr-fav-lbl
	{
		/*margin: 0 !important;*/	/* when icons used */
		margin-left: .2rem !important; /* when checkboxes used */
		/*margin-left: -.1rem !important; !* when checkboxes used *!*/
	}
	.mark-side-br
	{
		display: none; /* omit for top filters */
	}
	.sr-sort-br
	{
		display: none;
	}
	.row-wrapper
	{
		padding: .3rem; /* retains bottom border after viewing */
	}
	#nonlogged-help-hide
	{
		display: none;
	}
	#spinner-top
	{
		top: 1rem;
		/*right: 21rem;*/	/* if we put the chat icon in the top, we want this in some cases */
		right: 15rem;
	}
	#help.sr-nl
	{
		top: 26.7rem;
	}
	.sr-qm
	{
		font-size: 1.4rem !important;
		left: .6rem;
		top: .4rem;
	}
	.sr-sort-hdr
	{
		margin: 2rem 0 -4.6rem 0;
	}
	#sr-folder-pane
	{
		padding: 0;	/* override */
	}
	.rep fieldset.sr-filter-group-1
	{
		padding: .35em 0 .625em 1rem;	/* override */
		margin-left: 1.8rem;	/* TODO expt */
		/*margin-left: 3.3rem;*/
	}
	.sr-filter-group-3
	{
		margin-left: 1rem !important;
		padding-right: 0;
	}
	.sr-side-filters
	{
		float: left;
		width: 10rem;
	}
	.rep .sr-filter-group-1, .rep .sr-filter-group-3
	{
		margin-top: -1.5rem;
	}
	#spinner-nl
	{
		right: calc(47.181vw - 31.325rem);
	}
}
@media only screen and (min-width: 769px) and (max-width: 1018px)
{
	#p-track-relationships #help, #p-track-relationships #help-hide
	{
		/*right: 3px;*/
		/*right: calc(-78vw - -79.844rem);	!* workaround: double negative *!*/
	}
	#sr-main-body
	{
		width: 101%;	/* TODO expt removes "header overhang" */
	}
}
@media only screen and (min-width: 769px) and (max-width: 820px)
{
	.sr-filter-controls
	{
		transform: scale(.85);
		margin-left: -6rem;
	}
	.rep .sr-filter-controls
	{
		margin-left: -8rem;
	}
	.sr-filter-group-3
	{
		margin-left: .5rem !important;
	}
}
@media only screen and (min-width: 821px) and (max-width: 900px)
{
	.sr-filter-controls
	{
		transform: scale(.9);
		margin-left: -4rem;
	}
	.rep .sr-filter-controls
	{
		margin-left: -6rem;
	}
}
@media only screen and (min-width: 901px) and (max-width: 940px)
{
	.tr-filter-controls
	{
		transform: scale(.95);
		margin-left: -2rem;
	}
	.sr-filter-controls
	{
		transform: scale(.9);
		margin-left: -2rem;
	}
	.rep .sr-filter-controls
	{
		margin-left: -4rem;
	}
}
@media only screen and (min-width: 941px)
{
	.rep .sr-filter-controls
	{
		margin-left: -2rem;
	}
}
@media only screen and (max-width: 680px)
{
	.sr-row-mini .sr-elite-icon
	{
		position: relative !important;
		left: 2rem;
		top: -10rem;
	}
}
@media only screen and (min-width: 681px)
{
	.sr-row-mini .sr-elite-icon
	{
		bottom: -8rem;
		right: 1rem;
	}
}
/*
@media only screen and (max-width: 880px)
{
	.sr-row-mini .sr-elite-icon
	{
		bottom: calc(-17.73vw + 7.618rem);
		right: calc(4.79vw - 3.22rem);
	}
}
@media only screen and (min-width: 881px)
{
	.sr-row-mini .sr-elite-icon
	{
		bottom: -8rem;
		right: 1rem;
	}
}
*/
/*
@media only screen and (max-width: 500px)
{
	#sr-page #help, #sr-page #help-hide
	{
		right: calc(-5.556vw - -11.278rem) !important;
	}
	#sr-page #help.sr-nl, #sr-page #help-hide.sr-nl
	{
		right: 7px !important;
		!*top: 22rem;*!
	}
}
@media only screen and (min-width: 501px) and (max-width: 768px)
{
	!* unexpectedly, different settings for right are needed for pri and rep *!
	.pri #sr-page #help, .pri #sr-page #help-hide
	{
		!*right: calc(-15.18vw - -13.957rem) !important;*!!* TODO weird after time out for bug fix on main production branch, came back and these changes caused problems on non-logged only *!
		!*right: 13rem;*!
		right: calc(-7.491vw - -14.753rem) !important;
	}
	.rep #sr-page #help, .rep #sr-page #help-hide
	{
		!*right: calc(-15.18vw - -13.957rem) !important;*!!* TODO weird after time out for bug fix on main production branch, came back and these changes caused problems on non-logged only *!
		!*right: 13rem;*!
		right: calc(-8.614vw - -19.616rem) !important;
	}
	#sr-page #help.sr-nl, #sr-page #help-hide.sr-nl
	{
		right: 7px !important;
		!*top: 22rem;*!
	}
}
@media only screen and (min-width: 769px) and (max-width: 900px)
{
	#sr-page #help, #sr-page #help-hide
	{
		right: 9rem !important;
	}
}
@media only screen and (min-width: 901px) and (max-width: 1024px)
{
	#sr-page #help, #sr-page #help-hide
	{
		!*right: calc(-15.18vw - -13.957rem);	!* hack double neg *!*!
		!*right: calc(-35.29vw - -36.141rem);	!* hack double neg *!*!
		right: calc(-72.58vw - -74.323rem);	!* hack double neg *!
	}
}
@media only screen and (min-width: 1025px)
{
	#sr-page #help, #sr-page #help-hide
	{
		right: 0;
	}
}
*/
@media only screen and (max-width: 1024px)
{
	#is_logged #help, #is_logged #help-hide
	{
		right: 3px;
		/*right: 1.5rem;*/
	}
}
@media only screen and (min-width: 769px) and (max-width: 1024px)
{
	#is_not_logged #help, #is_logged_not #help-hide
	{
		left: 0;
	}
}
@media only screen and (min-width: 1025px)
{
	#is_logged #help, #is_logged #help-hide
	{
		right: calc((100% - 1000px) / 2)
		/*right: calc((101% - 1024px) / 2)*/
	}
	#is_not_logged #help, #is_not_logged #help-hide
	{
		left: calc((101% - 1024px) / 2)
	}
}
/*@media only screen and (min-width: 792px)*/
@media only screen and (min-width: 792px) and (max-width: 1446px)
/*@media only screen and (min-width: 792px) and (max-width: 1009px)*/
{
	#p-dashboard #help, #p-dashboard #help-hide
	{
		right: calc(51vw - 39.717rem) !important;	/* manual tweak to improve */
		/*right: calc(50.463vw - 39.717rem) !important;*/
	}
}
@media only screen and (min-width: 1447px) and (max-width: 2479px)
{
	#p-dashboard #help, #p-dashboard #help-hide
	{
		right: calc(99.806vw - 110.420rem) !important;
	}
}
@media only screen and (max-width: 768px)
{
	.sr-row-mini .sr-userid
	{
		top: calc(.67vw - 6.014rem);
	}
}
@media only screen and (min-width: 769px) and (max-width: 1024px)
{
	.sr-row-mini .sr-userid
	{
		top: calc(1.95vw - 7.0rem);
	}
}
@media only screen and (min-width: 1025px)
{
	.sr-row-mini .sr-userid
	{
		top: -5rem;
	}
}
@media only screen and (max-width: 380px)
{
	.sr-row-mini .sr-indicators
	{
		transform: scale(.7);
		left: 3.6%;
		top: 4%;
	}
}
@media only screen and (min-width: 381px) and (max-width: 450px)
{
	.sr-row-mini .sr-indicators
	{
		transform: scale(.7);
		left: 3.6%;
		top: 2%;
		/*top: -3%;*/
	}
}
@media only screen and (min-width: 451px) and (max-width: 500px)
{
	.sr-row-mini .sr-indicators
	{
		transform: scale(.7);
		left: 4.4%;
		top: 3%;
		/*top: 1.2%;*/
	}
}
@media only screen and (min-width: 501px) and (max-width: 600px)
{
	.sr-row-mini .sr-indicators
	{
		transform: scale(.8);
		left: 5.4%;
		top: 3.6%;
	}
}
@media only screen and (min-width: 601px) and (max-width: 768px)
{
	.sr-row-mini .sr-indicators
	{
		transform: scale(.9);
		left: 6.5%;
		top: 7.3%;
	}
}
@media only screen and (min-width: 769px)
{
	.sr-row-mini .sr-indicators
	{
		tranform: scale(1);
		left: 6.8%;
		top: 1rem;
	}
}
/* END search-results-new.php */

/* BEGIN COMMON report tablle for search-results-new.php */
.pageselector
{
	float: right;
	font-size: 11px;
}
.pageselector table
{
	border-collapse: separate;
	border-spacing: 1px;
}
.pageselector td
{
	padding: 3px;
}
.tbl-col-head
{
	overflow: auto;
	/*white-space: nowrap;*/
	text-align: center;
}
.archive-title
{
	width: 70px;
	float: left;
}

.archive-tt
{
	width: 22px;
	float: right;
	margin-top: 8px;
}
/* END COMMON report table for search-results-new.php */

/* BEGIN secure-cc-update-form.php */
.pp-update-instr
{
	font-size: 1.6rem;
}
.pp-update-badges
{
	max-width: 35rem;
	width: calc(44vw - -9rem);
	margin: 0 auto;
	display: block;
}
@media only screen and (max-width: 600px)
{
	.pp-update-badges-cont
	{
		width: 100%;
		margin-left: -1rem;
	}
}
@media only screen and (min-width: 601px)
{
	.pp-update-badges-cont
	{
		width: 60%;
	}
}
@media only screen and (max-width: 900px)
{
	#p-secure-payment-form #help, #p-secure-payment-form #help-hide
	{
		right: 3px;
	}
}
@media only screen and (min-width: 901px)
{
	#p-secure-payment-form #help, #p-secure-payment-form #help-hide
	{
		right: calc(51vw - 39.717rem) !important;	/* cloned from dashboard media query to fix */
	}
}
/* END secure-cc-update-form.php */

/* BEGIN secure-payment-form.php */
#p-secure-payment-form .mobile-form
{
	background-color: inherit;	/* must be present to prevent covering of small part of page */
}
#cc-spinner
{
	display: none;
}
/*
.cc-spinner1
{
	float: right;
	position: relative;
	top: -3.6rem;
	right: 15rem;
}
*/
#card_num::-ms-clear {
	display: none;
}
#card_num
{
	width: 15rem;
}
.cc-1st-col-width
{
	width: 150px;
}
.cc-info, .pp-info, .echeck-info
{
	margin: .7rem 0;
}
.cc-result-msg
{
	border: 1px solid #BD1A00;
	color: #4649ec;
	padding: 3px;
	margin-bottom: 30px;
}
.cc-result-ok
{
	background-color: lightyellow;
}
.cc-result-err
{
	background-color: pink;
}
#payment
{
	padding-right: .8rem;
}
#payment input, #payment select
{
	background: #ede4cf;
	padding: 1px 2px;
}
.pmt-detail-form
{
	display: none;
}
.pmt-detail
{
	max-width: 40rem;
	min-width: 28.8rem;	/* for some reason needed to prevent Payment Information fieldset from staying a bit too large on smallest screens; set to give 30.8 rem width of fieldset when viewport is 320px */
}
.all-pmt-print
{
	margin: 1rem;
	color: #006;
}
.sec-header
{
	background-color: #800;
	color: #fff;
	text-align: center;
	margin-bottom: .5rem;
	padding: .4rem .8rem;
	border-radius: .6rem;
	font-weight: bold;
}
.billing-instr
{
	color: blue;
}
#left_col
{
	float: left;
	margin-right: 10px;
}
#right_col
{
	float: left;
}
#payment table
{
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px 0;
}
#payment th
{
	padding: 4px 8px;
	border: 1px solid #800;
	background: #800;
	color: white;
}
#payment td
{
	padding: 4px 8px;
	border: 1px solid #888;
}
.plan-desc
{
	font-size: 15px;
	color: #ac0000;
	font-weight: bold;
	position: relative;
}
.plan-hdr
{
	color: #000;
}
#dollars
{
	font-size: 80%;
	color: #666666
}
#rec-addr
{
	font-size: 80%;
	color: #666;
	margin-top: -7px;
}
.errmsg
{
	color: #ac0000;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 1rem;
}
.exp-date
{
	margin-left: -16px;
	width: 11rem;
}
.err-spacing
{
	/* used to add extra space when exp_date err message shows */
	margin-top: 3rem;
}
.pmt-intl
{
	margin-bottom: 25px !important;
	position: relative;
}
.intl-content
{
	width: 92%;
}
.question-intl-wire-instructions
{
	top: 8rem;
	right: 1.3rem;
}
#cc-logos
{
	width: 52%;
	margin: 0 auto;
}
.pmt-type
{
	margin: 1rem 0 1rem .7rem;
}
.pmt-radio
{
	display: inline-block !important;	/* !important to override .mobile label */
	margin-right: 0 !important;
	font-size: 1.2rem;
}
#radio_credit
{
	position: relative;
	top: -2px;
}
.cc-entry-fields
{
	margin-bottom: 2rem;
	position: relative;
}
.cc-entry
{
	float: left;
	/*margin-right: 1.5rem;	!* TODO exp to fix margin *!*/
	position: relative;
	/*overflow: auto;*//* TODO experimentally remove to allow label to have neg left margin */
}

.cc-1
{
	width: 14rem;
	margin-right: 2.5rem;
}
.cc-2
{
	width: 11rem;
	/*width: 10rem;*/
}
.cc-3
{
	width: 3.5rem;
	margin-left: -21px;
	/*width: 8rem;*/
	/*margin-right: 0;*/
	/*position: absolute;*/
	/*right: 0;*/
}
/*
.exp-date-fmts
{
	font-size: 1.2rem;
	margin-top: -1rem;
}
 */
.question-cvv
{
	top: 2.2rem;
	left: 6.3rem;
}
.question-cvv-chrome-mac-hack
{
	left: 5.3rem;
}
.cc-prompt
{
	/*float: right;*/
	font-size: 80%;
}
/*!* TODO manual revert*/
.cc-date
{
	/*margin-left: 40px;*/
}

label[for="exp_date"]
{
	font-family: "Arial Narrow", Arial, sans-serif;
	/*margin-left: 34px; //TODO manual revert*/
}
/*TODO manual revert*/
#exp_date
{
	/*margin-left: 10px;*/
	/*margin-left: 37px;*/
}

#cc-submit, #decline-action
{
	background-color: #880000;
	padding: 3px;
	position: relative;
}
.cc-submit-badges
{
	max-width: 40rem;
	min-width: 28.8rem;
}
/*
#pp-logo
{
	margin-bottom: 1px;
}
 */
/*
.pmt-cell
{
	padding-top: 7px;
}
 */
.pmt-pp, .pmt-echeck
{
	margin-left: 3rem;
}
.echeck-field2
{
	margin-left: 1rem;
}
.pmt-pp-icon
{
	font-size: .8rem;
	width: 17%;
}
#pp-logo2
{
	margin-right: 7px;
}
.pp-text
{
	float: left;
	width: 100px;
	font-size: 80%;
}
.pp-tagline
{
	margin: 0 -2rem;
}
#pp-only
{
	margin: 0 30px 0 135px;
}
/*
#pp-credit
{
	!*margin: 0 auto 2rem;*!
	!*display: block;*!
	!*width: 66%;*!!* TODO experimental *!
}
 */
#pp-credit img
{
	/* use descendant selector to style image from PP site */
	display: block;
	margin: 0 auto;
}
/*
.echeck-acct-type
{
	margin-left: 1rem;
}
.echeck-acct-type-sel
{
	margin: 1rem 0;
}
 */
.pmt-other
{
	margin-left: 3rem;
	position: relative;
	font-size: 1.2rem;
}
.question-other-pmt
{
	top: 0;	/* not sure why this is needed, but it is */
	left: 4rem;
}
.bank-notice
{
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 1rem;
	text-align: center;
}
#bank_name
{
	font-size: 1.2rem;
	font-weight: bold;
	height: 2rem;
}
.echeck-entry
{
	float: left;
}
#payment-badges
{
	padding: 0 0 0 1rem;
	position: relative;
}
.badge
{
	float: left;
	margin: 1rem 1rem 2rem 0;
	width: 45%;
}
.badge img
{
	margin: 0 auto;
	display: block;
}
.comodo
{
	border: 0 none;
	margin-bottom: 1px;
}
.authorizeOverride
{
	/* something in the way they provide the badge causes it to position unnaturally;
	attempt to fix with these styles;
	note also that the badge is out of order with respect to the Comodo badge */
	/* 2023-03-20 discovered that these styles now cause a problem and should be removed; commenting out, but leaving the class in place in case it is needed later */
	/*
	position: absolute;
	top: 21rem;
	left: 10%;
	*/
	margin-left: 3rem !important;
}
img[src*='instantssl'], #comodoTL

{
	/* override to InstantSSL javascript positioning of Trust Logo */
	position: relative !important;
	top: -10rem;
}
#submit_button
{
	/* for override */
	margin: .5rem 0;
}
.decline-button
{
	background-color: #ede4cf;
}
a.decline-button:hover
{
	text-decoration: none;
}
#p-secure-payment-form .terms-agree
{
	max-width: inherit;
}
#pp-selected #pp-only, #pp-selected .pp-text
{
	margin-top: 8px;
}
.inline-block-imp
{
	/* used for button and added onsubmit to spinner */
	display: inline-block !important;
}
#p-secure-payment-form .sec-header
{
	text-align: left;
}
@media only screen and (max-width: 375px)
{
	.cc-1
	{
		margin-right: 1.9rem;
	}
	.cc-3
	{
		width: 0.5rem;
		margin-left: -46px;
	}
	label[for="exp_date"]
	{
		margin-left: -10px;
	}
	.exp-date
	{
		width: 8.3rem;
	}
}
@media only screen and (max-width: 768px)
{
	img[src*='instantssl'], #comodoTL
	{
		/* override to InstantSSL javascript positioning of Trust Logo */
		left: 3rem;
	}
}
@media only screen and (min-width: 769px)
{
	img[src*='instantssl'], #comodoTL
	{
		/* override to InstantSSL javascript positioning of Trust Logo */
		left: 28%;
	}
}
/* END secure-payment-form.php */

/* BEGIN send-triggered-email-templates.php */
#triggered-email-body h3
{
	font-style: normal !important;
}
.bar-class-pri #tabs-border
{
	background-color: #800000;
}
.bar-class-rep #tabs-border
{
	background-color: #6B82A7;
}
/* END send-triggered-email-templates.php */

/* BEGIN settings.php */
#p-settings #main
{
	padding: .8rem 0;
}
#p-settings .form-fields
{
	width: 100%;
}
.absent-tt-adjust
{
	margin-right: 1.2rem !important;
}
.settings-notice
{
	font-size: 1.3rem;
	margin-top: 1rem;
}
#up-btn
{
	font-weight: bold;
	color: #fff;
	width: 7rem;
}
.mobile-form input[type="radio"]
{
	margin-right: .8rem;
}
.question-settings-status
{
	position: relative;
	top: .9rem;
}
.hide-password
{
	margin-top: 1.5rem;
}
.new-credential-warning
{
	font-size: 1.1rem;
}
input[name="email_format"]
{
	display: inline;
	margin-left: 2rem;
}
#use_alt, label[for="use_alt"]
{
	display: inline;
	height: 1.4rem;
	/*margin-top: 1rem;*/
}
/*
#opt_out, #opt_out2, #use_alt, label[for="opt_out"], label[for="opt_out2"], label[for="use_alt"]
{
	display: inline;
	height: 1.4rem;
	margin-top: 1rem;
}
 */
.settings-chkbox
{
	display: inline !important;
	height: 1.4rem !important;
	margin-top: 1rem;
}
.opt-out-settings
{
	margin-left: 2.1rem;
}
#p-settings input[type="submit"]
{
	margin: 1.7rem auto .5rem;
}
.sms-enabled
{
	color: #390;
	font-weight: bold;
}
.sms-disabled
{
	color: #000;
}
label[for="sms-state"]
{
	display: inline;
}
#sms-state
{
	display: inline;
	margin-left: 1rem;
}
#sms-settings
{
	display: none;
	font-size: 82%;
	width: 325px;
	min-height: 451px;
	margin: 0 auto;	/* override mobile-form */
}
#sms-settings select, #sms-settings input
{
	float: left;
}
#sms-settings fieldset
{
	margin: 15px auto;
	max-width: 22rem;
}
#sms-settings label
{
	display: block;
	clear: left;
}
#sms-settings.ui-dialog, #sms-settings.ui-state-error
{
	padding: 3em;
}
.sms-instructions
{
	margin: 6px 0;
	padding-left: 25px;
}
.no-close .ui-dialog-titlebar-close
{
	display: none
}
.sms-note
{
	float: right;
	font-size: 9px;
	margin-top: 1.3rem;
}
#sms-any-time
{
	font-size: 9px;
	clear: left;
}
#sms-messages
{
	color: #ac0000;
	font-weight: bold;
}
.admin-settings
{
	background-color: #ccc;
	padding: .7rem;
	border-radius: 2rem;
	margin-top: 1rem;
}
.admin-only
{
	font-weight: bold;
	text-align: center;
	font-size: 1.2rem;
}
.admin-member-info
{
	margin: .7rem 0;
}
.admin-note
{
	font-size: 1.2rem;
}
.settings-submit-msg
{
	font-size: 1.1rem !important;
	width: 55%;
	margin: 0 auto;
	display: none;
}
#admin-info
{
	font-size: 1.1rem;
	max-width: 37.6rem;
	margin-top: 2rem;
}
.admin-tbl th:nth-child(1)
{
	width: 22%;
}
.admin-tbl th:nth-child(2)
{
	width: 10%;
}
.admin-tbl th:nth-child(3)
{
	width: 67%;
}
.settings-misc
{
	position: relative;
	/*width: 110%;*/
}
.question-setting
/*.question-opt-out, .question-use-alt, .question-email-format, .question-sms*/
{
	top: 0;
	right: .5rem;
}
#mass-archive-date
{
	display: none;
	margin-left: 20rem;
}
.review-hdr, .review-title
{
	font-size: 1.4rem;
}
.review-text
{
	margin-top: 1rem;
	font-size: 1.4rem;
}
.review-tbl
{
	width: 100%;
	font-size: 1.4rem;
	margin-bottom: .5rem;
}
@media only screen and (max-width: 500px)
{
	.question-setting
	/*.question-opt-out, .question-use-alt, .question-email-format, .question-sms*/
	{
		right: 1rem;
		top: -1rem;
	}
}
/* END settings.php */

/* BEGIN site-status.php */
.site-status-select
{
	float: left
}
.site-status-warn-msg
{
	float: left;
	margin-top: 3px;
}
.site-status-example-msg
{
	margin: 3rem 0 0 7rem;
}
.sswm-label
{
	position: relative;
	top: -2.2rem;
}
/* END site-status.php */

/* BEGIN subscribe.php */
/*
#subscribe div
{
	box-sizing: content-box !important;
}
 */
.subscribe-elite-rep-p
{
	margin: 2rem;
}
.subscribe-elite-rep-list
{
	margin: 2rem 2rem 4rem 2rem;
}
.subscribe-elite-rep-list li
{
	margin: 2rem;
}
.subscribe-elite-rep-callout
{
	background-color: var(--color-green);
	/*background-color: var(--color-lite-green);*//* not sure why this was changed */
	color: #fff;
	margin: 2rem;
	padding: .1rem;
	border: 1px solid var(--color-green);
	/*border: 1px solid var(--color-lite-green);*//* not sure why this was changed */
	border-radius: 2rem;
}
.locale-indent
{
	margin-left: 3rem;
}
.question-display-ad
{
	position: inherit;
}
.blurb-disp-ad
{
	margin-left: 1.5rem;
	font-size: 1.2rem;
}
.indent
{
	margin-left: 4rem !important;
}
.indent2
{
	margin-left: 2rem !important;
}
#subscribe
{
	/*position: relative;*/ /* TODO not sure why needed, but it messes with Dev Tools by hiding large swaths */
}
#subscribe a:link
{
	color: #2222bb;
	text-decoration: none;
}
#subscribe a:visited
{
	color: #8822bb;
	text-decoration: none;
}
#subscribe a:hover
{
	color: #ac0000;
}
#subscribe a:active
{
	color: #ac0000;
	text-decoration: none;
}
.pricing-header
{
	overflow: auto;
}
.sub-bullet
{
	list-style-type: circle;
}
.terms-agree
{
	border-radius: 6px;
	background-color: #ffdede;
	padding: 11px;
	max-width: 33.8rem;
	box-shadow: 4px 4px 12px #888;
}
#p-subscribe .terms-agree
{
	margin-left: 3rem;
}
.terms-agree-notice
{
	font-size: 9px;
	line-height:1.1em !important;
	margin: 0 0 4rem 2.5rem !important;
	width: 260px;
}
#tt-2 ol
{
	padding-left: 23px;
}
#subscribe h2
{
	font-size: 16px;
	margin: 0;
	padding-top: 1rem;
}
#subscribe p
{
	/*line-height: 16px;*/
	margin: 0;
	padding: 5px 0;
}
/*
#subscribe h3
{
	margin: 24px 0 0;
}
 */
#subscribe .pmt-detail
{
	margin-bottom: 15px;
}
#subscribe .pmt-detail td
{
	height: 30px;
}
#subscribe .pmt-detail .email-entry
{
	height: 60px;
}
/*
#subscribe #contact-info-label
{
	padding-top: 10px;
}
*/
#subscribe .screamer
{
	color: #ac0000;
	max-width: 800px;
}
#subscribe .paid-eGuide-offer
{
	margin-left: 0;
}
#subscribe #eGuide-pitch p
{
	line-height: normal;
	margin-top: 15px;
}
#subscribe #eGuide-pitch h2
{
	margin-top: 25px;
}
.container-next-steps
{
	margin-bottom: 3rem;
}
#subscribe .next-steps
{
	overflow: hidden;
	background-color: #fff;
	padding: 1rem;
}
/* remove for better responsiveness
#subscribe .pricing-next
{
	float: left;
	width: 30rem;
}
 */
#subscribe .next-steps button
{
	float: right;
	width: 13.4rem;
	margin: 0 0 0 1rem;
}
#subscribe .rh-button, #LP-body .rh-button
{
	width: 10rem;
	box-shadow:	none;
	border-radius: .6rem;
	margin: 2rem auto 1rem;
}
#subscribe .next-steps .rh-button
{
	width: 13.4rem;
	float: right;
	margin-left: 1rem;
	box-shadow:	none;
	border-radius: .6rem;
}
#subscribe #form-register1
{
	margin: 0 auto;
}
#subscribe .fa-question-circle-o, #subscribe .fa-regular .fa-circle-question
{
	font-size: 115% !important;
}
#subscribe .up3-row
{
	overflow: inherit;	 /* TODO suppress because it causes burst to be partly hidden; have to change some margins to compensate */
	position: relative;	/* to position burst */
}
.p3-features
{
	text-align: center;
}
#eGuide-pitch
{
	font-size: 16px;
	/*line-height: normal;*/
	max-width: 800px;
	width: 86%;
}
.eguide-pitch ul
{
	margin: 0;
	padding-left: 23px;
}
#eGuide-pitch h2
{
	font-size: 24px;
}
#sub-h2
{
	text-decoration: underline;
}
.CCaccept
{
	font-weight: bold;
	font-size: 12px;
	width: 296px;
	height: 25px;
	color: #ffffff;
	background-color: #800000;
	text-align: center;
	margin: 2.5rem 0 0 .7rem;
	border-radius: 1rem;
}
.p-s-p-1
{
	width: 85px;
}
.p-s-p-2
{
	width: 89px;
}
.p-s-p-3
{
	width: 88px;
}
.p-s-p-4
{
	width: 86px;
}
/*
.p-s-p-IE7
{
	height: 50px; !* needed to prevent weird corruption in IE7 *!
}
 */
.congrats h2
{
	color: maroon;
}
.congrats p
{
	margin-top: 15px;
}
.congrats ul
{
	margin: -4px 0 0 2px;
}
.mobile-congrats
{
	/* css popup */
	position: absolute;
	top: 138px;
	left: 2%;
	width: 90%;
	border-width: 2px !important;
	background-color: #fff;
	padding: 10px;
}
#congrats-X
{
	float: right;
	font-weight: bold;
	font-size: 14px;
	margin-top: -20px;
}
.congrats li
{
	margin-bottom: 1rem !important
}
.congrats div ul > li
{
	list-style-image: url('/images/checkbox-unchecked-dim-16x16x12.png');
	font-weight: bold;
	margin-top: 10px;
}
.congrats li li
{
	font-weight: normal;
	list-style-image: none; /* needed for IE8 and IE9 only to compensate for apparent bug */
}
.congrats-list
{
	overflow: auto;
	/*max-width: 19rem;	!* artifical narrowing to prevent odd result on iOS where text wraps but with of element is so wide that question mark is way too far to the right *!*/
}
.congrats-agree
{
	font-size: 1.1rem;
}
.oddball-list
{
	margin-top: 0 !important;
}
.see-checkbox
{
	position: absolute;
	left: -49px;
	top: -14px;
}
@-moz-document url-prefix()
{
	#select-plan
	{
		width: 630px;
		font-size: 11px;
	}
}
#subscribe form
{
	display: block;
	margin-bottom: 2rem;
}
.login-buy-eGuide
{
	font-size: 11px;
	font-weight: bold;
	margin: 10px 20px 0 25px;
	max-width: 400px;
}
.plan-radio .plan-box
{
	max-width: 800px;
	width: 95%;
	margin: 15px 8px !important;
	border-width: 2px !important;
	padding: 5px 0;
	font-size: 14px;
}
.plan-header
{
	font-weight: bold;
	font-style: italic;
}
.plan-radio ul
{
	display: none;
}
.plan-radio div
{
	margin: 5px 0 1rem 1rem;
}
.plan-radio ul
{
	margin: 5px 0 0 20px;
	font-size: 13px;
}
.plan-radio li
{
	margin-bottom: 5px;
}
.plan-highlight
{
	color: #ac0000;
	background-color: #fefecb;
	padding: 2px;
	border: solid maroon 1px !important;
	border-radius: 4px;
}
#subscribe .LP-arrow
{
	left: 5%;
}
#subscribe-progress
{
	margin: 0 auto;
}
#subscribe #terms
{
	width: 90%;
}
.next-steps-assist
{
	margin-bottom: 1rem !important;
}
.platinum-agreement-button
{
	margin-top: .2rem !important;
	float: right;
	width: 18rem !important;
}
.readonly-checkbox
{
	/* per AI to make checkbox effectively disabled, but not dim it out but retain lue color */
	pointer-events: none;
	accent-color: #007bff;
	opacity: 1;
}
@media only screen and (max-width: 500px)
{
	#subscribe-progress
	{
		width: 95%;
		/*width: 70%;*/
		margin-top: 1rem;
	}
	#subscribe-progress .progress-text
	{
		font-size: 1rem;
	}
}
@media only screen and (min-width: 501px)
{
	#subscribe-progress
	{
		width: 53%;
	}
	#subscribe-progress .progress-text
	{
		font-size: 1.4rem;
	}
}

/* breakpoints: 430, 660, 740 */
@media only screen and (max-width: 430px)
{
	.up3-col
	{
		max-width: inherit;
		width: 99%;
		/*width: 70% !important;	!* TODO see of works on index too *!*/
		/*margin-left: 5%;		!* TODO because margin: 0 auto; not working *!*/
		min-width: 29rem;
		margin: 1rem auto;
		/*min-height: 37rem !important;*/
		float: none;
	}
	#p-subscribe .up3-col3
	{
		margin-right: auto !important;
	}
	.up3-row1 .up3-col, .up3-ro2 .up3-col, .up3-row5 .up3-col, .up3-row6 .up3-col
	{
		min-height: inherit;
	}
	.up3-row6 .up3-col
	{
		padding-bottom: inherit;
	}
}
@media only screen and (min-width: 431px) and (max-width: 660px)
{
	.up3-col
	{
		/*min-height: 37rem !important;*//* TODO temp back out */
		/*max-width: inherit;*/
		max-width: 36rem;
		/*width: 99%;*/
		/*width: 70% !important;*/	/* TODO see of works on index too */
		/*margin-left: 15%;		!* TODO because margin: 0 auto; not working *!*/
		min-width: 31rem;
		margin: 1rem auto;
		float: none;
	}
	#p-subscribe .up3-col3
	{
		margin-right: auto !important;
	}
	.up3-row1 .up3-col, .up3-ro2 .up3-col, .up3-row5 .up3-col, .up3-row6 .up3-col
	{
		min-height: inherit;
	}
	.up3-row6 .up3-col
	{
		padding-bottom: inherit;
	}
}
@media only screen and (min-width: 661px) and (max-width: 740px)
{
	.up3-row1 .up3-col
	{
		min-height: 85rem;	/* need most room at 672px wide */
	}
}
/* END subscribe.php */

/* BEGIN COMMON subscribe, placement, pricing */
.placement-pitch
{
	margin-top: 2rem;
	max-width: 800px;
	width: 90%;
	font-size: 16px;
}
#p-subscribe .placement-pitch
{
	margin: 2rem 0 0 2rem;
}
.placement-pitch h1
{
	font-size: 24px;
}
#subscribe .placement-pitch h2,
.placement-pitch h2
{
	font-size: 20px;
}
.tagline-platinum
{
	font-style: italic;
	font-weight: bold;
	color: var(--color-green);
	margin-left: 2rem !important;
}
.quote-platinum
{
	font-style: italic;
	margin-left: 4rem !important;
}
.placement-pitch ol
{
	margin-top: 5px;
}
.placement-pitch ol ol
{
	list-style-type: lower-alpha;
	margin-top: 0;
}
.placement-title
{
	font-size: 24px;
	margin-top: 1.5rem;
}
#p-subscribe .placement-title
{
	margin: 3rem 0 0 2rem;
}
.placement-subtitle
{
	font-size: 16px;
	font-weight: bold;
	margin-top: 1rem;
	text-align: center;
}
#p-subscribe .placement-subtitle
{
	margin-left: 2rem;
}
#placement-terms
{
	height: 22rem;
	max-width: 70rem;
	width: 95%;
	margin: 0 5%;
	overflow: auto;
	border: 1px solid #888;
	font-size: 12px;
}
.placement-terms-list
{
	padding-left: 2.8rem;
}
/*
.placement-2pmts
{
	font-size: 10px;
}
 */
.placement-i-agree
{
	margin: 2em 0 1em 4em;
	font-size: 12px;
}
/*
.pricing-value-proposition
{
	float: left;
	width: 261px;
	margin: 30px 0 0 50px;
}
.pricing-value-proposition.rounded
{
	border-width: 3px !important;
}
.pricing-value-proposition div:first-child
{
	background-color: #6c83a6;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
.pricing-value-proposition div
{
	padding: 10px;
}
.pricing-value-proposition ol, .pricing-value-proposition ul
{
	padding-left: 23px;
}
 */
/* END COMMON subscribe, placement, pricing */

/* BEGIN terms-of-service.php */
#legal
{
	width: 98%;
}
/*
.legal-subhead
{
	text-decoration: underline;
}
 */
#legal li li
{
	list-style-type: disc;
}
#legal ol > li
{
	padding: 2px 0 5px;
}
.sub-num li
{
	/* to override */
	list-style-type: decimal !important;
}
/* END terms-of-service.php */

/* BEGIN test-browser.php */
#feature-tests > p
{
	margin-bottom: 5px;
}
.list-bordered
{
	border: 1px solid #cccccc;
	margin: 10px 0 10px 40px;
	max-width: 80%;
}
.list-bordered ul
{
	padding-right: 5px;
}
.list-item-bordered
{
	font-weight: bold;
	padding: 4px;
	border-top: 1px solid #cccccc;
}
.list-item
{
	font-weight: bold;
	padding: 4px;
}
#ip-addr
{
	font-family: monospace;
	font-weight: bold;
}
#test-ajax
{
	margin-left: 1rem;
	color: blue;
	font-weight: bold;
}
.test-ajax-styles
{
	color: #000 !important;
	font-weight: normal !important;
}
.test-browser-advice
{
	font-size: 1.2rem;
}
/* END test-browser.php */

/* BEGIN reviews.php */
.ITC-biz
{
	margin: 2rem 0 1rem;
	border: thin solid #35595a;
	max-width: 56rem;
}
.badge-container
{
	display: flex;
	flex-wrap: wrap;
	margin: 2rem auto;
}
.badge-container-child
{
	margin: 2rem auto 1rem;
}
.badge-container .trustpilot-widget iframe
{
	/* overrides */
	width: 23rem !important;
	height: 7.5rem !important;	/* does not show but makes surrounding div same height as other badges */
}
/*
#badge-CL
{
	margin-top: -1.6rem;
}
*/
.badge-height-override
{
	height: 10rem;
}
.badge-height-override2
{
	height: 14rem;
}
.CL-custom-badge
{
	position: relative;
	margin-top: -3rem;
}
.CL-review-cnt
{
	font-weight: 600;
	color: #fff;
	font-size: 1.5rem;
	margin-right: 1.2rem;
	position: absolute;
	top: 1rem;
	left: 2rem;
	font-family: Arial;
	width: 18rem;
}
.CL-stars
{
	margin: 6px 0 0 1rem;
	vertical-align: -2px;
	width: 7rem;
	height: 1rem;
	display: inline-block;
	background:url(/images/CL-rating-sprite.png) 0% 0% no-repeat;
}
#p-reviews .badge-container .trustpilot-widget iframe
{
	/* overrides */
	width: 19rem !important;
	height: 10rem !important;	/* does not show but makes surrounding div same height as other badges */
	top: -1.6rem;
}
#p-subscribe .trustpilot-widget
{
	background-color: #fff;	/* otherwise inherits gray background */
	padding: 1rem;	/* make less abrupt */
	border-radius: 1rem; /* match divs on page */
}
.review-media
{
	width: 80%;
	margin: 0 auto;
}
.review-media-child
{
	margin-bottom: 2rem;
}
.badges-inner
{
	max-width: 42rem;
	width: 70%;
	margin: 0 auto;
}
#reviews-page
{
	background-color: #f4f3ee;
}
#reviews-page .videoWrapper iframe
{
	width: 56rem;
}
.customerlobby-widget
{
	margin: 4rem auto;
	width: 50%;
}
.testimonial-page-body
{
	margin-top: 7rem;
}
.testimonial-user-image
{
	font-size: 1rem;
}
@media only screen and (max-width: 600px)
{
	.badge-container
	{
		width: 85%;
	}
}
@media only screen and (min-width: 601px)
{
	.badge-container
	{
		width: 100%;
	}
}
@media only screen and (max-width: 611px)
{
	#reviews-page
	{
		margin-right: 1rem;
	}
	#reviews-page .videoWrapper
	{
		position: relative;
		padding-bottom: 56.25%; /* padding-bottom is inverse of 16:9 */
		height: 0;
		/* switch to same hack as for ITC banner - does not work */
		/*
		width: 90vw;
		height: 60vw;
		*/
	}
	#reviews-page .videoWrapper iframe
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.ITC-biz
	{
		width: 90vw;
		height: 60vw;
	}
	.testimonial-badges
	{
		width: initial;
	}
}
@media only screen and (min-width: 612px)
{
	.testimonial-badges
	{
		width: 56rem;
	}
}
@media only screen and (max-width: 900px)
{
	.testimonial-mult
	{
		margin: 0 0 1.8rem 0;
	}
}
/* END reviews.php */

/* BEGIN tips-for-working-with-reps */
#tfwwr
{
	width: 70%;
}
.tfwwr-lev1
{
	font-weight: bold;
	margin-bottom: 2rem;
}
.tfwwr-lev1 ul, .tfwwr-lev1 p
{
	font-weight: normal;
}
.tfwwr-lev1 p
{
	margin-top: 1rem;
}
.tfwwr-lev2
{
	list-style-type: circle;
}
/* END tips-for-working-with-reps */

/* BEGIN top-10-reasons-pri.php top-10-reasons-rep.php */
#rep-comment
{
	margin: 2em 2em 0;
	font-style: italic;
	font-size: 14px;
}
/* END top-10-reasons-pri.php top-10-reasons-rep.php */

/* BEGIN track-relationships.php */
#track-relationships
{
	margin-top: 1rem;
}

#p-track-relationships .bkgd-theme-neutral, #p-track-relationships .bkgd-theme-principal, #p-track-relationships .bkgd-theme-rep
{
	/* hide old hr */
	display: none;
}
#p-track-relationships #main
{
	margin-top: -2px;
}
#p-track-relationships #help
{
	/* these styles handle overflow of accordion for small screens */
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 50vh;	/* make half page height to reduce impact */
}
#p-track-relationships #header-container
{
	width: 100%;
	max-width: none;
	margin: unset;
}
#p-track-relationships #header
{
	position: fixed;
	left: 0;
	right: 0;
	max-width: 102.4rem;
	margin: 0 auto;
	z-index: 2;	/* override z-index: 1; so that user control dropdowns appear on top of main-controls; ref: https://coder-coder.com/z-index-isnt-working/ */
}
#p-track-relationships .content
{
	max-width: 102.4rem;
}
@media only screen and (max-width: 768px)
{
	#p-track-relationships #header-container
	{
		height: 57px;	/* old 60 less 3 for new border */
	}

}
@media only screen and (min-width: 769px)
{
	#p-track-relationships #header-container
	{
		height: 102px;	/* old 105 less 3 for new border */
	}
}
#p-track-relationships #help-hide
{
	z-index: 1;
}
.tr-controls
{
	float: left;
	width: 100%;
}
.tr-controls input
{
	margin-right: 2% !important;
	/*margin-right: 4rem !important;*/
	float: left;
	height: 2.7rem !important;	/* same as desktop view Archive Settings button */
	box-sizing: border-box;	/* needed to force search input to have the correct height */
}
#is_search
{
	width: calc(100% - 3rem); /* adjust width to account for the button */
	height: 100%; /* make it match the container height */
	box-sizing: border-box; /* include padding and borders in the element's total width and height */
	white-space: nowrap; /* prevent text from wrapping */
	overflow: hidden; /* hide any overflow content */
	text-overflow: ellipsis; /* add ellipsis (...) for overflowing text */
	padding-right: 1rem; /* ensure text doesn't overlap with button */
	border-style: none;	/* prevents border when field not selected */
	outline: none;	/* prevents border when field is selected */
	-webkit-transition: width 0.3s ease; /* smooth transition */
	transition: width 0.3s ease; /* smooth transition */
}
.tr-search-container
{
	position: relative; /* allows positioning of button within the container */
	width: 51%; /* adjust as needed */
	/*max-width: 51%; !* ensure it doesn't exceed this width *!*/
	height: 3rem; /* fixed height */
	max-height: 3rem; /* ensure it doesn't exceed this height */
	box-sizing: border-box; /* include padding and borders in the element's total width and height */
	border: 2px solid black;
	display: inline-block;
	float: left;
}
.tr-search-btn
{
	position: absolute; /* position the button within the container */
	right: 0; /* align to the right */
	top: 0; /* align to the top */
	height: 100%; /* match the container height */
	width: 3rem; /* fixed width for the button */
	box-sizing: border-box; /* include padding and borders in the element's total width and height */
	color: #fff;
	background-color: #c93c3c;
	border: none;	/* to prevent heavy border */
}
.tr-tt-search
{
	top: .3rem;
	left: 1rem;
	color: var(--color-sr-dark-bkgd);
}
.tooltiptext.tr-search
{
	width: 25rem;
}
.tr-old
{
	float: right;
	margin: 1.5rem .5rem 0 0;
}
.tr-btn
{
	background-color: #aaa;	/* was #800000 */
	color: #fff;
	font-weight: bold;
	border: 1px solid #000;
	border-radius: .4rem;
	/*float: left;*/
	padding: .5rem;
}
.tr-archive-btn
{
	margin: 1.5rem 30% 1rem !important;
}
#archive-settings
{
	display: none;
	font-size: 1.4rem
}
#archive-settings input[type="checkbox"]
{
	margin-right: 1.5rem;
}
.archive-settings-margin
{
	margin-bottom: 1rem;
}
.archive-settings-auto
{
	overflow: auto;
}
.archive-settings-auto p
{
	margin: 1rem 0;
}
.mass-archive-settings
{
	margin-left: 2rem;
}
#autoarchive_cutoff
{
	/*margin: 0 3rem 1rem;*/
	display: inline;
}
.tr-legend
{
	font-size: 1rem;
	font-weight: bold;
	margin: 2rem 0 .2rem 1rem;
	color: var(--color-sr-dark-bkgd);
}
.tr-leg2
{
	margin-top: 0;
}
.tr-filter-controls
{
	float: left;
	width: 130%;	/* needed to allow div to take the full available space, and not require the transform: scale() to get smaller than necessary */
}
.tr-filter-controls label
{
	color: silver; 	/*darkgray;*/
}
.filter-group
{
	height: 2.4rem;
	padding: .6rem 0 0 0;
	float: left;
	border: 0;
	background-color: #fff;
	/*background-color: #f1f1f1;*/
}
.filter-group-4
{
	/*border: 0;*/
	background-color: #fff;
	margin-left: 0 !important;
}
.unselected
{
	color: #888 !important;	// TODO may have side effects
}
.tr-filter-controls .tooltiptext
{
	width: 7rem;	/* skosh larger to question question mark inside */
	top: 1.5rem;
	left: -1rem;	/* position right below to make it easy to cursor over */
}
.tooltiptext-wide
{
	width: 8rem !important;
}
.question-filter
{
	font-size: 130% !important;
	margin: -1px 0 0 .5rem;
}
.tr-folder-hdr
{
	font-weight: bold;
	font-family: Verdana, sans-serif;
}
.tr-folder
{
	margin-top: 7rem;
}
.tr-actions
{
	margin-top: 4rem;
}
#tr-archive-cnt-badge
{
	position: absolute;
	left: 2.8rem;
	background-color: #777;
	color: #fff;
	text-align: center;
	border-radius: .6rem;
	padding: .2rem 0 .1rem;
}
.tr-filter-btn
{
	padding: 1px 2px;
	-webkit-appearance: button !important;	/* this style and the two below are hacks for iOS */
	border-radius: 3px;
	border: 1px solid black;
}
.no-cr-visible
{
	position: absolute;
	top: 24rem;
	left: 27%;
	width: 40%;
	border: 3px solid #800000;
	border-radius: 6px;
	padding: 2rem;
	background-color: #fff;
	z-index: 1;
	font-weight: bold;
}
.tr-label
{
	padding: .6rem;
	border-radius: 6px;
	position: relative; /* for abs pos of count badge */
}
.tr-label:hover
{
	/* for some reason descendent selector did not work with hover; had to add a class */
	background-color: #ddd;
}
.folder-selected
{
	/* for some reason descendent selector did not work with hover; had to add a class */
	background-color: #eee;
}
.folder-icon
{
	/*width: 2.5rem;*/
	max-width: 2.2rem;
	width: calc(7.54vw - 2.93rem);
	/*font-size: 2rem;*/
	float: left;
}
@media only screen and (max-width: 800px)
{
	.folder-icon
	{
		display: none !important; /* !imp needed to override fontawesome */
	}
}
.tr-caption
{
	/*float: left;*/
	display: inline-block;
	width: 44%;
}
.question-folder
{
	font-size: 110% !important;
	margin: 0 .5rem;
	/*left: 18.8rem;	!* TODO temp *!*/
	position: relative;
	top: 0;
	float: right;
}
.tr-cnt-badge
{
	padding: .2rem .4rem;
	background-color: #777;
	color: #fff;
	border-radius: .4rem;
	float: right;
	min-width: 6px;
	min-height: 12px;
}
.tr-hdr
{
	font-weight: bold;
	color: var(--color-sr-dark-bkgd);
	/*color: #800000;*/
	margin: 1.5rem 0 .5rem;
	width: 120%;
}
.tr-show-all
{
	float: none;
}
#main-controls
{
	position: fixed;
	/*
	background-color: #fff;
	background-color: #f5f5f5;	!* slight gray to distinguish from scrolled rows *!
	background-color: #1E3A8A;	!* indigo *!
	background-color: #0D47A1;	!* cobalt *!
	background-color: #001689;	!* phthalo *!
	background-color: #001689;	!* phthalo *!
	background-color: #4160e1;	!* royal *!
	background-color: #6A5ACD;	!* slate *!
	background-color: #3A75C4;	!*  *!
	background-color: #1d3aab;	!* egyptian *!
	background-color: #4682B4;	!* steel *!
	background-color: #2043a5;	!* cobalt *!
	background-color: #0c36ea;	!* palatinate *!
	background-color: #1463f3;	!* royal *!
	background-color: #1a56ea; !* byzantine *!
	background-color: #1541e2; !* *!
	background-color: #0443f2; !* ribbon *!
	background-color: #0056B3; !*  *!
	background-color: #6093c0; !* blue gray *!
	background-color: #076bff; !* brandeis *!
	background-color: #1E90FF; !* dodger *!
	background-color: #1673f8; !* crayola *!
	background-color: #1265f5;	!* royal *!
	background-color: #0970fb;	!* *!
	background-color: #0c63f6;	!*  *!
	background-color: #0446d1;	!* *!
	background-color: #0076A8;	!* like RISD *!
	background-color: #0e56f1;	!* like RISD *!
	background-color: #0e4ec1;	!* like RISD *!
	background-color: #4A90E2;	!* like RISD *!
	background-color: #0056d2;	!* tang *!
	background-color: #007BFF;	!* azure *!
	background-color: #0a2ac0;	!*  *!
	background-color: #104def;	!* RISD *!
	background-color: #0657fd;	!*  *!
	background-color: #075aee;	!*  *!
	background-color: #0861e8;	!*  *!
	background-color: #0d66c3;	!* linkedin *!
	background-color: #0069e9;	!* celtic *!
	background-color: #295cf2;	!* celtic *!
	background-color: #005be1;	!* celtic *!
	background-color: #0027e0;	!* celtic *!
	background-color: #0074e1;	!* celtic *!
	*/
	background-color: var(--color-main-controls);

	z-index: 1;
	width: 100%;
	max-width: 75.2rem;
	padding: 3.2rem 0 0 1rem;
	margin-top: -.8rem;	/* reduced from -1.8rem to prevent overflow of tabs at top */
	-webkit-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}
#main-controls.sr-main-controls
{
	max-width: 79.2rem !important;	/* needed to prevent scrolling section from showing to right of header; see width setting in media queries */
	/*max-width: 81rem !important;	!* needed to prevent scrolling section from showing to right of header; see width setting in media queries *!*/
}
.tr-no-contacts-msg
{
	font-weight: bold;
	margin: 23rem 0 0 2rem;
}
.image-pad
{
	width: 3.5rem;
}
.tr-button
{
	width: 70px;
}
.tr-clm
{
	height: 100%;
	/*border: 1px solid red;*/
}
.tr-inner
{
	display: flex;
	height: 100%;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	margin: 0 auto;	/* TODO expt */
	width: 80%; /* TODO expt */
}
.tr-inner-clm1
{
	text-align: center;
	font-weight: bold;
	max-width: 20%;
	width: 20vw;
}
.tr-inner-clm2
{
	width: 80%;
	padding: 0 .5rem;
}
.question-unpaid
{
	font-size: 1.8rem !important;
	margin-left: .8rem;
}
.tr-me
{
	font-weight: normal;
	font-size: smaller;
	color: #800000;
}
.tr-center
{
    margin: 0 auto;
	/*width: 80%;*/
}
.tr-even---x
{
	background-color: #fff;
}
.tr-odd---x
{
	background-color: #eff4fa;
}
#track-search-controls
{
	margin-top: 20px;
}
.response-row
{
	height: 12.5rem;
	/*display: flex;*/
}
.choice-container
{
	display: flex;
	width: 85%;
	margin: 0 auto;
}
.match-choice
{
	margin: 3.2rem auto;	/* locates the buttons in the flex box */
	font-size: 5rem !important;
}
.match-text
{
	font: bold 1.6rem Lato, "Trebuchet MS", sans-serif;
	color: #000;
}
.match-text-adj
{
	position: relative;
	left: -1.2rem;
}
.message-row
{
	display: flex;
	align-items: center;
	padding: 1rem 0;
	position: relative;	/* for abs pos of reply button */
}
.tr-reply-text
{
	width: 95%;
}
.tr-reply-controls
{
	font-size: 1.2rem;
}
.back-to-response
{
	font-weight: bold;
	color: #333;
	position: absolute;
	height: 1.7rem;
	font-size: 1.3rem;
}
.tt-back-to-response
{
	max-width: 10rem;
}
.match-resp
{
	color: #cb0000;
}
.tr-reply-btn
{
	width: 17%;
	float: left;
}
.tr-reply-btn button
{
	font-weight: bold;
	height: 2.2rem;
	background-color: #800000;
	color: #fff;
	border-radius: 6px;
}
.tr-template-btn
{
	width: 43%;
	float: left;
}
.select-reply-template
{
	/* TODO needs tweaking for responsiveness again */
	max-width: 20rem;
	width: 24vw;
}
.tr-gear
{
	margin-right: 3px;
}
.tr-char-limit
{
	font-size: 1rem;
	float: right;
}
.message-row-border td, .message-row-border
{
	background-color: #B2B0A9;
}
.tr-messages > div:nth-child(odd)
{
	background-color: #C5C9D3;
}
.tr-messages > div:nth-child(even)
{
	background-color: #E9EBF8;
}
.message-row-border
{
	padding: 1rem 1.5rem;
}
.reply-icon
{
	font-size: 1.6rem;
	margin-right: 1rem;
}
.tr-name
{
	font-weight: bold;
}
.msg-date
{
	font-weight: normal;
	font-size: 1.2rem;
	/*text-align: center;*/
	margin-top: 1rem;
}
.hide-msg-row
{
	border-top: none;
}
.tr-row-border
{
	border-top: .6rem solid #6b82a7;
}
.tr-row, .sr-row
{
	border-bottom: none;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	/*overflow:auto;	!* clear floats, but breaks visibility of pull down *!*/
	height:14rem;
	display: flex;
	align-items: center;
	position: relative;	/* TODO was only on sr-row; adding back to tr-row */
}
.sr-row
{
	/* override */
	height: 19rem;	/* to fix display on Android Moto e5; previous 18rem caused break where sr-col1 is offset to the right */
	display: block;
	border-radius: .8rem;
}
.sr-row-mini
{
	max-height: 10rem;
	height: 17vw;
}
.row-wrapper
{
	background-color: lightblue;
}
.row-wrapper-suppress
{
	padding-bottom: 0;
}
.profile-wrapper
{
	margin-top: 2rem;/* TODO experiment */
	background-color: var(--color-main-controls);
	border-top: 1rem solid var(--color-main-controls);
	border-left: .3rem solid var(--color-main-controls);
	border-right: .3rem solid var(--color-main-controls);
	border-radius:	.6rem;	/* to match sections */
}
.sr-row-mini .sr-col1
{
	height: 0;
	max-height: 0;	/* to prevent moving profile header row to right instead of using overflow:hidden on sr-row-mini, which messes up the hamburger dropdown */
}
.sr-row-mini .sr-indicators
{
	position: absolute;
}
.sr-row-mini .sr-userid
{
	position: relative;
}
.sr-row-mini .sr-image, .sr-row-mini .sr-image-default
{
	position: relative;
}
.sr-row-mini .tr-row-controls
{
	position: relative;
}
.sr-row-mini .sr-user-text
{
	display: none;
}
.sr-row-mini .sr-elite-color
{
	background-color: transparent;
}
.sr-row-mini .sr-elite-icon
{
	position: absolute;
	font-size: .9rem;
}
.sr-elite-img
{
	width: 3vw;
	max-width: 2.8rem;
	height: auto;
}
.location-mini
{
	display: none;
}
.tr-row td
{
	padding: 4rem 1.5rem;/* TODO expt */
}
/* tooltip overrides for track-relationships; helps responsiveness there too */
.rh-image
{
	border-radius: 50%;
	border: 0;
	font-size: 1.2rem;	/* for alt text */
	display: block;
	margin: 0 auto;
}
.tr-image
{
	max-width: 5.8rem;
	max-height: 5.8rem;
}
.sr-image
{
	width: 11vw;
	height: 11vw;
	max-width: 8rem;
	max-height: 8rem;
	min-width: 5rem;
	min-height: 5rem;
}
.rh-image-default
{
	display: block;
	font-size:	3.5rem;
	text-align: center;
	border: none;			/* need for sr-; does not hurt tr- */
}
.tr-image-default
{
	width: 5.8rem;
	height: 5.8rem;
}
.sr-image-default
{
	width: 11vw;
	height: 11vw;
	font-size:	min(11vw /2, 4rem);	/* based on max-width of 8rem */
	max-width: 8rem;
	max-height: 8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box; /* eliminate borders and padding don't affect size */
}
.tr-image-default-inner
{
	position: relative;
	top: .6rem;
}
.tr-view
{
	margin-top: 3px;
	position: relative;
	left: 5px;
}
.tr-results
{
	margin-left: 15px;
}
.tr-indicator
{
	background-color: white;
	display: inline-block;
	font-weight: bold;
}
.ur-prompt
{
	display: none;
}
#ur-prompt-templates
{
	margin-top: 1rem;
}
.ur-label
{
	font-size: 1.2rem;
	color: #800000;
	margin-top: .5rem;
}
.reply-note
{
	margin: -2.2rem 0 .8rem;
}
.request-date
{
	font-size: 70%;
}

.tr-two-buttons
{
	width: 87px;
}
.tr-notice
{
	margin-bottom: 1.5rem;
}
.tr-icon
{
	clear: both;
}
.tr-icon-tt
{
	float: right;
}
.tr-dropbtn
{
	background-color: #F0F0F0;
	font-size: 16px;
	border: none;
	padding: 16px;	/* for browsers that don't understand the next line */
	padding: min(2vw, 16px);
}
.tr-row-controls
{
	position: relative;
	display: inline-block;
}
.tr-clm1 .tr-row-controls
{
	margin-left: 15%;
}
.tr-inner-clm2 .tr-row-controls
{
	margin-left: 1rem;
}
.tr-dropdown-content
{
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	width: 14rem;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	z-index: 1;
}
/* TODO could replace anchors with divs */
.tr-dropdown-content a, .tr-dropdown-content div
{
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.tr-dropdown-content a:hover, .tr-dropdown-content div:hover
{
	background-color: #ddd;
}
.tr-row-controls:hover .tr-dropdown-content
{
	display: block;
}
.tr-row-controls:hover .tr-dropbtn
{
	/*background-color: #f1f1f1;*/
	background-color: #D3D3D3;
}
.hover
{
	/* must come below tr-dropdown-content to avoid !important */
	display: block;
}
.hamburger-bottom
{
	bottom: 100%;
}
.hamburger-top
{
	bottom: -11rem;
	left: 4.7rem;
}
.darken
{
	background-color: #D3D3D3;
}
.ACD
{
	width: 11rem;
	font-size: 1.4rem;
}
.ACD i
{
	font-size: 1.6rem;
}
#tr-archive-link
{
	margin-left: 8px;
}
/*https://coolors.co/008000-cb0000-15b097-3185fc-0000ff-d81159-390040-f79824-a63c06-08605f*/
.fa-inbox, .fa-inbox-in
{
	color: green;
}
.fa-envelope, .fa-save, .fa-floppy-disk
{
	color: #3185FC; /* azure */
}
.fa-envelope-open
{
	color: blue;
}
.fa-archive, .fa-box-archive
{
	color: #F26419; /* safety orange */
}
.fa-edit, .fa-exclamation-triangle, .fa-triangle, .fa-triangle-exclamation, .fa-pencil
/*.fa-question, .fa-edit, .fa-exclamation-triangle, .fa-triangle, .fa-triangle-exclamation, .fa-pencil*/
{
	color: #cb0000;	/* rosso corsa */
}
.fa-sent-color, fa-inbox-out
{
	color: #D81159; /* ruby */
}
.fa-sticky-note, .fa-note
{
	color: #98C2FE; /* baby blue eyes */
}
.fa-handshake-o, .fa-handshake
{
	color: #15B097;	/* keppel */
}
.fa-credit-card
{
	color: #CF6A15; /* chocolate web */
	/*color: #F79824; !* yellow orange *!*/
}
.fa-reply
{
	color: blue;
}
.fa-paper-plane-o, .fa-paper-plane
{
	color: #a63c06;	/* rust */
}
.fa-rocket
{
	color: #08605F;	/* deep jungle green */
}
.fa-bell-o, .fa-bell, .fa-bell-on
{
	color: #D81159; /* ruby */
}
.fa-flag
{
	color: #ac0000;
}
.fa-thumbs-up
{
	color: #08605F;	/* deep jungle green */
}
.fa-thumbs-down
{
	color: #ac0000;
}
.fa-ban
{
	color: #ac0000;
}
.fa-share
{
	color: #08605F;	/* deep jungle green */
}
.tr-clm1
{
	width: 11%;
}
.row_cnt
{
	position: absolute;
	top: .1rem;
	left: 0;
	width: 96%;
}
.row_cnt_inner
{
	text-align: center;
}
.tr-clm2
{
	position: relative;
	top: -1rem;	/* to keep rest of flexbox elements vertically centered */
}
.tr-clm3
{
	min-width: 11%;
	/*min-width: 10%;*/
	position: relative;
}
.tr-clm5
{
	width: 26%;
}
.msg-stats
{
	width: 110%;
	margin: 0 auto;
	font-size: 1.3rem;
}
.tr-clm5 .fa-question-circle-o, .tr-clm5 .fa-reqular fa-circle-question
{
	font-size: 155% !important;
}
/*noinspection CssOverwrittenProperties*/
.tr-mobile-h1
{
	font-size: 1.7rem;
	font-weight: bold;
	margin: 0 3rem 0 -10rem;
	float: left;
}
/* .show-folders used for jquery; .show-folders-main for styling */
.show-folders-main, #hide-folders, #sr-hide-folders
{
	float: left;
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
}
.show-folders-main
{
	margin: 6rem 1rem 1rem 0;	/* add extra top margin to allow control to work reliably--mystery why needed */
}
#hide-folders
{
	margin: -6rem 1rem 0 0;
	padding: .4rem;
	/*margin: .5rem 1rem 0 0;*/
	/*float: right;*/
}
#sr-hide-folders
{
	margin: 1rem 1rem 0 0;
	float: right;
	background-color: #c93c3c;
	color: #fff;
}
.tr-tt-folders
{
	position: absolute;
	top: 8.9rem;
	left: 30rem;
	font-size: 165% !important; /* not sure why this override is needed */
	color: var(--color-sr-dark-bkgd);
}
.tr-show-folders-advice
{
	font-size: 1.1rem;
	font-weight: normal;
	position: absolute;
	left: 11rem;
	margin: 3px 0 0 0;
	color: var(--color-sr-dark-bkgd);
}
.tr-row-open-advice
{
	position: absolute;
	left: 57%;
}
@media only screen and (max-width: 400px)
{
	.tr-row-open-advice
	{
		font-size: 3vw;
		top: .7rem;
	}
}
@media only screen and (min-width: 401px)
{
	.tr-row-open-advice
	{
		font-size: 1.2rem;
		top: 1.2rem;
	}
}
@media only screen and (max-width: 370px)
{
	.archive-settings-label
	{
		display: none;
	}
}
@media only screen and (max-width: 459px)
{
	.tr-btn
	{
		font-size: 1.2rem;
	}
	.tr-old
	{
		margin: 0;
	}
	#tr-archive-cnt-badge
	{
		top: -.9rem;
		font-size: 1rem;
		height: 1.4rem;
		width: 2.2rem;
	}
}
@media only screen and (min-width: 460px)
{
	#tr-archive-cnt-badge
	{
		top: -1.1rem;
		font-size: 1.2rem;
		height: 1.6rem;
		width: 2.5rem;
	}
}
@media only screen and (max-width: 371px)
{
	#main-body
	{
		margin-top: 25.7rem;
	}
}
@media only screen and (min-width: 372px) and (max-width: 500px)
{
	#main-body
	{
		margin-top: 24.5rem;
	}
}
@media only screen and (min-width: 501px)
{
	#main-body
	{
		margin-top: 18.4rem;
		/*margin-top: 19rem;*/
	}
}
@media only screen and (max-width: 500px)
{
	/* reply row, mmobile */
	.reply-row .tr-inner-clm1
	{
		position: relative;
		top: -2rem;
		padding-left: 3px;	/* keep from too close to left edge */
	}
	.tr-reply-btn
	{
		position: absolute;
		left: 4vw;
		top: 7rem;
	}
	.reply-prompt
	{
		display: none;
	}
	.tr-char-limit
	{
		max-width: 36%;
		margin: 3px 0 0 0;
	}
	.back-to-response
	{
		bottom: calc(-2.22vw - 5.99rem);	/* workaround: double neg */
		left: -7vw;
	}
	.match-resp
	{
		font-size: 2.1rem;
		margin: -3rem 1rem 1rem 0;
	}
	.show-folders-main, #hide-folders, .tr-tt-folders
	{
		display: block;
	}
	#folder-pane
	{
		width: 0;
		opacity: 0;
		z-index: 3;
		background-color: white;
		height: 100%;
		/*display: none;*/
	}
	#main-pane
	{
		float: none;
		width: 100%;
	}

	#main-controls
	{
		top: 6rem;	/* fixes visble main-body sliding behind controls; but then requires a double click on the Folders link */
	}

	.tr-cnt-badge, .question-folder
	{
		display: none;
		opacity: 0;
	}

	/*	TODO might use this, or not */
	.tr-caption, .folder-icon
	{
		display: none;
		opacity: 0;
	}

	.modal
	{
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 2; /* Sit on top */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0, 0, 0); /* Fallback color */
		background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
	}
	.row_cnt
	{
		font-size: .8rem;
	}
	.tr-mobile-h1
	{
		display: block;
		color: #fff;
	}
}
@media only screen and (min-width: 501px)
{
	/* reply row, desktop */
	.tr-char-limit
	{
		max-width: 24%;
		margin: 3px 2vw 0 0;
	}
	.back-to-response
	{
		bottom: -4.5rem;
		left: -5rem;
	}
	.match-resp
	{
		font-size: 2.4rem;
		margin: -5.1rem 0 2rem;
	}
	.show-folders-main, #hide-folders, .tr-tt-folders
	{
		display: none !important;	/* important to override for fa-question-cirle-o */
	}
	.row_cnt
	{
		font-size: .8rem;
	}
	.tr-mobile-h1
	{
		display: none;
	}
}
@media only screen and (max-width: 550px)
{
	.ui-dialog .tr-reply-controls button	/* in jConfirm, not inside main selectors */
	{
		height: 3.2rem !important;
	}
}
@media only screen and (max-width: 471px)
{
	.tr-filter-btn
	{
		margin: .5rem 0 0 .5rem;
		font-size: .9rem;
		width: 3.2rem;
	}
	.filter-group
	{
		margin: .5rem .4rem;
	}
}
@media only screen and (min-width: 472px)
{
	.tr-filter-btn
	{
		margin: .5rem 0 0 1rem;
		font-size: 1rem;
		width: 4rem;
	}
	.filter-group
	{
		margin: .5rem .7rem .5rem 0;
	}
}
@media only screen and (min-width: 501px) and (max-width: 520px)
{
	.tr-filter-controls
	{
		transform: scale(.8);
		margin-left: -6rem;
	}
}
@media only screen and (min-width: 521px) and (max-width: 540px)
{
	.tr-filter-controls
	{
		transform: scale(.85);
		margin-left: -5rem;
	}
}
@media only screen and (min-width: 541px) and (max-width: 600px)
{
	.tr-filter-controls
	{
		transform: scale(.9);
		margin-left: -3rem;
	}
}
@media only screen and (max-width: 520px)
{
	.tr-filter-controls label
	{
		margin: 0 calc(3.96vw - .86rem);
	}
	.tr-filter-controls .fa, .tr-filter-controls .fas, .tr-filter-controls .fa-regular
	, .tr-filter-controls .fa-solid
	{
		font-size: 1.7rem !important;
	}
}
@media only screen and (min-width: 521px) and (max-width: 720px)
{
	.tr-filter-controls label
	{
		margin: 0 1rem;
		width: 10rem;
	}
	.tr-filter-controls .fa, .tr-filter-controls .fas, .tr-filter-controls .fa-regular
		, .tr-filter-controls .fa-solid
	{
		font-size: 1.7rem !important;
	}
	.filter-group
	{
		width: 8rem;
	}
	.filter-group-3
	{
		width: 13rem;
	}
	.filter-group-4
	{
		width: 21rem;
		/*width: 26rem;*/
		/*width: 29rem;*/
	}
}
@media only screen and (min-width: 721px)
{
	.tr-filter-controls label
	{
		margin: 0 1.3rem;/* main */
	}
	.tr-filter-controls .fa, .tr-filter-controls .fas, .tr-filter-controls .fa-regular
		, .tr-filter-controls .fa-solid
	{
		font-size: 2rem !important;
	}
	.filter-group
	{
		width: 10rem;
	}
	.filter-group-3
	{
		/* added to enable wider second group after adding ringing bell filter */
		width: 16rem;
	}
	.filter-group-4
	{
		width: 26rem;
	}
}
@media only screen and (max-width: 680px)
{
	.tr-hdr
	{
		font-size: calc(1.66vw - -.568rem);
	}
	.tr-leg2
	{
		font-size: calc(1.075vw - -.368rem);
	}
}
@media only screen and (min-width: 681px)
{
	.tr-hdr
	{
		font-size: 1.7rem;
	}
	.tr-leg2
	{
		font-size: 1.1rem;
	}
}
@media only screen and (max-width: 400px)
{
	.tr-clm5
	{
		transform: scale(.8);
	}
}
@media only screen and (min-width: 401px) and (max-width: 660px)
{
	.tr-clm5
	{
		transform: scale(.9);
	}
}
@media only screen and (max-width: 768px)
{
	.tr-2nd-filter-hide
	{
		display: none;
	}
	.tr-clm4
	{
		width: 44%;
	}
	.tr-clm5 .msg-stats
	{
		display: block;
	}
	.tr-clm6 .msg-stats
	{
		display: none;
	}
}
@media only screen and (min-width: 769px)
{
	.tr-show-more
	{
		display: none;
	}
	.tr-clm4
	{
		width: 38%;
	}
	.tr-clm5 .msg-stats
	{
		display: none;
	}
	.tr-clm6 .msg-stats
	{
		display: block
	}
	.tr-clm6
	{
		width: 37%;
	}
}
@media only screen and (max-width: 900px)
{
	.tr-label
	{
		font-size: calc(1.25vw - -.675rem);	/* workaround: double neg */
	}
	.tr-cnt-badge
	{
		font-size: calc(.75vw - -.425rem);
		margin-right: calc(1.25vw - .625rem);
		/*margin-right: calc(1.25vw + -.625rem);*//* reported by PHPStorm as an error; harmless, but YUI compressor cannot handle */
	}
	#folder-pane ul
	{
		margin: calc(3.75vw - 1.875rem) 0;
		/*margin: calc(3.75vw + -1.875rem) 0;*//* reported by PHPStorm as an error; harmless, but YUI compressor cannot handle */
		padding-left: 0;
		/*padding-left: calc(1.25vw - .625rem);*/
		/*padding-left: calc(1.25vw + -.625rem);*//* reported by PHPStorm as an error; harmless, but YUI compressor cannot handle */
	}
}
@media only screen and (min-width: 901px)
{
	.tr-label
	{
		font-size: 1.8rem;
	}
	.tr-cnt-badge
	{
		font-size: 1.1rem;
		margin-right: .5rem;
	}
	#folder-pane ul
	{
		margin: 1.5rem 0;
		padding-left: 0;
		/*padding-left: 0.5rem;*/
	}
}
/* END track-relationships.php */

/* begin track-contacts responsive */
/*=== above from style.css; below from style1 (except 875 merged) ==========*/
@media only screen and (max-width: 875px)
{
	/* also for search-results-new.php */
	.tbl-icon
	{
		display: none;
	}
	.search-info td
	{
		padding: 3px;
	}
}
/* END track-contacts.php */

/* BEGIN training-companies-using-independent-sales-reps.php, training-for-independent-sales-reps.php */
.training
{
	font-size: 1.5rem;
}
#p-training h2
{
	text-decoration: underline;
	margin-top: 1.5rem;
}
#p-training h3
{
	color: #ac0000;
	margin: 2rem 3rem;
}
#p-training h5
{
	font-style: italic;
}
#training-tools
{
	margin: 0 1rem;
}
#training-tools ol
{
	font-weight: bold;
}
#training-list
{
	width: 95%;
}
#training-list li
{
	margin-top: 10px;
}
#training-list > li > ul > li
{
	list-style: none !important;
}
#being-rep-ready #training-list > li > ul > li
{
	list-style: inherit !important;
}
#training-list li li li
{
	font-weight: normal;
}
#rh-videos
{
	max-width: 41rem;
	margin: 0 auto;
}
#rh-videos .videoWrapper iframe
{
	width: 420px;
}
.video-transcript
{
	width: 41rem;
}
.video-tour
{
	width: 93%;
}
.video-title
{
	clear: both;
	color: #800000;
	font-size: 18px;
	font-weight: bold;
	max-width: 550px;
}
.video-transcript
{
	height: 12.5rem;
	border: 1px solid;
	overflow-x: hidden;
	overflow-y: auto;
	padding: .5rem;
	margin-bottom: 3rem;
}
.video-transcript p
{
	/*width: 375px;*/
	width: 100%;
}
@media only screen and (max-width: 420px)
{
	#rh-videos .videoWrapper
	{
		position: relative;
		padding-bottom: 75%; /* padding-bottom is inverse of 4:3 */
		/*padding-top: 25px;*/
		height: 0;
		max-width: 420px;
		max-height: 315px;
	}
	#rh-videos .videoWrapper iframe
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.video-transcript
	{
		max-width: 400px;
		width: 99%;
	}
}
/* END training-companies-using-independent-sales-reps.php, training-for-independent-sales-reps.php */

/* BEGIN try-again.php */
.try-again
{
	border: .3rem solid #800000;
	padding: 3rem;
	background-color: #fff;
	margin-top: 0;
}
.try-again p
{
	width: 97%;
}
/*#p-track-relationships .try-again
{
	margin-top: -10rem;	!* only add this when on the full search page, but not if only thing on page, which happens if click Find .. tab after condition is triggered *!
}*/
/* END try-again.php */

/* BEGIN UK-sales-agents */
.UK-detail
{
	margin-top: 3rem;
}
label[for="comments"]
{
	margin-top: 1rem;
}
.UK-form
{
	max-width: 93%;
}
.UK-spacer
{
	margin-top: 3rem;
}

/* END UK-sales-agents */

/* BEGIN unsubscribe.php */
.unsubscribe
{
	width: 75%;
	margin-top: 3rem;
}
.unsubscribe-choice
{
	margin: 1rem 0;
}
.unsubscribe-sublist
{
	margin: 0 0 2rem 3rem;
}
#p-unsubscribe .help-request
{
	margin: 1rem;
}
.unsubscribe-paid-btns
{
	margin: 0 0 2rem 4rem;
}
.unsubscribe-help
{
	position: relative;
	display: none;
}
.question-unsubscribe-status
{
	left: 1rem;
}
.sales-ready-hdr
{
	font-weight: bold;
	margin-left: 2.9rem !important;
}
.sales-ready-list
{
	display: block !important;
	font-weight: bold;
}
/* END unsubscribe.php */

/* BEGIN unsubscribing-info.php and unsubscribe.php */
.unsubscribe-notice
{
	margin: 1rem 3rem;
	font-size: 120%;
}
.unsubscribe-list
{
	margin-top: 2.5rem;
}
.unsubscribe-note
{
	margin: 1rem 0;
}
.unsub-button
{
	background-color: #800000 !important;
	color: #fff !important;
	border-radius: 3px !important;
	padding: .5rem 1rem;
	margin: 1rem 2rem .5rem;
}
/* END unsubscribing-info.php and unsubscribe.php */

/* BEGIN view-my-display-ads.php */
.disp-ad-pitch
{
	margin-top: 2rem;
}
#view-my-display-ads
{
	 /*	TODO experimental to fix progress-text-disp-7 on page 6
	 overflow: hidden;
	 width: 600px;
	 */
}
#view-my-display-ads td
{
	color: #000;
}
.adtable
{
	width: 480px;
}
#view-my-display-ads .displaytd
{
	width: 464px;
	border: 1px solid #000000;
	padding: 7px;
}
/* END view-my-display-ads.php */

/* BEGIN view-profile.php */
.vp-fade-out
{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10rem; /* Height of the fade-out effect */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	pointer-events: none; /* Allows clicks to pass through */
}
#p-view-profile
{
	/*max-width: 110rem;	!* to allow full standard width for testing *!*/
}
#p-view-profile legend
{
	font-size: 1.2rem;	/* TODO experimental */
}
#p-view-profile #main
{
	padding: 0;
	width: 100%;	/* override */
}
#p-view-profile h2
{
	display: table-cell;
	font-size: 100%;
}
.vp-profile-border
{
	padding: .3rem;
	/*background-color: #f4f3ee;*/
	/*background-color: #ccc;*/
	/*background-color: lightblue;*/
	/*background-color: var(--color-rep);*/
	background-color: var(--color-main-controls);
}
#view-profile
{
	position: relative;
	/*overflow: auto;	!* to keep wrapping vp-nav-bar buttons on top of the background color; however causes scroll bar, and cannot reproduce case where buttons were not on top of the color *!*/
	/*overflow: hidden;*/	/* TODO to get rid of scroll bar *//* suppress to prevent profile getting large left margin */
	/*background-color: #e1e4f2 !important;	!* TODO try to override bisque tab.css *!*/
}
.vp-old
{
	background-color: #931313;	/* TODO fix old view-profile test */
}
.vp-old-arrow
{
	display: inline-block !important;
}
.vp-section
{
	background-color: var(--color-vp-bkgd);
	padding: 1rem;
	border-radius: .6rem;
	margin-top: .8rem;
	position: relative;
}
.vp-section-hdr
{
	font-size: 1.8rem;
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
}
.vp-sub-subhdr
{
	padding: .3rem;
}
.vp-profile-hdr
{
	/*width: 40%;*/
	min-width: 20rem;	/* to force flexbox to wrap */
	float: left;
}
.vp-controls
{
	height: fit-content;
	/*height: 3rem;*/
	overflow: auto; /* increase height when flexbox wraps */
}
.vp-hdr-ftr
{
	background-color: var(--color-vp-hdr);
	margin-bottom: 3rem;
}
.vp-wrappable
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*border: 1px solid red; !*TODO for deugging*!*/
	float: left;
	gap: 2rem 0;
	margin-top: .7rem;
}
.vp-non-wrappable
{
	float: right;
	/*border: 1px solid blue;*//* TODO for debugging */
}
.vp-nav
{
	font-size: 1.5rem; /* increased from 1.2rem per Gary */
	text-align: center;
	/*color: #888;*//* use specific overrides */
	width: 7rem;
}
.vp-nav a
{
	text-decoration: none;
}
.response-char-count-msg
{
	text-align: right;
}
#response-cta
{
	margin: 3px 0 -5px 0;
}
.vp-h1
{
	font-size: 1.5rem;
	background-color: initial;
}
.vp-burst-pos
{
	top: 5rem;
	right: 18%;
}
fieldset.panelset
{
	padding: 7px;
}
.sec-title
{
	color: #FFFFFF;
	font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.sec-title a:link
{
	color: #ffffff;
	text-decoration: none;
}
.sec-title a:visited
{
	color: #ffffff;
	text-decoration: none;
}
.sec-title a:hover, .sec-title a:active
{
	color: #FFFF66;
	text-decoration: underline;
}
.vp-inactive-color
{
	background-color: darkgrey;
}
.vp-viewable-notice
{
	text-align: center;
	/*font-size: 18px;*/
	font-weight: bold;
	color: #999;
	margin: 1rem 0;
}
.vp-section legend
{
	font-weight: bold;
	color: #666;
}
.vp-contact
{
	/* nicely arrange the contact info boxes */
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 2rem 0;
}
.vp-contact table
{
	width: 100%;	/* make left column width valid */
}
.vp-contact td:first-child
{
	font-size: 1.1rem;
	width: 30%;
	color: #666;
}
.vp-contact td:last-child
{
	word-break: break-all;
}
#email-profile-get-email
{
	padding: 20px 10px;
}
#email-profile-get-email p
{
	font-size: 13px;
	margin: 10px 0;
}
.vp-outer-tbl > table, .vp-outer-tbl > div
{
	border-collapse: separate;
	border-spacing: 1px;
	/*width: 95%;*/
	width: 100%;
	margin: 0 auto;
}
.vp-outer-tbl > table > tbody > tr > td
{
	padding: 6px;
}
.vp-outer-tbl table table, .vp-outer-tbl table
{
	width: 100%;
}
.vp-outer-tbl table table td
{
	padding: 0;
}
.action-button-caption
{
	font-weight: normal;
	font-size: 80%;
	line-height: 50%;
	margin-left: 11%;	/* TODO was 5%; adjusted for track-relationships.php; may have adverse side effects */
	width: 80%;
}
#p-view-profile .action-button-caption
{
	margin-left: 5%;	/* TODO override */
}
.action-button-position
{
	position: relative;
	top: -2px;
}
.buttons button		/* for most locations */
, button.buttons	/* for unconfirmed dialog */
{
	/*font: bold 11px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;*/
	font: bold 10px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;	/* TODO may have side-effects */
	overflow: visible;
	border-width: 3px;
	background-color: #f3f3f3;
}
#dashboard .buttons button
, #dashboard button.buttons
, #p-register .buttons button
{
	padding: .6rem 1rem;
}
#view-profile .buttons button
{
	padding: 0 3px;
}
#unconfirmed button
{
	padding: inherit;
}
.already-contacted
{
	color: #fff;
	margin: .7rem 0 0 3rem;
	height: 0rem;	/* prevent wrapping the empty nav arrows */
	width: 42rem;
	font-size: 1.2rem;
}
.ui-button-text
{
	font-size: 13px;
}
.vp-button
{
	text-align: center;
	margin: .2rem auto .4rem;
	letter-spacing: 1px;
	padding: 6px 4px;	/* override to make button larger */
	width: 7.8rem;	/* override */
	/*position: relative;*/
}
.vp-red
{
	background-color: #931313;
}
.vp-blue
{
	/*background-color: cadetblue;*/
	/*background-color: #738fbf;*/
	background-color: #fff; /* TODO test--may have side effects */
	color: #000 !important; /* TODO */
}
.vp-return
{
	font-weight: bold;
}
.vp-secondary-btn
{
	width: 10rem;
	margin-left: 12rem;
	color: #fff;
}
.no-deco:hover
{
	text-decoration: none;
}
.shortcut-btn
{
	background: maroon;
	border: 1px solid black;
	border-radius: 6px;
	box-shadow: 2px 2px 3px #888;
	color: white;
	cursor: pointer;
	/*font: bold 11px tahoma, verdana, sans-serif;*/
	/*font-size: 1.6rem;*/
	margin: .5rem auto;
	padding: 3px 8px;
	text-align: center;
	width: 80px;
}
#disp-box
{
	border: solid thin #000;
	/*margin-right: 2.5%;*/
	/*width: 48.5%; !* with percentage liquidity messes up layout sometimes *!*/
	/*width: 491px; !* make 491px which is exact size on display ads page;  *!*/
	/*width: 491px; !* for mobile do not set; set the iframe instead *!*/
}
#disp-box .sec-head
{
	color: #fff;
	padding: 3px;
}
.member-label
{
	font-weight: bold;
	font-size: 110% !important;
	margin-bottom: .5rem;
}
.profile-pic
{
	width: 28%;
}
.profile-video
{
	float: right;
	max-width: 49.1rem;
	max-height: 36.8rem;
	width: 49.1vmin;
	height: 36.8vmin;
	min-width: 20rem;
}
.profile-display-ad
{
	max-width: 50rem;
	float: right;
}
.profile-city-state
{
	margin-top: .5rem;
	font-size: 1.2rem;
	font-weight: bold;
}
/*
#contact-info table
{
	border-spacing: 2px;
	!*margin-bottom: 20px;*! !* don't need anymore *!
	!*border: 1px solid #000;*!!* remove borders *!
}
#contact-info table td
{
	padding: 4px;
	!*border: 1px solid #000;*!!* remove borders *!
	height: 2.1rem;	!* add space for mobile *!
}
#contact-info table td:first-child
{
	width: 30%;
}
#contact-info table td:last-child
{
	word-break: break-all;
}
#contact-info table td+td
{
	font-weight: bold;
}
*/
#contact-info-overlay
{
	/*
	position: relative;
	top: -256px;
	left: 6px;
	*/
	text-align: center;
	font-size: 1.8rem;
	border: 2px solid #800000;
	border-radius: .7rem;
	/*background-color: #fff;*/
	/*background-color: #e4e7f5;*/
	background-color: #d1d1e1;
	/*opacity: .8;*//* casuses the background color to change to #dada37 */
	overflow: hidden;
	width: 62%;
	margin: 3rem auto;
}
#contact-info-overlay a
{
	color: #800000;
}
#contact-info-overlay div:first-child
{
	font-size: 20px;
}
.vp-contact-advice
{
	margin: 1rem;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	color: #ac0000;
}
.vp-nav-bar
{
	width: 100%;
	margin: 0 auto -16px;	/* seems not needed, but it is */
	/*height: 3.7rem;*//* not needed and messes up Safari, mobile Safari, mobile Chrome */
	/*height: 5.4rem;	!* however, if left off, then IE messes up *!*/
	/*height: 3.7rem;	!* TODO the previous hacks not working--going back to this, which now seems to work everywhere (normal profile, inactive profile, IE) *!*/
	/*height: 6rem;	!* TODO kills non-logged! *!*/
	height: 3rem;	/* TODO check this out--seems to work for both logged and non-logged */
}
.vp-nav-bar button
{
	height: 3.2rem;
	text-align: center;
}
.vp-nav-btn
{
	position: absolute;
	top: .5rem;
	right: 1.5rem;
	font-size: 100% !important;
}
.tt-blue
{
	color: #0057aa !important;
}
.tt-white
{
	color: #fff !important;
}
.vp-dim
{
	color: #888 !important;
}
#contact-request-info
{
	white-space: normal;
	text-align: center;
}
#mailed-notice
{
	white-space: normal;
	padding: 0 .5rem;
}
#mailed-notice p:first-child
{
	text-align: left;
	padding: 3px;
}
.call-this-member
{
	color: #ac0000;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	margin-left: 2rem;
}
.call-this-member-tbl td:first-child
{
	width: 25%;
}
.cr-ext
{
	margin-left: 3rem;
}
/*
#call-this-member-tbl td
{
	text-align: left;
	border: 1px solid #000;
}
*/
#user-header > tbody > tr:first-child td
{
	text-align: center;
}
#contact-history tr
{
	vertical-align: top;
}
#contact-history tr:first-child
{
	vertical-align: middle;
}
#contact-history td
{
	width: 50%;
}
#contact-history .panelset
{
	padding: 3px;
}
.contactbutton
{
	width: 160px;
}
#contactrequest
{
	display: none;
}
#contactrequest form > table
{
	border-collapse: separate;
	border-spacing: 1px;
}
#contactrequest .top-row
{
	height: 30px;
}
#contactrequest table table td
{
	font-size: 11px;
	padding: 3px;
}
#contactrequestunpaid table
{
	height: 240px;
}
.cr-popup
{
	display: none;
}
.cr-popup table
{
	border-collapse: separate;
	border-spacing: 1px;
}
.cr-popup td:first-child
{
	text-align: left;
	padding: 4px;
	height: 22px;
}
#contactrequestoverlimit a
{
	color: #00F;
}
#contactrequestoverlimit p.last-child
{
	font-size: 11px;
	margin-bottom: 40px;
}
.ws-normal
{
	white-space: normal !important; /* some simulated popups need this override */
}
#vp-response-select-body
{
	height: 107px;
}
#vp-response-over-limit
{
	height: 119px;
}
#vp-response-header
{
	margin-bottom: 10px;
}
#vp-resp-prev-box
{
	margin-top: 7px;
	font-size: 11px;
	border: 1px solid #000;
	padding: 5px;
}
#vp-resp-prev-title
{
	font-weight: bold;
}
#vp-resp-prev-body
{
	padding: 5px;
}
.contact-req-instructions
{
	padding-left: 10px;
	max-width: 33rem;
}
.view-profile-count
{
	background: white;
	position: relative;
	left: 56px
}
.view-profile-count td, .view-profile-count tr
{
	border: 1px solid black;
}
.profile-pic
{
	float: left;
	margin-top: .5rem;
}
.image-container
{
	overflow: auto;
	max-height: none;	/* per http://stackoverflow.com/questions/28305990/remove-scrollbars-expand-div-based-on-screensize to avoid scroll bar; does not work */
}
.vp-full
{
	width: 98%;
	text-align: center;
}
.vp-half
{
	width: 49%;
	float: left;
	padding: 1px;
}
#p-view-profile .sec-border
{
	border: none;	/* override */
	width: 100%;	/* to fix non-logged */
}
.vp-testi-border
{
	border: 1px solid #08198c;
	background-color: #ccc;
}
.vp-inactive-hdr
{
	margin: 1rem 0;
}
#p-view-profile .sec-title
{
	padding: 5px 2px;
}
#p-view-profile fieldset
{
	border-width: 2px;
	margin-bottom: 1rem;
}
.extra-container
{
	/* don't know why this is needed, but it is */
	overflow: auto;
	padding: 5px;
}
.extra-level-down
{
	/* needed to restore the padding set by vp-half, but overridden by vp-outer-tbl > div > div > div */
	padding: 1px !important;
}
/*
.breadcrumbs
{
	font-size: 1.1rem;
	font-weight: bold;
	background-color: #fff;
	padding: 0 0 .3rem 1rem !important;
	margin: 0;
	list-style: none;
}
.breadcrumbs li
{
	display: inline;
}
.breadcrumbs li+li::before
{
	content: ">";
}
.breadcrumbs li:not(:last-child) span[itemprop="name"]
{
	text-decoration: underline;
}
 */
.view-list
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.view-list li
{
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.ex-width
{
	width: 8rem;
}
#contact-info-overlay .fa-question-circle-o, #contact-info-overlay .fa-regular .fa-circle-question
{
	font-size: 120% !important;
}
.thin-page-hdr
{
	margin: 3rem 0 2rem 0;
	display: block !important;
}
.narrow-nav
{
	float: right !important;	/* keep buttons in same location as pan through profiles--mostly affects view from track-contacts */
	padding: 2px 0 !important;
	height: 4rem;
}
#vp-msg-container
{
	position: relative;
}
#vp-msg-input
{
	width: 80%;
}
.profile-nav
{
	width: 90%;
	display: block;
	margin: 1.7rem auto 0;
}
.sendButton
{
	/* to override button color in jqueryui dialog */
	background: #f49cbb !important;
}
.preview-button
{
	width: 22rem;	/* preview only for pri, so only need single width */
	background-color: #800000;
	color: #fff;
	font-weight: bold;
	padding: .5rem;
	border-radius: .4rem;
}
.preview-btn-simulate
{
	color: #fff;
	font-weight: bold;
	padding: 5px;
	border-radius: 4px;
	text-decoration: none;
	margin: 0 20px;
	font-size: 1.4rem;
}
.by-ID-invalid
{
	height: 20rem;
	padding: 3rem;
}
.vp-response-clm
{
	float: left;
	padding: 1rem;
	position: relative;
}
.tt-vp-avg-resp
{
	position: absolute;
	top: 1rem;
	left: -1.2rem;
	font-size: 120% !important;
}
/*
.vp-detail-with-explanation
{
	overflow: auto;
}
*/
.vp-clm-container
{
	display: flex;
}
.vp-detail-clm
{
	flex: 1;
	/*
	float: left;
	width: 48%;
	padding: 1rem 0;
	overflow: auto;
	*/
}
.vp-detail-clm + .vp-detail-clm
{
	margin-left: 1rem; /* adds space between sections */
}
.vp-detail-item
{
	margin: 2.5rem 1rem;
}
.addn-info-data
{
	float: right;
	position: relative;
	top: -1.5rem;
	right: 2rem;
	font-size: 1.2rem;
}
.addn-info-data-lang
{
	width: 190px;
	text-align: right;
}
.vp-territories-section
{
	overflow:hidden;
	margin-top: 2rem;
	font-weight: bold;
	word-break: break-all;
}
.vp-terr-hdr
{
	float: left;
	width: 49%;
}
.vp-terr-hdr-action-btn
{
	float: right;
	width: 49%;
}
.vp-lower-action-btn
{
	float: right;
	margin: 0 auto;
	width: 63%;
}
.vp-action
{
	float: right;
	margin-right: 3rem;
	position: relative;
}
.vp-action-btn
{
	font-weight: bold;
	text-align: center;
	padding: .5rem 0;
	width: 9rem;
	/*
	background-color: lightblue;
	background-color: #f49cbb;
	*/
	background-color: #d1d1e1;
	border: 1px solid #800000;
	color: #800000;
	border-radius: .6rem;
}
.vp-action-btn-caption
{
	font-size: 80%;
	text-align: center;
}
.vp-action-btn-caption-oppb
{
	font-size: 80%;
}
.vp-oppb
{
	width: 33%;
	text-align: left;
}
.vp-nav-btn-sr
{
	position: absolute;
	top: -.7rem;
	right: -2.5rem;
	font-size: 120% !important;
}
#cr-spinner
{
	position: absolute;
	font-size: 2.4rem;
	top: -2rem;
	color: #ac0000;
	display: none;
}
#contactrequestallowed p
{
	margin-bottom: .8rem;
}
#contactrequestdisallowed
{
	display: none;
}
#contactrequestdisallowed li
{
	margin-top: 1rem;
}
.vp-resend-email-conf
{
	display: block;
	margin: 1rem auto;
}
.dialog-open .ui-dialog-buttonpane .ui-button
{
	margin-top: 1.5em !important;	/* em to match jquery ui styles */
}
.flag-placeholder-spacing
{
	margin-left: 1rem;
}
.vp-display-ad-hdr
{
	background-color: #fff;
}
.vp-display-ad
{
	border: 2px solid #000;
	max-width: 46.4rem;
	margin: 1rem auto;
}
.vp-video
{
	border: 2px solid #000;
	max-width: 36rem;
	margin: 1rem auto;
}
.vp-display-ad-screenshot
{
	border: unset;
}
.screenshot
{
	width: 46.4rem;	/* controls size */
}
#sr-one .vp-controls
{
	/*background-color: lightpink;	!* TODO experimental *!*/
	/*height: 8rem;*/
}
.view-one-profile-img
{
	display: inline-block;
	float: left;
	margin-left: 3rem;
}
.c-r-comment-prompt
{
	font-size: 1.3rem;
	color: #333;
}
/* begin view-profile responsive */
@media only screen and (max-width: 464px)
{
	.vp-display-ad
	{
		position: relative;
		/*padding-top: 125.4%;	!* 125.4% for 115025; 151.7% for 116150; must compute using javascript *!*/
		/*padding-top: 151.7%;	!* 125.4% for 115025; 151.7% for 116150; must compute using javascript *!*/
		padding-top: 166.67%;	/* reasonable default value for prior to resetting it dynamically */
		overflow: hidden;
	}
	.vp-display-ad img
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
@media only screen and (max-width: 400px)
{
	.vp-section fieldset
	{
		width: 100%;
	}
}
@media only screen and (min-width: 401px)
{
	.vp-section fieldset
	{
		width: 45%;
		min-width: 28.5rem;
	}
}
@media only screen and (max-width: 434px)
/*@media only screen and (max-width: 727px)*/
{
	.vp-territories-section
	{
		column-count: 1;
	}
}
@media only screen and (min-width: 435px) and (max-width: 624px)
/*@media only screen and (max-width: 727px)*/
{
	.vp-territories-section
	{
		column-count: 2;
	}
}
@media only screen and (min-width: 625px) and (max-width: 1014px)
/*@media only screen and (min-width: 728px)*/
{
	.vp-territories-section
	{
		column-count: 3;
	}
}
@media only screen and (min-width: 1015px)
/*@media only screen and (min-width: 728px)*/
{
	.vp-territories-section
	{
		column-count: 4;
	}
}
@media only screen and (max-width: 600px)
/*@media only screen and (max-width: 727px)*/
{
	 .vp-clm-container
	 {
		 flex-direction: column;
	 }
	 .vp-detail-clm + .vp-detail-clm
	 {
		 margin-left: 0;
		 margin-top: 1rem;
	 }
}
@media only screen and (max-width: 509px)
{
	.vp-bottom-advice
	{
		/*
		position: absolute;
		right: 2%;
		top: .3rem;
		width: 37%;
		*/
		margin-top: 1rem;
	}
}
@media only screen and (min-width: 510px)
{
	.vp-bottom-advice
	{
		float: left;
	}
}
@media only screen and (max-width: 509px)
{
	.vp-wrappable-width
	{
		width: 40%;
	}
	.vp-non-wrappable
	{
		/*
		transform: scale(.8);
		margin-right: -2rem;
		*/
		margin-top: 3.1rem;
	}
}
@media only screen and (min-width: 510px) and (max-width: 600px)
{
	.vp-wrappable-width
	{
		width: 65%;
	}
}
@media only screen and (min-width: 601px)
{
	.vp-wrappable-width
	{
		width: 70%;
	}
}

@media only screen and (max-width: 400px)
{
	#sr-one .vp-action
	{
		margin-right: 1.3%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 540px)
{
	#sr-one .vp-action
	{
		margin-right: 3rem;
	}
}
@media only screen and (max-width: 540px)
{
	#sr-one .vp-wrappable
	{
		width: 100%;
		margin-bottom: 1rem;
	}
}
@media only screen and (max-width: 780px)
/*@media only screen and (max-width: 727px)*/
{
	.vp-contact
	{
		margin: 0 auto;
		width: 50%;
		min-width: 30rem;
	}
}
@media only screen and (min-width: 781px)
/*@media only screen and (min-width: 728px)*/
{
	.vp-contact
	{
		/*width: 45%;*/
		/*min-width: 28.5rem;*/
	}
}
@media only screen and (max-width: 526px)
{
	.profile-pic
	{
		float: none;
	}
	.profile-video
	{
		float: none !important;
	}
	.profile-pic
	{
		margin-bottom: .5rem;
	}
	.vp-half
	{
		width: 100%;
	}
	.vp-burst-pos
	{
		top: 6rem;
		left: 22rem;
		right: inherit;
	}
}
@media only screen and (max-width: 605px)
{
	.view-one-profile-btn-grp
	/*.view-one-profile-btn-grp .vp-action*/
	{
		margin-top: 4rem;
	}
}
@media only screen and (max-width: 740px)
{
	.view-one-profile-img
	{
		margin: 1rem 0 0 0;
	}
	.sr-image-default
	{
		min-width: 5rem;
		min-height: 5rem;
	}
}
@media only screen and (min-width: 741px)
{
	.view-one-profile-img
	{
		margin: 0 0 0 3rem;
	}
}
@media only screen and (max-width: 768px)
{
	#view-profile .nav-control
	{
		margin: 0 2% 0 0;
	}
	#view-profile .nav-control.buttons
	{
		margin-left: 1rem;
	}
	.profile-video
	{
		margin-bottom: 5rem;	/* needed to prevent overflow-y and scroll bars */
	}
	#disp-box
	{
		float: none;
	}
	#view-profile .videoWrapper
	{
		position: relative;
		padding-bottom: 75%; /* padding-bottom is inverse of 4:3 */
		/*padding-top: 25px;*/
		height: 0;
		max-width: 491px;
		max-height: 368px;
	}
	#view-profile .videoWrapper iframe
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.less-768
	{
		display: none;
	}
}
@media only screen and (min-width: 769px)
{
	#view-profile .nav-control
	{
		width: 15%;
	}
	#view-profile .narrow-nav
	{
		width: 10%;
	}
	/* videwWrapper was not assigned, so all these should be reversed if cause a problem */
	#disp-box
	{
		float: right;
	}
	#view-profile .videoWrapper
	{
		/*
		border: 1px solid #000;
		margin-left: 2.5%;
		float: right;
		width: 97.5%;
		*/
	}
	#view-profile .videoWrapper iframe
	{
		width: 360px;
		height: 270px;
	}
	/*.more-568*/
	.more-768
	{
		display: none;
	}
	.image-container-expand
	{
		min-height: 32rem;
	}
}
@media only screen and (max-width: 931px)
{
	.vp-response-clm
	{
		width: 100%;
	}
}
@media only screen and (min-width: 932px)
{
	.vp-response-clm
	{
		width: 47%;
	}
}
/* end view-profile responsive */
/* END view-profile.php */

/* BEGIN view-statement.php */
.view-statement
{
	margin : 1rem 0 0 1rem;
	float: left;
}
.view-statement div
{
	margin-left: 20px;
	margin-bottom: 20px;
}
.view-statement .date-select
{
	margin-bottom: 20px;
	margin-top: 20px;
}
.view-statement .date-select span
{
	font-size: 11px;
}
.view-statement td
{
	padding: 2px
}
.view-statement input, .view-statement .user-actions button, #requestCancelButton, .feedback input[type='submit']
{
	min-height: 23px;
	font-size: 13px;
	-webkit-appearance: initial;	/* needed to allow styles of this selector to work in Chrome and Safari */
	margin: 10px 0 0 10px;
	background-color: #e7e7e7;
}
.view-statement .body-nav
{
	margin: 30px 0 0 15px;
}
#paidstatus
{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	background: #FFE78F;
}
#paidstatus td, #paidstatus th
{
	padding: 2px 6px;
	border: 1px solid gray;
}
#paidstatus th
{
	text-align: center;
	background: silver;
}
#paidstatus #summary td
{
	background: gray;
	color: #ffe78f;
	text-align: center;
}
@media only screen and (max-width: 560px)
{
	.view-statement
	{
		width: 100%;
		margin-left: 10px;
	}
	.view-statement table
	{
		table-layout: fixed;
		width: 95%;
		font-size: 11px;
	}
}
/* END view-statement.php */

/* BEGIN team-bio.php */
/*
	Styling for the below <hr> class taken from
	https://css-tricks.com/examples/hrs/
	Option #2:
	Gradient transparent - color - transparent
 */
 .bio-content
 {
 	margin-top: 3rem;
 }
.bio-container
{
	background: url(/images/shadowline-1366x70x64.png) no-repeat scroll 0 0 rgba(0,0,0,0);
	/*overflow: auto;*/
	overflow: hidden; /* to avoid scroll bar */
}
.bio-name
{
	font-weight: bold;
	font-size: 1.8rem;
	margin: 2rem 0 1.5rem;
}
.bio-title
{
	font-weight: bold;
	font-size: 1.4rem;
}
.bio-image
{
	float: left;
	/*margin: 1rem 2rem 2rem 0;*/
	padding: 5% 0;
}
.bio-inner
{
	padding: 2rem;
}
.bio-text
{
	float: left;
	padding: 3% 0;
	margin-left: 6%;
	width: 60%;
}
.bio-contact
{
	margin-top: 1rem;
}
@media only screen and (max-width: 768px)
{
	.bio-inner
	{
		width: 90%;
		margin: 0 auto;
	}
	.bio-text
	{
		margin-left: 0;
		width: 90%;
		padding-top: 0 !important;	/* override embedded */
	}
	.bio-name
	{
		margin-top: 0;
	}
}

/* moved from separate print.css stylesheet */
/* TODO see if some of these can be harvested further */
@media only print
{
	* {transition: none !important}
	@page
	{
		size: auto;   /* auto is the initial value */

		/* this affects the margin in the printer settings */
		margin: 5mm;
	}
	body
	{
		color:#000;
		/*font:'Times New Roman',serif;*/
		font-family: Verdana, sans-serif;
		font-size: 80%;
		margin: 0;	/* added from same SE page above */
	}

	/*
	.print-page-break
	{
		page-break-before: always;
	}
	*/
	.show-for-printing
	{
		display: inherit;
	}
	.hide-print, .testimonial
	{
		display:none;
	}
	#theme-principal
	{
		color:#800000;
		text-decoration:none;
		float:left;
		margin:10px 210px 0 0;
	}
	.logo-part-1
	{
		font:2.5em "Arial Black",Arial,sans-serif;
	}
	.logo-part-2
	{
		font:2.5em Verdana, sans-serif;
	}
	.reg
	{
		font-size:50%;
		vertical-align:super;
	}
	#header
	{
		position: static;
	}
	#tagline
	{
		clear:left;
		margin:0 0 15px 9px;
		text-decoration:none;
		font:bold 13px Verdana,sans-serif;
		width:400px;
	}
	#footer
	{
		width: 700px;
	}
	#about
	{
		font-size:.8em;
		margin-top: 10px;
	}
	#about p
	{
		margin: 5px;
	}
	.red
	{
		color: #ac0000;
	}
}

/* dashboard.php */
#p-dashboard #main
{
	background-color: var(--tr-bg-color);
	/*background-color: lightgrey;*/
}
#p-dashboard #main.admin
{
	background-color: #fff;
}
#dashboard-main
{
	font-family: 'Lato', sans-serif;
}
#dashboard-main div
{
	border-radius: 1rem;
}
.dashboard-header
{
	flex-wrap: wrap;
	margin-bottom: 10px;
	width: 100%;
}
.flex-container
{
	display: flex;
	flex-flow: row wrap;
	position: relative;
}
#flex-container-main
 {
	display: flex;
	/*flex-flow: row wrap;*/
	position: relative;
 }
/*
.dashboard-bg-1
{
	!* no style reverts to seagreen default from .splash-card *!
}
*/
.card-border-1
{
	border-top: 5px solid #af8000;
}
.dashboard-bg-2
{
	background-color: #af8000 !important;
}
.card-border-2
{
	border-top: 5px solid #3e4d06;
}
.card-border-2 .dashboard-button
{
	margin: .5rem 2.7rem .5rem 0;
}
.dashboard-bg-3
{
	background-color: #655c86 !important;
}
.card-border-3
{
	border-top: 5px solid #153131;
}
.dashboard-bg-4
{
	background-color: #1a5d97 !important;
}
.card-border-4
{
	border-top: 5px solid #1a5d97;
}
.dashboard-bg-5
{
	background-color: #7a9bb2 !important;
}
.card-border-5
{
	border-top: 5px solid #7a9bb2;
}
.dashboard-bg-6
{
	background-color: #fbfbef !important;
	/*background-color: #af5b74 !important;*/
}
.card-border-6
{
	border-top: 5px solid #af5b74;
}
.dashboard-welcome
{
	width: 70%;
}
.welcome-banner
{
	font-size: 2rem;
	font-weight: bold;
}
.welcome-subtitle1
{
	font-size: 1.6rem;
	font-weight: bold;
	margin-left: 2rem;
}
.welcome-subtitle2
{
	font-size: 1.6rem;
	margin-left: 2rem;
}
.dashboard-stats
{
	width: 30%;
	margin-top: 2.7rem;	/* allow space for accordion */
}
.admin-stats
{
	font-size: 11px;
	width: 20%;
}
.flex-column
{
	flex-direction: column;
}
.flex-row
{
	flex-direction: row;
}
.stat-panel
{
	display: flex;
	flex-direction: column;
}
.stat-block
{
	display: flex;
	flex-direction: row;
}
.stat-pane
{
	width: 190px;
	margin: 30px;
	color: white;
	/*color: #483d3d;*/
}
.stat-splash
{
	font-weight: bold;
}
.stat-overdue-title
{
	font-size: 1.7rem !important;
}
.stat-splash-overdue
{
	margin-bottom: 0 !important;
}
.stat-overdue
{
	margin-top: .5rem !important;
	font-size: 1.3rem !important;
}
/*
.stat-overdue2
{
	margin-top: .5rem !important;
	font-size: 1.3rem !important;
}
*/
.stat-overdue-adj
{
	margin-top: 2rem !important;
}
.overdue-date
{
	margin-left: .2rem;
	/*margin-left: 1rem;*/
	font-size: 1.4rem !important;
	top: -1.1rem;
	/*top: 5rem;*/
}
.overdue-date-adj
{
	top: 5rem;	/* to position the tooltip below the cursor pointer, allowing for enlarged cursors */
}
.de-emphasis
{
	font-weight: normal;
}
.stat-subtitle3
{
	/*font-size: 1.3rem;*/
	position: absolute;
	top: 3rem;
	width: 88%;
	margin: 0 auto;
}
.stat-subtitle4
{
	font-size: 1.3rem;
	font-weight: bold;
	color: #800000;
	text-align: center;
}
.card-clm
{
	font-size: 1.3rem;
	float: left;
	width: 48%;
	text-align: left;
	margin-left: .3rem;
	line-height: 1.7rem;
}
.card-rep-margin
{
	margin-left: 5rem;
}
.question-bonus
{
	color: #fff;
	font-size: 1.5rem !important;
}
.notice-cards-left
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 50%;
	max-width: 50%; /* needs both min- and max-; plain width won't work */
	/*width: 50%;*/
	/*min-width: 45%*/
}
.notice-cards-left .tooltip, .notice-cards-right .tooltip
{
	float: left;
	margin-right: 1rem;
}
.notice-cards-left #resend-conf
{
	font-size: 1.4rem;
}
.notice-cards-right
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
}
.dashboard-card
{
	background-color: white;
	margin: 2rem 1rem;
	padding: 1rem;
	height: max-content;
	width: -moz-available;
	width: -webkit-fill-available;
}
.splash-card
{
	background-color: #35595a;
	text-align: center;
	color: white;
	height: 100px;
	margin: 10px;
	padding: 1rem;
	position: relative;
}
.splash-card a
{
	text-decoration: none;
}
.card-link
{
	color: inherit !important;	/* !important needed for javascript placement of phone number */
}
.dashboard-text
{
	margin: 1rem 0;
}
.dashboard-button
{
	border-radius: 25px;
	color: white;
	filter: drop-shadow(10px 4px 7px #64646f);
	line-height: 40px;
	margin: 5px;
	text-align: center;
	height: 40px;
	max-width: 140px;
	width: 90%;
	float: left;
	cursor: pointer;
}
.dashboard-button a
{
	color: white;
	line-height: 40px;
}
.dashboard-button-wide
{
	max-width: 20rem;
}
.dashboard-resub
{
	color: #fff;
	font-weight: bold;
}
.dashboard-image
{
	/*width: 8vw;*/
	/*height: 8vw;*/
	max-width: 10rem;
	max-height: 10rem;
	border-radius: 50%;
}
.dashboard-upload-advice
{
	color: #000;
	font-weight: normal;
	margin: .6rem;
}
.subscribe-button
{
	display: block;
	margin: 1rem auto 1.7rem;
	/*margin: 3rem auto 0;*/
	font-size: 2rem;
	float: none;	/* remove so margin auto works */
	max-width: 19rem;
	height: 3.5rem;
}
#countdown
{
	color: #800000;
}
.half-card
{
	max-height: 200px;
	max-width: 39%;
}
.help-card
{
	width: 100%;
}
.question-bounce
{
	margin-left: 1rem;
}
.rep-vs-direct
{
	margin-top: 3rem;
}
.to-do-item
{
	/*border-bottom: 3px solid #35595a;*/
	margin-bottom: 5px;
	padding: 8px 5px 5px 5px;
}
.to-do-item:nth-child(even)
{
	background: #CCC;
}
.to-do-item .f-left	/* additional adj needed for FA 6 */
{
	margin-left: 3rem;
}
.link-arrow, a .link-arrow	/* need to add a .link-arrow so that when div is inside <a>, the styles still work */
{
	float: right;
	border: 2px solid #800000;
	background-color: #800000;
	color: #fff;
	padding: 1px 2px;
    cursor: pointer;
}
.rep-inbound
{
	width: 100%;
	text-align: center;
}
#try-before-you-buy, #review-popup
{
	display: none;
}
.dashboard-special-msg
{
	background-color: pink;
	padding: 1rem;
}
.tt-btn-disable
{
	width: 47%;	/* hack to compensate for tooltip effects */
}
.tt-btn-disable .tooltiptext
{
	top: 5rem;
}
.btn-disable
{
	cursor: not-allowed;
	opacity: 0.5 !important;
	pointer-events: none;
	opacity: 0.5;
	filter: grayscale(50%) drop-shadow(5px 2px 5px #8c8c94);
	background-color: #8c6600;
}
@media only screen and (max-width: 740px)	/* leave off min to prevent 2-up going back to 3-up at under 320px */
{
	#flex-container-main
	{
		flex-direction: column;
	}
	.dashboard-up3-col1
	{
		max-width: 100%;
	}
	.dashboard-up3-col2
	{
		max-width: 100%;
	}
	.half-card
	{
		max-width: 47%;
	}
	.stat-panel
	{
		display: flex;
		flex-direction: row;
	}
	.stat-block
	{
		display: flex;
		flex-direction: column;
		width: 50%
	}
	.splash-card
	{
		width: 80%
	}
	.stat-splash
	{
		margin: calc(1.67vw - -.267rem) 0;
	}
	.stat-subtitle1
	{
		margin-bottom: 2rem;
	}
	.stat-subtitle1, .stat-splash
	{
		font-size: calc(.71vw - -1.471rem);
	}
}
@media only screen and (min-width: 741px)
{
	.splash-card
	{
		width: 28%;
	}
	.stat-splash
	{
		font-size: 2rem;
		margin: 1.5rem 0;
	}
	.stat-subtitle1
	{
		margin-bottom: .5rem;
		font-size: 2rem;
	}
	.de-emphasis
	{
		font-size: 1.8rem;
	}
}
@media only screen and (max-width: 490px)
{
	.stat-subtitle2, .de-emphasis
	{
		/*font-size: calc(.95vw - -1.095rem);*/
	}
	.stat-subtitle2
	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 491px) and (max-width: 740px)
{
	.stat-subtitle2, .de-emphasis
	{
		font-size: calc(.71vw - -1.271rem);
		/*font-size: calc(.95vw - -1.095rem);*/
	}
	.stat-subtitle2
	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 741px)
{
	.stat-subtitle2
	{
		font-size: 1.4rem;
		margin-top: 2rem;
	}
}
@media only screen and (max-width: 550px)
{
	.height-adj
	{
		width: 100%;
		text-align: center;
	}
	.pri-hide
	{
		display: none; /* hide inbound when small screen */
	}
	.stat-referral
	{
		margin: .8rem 0 .5rem !important;
		font-size: 1.4rem !important;
	}
}
@media only screen and (max-width: 755px)
{
	.notice-cards-left
	{
		width: 100%;
		max-width: inherit;
		min-width: inherit;
	}
	.rep-inbound, .height-adj
	{
		position: relative;
		top: -1rem;
	}
}
/* BEGIN XOR-obfuscator.php */
.XOR-obfuscator a:hover
{
	text-decoration: none;
}