@charset "UTF-8";
/* CSS Document */

/* 
##############################################################################################################
CORE STYLES 
--------------------------------------------------------------------------------------------------------------
Note: Benefits from "Pure CSS Hamburger Menu & Overlay"
From this video: 				https://www.youtube.com/watch?time_continue=178&v=DZg6UfS5zYg&feature=emb_logo
And code made available here: 	https://codepen.io/bradtraversy/pen/vMGBjQ
##############################################################################################################

COLOR descriptions for the VARS below: 
  --primary-color-green: rgba(13, 110, 139, 0.75); 			= SEA GREEN
  --primary-color-blue:  rgba(2, 19, 140, 0.75); 				= BLUE, DARK, BRIGHT
  --primary-color-blue2:  rgba(44, 58, 155, 0.75); 			= BLUE, DARK, MUTED
  --primary-color-white:  rgba(255, 255, 255, 0.8); 		= WHITE

  --primary-text-color-blue2:  rgba(44, 58, 155, 1.0); 	= BLUE, DARK, MUTED
  --primary-text-color-blue3:  rgba(4, 22, 88, 1.0); 		= BLUE, DARK, MUTED
   
  --overlay-mobile-menu-black: rgba(24, 39, 51, 0.85); 	/* For shading the screen when mobile hamburger is tapped * /
  --overlay-color-blue:  rgba(2, 19, 140, 0.85); 				= BLUE, DARK, BRIGHT
  --overlay-color-blue2: rgba(44, 58, 155, 0.85); 			= BLUE, DARK, MUTED
  --overlay-color-white:  rgba(255, 255, 255, 0.75); 		= WHITE

*/

/*default version*/
@font-face {
	font-family: 'amember';
	src: url('/include/fonts/amember_Rg.eot') format('embedded-opentype'), url('/include/fonts/amember_Rg.otf') format('opentype');
}
/*bold version*/
@font-face {
	font-family: 'amember';
	src: url('/include/fonts/amember_Bd.eot') format('embedded-opentype'), url('/include/fonts/amember_Bd.otf') format('opentype');
	font-weight: bold;
}

:root {
  --primary-color-green: rgba(13, 110, 139, 0.75); 		/*  75% opacity		SEA GREEN */
  --primary-color-blue:  rgba(2, 19, 140, 0.75); 			/*  75% opacity		BLUE, DARK, BRIGHT  */
  --primary-color-blue2: rgba(44, 58, 155, 0.75); 		/*  75% opacity		BLUE, DARK, MUTED */
  --primary-color-white: rgba(255, 255, 255, 0.8); 		/*  80% opacity		WHITE */
  
  --footer-background-dark: rgba(27, 42, 71, 1.0);

  --25per-color-white: rgba(255, 255, 255, 0.25); 		/*  25% opacity		WHITE */
  --half-color-white:  rgba(255, 255, 255, 0.5); 			/*  50% opacity		WHITE */
  --full-color-white:  rgba(255, 255, 255, 1.0); 			/* 100% opacity		WHITE */
  --25per-color-blue2: rgba(44, 58, 155, 0.25); 			/*  25% opacity		BLUE, DARK, MUTED */
  --full-color-blue2:  rgba(44, 58, 155, 1.0); 				/* 100% opacity		BLUE, DARK, MUTED */

  --primary-text-color-blue2:  rgba(44, 58, 155, 1.0);/* BLUE, DARK, MUTED */
  --primary-text-color-blue3:  rgba(4, 22, 88, 1.0); 	/* BLUE, DARK, MUTED */
 
  --overlay-mobile-menu-black: rgba(24, 24, 24, 0.80);/* For shading the screen when mobile hamburger is tapped */
  --overlay-color-blue:  rgba(2, 19, 140, 0.85); 			/* BLUE, DARK, BRIGHT */
  --overlay-color-blue2: rgba(44, 58, 155, 0.85); 		/* BLUE, DARK, MUTED */
  --overlay-color-white: rgba(255, 255, 255, 0.75); 	/* WHITE */

  --button-color: rgba(142, 41, 19, 0.85);
  
  --gray-bg-color: rgba(233, 233, 233, 1.0); 					/* #e9e9e9 */
  --kdp-orange-color-full: rgba(205, 117, 27, 1.0);		/* #cd751b  --- aldo use for hover on hyperlinks */
  --kdp-orange-color-20per: rgba(205, 117, 27, 0.2);	/* #cd751b */

  --a-link-blue: rgba(0, 102, 192, 1.0);							/* #0066c0; link color for "a" tags. */

  --gray-for-disabled: rgba(161, 161, 161, 1.0);			/* #a1a1a1; gray for disabled text */
  
  --gray-btn-text-color: rgba(81, 81, 81, 1.0);				/* #515151; medium dark gray for classy preview buttons text */
  --gray-fieldset-border: rgba(166, 166, 166, 1.0);		/* #a6a6a6; very light gray for classy preview buttons border */
  --gray-fieldset-bg: rgba(245, 245, 245, 1.0);				/* #f5f5f5; very light gray BG for classy theme editor fieldsets*/

  --menu-speed: 0.75s;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, html, .app {
	height: 100%;
	text-rendering: optimizeLegibility;
  }

html {
  background-color: var(--gray-bg-color);
}

body {
/*
  line-height: 2.5rem;
  min-width: 480px;
*/
  border: 0;
  font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
  font-size: 1.4rem;
 }
 
td {
	padding: 0.2rem 1.0rem 0.2rem 1.0rem;
}

a, a:active, a:link, a:visited {color: var(--a-link-blue); text-decoration: none;}
a:hover {color: var(--kdp-orange-color-full); text-decoration: underline !important;}

/* 
	Assume that we are dealing with a browser set to 'medium' text.
	The default size for 'medium' text in all modern browsers is 16px. 
	Our first step is to reduce this size for the entire document by setting body size to 62.5%: 
*/

html {font-size: 62.5%;}

/*
	This takes 16px down to 1.0rem which I'm using purely because it's a nice round number. 
	1.0rem text is too small for the real world, but from now on it's easy to think in pixels 
	but still set sizes in terms of REM: 1.0rem is 1.0rem, 0.7rem is 7px, 1.6rem is 16px, etc. 
	If you are laying out your document using CSS then you have probably used a few divs 
	to group together elements. Apply text-size to these divs and your job is almost done. 
	Consider a two column layout with header and footer: 

		<body>
		<div id="navigation"> ... </div>
		<div id="main_content"> ... </div>
		<div id="side_bar"> ... </div>
		<div id="footer"> ... </div>
		</body>
*/

#navigation 	{font-size: 1.6rem;}	/* displayed at 14 px */
#mainbody 		{font-size: 1.6rem;}	/* displayed at 14 px */
#side_bar 		{font-size: 1.6rem;}	/* displayed at 14 px */
#footer 		{font-size: 1.2rem;}	/* displayed at 12 px */

/*
	So this would give us a document where text in the navigation and side bar is displayed at 1.0rem, 
	the main content is 12 px and the footer is 9px. There now remains a few anomalies to sort out 
	(you'd have to do this even if you were sizing in pixels). In Mozilla-based browsers, all heading 
	elements in our aforementioned #main_content div will be displayed at 12 px whether they are an H1 
	or an H6, whereas other browsers show the headings at different sizes as expected. Applying 
	text-sizes to all headings will give consistency across browsers, for example: 
*/

h1 {font-size: 2.6rem;}		/* displayed at 26 px */
h2 {font-size: 2.2rem;}		/* displayed at 22 px */
h3 {font-size: 2.0rem;}		/* displayed at 20 px */
h4 {font-size: 1.8rem;}		/* displayed at 18 px */
h5 {font-size: 1.6rem;}		/* displayed at 16 px */
h6 {font-size: 1.4rem;}		/* displayed at 14 px */
h7 {font-size: 1.2rem;}		/* displayed at 12 px */
h8 {font-size: 1.0rem;}		/* displayed at 10 px */

p  {font-size: 1.2rem;}		/* displayed at 12 px */

/* 
--------------------------------------------------------------------------------------------------------------
END: CORE STYLES 
##############################################################################################################
*/
















/*
 ======================================================================================================
 START: OLD CSS for OLD AuthorStock main site pages -- ALSO SUPPORTS MAIN ADMIN AREAS.
 ======================================================================================================
*/


/*
	A similar job needs to be done on forms and tables to force form controls and table cells to 
	inherit the correct size (mainly to cater for IE/Win): 
*/
INPUT, BUTTON, SELECT, TH, TD, TEXTAREA, 
DIV > INPUT, DIV > SELECT, 
DIV > TH, DIV > TD, DIV > TEXTAREA, 
DIV DIV, DIV DIV P, DIV TD P, 
.FORM > P, TD INPUT {font-size: 1.4rem;}
.center-box  		{font-size: 1.4rem;}
.center-box INPUT 	{font-size: 1.4rem;}
.oddball, .oddball INPUT, #oddball, 
#oddball INPUT 		{font-size: 1.4rem !important;}

DIV > LI, DIV > LI P, DIV > TD P, DIV > BLOCKQUOTE P {font-size: 1.4rem;}

TH, TD, DIV > TH, DIV > TD, .FORM > P {margin: 0.6rem 1.2rem 0.6rem 1.2rem;}


DIV > INPUT, DIV > SELECT,  DIV > TEXTAREA, .FORM > P, 
TD INPUT, TD BUTTON, TD SELECT, .center-box INPUT, .oddball INPUT, #oddball INPUT {margin: 1.0rem 0;}


label {display: block; padding: 1.6rem 0 0 0 !important;}

li {margin: 0; padding: 0;}

OL, UL {
/*	list-style-type:none; */
	margin-left: 3.0rem;
	padding: 1.2rem;
}

/*
	Tricky stuff occurs where rules like this are applied: 

		#main_content LI {font-size: 0.8333rem;}

	This rule implies that all main content list items should be displayed at 1.0rem. 
	We use the same straightforward maths to achieve this: 

		10 / 12 = 0.8333

	But what happens when one list contains another? It gets smaller. Why? Because 
	our rule actually says that any list item in the #main_content div should 0.8333 
	times the size of its parent. So we need another rule to prevent this 'inherited shrinkage': 

		LI LI {font-size: 1.0rem;}		/* displayed at 10 px

	This says that any list item inside another list item should be the same size as 
	its parent (the other list item). I normally use a whole set of child selectors 
	to prevent confusion during development: 
*/

LI LI, LI P, TD P, BLOCKQUOTE P {font-size: 1.4rem;}

p, h1, h2, h3, h4, h5, h6, h7, h8, div, td {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
form {margin: 0; font-size: 1.4rem;}
P {font-size: 1.4rem;}
p, h1, h2, h3, h4, h5, h6, h7, h8 {margin-top: 1.0rem; margin-bottom: 1.0rem;}

table {border-spacing: 0 !important;}

#wrap {
/*
	min-width: 570px;
	margin: 0 auto 0 auto;
	padding: 0 4.0rem 0 4.0rem;
	max-width: 1060px;
	padding: 0 4.0vw 0 4.0vw;
*/
	margin: 50px auto 0 auto;
	padding: 0;
	background: none;
	box-sizing: border-box;
	transition: margin 0.4s ease, padding 0.4s ease;
}
#header {
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 1.5rem 4.5rem 1.5rem 4.5rem;
	text-align: left;
	box-sizing: border-box;

	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	color: #fff;
	font-weight: normal;
	background-color: #1b2a47;
}

#header-thumbnail {
	float: none;
	margin-right: 1.0rem;
}

#header td {
	margin-top: 0.8rem; 
	margin-bottom: 0;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 1.4rem;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.3rem;
	color: #bababa;
}

#header a {text-decoration: none;}
#header a:link {text-decoration: none;}
#header a:visited {text-decoration: none;}
#header a:active {text-decoration: none;}
#header a:hover {text-decoration: none; text-decoration:underline;}


#header a {color: #FFF;}
#header a:link {color: #FFF;}
#header a:visited {color: #FFF;}
#header a:active {color: #FFF;}
#header a:hover {color: #FFF; text-decoration:underline;}


#footer a {color: #FFF;}
#footer a:link {color: #FFF;}
#footer a:visited {color: #FFF;}
#footer a:active {color: #FFF;}
#footer a:hover {color: #FFF; text-decoration:underline;}

.menu-wrap .menu > div > div > ul > li > a {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 2.0rem;
	padding: 2.0rem;
	margin: 2.0rem !important;
	line-height: 2;
}

.header-store-name-title, .header-store-name-title span, #header p {
	text-align: left;
	margin-top: 0; 
	margin-bottom: 0;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.9rem;
	color: #000;
	font-weight: bold;
	line-height: 1.3rem;
	text-transform: none;
}
.header-store-name-subtitle, .header-store-name-subtitle span {
	text-align: left;
	margin-top: 0; 
	margin-bottom: 0;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.7rem;
	color: #bababa;
	font-weight: normal;
	line-height: 1.3rem;
	text-transform: none;
}

div#header-left-logo {
/*
	*/
	float: left;
	width: auto;
	height: auto;
	background-image: none;
	border: none;
	transition: float 0.4s ease;
}

/* 
 ##########################################################################################################
 OLD -- NO LONGER IN USE --
 ##########################################################################################################
 topnav CSS - Desktop version (mobile version below)
 ##########################################################################################################
*/
/*
div#header-menu-wrap {
	float: right;
	width: auto; 
	height: auto; 
	margin: 0;
	padding-top: 0.7rem;
	background-image: none;
	border: none;
	font-size: 1.6rem;
	transition: float 0.4s ease, width 0.4s ease, padding-top 0.4s ease;
}

div#header div#header-menu-wrap ul.topnav {
	list-style-type: none !important;
	margin: 0;
	padding: 0;
 	overflow: hidden;
}
div#header div#header-menu-wrap ul.topnav li {
	float: left;
	display: inline-block;
	list-style-type: none !important;
	border-right: 1px solid #bababa !important;
}
div#header div#header-menu-wrap ul.topnav li:last-of-type {
	border-right: none !important;
}

div#header div#header-menu-wrap ul.topnav li a {
	display: block;
	list-style-type: none !important;
	text-align: center;
	padding: 1.0rem 1.2rem;
	
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 1.4rem;

	text-transform: uppercase;
	text-decoration: none;
}

div#header div#header-menu-wrap ul.topnav li a {color: #FFF;}
div#header div#header-menu-wrap ul.topnav li a:link {color: #FFF;}
div#header div#header-menu-wrap ul.topnav li a:visited {color: #FFF;}
div#header div#header-menu-wrap ul.topnav li a:active {color: #FFF; background-color: #283e69;}
div#header div#header-menu-wrap ul.topnav li a:hover {color: #FFF; background-color: #283e69; text-decoration:none !important;}
div#header div#header-menu-wrap ul.topnav li a:visited:hover {color: #FFF; background-color: #283e69; text-decoration:none !important;}

/* 
 ##########################################################################################################
 OLD -- NO LONGER IN USE --
 ##########################################################################################################
 topnav CSS - MOBILE version (desktop version above)
 ##########################################################################################################
*/
/*
div#header-menu-wrap-mobile {
	position: relative;
	display: none;
	top: 1px;
	visibility: hidden !important;
	float: none;
	width: 100%; 
	height: auto; 
	margin: 0;
	padding: 0;
	background-image: none;
	background-color: #1b2a47;
	border: none;
	font-size: 1.6rem;
	transform: scale(0);
	transition: all 0.4s ease;
}

div#header-menu-wrap-mobile ul.topnav-mobile {
	width: 100%; 
	list-style-type: none !important;
	margin: 0;
	padding: 0;
 	overflow: hidden;
}
div#header-menu-wrap-mobile ul.topnav-mobile li {
	float: none;
	width: 100%;
	display: list-item;
	list-style-type: none !important;
	border-bottom: 1px solid #bababa !important;
}
div#header-menu-wrap-mobile ul.topnav-mobile li: last-of-type {
	border-bottom: none !important;
}

div#header-menu-wrap-mobile ul.topnav-mobile li a {
	width: 100%;
	display: list-item;
	list-style-type: none !important;
	text-align: center;
	padding: 1.0rem 1.2rem 1.0rem 1.2rem;
	font-size: 1.6rem;
	text-decoration: none;
}

div#header-menu-wrap-mobile ul.topnav-mobile li a {color: #FFF;}
div#header-menu-wrap-mobile ul.topnav-mobile li a:link {color: #FFF;}
div#header-menu-wrap-mobile ul.topnav-mobile li a:visited {color: #FFF;}
div#header-menu-wrap-mobile ul.topnav-mobile li a:hover {background-color: #283e69; text-decoration: underline; color: #FFF;}
div#header-menu-wrap-mobile ul.topnav-mobile li a:active {background-color: #283e69;}
div#header-menu-wrap-mobile ul.topnav-mobile li a:active {color: #FFF;}

*/


















/*
 ======================================================================================================
 START: CSS for NEW "SHOWCASE" type pages.
 ======================================================================================================
*/


.showcase-container {
  min-width: 50%;
  max-width: 60%;
  width:auto;
  float:left;
  margin: 2vw auto 2vw 2vw;
  overflow: hidden;
}

.showcase {
  color: var(--primary-text-color-blue3);
  height: 100%;
  position: relative;

  min-height: 480px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  -webkit-display: flex;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  
  text-align:left;
}

.showcase-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}

.showcase-bg-shading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

	background:    -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.4) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.4) 100%);
    background: 		linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.4) 100%);
	z-index: -1;
}

#index.showcase-bg {
  content: '';
  background: url('../../images/Showcase-Feature-Background-1636x1587-DESKTOP.jpg') no-repeat center center/cover;
}
#about.showcase-bg {
  content: '';
  background: url('../../images/Skyport-Chronicles-2a-for-AUTHORSTOCK-1636x1587-DESKTOP.jpg') no-repeat center center/cover;
}
#continue.showcase-bg {
  content: '';
  background: url('../../images/Skyport-Chronicles-3a-for-AUTHORSTOCK-1636x1587-DESKTOP.jpg') no-repeat center center/cover;
}
#faq.showcase-bg {
  content: '';
  background: url('../../images/Skyport-Chronicles-1a-for-AUTHORSTOCK-1636x1587-DESKTOP.jpg') no-repeat center center/cover;
}

.showcase .showcase-inner {
  min-width: 50%;
  max-width: 60%;

  height: auto;
  width:auto;

  background: var(--primary-color-white);

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  -webkit-display: flex;
  -webkit-flex-direction: row;
  -webkit-align-items: center;
  -webkit-justify-content: center;

  text-align: left;

  padding: 1vw 2vw 1vw 2vw;

  float: left;
  margin-right: auto;
  margin: 3vw auto 3vw 3vw;

	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;

	box-shadow: 0 5px 5px 1px rgba(0,0,0,.2);
}

.showcase-inner.continue {
	min-width: 50%;
	max-width: 58%;
/*	background: var(--half-color-white); */
	text-align: left;
	flex-direction: column;
	padding: 0;
	background: transparent;
	box-shadow: none;
}

div.showcase-container.showcase-inner.continue div.a-box.a-alert.a-alert-info {
	background: var(--half-color-white) !important;
}

div.showcase-container.showcase-inner.continue div.a-box-inner.a-alert-container {
	background: transparent;
}

div.showcase-container.showcase-inner.continue div.center-box-narrow {
/*	
	background: var(--half-color-white) !important;
	border-color: #3284a6 !important;
*/
	background: var(--primary-color-white) !important;
	border: none;
	box-shadow: 0 5px 10px 1px rgba(0,0,0,.2);
}


.halfscreen-1 {
	display:inline-block;
	float:left;
	width: 50%;
	margin: 0 2vw 0 0;
    height: 100%;
	vertical-align: top;
		
	-ms-flex: 1;  /* IE 10 */  
	flex: 1;
}

.halfscreen-2 {
	display:inline-block;
	float:left;
	width: 50%;
	margin: 0;
    height: 100%;
	vertical-align: top;

	-ms-flex: 1;  /* IE 10 */  
	flex: 1;
}

.showcase h1 {
	color: var(--primary-text-color-blue2);
	text-align: left;
	font-size: 2.24rem;
	font-weight: bold;
	margin: 5px 0;
}
.showcase h2 {
	text-align: left;
	font-size: 1.92rem;
	margin: 5px 0;
}
.showcase p {
	font-family: Arial, sans-serif;
	text-align: left;
	font-size: 1.5rem;
	margin: 5px 0;
}
.showcase .hr {
	width: 100%;
	height: 1.6rem;
	border-top: solid #fff 1px;
	margin-top: 1.0rem;
}
.btn {
	box-shadow:inset 0 1px 0 0 #b97a7a;	
	background:linear-gradient(to bottom, #ad6363 5%, #a75959 100%);
	background-color:#ad6363;
	border:1px solid #793131;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.6rem;
	font-weight: normal;;
	padding:6px 12px;
	text-decoration:none !important;
	margin: 5px 0;
}
.showcase-container.showcase-inner.btn {
	position:relative;
	bottom: 0;
} 
.btn:hover {
	background:linear-gradient(to bottom, #a75959 5%, #ad6363 100%);
	background-color:#a75959;
}
.btn:active {
	position:relative;
	top:1px;
}
.btn:disabled {
	box-shadow:inset 0 1px 0 0 #8e7f7f;
	background:linear-gradient(to bottom, #8b7979 5%, #897777 100%);
	background-color:#8b7979;
	border:1px solid #7e6d6d;
}
.btn:link {color:#ffffff; text-decoration: none;}
.btn:visited {color:#ffffff; text-decoration: none;}
.btn:active {color:#ffffff; text-decoration: none;}
.btn:hover {text-decoration: underline;}

.arrow{
    position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translate(-50%,-50%);
}
.arrow span{
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 3px solid var(--full-color-white);
    border-right: 3px solid var(--full-color-white);
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}







/* 
 ##########################################################################################################
 OLD -- NO LONGER IN USE -- used to apply to a table exported from Excel - no longer on the Pricing page.
 ##########################################################################################################
 The following are for styling the display of PRICING PLANS on either Pricing page or About page
 ##########################################################################################################
*/
/* 
div.pricing-comparison {
	margin: 2.0rem;
}

.font5 {
	color: black;
	font-size: 1.2rem !important;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-family:  'Roboto', sans-serif;
}
.style0 {
	text-align: center;
	vertical-align: top;
	color: black;
	font-size: 2.0rem !important;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-family:  'Roboto', sans-serif;
}
table.pricing-comparison td {
	padding: 1.0rem !important;
	color: black;
	font-size: 1.4rem;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-family:  'Roboto', sans-serif;
	text-align: center;
	vertical-align: top;
}
.xl65 {
	font-size: 1.4rem;
	font-family:  'Roboto', sans-serif;
	vertical-align: top;
}
.xl66 {
	font-size: 1.4rem;
	font-family:  'Roboto', sans-serif;
	vertical-align: top;
	text-align: center;
}
.xl67 {
	min-width: 126px !important;
	background-color: var(--overlay-mobile-menu-black);
	font-size: 1.8rem !important;
	font-weight: bold !important;
	font-family:  'Roboto', sans-serif;
	color: #ffffff !important;
	text-align: center;
	vertical-align: top;
	border-top: 4px solid #c6c9da;
	border-right: 4px solid #c6c9da;
	border-bottom: 1px solid #daddef;
	border-left: 4px solid #c6c9da;
}
.xl68 {
	font-size: 1.8rem !important;
	font-family:  'Roboto', sans-serif;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #daddef;
	border-right: 4px solid #c6c9da;
	border-bottom: 1px solid #daddef;
	border-left: 4px solid #c6c9da;
	white-space: normal;
}
.xl69 {
	color: green !important;
	font-size: 1.4rem;
	font-family:  'Roboto', sans-serif;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #daddef;
	border-right: 4px solid #c6c9da;
	border-bottom: 1px solid #daddef;
	border-left: 4px solid #c6c9da;
}
.xl70 {
	font-size: 1.4rem;
	font-family:  'Roboto', sans-serif;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #daddef;
	border-right: 4px solid #c6c9da;
	border-bottom: 1px solid #daddef;
	border-left: 4px solid #c6c9da;
}
.xl71 {
	font-size: 15.0pt;
	font-family:  'Roboto', sans-serif;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #daddef;
	border-right: 4px solid #c6c9da;
	border-bottom: 1px solid #daddef;
	border-left: 4px solid #c6c9da;
}
.xl72 {
	font-size: 15.0pt;
	font-family:  'Roboto', sans-serif;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #daddef;
	border-right: 4px solid #c6c9da;
	border-bottom: 4px solid #c6c9da;
	border-left: 4px solid #c6c9da;
}
.xl73 {
	color: green !important;
	font-size: 1.4rem;
	font-family:  'Roboto', sans-serif;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #daddef;
	border-right: 4px solid #c6c9da;
	border-bottom: 4px solid #c6c9da;
	border-left: 4px solid #c6c9da;}
.xl74 {
	font-size: 1.8rem !important;
	font-family:  'Roboto', sans-serif;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #daddef;
	border-right: 4px solid #c6c9da;
	border-bottom: none;
	border-left: 4px solid #c6c9da;
}
.xl75 {
	font-family:  'Roboto', sans-serif;
	text-align: center;
	vertical-align: top;
	border-top: none;
	border-right: 4px solid #c6c9da;
	border-bottom: none;
	border-left: 4px solid #c6c9da;
}
.xl76 {
	font-family:  'Roboto', sans-serif;
	vertical-align: top;
	border-top: 4px solid #c6c9da;
	border-right: none;
	border-bottom: 1px solid #daddef;
	border-left: 4px solid #c6c9da;
	white-space: normal;
	text-align: left;
}
.xl77 {
	font-family:  'Roboto', sans-serif;
	vertical-align: top;
	border-top: 1px solid #daddef;
	border-right: none;
	border-bottom: 1px solid #daddef;
	border-left: 4px solid #c6c9da;
	white-space: normal;
	text-align: left;
}
.xl78 {
	font-family:  'Roboto', sans-serif;
	vertical-align: top;
	border-top: 1px solid #daddef;
	border-right: none;
	border-bottom: 1px solid #daddef;
	border-left: 4px solid #c6c9da;
	text-align: left;

}
.xl79 {
	font-family:  'Roboto', sans-serif;
	vertical-align: top;
	border-top: 1px solid #daddef;
	border-right: none;
	border-bottom: 4px solid #c6c9da;
	border-left: 4px solid #c6c9da;
	text-align: left;
}
.xl80 {
	font-family:  'Roboto', sans-serif;
	text-align: center;
	vertical-align: top;
	border-top: 4px solid #c6c9da;
	border-right: 4px solid #c6c9da;
	border-bottom: 1px solid #daddef;
	border-left: 4px solid #c6c9da;
	white-space: normal;
}
*/












/* 
 ##########################################################################################################
 START: OLD (SOME) -- NO LONGER IN USE (SOME) -- Some now PARTIALLY(?) replaced, such as by .mainbody-book-display
 ##########################################################################################################
 The following are for styling the display of book listings below the header
 ##########################################################################################################
*/

#mainbody {
	float: none; 
	padding: 2.5rem 2.0vw 2.5rem 2.0vw;
	margin: 0; 
	background-color: #FFFFFF;
	background-color: var(--gray-bg-color);
	overflow: visible;
	height: auto;
	position: static;
}

#Body-Upper-Half {

}
#Body-Upper-Left-Side {
	float: left;
	margin-right: 1.0rem;
}

#masthead{
	border: 2px black solid;
	margin-bottom: 1.0rem;
}
#view-cart{
	width: 86px;
	height: 21px;
	float: right;
	text-align: center;
	vertical-align: middle;
	margin-right: 2.0rem;
	margin-left: 1.0rem;
	margin-top: 0;
	margin-bottom: 0;
}

.no-margin {
	margin: 0;
}
#AuthorStockFooter{
	background-color: gray;
	margin-top: 0.5rem;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	height: 30.8rem
}
.AuthorStockFooterText {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	color: #FFFFFF;
	font-size: small;
	vertical-align: middle;
	font-weight: bold;
	margin: 0;
}
.AuthorStockFooterImage {
	margin: 0.3rem;
	float: left;
	vertical-align: middle;
}
.Huge-PayPal-like-HR{
	height: 0.5rem;
	border-top: 5px #336699 solid;
	margin-top: 0.5rem;
}
.bookdiv{
	margin-top: 0.5rem;
	float: none; 
	width: 80%;
	margin-left: auto; 
	margin-right: auto;	
}
.advert-div {
	margin: 1.0rem auto 1.0rem auto;
	float: none; 
	width: 80%;
}
.advert-text{
	text-align: left;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	color: #872826;
	font-size: small;
	vertical-align: middle;
	font-weight: bold;
	margin: 0;
}
.main_item_type_title {
	text-align: center;
	color: #800000;
	font-size: large;
}
.highlighted {
	background-color: #FFE198;
}
.shaded {
	background-color: #D9E3F4;
}
.title{
	text-align: left;
	margin-top: 0; 
	margin-bottom: 0.5rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 2.6rem;
	color: #336699;
	font-weight: bold;
}
.format{
	text-align: left;
	margin-top: 0; 
	margin-bottom: 0.5rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: medium;
	color: #336699;
	font-weight: normal;
}
.subtitle {
	text-align: left;
	margin-top: 0; 
	margin-bottom: 0.5rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: medium;
	color: #336699;
}

.authors-byline {
	text-align: left;
	margin-top: 0; 
	margin-bottom: 1.4rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.4rem;
	color: #111;
}

.author-byline-roles {
	text-align: left;
	margin-top: 0; 
	margin-bottom: 1.4rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.4rem;
	color: #555;
}

span.bookdescription, p.bookdescription  {
	text-align: left !important;
	margin-top: 0;
	margin-bottom: 1.4rem !important;
	font-family: Arial, sans-serif;
	font-size: 1.4rem;
	color: #333333;
}

div.left-side-box {
	width: auto;
	background-color: #FFF;
	clear: both;
 	position: relative; 
	padding: 2.0rem;
	margin: 0;
    overflow: visible;
	-moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -khtml-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
.cover-options {
	margin-top: 0; 
	margin-bottom: 0.8rem;
	text-align: center;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.2rem !important;
	color: #333333;
}

.ebook-options{
	margin-top: 0.8rem; 
	margin-bottom: 0.8rem;
	text-align: left;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.2rem;
	color: #333333;
}
.bookstats{
	text-align: left;
	margin-top: 0; 
	margin-bottom: 0.5rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.5rem;
	color: #333333;
	font-weight: bold;
}
#aboutAuthorStock, #aboutAuthorStock p {
	font-size: 1.4rem;}
.combostats{
	text-align: left;
	margin-top: 0; 
	margin-bottom: 0;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.4rem;
	color: #333333;
	font-weight: normal;
}
p.bookstatus {
	text-align: center;
	margin-top: 0.1rem; 
	margin-bottom: 0.1rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.4rem;
	color: #333333;
	font-weight: bold;
}
#OrderNow {
	margin-top: 0; 
	margin-bottom: 0;
}
.OrderBarText {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	font-size: 1.2rem !important; 
}
.OrderBar {
	overflow: visible;
	height: auto;
	width: auto;
	border: 1px #999 solid;
	background-color: #FFE198;
	margin: 0.5rem 0 0 0;
	padding: 0;
	text-align: right;

	position: relative;
	
	-moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -khtml-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
.PayPal-Info{
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.2rem;
	color: #333333;
}
span.book-status-color{
	color: purple;
}
span.sale-price-color{
	color: maroon;
}
.noborder {
	border: 0;
	border-collapse: collapse;
	margin: 0;
}
.border {
	border: 1px #999 solid;
	margin: 0;
	box-sizing: border-box;
}
span.strike{
	text-decoration: line-through;
}
p.tinyspacer{
	margin-top: 0; 
	margin-bottom: 0;
	font-size: 0.5rem;
}
p.Ten-px-spacer{
	margin-top: 0; 
	margin-bottom: 0;
	font-size: 1.4rem;
	text-align: center;
}
.hr {
	height: 0.5rem;
	border-top: solid #336699 2px;
	margin-top: 0.5rem;
}
img {
	border-width: 0;
}
.centered-bottom-margin-10 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 1.0rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.2rem;
	color: #333333;
}
.centered-margin-0 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.2rem;
	color: #333333;
}
.ebook-types-header-store-name-title {
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.8rem;
	font-weight: bold;
	color: #336699;
}
.ebook-types-subtitle {
	text-align: left;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: medium;
	font-weight: normal;
	color: #333333;
}
.ebook-types-subtitle a {
	font-weight: bold;
	color: #6E7030;
}
.ebook-options-title {
	text-align: center;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.5rem;
	font-weight: normal;
	color: #333333;
}
.ebook-options-title strong{
	text-align: center;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.5rem;
	font-weight: bold;
	color: #872826;
}
.ebook-options-body {
	text-align: left;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.6rem;
	font-weight: normal;
	color: #333333;
}
.ebook-options-body a {
	font-weight: bold;
	color: #6E7030;
}
input.review-rating {
	width: auto !important;
	float: left !important;
	margin: 0.5rem 0.5rem 0.5rem 0 !important;
}
label.review-rating-label > img {
	width: auto !important;
	margin: 0.5rem 0.5rem 0.5rem 0 !important;
}
label.review-rating-label {
	padding: 1px !important;
}
p.endorse-review-title {
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #336699;
}
.endorse-review-summary {
	text-align: left;
	margin-top: 0;
	margin-bottom: 0.3rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
	color: black;
}
.endorse-review-content {
	text-align: left;
	margin-top: 0;
	margin-bottom: 0.3rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight: normal;
	color: black;
}

td.endorse-review {
	vertical-align: top;
}

.tiny { 
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: xx-small; 
}

/* Store Admin logo and icon may postentially be PNG/GIF with transparent background, so we need a gray to go behind it. */

#DisplayLogoTable td,
#UploadStoreLogo td,
#DisplayIconTable td,
#UploadStoreIcon td,
#DisplayFrontCoverTable td,
#UploadAuthorPhoto td,
#DisplayBackCoverTable td,
#UploadBackCoverTable td {
	background-color: #ccc !important;
}

#LogoUploadedTable td,
#IconUploadedTable td,
#FrontCoverUploadedTable td {
	background-color:transparent !important;
}

/* center boxes for ordering pages */

.Edition-Hidden {
	display: none; 
	background-color: #ffffff;
	border: 1px #999 solid;
	width: 175px;
	z-index: 4; 
	position: absolute; 
	top: 30px; 
	left: 277px;
	text-align: left;
	padding: 0.5rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.4rem;
	color: #333333;
	-moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -khtml-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

/* right side: pricing box & advert */
#right-side-div-container {
	width: auto;
	float: right; 
	margin-top: 0; 
	margin-left: 1.0rem; 
	margin-right: 1.0rem; 
}

.right-side-photo-w-caption {
	text-align: left; 
	float: right; 
	margin: 0 0 1.0rem 1.0rem;
	width: 480px; 
	padding: 1.0rem;
	background-color: #EEE;
	border: 1px #999 solid;
	-moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -khtml-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.right-side-photo-w-caption p {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;;
	font-size: 1.4rem;
	
}

div.right-side-box {
	width: auto;
	padding: 1.0rem;
	margin-bottom: 2.0rem;
	margin-left: 1.0rem;

	box-shadow: 0 0 0 4px rgba(0,0,0,.1);

	-moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -khtml-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

div.right-side-box input[type=image] {
	margin: 8px auto 0 auto;	
}

.right-side-title {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	color: #800000;
	font-size: 1.4rem;
}
.side_ad_image {
	margin-left: 0;
	margin-right: 1.0rem;
}

.home_ad_image {
	margin-left: 0;
	margin-right: 2.0rem;
}

.right_side_p { 
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	 font-size: 1.4rem;
	margin: 0;
}
.order1_medium {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	margin-top: 0; 
	margin-bottom: 0; 
	text-align: center; 
	font-size: medium;
}
.order1_medium_left {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	margin-top: 0; 
	margin-bottom: 0; 
	text-align: left; 
	font-size: 1.6rem;
}
.order1_small {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	margin-top: 0; 
	margin-bottom: 0; 
	text-align: left; 
	font-size: 1.7rem;
}
.order1_small_subhead {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	margin-top: 0; 
	margin-bottom: 0; 
	text-align: center; 
	font-size: 1.7rem;
	color: #336699;
}
.order1_xsmall {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	margin-top: 0; 
	margin-bottom: 0; 
	text-align: left; 
	font-size: 1.2rem;}
.vendor-title {
	text-align: left;
	margin-top: 0; 
	margin-bottom: 0.5rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 2.2rem;
	color: #800000;
	font-weight: bold;
}

.vendor-title-centered {
	text-align: center;
	margin-top: 0; 
	margin-bottom: 0.5rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 2.2rem;
	color: #800000;
	font-weight: bold;
}

.RequiredField {
	color: #600;
}

#form1 td, .center-box td, #AutoNumber1 td {
	font-size: 1.2rem;
	font-size: 1.4rem;
}

.see-inside-wrapper {
	text-align: center;
    vertical-align: middle;
	width: auto;
	height: auto;
 	position: relative; 
    margin: 0;
    overflow: visible;
    background: none;
    
/*	border: 1px #ccc solid; */
	-moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -khtml-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
.see-inside-floater {
/*	background-color: #000;
	border: 1px #0F0 solid; */
	text-align: center;
	width: auto;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}
.see-inside-mask {
	width: 215px;
	height: 56px;
	z-index: 5; 
	position: relative; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}
.see-inside-mask-small {
	width: 108px;
	height: 28px;
	z-index: 5; 
	position: relative; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}
.see-inside-cover {
	z-index: 4;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	position: relative; 
	top: -23px;
}
.see-inside-cover-small {
	z-index: 4;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	position: relative; 
	top: -11px;
}
.see-inside-mask-lower {
	width: 315px;
	height: 88px;
	z-index: 6;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
}
.see-inside-mask-lower-small {
	width: 158px;
	height: 44px;
	z-index: 6;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
}
.see-inside-mask-title {
	text-align: center;
	font-size: 1.2rem;
	width: auto;
	height: auto;
	z-index: 7;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
}

.tip {
	margin: 0.7rem auto 0.7rem auto;
	padding: 0.7rem 0.7rem 0 0.7rem;
	border: #099 2px solid;
/*	background: #CFC; */
	width: 60%;
	text-align: left;

	-moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -khtml-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
.alert {
	margin: 0.7rem auto 0.7rem auto;
	padding: 0.7rem 0.7rem 0 0.7rem;
	border: #C60 2px solid;
/*	background: #FF9; */
	width: 60%;
	text-align: left;

	-moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -khtml-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
.warning {
	margin: 0.7rem auto 0.7rem auto;
	padding: 0.7rem 0.7rem 0 0.7rem;
	border: #C00 2px solid;
/*	background: #FF6; */
	width: 60%;
	text-align: left;

	-moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -khtml-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

div.info-panel-wrap {
	display:inline-block;
	width: 100%;
	clear:both;
	font-stretch: condensed;
}

div.info-panel-store-admin-button,
button.info-panel-store-admin-button,
button.store-admin-button {
	float: right;
	margin: 0 0 1.0rem 1.0rem; 
	font-stretch: condensed;
}
button.store-admin-button {
	float: right;
	margin: 0 0 1.0rem 1.0rem; 
	font-stretch: condensed;
}
div.info-panel-store-admin-button.view-site-button
button.info-panel-store-admin-button.view-site-button {
	float: right;
	margin: 0 0 1.0rem 0; 
	font-stretch: condensed;
}

div.info-panel, 
button.info-panel {
	float: right;
	background-color: var(--full-color-white);
	border: #999 thin solid; 
    border-radius: 3px;
	padding: 0.6rem 0.8rem; 
	margin: 0 0 1.0rem 0; 
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight: normal;
	font-weight:normal;
	font-stretch: condensed;
}

div.info-panel-edit-store, 
button.info-panel-edit-store {
	float: right;
	font-stretch: condensed;
}

div.site-switch-panel {
	float: right; 
	border: #999 thin solid; 
	padding: 0.6rem 0.8rem; margin: 0 0 0 0; 
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.6rem;
	font-weight: normal;
	color: #666;
	font-stretch: condensed;
}

.admin-cover, .admin-details {
	float: left;
	width: auto;
}
.admin-cover img, input.admin-cover {
/*	margin-right: 1.5rem; */
	margin: 0;
	width: 100px;
	height:auto;
}


/* 
##################################
Styling of Form Input Buttons etc: 
##################################
*/


/* 
Blue Button Palette based on Facebook style -- used for most buttons except Delete and Upload Select 
*/	

/* The "mini check-x" button uses a 10x10 image as its contents */
input[type="submit"].button-mini-check-x.blue,
input[type="submit"].button-mini-check-x.red { 
	padding: 1.5rem 1.5rem 1.4rem 1.5rem !important;	/* The "mini check-x" button needs a special padding treatment  */
	-webkit-appearance: none;	/*  Why this? iOS ignores all our styling unless we disable that. */
	border-radius: 3px;			/*  Why this? iOS ignores all our styling unless we disable that. */
	height:10px;
	width:10px;
}

input[type="submit"].button-mini-check-x.blue {
	background-image:url(/images/Button-Save-Check-10x10.png) !important;
	background-repeat:no-repeat !important;
	background-position: center center !important;
}

input[type="submit"].button-mini-check-x.red { 
	background-image:url(/images/Button-Delete-X-10x10.png) !important;
	background-repeat:no-repeat !important;
	background-position: center center !important;
}

input {
	font-size: 1.4rem !important;
	margin: 0;
    vertical-align: middle;
}

input.-internal-input-suggested, input.-webkit-input-placeholder {
	font-size: 1.4rem !important;
}

span.Author_About_parent {
	margin: 1.0rem 0;
}

.defaultSkin table.mceLayout {
	border: 1px solid #a6a6a6 !important;
    border-radius: 3px;
	margin: 1.0rem 0 2.0rem 0;
}

.defaultSkin table.mceLayout tr.mceFirst td {
	border-top:none !important;
	border-bottom: 1px solid #a6a6a6 !important;
}

.defaultSkin table.mceLayout tr.mceLast td {
	border-bottom:none !important;
}

.defaultSkin .mceIframeContainer {
	border:none;
}

TD SELECT {
    line-height: normal;
	box-sizing: border-box;
    height: 3.1rem;
    padding: 0.3rem 0.7rem;
	border: 1px solid #a6a6a6;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(0,0,0,.07) inset;
    outline: 0;
}

input[type="text"],
input[type="password"],
input[type="textarea"] {
	width: 100% !important; 
    line-height: normal;
	box-sizing: border-box;
	background-color: #fff;
    height: 3.1rem;
    padding: 0.3rem 0.7rem;
	border: 1px solid #a6a6a6;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(0,0,0,.07) inset;
    outline: 0;
}


input[type="text"]:focus,
input[type="password"]:focus,
input[type="textarea"]:focus {
	border: 1px solid var(--kdp-orange-color-full);
	box-shadow: 0 0 5px 1px var(--kdp-orange-color-20per);
}

/* Widen the TINYMCE text editor to 100% */
.mceLayout {
	width: 100% !important; 
}
.mceLayout:focus {
	border: 1px solid var(--kdp-orange-color-full) !important;
	box-shadow: 0 0 5px 1px var(--kdp-orange-color-20per) !important;
}

button[name="Edit"], 
button[name="Deactivate"], 
button[name="Activate"], 
button[name="View Site"],
button[name="Delete"],
input[name="Edit"], 
input[name="Deactivate"], 
input[name="Activate"], 
input[name="View Site"],
input[name="Delete"] {
	width:100%;
    border-radius: 3px;
}

a.store-admin-button.additional,
button.store-admin-button.additional {
	margin: 0 1.0rem 1.0rem 0;
}

button[name="Edit"], 
button[name="Submit"], 
button[name="Log-in"], 
button[name="reset-password"], 
button[name="Reset Password"], 
button[type="button"],
button.store-admin-button,
button.info-panel-button, 
button[type="submit"].button-mini-check-x.blue,
input[name="Edit"], 
input[name="Submit"], 
input[name="Log-in"], 
input[name="reset-password"], 
input[name="Reset Password"], 
input[type="button"],
a.store-admin-button,
a.info-panel-button, 
input[type="submit"].button-mini-check-x.blue {
	box-shadow: inset 0 1px 0 0 #7a8eb9;
	background: linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
	background-color: #637aad;
	border: 1px solid #314179;
    border-radius: 3px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight: normal;
	padding: 0.6rem 0.8rem; 
	text-decoration: none;
}
a.site-switch-button {
	float: right;
	box-shadow: inset 0 1px 0 0 #7a8eb9;
	background: linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
	background-color: #637aad;
	border: 1px solid #314179;
    border-radius: 3px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight: normal;
	padding: 0.6rem 0.8rem; text-decoration: none;
}


button[name="Edit"]:hover, 
button[name="Submit"]:hover, 
button[name="Log-in"]:hover, 
button[name="reset-password"]:hover, 
button[name="Reset Password"]:hover, 
button[type="button"]:hover,
button.store-admin-button:hover, 
button.info-panel-button:hover, 
button[type="submit"].button-mini-check-x.blue:hover, 
input[name="Edit"]:hover, 
input[name="Submit"]:hover, 
input[name="Log-in"]:hover, 
input[name="reset-password"]:hover, 
input[name="Reset Password"]:hover, 
input[type="button"]:hover,
a.store-admin-button:hover,
a.info-panel-button:hover, 
input[type="submit"].button-mini-check-x.blue:hover {
	background: linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
	background-color: #5972a7;
}

button[name="Edit"]:active, 
button[name="Submit"]:active, 
button[name="Log-in"]:active, 
button[name="reset-password"]:active, 
button[name="Reset Password"]:active, 
button[type="button"]:active,
button.store-admin-button:active, 
button.info-panel-button:active, 
button[type="submit"].button-mini-check-x.blue:active, 
input[name="Edit"]:active, 
input[name="Submit"]:active, 
input[name="Log-in"]:active, 
input[name="reset-password"]:active, 
input[name="Reset Password"]:active, 
input[type="button"]:active,
a.store-admin-button:active,
a.info-panel-button:active, 
input[type="submit"].button-mini-check-x.blue:active {
	position: relative;
	top: 1px;
}

button[name="Edit"]:disabled, 
button[name="Submit"]:disabled, 
button[name="Log-in"]:disabled, 
button[name="reset-password"]:disabled, 
button[name="Reset Password"]:disabled, 
button[type="button"]:disabled,
button.store-admin-button:disabled, 
button.info-panel-button:disabled, 
button[type="submit"].button-mini-check-x.blue:disabled,
input[name="Edit"]:disabled, 
input[name="Submit"]:disabled, 
input[name="Log-in"]:disabled, 
input[name="reset-password"]:disabled, 
input[name="Reset Password"]:disabled, 
input[type="button"]:disabled,
a.store-admin-button:disabled,
a.info-panel-button:disabled,
input[type="submit"].button-mini-check-x.blue:disabled {
/* Blue Button Palette based on Facebook style -- used for most buttons except Delete and Upload Select */
	box-shadow: inset 0 1px 0 0 #7f838e;	
	background: linear-gradient(to bottom, #797f8b 5%, #777d89 100%);
	background-color: #797f8b;
	border: 1px solid #6d717e;
    border-radius: 3px;
}


button[name="Edit"].disabled, 
button[name="Submit"].disabled, 
button[name="Log-in"].disabled, 
button[name="reset-password"].disabled, 
button[name="Reset Password"].disabled, 
button[type="button"].disabled,
button.store-admin-button.disabled, 
button[type="submit"].button-mini-check-x.blue.disabled,
input[name="Edit"].disabled, 
input[name="Submit"].disabled, 
input[name="Log-in"].disabled, 
input[name="reset-password"].disabled, 
input[name="Reset Password"].disabled, 
input[type="button"].disabled,
a.store-admin-button.disabled,
a.info-panel-button.disabled,
input[type="submit"].button-mini-check-x.blue.disabled {
/* Blue Button Palette based on Facebook style -- used for most buttons except Delete and Upload Select */
	box-shadow: inset 0 1px 0 0 #7f838e;	
	background: linear-gradient(to bottom, #797f8b 5%, #777d89 100%);
	background-color: #797f8b;
	border: 1px solid #6d717e;
    border-radius: 3px;
}

/* 
Rust-Red Button Palette inspired by Facebook style - used on Delete and Upload Select
*/	
button[type="file"], 
button[name="Delete"],
button[name="Delete_Review"],
button[name="Delete_Contributor"], 
button[name="Delete_Social"], 
button[type="submit"].button-mini-check-x.red, 
input[type="file"], 
input[name="Delete"],
input[name="Delete_Review"],
input[name="Delete_Contributor"], 
input[name="Delete_Social"], 
input[type="submit"].button-mini-check-x.red {
	box-shadow: inset 0 1px 0 0 #b97a7a;	
	background: linear-gradient(to bottom, #ad6363 5%, #a75959 100%);
	background-color: #ad6363;
	border: 1px solid #793131;
    border-radius: 3px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight: normal;
	padding: 0.6rem 0.8rem; 
	text-decoration: none;
}
button[type="file"]:hover, 
button[name="Delete"]:hover,
button[name="Delete_Review"]:hover,
button[name="Delete_Contributor"]:hover, 
button[name="Delete_Social"]:hover, 
button[type="submit"].button-mini-check-x.red:hover, 
input[type="file"]:hover, 
input[name="Delete"]:hover,
input[name="Delete_Review"]:hover,
input[name="Delete_Contributor"]:hover, 
input[name="Delete_Social"]:hover, 
input[type="submit"].button-mini-check-x.red:hover {
	background: linear-gradient(to bottom, #a75959 5%, #ad6363 100%);
	background-color: #a75959;
}
button[type="file"]:active, 
button[name="Delete"]:active,
button[name="Delete_Review"]:active,
button[name="Delete_Contributor"]:active, 
button[name="Delete_Social"]:active, 
button[type="submit"].button-mini-check-x.red:active, 
input[type="file"]:active, 
input[name="Delete"]:active,
input[name="Delete_Review"]:active,
input[name="Delete_Contributor"]:active, 
input[name="Delete_Social"]:active, 
input[type="submit"].button-mini-check-x.red:active {
	position: relative;
	top: 1px;
}
button[type="file"]:disabled, 
button[name="Delete"]:disabled,
button[name="Delete_Review"]:disabled,
button[name="Delete_Contributor"]:disabled, 
button[name="Delete_Social"]:disabled, 
button[type="submit"].button-mini-check-x.red:disabled, 
input[type="file"]:disabled, 
input[name="Delete"]:disabled,
input[name="Delete_Review"]:disabled,
input[name="Delete_Contributor"]:disabled, 
input[name="Delete_Social"]:disabled, 
input[type="submit"].button-mini-check-x.red:disabled {
	box-shadow: inset 0 1px 0 0 #8e7f7f;
	background: linear-gradient(to bottom, #8b7979 5%, #897777 100%);
	background-color: #8b7979;
	border: 1px solid #7e6d6d;
    border-radius: 3px;
}

/* 
Green Button Palette inspired by Facebook style - used on Tool Tip button (don't show tip again thing)
*/	
button.store-plan-button,
button[name="hide-tip"], 
a.store-plan-button,
input[name="hide-tip"] {
	box-shadow:inset 0 1px 0 0 #679a89;	
	background:linear-gradient(to bottom, #578981 5%, #50817e 100%);
	background-color:#578981;
	border:1px solid #254156;
    border-radius: 3px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight: normal;
	padding: 0.6rem 0.8rem; 
	text-decoration: none;
}
button.store-plan-button:hover,
button[name="hide-tip"]:hover, 
a.store-plan-button:hover,
input[name="hide-tip"]:hover {
	background:linear-gradient(to bottom, #50817e 5%, #578981 100%);
	background-color:#50817e ;
}
button.store-plan-button:active,
button[name="hide-tip"]:active, 
a.store-plan-button:active,
input[name="hide-tip"]:active {
	position: relative;
	top: 1px;
}
button.store-plan-button:disabled,
button[name="hide-tip"]:disabled, 
a.store-plan-button:disabled,
input[name="hide-tip"]:disabled {
	box-shadow:inset 0 1px 0 0 #7a8682;	
	background:linear-gradient(to bottom, #768280 5%, #758080 100%);
	background-color:#768280;
	border:1px solid #6a7176;
    border-radius: 3px;
}



.TabbedPanelsTab {
	font-family: 'Roboto', sans-serif !important;
	font-size: 1.6rem;
	font-weight: bold !important;
}
.store-book-admin, .store-book-admin div, .store-book-admin div > td {
	font-size: 1.4rem;
}
html body#tinymce.mceContentBody p {
	font-size: 1.4rem !important;
	font-family: 'Roboto', sans-serif !important;
}

/* 
 ##########################################################################################################
 OLD -- NO LONGER IN USE -- now replaced, see below.
 ##########################################################################################################
 Media Queries
 ##########################################################################################################
*/

/* Smartphones (portrait and landscape) ----------- 
@media only screen and (min-width : 320px) and (max-width : 480px) {
/* Styles 
#wrap {
	max-width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: transparent;
	transition: margin 0.4s ease, padding 0.4s ease;
}
}

/* Smartphones (portrait) ----------- 
@media only screen and (max-width : 320px) {
/* Styles 
#wrap {
	max-width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: transparent;
	transition: margin 0.4s ease, padding 0.4s ease;
}
}

@media screen and (max-width : 610px) {
/* Styles 
#wrap {
	max-width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: transparent;
	transition: margin 0.4s ease, padding 0.4s ease;
}
}




/* Narrow windows less the 900 SWITCH to MOBILE MENU ----------- 
@media screen and (max-width : 1035px) {
/* Styles */
/* To make ALL font sizes larger on switch to mobile, increase the following percentage. *

html {font-size: 62.5%;}

#wrap {
	max-width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: transparent;
	transition: width 0.4s ease, min-width 0.4s ease, max-width 0.4s ease, margin 0.4s ease, padding 0.4s ease;
}
div#header-menu-wrap {
	visibility: hidden !important;
	display: none;
	transition: visibility 0.4s ease, display 0.4s ease;
}
div#header-menu-wrap-mobile {
	visibility: visible !important;
	display: inline-block;
	transform: scale(1);
	transition: visibility 0.4s ease, display 0.4s ease, transform 0.4s ease, transform 0.4s ease;
}
div#header {
	text-align: center;
	transition: text-align 0.4s ease;
}
div#header-left-logo {
	float: none;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;

	transition: float 0.4s ease, display 0.4s ease, margin-left 0.4s ease, margin-right 0.4s ease;
}
}




/* Wider screens greater than 900 SWITCH to DESKTOP MENU ----------- *
@media screen and (min-width : 1036px) {
/* Styles */
/* To make ALL font sizes switch back to normal desktop size, set the following percentage back to 62.5%.

html {font-size: 62.5%;}

*

#wrap {
	min-width: 570px;
	max-width: 1060px;
	margin: 0 auto 0 auto;
	padding: 0 4.0rem 0 4.0rem;
	background-color: transparent;
	box-sizing: border-box;
	transition: width 0.4s ease, min-width 0.4s ease, max-width 0.4s ease, margin 0.4s ease, padding 0.4s ease;
}
div#header-menu-wrap {
	visibility: visible!important;
	display: inline-block;
	transition: visibility 0.4s ease, display 0.4s ease;
}
div#header-menu-wrap-mobile {
	visibility: hidden  !important;
	display: none;
	transform: scale(0);
	transition: visibility 0.4s ease, display 0.4s ease, transform 0.4s ease, transform 0.4s ease;
}
div#header {
	text-align: center;
	transition: text-align 0.4s ease;
}
div#header-left-logo {
	float: left;
	display: inherit;
	margin-left: 0;
	margin-right: 0;
	transition: float 0.4s ease, display 0.4s ease, margin-left 0.4s ease, margin-right 0.4s ease;
}
}

*/






























/*
 ##############################################################################
 The following are for styling the display of book listings below the header
 ##############################################################################
*/

.mainbody-book-display {
    zoom: 100%;
    float: none;
    padding: 1.1vw 0vw 1.5vw 0vw;
    margin: 0;
    background-color: #FFFFFF;
    overflow: visible;
    height: auto;
    position: static;
	font-size: 1.15rem;
	border-top: 4px #CCC solid;
}

#footer 		{font-size: 0.87rem;}

h1 {font-size: 2.6rem;}		/* displayed at 26 px */
h2 {font-size: 2.2rem;}		/* displayed at 22 px */
h3 {font-size: 2.0rem;}		/* displayed at 20 px */
h4 {font-size: 1.8rem;}		/* displayed at 18 px */
h5 {font-size: 1.6rem;}		/* displayed at 16 px */
h6 {font-size: 1.4rem;}		/* displayed at 14 px */
h7 {font-size: 1.2rem;}		/* displayed at 12 px */
h8 {font-size: 1.0rem;}		/* displayed at 10 px */

p  {font-size: 1.2rem;}		/* displayed at 12 px */

.mainbody-book-display H1 {font-size: 2.88rem; margin: 1.60rem 0;}
.mainbody-book-display H2 {font-size: 2.24rem; margin: 1.28rem 0;}
.mainbody-book-display H3 {font-size: 1.92rem; margin: 1.12rem 0;}
.mainbody-book-display H4 {font-size: 1.60rem; margin: 0.96rem 0;}
.mainbody-book-display p {
	font-family: Arial, sans-serif;
	text-align: left;
	margin: 0;
    line-height: 125%;
	margin-bottom: 0.3rem;
}

.borderless {
	border: 0;
	border-collapse: collapse;
	margin: 0;
	box-sizing: border-box;
	background-color:transparent;
}

.borderless td {
	padding: 0 1.0rem;
}

.store-book-admin > .center-box {
	width: 100%;
	padding: 0.4rem;
}

.borderless book-table-rows {}
.borderless book-table-rows td {}


.mainbody-book-display tr, .mainbody-book-display td {
	vertical-align: top;
	width:auto;
}

#Body-Upper-Half {
/*
	border:3px solid #099;
*/
	position: static;
}

#Body-Upper-Left-Side {
/*
	border:3px dashed #F00;
*/
	float: left;
	margin: 0 12px 0 0;
	background: #FFF;
	width: 335px; /* carefully calculated as the max possible width needed for a WIDE book cover. */
    overflow: visible;
}
#Body-Upper-Right-Side {
/*
	border:3px solid #600;
*/
	float: left;
	margin: 0;
	background: #FFF;
	width: calc(100% - 370px);
}
#Body-Center {
/*
	border:3px solid #30F;
*/
	float: left;
	margin: 0;
	background: #FFF;
	min-width: 300px;
	width:auto;

}

#masthead{
	border: 2px black solid;
	margin-bottom: 10px;
}
#view-cart{
	position:relative;	
	top: 25%;
	transform: translateY(-50%);

	width: 204px;
	height: 31px;
	float: right;
	text-align: center;
	vertical-align: middle;
	margin-right: 28px;
	margin-left: 10px;
	margin-top: 0;
	margin-bottom: 0;
}
.no-margin {
	margin: 0;
	margin-top: 0;
	margin-bottom: 0;
}
#AuthorStockFooter{
	background-color: gray;
	margin-top: 5px;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	height: 38px
}
.AuthorStockFooterText {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	color: #FFFFFF;
	font-size: 1.2rem;
	vertical-align: middle;
	font-weight: bold;
	margin: 0;
}
.AuthorStockFooterImage {
	margin: 3px;
	float: left;
	vertical-align: middle;
}
.Huge-PayPal-like-HR{
	height: 5px;
	border-top: 5px #336699 solid;
	margin-top: 5px;
}
.bookdiv{
	margin-top: 5px;
	float: none; 
	width: 80%;
	margin-left: auto; 
	margin-right: auto;	
}
.advert-div {
	margin: 10px;
	float: none; 
	width: 80%;
	margin-left: auto; 
	margin-right: auto;	
}
.advert-text{
	text-align: left;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	color: #872826;
	font-size: 1.2rem;
	vertical-align: middle;
	font-weight: bold;
	margin: 0;
}
.borderless {
	border: 0;
	border-collapse: collapse;
	margin: 0;
}
.main_item_type_title {
	text-align: center;
	color: #800000;
	font-size: 2.4rem;
}
.highlighted {
	background-color: #FFE198;
}
.shaded {
	background-color: #D9E3F4;
}
.title {
	text-align: left;
	margin-top: 0; 
	margin-bottom: 5px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 2.4rem;
	color: #336699;
	font-weight: bold;
}
.title-on-multi {
	text-align: left;
	margin-top: 0; 
	margin-bottom: 5px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif !important;
	font-size: 1.8rem;
	color: #111;
	text-decoration: none;
	font-weight: bold;
}

.title-on-multi a:link {color:#111; text-decoration: none;}
.title-on-multi a:visited {color:#111; text-decoration: none;}
.title-on-multi a:active {color:#111; text-decoration: none;}
.title-on-multi a:hover {color: var(--kdp-orange-color-full); text-decoration: underline;}

.format, div div .format, div div span.format, div div div .format {
	text-align: left;
	margin-top: 0; 
	margin-bottom: 5px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.9rem;
	color: #336699;
	font-weight: normal !important;
}
.subtitle{
	text-align: left;
	margin-top: 0; 
	margin-bottom: 5px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-weight: bold;
	
	font-size: 1.2rem;
	color: #336699;
}
span.bookdescription, p.bookdescription  {
	text-align: left !important;
	margin-top: 0;
	margin-bottom: 1.4rem !important;
	font-family: Arial, sans-serif;
	font-size: 1.4rem;
	color: #333333;
}

span.about-the-store {
	padding: 15px;
}

span.about-the-store, span.about-the-store p {
	text-align: left;
	margin-top: 0;
	padding: 0 15px 0 15px;
	margin-bottom: 8px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.4rem !important;
	color: #333333;
}

.see-inside-div{
	width: 220px;
	padding: 0.5rem 0.5rem 1.0rem 0.5rem;
	display: none;
	background:linear-gradient(to bottom, #f7f7f7 0%, #d8d8d8 100%);
	border: 1px #999 solid;

	z-index: 6; 
	position: absolute; 
	top: 58px; 
	left: 58px;
	-moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -khtml-border-radius: 0.5rem;
    border-radius: 0.5rem;
	text-align: center;
}
.See-Inside-Nav {
	text-align: center;
	margin: 0.5rem; 
	padding: 0;
	height: auto;
	width: auto;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
	color: #336699;
	-moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -khtml-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
p.See-Inside-Nav-Text {
	text-align: left;
	margin: 0.5rem; 
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	clear: both;
	font-size: 1.2rem;
	color: #666;
	font-weight: normal;
}
.See-Inside-Nav, .See-Inside-Nav ul {
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: auto;
	width: auto;
	-webkit-padding-start: 0 !important;
	overflow: visible;
	clear: both;
}
.See-Inside-Nav li {
	list-style-type: none;
	float: left;
	border: #CCC 1px solid;
	background-color: #FFFFFF;

	width: 98px;
	line-height: 2.0rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 1.4rem;
	text-decoration: none;
	color: #666;
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	margin-top: 0.3rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	display: block;
}
.See-Inside-Nav a {
/*	color:#000000;
 */
	line-height: 2.0rem;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 1.2rem !important;
	text-decoration: none;
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.See-Inside-Nav a {color:var(--a-link-blue); text-decoration: none;}
.See-Inside-Nav a:link {color:var(--a-link-blue); text-decoration: none;}
.See-Inside-Nav a:visited {color:var(--a-link-blue); text-decoration: none;}
.See-Inside-Nav a:active {color:var(--a-link-blue); text-decoration: none;}
.See-Inside-Nav a:hover {color: var(--kdp-orange-color-full); text-decoration: underline;}

.cover-options{
	text-align:center !important;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0; 
	margin-bottom: 8px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.2rem !important;
	color: #333333;
	position:relative;
	top: -20px;
}

.cover-options a {
	font-weight:bold;
	text-decoration:none;
}

.cover-options a:hover {
	text-decoration:underline;
}

.ebook-options{
	margin-top: 8px; 
	margin-bottom: 8px;
	text-align: left;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 0.9rem;
	color: #333333;
}
.bookstats{
	text-align: left;
	margin-top: 0; 
	margin-bottom: 5px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.5rem;
	color: #336699;
	font-weight: normal;
}
#aboutAuthorStock, #aboutAuthorStock p {
	font-size: 1.4rem;
}
.combostats{
	text-align: left;
	margin-top: 0; 
	margin-bottom: 0;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.4rem;
	color: #333333;
	font-weight: normal;
}
p.bookstatus {
	text-align: center;
	margin-top: 0; 
	margin-bottom: 0;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.2rem;
	color: #333333;
	font-weight: bold;
}
#OrderNow {
	margin-top: 0; 
	margin-bottom: 0;
}
.OrderBarText {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	font-size: 0.9rem !important; 
}
.OrderBarFormText {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	font-size: 0.9rem !important;
	margin: 10px 0 0 0;
}
.OrderBar {
	overflow: visible;
	height: auto;
	width: auto;
	border: 1px #999 solid;
	background-color: #FFE198;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: right;
	font-size: 2.0rem !important; 

	position: relative;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.PayPal-Info{
	text-align: center;
	margin-top: 0;
	margin-bottom: 12px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 0.9rem;
	color: #333333;
}
span.book-status-color{
	color: purple;
}
span.sale-price-color{
	color: maroon;
}
.noborder {
	border: 0;
	border-collapse: collapse;
	margin: 0;
}
.border {
	border: 1px #999 solid;
	margin: 0;
}
span.strike{
	text-decoration: line-through;
}
p.tinyspacer{
	margin-top: 0; 
	margin-bottom: 0;
	font-size: 5px;
}
p.Ten-px-spacer{
	margin-top: 0; 
	margin-bottom: 0;
	font-size: 10px;
	text-align: center;
}
hr, .hr, #Body-Center .bookdescription hr, .mainbody-book-display hr {
	height: 0;
	border-top: 1px solid #cecece;
	margin-top: 20px;
	margin-bottom: 20px;

/* the following comes from Amazon: 

	background-color: transparent;
    display: block;
    height: 1px;
    border-width: 0;
    border-top: 1px solid #e7e7e7;
    line-height: 19px;
    margin-top: 0;
    margin-bottom: 14px;
*/
}
img {
	border-width: 0;
}
.centered-bottom-margin-10 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 10px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 0.7em;
	color: #333333;
}
.centered-margin-0 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 0.7em;
	color: #333333;
}
.ebook-types-header-store-name-title {
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.8em;
	font-weight: bold;
	color: #336699;
}
.ebook-types-subtitle {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.4rem;
	font-weight: normal;
	color: #333333;
}
.ebook-types-subtitle a {
	font-weight: bold;
	color: #6E7030;
}
.ebook-options-title {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 2.0rem;
	font-weight: normal;
	color: #333333;
}
.ebook-options-title strong{
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 2.0rem;
	font-weight: bold;
	color: #872826;
}
.ebook-options-body {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 1.6rem;
	font-weight: normal;
	color: #333333;
}
.ebook-options-body a {
	font-weight: bold;
	color: #6E7030;
}
.more-about-author {
	text-align: left;
	margin: 0;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight: normal;
}
div.author-photo { 	
	margin: 0 20px 0 20px;
    float: left;
    max-width: 150px;
}
div.author-photo p, div.author-photo a {
    max-width: 150px;
	font-size: 1.3rem;
	text-align: center;
	text-decoration:none;
	margin: 0 0 15px 0;
}
.author-photo img {
	max-width: 150px;
	float:none;
}
div.author-about { 
	float:left;
	margin: 0;
}
div.author-about span p {
	font-size: 1.3rem;
	text-align: left;
	margin: 0;
}
div.endorse-review-block-inset {
	margin: 0 0 0 25px;
}
p.endorse-review-title {
	text-align: left;
	margin-top: 0;
	margin-bottom: 20px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 2.0rem;
	font-weight: bold;
	color: #336699;
}
.endorse-review-summary {
	text-align: left;
	margin-top: 0;
	margin-bottom: 3px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.5rem;
	font-weight: bold;
	color: black;
}
.endorse-review-content {
	text-align: left;
	margin-top: 0;
	margin-bottom: 3px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight: normal;
	color: black;
}

.endorse-review-content p {
	margin-bottom: 5px;
}

td.endorse-review {
	vertical-align: top;
}

.tiny { 
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 0.55em; 
}

/* needed tweaks to the Spry tabs */

.TabbedPanelsContent,
.TabbedPanels,
.TabbedPanelsTabGroup,
.TabbedPanelsContentGroup,
.TabbedPanelsContent.TabbedPanelsContentVisible {
/*
	display:inline-block;
*/
}

.TabbedPanelsTab {
	font-family: 'Roboto', sans-serif !important;
	font-size: 1.2rem !important;
	font-weight:bold !important;
	font-stretch: condensed;
}

/* center boxes for ordering pages */

div.center-box.edit-review {
	margin-bottom: 2.0rem;
	overflow:auto;
}

div.center-box {
/*	background-color: transparent;
	background-color: var(--full-color-white);
	border: 1px #d9d9d9 solid;
*/
	float: none;
	margin-top: 1.0rem;
	margin-bottom: 2.0rem;
	margin-left: auto;
	margin-right: auto;
	padding: 1.0vw;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	min-width: 100%;
	display:inline-block;
	box-sizing: border-box;
	overflow:auto;

	background: var(--primary-color-white) !important;
	border: none;
	box-shadow: 0 5px 10px 1px rgba(0,0,0,.2);

}

/* below applied to old start page (retired March 2020) */
div.center-box.start-page {
	text-align:left;
	min-width:75% !important;
	width:75% !important;
	overflow:auto;
}

/* below applies to new start page (added March 2020) */
div.center-box.start {
	min-width: 100%;
	margin-bottom: 2.5rem;
	padding: 1.0vw;
	overflow:auto;
}

div.center-box-narrow {
/*	background:linear-gradient(to bottom, #d8d8d8 0%, #f7f7f7 45%, #f7f7f7 55%, #d8d8d8 100%);
	border: 1px #d9d9d9 solid;

	background-color: transparent;
	border: 1px #ccc solid;
*/
	float: none;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--full-color-white);
	padding: 1.0vw;
	margin-bottom: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	width: 40.0rem;
	box-sizing: border-box;
	overflow:auto;

	border: none;
	box-shadow: 0 5px 10px 1px rgba(0,0,0,.2);

}

.free-float-div {
	position: relative;	
	text-align: center; 
	float: inherit; 
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0; 
	margin-bottom: 0.5rem; 
	width: 37.5rem;
	padding: 1.0rem;
	font-size: 1.4rem !important;
	background:linear-gradient(to bottom, #f7f7f7 0%, #d8d8d8 100%);
	border: 1px #999 solid;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

.free-float-div p {
	padding: 10px;
	font-size: 1.6rem !important;
	margin: 0;
}

.Edition-Hidden {
	display: none; 
	background-color: #ffffff;
	border: 1px #999 solid;
	width: 175px;
	z-index: 4; 
	position: absolute;
	top: 30px; 
	left: 45px;
	text-align: left;
	padding: 5px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 0.65em;
	color: #333333;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/* right side: pricing box & advert */
#right-side-div-container {
	width: auto;
	float: right; 
	margin-top: 0; 
	margin-left: 10px; 
	margin-right: 0; 
}

.right-side-photo-w-caption {
	text-align: left; 
	float: right; 
	margin-left: 10px; 
	margin-bottom: 5px; 
	margin-top: 0; 
	margin-right: 0;
	width: 480px; 
	padding: 10px;

	background-color: #EEE;
	padding: 10px;
	margin-bottom: 10px;

	border: 1px #999 solid;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

.right-side-photo-w-caption p {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;;
	font-size: 1.4rem;
	
}

div.right-side-box {
	width: auto;
	padding: 15px;
	margin-bottom: 20px;
	margin-left: 10px;

/*	background-image: url(../images/bg-tall-gray.png);
	background-color: #EEE;
	border: 1px #999 solid;
*/
	box-shadow: 0 0 0 4px rgba(0,0,0,.1);

	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

div.right-side-box input[type=image] {
	margin: 8px auto 0 auto;
	-webkit-appearance: none;
	border-radius: 0;
}

p.add-to-cart-paragraph {
	text-align: center;
	margin: 0;
}

div.powered-by-as {
	width: 225px;
	background-image: url(../images/bg-gray.png);
	background-color: #EEE;
	padding: 5px;
	margin-bottom: 10px;

	border: 1px #999 solid;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
p.powered-by-as {
	margin-top: 0; 
	margin-bottom: 0;
	text-align: center;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	font-size: 0.9rem;
	color: #333333;
}
.right-side-title {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	color: #800000;
	font-size: 1.4rem;
}

div.advert-right-side-box {
/*	background-image: url(../images/bg-tall-gray.png); */
	background-color: #f6f6f6;	
	border: 1px #d5d5d5 solid;
	width: auto;
	clear: both;
 	position: relative; 
	padding: 25px;
	margin: 0 0 0 10px;
    overflow: visible;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.side_ad_image {
	zoom: 100%;
	margin-left: 0;
	margin-right: 10px;
}

.home_ad_image {
	margin-left: 0;
	margin-right: 20px;
}

p.right_side_p, .right_side_p .right_side_p, .right_side_p a, .right_side_p .right_side_p a { 
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	font-size: 1.4rem;
	margin: 0;
}

#advert {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	font-size: 1.2rem;
	margin: 0;
}

#advert_title { 
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	font-size: 0.95em;
	margin: 0;
}


#advert_title_span { 
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	font-size: 0.95em;
	margin: 0;
}
.order1_medium {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	margin-top: 0; 
	margin-bottom: 5px; 
	text-align: center; 
	font-size: 2.0rem;
}
.order1_medium_left {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	margin-top: 0; 
	margin-bottom: 0; 
	text-align: left; 
	font-size: 2.0rem;
}
.order1_small {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	margin-top: 0; 
	margin-bottom: 0; 
	text-align: left; 
	font-size: 1.6rem;
}
.wholesale-order1-small {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	margin-top: 0; 
	margin-bottom: 0; 
	text-align: left; 
	font-size: 1.6rem;
}
.wholesale-order2-small {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	margin-top: 0; 
	margin-bottom: 0; 
	text-align: left; 
	font-size: 2.0rem;
}
p.order1_small {
	margin-top: 0 !important;
	margin-bottom: 5px !important;
}
span.order1_small p {
	margin-top: 0 !important;
	margin-bottom: 5px !important;
}
.order1_small_subhead {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	margin-top: 0; 
	margin-bottom: 0; 
	text-align: center; 
	font-size: 1.6rem;
	color: #336699;
}
.order1_xsmall {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif; 
	margin-top: 0; 
	margin-bottom: 0; 
	text-align: left; 
	font-size: 1.5rem;
}
.vendor-title {
	text-align: left;
	margin-top: 0; 
	margin-bottom: 5px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 2.2em;
	color: #800000;
	font-weight: bold;
}

.vendor-title-centered {
	text-align: center;
	margin-top: 0; 
	margin-bottom: 5px;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 2.2em;
	color: #800000;
	font-weight: bold;
}

.RequiredField {
	color: #600;
}

#form1 td, .center-box td, #AutoNumber1 td {
	font-size: 1.2rem;
	font-size: 1.4rem;
}

.see-inside-wrapper {
	text-align: center;
    vertical-align: middle;
	width: auto;
	height: auto;
 	position: relative; 
    margin: 0;
    background: none;
    overflow: visible;
	overflow: auto;
	top: -12px;
    
/*	border: 1px #ccc solid; */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
div.left-side-box {
/*	background-image: url(../images/bg-tall-gray.png);
	background-color: #EEE;
	border: 1px #999 solid; */
	width: auto;
	background-color: #FFF;
	clear: both;
 	position: relative; 
	padding: 20px;
	margin: 0 0 0 0;
    overflow: visible;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.see-inside-floater {
/*	background-color: #000;
	border: 1px #0F0 solid; */
	text-align: center;
	width: auto;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}
.see-inside-mask {
	width: 215px;
	height: 56px;
	z-index: 5; 
	position: relative; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}
.see-inside-mask-small {
	width: 108px;
	height: 28px;
	z-index: 5; 
	position: relative; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}
.see-inside-cover {
	z-index: 4;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	position: relative; 
	top: -23px;
}
.see-inside-cover-small {
	z-index: 4;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	position: relative; 
	top: -11px;
}
.see-inside-mask-lower {
	width: 315px;
	height: 88px;
	z-index: 6;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
}
.see-inside-mask-lower-small {
	width: 158px;
	height: 44px;
	z-index: 6;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
}
.see-inside-mask-title {
	text-align: center;
	font-size: 0.7em;
	width: auto;
	height: auto;
	z-index: 7;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
}
.front-cover {
	box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);

	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

#Distribution INPUT, SELECT, TH, TD, form {font-size: 1.4rem}

div#footer {
	width: 100vw;
	text-align: center;
	padding: 1.0rem;
	background-color: #1b2a47;
}

#footer p {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	color: #bababa;
}

#footer a {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	color: #fff;
	text-decoration:none;
}

.formats-title-holder {
    margin-top: 2.0rem;
}

.formats-div-holder {
	float: left;
	width: 100%;
	clear: both;
}

.formats-div {
	float: left;
	margin: 1.4rem auto 1.4rem auto;
	border: thin solid #cd751b;
	background-color: #fef8f2;
    background-image: none;
	box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
	height: auto;

	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;

	padding: 0.5rem 1.0rem;
}

a.formats {
	display:block;
	white-space:nowrap;
	float: left;
	text-align: left;
	margin: 0.6rem auto 1.6rem 0.6rem;
	border: thin solid #cd751b;
	background-color: #fef8f2;
    background-image: none;
	box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
	height: auto;

	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;

	padding: 0.5rem 1.0rem;

	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.3rem;
	color: #333333;
	font-weight:bold;
	text-decoration:none;
}

a.formats:link {color:#333333; text-decoration: none;}
a.formats:visited {color:#333333; text-decoration: none;}
a.formats:active {color:#333333; text-decoration: none;}
a.formats:hover {text-decoration: none;}

/*
####################################################################################
PRICING PLANS PAGE styling:
####################################################################################
*/

.toggle-switch-container-inner {
  position: relative;
  top:0.2rem;
  height: 2.6rem;
  width: 4.8rem;
  margin: auto;
  text-align: center;

}

/** Switch
 -------------------------------------*/

.toggle-switch input {
  position: relative;
  top: -0.2rem;
  left: -0.2rem;
  height: 2.6rem;
  width: 4.8rem;
  margin: 0;
  padding: 0;
  opacity: 0;
  vertical-align:top;
}

label.toggle-switch  {
  padding: 0 !important;
  position:relative;
  display: inline-block;
  font-size: 2.6rem;
  line-height: 0;
  height: 2.6rem;
  width: 4.8rem;
  background: #eaeaea;
  border-radius: 2.4rem;
  border: 2px #cccccc solid;
  -webkit-transition: all 300ms;
     -moz-transition: all 300ms;
          transition: all 300ms;
}

.toggle-switch div {
  position:relative;
  top: -2.4rem;
  height: 2.2rem;
  width: 2.2rem;
  border-radius: 2.4rem;
  background: #FFF;
  box-shadow: 0 3px 10px rgba(0,0,0,0.3);
  -webkit-transition: all 300ms;
     -moz-transition: all 300ms;
          transition: all 300ms;
}

.toggle-switch input:checked + div {
  -webkit-transform: translate3d(100%, 0, 0);
     -moz-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.toggle-switch input:checked ~ label.toggle-switch {
  background: var(--primary-color-blue2);
}

/** INITIALLY, the MONTHLY version is hidden until called for.
 ** NOTE: We're using a simply Javascript on the page header to toggle the div's.
 -------------------------------------*/

#pricing-plans-div-holder-yearly {
  display: none;
}


.pricing-plans-div-holder {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0% 0%;
	justify-items: center;
	justify-content: center;	

	width: auto;
	padding: 0 3% 14.0rem 3%;
	margin: 1.6rem auto 2.6rem auto;
	
	clear:both;
}

#pricing-plans-div-holder-start-annual.pricing-plans-div-holder,
#pricing-plans-div-holder-start-monthly.pricing-plans-div-holder {
	padding: 0 3% 0 3%;
	grid-template-columns: repeat(3, 1fr);
}

.pricing-plans-div-holder div.pricing-plans-div,
.pricing-plans-div-holder a.pricing-plans {
/*
	box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
	margin-right: 15px;

	border: thin solid #cd751b;
	background-color: #fef8f2;

*/
	display: block;
	float: left;
	text-align: left;
	margin: 2px;

	background-image: none;	
	box-shadow: 0 3px 5px rgba(128,128,128,.6);
	height: auto;

	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;

	padding: 1.8rem;

	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.0rem;
	color: #333333;
	font-weight:bold;
	text-decoration:none;
}


div#pricing-plans-free-plan,
div#pricing-plans-seller-plus,
div#pricing-plans-domain-plus,
div#pricing-plans-domain-pro {
	min-width: 195px;
}


/*
1. #pricing-plans-free-plan		(Green Div BG):		#e7eeed;	(border- / bottom):		#254156;
2. #pricing-plans-seller-plus	(Blue Div BG):		#ebeef5;	(border- / bottom):		#314179;
3. #pricing-plans-domain-plus	(Purple Div BG):	#f1eef6; 	(border- / bottom):		#513179;
4. #pricing-plans-domain-pro	(Red Div BG):		#f8f2f2;	(border- / bottom):		#793131;
*/

/*	1. #pricing-plans-free-plan		(Green Div BG):		#e7eeed;	(border- / bottom):		#254156;	*/
.pricing-plans-div-holder #pricing-plans-free-plan 		{background-color: #fff; border: thin solid #254156; padding: 0; }
/*	2. #pricing-plans-seller-plus	(Blue Div BG):		#ebeef5;	(border- / bottom):		#314179;	*/
.pricing-plans-div-holder #pricing-plans-seller-plus 	{background-color: #fff; border: thin solid #314179; padding: 0; }
/*	3. #pricing-plans-domain-plus	(Purple Div BG):	#f1eef6; 	(border- / bottom):		#513179;	*/
.pricing-plans-div-holder #pricing-plans-domain-plus 	{background-color: #fff; border: thin solid #513179; padding: 0; }
/*	4. #pricing-plans-domain-pro	(Red Div BG):		#f8f2f2;	(border- / bottom):		#793131;	*/
.pricing-plans-div-holder #pricing-plans-domain-pro  	{background-color: #fff; border: thin solid #793131; padding: 0; }


/*	1. #pricing-plans-free-plan		(Green Div BG):		#e7eeed;	(border- / bottom):		#254156;	*/
.pricing-plans-div-holder #pricing-plans-free-plan div.pricing-plans-header 	{width:100%; background-color: #e7eeed; border-bottom: thin solid #254156; padding: 0.2rem; margin:0; }
/*	2. #pricing-plans-seller-plus	(Blue Div BG):		#ebeef5;	(border- / bottom):		#314179;	*/
.pricing-plans-div-holder #pricing-plans-seller-plus div.pricing-plans-header 	{width:100%; background-color: #ebeef5; border-bottom: thin solid #314179; padding: 0.2rem; margin:0; }
/*	3. #pricing-plans-domain-plus	(Purple Div BG):	#f1eef6; 	(border- / bottom):		#513179;	*/
.pricing-plans-div-holder #pricing-plans-domain-plus div.pricing-plans-header 	{width:100%; background-color: #f1eef6; border-bottom: thin solid #513179; padding: 0.2rem; margin:0; }
/*	4. #pricing-plans-domain-pro	(Red Div BG):		#f8f2f2;	(border- / bottom):		#793131;	*/
.pricing-plans-div-holder #pricing-plans-domain-pro div.pricing-plans-header 	{width:100%; background-color: #f8f2f2; border-bottom: thin solid #793131; padding: 0.2rem; margin:0; }


.pricing-plans-div-holder h1,
.pricing-plans-div-holder h2 ,
.pricing-plans-div-holder p {
	text-align:center !important;
	margin: 1.0rem 0 1.0rem 0 !important;
}

.pricing-plans-div-holder h1.pricing-plans-header-h1.pricing {
	font-size: 4.6rem !important;
}

.pricing-plans-div-holder span.pricing-plans-monthly {
	font-size: 1.2rem !important;
}

.pricing-plans-div-holder div.pricing-plans-div:last-of-type, .pricing-plans-div-holder a.pricing-plans:last-of-type {
/*
	margin-right: 2px;
*/
}

.pricing-plans-div-holder li {
	padding: 0.2rem !important;
	vertical-align: middle !important;
}

.pricing-plans-div-holder li {
	margin: 0 !important;
	font-size: 1.2rem !important;
	vertical-align: middle !important;
}

.pricing-plans-div-holder li.feature-included-li {
	color: black;
	margin-left: 30px;
	line-height: 1.0rem !important;
}

.pricing-plans-div-holder li.feature-NOT-included-li {
	color: #cccccc;
	margin-left: 30px;
	line-height: 1.0rem !important;
}

/*
1. #pricing-plans-free-plan			.btn-free-plan {}
2. #pricing-plans-seller-plus		.btn-seller-plus-plan {}
3. #pricing-plans-domain-plus		.btn-domain-plus-plan {}
4. #pricing-plans-domain-pro		.btn-domain-pro-plan {}
*/

/*
 =============================================================
 GREEN FOR FREE PLAN -- 1. #pricing-plans-free-plan
 =============================================================
*/
#pricing-plans-free-plan li.feature-included-li:before {
	content: url('../../images/icon-plan-feature-included-22x22-FREE.png');
	width: 18px;
	height: 18px;
	margin-left: -30px;
	margin-right: 8px;
	margin-top: 0.2rem;
	vertical-align: middle;
	top: 0.2rem;
}

/*
 =============================================================
 BLUE FOR SELLER PLUS PLAN -- 2. #pricing-plans-seller-plus
 =============================================================
*/
#pricing-plans-seller-plus li.feature-included-li:before {
	content: url('../../images/icon-plan-feature-included-22x22-SELLER-PLUS.png');
	width: 18px;
	height: 18px;
	margin-left: -30px;
	margin-right: 8px;
	margin-top: 0.2rem;
	vertical-align: middle;
	top: 0.2rem;
}

/*
 =============================================================
 PURPLE FOR DOMAIN PLUS PLAN -- 3. #pricing-plans-domain-plus
 =============================================================
*/
#pricing-plans-domain-plus li.feature-included-li:before {
	content: url('../../images/icon-plan-feature-included-22x22-DOMAIN-PLUS.png');
	width: 18px;
	height: 18px;
	margin-left: -30px;
	margin-right: 8px;
	margin-top: 0.2rem;
	vertical-align: middle;
	top: 0.2rem;
}

/*
 =============================================================
 RED FOR DOMAIN PRO PLAN -- 4. #pricing-plans-domain-pro
 =============================================================
*/
#pricing-plans-domain-pro li.feature-included-li:before {
	content: url('../../images/icon-plan-feature-included-22x22-DOMAIN-PRO.png');
	width: 18px;
	height: 18px;
	margin-left: -30px;
	margin-right: 8px;
	margin-top: 0.2rem;
	vertical-align: middle;
	top: 0.2rem;
}

.pricing-plans-div-holder li.feature-NOT-included-li:before {
	content: url('../../images/icon-plan-feature-NOT-included-22x22.png');
	width: 18px;
	height: 18px;
	margin-left: -30px;
	margin-right: 8px;
	margin-top: 0.2rem;
	vertical-align: middle;
	top: 0.2rem;
}

.cc-logo-paypal, .cc-logo-google {
	margin-bottom: 10px;
}

ul.pricing-plans-features {
	list-style-type:none;
	margin-left: 30px;
	padding: 1.2rem 1.2rem 0 1.2rem;
}

.pricing-plans-button-free, 
.pricing-plans-button-seller-plus, 
.pricing-plans-button-domain-plus, 
.pricing-plans-button-domain-pro {
	text-align:center;
	padding-top: 0; 
	padding-bottom: 1.6rem; 
}

.pricing-plans-button-free.pricing form, 
.pricing-plans-button-seller-plus.pricing form, 
.pricing-plans-button-domain-plus.pricing form, 
.pricing-plans-button-domain-pro.pricing form {
	position:relative;
	float:none;
	margin-top:1.4rem;
	margin-bottom:1.4rem;
	margin-left:auto;
	margin-right:auto;
	padding: 0.6rem 1.0rem 0.6rem 1.0rem;
}

.pricing-plans-button-free form, 
.pricing-plans-button-seller-plus form, 
.pricing-plans-button-domain-plus form, 
.pricing-plans-button-domain-pro form {
	position:relative;
	float:none;
	margin-top:1.4rem;
	margin-bottom:1.4rem;
	margin-left:auto;
	margin-right:auto;
	padding: 0.6rem 1.0rem 0.6rem 1.0rem;
}
.pricing-plans-button-free.start, 
.pricing-plans-button-seller-plus.start, 
.pricing-plans-button-domain-plus.start, 
.pricing-plans-button-domain-pro.start {
	text-align:center;
	padding: 0 1.0rem;
}
.pricing-plans-button-free.pricing, 
.pricing-plans-button-seller-plus.pricing, 
.pricing-plans-button-domain-plus.pricing, 
.pricing-plans-button-domain-pro.pricing {
	text-align:center;
	padding: 0 1.0rem;
}

h2.pricing-plans-header-h2 {
	font-size:2.0rem !important;
}


/*
==================================
PRICING PLANS - VARIOUS NEEDED TWEAKS
==================================
*/

.btn-free-plan form, 
.btn-seller-plus-plan form, 
.btn-domain-plus-plan form, 
.btn-domain-pro-plan form {
	font-size: 1.6rem !important;
}

a.btn-free-plan, 
a.btn-seller-plus-plan, 
a.btn-domain-plus-plan, 
a.btn-domain-pro-plan {
	padding:0.6rem 1.2rem !important;
}


/*
==================================
GREEN BUTTON FOR FREE PLAN
==================================
*/

a.btn-free-plan, 
button.btn-free-plan, 
input[type="submit"].btn-free-plan {
	box-shadow:inset 0 1px 0 0 #679a89;	
	background:linear-gradient(to bottom, #578981 5%, #50817e 100%);
	background-color:#578981;
	border:1px solid #254156;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-weight: normal;;
	text-decoration:none;
	font-size: 1.6rem !important;
	width: auto !important; 
	padding:0.6rem 1.2rem !important;
	border-radius: 0 !important;
	height: auto !important;
	text-align:center;
	width: 100% !important;
}

a.btn-free-plan:hover, 
button.btn-free-plan:hover, 
input[type="submit"].btn-free-plan:hover {
	background:linear-gradient(to bottom, #50817e 5%, #578981 100%);	
	background-color:#50817e;
}

a.btn-free-plan:active, 
button.btn-free-plan:active, 
input[type="submit"].btn-free-plan:active {
	position:relative;
	top:1px;
}

a.btn-free-plan:disabled, 
button.btn-free-plan:disabled, 
input[type="submit"].btn-free-plan:disabled {
	box-shadow:inset 0 1px 0 0 #7a8682;	
	background:linear-gradient(to bottom, #768280 5%, #758080 100%);
	background-color:#768280;
	border:1px solid #6a7176;
}




/*
==================================
BLUE BUTTON FOR SELLER PLUS PLAN
==================================
*/

a.btn-seller-plus-plan, 
button.btn-seller-plus-plan, 
input[type="submit"].btn-seller-plus-plan {
	box-shadow:inset 0 1px 0 0 #7a8eb9;
	background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
	background-color:#637aad;
	border:1px solid #314179;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-weight: normal;;
	text-decoration:none;
	font-size: 1.6rem !important;
	width: auto !important; 
	padding:0.6rem 1.2rem !important;
	border-radius: 0 !important;
	height: auto !important;
	text-align:center;
	width: 100% !important;
}

a.btn-seller-plus-plan:hover, 
button.btn-seller-plus-plan:hover, 
input[type="submit"].btn-seller-plus-plan:hover  {
	background:linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
	background-color:#5972a7;
}

a.btn-seller-plus-plan:active, 
button.btn-seller-plus-plan:active, 
input[type="submit"].btn-seller-plus-plan:active  {
	position:relative;
	top:1px;
}

a.btn-seller-plus-plan:disabled, 
button.btn-seller-plus-plan:disabled, 
input[type="submit"].btn-seller-plus-plan:disabled   {
/* Blue Button Palette based on Facebook style -- used for most buttons except Delete and Upload Select */
	box-shadow:inset 0 1px 0 0 #7f838e;	
	background:linear-gradient(to bottom, #797f8b 5%, #777d89 100%);
	background-color:#797f8b;
	border:1px solid #6d717e;
}




/*
==================================
PURPLE BUTTON FOR DOMAIN PLUS PLAN
==================================
*/
a.btn-domain-plus-plan, 
button.btn-domain-plus-plan, 
input[type="submit"].btn-domain-plus-plan {
	width: 100% !important;
}

button[name="Activate"],
input[name="Activate"], 
button[name="Deactivate"],
input[name="Deactivate"], 
a.btn-domain-plus-plan, 
button.btn-domain-plus-plan, 
input[type="submit"].btn-domain-plus-plan {
	box-shadow:inset 0 1px 0 0 #a38ac1;	
	background:linear-gradient(to bottom, #8463ad 5%, #7c59a7 100%);
	background-color:#8663ad;
	border:1px solid #513179;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-weight: normal;;
	text-decoration:none;
	font-size: 1.6rem !important;
	width: auto !important; 
	padding:0.6rem 1.2rem !important;
	border-radius: 0 !important;
	height: auto !important;
	text-align:center;
}

button[name="Activate"],
input[name="Activate"], 
button[name="Deactivate"],
input[name="Deactivate"] {
	font-size: 1.4rem !important;
}


input[name="Activate"]:hover, 
input[name="Deactivate"]:hover, 
a.btn-domain-plus-plan:hover, 
button.btn-domain-plus-plan:hover, 
input[type="submit"].btn-domain-plus-plan:hover {
	background:linear-gradient(to bottom, #7c59a7 5%, #8463ad 100%);	
	background-color:#7c59a7 ;
}

input[name="Activate"]:active, 
input[name="Deactivate"]:active, 
a.btn-domain-plus-plan:active, 
button.btn-domain-plus-plan:active, 
input[type="submit"].btn-domain-plus-plan:active {
	position:relative;
	top:1px;
}

button[name="Activate"]:disabled, 
input[name="Activate"]:disabled, 
input[name="Deactivate"]:disabled, 
a.btn-domain-plus-plan:disabled, 
button.btn-domain-plus-plan:disabled, 
input[type="submit"].btn-domain-plus-plan:disabled  {
	box-shadow:inset 0 1px 0 0 #888290;	
	background:linear-gradient(to bottom, #81798b 5%, #7f7789 100%);
	background-color:#81798b;
	border:1px solid #756d7e;
}

button[name="Activate"].disabled, 
input[name="Activate"].disabled, 
input[name="Deactivate"].disabled, 
a.btn-domain-plus-plan.disabled, 
button.btn-domain-plus-plan.disabled, 
input[type="submit"].btn-domain-plus-plan.disabled  {
	box-shadow:inset 0 1px 0 0 #888290;	
	background:linear-gradient(to bottom, #81798b 5%, #7f7789 100%);
	background-color:#81798b;
	border:1px solid #756d7e;
}



/*
==================================
RED BUTTON FOR DOMAIN PRO PLAN
==================================
*/

a.btn-domain-pro-plan, 
button.btn-domain-pro-plan, 
input[type="submit"].btn-domain-pro-plan {
	box-shadow:inset 0 1px 0 0 #b97a7a;	
	background:linear-gradient(to bottom, #ad6363 5%, #a75959 100%);
	background-color:#ad6363;
	border:1px solid #793131;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-weight: normal;;
	text-decoration:none;
	font-size: 1.6rem !important;
	width: auto !important; 
	padding:0.6rem 1.2rem !important;
	border-radius: 0 !important;
	height: auto !important;
	text-align: center;
	width: 100% !important;
}

a.btn-domain-pro-plan:hover, 
button.btn-domain-pro-plan:hover, 
input[type="submit"].btn-domain-pro-plan:hover {
	background:linear-gradient(to bottom, #a75959 5%, #ad6363 100%);	
	background-color:#a75959 ;
}

a.btn-domain-pro-plan:active, 
button.btn-domain-pro-plan:active, 
input[type="submit"].btn-domain-pro-plan:active {
	position:relative;
	top:1px;
}

a.btn-domain-pro-plan:disabled, 
button.btn-domain-pro-plan:disabled, 
input[type="submit"].btn-domain-pro-plan:disabled {
	box-shadow:inset 0 1px 0 0 #8e7f7f;	
	background:linear-gradient(to bottom, #8b7979 5%, #897777 100%);
	background-color:#8b7979;
	border:1px solid #7e6d6d;
}




.cc-logos {
	
}

.vertical-center-container {
	height:100%; 
	width:100%; 
	position: relative;
	text-align:center;
	
}

.vertical-center {
	width:100%; 
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;
}












.tip {
	margin: 7px auto 7px auto;
	padding: 7px 7px 0 7px;
	border: #099 2px solid;
/*	background: #CFC; */
	width: 60%;
	text-align: left;

	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.alert {
	margin: 7px auto 7px auto;
	padding: 7px 7px 0 7px;
	border: #C60 2px solid;
/*	background: #FF9; */
	width: 60%;
	text-align: left;

	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.warning {
	margin: 7px auto 7px auto;
	padding: 7px 7px 0 7px;
	border: #C00 2px solid;
/*	background: #FF6; */
	width: 60%;
	text-align: left;

	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.hidden {
	display:none;
}




#AuthorStockFooter{
	background-color: gray;
	margin-top: 5px;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	height: 38px
}
.AuthorStockFooterText {
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	
	color: #FFFFFF;
	font-size: small;
	vertical-align: middle;
	font-weight: bold;
	margin: 0;
}
.AuthorStockFooterImage {
	margin: 3px;
	float: left;
	vertical-align: middle;
}

/*
 ##############################################################################
 The following are for new "INFO NOTE" styling on Admin / Editing pages.
 ##############################################################################
*/

.a-box {
    display: block;
    border-radius: 4px;
    border: 1px #ddd solid;
    background-color: #fff;
	margin: 1.0rem 0 2.0rem 0;
}
.a-alert-info .a-alert-container {
    background-color: #f6f6f6;
    padding-left: 60px;
}
.a-box .a-box-inner {
    border-radius: 4px;
    position: relative;
    padding: 14px 18px;
}
.a-alert .a-icon-alert {
    height: 27px;
    width: 30px;
    position: absolute;
    left: 18px;
    top: 11px;
}
.a-alert-info .a-icon-alert, .a-icon-info {
	background:url(/images/icon-info.png) no-repeat;
	display: inline-block;
    vertical-align: top;
}
em, i {
    font-style: italic;
}
.a-alert-heading, .a-alert-content {
	padding-left: 40px;
}

.a-alert-content > p > img, .a-alert-content > img {
	position: relative;
	left: -20px;
}

h1.a-alert-heading, h1.a-alert-content,
h2.a-alert-heading, h2.a-alert-content,
h3.a-alert-heading, h3.a-alert-content,
h4.a-alert-heading, h4.a-alert-content,
h5.a-alert-heading, h5.a-alert-content,
h6.a-alert-heading, h6.a-alert-content {
	margin-top: 0;
	margin-bottom: 0;
}

.a-alert-info {
    border-color: #3284a6 !important;
}


/*
 ##############################################################################
 The following are for new "ALERT WARNING" styling on Admin / Editing pages.
 ##############################################################################
*/

.a-alert-warning .a-alert-container {
    background-color: #fff;
    box-shadow: 0 0 0 4px #fffae7 inset;
/*    padding-left: 63px;  <= Not sure why I did this. There was a reason. Need to find out why. It was fixing one thing while breaking all else. */
}

.a-alert-warning .a-icon-alert, .a-icon-warning, .a-icon, .a-link-emphasis:after {
	background:url(/images/icon-alert.png) no-repeat;
	display: inline-block;
    vertical-align: top;
}
.a-alert-warning {
    border-color: #8c6e00 !important;
}




/*
 ##############################################################################
 The following are for new "Social Links" styling on Admin / Editing pages 
 (and will later also be used for _master / _domain use).
 
 ...And for the Theme Editor section.
 ##############################################################################
*/
.checkbox-label {
	float: left;
	clear: none;
	display:inline-block;
	padding: 0 !important;
}
input[type="checkbox"],
input.checkbox {
/*	width: 100%; 
	margin-top: 0; 
	display:inline-block;
	float: left;
	clear: none;	
	*/
	padding: 0.5rem 0 0.5rem 0 !important;
}
label.radio-button {
	float: left;
	clear: none;
	display:inline-block;
	padding: 0.8rem 0 0.8rem 0 !important;
}		
input[type="radio"],
input.radio {
/*	width: 100%; 
	margin-top: 0; */
	display:inline-block;
	float: left;
	clear: none;
	padding: 0.8rem 0 0.8rem 0 !important;
}
input[name="social-image-thumb-style"] {
	display: none;
}

fieldset.social-image-thumb-style.inner LABEL {
	padding: 0 !important;
}

input[name="social-image-thumb-style"]:checked ~ div.social-set-holder {
	background-color:#6e7daa;
	border: thin #000999 solid;
}

div.social-icon-options {
/*	border: thin red solid;
	max-width: 540px; 
 */
	text-align: left; 
	margin: 0 auto; 
	padding: 0;
	width: auto; 
	border: none;
	max-width: 100%; 
}


div.square-icon-options {
/*	border: thin green solid;
	display:inline-block;	 */
	text-align: center; 
	margin: 0 auto; 
	padding: 0;
	width: auto; 
	border: none;	
}

div.round-icon-options {
/*	border: thin green solid;
	display:inline-block;	 */
	text-align: center; 
	margin: 0 auto; 
	padding: 0;
	width: auto; 
	border: none;	
}

/* This is the INPUT! */
.social-image-thumb-style {
	display:inline-block;
	background-color: var(--gray-bg-color);
	height: auto;
	padding: 10px;
	margin: 10px;
	float: left;
	text-align: center;
	border:thin #999 solid;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	box-shadow: 0 5px 5px 1px rgba(0,0,0,.2);
}

/* This is a fieldset! */
.social-image-thumb-style.outer {
	padding: 0;
	width: 100%;
	max-width: 100%;
	width: calc(50% - 20px);
	text-align: center;

    padding: 0 10px 10px 0;
	background-color:transparent;
	background-color: var(--gray-bg-color);
}

/* This is a fieldset! */
.social-image-thumb-style.inner {
	padding: 10px;
	width: 139px;
	text-align: left;
	margin-right: 0;
	float:none;
}

div.social-set-holder {
	width: 117px;
	padding-bottom: 5px;
	display:inline-block;
	border: none;
	background-color:#ccc;
	border: thin #999 solid;
	clear:both;
}

div.social-set-holder.display {
	width: max-content;
	text-align:center;
	padding-right: 5px;
}

span.social-image-thumb-label {
/*	white-space: nowrap; */
	width: 100%;
}

div.social-image-thumb {
/*
  appearance: none;
  background-color: #000;
  background-color: #000;
*/
	float: left;
	width: 50px;
	height: 50px;
	border: 0;
	cursor: pointer;
	padding: 0;
	position: relative;
	text-align: center;
	margin: 5px 0 0 5px;
}

div.social-image-thumb-small {
/*
  appearance: none;
  background-color: #000;
  background-color: #000;
*/
	float: left;
	width: 30px;
	height: 30px;
	border: 0;
	cursor: pointer;
	padding: 0;
	position: relative;
	text-align: center;
	margin: 5px 0 0 5px;
}

/*	===============================================
	HORIZONTAL VALUES FOR THE IMAGE SPRITES LAYOUT
	===============================================
	Amazon Author Page:	background:url(/images/social-media-icons-all-50x50.png)    0px 0;
	Behance:						background:url(/images/social-media-icons-all-50x50.png)  -50px 0;
	DeviantArt:					background:url(/images/social-media-icons-all-50x50.png) -100px 0;
	Dribble:						background:url(/images/social-media-icons-all-50x50.png) -150px 0;
	Facebook:						background:url(/images/social-media-icons-all-50x50.png) -200px 0;
	Github:							background:url(/images/social-media-icons-all-50x50.png) -250px 0;
	Instagram:					background:url(/images/social-media-icons-all-50x50.png) -300px 0;
	Linkedin:						background:url(/images/social-media-icons-all-50x50.png) -350px 0;
	Pinterest:					background:url(/images/social-media-icons-all-50x50.png) -400px 0;
	Reddit:							background:url(/images/social-media-icons-all-50x50.png) -450px 0;
	Snapchat:						background:url(/images/social-media-icons-all-50x50.png) -500px 0;
	StumbleUpon:				background:url(/images/social-media-icons-all-50x50.png) -550px 0;
	TikTok:							background:url(/images/social-media-icons-all-50x50.png) -600px 0;
	Tumblr:							background:url(/images/social-media-icons-all-50x50.png) -650px 0;
	Twitter:						background:url(/images/social-media-icons-all-50x50.png) -700px 0;
	Yelp:								background:url(/images/social-media-icons-all-50x50.png) -750px 0;
	YouTube:						background:url(/images/social-media-icons-all-50x50.png) -800px 0;
	WhatsApp:						background:url(/images/social-media-icons-all-50x50.png) -850px 0;
	Other:							background:url(/images/social-media-icons-all-50x50.png) -900px 0;
	email:							background:url(/images/social-media-icons-all-50x50.png) -950px 0;
*/

div.social-image-thumb.square {
	border-radius: 0;
}
div.social-image-thumb.round {
	border-radius: 50%;
}

div.social-image-thumb-small.square {
	border-radius: 0;
}
div.social-image-thumb-small.round {
	border-radius: 50%;
}

/*	==================================
	theme-color icons - - - - - - MAIN 
	================================== */ 
div.social-image-thumb.theme-color {
	position:relative;
	background-color: transparent;
	background:url(/images/social-media-icons-all-50x50.png) -900px -100px; /* this line sets a default icon for unknown social sites. */
	z-index:5;
	opacity:100%;
}
div.social-image-thumb.theme-color.amazon,
div.social-image-thumb.theme-color.amazon-page,
div.social-image-thumb.theme-color.amazon-author,
div.social-image-thumb.theme-color.amazon-author-page {background:url(/images/social-media-icons-all-50x50.png)    0px -100px;}
div.social-image-thumb.theme-color.behance 						{background:url(/images/social-media-icons-all-50x50.png)  -50px -100px;}
div.social-image-thumb.theme-color.deviantart 				{background:url(/images/social-media-icons-all-50x50.png) -100px -100px;}
div.social-image-thumb.theme-color.dribble 						{background:url(/images/social-media-icons-all-50x50.png) -150px -100px;}
div.social-image-thumb.theme-color.facebook 					{background:url(/images/social-media-icons-all-50x50.png) -200px -100px;}
div.social-image-thumb.theme-color.github 						{background:url(/images/social-media-icons-all-50x50.png) -250px -100px;}
div.social-image-thumb.theme-color.instagram 					{background:url(/images/social-media-icons-all-50x50.png) -300px -100px;}
div.social-image-thumb.theme-color.linkedin 					{background:url(/images/social-media-icons-all-50x50.png) -350px -100px;}
div.social-image-thumb.theme-color.pinterest 					{background:url(/images/social-media-icons-all-50x50.png) -400px -100px;}
div.social-image-thumb.theme-color.reddit	 						{background:url(/images/social-media-icons-all-50x50.png) -450px -100px;}
div.social-image-thumb.theme-color.snapchat 					{background:url(/images/social-media-icons-all-50x50.png) -500px -100px;}
div.social-image-thumb.theme-color.stumbleupon 				{background:url(/images/social-media-icons-all-50x50.png) -550px -100px;}
div.social-image-thumb.theme-color.tiktok	 						{background:url(/images/social-media-icons-all-50x50.png) -600px -100px;}
div.social-image-thumb.theme-color.tumblr	 						{background:url(/images/social-media-icons-all-50x50.png) -650px -100px;}
div.social-image-thumb.theme-color.twitter 						{background:url(/images/social-media-icons-all-50x50.png) -700px -100px;}
div.social-image-thumb.theme-color.yelp		 						{background:url(/images/social-media-icons-all-50x50.png) -750px -100px;}
div.social-image-thumb.theme-color.youtube 						{background:url(/images/social-media-icons-all-50x50.png) -800px -100px;}
div.social-image-thumb.theme-color.whatsapp	 					{background:url(/images/social-media-icons-all-50x50.png) -850px -100px;}
div.social-image-thumb.theme-color.email		 					{background:url(/images/social-media-icons-all-50x50.png) -950px -100px;}

/*	==================================
	theme-color icons - - - - - AFTER 
	================================== */ 

div.social-image-thumb.square.theme-color::after {
	border-radius: 0;
}
div.social-image-thumb.round.theme-color::after {
	border-radius: 50%;
}

div.social-image-thumb.theme-color::after {
	content: '';
	background-color: transparent;
	background:url(/images/social-media-icons-all-50x50.png) -900px -100px; /* this line sets a default icon for unknown social sites. */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:10;
	opacity:85%;
}
div.social-image-thumb.theme-color.amazon::after,
div.social-image-thumb.theme-color.amazon-page::after,
div.social-image-thumb.theme-color.amazon-author::after,
div.social-image-thumb.theme-color.amazon-author-page::after 	{background:url(/images/social-media-icons-all-50x50.png)    0px -100px;}
div.social-image-thumb.theme-color.behance::after 						{background:url(/images/social-media-icons-all-50x50.png)  -50px -100px;}
div.social-image-thumb.theme-color.deviantart::after 					{background:url(/images/social-media-icons-all-50x50.png) -100px -100px;}
div.social-image-thumb.theme-color.dribble::after 						{background:url(/images/social-media-icons-all-50x50.png) -150px -100px;}
div.social-image-thumb.theme-color.facebook::after 						{background:url(/images/social-media-icons-all-50x50.png) -200px -100px;}
div.social-image-thumb.theme-color.github::after 							{background:url(/images/social-media-icons-all-50x50.png) -250px -100px;}
div.social-image-thumb.theme-color.instagram::after 					{background:url(/images/social-media-icons-all-50x50.png) -300px -100px;}
div.social-image-thumb.theme-color.linkedin::after 						{background:url(/images/social-media-icons-all-50x50.png) -350px -100px;}
div.social-image-thumb.theme-color.pinterest::after 					{background:url(/images/social-media-icons-all-50x50.png) -400px -100px;}
div.social-image-thumb.theme-color.reddit::after	 						{background:url(/images/social-media-icons-all-50x50.png) -450px -100px;}
div.social-image-thumb.theme-color.snapchat::after 						{background:url(/images/social-media-icons-all-50x50.png) -500px -100px;}
div.social-image-thumb.theme-color.stumbleupon::after 				{background:url(/images/social-media-icons-all-50x50.png) -550px -100px;}
div.social-image-thumb.theme-color.tiktok::after	 						{background:url(/images/social-media-icons-all-50x50.png) -600px -100px;}
div.social-image-thumb.theme-color.tumblr::after	 						{background:url(/images/social-media-icons-all-50x50.png) -650px -100px;}
div.social-image-thumb.theme-color.twitter::after 						{background:url(/images/social-media-icons-all-50x50.png) -700px -100px;}
div.social-image-thumb.theme-color.yelp::after		 						{background:url(/images/social-media-icons-all-50x50.png) -750px -100px;}
div.social-image-thumb.theme-color.youtube::after 						{background:url(/images/social-media-icons-all-50x50.png) -800px -100px;}
div.social-image-thumb.theme-color.whatsapp::after	 					{background:url(/images/social-media-icons-all-50x50.png) -850px -100px;}
div.social-image-thumb.theme-color.email::after			 					{background:url(/images/social-media-icons-all-50x50.png) -950px -100px;}


/*	==================================
	theme-color icons - - - - - BEFORE 
	================================== */ 

div.social-image-thumb.square.theme-color::before {
	border-radius: 0;
}
div.social-image-thumb.round.theme-color::before {
	border-radius: 50%;
}

div.social-image-thumb.theme-color::before {
	content: '';
	background-color: var(--primary-color-blue2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:-10;
	opacity:80%;
}


/*	=================
	full-color icons
	================= */ 
div.social-image-thumb.full-color {
	background:url(/images/social-media-icons-all-50x50.png) -900px 0px; /* this line sets a default icon for unknown social sites. */
}
div.social-image-thumb.full-color.amazon,
div.social-image-thumb.full-color.amazon-page,
div.social-image-thumb.full-color.amazon-author,
div.social-image-thumb.full-color.amazon-author-page 	{background:url(/images/social-media-icons-all-50x50.png)    0px 0px;}
div.social-image-thumb.full-color.behance 						{background:url(/images/social-media-icons-all-50x50.png)  -50px 0px;}
div.social-image-thumb.full-color.deviantart 					{background:url(/images/social-media-icons-all-50x50.png) -100px 0px;}
div.social-image-thumb.full-color.dribble 						{background:url(/images/social-media-icons-all-50x50.png) -150px 0px;}
div.social-image-thumb.full-color.facebook 						{background:url(/images/social-media-icons-all-50x50.png) -200px 0px;}
div.social-image-thumb.full-color.github 							{background:url(/images/social-media-icons-all-50x50.png) -250px 0px;}
div.social-image-thumb.full-color.instagram 					{background:url(/images/social-media-icons-all-50x50.png) -300px 0px;}
div.social-image-thumb.full-color.linkedin 						{background:url(/images/social-media-icons-all-50x50.png) -350px 0px;}
div.social-image-thumb.full-color.pinterest 					{background:url(/images/social-media-icons-all-50x50.png) -400px 0px;}
div.social-image-thumb.full-color.reddit	 						{background:url(/images/social-media-icons-all-50x50.png) -450px 0px;}
div.social-image-thumb.full-color.snapchat 						{background:url(/images/social-media-icons-all-50x50.png) -500px 0px;}
div.social-image-thumb.full-color.stumbleupon 				{background:url(/images/social-media-icons-all-50x50.png) -550px 0px;}
div.social-image-thumb.full-color.tiktok	 						{background:url(/images/social-media-icons-all-50x50.png) -600px 0px;}
div.social-image-thumb.full-color.tumblr	 						{background:url(/images/social-media-icons-all-50x50.png) -650px 0px;}
div.social-image-thumb.full-color.twitter 						{background:url(/images/social-media-icons-all-50x50.png) -700px 0px;}
div.social-image-thumb.full-color.yelp		 						{background:url(/images/social-media-icons-all-50x50.png) -750px 0px;}
div.social-image-thumb.full-color.youtube 						{background:url(/images/social-media-icons-all-50x50.png) -800px 0px;}
div.social-image-thumb.full-color.whatsapp	 					{background:url(/images/social-media-icons-all-50x50.png) -850px 0px;}
div.social-image-thumb.full-color.email			 					{background:url(/images/social-media-icons-all-50x50.png) -950px 0px;}

/*	=================
	white-on-gray icons
	================= */ 
div.social-image-thumb.white-on-gray {
	background:url(/images/social-media-icons-all-50x50.png) -900px -50px; /* this line sets a default icon for unknown social sites. */
}
div.social-image-thumb.white-on-gray.amazon,
div.social-image-thumb.white-on-gray.amazon-page,
div.social-image-thumb.white-on-gray.amazon-author,
div.social-image-thumb.white-on-gray.amazon-author-page	{background:url(/images/social-media-icons-all-50x50.png)    0px -50px;}
div.social-image-thumb.white-on-gray.behance 						{background:url(/images/social-media-icons-all-50x50.png)  -50px -50px;}
div.social-image-thumb.white-on-gray.deviantart 				{background:url(/images/social-media-icons-all-50x50.png) -100px -50px;}
div.social-image-thumb.white-on-gray.dribble 						{background:url(/images/social-media-icons-all-50x50.png) -150px -50px;}
div.social-image-thumb.white-on-gray.facebook 					{background:url(/images/social-media-icons-all-50x50.png) -200px -50px;}
div.social-image-thumb.white-on-gray.github 						{background:url(/images/social-media-icons-all-50x50.png) -250px -50px;}
div.social-image-thumb.white-on-gray.instagram 					{background:url(/images/social-media-icons-all-50x50.png) -300px -50px;}
div.social-image-thumb.white-on-gray.linkedin 					{background:url(/images/social-media-icons-all-50x50.png) -350px -50px;}
div.social-image-thumb.white-on-gray.pinterest 					{background:url(/images/social-media-icons-all-50x50.png) -400px -50px;}
div.social-image-thumb.white-on-gray.reddit	 						{background:url(/images/social-media-icons-all-50x50.png) -450px -50px;}
div.social-image-thumb.white-on-gray.snapchat 					{background:url(/images/social-media-icons-all-50x50.png) -500px -50px;}
div.social-image-thumb.white-on-gray.stumbleupon 				{background:url(/images/social-media-icons-all-50x50.png) -550px -50px;}
div.social-image-thumb.white-on-gray.tiktok	 						{background:url(/images/social-media-icons-all-50x50.png) -600px -50px;}
div.social-image-thumb.white-on-gray.tumblr	 						{background:url(/images/social-media-icons-all-50x50.png) -650px -50px;}
div.social-image-thumb.white-on-gray.twitter 						{background:url(/images/social-media-icons-all-50x50.png) -700px -50px;}
div.social-image-thumb.white-on-gray.yelp		 						{background:url(/images/social-media-icons-all-50x50.png) -750px -50px;}
div.social-image-thumb.white-on-gray.youtube 						{background:url(/images/social-media-icons-all-50x50.png) -800px -50px;}
div.social-image-thumb.white-on-gray.whatsapp	 					{background:url(/images/social-media-icons-all-50x50.png) -850px -50px;}
div.social-image-thumb.white-on-gray.email		 					{background:url(/images/social-media-icons-all-50x50.png) -950px -50px;}

/*	=================
	white-on-clear icons
	================= */ 
div.social-image-thumb.white-on-clear {
	background:url(/images/social-media-icons-all-50x50.png) -900px -100px; /* this line sets a default icon for unknown social sites. */
}
div.social-image-thumb.white-on-clear.amazon,
div.social-image-thumb.white-on-clear.amazon-page,
div.social-image-thumb.white-on-clear.amazon-author,
div.social-image-thumb.white-on-clear.amazon-author-page	{background:url(/images/social-media-icons-all-50x50.png)    0px -100px;}
div.social-image-thumb.white-on-clear.behance 						{background:url(/images/social-media-icons-all-50x50.png)  -50px -100px;}
div.social-image-thumb.white-on-clear.deviantart 					{background:url(/images/social-media-icons-all-50x50.png) -100px -100px;}
div.social-image-thumb.white-on-clear.dribble 						{background:url(/images/social-media-icons-all-50x50.png) -150px -100px;}
div.social-image-thumb.white-on-clear.facebook 						{background:url(/images/social-media-icons-all-50x50.png) -200px -100px;}
div.social-image-thumb.white-on-clear.github 							{background:url(/images/social-media-icons-all-50x50.png) -250px -100px;}
div.social-image-thumb.white-on-clear.instagram 					{background:url(/images/social-media-icons-all-50x50.png) -300px -100px;}
div.social-image-thumb.white-on-clear.linkedin 						{background:url(/images/social-media-icons-all-50x50.png) -350px -100px;}
div.social-image-thumb.white-on-clear.pinterest 					{background:url(/images/social-media-icons-all-50x50.png) -400px -100px;}
div.social-image-thumb.white-on-clear.reddit	 						{background:url(/images/social-media-icons-all-50x50.png) -450px -100px;}
div.social-image-thumb.white-on-clear.snapchat 						{background:url(/images/social-media-icons-all-50x50.png) -500px -100px;}
div.social-image-thumb.white-on-clear.stumbleupon 				{background:url(/images/social-media-icons-all-50x50.png) -550px -100px;}
div.social-image-thumb.white-on-clear.tiktok	 						{background:url(/images/social-media-icons-all-50x50.png) -600px -100px;}
div.social-image-thumb.white-on-clear.tumblr	 						{background:url(/images/social-media-icons-all-50x50.png) -650px -100px;}
div.social-image-thumb.white-on-clear.twitter 						{background:url(/images/social-media-icons-all-50x50.png) -700px -100px;}
div.social-image-thumb.white-on-clear.yelp		 						{background:url(/images/social-media-icons-all-50x50.png) -750px -100px;}
div.social-image-thumb.white-on-clear.youtube 						{background:url(/images/social-media-icons-all-50x50.png) -800px -100px;}
div.social-image-thumb.white-on-clear.whatsapp	 					{background:url(/images/social-media-icons-all-50x50.png) -850px -100px;}
div.social-image-thumb.white-on-clear.email			 					{background:url(/images/social-media-icons-all-50x50.png) -950px -100px;}

/*	=================
	black-on-clear icons
	================= */ 
div.social-image-thumb.black-on-clear {
	background:url(/images/social-media-icons-all-50x50.png) -900px -150px; /* this line sets a default icon for unknown social sites. */
}
div.social-image-thumb.black-on-clear.amazon,
div.social-image-thumb.black-on-clear.amazon-page,
div.social-image-thumb.black-on-clear.amazon-author,
div.social-image-thumb.black-on-clear.amazon-author-page 	{background:url(/images/social-media-icons-all-50x50.png)    0px -150px;}
div.social-image-thumb.black-on-clear.behance 						{background:url(/images/social-media-icons-all-50x50.png)  -50px -150px;}
div.social-image-thumb.black-on-clear.deviantart 					{background:url(/images/social-media-icons-all-50x50.png) -100px -150px;}
div.social-image-thumb.black-on-clear.dribble 						{background:url(/images/social-media-icons-all-50x50.png) -150px -150px;}
div.social-image-thumb.black-on-clear.facebook 						{background:url(/images/social-media-icons-all-50x50.png) -200px -150px;}
div.social-image-thumb.black-on-clear.github 							{background:url(/images/social-media-icons-all-50x50.png) -250px -150px;}
div.social-image-thumb.black-on-clear.instagram 					{background:url(/images/social-media-icons-all-50x50.png) -300px -150px;}
div.social-image-thumb.black-on-clear.linkedin 						{background:url(/images/social-media-icons-all-50x50.png) -350px -150px;}
div.social-image-thumb.black-on-clear.pinterest 					{background:url(/images/social-media-icons-all-50x50.png) -400px -150px;}
div.social-image-thumb.black-on-clear.reddit	 						{background:url(/images/social-media-icons-all-50x50.png) -450px -150px;}
div.social-image-thumb.black-on-clear.snapchat 						{background:url(/images/social-media-icons-all-50x50.png) -500px -150px;}
div.social-image-thumb.black-on-clear.stumbleupon 				{background:url(/images/social-media-icons-all-50x50.png) -550px -150px;}
div.social-image-thumb.black-on-clear.tiktok	 						{background:url(/images/social-media-icons-all-50x50.png) -600px -150px;}
div.social-image-thumb.black-on-clear.tumblr	 						{background:url(/images/social-media-icons-all-50x50.png) -650px -150px;}
div.social-image-thumb.black-on-clear.twitter 						{background:url(/images/social-media-icons-all-50x50.png) -700px -150px;}
div.social-image-thumb.black-on-clear.yelp		 						{background:url(/images/social-media-icons-all-50x50.png) -750px -150px;}
div.social-image-thumb.black-on-clear.youtube 						{background:url(/images/social-media-icons-all-50x50.png) -800px -150px;}
div.social-image-thumb.black-on-clear.whatsapp	 					{background:url(/images/social-media-icons-all-50x50.png) -850px -150px;}
div.social-image-thumb.black-on-clear.email			 					{background:url(/images/social-media-icons-all-50x50.png) -950px -150px;}

/*	=================
	white-on-black icons
	================= */ 
div.social-image-thumb.white-on-black {
	background:url(/images/social-media-icons-all-50x50.png) -900px -200px; /* this line sets a default icon for unknown social sites. */
}
div.social-image-thumb.white-on-black.amazon,
div.social-image-thumb.white-on-black.amazon-page,
div.social-image-thumb.white-on-black.amazon-author,
div.social-image-thumb.white-on-black.amazon-author-page 	{background:url(/images/social-media-icons-all-50x50.png)    0px -200px;}
div.social-image-thumb.white-on-black.behance 						{background:url(/images/social-media-icons-all-50x50.png)  -50px -200px;}
div.social-image-thumb.white-on-black.deviantart 					{background:url(/images/social-media-icons-all-50x50.png) -100px -200px;}
div.social-image-thumb.white-on-black.dribble 						{background:url(/images/social-media-icons-all-50x50.png) -150px -200px;}
div.social-image-thumb.white-on-black.facebook 						{background:url(/images/social-media-icons-all-50x50.png) -200px -200px;}
div.social-image-thumb.white-on-black.github 							{background:url(/images/social-media-icons-all-50x50.png) -250px -200px;}
div.social-image-thumb.white-on-black.instagram 					{background:url(/images/social-media-icons-all-50x50.png) -300px -200px;}
div.social-image-thumb.white-on-black.linkedin 						{background:url(/images/social-media-icons-all-50x50.png) -350px -200px;}
div.social-image-thumb.white-on-black.pinterest 					{background:url(/images/social-media-icons-all-50x50.png) -400px -200px;}
div.social-image-thumb.white-on-black.reddit	 						{background:url(/images/social-media-icons-all-50x50.png) -450px -200px;}
div.social-image-thumb.white-on-black.snapchat 						{background:url(/images/social-media-icons-all-50x50.png) -500px -200px;}
div.social-image-thumb.white-on-black.stumbleupon 				{background:url(/images/social-media-icons-all-50x50.png) -550px -200px;}
div.social-image-thumb.white-on-black.tiktok	 						{background:url(/images/social-media-icons-all-50x50.png) -600px -200px;}
div.social-image-thumb.white-on-black.tumblr	 						{background:url(/images/social-media-icons-all-50x50.png) -650px -200px;}
div.social-image-thumb.white-on-black.twitter 						{background:url(/images/social-media-icons-all-50x50.png) -700px -200px;}
div.social-image-thumb.white-on-black.yelp		 						{background:url(/images/social-media-icons-all-50x50.png) -750px -200px;}
div.social-image-thumb.white-on-black.youtube 						{background:url(/images/social-media-icons-all-50x50.png) -800px -200px;}
div.social-image-thumb.white-on-black.whatsapp	 					{background:url(/images/social-media-icons-all-50x50.png) -850px -200px;}
div.social-image-thumb.white-on-black.email			 					{background:url(/images/social-media-icons-all-50x50.png) -950px -200px;}

/*
  <fieldset id="Social_Image_Thumb_Shape">
	<input type="radio" value="square" name="Social_Image_Thumb_Shape"><div class="social-image-thumb shape square"></div><span class="social-image-thumb-label">Square</span>
	<input type="radio" value="round" name="Social_Image_Thumb_Shape"><div class="social-image-thumb shape round"></div><span class="social-image-thumb-label">Round</span>
  </fieldset>
  <fieldset id="social-image-thumb-style">
	<input type="radio" value="full-color" name="social-image-thumb-style"><div class="social-image-thumb style full-color"></div><span class="social-image-thumb-label">Full Color</span>
	<input type="radio" value="white-on-gray" name="social-image-thumb-style"><div class="social-image-thumb style white-on-gray"></div><span class="social-image-thumb-label">White on Gray</span>
	<input type="radio" value="white-on-clear" name="social-image-thumb-style"><div class="social-image-thumb style white-on-clear"></div><span class="social-image-thumb-label">White on Clear</span>
	<input type="radio" value="black-on-clear" name="social-image-thumb-style"><div class="social-image-thumb style black-on-clear"></div><span class="social-image-thumb-label">Black on Clear</span>
	<input type="radio" value="white-on-black" name="social-image-thumb-style"><div class="social-image-thumb style white-on-black"></div><span class="social-image-thumb-label">White on Black</span>
  </fieldset>
  <fieldset id="Social_Image_Thumb_Coloring">
	<input type="radio" value="color-overlay" name="Social_Image_Thumb_Coloring"><div class="social-image-thumb coloring color-overlay"></div><span class="social-image-thumb-label">Color Overlay from Theme (beta)</span>
	<input type="radio" value="No Color Overlay" name="Social_Image_Thumb_Coloring"><div class="social-image-thumb coloring no-color-overlay"></div><span class="social-image-thumb-label">No Color Overlay</span>
  </fieldset>

*/







/*	==================================
	theme-color icons - - - - - - MAIN - SMALL 
	================================== */ 
div.social-image-thumb-small.theme-color {
	position:relative;
	background-color: transparent;
	background:url('/images/social-media-icons-all-30x30.png') -540px -60px; /* this line sets a default icon for unknown social sites. */
	z-index:5;
	opacity:100%;
}
div.social-image-thumb-small.theme-color.amazon,
div.social-image-thumb-small.theme-color.amazon-page,
div.social-image-thumb-small.theme-color.amazon-author,
div.social-image-thumb-small.theme-color.amazon-author-page {background:url('/images/social-media-icons-all-30x30.png')    0px -60px;}
div.social-image-thumb-small.theme-color.behance 						{background:url('/images/social-media-icons-all-30x30.png')  -30px -60px;}
div.social-image-thumb-small.theme-color.deviantart 				{background:url('/images/social-media-icons-all-30x30.png')  -60px -60px;}
div.social-image-thumb-small.theme-color.dribble 						{background:url('/images/social-media-icons-all-30x30.png')  -90px -60px;}
div.social-image-thumb-small.theme-color.facebook 					{background:url('/images/social-media-icons-all-30x30.png') -120px -60px;}
div.social-image-thumb-small.theme-color.github 						{background:url('/images/social-media-icons-all-30x30.png') -150px -60px;}
div.social-image-thumb-small.theme-color.instagram 					{background:url('/images/social-media-icons-all-30x30.png') -180px -60px;}
div.social-image-thumb-small.theme-color.linkedin 					{background:url('/images/social-media-icons-all-30x30.png') -210px -60px;}
div.social-image-thumb-small.theme-color.pinterest 					{background:url('/images/social-media-icons-all-30x30.png') -240px -60px;}
div.social-image-thumb-small.theme-color.reddit	 						{background:url('/images/social-media-icons-all-30x30.png') -270px -60px;}
div.social-image-thumb-small.theme-color.snapchat 					{background:url('/images/social-media-icons-all-30x30.png') -300px -60px;}
div.social-image-thumb-small.theme-color.stumbleupon 				{background:url('/images/social-media-icons-all-30x30.png') -330px -60px;}
div.social-image-thumb-small.theme-color.tiktok	 						{background:url('/images/social-media-icons-all-30x30.png') -360px -60px;}
div.social-image-thumb-small.theme-color.tumblr	 						{background:url('/images/social-media-icons-all-30x30.png') -390px -60px;}
div.social-image-thumb-small.theme-color.twitter 						{background:url('/images/social-media-icons-all-30x30.png') -420px -60px;}
div.social-image-thumb-small.theme-color.yelp		 						{background:url('/images/social-media-icons-all-30x30.png') -450px -60px;}
div.social-image-thumb-small.theme-color.youtube 						{background:url('/images/social-media-icons-all-30x30.png') -480px -60px;}
div.social-image-thumb-small.theme-color.whatsapp	 					{background:url('/images/social-media-icons-all-30x30.png') -510px -60px;}
div.social-image-thumb-small.theme-color.email		 					{background:url('/images/social-media-icons-all-30x30.png') -570px -60px;}

/*	==================================
	theme-color icons - - - - - AFTER - SMALL
	================================== */ 

div.social-image-thumb-small.square.theme-color::after {
	border-radius: 0;
}
div.social-image-thumb-small.round.theme-color::after {
	border-radius: 50%;
}

div.social-image-thumb-small.theme-color::after {
	content: '';
	background-color: transparent;
	background:url('/images/social-media-icons-all-30x30.png') -540px -60px; /* this line sets a default icon for unknown social sites. */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:10;
	opacity:85%;
}
div.social-image-thumb-small.theme-color.amazon::after,
div.social-image-thumb-small.theme-color.amazon-page::after,
div.social-image-thumb-small.theme-color.amazon-author::after,
div.social-image-thumb-small.theme-color.amazon-author-page::after 	{background:url('/images/social-media-icons-all-30x30.png')    0px -60px;}
div.social-image-thumb-small.theme-color.behance::after 						{background:url('/images/social-media-icons-all-30x30.png')  -30px -60px;}
div.social-image-thumb-small.theme-color.deviantart::after 					{background:url('/images/social-media-icons-all-30x30.png')  -60px -60px;}
div.social-image-thumb-small.theme-color.dribble::after 						{background:url('/images/social-media-icons-all-30x30.png')  -90px -60px;}
div.social-image-thumb-small.theme-color.facebook::after 						{background:url('/images/social-media-icons-all-30x30.png') -120px -60px;}
div.social-image-thumb-small.theme-color.github::after 							{background:url('/images/social-media-icons-all-30x30.png') -150px -60px;}
div.social-image-thumb-small.theme-color.instagram::after 					{background:url('/images/social-media-icons-all-30x30.png') -180px -60px;}
div.social-image-thumb-small.theme-color.linkedin::after 						{background:url('/images/social-media-icons-all-30x30.png') -210px -60px;}
div.social-image-thumb-small.theme-color.pinterest::after 					{background:url('/images/social-media-icons-all-30x30.png') -240px -60px;}
div.social-image-thumb-small.theme-color.reddit::after	 						{background:url('/images/social-media-icons-all-30x30.png') -270px -60px;}
div.social-image-thumb-small.theme-color.snapchat::after 						{background:url('/images/social-media-icons-all-30x30.png') -300px -60px;}
div.social-image-thumb-small.theme-color.stumbleupon::after 				{background:url('/images/social-media-icons-all-30x30.png') -330px -60px;}
div.social-image-thumb-small.theme-color.tiktok::after	 						{background:url('/images/social-media-icons-all-30x30.png') -360px -60px;}
div.social-image-thumb-small.theme-color.tumblr::after	 						{background:url('/images/social-media-icons-all-30x30.png') -390px -60px;}
div.social-image-thumb-small.theme-color.twitter::after 						{background:url('/images/social-media-icons-all-30x30.png') -420px -60px;}
div.social-image-thumb-small.theme-color.yelp::after		 						{background:url('/images/social-media-icons-all-30x30.png') -450px -60px;}
div.social-image-thumb-small.theme-color.youtube::after 						{background:url('/images/social-media-icons-all-30x30.png') -480px -60px;}
div.social-image-thumb-small.theme-color.whatsapp::after	 					{background:url('/images/social-media-icons-all-30x30.png') -510px -60px;}
div.social-image-thumb-small.theme-color.email::after	 							{background:url('/images/social-media-icons-all-30x30.png') -570px -60px;}


/*	==================================
	theme-color icons - - - - - BEFORE - SMALL
	================================== */ 

div.social-image-thumb-small.square.theme-color::before {
	border-radius: 0;
}
div.social-image-thumb-small.round.theme-color::before {
	border-radius: 50%;
}

div.social-image-thumb-small.theme-color::before {
	content: '';
	background-color: var(--primary-color-blue2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:-10;
	opacity:80%;
}


/*	=================
	full-color icons - SMALL
	================= */ 
div.social-image-thumb-small.full-color {
	background:url('/images/social-media-icons-all-30x30.png') -540px 0px; /* this line sets a default icon for unknown social sites. */
}
div.social-image-thumb-small.full-color.amazon,
div.social-image-thumb-small.full-color.amazon-page,
div.social-image-thumb-small.full-color.amazon-author,
div.social-image-thumb-small.full-color.amazon-author-page  {background:url('/images/social-media-icons-all-30x30.png')    0px 0px;}
div.social-image-thumb-small.full-color.behance 						{background:url('/images/social-media-icons-all-30x30.png')  -30px 0px;}
div.social-image-thumb-small.full-color.deviantart 					{background:url('/images/social-media-icons-all-30x30.png')  -60px 0px;}
div.social-image-thumb-small.full-color.dribble 						{background:url('/images/social-media-icons-all-30x30.png')  -90px 0px;}
div.social-image-thumb-small.full-color.facebook 						{background:url('/images/social-media-icons-all-30x30.png') -120px 0px;}
div.social-image-thumb-small.full-color.github 							{background:url('/images/social-media-icons-all-30x30.png') -150px 0px;}
div.social-image-thumb-small.full-color.instagram 					{background:url('/images/social-media-icons-all-30x30.png') -180px 0px;}
div.social-image-thumb-small.full-color.linkedin 						{background:url('/images/social-media-icons-all-30x30.png') -210px 0px;}
div.social-image-thumb-small.full-color.pinterest 					{background:url('/images/social-media-icons-all-30x30.png') -240px 0px;}
div.social-image-thumb-small.full-color.reddit	 						{background:url('/images/social-media-icons-all-30x30.png') -270px 0px;}
div.social-image-thumb-small.full-color.snapchat 						{background:url('/images/social-media-icons-all-30x30.png') -300px 0px;}
div.social-image-thumb-small.full-color.stumbleupon 				{background:url('/images/social-media-icons-all-30x30.png') -330px 0px;}
div.social-image-thumb-small.full-color.tiktok	 						{background:url('/images/social-media-icons-all-30x30.png') -360px 0px;}
div.social-image-thumb-small.full-color.tumblr	 						{background:url('/images/social-media-icons-all-30x30.png') -390px 0px;}
div.social-image-thumb-small.full-color.twitter 						{background:url('/images/social-media-icons-all-30x30.png') -420px 0px;}
div.social-image-thumb-small.full-color.yelp		 						{background:url('/images/social-media-icons-all-30x30.png') -450px 0px;}
div.social-image-thumb-small.full-color.youtube 						{background:url('/images/social-media-icons-all-30x30.png') -480px 0px;}
div.social-image-thumb-small.full-color.whatsapp	 					{background:url('/images/social-media-icons-all-30x30.png') -510px 0px;}
div.social-image-thumb-small.full-color.email			 					{background:url('/images/social-media-icons-all-30x30.png') -570px 0px;}

/*	=================
	white-on-gray icons - SMALL
	================= */ 
div.social-image-thumb-small.white-on-gray {
	background:url('/images/social-media-icons-all-30x30.png') -540px -30px; /* this line sets a default icon for unknown social sites. */
}
div.social-image-thumb-small.white-on-gray.amazon,
div.social-image-thumb-small.white-on-gray.amazon-page,
div.social-image-thumb-small.white-on-gray.amazon-author,
div.social-image-thumb-small.white-on-gray.amazon-author-page {background:url('/images/social-media-icons-all-30x30.png')    0px -30px;}
div.social-image-thumb-small.white-on-gray.behance 						{background:url('/images/social-media-icons-all-30x30.png')  -30px -30px;}
div.social-image-thumb-small.white-on-gray.deviantart 				{background:url('/images/social-media-icons-all-30x30.png')  -60px -30px;}
div.social-image-thumb-small.white-on-gray.dribble 						{background:url('/images/social-media-icons-all-30x30.png')  -90px -30px;}
div.social-image-thumb-small.white-on-gray.facebook 					{background:url('/images/social-media-icons-all-30x30.png') -120px -30px;}
div.social-image-thumb-small.white-on-gray.github 						{background:url('/images/social-media-icons-all-30x30.png') -150px -30px;}
div.social-image-thumb-small.white-on-gray.instagram 					{background:url('/images/social-media-icons-all-30x30.png') -180px -30px;}
div.social-image-thumb-small.white-on-gray.linkedin 					{background:url('/images/social-media-icons-all-30x30.png') -210px -30px;}
div.social-image-thumb-small.white-on-gray.pinterest 					{background:url('/images/social-media-icons-all-30x30.png') -240px -30px;}
div.social-image-thumb-small.white-on-gray.reddit	 						{background:url('/images/social-media-icons-all-30x30.png') -270px -30px;}
div.social-image-thumb-small.white-on-gray.snapchat 					{background:url('/images/social-media-icons-all-30x30.png') -300px -30px;}
div.social-image-thumb-small.white-on-gray.stumbleupon 				{background:url('/images/social-media-icons-all-30x30.png') -330px -30px;}
div.social-image-thumb-small.white-on-gray.tiktok	 						{background:url('/images/social-media-icons-all-30x30.png') -360px -30px;}
div.social-image-thumb-small.white-on-gray.tumblr	 						{background:url('/images/social-media-icons-all-30x30.png') -390px -30px;}
div.social-image-thumb-small.white-on-gray.twitter 						{background:url('/images/social-media-icons-all-30x30.png') -420px -30px;}
div.social-image-thumb-small.white-on-gray.yelp		 						{background:url('/images/social-media-icons-all-30x30.png') -450px -30px;}
div.social-image-thumb-small.white-on-gray.youtube 						{background:url('/images/social-media-icons-all-30x30.png') -480px -30px;}
div.social-image-thumb-small.white-on-gray.whatsapp	 					{background:url('/images/social-media-icons-all-30x30.png') -510px -30px;}
div.social-image-thumb-small.white-on-gray.email		 					{background:url('/images/social-media-icons-all-30x30.png') -570px -30px;}

/*	=================
	white-on-clear icons - SMALL
	================= */ 
div.social-image-thumb-small.white-on-clear {
	background:url('/images/social-media-icons-all-30x30.png') -540px -60px; /* this line sets a default icon for unknown social sites. */
}
div.social-image-thumb-small.white-on-clear.amazon,
div.social-image-thumb-small.white-on-clear.amazon-page,
div.social-image-thumb-small.white-on-clear.amazon-author,
div.social-image-thumb-small.white-on-clear.amazon-author-page  {background:url('/images/social-media-icons-all-30x30.png')    0px -60px;}
div.social-image-thumb-small.white-on-clear.behance 						{background:url('/images/social-media-icons-all-30x30.png')  -30px -60px;}
div.social-image-thumb-small.white-on-clear.deviantart 					{background:url('/images/social-media-icons-all-30x30.png')  -60px -60px;}
div.social-image-thumb-small.white-on-clear.dribble 						{background:url('/images/social-media-icons-all-30x30.png')  -90px -60px;}
div.social-image-thumb-small.white-on-clear.facebook 						{background:url('/images/social-media-icons-all-30x30.png') -120px -60px;}
div.social-image-thumb-small.white-on-clear.github 							{background:url('/images/social-media-icons-all-30x30.png') -150px -60px;}
div.social-image-thumb-small.white-on-clear.instagram 					{background:url('/images/social-media-icons-all-30x30.png') -180px -60px;}
div.social-image-thumb-small.white-on-clear.linkedin 						{background:url('/images/social-media-icons-all-30x30.png') -210px -60px;}
div.social-image-thumb-small.white-on-clear.pinterest 					{background:url('/images/social-media-icons-all-30x30.png') -240px -60px;}
div.social-image-thumb-small.white-on-clear.reddit	 						{background:url('/images/social-media-icons-all-30x30.png') -270px -60px;}
div.social-image-thumb-small.white-on-clear.snapchat 						{background:url('/images/social-media-icons-all-30x30.png') -300px -60px;}
div.social-image-thumb-small.white-on-clear.stumbleupon 				{background:url('/images/social-media-icons-all-30x30.png') -330px -60px;}
div.social-image-thumb-small.white-on-clear.tiktok	 						{background:url('/images/social-media-icons-all-30x30.png') -360px -60px;}
div.social-image-thumb-small.white-on-clear.tumblr	 						{background:url('/images/social-media-icons-all-30x30.png') -390px -60px;}
div.social-image-thumb-small.white-on-clear.twitter 						{background:url('/images/social-media-icons-all-30x30.png') -420px -60px;}
div.social-image-thumb-small.white-on-clear.yelp		 						{background:url('/images/social-media-icons-all-30x30.png') -450px -60px;}
div.social-image-thumb-small.white-on-clear.youtube 						{background:url('/images/social-media-icons-all-30x30.png') -480px -60px;}
div.social-image-thumb-small.white-on-clear.whatsapp	 					{background:url('/images/social-media-icons-all-30x30.png') -510px -60px;}
div.social-image-thumb-small.white-on-clear.email			 					{background:url('/images/social-media-icons-all-30x30.png') -570px -60px;}

/*	=================
	black-on-clear icons - SMALL
	================= */ 
div.social-image-thumb-small.black-on-clear {
	background:url('/images/social-media-icons-all-30x30.png') -540px  -90px; /* this line sets a default icon for unknown social sites. */
}
div.social-image-thumb-small.black-on-clear.amazon,
div.social-image-thumb-small.black-on-clear.amazon-page,
div.social-image-thumb-small.black-on-clear.amazon-author,
div.social-image-thumb-small.black-on-clear.amazon-author-page	{background:url('/images/social-media-icons-all-30x30.png')    0px  -90px;}
div.social-image-thumb-small.black-on-clear.behance 						{background:url('/images/social-media-icons-all-30x30.png')  -30px  -90px;}
div.social-image-thumb-small.black-on-clear.deviantart 					{background:url('/images/social-media-icons-all-30x30.png')  -60px  -90px;}
div.social-image-thumb-small.black-on-clear.dribble 						{background:url('/images/social-media-icons-all-30x30.png')  -90px  -90px;}
div.social-image-thumb-small.black-on-clear.facebook 						{background:url('/images/social-media-icons-all-30x30.png') -120px  -90px;}
div.social-image-thumb-small.black-on-clear.github 							{background:url('/images/social-media-icons-all-30x30.png') -150px  -90px;}
div.social-image-thumb-small.black-on-clear.instagram 					{background:url('/images/social-media-icons-all-30x30.png') -180px  -90px;}
div.social-image-thumb-small.black-on-clear.linkedin 						{background:url('/images/social-media-icons-all-30x30.png') -210px  -90px;}
div.social-image-thumb-small.black-on-clear.pinterest 					{background:url('/images/social-media-icons-all-30x30.png') -240px  -90px;}
div.social-image-thumb-small.black-on-clear.reddit	 						{background:url('/images/social-media-icons-all-30x30.png') -270px  -90px;}
div.social-image-thumb-small.black-on-clear.snapchat 						{background:url('/images/social-media-icons-all-30x30.png') -300px  -90px;}
div.social-image-thumb-small.black-on-clear.stumbleupon 				{background:url('/images/social-media-icons-all-30x30.png') -330px  -90px;}
div.social-image-thumb-small.black-on-clear.tiktok	 						{background:url('/images/social-media-icons-all-30x30.png') -360px  -90px;}
div.social-image-thumb-small.black-on-clear.tumblr	 						{background:url('/images/social-media-icons-all-30x30.png') -390px  -90px;}
div.social-image-thumb-small.black-on-clear.twitter 						{background:url('/images/social-media-icons-all-30x30.png') -420px  -90px;}
div.social-image-thumb-small.black-on-clear.yelp		 						{background:url('/images/social-media-icons-all-30x30.png') -450px  -90px;}
div.social-image-thumb-small.black-on-clear.youtube 						{background:url('/images/social-media-icons-all-30x30.png') -480px  -90px;}
div.social-image-thumb-small.black-on-clear.whatsapp	 					{background:url('/images/social-media-icons-all-30x30.png') -510px  -90px;}
div.social-image-thumb-small.black-on-clear.email			 					{background:url('/images/social-media-icons-all-30x30.png') -570px  -90px;}

/*	=================
	white-on-black icons - SMALL
	================= */ 
div.social-image-thumb-small.white-on-black {
	background:url('/images/social-media-icons-all-30x30.png') -540px -120px; /* this line sets a default icon for unknown social sites. */
}
div.social-image-thumb-small.white-on-black.amazon,
div.social-image-thumb-small.white-on-black.amazon-page,
div.social-image-thumb-small.white-on-black.amazon-author,
div.social-image-thumb-small.white-on-black.amazon-author-page	{background:url('/images/social-media-icons-all-30x30.png')    0px -120px;}
div.social-image-thumb-small.white-on-black.behance 						{background:url('/images/social-media-icons-all-30x30.png')  -30px -120px;}
div.social-image-thumb-small.white-on-black.deviantart 					{background:url('/images/social-media-icons-all-30x30.png')  -60px -120px;}
div.social-image-thumb-small.white-on-black.dribble 						{background:url('/images/social-media-icons-all-30x30.png')  -90px -120px;}
div.social-image-thumb-small.white-on-black.facebook 						{background:url('/images/social-media-icons-all-30x30.png') -120px -120px;}
div.social-image-thumb-small.white-on-black.github 							{background:url('/images/social-media-icons-all-30x30.png') -150px -120px;}
div.social-image-thumb-small.white-on-black.instagram 					{background:url('/images/social-media-icons-all-30x30.png') -180px -120px;}
div.social-image-thumb-small.white-on-black.linkedin 						{background:url('/images/social-media-icons-all-30x30.png') -210px -120px;}
div.social-image-thumb-small.white-on-black.pinterest 					{background:url('/images/social-media-icons-all-30x30.png') -240px -120px;}
div.social-image-thumb-small.white-on-black.reddit	 						{background:url('/images/social-media-icons-all-30x30.png') -270px -120px;}
div.social-image-thumb-small.white-on-black.snapchat 						{background:url('/images/social-media-icons-all-30x30.png') -300px -120px;}
div.social-image-thumb-small.white-on-black.stumbleupon 				{background:url('/images/social-media-icons-all-30x30.png') -330px -120px;}
div.social-image-thumb-small.white-on-black.tiktok	 						{background:url('/images/social-media-icons-all-30x30.png') -360px -120px;}
div.social-image-thumb-small.white-on-black.tumblr	 						{background:url('/images/social-media-icons-all-30x30.png') -390px -120px;}
div.social-image-thumb-small.white-on-black.twitter 						{background:url('/images/social-media-icons-all-30x30.png') -420px -120px;}
div.social-image-thumb-small.white-on-black.yelp		 						{background:url('/images/social-media-icons-all-30x30.png') -450px -120px;}
div.social-image-thumb-small.white-on-black.youtube 						{background:url('/images/social-media-icons-all-30x30.png') -480px -120px;}
div.social-image-thumb-small.white-on-black.whatsapp	 					{background:url('/images/social-media-icons-all-30x30.png') -510px -120px;}
div.social-image-thumb-small.white-on-black.email			 					{background:url('/images/social-media-icons-all-30x30.png') -570px -120px;}

/*
  <fieldset id="Social_Image_Thumb_Shape">
	<input type="radio" value="square" name="Social_Image_Thumb_Shape"><div class="social-image-thumb-small shape square"></div><span class="social-image-thumb-label">Square</span>
	<input type="radio" value="round" name="Social_Image_Thumb_Shape"><div class="social-image-thumb-small shape round"></div><span class="social-image-thumb-label">Round</span>
  </fieldset>
  <fieldset id="social-image-thumb-style">
	<input type="radio" value="full-color" name="social-image-thumb-style"><div class="social-image-thumb-small style full-color"></div><span class="social-image-thumb-label">Full Color</span>
	<input type="radio" value="white-on-gray" name="social-image-thumb-style"><div class="social-image-thumb-small style white-on-gray"></div><span class="social-image-thumb-label">White on Gray</span>
	<input type="radio" value="white-on-clear" name="social-image-thumb-style"><div class="social-image-thumb-small style white-on-clear"></div><span class="social-image-thumb-label">White on Clear</span>
	<input type="radio" value="black-on-clear" name="social-image-thumb-style"><div class="social-image-thumb-small style black-on-clear"></div><span class="social-image-thumb-label">Black on Clear</span>
	<input type="radio" value="white-on-black" name="social-image-thumb-style"><div class="social-image-thumb-small style white-on-black"></div><span class="social-image-thumb-label">White on Black</span>
  </fieldset>
  <fieldset id="Social_Image_Thumb_Coloring">
	<input type="radio" value="color-overlay" name="Social_Image_Thumb_Coloring"><div class="social-image-thumb-small coloring color-overlay"></div><span class="social-image-thumb-label">Color Overlay from Theme (beta)</span>
	<input type="radio" value="No Color Overlay" name="Social_Image_Thumb_Coloring"><div class="social-image-thumb-small coloring no-color-overlay"></div><span class="social-image-thumb-label">No Color Overlay</span>
  </fieldset>

*/







/*
 ##############################################################################
 The following are for new "Showcase Theme" styling on Admin / Editing pages 
 (and will later also be used for _master / _domain use).
 ##############################################################################
*/
.theme-options form {
	display:inline-block;
}
input[name="showcase-theme-name"] {
	display: none;
}

fieldset.theme-thumb-holder.inner LABEL {
	padding: 0 !important;
}

input[name="showcase-theme-name"]:checked ~ div.theme-thumb-holder {
	background-color:#6e7daa;
	border: thin #000999 solid;
}

div.theme-options {
	text-align: left; 
	margin: 0 auto; 
	padding: 0;
	width: auto; 
	border: none;
	max-width: 100%; 
}

div.theme-options label {
	margin-top:0;
	padding-top:0 !important;
}

div.showcase-pattern-bg-options {
	text-align: center; 
	margin: 0 auto; 
	padding: 0;
	width: auto; 
	border: none;	
}

div.showcase-scenery-bg-options {
	text-align: center; 
	margin: 0 auto; 
	padding: 0;
	width: auto; 
	border: none;	
}

/* This is a fieldset! */
.showcase-theme-name {
	display:inline-block;
	background-color:transparent;
/*	background-color: var(--gray-bg-color);
*/	height: auto;
	padding: 10px;
	margin: 10px;
	float: left;
	text-align: center;
	border:thin var(--gray-fieldset-border) solid;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
/*	box-shadow: 0 5px 5px 1px rgba(0,0,0,.2);
*/}

/* This is a fieldset! */
.showcase-theme-name.outer {
	padding: 0;
	width: 100%;
	max-width: 100%;
	width: calc(50% - 20px);
	text-align: center;

    padding: 0 10px 10px 0;
	background-color:transparent;
/*	background-color: var(--gray-bg-color);
*/}

/* This is a fieldset! */
.showcase-theme-name.inner {
	padding: 10px;
	width: min-content;
	text-align: center;
	margin-right: 0;
	float:none;
}

.showcase-theme-name.showcase-theme-editor {
	padding: 10px;
	text-align: center;
	margin: 0;
	float:none;
}

.showcase-theme-editor.showcase-theme-name.main {
	background-color: var(--gray-fieldset-bg);
}

.showcase-theme-editor.showcase-theme-name.module {
	background-color: var(--full-color-white);
	width: 342px;
	margin: 2vw;
}
.showcase-theme-editor.showcase-theme-name.preview {
	background-color: var(--full-color-white);
	width:300px; 
	text-align:center;
}

div.theme-thumb-holder {
	width: min-content;
	padding: 0;
	display:inline-block;
	border: none;
	background-color:#ccc;
	border: thin #999 solid;
	clear:both;
}

div.theme-thumb-holder.display {
	width: max-content;
	text-align:center;
	padding-right: 5px;
}

span.theme-image-thumb-label {
/*	white-space: nowrap; */
	width: 100%;
}

div.theme-image-thumb,
a.theme-image-thumb {
/*
  appearance: none;
  background-color: #000;
  background-color: #000;
*/
	float: left;
	width: 250px;
	height: 160px;
	border: 0;
	cursor: pointer;
	padding: 5px;
	position: relative;
	text-align: center;
	margin: 10px;
}
.preview-button, a.preview-button {
	background-color:transparent;
	border:1px solid var(--gray-fieldset-border);
    border-radius: 3px;
	display: inline-block;
	cursor: pointer;
	color: var(--gray-btn-text-color);
	font-family: 'amember', 'PT Sans', 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight:normal;
	padding: 0.6rem 0.8rem; 
	text-decoration: none;
}
.preview-button:hover, a.preview-button:hover {
	background-color: var(--gray-bg-color);
	color:#000000;
}
.preview-button:active, a.preview-button:active {
	position: relative;
	top: 1px;
}
.preview-button:disabled, a.preview-button:disabled {
	color: var(--gray-for-disabled);
}

.preview-button.showcase-theme, a.preview-button.showcase-theme {
	width: 100%;
	margin-top: 10px;
}



input[name="Submit"].showcase-theme {
	width: 100%;
	margin-bottom: 0;
}

input[name="Submit"].showcase-theme.five-up {
	box-sizing:border-box;
	width: 39.4px !important;
	margin: 10px 15px 0 0 !important;
}

input[name="Submit"].showcase-theme.five-up.last {
	width: 54.4px !important;
	margin: 10px 0 0 0 !important;
}

.theme-options form.five-up {
	box-sizing:border-box;
	width: 54.4px !important;
}

.theme-options form.five-up.last {
/*	width: 72.4px !important;
*/}

td.tight {
	padding: 0 0 0.2rem 1.0rem;
}
td.tighter {
	padding: 0.2rem 0 0.2rem 0;
}

#Preview-Customizations-Div {
	display:inline-block; 
	position:relative;
	top:0;
	padding: 0rem 1vw 0rem 1vw; 
	margin: 0; 
	height: auto; 
	width: 100%; 
	z-index: 10;
	text-align:left;
/* 	background: < ? =$Header_Background_Color ? >; see the inline element style in edit-store because php processing is called for. */
}

#Preview-Customizations-Div-H2 {
	position: relative; 
	bottom: 0.2rem; 
	margin-top: 0.6rem; 
	margin-bottom: 0.6rem;
	z-index: 3; 
}

#Preview-Customizations-Header-Icon-Background-Tint {
	/* styled inline due to necessary php */
}

#Preview-Customizations-Div > .header-store-name-title, 
#Preview-Customizations-Div > .header-store-name-title span, 
#Preview-Customizations-Div span, 
#Preview-Customizations-Div > .header-store-name-title p {
	font-size: 1.5rem !important;
}

div.Title-Identified-By-Covers {
	float:left;
	width:50%;
}
div.manage-title-covers-at-top {
	margin: 1.0rem 0 3.0vw 0;
}
td.manage-title-covers-at-top {
	max-height: 158px;
}
img.manage-title-covers-at-top {
	max-height: 138px;
		background-color: #e0e0e0;
    padding: 0;
    border: 1px solid #a6a6a6;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(0,0,0,.07) inset;
}

div.author-agreement {
	width:60%; 
	float:none; 
	margin-left:auto; 
	margin-right:auto;
}
p.q-and-a{
	text-indent: -20px;
	font-size: 1.6rem;
}
.q-and-a a {
	font-size: 1.6rem;
}





/*
 ##############################################################################
 The following are for RESPONSIVE styling  / for display on MOBILE devices.
 ##############################################################################
*/
/* Narrow windows less the 1050 SWITCH pricing grid ----------- */
@media screen and (max-width : 1050px) {
/* Styles */

.pricing-plans-div-holder div.pricing-plans-div,
.pricing-plans-div-holder a.pricing-plans {
	margin: 2px;
	padding: 1.0rem;
}

.pricing-plans-div-holder li {
	margin: 0 !important;
	font-size: 1.1rem !important;
	vertical-align: middle !important;
}

.pricing-plans-div-holder {
	grid-template-columns: repeat(auto-fit, minmax(198px, 1fr));
}

div#pricing-plans-free-plan,
div#pricing-plans-seller-plus,
div#pricing-plans-domain-plus,
div#pricing-plans-domain-pro {
	min-width: 178px;
}

#pricing-plans-div-holder-start-annual.pricing-plans-div-holder,
#pricing-plans-div-holder-start-monthly.pricing-plans-div-holder {
	padding: 0 2vw 0 2vw;
	grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
}

div.author-agreement {
	width:80%; 
}

/*
 =============================================================
 GREEN FOR FREE PLAN -- 1. #pricing-plans-free-plan
 =============================================================
*/
#pricing-plans-free-plan li.feature-included-li:before {
	content: url('../../images/icon-plan-feature-included-15x15-FREE.png');
	width: 15px;
	height: 15px;
	margin-left: -22px;
	margin-right: 7px;
	margin-top: 0.2rem;
	vertical-align: middle;
	top: 0.2rem;
}

/*
 =============================================================
 BLUE FOR SELLER PLUS PLAN -- 2. #pricing-plans-seller-plus
 =============================================================
*/
#pricing-plans-seller-plus li.feature-included-li:before {
	content: url('../../images/icon-plan-feature-included-15x15-SELLER-PLUS.png');
	width: 15px;
	height: 15px;
	margin-left: -22px;
	margin-right: 7px;
	margin-top: 0.2rem;
	vertical-align: middle;
	top: 0.2rem;
}

/*
 =============================================================
 PURPLE FOR DOMAIN PLUS PLAN -- 3. #pricing-plans-domain-plus
 =============================================================
*/
#pricing-plans-domain-plus li.feature-included-li:before {
	content: url('../../images/icon-plan-feature-included-15x15-DOMAIN-PLUS.png');
	width: 15px;
	height: 15px;
	margin-left: -22px;
	margin-right: 7px;
	margin-top: 0.2rem;
	vertical-align: middle;
	top: 0.2rem;
}

/*
 =============================================================
 RED FOR DOMAIN PRO PLAN -- 4. #pricing-plans-domain-pro
 =============================================================
*/
#pricing-plans-domain-pro li.feature-included-li:before {
	content: url('../../images/icon-plan-feature-included-15x15-DOMAIN-PRO.png');
	width: 15px;
	height: 15px;
	margin-left: -22px;
	margin-right: 7px;
	margin-top: 0.2rem;
	vertical-align: middle;
	top: 0.2rem;
}

.pricing-plans-div-holder li.feature-NOT-included-li:before {
	content: url('../../images/icon-plan-feature-NOT-included-15x15.png');
	width: 15px;
	height: 15px;
	margin-left: -22px;
	margin-right: 7px;
	margin-top: 0.2rem;
	vertical-align: middle;
	top: 0.2rem;
}



}
/* Narrow windows less the 900 SWITCH to MOBILE MENU ----------- */
@media screen and (max-width : 900px) {
/* Styles */
div.hamburger-wrap {
	visibility:visible; 
}
div#header-menu-wrap {
	visibility:hidden;
}
.mainbody-book-display {padding: 1.1vw 2.0vw 1.5vw 2.0vw;}
.showcase-container {
	min-width: 48%;
	max-width: 52%;
}
#index.showcase-bg {
  content: '';
  background: url('../../images/Showcase-Feature-Background-1636x1587-MOBILE.jpg') no-repeat center center/cover;
}
#about.showcase-bg {
  content: '';
  background: url('../../images/Skyport-Chronicles-2a-for-AUTHORSTOCK-1636x1587-MOBILE.jpg') no-repeat center center/cover;
}
#continue.showcase-bg {
  content: '';
  background: url('../../images/Skyport-Chronicles-3b-for-AUTHORSTOCK-1636x1587-MOBILE.jpg') no-repeat center center/cover;
}
#faq.showcase-bg {
  content: '';
  background: url('../../images/Skyport-Chronicles-1a-for-AUTHORSTOCK-1636x1587-MOBILE.jpg') no-repeat center center/cover;
}

.showcase .showcase-inner {
	min-width: 48%;
	max-width: 52%;
	flex-direction: column;
	-webkit-flex-direction: column;
}

.showcase-inner.continue {
	min-width: calc(100% - 6vw);
	max-width: calc(100% - 6vw);
	margin: 3vw;
}

.showcase h1 {
	font-size: 2.24rem;
	margin: 4px 0;
}
.showcase p {
    font-size: 1.4rem;
    margin: 4px 0;
}
.halfscreen-1 {
	width: 100%;
	margin: 0 0 2vw 0; /* left becomes "top" in column mode. Need margin on bottom */
}

.halfscreen-2 {
	width: 100%;
}
.arrow span {
    width: 15px;
    height: 15px;
    border-bottom: 3px solid var(--full-color-white);
    border-right: 3px solid var(--full-color-white);
}
#Body-Upper-Left-Side {
	float:none !important;
	width:100% !important;
	text-align:center !important;
}
#Body-Upper-Right-Side {
	float: none !important;
	width: 100% !important;
	text-align:center !important;
}
.see-inside-wrapper {
	margin-right:auto;
	margin-left:auto;
}
.see-inside-div {
	left:26%;
}
.Body-Upper-Right-Side p, .title-on-multi, .subtitle, .formats-div-holder, .bookstats {
	text-align:center !important;
}
.formats-div-holder {
	float: none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width: auto;
	clear:both;
	display: inline-block;
}
#footer {
	padding: 40px 10px 40px 10px;
}

/* below applied to old start page */
div.center-box.start-page {
	min-width:100% !important;
	width:100% !important;
}

/* below applies to new start page (added March 2020) */
div.center-box.start {
	padding-bottom: 7.0rem;
}

.pricing-plans-div-holder {
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.pricing-plans-div-holder li {
	font-size: 1.1rem !important;
}

div#pricing-plans-free-plan,
div#pricing-plans-seller-plus,
div#pricing-plans-domain-plus,
div#pricing-plans-domain-pro {
	min-width: 170px;
}

#pricing-plans-div-holder-start-annual.pricing-plans-div-holder,
#pricing-plans-div-holder-start-monthly.pricing-plans-div-holder {
	padding: 0 1vw 0 1vw;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

div.Title-Identified-By-Covers {
	width:100%;
}
td.manage-title-covers-at-top {
	max-height: 115px;
}
img.manage-title-covers-at-top {
	max-height: 95px;
}

div.author-agreement {
	width:calc(100% - 6vw); 
}

p.bookstats {
	text-align: center;
}

span.bookdescription, p.bookdescription  {
	text-align: left !important;
}




}